

<style type="text/css">
    /* html {
        overflow-x: hidden !important;
    } */

    body {

        background: #FFF !important;
        font-family: 'Poppins-normal' !important;
        /* overflow-x: hidden !important; */
    }

    [v-cloak] {
        display: none;
    }

    @import url(https://fonts.googleapis.com/css?family=Source + Sans + Pro&display=swap);

    @font-face {
        font-family: Webkul Rango;
        src: url("../fonts/font-rango/rango.eot?o0evyv");
        src: url("../fonts/font-rango/rango.eot?o0evyv#iefix") format("embedded-opentype"), url("../fonts/font-rango/rango.ttf?o0evyv") format("truetype"), url("../fonts/font-rango/rango.woff?o0evyv") format("woff"),
            url("../fonts/font-rango/rango.svg?o0evyv#rango") format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Poppins-normal;
        src: url("../fonts/Poppins-Regular.woff?o0evyv") format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Poppins-bold;
        src: url("../fonts/Poppins-Bold.woff?o0evyv") format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Hang;
        src: url("../fonts/HANGEM2.ttf?o0evyv") format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Poppins-Medium;
        src: url("../fonts/Poppins-Medium.woff?o0evyv") format("truetype");
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: POPPINS-SEMIBOLD;
        src: url("../fonts/POPPINS-SEMIBOLD.ttf?o0evyv") format("truetype");
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: cairo;
        src: url("../fonts/Cairo-Regular.woff?o0evyv") format("truetype");
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Tajawal-Regular;
        src: url("../fonts/Tajawal-Regular.woff?o0evyv") format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Tajawal-Medium;
        src: url("../fonts/Tajawal-Medium.woff?o0evyv") format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Tajawal-Bold;
        src: url("../fonts/Tajawal-Bold.woff?o0evyv") format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    .wk-icon {
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        color: #0041ff;
    }

    li {
        list-style-type: none;
    }

    a:hover {
        text-decoration: none !important;
    }


    .header-shadow .content-list {
        width: 83%;
        overflow-x: scroll;
        white-space: nowrap;
        margin-left: 15px;
    }

    .header-shadow .content-list::-webkit-scrollbar {
        display: none;
    }

    .header-shadow .content-list::-webkit-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    body.rtl .header-shadow .content-list {
        width: 83%;
        overflow-x: scroll;
        white-space: nowrap;
        margin-right: 15px;
        margin-left: 0;
    }

    .empty-cart-message {
        height: 70px;
        min-height: 70px;
        max-height: 70px;
    }

    .pagination {
        position: absolute;
        bottom: 7px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        width: 159px;
        margin: 0 auto;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0px !important;
    }

    .lightgreenBG {
        background-color: #08c541 !important;
    }

    .lightgreenBG span {
        color: white !important;
        margin: 0 !important;
    }

    .row+.row {
        margin-top: 0px !important;
    }

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

    .footer-copy-right .col-12 {
        padding: 0 15px
    }

    .rango-activity:before {
        content: "\E900";
    }

    /* button, input, select, textarea {
    background-color: white !important;
} */
    .subscribe-field {
        background-color: white !important;

    }

    .container {
        padding: 0 !important;
    }

    .active_favorite {
        color: #EA523E !important
    }

    .product-detail .product-image-group {
        display: flex;
        position: -webkit-sticky;
        position: sticky;
        top: 150px;
    }

    .heart_header {
        width: 29px;
        height: 26px;
    }

    .shop_img {
        width: 18px;
        height: 16px;
    }

    .k-progress {
        margin-bottom: 0 !important;
    }

    .k-progress,
    .k-progress-outer {
        width: 100%;
    }

    .k_progress_holder {
        position: relative;
        margin-bottom: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top_reviews_holder {
        display: flex;
        border-bottom: 1px solid #EDEDED;
        margin: 0 0 13px 0;
        padding: 0 0 15px 0;
    }

    .sold-by-holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sold-by {
        color: #A1A9C3;
        font-size: 12px
    }

    .EST {
        color: #A1A9C3 !important;
        font-size: 13px !important
    }

    .EST_number {
        color: #000 !important;
        font-size: 13px !important
    }

    .mimitta_sold {
        text-decoration: underline;
        color: #000 !important
    }

    .date_holder_review {
        width: 100%;
    }

    .sold-by-holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top_reviews_holder h4 {
        font-weight: 500;
    }

    .change_phone_holder {
        max-width: 500px;
        display: flex !important;
        flex-direction: column;
        margin: auto !important;
    }

    .change_phone_title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .change_phone_title h1 {
        font-weight: 900;
        margin: 100px 0 50px 0;
        text-transform: capitalize;
        font-size: 32px;
        color: #131313;
    }

    .top_reviews_holder .d_flex {
        justify-content: space-between;
    }

    .top_reviews_holder span {
        color: #767676;
        font-size: 12px;
    }


    .review_comment {
        font-size: 13px;
    }

    .starts_holder {
        margin-bottom: 16px;
        display: flex;
    }

    .k_progress_holder span {
        color: #ababab;
        font-size: 13px;
    }

    /* .rtl .k_progress_holder span {
        left: 39px;
        right: auto;
    } */

    .checked_star {
        color: #ECBA5A !important
    }

    .k-progress-text {
        display: none !important;
    }

    .fa-star {
        color: #DEDEDE;
        font-size: 17px !important;
    }

    .product-detail .VueCarousel .VueCarousel-inner {
        flex-direction: column !important;
    }

    .product_d_panal {
        width: 100%;
    }

    .product_description {
        padding: 15px;
        font-size: 14px;
        color: #000 !important;
        font-weight: 500 !important;
    }

    .product_description p {
        font-size: 14px;
        color: #000 !important;
        font-weight: 500 !important;
    }

    .product_description a {
        font-size: 14px;
        color: #000 !important;
        font-weight: 500 !important;
    }

    .product_description li {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .product_description td {
        font-size: 14px !important;
        color: #000 !important;
        font-weight: 500 !important;
    }

    .product_description strong {
        font-size: 14px;
        color: #000 !important;
        font-weight: 500 !important;
        font-family: cairo !important;
    }


    .specifications_holder p {
        margin: 0 !important;
        height: 45px;
        font-size: 14px;
        line-height: 45px;
    }

    .specifications_holder .key {
        width: 32%;
        color: #A1A9C3;
        display: inline-block;
        padding: 0 0 0 21px;
    }

    .rtl .specifications_holder .key {
        padding: 0 21px 0 0;
    }

    .hits-items {
        background: #fff;
        display: inline-table;
        min-width: 360px;
        border-radius: 0 0 3px 3px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) !important;
        height: auto !important;
    }

    .hits-items p {
        padding: 0 15px;
        margin-top: 15px;
        cursor: pointer;
    }

    .query-value {
        font-size: 0px;
    }

    .highlight-word {
        font-weight: bolder;
        color: #000;
        font-family: Poppins-bold;
    }

    #pdf_renderer {
        max-width: 100%;
    }

    #my_pdf_viewer {
        text-align: center;
        margin: 30px 0;
    }

    #go_previous,
    #go_next {
        border: none;
        border-radius: 50%;
    }

    #current_page {
        max-width: 50px;
        background: #F8F8F8;
        border: 1px solid #DEDEDE;
        border-radius: 3px;
        font-weight: bold;
        height: 30px;
        padding-left: 21px;
    }

    #navigation_controls {
        margin: 25px;
    }

    #zoom_in,
    #zoom_out {
        background: #EDEDED;
        border-radius: 50%;
        border: none;
        width: 32px;
        height: 32px;
        text-align: center;
    }

    .specifications_holder .value {
        color: #131313;

    }

    .specifications_holder {
        margin: 0;
    }

    .specifications_holder:nth-child(odd) {
        background-color: #E6E6E6;
    }

    .product_d_panal li a {
        border-radius: 0;
        font-size: 15px;
        font-weight: 400;
        color: #000 !important;
    }

    .product_d_panal li.active a {
        background-color: transparent !important;
        border-bottom: 3px solid #ECBA5A;
        border-radius: 0;
        font-weight: 500;
        color: #000 !important
    }

    .product_d_panal .nav-pills {
        border-bottom: 1px solid #E6E6E6;
    }

    .quicksearch-cont {
        max-height: 620px;
        height: auto;
        overflow: hidden;
    }

    .quicksearch-cont img {
        width: 100%;
    }

    .intro-back-to-school {
        font-family: Hang !important;
        color: #003868;
        font-size: 71px;
        margin-top: 100px;

    }

    .intro-subtext-blue {
        color: #003868BF;
        font-size: 16px;
        width: 35%;
    }

    .intro-enter-code {
        font-size: 22px;
        font-weight: bold;
        font-family: Poppins-bold;
        color: #000;
    }

    .wishlist-btn {
        position: relative;
    }

    .add_holder .hover {
        display: none;
    }

    .add_holder:hover span {
        color: #FFF !important
    }

    .add_holder:hover .base {
        display: none;
    }

    .add_holder:hover .hover {
        display: inline-block;
    }

    .badge-container {
        border-radius: 50%;
        top: -9px;
        padding: 4px;
        min-width: 20px;
        position: absolute;
        background: #ECBA5A;
        right: -9px;
        width: 20px;
        height: 20px;
        display: flex;
        box-shadow: 0px 0px 0px 3px rgb(255 199 39 / 20%);


    }

    body.rtl .badge-container {
        top: -12px;
        right: 18px;
    }

    .badge-container .badge {
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        font-size: 13px;
    }

    .intro-code-subtext {
        color: #00386866;
    }

    .intro-code-input {
        border: none;
        height: 45px;
        width: 380px;
        background: #FFF;
        padding-left: 20px;

        border-radius: 10px;

        float: left;

    }

    .intro-code-submit {

        height: 45px;
        width: 45px;
        background: #EA523E;
        border: none;
        border-radius: 10px;
        margin-left: 20px;

    }

    .button-arrow {
        transform: matrix(-1, 0, 0, -1, 0, 0);
        margin-left: 8px;
    }

    .rango-announcement:before {
        content: "\E901";
    }

    .rango-arrow-circle-down:before {
        content: "\E902";
    }

    .rango-arrow-circle-left:before {
        content: "\E903";
    }

    .rango-arrow-circle-right:before {
        content: "\E904";
    }

    .rango-arrow-circle-up:before {
        content: "\E905";
    }

    .rango-arrow-down:before {
        content: "\E906";
        color: #000;
    }

    .rango-arrow-left:before {
        content: "\E907";
    }

    .rango-arrow-right:before {
        content: "\E908";
    }

    .rango-arrow-up:before {
        content: "\E909";
        color: #FFF;
    }

    .rango-auction:before {
        content: "\E90A";
    }

    .rango-baby:before {
        content: "\E90B";
    }

    .rango-bag:before {
        content: "\E90C";
    }

    .rango-ball-2:before {
        content: "\E90D";
    }

    .rango-bar-code:before {
        content: "\E90E";
    }

    .rango-batch:before {
        content: "\E90F";
    }

    .rango-book:before {
        content: "\E910";
    }

    .rango-calender:before {
        content: "\E911";
    }

    .rango-camera:before {
        content: "\E912";
    }

    .rango-car:before {
        content: "\E913";
    }

    .rango-card:before {
        content: "\E914";
    }

    .rango-cart-1:before {
        content: "\E915";
    }

    .rango-cart-2:before {
        content: "\E916";
    }

    .rango-cart-3:before {
        content: "\E917";
    }

    .rango-circel-1:before {
        content: "\E918";
    }

    .rango-circel:before {
        content: "\E919";
    }

    .rango-circle-1:before {
        content: "\E91A";
    }

    .rango-circle-2:before {
        content: "\E91B";
    }

    .rango-circle-check:before {
        content: "\E91C";
    }

    .rango-clear:before {
        content: "\E91D";
    }

    .rango-close-2:before {
        content: "\E91E";
    }

    .rango-close:before {
        content: "\E91F";
    }

    .rango-cloth:before {
        content: "\E920";
    }

    .rango-coin:before {
        content: "\E921";
    }

    .rango-copy:before {
        content: "\E922";
    }

    .rango-currency:before {
        content: "\E923";
    }

    .rango-delete:before {
        content: "\E924";
        color: #DEDEDE    }

    .rango-donwload-1:before {
        content: "\E925";
    }

    .rango-download-1:before {
        content: "\E926";
    }

    .rango-edit-pencil:before {
        content: "\E927";
    }

    .rango-ellipse:before {
        content: "\E928";
    }

    .rango-envelop:before {
        content: "\E929";
    }

    .rango-exchange:before {
        content: "\E92A";
    }

    .rango-exchnage:before {
        content: "\E92B";
    }

    .rango-expend-collaps:before {
        content: "\E92C";
    }

    .rango-expend:before {
        content: "\E92D";
    }

    .rango-eye-hide:before {
        content: "\E92E";
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table tbody tr .action .eye-icon:before,
    .rango-eye-visible:before {
        content: "\E92F";
    }

    .rango-facebook:before {
        content: "\E930";
    }

    .rango-file:before {
        content: "\E931";
    }

    .rango-filter:before {
        content: "\E932";
    }

    .rango-flag:before {
        content: "\E933";
    }

    .rango-folder:before {
        content: "\E934";
    }

    .rango-food:before {
        content: "\E935";
    }

    .rango-furniture:before {
        content: "\E936";
    }

    .rango-gift:before {
        content: "\E937";
    }

    .rango-globe:before {
        content: "\E938";
    }

    .rango-google-plus:before {
        content: "\E939";
    }

    .rango-gps:before {
        content: "\E93A";
    }

    .rango-graph-1:before {
        content: "\E93B";
    }

    .rango-graph:before {
        content: "\E93C";
    }

    .rango-heart-fill:before {
        content: "\E93D";
    }

    .rango-heart:before {
        content: "\E93E";
    }

    .rango-hold-cart:before {
        content: "\E93F";
    }

    .rango-home:before {
        content: "\E940";
    }

    .rango-info:before {
        content: "\E941";
    }

    .rango-instagram:before {
        content: "\E942";
    }

    .rango-language-1:before {
        content: "\E943";
    }

    .rango-language:before {
        content: "\E944";
    }

    .rango-laptop:before {
        content: "\E945";
    }

    .rango-limit:before {
        content: "\E946";
    }

    .rango-linked-in:before {
        content: "\E947";
    }

    .rango-lipstick:before {
        content: "\E948";
    }

    .rango-location:before {
        content: "\E949";
    }

    .rango-lock-1:before {
        content: "\E94A";
    }

    .rango-lock-2:before {
        content: "\E94B";
    }

    .rango-map:before {
        content: "\E94C";
    }

    .rango-message-1:before {
        content: "\E94D";
    }

    .rango-message:before {
        content: "\E94E";
    }

    .rango-minus:before {
        content: "\E94F";
    }

    .rango-mobile:before {
        content: "\E950";
    }

    .rango-more:before {
        content: "\E951";
    }

    .rango-neckless:before {
        content: "\E952";
    }

    .rango-next:before {
        content: "\E953";
    }

    .rango-notification:before {
        content: "\E954";
    }

    .rango-num-pad:before {
        content: "\E955";
    }

    .rango-percentage:before {
        content: "\E956";
    }

    .rango-phone:before {
        content: "\E957";
    }

    .rango-picture:before {
        content: "\E958";
    }

    .rango-pintrest:before {
        content: "\E959";
    }

    .rango-play:before {
        content: "\E95A";
    }

    .rango-plus:before {
        content: "\E95B";
    }

    .rango-pos:before {
        content: "\E95C";
    }

    .rango-power:before {
        content: "\E95D";
    }

    .rango-previous:before {
        content: "\E95E";
    }

    .rango-printer:before {
        content: "\E95F";
    }

    .rango-product-add:before {
        content: "\E960";
    }

    .rango-product-retrun:before {
        content: "\E961";
    }

    .rango-product:before {
        content: "\E962";
    }

    .rango-produt-group:before {
        content: "\E963";
    }

    .rango-push:before {
        content: "\E964";
    }

    .rango-quotation:before {
        content: "\E965";
    }

    .rango-refresh:before {
        content: "\E966";
    }

    .rango-refrigrator:before {
        content: "\E967";
    }

    .rango-return-credit:before {
        content: "\E968";
    }

    .rango-return:before {
        content: "\E969";
    }

    .rango-search:before {
        content: "\E96A";
    }

    .rango-security:before {
        content: "\E96B";
    }

    .rango-setting-cog:before {
        content: "\E96C";
    }

    .rango-setting-reset:before {
        content: "\E96D";
    }

    .rango-share-1:before {
        content: "\E96E";
    }

    .rango-share-2:before {
        content: "\E96F";
    }

    .rango-shoes:before {
        content: "\E970";
    }

    .rango-shop:before {
        content: "\E971";
    }

    .rango-sign-in:before {
        content: "\E972";
    }

    .rango-sign-out:before {
        content: "\E973";
    }

    .rango-sort-1:before {
        content: "\E974";
    }

    .rango-sort-2:before {
        content: "\E975";
    }

    .rango-square-1:before {
        content: "\E976";
    }

    .rango-square-3:before {
        content: "\E977";
    }

    .rango-square-4:before {
        content: "\E978";
    }

    .rango-square-tick-fill:before {
        content: "\E979";
    }

    .rango-square:before {
        content: "\E97B";
    }

    .rango-star-fill:before {
        content: "\E97C";
    }

    .rango-star:before {
        content: "\E97D";
    }

    .rango-stat-down:before {
        content: "\E97E";
    }

    .rango-stat-up:before {
        content: "\E97F";
    }

    .rango-support-head:before {
        content: "\E980";
    }

    .rango-t-shirt:before {
        content: "\E981";
    }

    .rango-table:before {
        content: "\E982";
    }

    .rango-tag-1:before {
        content: "\E983";
    }

    .rango-tag-2:before {
        content: "\E984";
    }

    .rango-tag-3:before {
        content: "\E985";
    }

    .rango-tag-4:before {
        content: "\E986";
    }

    .rango-tick-2:before {
        content: "\E987";
    }

    .rango-tick-square:before {
        content: "\E988";
    }

    .rango-tick:before {
        content: "\E989";
    }

    .rango-toggle:before {
        content: "\E98A";
    }

    .rango-trophy:before {
        content: "\E98B";
    }

    .rango-twitter:before {
        content: "\E98C";
    }

    .rango-upload-2:before {
        content: "\E98D";
    }

    .rango-upload:before {
        content: "\E98E";
    }

    .rango-user-add:before {
        content: "\E98F";
    }

    .rango-user-cash:before {
        content: "\E990";
    }

    .rango-user-group:before {
        content: "\E991";
    }

    .rango-user-info:before {
        content: "\E992";
    }

    .rango-user-owner:before {
        content: "\E993";
    }

    .rango-user-shop:before {
        content: "\E994";
    }

    .rango-user:before {
        content: "\E995";
    }

    .rango-van-ship:before {
        content: "\E996";
    }

    .rango-video-camera:before {
        content: "\E997";
    }

    .rango-video:before {
        content: "\E998";
    }

    .rango-view-grid:before {
        content: "\E999";
    }

    .rango-view-list:before {
        content: "\E99A";
    }

    .rango-wifi-on:before {
        content: "\E99B";
    }

    .rango-wifi:before {
        content: "\E99C";
    }

    .rango-youtube:before {
        content: "\E99D";
    }

    .rango-zoom-minus:before {
        content: "\E99E";
    }

    .rango-zoom-plus:before {
        content: "\E99F";
    }

    .rights {
        font-size: 12px;
        color: #FFF;
    }

    .yellowcolor {
        font-size: 12px;
        color: #0084CA;
    }

    .center1 {
        text-align: center;
    }

    .fs35 {
        font-size: 35px;
    }

    .graycolor {
        color: #A1A9C3;
    }

    .pbottom60 {
        padding-bottom: 60px;
    }

    .copy_right_footer {
        padding: 15px !important;
        background-color: #002442 !important;
    }

    .copy_right_footer a {
        color: #000 !important;
    }

    .social_footer_holder>.row {
        display: flex;
        align-items: center;
        padding: 0 16px;
        padding-top: 25px;
        flex-wrap: initial;
        flex: 0 auto;
    }


    .social_footer_holder {
        padding: 0 70px 25px 70px !important;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

    .stick_line {
        height: 1px;
        width: 90%;
        background: #B9E2D8;
        position: absolute;
        top: -8px;
    }

    .social_footer_holder>.row .col-lg-6 {
        min-width: 100%;
    }

    .social_footer_holder>.row .col-lg-6 ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .social_footer_holder>.row .col-lg-6 ul li a {
        color: #FFF !important;
        font-size: 14px;
    }

    .linebottom {
        border-bottom: 1px solid #FFF;
        padding: 0px;
    }

    .zeromargin {
        margin: 0px;
    }

    .smallpadding {
        padding: 0 70px !important;
    }

    .rightborder {
        border-right: 1px solid #FFF;
    }

    .footerpages {
        font-size: 12px;
        color: #FFF !important;
    }

    .rightfloat {
        float: right;
        margin-left: 15px;
    }

    .lightgreen {
        background-color: #0084CA !important;
    }

    .newsletter {
        font-size: 18px;
        color: #FFF;
    }

    .inputstyle {
        height: 45px;
        width: 305px;
        border: none;
        border-radius: 10px 10px 10px 10px;
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .buttonstyle {
        height: 45px;
        width: 196px;
        color: #FFF;
        background-color: #EA523E;
        margin-left: 20px;
        border: none;
        font-size: 15px;
        border-radius: 10px 10px 10px 10px;
    }

    .velocity-icon {
        width: 60px;
        height: 55px;
        display: inline-block;
        background-size: cover;
        background-image: url("../images/Icon-Velocity.svg");
    }

    .active.velocity-icon,
    .active .velocity-icon,
    .router-link-active.velocity-icon,
    .router-link-active .velocity-icon {
        background-image: url("../images/Icon-Velocity-Active.svg");
    }

    .qty-btn,
    .qty-btn>* {
        height: 36px;
        display: inline-block;
    }

    .qty-btn>* {
        padding: 0 10px;
        border: 1px solid #CCC;
        vertical-align: top;
        line-height: 3.5rem;
    }

    .qty-btn> :not(:first-child) {
        border-left: none;
        position: relative;
    }

    .qty-btn> :nth-child(2) {
        left: -4px;
    }

    .qty-btn> :nth-child(3) {
        left: -7px;
    }


    .btn-add-to-cart.large {
        padding: 12px 18px;
    }

    .btn-add-to-cart .rango-cart-1 {
        padding-right: 5px;
    }

    .accordian .accordian-header i.rango-arrow {
        float: right;
        font-size: 24px;
    }

    .accordian .accordian-header i.rango-arrow:before {
        content: "\E908";
    }

    .accordian.active .accordian-header i.rango-arrow:before {
        content: "\E906";
    }

    .accordian .accordian-header {
        width: 100%;
        font-size: 18px;
        cursor: pointer;
        color: #3a3a3a;
        margin-top: -1px;
        padding-bottom: 20px;
        display: inline-block;
    }

    .accordian .accordian-content {
        width: 100%;
        display: none;
    }

    .accordian.active .accordian-header {
        padding-bottom: 10px;
    }

    .accordian.active .accordian-content {
        display: inline-block;
    }

    .review-page-container {
        padding: 20px;
        position: relative;
    }

    .review-page-container>div:first-child {
        top: 40px;
        position: -webkit-sticky;
        position: sticky;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }

    .review-page-container .category-breadcrumb {
        margin-bottom: 30px;
    }

    .review-page-container h2 {
        font-size: 24px;
        font-weight: 600;
    }

    .review-page-container h3 {
        font-size: 20px;
        font-weight: 600;
    }

    .review-page-container h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .review-page-container .customer-reviews>div.row {
        padding-bottom: 30px;
    }

    .review-page-container .submit-btn {
        font-weight: 600;
    }

    .review-page-container .submit-btn button {
        padding: 10px 15px;
    }

    .customer-rating .rating-container {
        padding: 30px 0;
    }

    .customer-rating a {
        color: #4d7ea8;
    }

    .customer-rating a:hover {
        text-decoration: none;
    }

    .customer-rating .col-lg-6:first-child {
        border-right: 1px solid #CCC;
    }

    .customer-rating .rating-bar {
        top: 12px;
        padding: 0;
        height: 5px;
        position: relative;
        background-color: #f7f7f9;
    }

    .customer-rating .rating-bar>div {
        width: 0;
        height: 100%;
        background-color: #111;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .customer-rating button.btn.page-item,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity .customer-rating button.page-item,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .customer-rating button.light.btn,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity .customer-rating button.light,
    .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .customer-rating button.btn.page-item,
    .account-content .account-layout .bottom-toolbar .pagination .customer-rating .page-item,
    .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .customer-rating button.page-item,
    .cart-details .customer-rating .light.continue-shopping-btn,
    .customer-rating .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item,
    .customer-rating .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item,
    .customer-rating .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light,
    .customer-rating .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn,
    .customer-rating .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item,
    .customer-rating .account-content .account-layout .bottom-toolbar .pagination .page-item,
    .customer-rating .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item,
    .customer-rating .cart-details .light.continue-shopping-btn,
    .customer-rating .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item,
    .customer-rating .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light,
    .customer-rating .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item,
    .customer-rating .theme-btn.light,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .customer-rating button.page-item,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .customer-rating button.light,
    .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .customer-rating button.page-item {
        margin-top: 10px;
    }

    .review-form {
        width: 80%;
    }

    .review-form>div {
        padding-top: 30px;
    }

    .review-form>div label {
        font-size: 14px;
        font-weight: 500;
        display: block;
    }

    .review-form>div input,
    .review-form>div textarea {
        width: 100%;
        resize: none;
        font-size: 16px;
        padding: 5px 16px;
        border-radius: 1px;
        border: 1px solid #CCC;
    }

    .filters-container {
        margin: 20px 0;
    }

    .col-9 {
        max-width: 74% !important;
    }

    .filters-container .toolbar-wrapper>div {
        margin: 0 20px 0 0;
        display: inline-block;
    }

    .filter_holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filters-container .toolbar-wrapper>div.view-mode {
        display: none !important;
    }

    .filters-container .toolbar-wrapper>div.limiter {
        display: none !important;
    }

    .resend_code {
        border: none;
        background: transparent;
        color: #44705C;
        font-weight: 600;
    }

    .timer {
        color: #44705C;
    }

    ::-webkit-input-placeholder {
        /* Edge */
        color: #9EA7AF;
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #9EA7AF;
    }

    ::placeholder {
        color: #9EA7AF;
    }

    .filters-container .toolbar-wrapper>div label {
        font-weight: 500;
        margin-right: 10px;
        white-space: nowrap;
    }

    .filters-container .toolbar-wrapper>div select {
        cursor: pointer;
        padding: 6px 16px;
        background-color: transparent;
        border: none;
    }

    .filters-container .toolbar-wrapper>div .down-icon-position {
        pointer-events: none;
        background-color: #FFF    }

    .filters-container .toolbar-wrapper>div:not(:first-child) {
        vertical-align: super;
        display: flex;
        align-items: center;
    }

    .filters-container .toolbar-wrapper .limiter:after {
        margin-left: 10px;
    }

    .view-mode {
        margin-bottom: 20px;
    }

    .view-mode .rango-view-grid-container {
        width: 36px;
        height: 36px;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.83);
        padding: 6px 0 0 5px;
        display: inline-block;
    }

    .view-mode .rango-view-grid-container.active {
        color: #FFF;
        background-color: #26a37c;
    }

    .view-mode .rango-view-list-container {
        width: 36px;
        height: 36px;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.83);
        padding: 6px 0 0 5px;
        display: inline-block;
    }

    .view-mode .rango-view-list-container.active {
        color: #FFF;
        background-color: #26a37c;
    }

    .modal-container {
        left: 50%;
        top: 100px;
        z-index: 11;
        width: 600px;
        max-width: 80%;
        max-height: 80%;
        position: fixed;
        font-size: 14px;
        overflow-y: auto;
        margin-left: -300px;
        background: #FFF;
        -webkit-animation: jelly 0.5s ease-in-out;
        animation: jelly 0.5s ease-in-out;
        -webkit-animation: fade-in-white 0.3s ease-in-out;
        animation: fade-in-white 0.3s ease-in-out;
        border-radius: 5px;
        -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.03), 0 20px 45px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.03), 0 20px 45px 5px rgba(0, 0, 0, 0.2);
    }

    .modal-container .modal-header {
        padding: 20px;
    }

    .modal-container .modal-header h3 {
        display: inline-block;
        font-size: 20px;
        color: rgba(0, 0, 0, 0.83);
        margin: 0;
    }

    .modal-container .modal-header .icon {
        float: right;
        cursor: pointer;
    }

    .modal-container .modal-header .icon.remove-icon {
        width: 24px;
        right: 20px;
        height: 24px;
        margin-right: 0;
        position: absolute;
        background-image: url(/themes/velocity/assets/images/Icon-remove.svg);
    }

    .modal-container .modal-body {
        padding: 20px;
    }

    .modal-container .modal-body .control-group .control {
        width: 100%;
    }

    .product-card-new {
        border: none !important;
        margin: 0 5px 10px 10px;
        border-radius: 10px 10px 10px 10px;

    }

    .product-card-new .product-image-container {
        max-height: 225px;
        position: relative;
        min-height: 170px;
        background: white;
    }


    .no-padding .card-current-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px;
    }

    .card-current-price .display-inbl {
        display: flex;
        align-items: center;
    }

    .product-card-new .card-current-price {
        font-size: 18px;
    }

    .product-card-new .product-rating .stars {
        display: inline-block;
    }

    .product-card-new .product-rating span {
        font-size: 14px;
        vertical-align: middle;
    }

    .product-card-new .product-rating .material-icons {
        font-size: 16px;
    }

    .product-card-new .card-body {
        cursor: default;
    }


    .product-card-new .card-body>div:last-child {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .product-card-new .card-body .product-name,
    .product-card-new .card-body .product-rating {
        width: 90%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #FFF !important;
        font-size: 15px !important;
    }

    .product-card-new .card-body .product-name span {
        color: #131313;
        overflow: hidden;
        /* white-space: nowrap; */
        text-overflow: ellipsis;
        width: 99%;
        /* display: block; */
        text-align: left;
        font-size: 15px;
    }

    .rtl .product-card-new .card-body .product-name span {
        direction: rtl;
        text-align: right;
    }

    .product-card-new .product-price .sticker {
        display: block;
    }



    .product-card-new .card-body .compare-icon {
        display: none;
    }

    .product-card-new .card-body .compare-icon {
        right: 0;
        left: unset;
    }

    .product-card-new .card-body .add-to-cart-btn {
        width: 100%;
        /* position: absolute; */
        display: flex;
        justify-content: space-between;
    }

    .add-to-cart-btn form {
        width: calc(100% - 45px);
    }

    .product-card-new .card-body .add-to-cart-btn .btn-add-to-cart span {
        height: 39px;
        color: #44705C    }

    /* .rtl .product-card-new .card-body .add-to-cart-btn .btn-add-to-cart span {
        font-size: 11px;
    } */
    .m-d input[class^="tab"] {
        border: none;
    }

    * {
        outline: none !important;
    }

    .m-d input[class^="tab"]:checked~.content {
        margin-bottom: 20px;
        overflow: hidden;
    }

    .product-card-new .card-body .add-to-cart-btn .btn-add-to-cart:focus {
        box-shadow: none !important;
        outline: none !important;
        background-image: linear-gradient(to #ECBA5A, #F3A303) !important
    }

    .product-card-new .card-body .add-to-cart-btn .btn-add-to-cart:active {
        box-shadow: none !important;
        outline: none !important;
    }


    .carousel-products.with-recent-viewed .product-card-new .card-body .add-to-cart-btn .btn-add-to-cart,
    .product-card-new .card-body .add-to-cart-btn .btn-add-to-cart.small-padding,
    .product-card-new .card-body .add-to-cart-btn .carousel-products.with-recent-viewed .btn-add-to-cart {
        max-width: 130px;
    }

    .quick-view-btn-container {
        left: -12px;
        width: 100%;
        bottom: 10px;
        display: none;
        position: absolute;
    }

    .quick-view-btn-container span {
        left: 50%;
        top: -75px;
        z-index: 1;
        font-size: 16px;
        color: #FFF;
        position: absolute;
    }

    .quick-view-btn-container button {
        left: 30%;
        top: -36px;
        border: none;
        color: #FFF;
        font-size: 16px;
        padding: 5px 10px 7px 24px;
        position: absolute;
        opacity: 0.8;
        background-color: #0d2438;
        display: none;
    }

    .product-card-new:hover #quick-view-btn-container {
        display: block;
    }

    .product-card-new:hover .product-image-container {
        border-radius: 10px 10px !important;
    }



    /* .product-card-new:hover .compare-icon, */
    .product-card-new:hover .wishlist-icon {
        display: block;
    }

    .product-card-new:hover .product-price .sticker {
        display: none;
    }

    .lg-card-container:hover .product-image {
        overflow: hidden;
    }

    .lg-card-container:hover .product-image img {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .quantity {
        width: 100%;
        padding-bottom: 10px;
        font-size: 16px !important;
    }

    .quantity label {
        float: left;
        padding: 5px 15px 10px 0;
    }

    .quantity button,
    .quantity input {
        height: 40px !important;
        border-radius: 0;
        vertical-align: top;
        padding: 0 6px !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        color: #000 !important;
        background-color: transparent;
        border: none;
    }

    .quantity button:first-of-type {
        background-color: #ECBA5A !important;

    }

    .original_price {
        position: absolute;
        top: 5px;
        left: 129px;
        font-size: 13px;
        color: #7f7f7f;
        text-decoration: line-through;
    }

    .quantity input {
        border-right: 0 !important;

    }

    .remove_from_cart {
        position: absolute;
        right: 0;
        top: 85px;
        z-index: 9;
    }

    .remove_from_cart span {
        color: #CFD3E3    }

    .quantity input {
        max-width: 40px;
        cursor: default;
        font-size: 16px !important;
        border-left: 0 !important;
        text-align: center;
    }

    .quantity>input:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        color: #000 !important
    }

    .quantity button:last-of-type {
        background-color: #ECBA5A !important;
    }

    .quantity button:active,
    .quantity button:focus,
    .quantity input:active,
    .quantity input:focus {
        outline: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .form-container .container {
        width: 65%;
        margin: 0 auto;
        padding-top: 30px;
    }

    .form-container .container .heading {
        width: 100%;
        margin-bottom: 35px;
        display: inline-block;
    }

    .form-container .container .heading h2 {
        line-height: 4rem;
        display: inline-block;
    }

    .form-container .container .heading .btn-new-customer {
        float: right;
        font-size: 16px;
    }

    .form-container .container .body {
        font-size: 16px;
        padding: 35px 55px 0px;
        margin-bottom: 0px;
    }

    .form-container .container .body .form-header {
        margin-bottom: 20px;
        text-align: center;
    }

    .login_container h2 {
        font-weight: bold;
        text-transform: capitalize;
        font-size: 2.5rem;
    }

    .custom_password_holder {
        padding-bottom: 0 !important;
        position: relative;
    }

    .color_holder_attreb {
        display: flex;
        flex-direction: column;
    }

    .show_password {
        color: #ECBA5A;
        position: absolute;
        top: 45px;
        right: 10px;
        text-transform: uppercase;
        font-size: 10px;
        cursor: pointer;
        font-weight: 600;
    }

    .hide_password {
        display: none;
    }

    .login_container .password_input {
        width: 100% !important;
    }

    .form-container .container .body form>div {
        padding-bottom: 20px;
    }

    .product-price span:first-child {
        font-weight: 600;
        font-size: 17px;
    }

    .phone-title {
        color: #131313;
        font-size: 13px;
    }

    .form-container .container .body form>div input {
        border: none;
        height: 45px;
        padding: 0 10px;
        font-weight: 400;
        font-size: 14px;
        border: 1px solid #DEDEDE;
    }

    .verify_button_holder {
        width: 100%;
        text-align: center;
        margin: 0 0 50px 0;
    }

    .order_item_name {
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: table-caption;
        width: 80%;
    }

    /**  contry*/

    .country-select a span:first-of-type {
        width: 84px;
        max-width: 84px;
    }

    .dropdown dd,
    .dropdown dt,
    .dropdown ul {
        margin: 0px;
        padding: 0px;
    }

    .dropdown dd ul li a span:first-child,
    .dropdown dt a span span:first-child {
        background-image: url('https://i.imgur.com/OQiDoZe.png');
        background-repeat: no-repeat;
        width: 30px !important;
        height: 11px;
        display: inline-block;
        margin: 5px;
        vertical-align: top;
    }

    .dropdown dt a span {
        cursor: pointer;
        display: flex;
        padding: 10px 6px;
        white-space: nowrap;
        max-width: 84px;
        width: 84px;
    }

    .dropdown dt a img {
        position: relative;
        z-index: 1;
    }

    .dropdown dt a span span:first-child:before {
        position: absolute;
        content: '';
        width: 15px;
        height: 10px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    }

    .dropdown dt a span span {
        display: inline-block;
        padding: 0;
    }

    .dropdown dt a span span:first-child {
        padding: 0;
    }

    .dropdown dd {
        position: relative;
    }

    .dropdown a,
    .dropdown a:visited {
        color: #4a535f;
        text-decoration: none;
        outline: none;
    }

    .dropdown dt a {
        position: relative;
        display: block;
        overflow: hidden;
        border: none;
        height: 45px;
        border-radius: 3px;
        border: 1px solid #DEDEDE;
        background: #FFF;
    }

    .dropdown dd ul {
        background: #FFF;
        color: #C5C0B0;
        display: none;
        left: 0px;
        padding: 5px 0px;
        position: absolute;
        width: 270px;
        list-style: none;
        max-height: 170px;
        overflow-y: scroll;
        top: 10px;
        z-index: 2;
        border-radius: 10px;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    }

    li a {
        font-size: 13px;
    }

    li a span:nth-child(2) {
        line-height: 2em;
    }

    .dropdown dd ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .dropdown dd ul::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.4);
        /*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5), 1px 0 0 #5cace9 inset, 2px 0 0 #b3d5ee inset;
    border-radius:10px;*/
    }

    .dropdown dd ul::-webkit-scrollbar-thumb:window-inactive {
        background: blue;
    }

    .dropdown span.value {
        display: none;
    }

    .dropdown dd ul li a {
        padding: 5px;
        display: block;
        font-size: 12px !important;
    }

    .dropdown dd ul li a:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

    dl.dropdown {
        display: inline-block;
    }

    dl.dropdown span:nth-child(3) {
        font-weight: 400;
        font-size: 14px;
        padding: 0 0 0 10px;
        line-height: 23px;
    }

    button.verify {
        background: #44705C !important;
        color: #FFF !important
    }

    button.verify:hover {
        background: #1C433E !important;

    }



    dl.dropdown>span:nth-child(2) {
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
    }

    dl.dropdown span:nth-child(3) {
        float: right;
    }

    dl.dropdown dt span:nth-child(2) {
        display: none;
    }

    .countryFlag {
        padding: 0;
        background-image: url("https://i.imgur.com/OQiDoZe.png");
        background-repeat: no-repeat;
        display: inline-block;
        height: 11px;
        margin-right: 4px;
        width: 16px;
        cursor: pointer;
        white-space: nowrap;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #BFBFC1 #B6B6B6 #969696 ;
        border-image: none;
        border-radius: 2px 2px 2px 2px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
    }

    .signUp_left_side::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 172px;
        background-color: #DEDEDE;
        position: absolute;
        right: 1px;
        top: 0;
    }

    .grayfont {
        color: #a1a9c3;
        font-size: 11px;
        margin-bottom: 0px;
        margin-top: 4px;
    }

    .greenfont {
        color: #08c541;
        font-size: 11px;
        margin-top: 4px;
        margin-bottom: 0px;
    }

    .signUp_holder .col-12 {
        margin: 0 0 20px 0;
    }

    .container-right>.recently-viewed {
        padding-top: 20px;
    }

    .rango-star {
        cursor: default;
    }

    .customer_order_container {
        /* background: #FFF; */
        margin-top: -56px;
        z-index: 1;
        /* position: relative; */
        margin: 0 0 90px 0;
    }

    .VueCarousel-navigation-prev[data-v-453ad8cd] {
        top: 35% !important;
    }

    .VueCarousel-navigation-button[data-v-453ad8cd] {
        top: 50% !important;
        color: #FFF !important;
    }

    .VueCarousel-navigation-next[data-v-453ad8cd] {
        background-image: url("../images/static/right_arrow_2.svg");
        background-size: 7px;
        background-repeat: no-repeat;
        background-position: 14px;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        right: 36px !important;
        z-index: 2;
        opacity: 1 !important;

    }

    .VueCarousel-navigation-prev[data-v-453ad8cd] {
        background-image: url("../images/static/left_arrow_2.svg");
        background-size: 7px;
        background-repeat: no-repeat;
        background-position: 12px;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        left: 26px !important;
        z-index: 2;
        opacity: 1 !important;
    }

    .VueCarousel-navigation-button[data-v-453ad8cd] {
        font-size: 0 !important;
        background-color: #FFF !important;
        box-shadow: 0px 3px 6px #0000001a !important;
    }

    .orders_header {
        margin: 0 0 0px 0 !important;
        background: #F8F8F8;
        z-index: 0;
        padding: 52px 0 15px 0;
        position: relative;
    }

    .profile_container .account-content .sidebar {
        background-color: #F8F8F8;
        z-index: 1;
        min-height: 100vh;
        padding: 35px 0px 35px 35px;
    }

    .rtl .profile_container .account-content .sidebar {
        background-color: #F8F8F8;
        z-index: 1;
        min-height: 100vh;
        padding: 35px 35px 35px 0px;
    }

    .lable_holder {
        cursor: pointer;
    }

    .wishlist_holder .btn-add-to-cart {
        background-color: black;
    }

    .profile_container {
        max-width: 1360px !important;
        margin: auto !important;
    }

    .profile_container .account-content .sidebar .customer-sidebar {
        border: none !important;
        background-color: #FFF;
        border-radius: 3px;
    }

    .account-content .sidebar .customer-sidebar .navigation li {
        color: #A1A9C3 !important
    }

    .account-content .sidebar .customer-sidebar .navigation li.active {
        background-color: transparent !important;
        color: #000 !important;
    }

    .customer-options {
        top: 40px;
        float: right;
        height: 100%;
        padding: 20px;
        width: 200px !important;
    }

    .customer-options .customer-session {
        padding: 10px 20px 0;
    }

    .customer-options .customer-session label {
        font-size: 18px;
        color: #9e9e9e;
        text-transform: uppercase;
    }

    .customer-options li {
        padding: 3px 0;
        height: unset !important;
    }

    .customer-options li a {
        display: block;
        padding: 0 20px !important;
    }

    .customer-options a {
        font-size: 16px;
    }

    .cart-btn-collection button[type="button"].btn-secondary {
        border: none;
        font-size: 16px;
        color: #000;
        background-color: #FFF;
    }

    .cart-btn-collection button[type="button"].btn-secondary :hover {
        color: #000 !important;
        background-color: #FFF !important;
    }

    .cart-btn-collection button[type="button"].btn-secondary :active,
    .cart-btn-collection button[type="button"].btn-secondary :focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .cart-btn-collection button[type="button"].btn-secondary #cart-count {
        left: -20px;
        top: -15px;
        padding: 4px;
        min-width: 20px;
        border-radius: 50%;
        position: relative;
        background: #21a179;
    }

    .mini-cart-container .modal-footer .text-left {
        margin-bottom: 0 !important;
    }

    .mini-cart-container #mini-cart {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-decoration: unset;
        padding-right: 0;
    }

    .mini-cart-container #mini-cart {
        padding-left: 0;
        padding-right: revert;
    }

    .mini-cart-container #mini-cart .badge {
        border-radius: 50%;
        top: -7px;
        left: 15px;
        padding: 4px;
        min-width: 20px;
        position: absolute;
        background: #ECBA5A;
        box-shadow: 0px 0px 0px 3px rgba(255, 199, 39, .20);

    }

    .mini-cart-container #mini-cart:hover .badge {
        background: #FFA327;
    }


    /* check box*/
    .checkbox {
        display: inline-flex;
        cursor: pointer;
        position: relative;
    }

    .checkbox>span {
        padding: 0.5rem 0.25rem;
    }

    .checkbox>input {
        height: 15px !important;
        width: 15px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: 2px solid #A1A9C3;
        border-radius: 2px;
        outline: none;
        transition-duration: 0.3s;
        background-color: transparent;
        cursor: pointer;
    }

    .checkbox>input:checked {
        border: 1px solid #ECBA5A;
    }

    .checkbox>input:checked+span::before {
        content: url('../images/static/checkbox.png');
        display: block;
        text-align: center;
        color: #FFF;
        position: absolute;
        left: -20px;
        top: 4px;
    }

    .rtl .checkbox>input:checked+span::before {
        left: auto;
        right: -20px;
    }

    .checkbox>input:active {
        border: 2px solid #34495E;
    }

    .checkbox.display-inbl>input:checked+span::before {
        content: url('../images/static/checkbox.png');
        display: block;
        text-align: center;
        color: #FFF;
        position: absolute;
        left: 0px !important;
        top: 1px !important;
    }

    /* check box*/
    .dropdown-icon-custom:after {
        top: -5px;
        color: #000;
        font-size: 16px;
        position: relative;
        display: inline-block;
        margin-left: 1rem;
        vertical-align: middle;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .empty_state_product {
        text-align: center;
        margin: 50px 0 0 0;
    }

    .empty_state_product h2 {
        margin: 10px 0;
        font-weight: bold;
        text-transform: capitalize;
        color: #000    }

    .empty_state_product p {
        font-weight: 400;
        text-transform: capitalize;
        color: #A1A9C3;
        font-size: 14px;
    }

    .subscriber-form-div div {
        display: flex !important;
    }

    #cart-modal-content {
        top: 46px;
        z-index: 100;
        width: 370px;
        left: -194px;
        position: absolute;
        border-radius: 5px;
        border: none;
    }



    #cart-modal-content .modal-footer>:not(:last-child) {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .min_cart_view_mini {
        color: #ECBA5A !important;
    }

    #cart-modal-content .modal-footer>:not(:first-child) {
        font-size: 14px !important;
    }

    .min_cart_view {
        white-space: nowrap;
        color: #44705C;
        font-size: 14px;
        text-transform: uppercase;
    }

    #cart-modal-content .theme-btn {
        font-size: 13px;
        width: auto;
    }

    #cart-modal-content .close {
        top: 12px;
        right: 15px;
        padding: 0;
        position: relative;
    }

    #cart-modal-content .mini-cart-container {
        height: 100%;
        font-size: 14px;
        max-height: 200px;
        overflow-y: scroll;
        padding: 15px !important;
    }

    #cart-modal-content .small-card-container {
        margin: 0;
        width: 100%;
        padding: 0;
        justify-content: space-between;
    }

    #cart-modal-content .small-card-container .product-image-container {
        margin: 10px 10px 0 0;
        width: 60px;
        height: 60px;
        max-width: 60px;
        max-height: 60px;
    }

    .rtl #cart-modal-content .small-card-container .product-image-container {
        margin: 10px 0 0 10px;

    }


    #cart-modal-content .small-card-container input {
        width: 30px;
        text-align: center;
        font-weight: 500;
    }

    #cart-modal-content .small-card-container .card-total-price {
        float: right;
        font-size: 14px;
    }

    #cart-modal-content .small-card-container .rango-close {
        top: 15px;
        right: 0px;
        /* padding: 3px 4px 3px 3px; */
        font-size: 10px;
        max-height: 20px;
        line-height: 1.3rem;
        text-align: center;
        position: absolute;
        /* border-radius: 50%; */
        color: #FFF;
        /* background: #000; */
    }

    #cart-modal-content .fw5 {
        font-size: 14px;
    }

    .remove_from_cart_mini {
        position: absolute;
        top: 0;
        right: 0;
    }

    body.rtl .remove_from_cart_mini {
        right: auto;
        left: 0;
    }


    #cart-modal-content .small-card-container:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #cart-modal-content .modal-footer {
        padding-right: 15px;
    }


    #cart-modal-content .text-nowrap {
        font-size: 14px;
        max-width: 150px;
        font-weight: 500;
    }

    .cart-details {
        padding: 40px 20px;
    }

    .cart-details h1 {
        margin-bottom: 30px;
    }



    .cart-details .cart-details-header h2 {
        margin: 20px 10px 14px 8px !important;
    }

    .ceossSellsHolder {
        background-color: #FFF;
    }

    .ceossSellsHolder h2 {
        margin-bottom: 0 !important;
    }

    .cart-details .cart-details-header .cart-header {
        max-height: 45px;
        padding-bottom: 20px !important;
        border-bottom: 2px solid #E6E6E6;
    }

    .cart-details .cart-details-header .cart-header>h3 {
        font-size: 16px;
        font-weight: 600;
    }

    .cart-details .cart-content {
        padding: 0;
    }

    .cart-details .cart-content .product-quantity .quantity {
        float: left;
    }

    .cart-details .cart-content .product-quantity .quantity label {
        display: none !important;
    }

    .cart-details .cart-content .cart-item-list>.row {
        margin-bottom: 0;
        border-bottom: 1px solid ;
        padding: 20px 0;
    }

    .cart-details .cart-content .cart-item-list>.row:last-child {
        padding-bottom: 20px;
        border-bottom: 2px solid #E6E6E6;

    }

    .cart-details .cart-content .cart-item-list .product-image-container {
        padding: 0;
        max-width: 110px;
        max-height: 110px;
    }

    .cart-details .cart-content .cart-item-list .product-image-container img {
        border-radius: 10px;
        object-fit: cover;
    }

    .cart-details .cart-content .cart-item-list .wishlist-icon {
        margin: 0;
        display: inline;
    }

    .cart-details .cart-content .product-details-content {
        padding-left: 20px;
    }

    .cart-details .cart-content .product-details-content .row {
        font-size: 16px;
    }

    .cart-details .cart-content .product-details-content .row .card-current-price {
        font-size: 18px;
    }

    .cart-details .cart-content .product-details-content .row>a {
        line-height: 20px;
    }

    .cart-details .continue-shopping-btn {
        max-width: 156px;
        margin-top: 20px;
        margin-left: 15px;
    }

    .cart-details .coupon-container {
        margin-top: 20px;
        display: none;
    }

    .cart-details .coupon-container .control-error {
        padding: 10px 0;
    }

    /* .account-content .sidebar {
        height: 100%;
    } */

    .account-content .sidebar .customer-sidebar {
        border-right: 1px solid #E6E6E6;
    }

    .account-content .sidebar .customer-sidebar .account-details {
        text-align: center;
        padding: 25px 20px;
    }

    .account-content .sidebar .customer-sidebar .account-details .customer-name {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        font-size: 24px;
        margin-bottom: 5px;
        display: inline-block;
    }

    /* .account-content .sidebar .customer-sidebar .account-details .customer-name-text {
        color: #FFF;
    } */

    .account-content .sidebar .customer-sidebar .account-details .customer-email {
        color: #9e9e9e;
    }

    .account-content .sidebar .customer-sidebar .navigation,
    .account-content .sidebar .customer-sidebar .navigation li {
        width: 100%;
    }

    .account-content .sidebar .customer-sidebar .navigation li.active,
    .account-content .sidebar .customer-sidebar .navigation li:hover {
        color: #28557b;
        background-color: transparent;
    }

    .account-content .sidebar .customer-sidebar .navigation li i.icon {
        font-size: 18px;
        padding-right: 5px;
    }

    .account-content .sidebar .customer-sidebar .navigation li i.icon.profile:before {
        content: "\E995";
    }

    .account-content .sidebar .customer-sidebar .navigation li i.icon.address:before {
        content: "\E949";
    }

    .account-content .sidebar .customer-sidebar .navigation li i.icon.reviews:before {
        content: "\E97D";
    }

    .account-content .sidebar .customer-sidebar .navigation li i.icon.wishlist:before {
        content: "\E93E";
    }

    .account-content .sidebar .customer-sidebar .navigation li i.icon.orders:before {
        content: "\E931";
    }

    .account-content .sidebar .customer-sidebar .navigation li i.icon.downloadables:before {
        content: "\E926";
    }

    .account-content .sidebar .customer-sidebar .navigation li i.icon.compare:before {
        content: "\E93B";
    }

    .account-content .sidebar .customer-sidebar .navigation li a {
        padding: 10px 15px;
        font-weight: 400;
    }

    .account-content .sidebar .customer-sidebar .navigation li:last-child {
        margin-bottom: 0;
    }

    .account-content .account-layout {
        color: rgba(0, 0, 0, 0.83);
        padding: 15px 40px;
        padding-bottom: 60px;
        background-color: #F8F8F8;
    }

    .account-content .account-layout .account-head {
        margin-bottom: 20px;
    }

    .account-content .account-layout .account-heading {
        font-size: 24px;
        font-weight: 600;
        color: #000;
    }

    .account-content .account-layout .account-table-content .control-group,
    .account-content .account-layout .account-table-content>.row {
        margin-bottom: 30px;
    }

    .account-content .account-layout .account-table-content label {
        font-weight: 500;
    }

    .account-content .account-layout .account-table-content input,
    .account-content .account-layout .account-table-content select,
    .account-content .account-layout .account-table-content textarea {
        width: 100%;
        resize: none;
        font-size: 16px;
        padding: 5px 16px;
        border-radius: 1px;
        border: none;
        border: 1px solid #DEDEDE;

    }

    .account-content .account-layout .account-table-content input:active,
    .account-content .account-layout .account-table-content input:focus,
    .account-content .account-layout .account-table-content select:active,
    .account-content .account-layout .account-table-content select:focus,
    .account-content .account-layout .account-table-content textarea:active,
    .account-content .account-layout .account-table-content textarea:focus {
        border-color: #26a37c;
    }

    .account-content .account-layout .account-table-content .address-holder {
        margin-top: 30px;
    }

    .account-content .account-layout .account-table-content .address-holder>div {
        padding: 15px 15px 0 15px;
        max-width: 450px;
        border-radius: 3px;
        box-shadow: 0px 0px 5px #00000014;
        margin: 0 0 15px 0;
        background-color: #FFF;
    }

    .address_action_holder {
        border-top: 1px solid #EDEDED;
        padding: 10px 0;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .address_action_holder a {
        display: flex;
        align-items: center;
    }


    .address_action_holder a img {
        margin: 0 10px 0 0;
    }

    .address_title {
        font-size: 16px;
        text-transform: capitalize;
    }

    .delete_address span {
        color: #D42727;
    }

    .edit_address_1 {
        color: #44705C;
    }

    .address_action_holder .virtical_line {
        display: inline-block;
        height: 40px;
        background-color: #EDEDED;
        width: 1px;
    }

    .cart-item-list .quantity button:first-of-type {
        width: 30px !important;
        height: 30px !important;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-left: 0 !important;
    }

    .rtl .cart-item-list .quantity button:first-of-type {
        margin-left: 8px !important;
        margin-right: 0 !important;
    }

    .cart-item-list .quantity button:last-of-type {
        width: 30px !important;
        height: 30px !important;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .shopping-card-header span {
        color: #A1A9C3;
    }

    .account-content .account-layout .account-table-content .address-holder .card {
        height: 100%;
    }

    .account-content .account-layout .account-table-content .address-holder .card ul li {
        display: inline-block;
    }

    .account-content .account-layout .account-table-content .account-items-list {
        margin-bottom: 40px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters {
        margin-bottom: 20px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters>* {
        display: inline-block;
        vertical-align: top;
    }

    .account-content .account-layout .account-table-content #datagrid-filters>.search-filter {
        top: 20px;
        max-width: 200px;
        margin-right: 20px;
        position: relative;
    }

    .account-content .account-layout .account-table-content #datagrid-filters> :nth-of-type(2) {
        width: calc(50% - 10px);
    }

    .account-content .account-layout .account-table-content #datagrid-filters> :nth-of-type(3) {
        width: calc(50% - 220px);
    }

    .account-content .account-layout .account-table-content #datagrid-filters> :nth-of-type(3) .control-group {
        float: right;
        max-width: 200px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters>* input,
    .account-content .account-layout .account-table-content #datagrid-filters>* select {
        height: 38px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .filter-tag {
        font-size: 18px;
        font-weight: 600;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .grid-dropdown-header {
        display: inline-block;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-list li {
        list-style: none;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-toggle:after {
        border: unset;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container {
        width: 100%;
        display: inline-block !important;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button {
        display: block;
        font-size: 14px;
        margin-top: 10px;
        font-weight: 600;
        padding: 5px 10px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container li:not(:last-child) {
        margin-bottom: 10px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container li {
        width: 150px;
        display: inline-block;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .control-group {
        margin-bottom: 0;
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table thead {
        font-size: 18px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table tbody {
        font-size: 16px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table tbody tr td a {
        display: block;
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table tbody tr .badge {
        padding: 10px;
        font-size: 12px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table tbody tr .action .eye-icon {
        font-size: 24px;
        padding-left: 10px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table tbody tr .action .eye-icon:hover {
        color: #4d7ea8;
    }

    .account-content .account-layout .account-table-content .filter-row-two .filter-tag .cross-icon:before {
        top: 1px;
        content: "\E91F";
        margin-left: 4px;
        position: relative;
    }

    .account-content .account-layout .account-table-content .filter-row-two .filter-tag .cross-icon:hover {
        cursor: pointer;
    }

    .account-content .account-layout .account-table-content.profile-page-content .table {
        padding: 0;
        width: 800px;
        margin-bottom: 15px;
        background-color: #FFF;
    }

    .account-content .account-layout .account-table-content.profile-page-content .table>table {
        width: 100%;
        color: #5e5e5e;
        border: 1px solid #EDEDED;
    }

    .account-content .account-layout .account-table-content.profile-page-content .table td {
        border: unset;
        padding: 10px 12px;
    }

    .account-content .account-layout .account-table-content.profile-page-content .table td:first-child {
        color: #A1A9C3    }


    .account-content .account-layout .account-table-content .accordian .accordian-header {
        padding: 10px 0;
        font-weight: 600;
    }

    .account-content .account-layout .account-table-content .image-wrapper {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
        display: inline-block;
    }

    .account-content .account-layout .account-table-content .image-wrapper .image-item {
        width: 200px;
        height: 200px;
        position: relative;
        border-radius: 3px;
        margin-right: 20px;
        background: #f8f9fa;
        margin-bottom: 20px;
        display: inline-block;
        background-position: 50%;
        background-repeat: no-repeat;
        background-image: url(/vendor/webkul/ui/assets/images/placeholder-icon.svg);
    }

    .account-content .account-layout .account-table-content .image-wrapper .image-item .remove-image {
        left: 0;
        bottom: 0;
        width: 100%;
        color: #FFF;
        padding: 10px;
        cursor: pointer;
        margin-bottom: 0;
        text-align: center;
        position: absolute;
        margin-right: 20px;
        border-radius: 0 0 4px 4px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0.24)));
        background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24));
    }

    .account-content .account-layout .account-table-content .image-wrapper .image-item input {
        display: none;
    }

    .account-content .account-layout .account-table-content .image-wrapper .image-item img.preview {
        width: 100%;
        height: 100%;
    }

    .account-content .account-layout .account-items-list.wishlist-container {
        width: 100%;
        margin: 0 auto;
    }

    /* .account-content .account-layout .account-items-list.wishlist-container .product-card-new {
        width: 19rem;
    } */

    .account-content .account-layout .max-sm-img-dimention {
        max-width: 110px;
        max-height: 110px;
    }

    .account-content .account-layout .max-sm-img-dimention img {
        width: 100%;
        height: 100%;
    }

    .account-content .account-layout .reviews-container>.row {
        margin-bottom: 40px;
    }

    .account-content .account-layout .bottom-toolbar .pagination {
        margin: 0;
    }

    .account-content .account-layout .bottom-toolbar .pagination a:not([href]).next,
    .account-content .account-layout .bottom-toolbar .pagination a:not([href]).previous {
        cursor: not-allowed;
        color: #9e9e9e !important;
    }

    .account-content .account-layout .bottom-toolbar .pagination .page-item {
        border: none !important;
        box-shadow: unset !important;
        -webkit-box-shadow: unset !important;
    }

    .account-content .account-layout .bottom-toolbar .pagination .page-item.active {
        background: #44705C !important;
        color: #FFF !important;
        border: 1px solid #26a37c;
    }

    .account-content .account-layout .bottom-toolbar .pagination .page-item.next .angle-left-icon,
    .account-content .account-layout .bottom-toolbar .pagination .page-item.next .angle-right-icon,
    .account-content .account-layout .bottom-toolbar .pagination .page-item.previous .angle-left-icon,
    .account-content .account-layout .bottom-toolbar .pagination .page-item.previous .angle-right-icon {
        margin: 0;
        font-size: 24px;
        background: unset;
        text-align: center;
    }

    .account-content .account-layout .bottom-toolbar .pagination .page-item.next .angle-right-icon:before {
        content: "\E908";
    }

    .account-content .account-layout .bottom-toolbar .pagination .page-item.previous .angle-left-icon:before {
        content: "\E907";
    }

    .account-content .account-layout .sale-container {
        font-size: 16px;
    }

    .account-content .account-layout .sale-container .tabs ul {
        font-weight: 600;
        font-size: 20px;
        list-style-type: none;
    }

    .account-content .account-layout .sale-container .tabs ul li {
        cursor: pointer;
        padding: 10px 15px;
        display: inline-block;
        border-bottom: 2px solid transparent;
    }

    .account-content .account-layout .sale-container .tabs ul li.active {
        cursor: default;
        border-bottom: 2px solid #26a37c;
    }

    .account-content .account-layout .sale-container .tabs-content .sale-section {
        padding: 20px 0 10px;
        border-bottom: 1px solid #CCC;
    }

    .account-content .account-layout .sale-container .tabs-content .sale-section .section-title {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 10px;
        color: #9e9e9e;
    }

    .account-content .account-layout .sale-container .tabs-content .sale-section .section-content label+span {
        font-weight: 600;
        color: #9e9e9e;
    }

    .account-content .account-layout .sale-container .tabs-content .sale-section .section-content .totals {
        width: 100%;
        display: inline-block;
    }

    .account-content .account-layout .sale-container .tabs-content .sale-section .section-content .totals .sale-summary {
        float: right;
    }

    .account-content .account-layout .sale-container .tabs-content .sale-section .section-content .totals .sale-summary tbody tr td:first-child {
        width: 200px;
    }

    .account-content .account-layout .sale-container .tabs-content .sale-section .section-content .table table {
        width: 100%;
    }

    .account-content .account-layout .sale-container .order-box-container {
        padding: 10px 0;
    }

    .account-content .account-layout .sale-container .order-box-container .box {
        width: calc(25% - 5px);
        vertical-align: top;
        display: inline-block;
    }

    .account-content .account-layout .sale-container .order-box-container .box .box-title {
        font-size: 18px;
        padding: 10px 0;
        font-weight: 600;
        color: #9e9e9e;
    }

    .account-content .select-icon {
        left: 95%;
        top: -28px;
        font-size: 22px;
        position: relative;
    }

    #alert-container,
    #msg-container {
        top: 50px;
        right: 15px;
        z-index: 100;
        position: fixed;
        font-size: 16px;
        z-index: 999;
    }

    .warning-msg-holder {
        width: 457px;
        min-width: 300px;
        min-height: 118px;
        background: #e9f4e2;
        border-radius: 3px;
        padding: 20px;


    }

    .warning-header {
        display: flex;
        align-items: center;


    }

    #msg-container .worninig-p {
        color: #464646;
        font-size: 11px;
        margin: 0 35px;
        margin-bottom: 30px !important;
    }

    .warning-header h3 {
        color: #71bf44;
        font-size: 15px;
        margin: 0 5px;
    }

    .retry {
        text-decoration: underline;
        font-size: 15px;
        margin-top: 22px !important;
        margin: 0 28px;
        cursor: pointer;
    }

    body.rtl #alert-container,
    body.rtl #msg-container {
        right: unset !important;
        left: 15px;
    }

    #alert-container .alert {
        width: 400px !important;
        min-height: 100px !important;
        height: fit-content;
        /* max-height: 100px !important; */
        border: none !important;
        color: #464646 !important;
        font-size: 12px;
        padding: 17px 12px;
    }

    #alert-container .alert-success {
        background: #E9F4E2 !important;
        background-color: #E9F4E2 !important;
    }


    #alert-container .alert-warning {
        background: #FAE6E9 !important;
        background-color: #FAE6E9 !important;
    }


    #alert-container .alert strong {
        display: flex !important;
        margin-bottom: 3px;
    }

    #alert-container .alert-success strong {
        color: #71BF44 !important;
    }

    #alert-container .alert-warning strong {
        color: #DB1F42 !important;
    }

    #alert-container .alert p {
        margin-left: 33px;
        color: #464646 !important;
        margin-bottom: 10px;
    }

    #alert-container .alert .dismiss {
        color: black;
        font-size: 15px;
        text-decoration: underline;
        margin-left: 33px;
    }


    #msg-container .dismiss {
        color: black;
        font-size: 15px;
        text-decoration: underline;
        margin-left: 35px;
    }

    #alert-container .success-title {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
    }

    body.rtl #msg-container .dismiss {
        margin-left: unset;
        margin-right: 33px;
    }

    body.rtl #alert-container .alert .dismiss {
        margin-left: unset;
        margin-right: 33px;
    }

    body.rtl #alert-container .alert p {
        margin-left: 0;
        margin-right: 33px;

    }

    #alert-container .alert-success strong::before {
        content: url("../images/static/check-mark.png");
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }


    #msg-container .warning-header::before {
        content: url("../images/static/check-mark.png");
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }


    body.rtl #msg-container .warning-header::before {
        margin-right: 0;
        margin-left: 10px;
    }

    body.rtl #alert-container .alert strong::before {
        margin-right: 0;
        margin-left: 10px;
    }

    body.rtl #alert-container .alert.alert-dismissible .close {
        left: 0px !important;
    }

    #alert-container .alert-warning strong::before {
        content: url("../images/static/cart-wrong.png");
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }



    #alert-container .alert.alert-dismissible .close {
        font-size: 23px;
        padding: 0.3rem 1.25rem;
    }


    @media (min-width: 993px) {
        .home-container .container {
            width: 100%;
            max-width: calc(100% - 140px) !important;
            padding-right: 0px !important;
            padding-left: 0px !important;
            margin-left: auto !important;
            overflow: hidden;
            max-width: 1360px !important
        }
    }


    @media (max-width: 768px) {
        .zerosidemargin {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        #alert-container .alert {
            width: 300px !important;
        }
    }



    .wishlist-icon {
        vertical-align: middle;
    }

    .wishlist-icon i {
        color: #FF4A6C;
    }

    .checkout-process {
        padding: 40px 0px !important;
    }

    button {
        text-transform: uppercase !important;
    }

    .checkout-process .col-lg-7 .coupon-container,
    .checkout-process .col-lg-7>div:not(:first-child) {
        margin-top: 20px;
    }

    .checkout-process h1 {
        font-weight: 600;
        margin-bottom: 30px;
    }

    .checkout-process .layered-filter-wrapper,
    .checkout-process .scrollable {
        padding-top: 25px;
    }

    .checkout-process .order-summary-container {
        top: 75px;
    }

    .checkout-process input[type="radio"] {
        transform: scale(1.3);
        -ms-transform: scale(1.3);
        -webkit-transform: scale(1.3);
    }

    .checkout-process .styled-select {
        cursor: pointer;
    }

    .checkout-process .styled-select+.select-icon {
        top: 55%;
        left: 92%;
        font-size: 20px;
        position: absolute;
    }

    .checkout-process .coupon-container input {
        max-width: 200px;
    }

    .checkout-process .coupon-container button {
        margin: 20px 0 30px;
    }

    .checkout-process .coupon-container .applied-coupon-details {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .checkout-process .coupon-container .applied-coupon-details label:first-of-type {
        color: #26a37c;
    }

    .checkout-process .coupon-container .rango-close {
        cursor: pointer;
        margin-left: 5px;
    }

    .address-container {
        display: none;
    }

    .address-container .address-holder {
        margin-top: 10px;
        border-bottom: 1px solid #EDEDED;
    }

    .address-container .address-holder>div {
        margin: 5px 0;
        padding-left: 0;
    }

    .address-container .address-holder .card {
        height: 100%;
    }

    .address-container .address-holder .card h5 {
        font-size: 14px;
    }

    .address-container .address-holder .card ul li {
        display: inline-block;
    }

    .address-container .address-holder .card .add-address-button {
        height: 100%;
        display: table;
        text-align: center;
    }

    .address-container .address-holder .card .add-address-button>div {
        display: table-cell;
        vertical-align: middle;
    }

    .address-container .address-holder .card .add-address-button>div span {
        vertical-align: super;
    }

    .custom-form .form-field {
        padding: 0;
        margin-bottom: 30px;
    }

    .custom-form label {
        font-weight: 500;
        padding: 0;
        padding-left: 50px;
        margin-left: -40px;
        z-index: 6;
    }

    .rtl .custom-form label {
        padding-right: 50px;
        margin-right: -40px;
        padding-left: 0;
        margin-left: 0;
    }

    .custom-form input[type="password"],
    .custom-form input[type="search"],
    .custom-form input[type="text"],
    .custom-form select {
        width: 100%;
        resize: none;
        font-size: 16px;
        padding: 5px 16px;
        border-radius: 1px;
        background: #FFF;
        border: 1px solid #CCC;
    }

    .custom-form input:active,
    .custom-form input:focus,
    .custom-form select:active,
    .custom-form select:focus {
        border-color: #26a37c;
    }

    .payment-form .payment-methods>.row,
    .payment-form .shipping-methods>.row,
    .payment-form h3,
    .review-checkout-conainer .payment-methods>.row,
    .review-checkout-conainer .shipping-methods>.row,
    .review-checkout-conainer h3,
    .shipping-form .payment-methods>.row,
    .shipping-form .shipping-methods>.row,
    .shipping-form h3 {
        margin-bottom: 20px;
    }

    .payment-form .address-summary li,
    .review-checkout-conainer .address-summary li,
    .shipping-form .address-summary li {
        display: inline-block;
    }

    .payment-form .cart-item-list,
    .review-checkout-conainer .cart-item-list,
    .shipping-form .cart-item-list {
        padding: 20px 0;
        border-bottom: 1px solid #E6E6E6;
    }

    .payment-form .cart-item-list h4,
    .review-checkout-conainer .cart-item-list h4,
    .shipping-form .cart-item-list h4 {
        padding-bottom: 20px;
        border-bottom: 1px solid #E6E6E6;
        margin-bottom: 20px !important;
    }

    .product-price {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .discount .product-price {
        text-align: center;
    }

    .product-price_custom {
        justify-content: end !important;

    }

    .product-price span {
        color: #000;
    }


    .payment-form .cart-item-list>.row:first-child,
    .review-checkout-conainer .cart-item-list>.row:first-child,
    .shipping-form .cart-item-list>.row:first-child {
        margin-top: 50px;
    }

    .payment-form .cart-item-list>.row,
    .review-checkout-conainer .cart-item-list>.row,
    .shipping-form .cart-item-list>.row {
        margin-bottom: 20px;
    }

    .payment-form .cart-details,
    .review-checkout-conainer .cart-details,
    .shipping-form .cart-details {
        padding: 40px 0;
    }

    .radio-container {
        background: transparent;
        width: 100%;
        height: 40px;
        position: absolute;
        cursor: pointer;
    }

    .shipping-form .form-header {
        margin-bottom: 20px;
    }

    .order-summary-container {
        top: 50px;
        padding-top: 25px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        position: -webkit-sticky !important;
        position: sticky !important;
        max-width: 500px !important;
    }

    .order-summary-container>div {
        width: 100%;
    }

    .order-summary .col-4.text-right {
        text-align: left !important;
    }

    .rtl .order-summary .col-4.text-right {
        text-align: right !important;
    }


    .order-summary-container .order-summary {
        padding: 25px 30px;
        border: 1px solid #E6E6E6;
        max-width: 100%;
        width: calc(100% + 60px) !important;
        min-width: 380px;
    }



    .order-summary-container .order-summary>h3 {
        margin-bottom: 20px;
    }

    .order-summary-container .order-summary>.row:not(:last-child) {
        margin-bottom: 10px;
    }

    .order-summary-container .order-summary #grand-total-detail {
        margin-top: 15px;
        padding-top: 15px;
        margin-bottom: 25px;
        border-top: 1px solid #E6E6E6;
    }

    .order-success-content {
        padding: 40px 20px;
        font-size: 16px;
    }

    .search-result-status {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #address-section .form-header h3 {
        margin-bottom: 20px;
    }

    .attached-products-wrapper {
        margin-top: 20px;
    }

    /* #related-products-carousel .product-card-new:first-child {
        margin-left: 0 !important;
    } */

    .price-label {
        margin-right: 6px;
    }

    .custom_image_gallery {
        height: 95px !important;
        background-size: contain;
    }

    .product-price .price-from span:nth-child(2) {
        margin-left: 6px;
        text-transform: lowercase;
        display: inline-block !important;
    }

    .special-price {
        color: #000 !important;
        font-size: 17px;
    }

    .product-price .price-from span:nth-child(3) {
        display: block !important;
    }

    .product-price .price-label {
        margin-right: 6px;
    }

    .product-price .sticker {
        top: 8px;
        left: 8px;
        border: none;
        color: #FFF;
        display: none;
        font-size: 14px;
        font-weight: 600;
        padding: 2px 10px;
        position: absolute;
        border-radius: 12px;
    }

    .product-price .sticker.sale {
        background-color: #26a37c;
    }

    /*start stepper oorder screen */

    .order_holder {
        box-shadow: 0px 0px 10px #0000001A;
        border-radius: 3px;
        width: 80%;
        max-width: 653px;
        padding: 15px;
        margin: 7px 0 7px 0;
        background: #FFF;
    }

    .order_header {
        justify-content: space-between;
        border-bottom: 1px solid #EDEDED;
        margin: 0 0 20px 0;
        align-items: baseline !important;
    }

    .single_item {
        justify-content: space-between;
        margin: 0 0 20px 0;
    }

    .item_img {
        display: flex;
        align-items: center;
        width: 70%;
    }

    .item_img img {
        margin: 0 10px 0 0;
    }

    body.rtl .item_img img {
        margin: 0 0 0 10px;
    }

    .single_item img {
        max-width: 40px;
        min-width: 40px;
    }

    .single_item p:last-of-type {
        color: #A1A9C3;
    }

    .order_footer {
        justify-content: space-between;
        border-top: 1px solid #EDEDED;
        padding: 20px 0 0 0;
    }

    .order_number h4 {
        font-weight: 600;
    }

    .order_number p {
        color: #A1A9C3;
        font-size: 11px;
    }

    .order_footer h3 {
        font-weight: 600;
    }

    .order_header_details {
        background-color: #FAFAFA;
        padding: 20px 15px 0 15px;
        border-top: 1px solid #EDEDED;
    }

    .order_body_details {
        background-color: #FAFAFA;
        padding: 20px 15px;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
    }

    .order_body_details h4 {
        margin-bottom: 20px;
    }

    .order_body_details .single_item img {
        max-width: 75px;
        min-width: 75px;
    }

    .order_body_details h3 {
        color: #000;
        font-weight: 600;
        font-size: 2rem
    }

    .address_details {
        background-color: #FAFAFA;
        padding: 20px 15px 10px 15px;
        margin: 20px 0;
    }

    .cross-sells_holder .cart-wish-wrap .whishlist_p {
        display: none;
    }

    .cross-sells_holder .card-body {
        display: none;
    }

    .cross-sells_holder .card {
        max-width: 106px;
        max-height: 131px;
        min-height: 131px;
        overflow: hidden;
    }

    .cross-sells_holder .search_card .add-to-cart-btn {
        background: transparent;
    }

    .cross-sells_holder .search_card .add-to-cart-btn img {
        display: none;
    }

    #home-right-bar-container {
        background-color: #F8F8F8;
        /* min-height: 275px; */

    }

    .cross-sells_holder .search_card .cart-wish-wrap_custom .wishlist_holder .add-to-cart-btn span {
        font-size: 13px;
        color: #44705C;
        text-transform: none !important;
        font-weight: 400;
    }

    .cross-sells_holder .carousel-products .VueCarousel-slide {
        max-width: 110px;
    }

    .cross-sells_holder .search_card .add-to-cart-btn {
        position: absolute;
        bottom: -8px;
        right: -8px;
        z-index: 2;
        width: 100%;
    }

    .cross-sells_holder .btn-add-to-cart:hover>span {
        color: #1E8570 !important;
    }

    .paginate-links li.active {
        border: none !important;
    }

    .order_item_name_details p {
        margin: 0;
        max-width: 200px;
    }

    .estimated_delivery {
        font-size: 13px;
        color: #A1A9C3;
    }

    .order_header_details_container {
        max-width: 600px;
    }

    .Payment_header_details {
        border: 1px solid #EDEDED;
        padding: 20px;
    }

    .Payment_header_details h3 {
        margin: 0px 0px 20px 0;

    }

    .grand_total {
        margin: 20px 0 0px 0;
    }

    .grand_total_summery {
        font-weight: bold;
        font-size: 18px;
    }

    .Deliver_to {
        font-size: 15px;
        font-weight: 500;
        margin: 0 0 15px 0;
    }

    .cart_summery_header button {
        background: #D42727;
        color: #FFF;
        border: none;
        width: 100%;
        padding: 10px;
        margin: 10px 0 0 0;
        border-radius: 10px;
    }

    .Payment_header_details p {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .Payment_header_details p span:first-child {
        color: #A1A9C3    }

    .cart_summery_header_custom {
        border-bottom: 1px solid #EDEDED;
    }

    .error_flash {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        position: fixed;
        top: 0;
        right: 0;
        padding: 20px;
        font-size: 14px;
        max-width: 335px;
        min-width: 335px;
        z-index: 999;
    }

    .code_v {
        display: none;
    }

    .order_footer button {
        background-color: transparent;
        border: none;
        color: #44705C;
        font-weight: 600;
    }


    .order_holder .status_holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #E6E6E6;
        font-size: 11px;
    }

    .progress_par {
        display: flex;
        align-items: center;
        margin: 0 0 4px 0;
    }

    .ball_progress {
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 50%;
        background-color: #DEDEDE;
        display: flex;
        justify-content: center;
    }

    .line_progress {
        height: 5px;
        width: 100px;
        display: inline-block;
        background-color: #EDEDED;
    }

    .ball_progress.active,
    .line_progress.active {
        background-color: #ECBA5A;
    }

    .status_holder_details {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #E6E6E6;
        font-size: 11px;
    }

    .status_holder span {
        color: #131313 !important;
    }

    .currency {
        font-weight: 400;
        font-size: 13px;
    }

    /*end stepper oorder screen  */
    .free_shipping_holder {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 48px
    }

    .free_shipping_holder span {
        display: inline-block;
        padding: 5px 10px;
        font-size: 10px;

    }

    .free_shipping_holder span:first-of-type {
        background-color: rgba(61, 180, 206, .15);
        color: #3DB4CE;
        margin: 0 8px 0 0;

    }

    .modal-footer>:not(:first-child) {
        margin-left: 0px;
        margin-right: 15px;
    }

    .free_shipping_holder span:last-of-type {
        background-color: rgba(253, 147, 0, 0.15);
        color: #FFA327;
    }

    .product-price .sale {
        display: none !important;
    }

    .out_of_stock {
        background-color: #FFF;
        color: rgb(214, 62, 48);
        position: absolute;
        top: 10px;
        left: 10px;
        display: inline-block;
        padding: 5px 10px;
        font-size: 10px;

    }

    .rtl .out_of_stock {
        left: auto;
        right: 10px;
    }

    .product_img_holder {
        width: 220px;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-price .regular-price {
        font-weight: 500;
        margin-right: 10px;
        text-decoration: line-through;
        color: #dd3333 !important;
        font-size: 9px;
    }

    .stars .material-icons {
        color: #ECBA5A;
    }

    .product-price span.price-label {
        font-size: 16px;
    }

    .product-price span.final-price {
        font-size: 18px !important;
    }

    #app {
        min-height: 65vh;
        position: relative;
        background-color: #FFF;
    }

    .main-container-wrapper .sticky-header {
        top: -1px;
        z-index: 12;
        position: -webkit-sticky;
        position: sticky;
        background: #FFF;
        padding: 18px 70px 19px 70px;
        justify-content: space-between;
        transition: all 0.7s;
        z-index: 999;

    }

    textarea {
        resize: none !important;
    }

    body.rtl .main-container-wrapper .sticky-header {
        padding: 18px 70px 19px 70px;
    }

    .custom_search_width {
        width: calc(100% - 180px);
    }

    .search-container {
        padding: 60px 20px 60px;
    }

    .search-container .lg-card-container.list-card {
        margin: 0 15px;
    }

    .search-container :first-child {
        margin-top: 0;
    }

    .search-container .product-price {
        margin-top: -5px;
    }


    .method-sticker {
        font-size: 13px;
        padding: 4px 8px;
        margin-right: 3px;
        margin-bottom: 3px;
        text-align: center;
        border-radius: 1px;
        display: inline-block;
        color: #FFF !important;
        background-color: #000 !important;
    }

    .sidebar {
        z-index: 1000000;
        width: 250px;
    }

    .category-content:hover {
        background-color: #EDEDED;
    }

    .sidebar .category-content .category-title {
        font-family: Poppins-bold;
        top: -1px;
        font-weight: 400;
        position: relative;
    }

    .sidebar .category-content .rango-arrow-right {
        position: relative;
    }

    .sidebar .category-content .category-icon {
        width: 25px;
        height: 20px;
        padding-right: 5px;
        display: inline-block;
    }

    .category-icon {
        max-width: 25px;
    }

    .sidebar .category-content .category-icon img {
        width: 100%;
        height: 100%;
        vertical-align: text-top;
    }

    .sidebar li:hover>a>span {
        color: #000;
    }

    .sidebar .sub-categories {
        display: none;
    }

    .sidebar .sub-categories .category {
        padding: 12px 15px;
    }

    .sidebar .sub-categories .category:hover {
        background-color: #EDEDED;

    }

    .sidebar .sub-categories .category+.nested {
        color: rgba(0, 0, 0, 0.83);
    }

    .sidebar .sub-categories .category+.nested li a {
        padding-top: 12px;
    }

    .sidebar .sub-categories .category+.nested li a .category-title {
        font-weight: 500;
        padding-left: 28px;
        font-family: POPPINS-SEMIBOLD;
    }
    .nested2 .category-title {
        font-family: Poppins-normal !important;
    }
    .sidebar .sub-categories .category .category-title {
        vertical-align: top;
    }

    .category-list-container {
        z-index: 10;
        padding: 0 !important;
        background: #FFF;
        position: absolute !important;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    }

    .category-list-container .category {
        width: 100%;
        line-height: 2.5rem;
        display: inline-block;
    }

    .category-list-container .category span {
        top: -4px;
        position: relative;
    }

    .category-list-container li a {
        padding: 12px 15px;
    }


    .category-list-container .sub-categories {
        top: -1px;
        left: 100.5%;
        z-index: 100;
        position: absolute;
        background: #FFF;
        border-left: 1px solid #CCC;
        box-shadow: none;
        border-radius: 0 0 3px 3px;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        overflow: auto;
    }


    #sidebar-level-0 {
        display: none;
        z-index: 100000;
        border-top: 1px solid #CCC;
        left: 70px;
        border-radius: 0 0 3px 3px;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }

    #sidebar-level-0 ul {
        margin-bottom: 0 !important;
    }

    .rtl #sidebar-level-0 {
        left: auto;
        right: 70px;
    }

    .product-list.empty {
        text-align: center;
        min-height: 450px;
        margin-top: 16vh;
    }

    .product-list.empty h2 {
        font-weight: bold;
        color: #000;
        margin: 20px 0 5px 0;
    }

    .grouped-product-container .grouped-product-list ul li {
        width: 100%;
        font-size: 18px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .grouped-product-container .grouped-product-list ul li:last-child {
        margin-bottom: 0;
    }

    .grouped-product-container .grouped-product-list ul li:first-child span {
        font-weight: 600;
    }

    .grouped-product-container .grouped-product-list ul li:first-child span:last-child {
        float: right;
        width: 50px;
        text-align: left;
    }

    .grouped-product-container .grouped-product-list ul li .name {
        font-size: 16px;
        vertical-align: middle;
        display: inline-block;
    }

    .grouped-product-container .grouped-product-list ul li .qty {
        float: right;
    }

    .grouped-product-container .grouped-product-list ul li .qty .control-group {
        height: 45px;
        width: auto;
        border-top: 0;
        padding-top: 0;
        margin-bottom: 0;
        max-width: none;
        text-align: center;
    }

    .grouped-product-container .grouped-product-list ul li .qty .control-group label {
        display: none;
    }

    .grouped-product-container .grouped-product-list ul li .qty .control-group .control {
        width: 60px;
        text-align: center;
        line-height: 38px;
    }

    .grouped-product-container .grouped-product-list ul li .qty .control-group>* {
        height: 100%;
    }

    .bundle-options-wrapper .bundle-option-list {
        padding: 15px 0;
        border-top: 1px solid hsla(0, 0%, 64%, 0.2);
    }

    .bundle-options-wrapper .bundle-option-list h3 {
        font-size: 16px;
        margin: 0;
        color: #242424;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item {
        border-bottom: 1px solid hsla(0, 0%, 64%, 0.2);
        padding: 15px 0;
        width: 100%;
        display: inline-block;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group {
        margin-bottom: 0;
        color: #5e5e5e;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group label {
        color: #242424;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .control {
        color: #5e5e5e;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item .quantity {
        border-top: 0;
        padding-bottom: 0;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item .quantity.has-error button {
        border-color: #fc6868;
        color: #fc6868;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-error {
        float: left;
        width: 100%;
    }

    .bundle-options-wrapper .bundle-option-list .bundle-option-item.has-error button {
        border-color: #fc6868;
        color: #fc6868;
    }

    .bundle-options-wrapper .bundle-summary {
        padding: 15px 0;
        border-top: 1px solid hsla(0, 0%, 64%, 0.2);
    }

    .bundle-options-wrapper .bundle-summary h3 {
        font-size: 16px;
        margin: 0;
        color: #242424;
    }

    .bundle-options-wrapper .bundle-summary .quantity {
        border-top: 0;
    }

    .bundle-options-wrapper .bundle-summary .bundle-price {
        font-weight: 600;
        font-size: 24px;
        color: #ff6472;
        margin-top: 10px;
    }

    .bundle-options-wrapper .bundle-summary ul.bundle-items li {
        margin-bottom: 20px;
    }

    .bundle-options-wrapper .bundle-summary ul.bundle-items li:last-child {
        margin-bottom: 0;
    }

    .bundle-options-wrapper .bundle-summary ul.bundle-items li .selected-products {
        color: #5e5e5e;
    }

    .category-container .grid-card,
    .search-container .grid-card {
        width: 22rem;
        box-shadow: 5px 10px 10px 5px #0000001A;
    }

    .downloadable-container .sample-list {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
    }

    .downloadable-container .sample-list h3 {
        font-size: 16px;
        margin-top: 0;
    }

    .downloadable-container .sample-list ul li {
        margin-bottom: 5px;
    }

    .downloadable-container .sample-list ul li:last-child {
        margin-bottom: 0;
    }

    .publisher {
        font-weight: 700;
        text-decoration: underline;
        font-size: 14px;
        color: #000;
    }

    .lightgray14 {
        font-size: 14px;
        color: #A1A9C3;

    }

    .downloadable-container {
        width: 100%;
        margin-top: 20px;
    }

    .downloadable-container .link-list {
        padding: 5px 0;
    }

    .downloadable-container .link-list h3 {
        font-size: 16px;
        margin-top: 0;
    }

    .downloadable-container .link-list ul li {
        margin-bottom: 15px;
    }

    .downloadable-container .link-list ul li:last-child {
        margin-bottom: 0;
    }

    .downloadable-container .link-list ul li .checkbox input[type="checkbox"] {
        width: 15px !important;
        height: 15px !important;
        margin-left: -24px;
    }

    .downloadable-container .link-list ul li a {
        float: right;
        margin-top: 3px;
    }

    .category-container {
        min-height: 670px;
        margin-left: 15px;
        padding: 60px 15px !important;
    }

    .category-container .hero-image {
        display: none;
    }

    .category-container .hero-image img {
        width: 100%;
        height: 100%;
        max-height: 500px;
        margin-bottom: 30px;
    }

    .vue-slider .vue-slider-rail {
        background-color: #CCC;
        border-radius: 7px;
    }

    .vue-slider {
        height: 8px !important;
    }

    .vue-slider-dot {
        width: 18px !important;
        height: 18px !important;
    }

    .vue-slider .vue-slider-dot-handle {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #FFF;
        -webkit-box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
        box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
        border: 3px solid #ECBA5A !important;
        ;
    }

    .vue-slider .vue-slider-dot-tooltip-inner,
    .vue-slider .vue-slider-dot-tooltip-text {
        border-color: #0084CA !important;
        background-color: #0084CA !important;
    }

    .vue-slider .vue-slider-dot-tooltip-text {
        display: block;
        font-size: 14px;
        min-width: 20px;
        padding: 2px 5px;
        text-align: center;
        border-radius: 5px;
        white-space: nowrap;
        color: #FFF;
    }

    .vue-slider .vue-slider-dot-tooltip-text:before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border: 6px solid transparent\0;
        border-top-color: inherit;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }

    .vue-slider .vue-slider-process {
        background-color: #ECBA5A !important;
    }

    .full-content-wrapper>.container-fluid {
        padding: 0 !important;
        margin-bottom: 30px !important;
    }

    .full-content-wrapper>.container-fluid>.row {
        padding: 0 15px !important;
    }

    .full-content-wrapper div>.container-fluid,
    .full-content-wrapper p>.container-fluid {
        padding: 0 !important;
        margin-bottom: 30px !important;
    }

    .full-content-wrapper div>.container-fluid>.row,
    .full-content-wrapper p>.container-fluid>.row {
        padding: 0 15px;
    }

    .slides-container {
        position: relative;
    }

    .slides-container .VueCarousel-pagination {
        bottom: 10px;
        position: absolute;
    }

    .slides-container .VueCarousel-pagination button:active,
    .slides-container .VueCarousel-pagination button:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .slides-container .VueCarousel-pagination .VueCarousel-dot {
        padding: 5px !important;
        height: 7px !important;
    }

    .slides-container .VueCarousel-dot--active {
        background-color: #26a37c !important;
    }

    .slides-container .VueCarousel .VueCarousel-inner {
        padding-top: 0;
    }

    .slides-container .VueCarousel .VueCarousel-slide {
        position: relative;
    }

    .slides-container .VueCarousel .VueCarousel-slide .show-content {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
        text-align: center;
        position: absolute;
    }

    .slides-container .VueCarousel .VueCarousel-slide .show-content p {
        display: table-cell;
        vertical-align: middle;
    }

    .slides-container .VueCarousel .VueCarousel-slide:not(:first-of-type) img {
        display: none;
    }

    .filter-attributes-item {
        margin-bottom: 10px;
        border-bottom: 1px solid #CCC;
    }

    .filter-attributes-item.active .filter-attributes-content {
        display: block;
    }

    .filter-attributes-item .filter-input {
        margin: 0px 0px 6px 0px;
    }

    .filter-attributes-item .filter-input input[type="text"] {
        text-align: center;
        border: none;
        width: 15%;
        background-color: transparent;
        color: #E6E6E6;
    }

    .filter-attributes-item input[type="checkbox"]+span {
        margin-left: 10px !important;
    }

    .filter-attributes-content {
        display: none;
        margin-left: 7px;
    }

    .layered-filter-wrapper {
        max-height: 670px;
        margin-bottom: 42px;
        padding: 50px 5% !important;
    }

    .layered-filter-wrapper .recently-viewed {
        margin-top: 20px;
    }

    .layered-filter-wrapper .recently-viewed h2 {
        font-size: 18px;
    }

    .selective-div {
        -webkit-appearance: none;
    }

    .select-icon-margin {
        margin-top: 10px;
        margin-left: 96px;
    }

    .down-icon-position {
        position: absolute;
    }

    .select-icon-show-margin {
        margin-left: 35px;
        margin-top: 10px;
    }

    .down-arrow-margin {
        margin-left: 75px;
        margin-top: 8px;
    }

    .vc-header {
        z-index: 10;
        margin: 0 !important;
        padding: 0 !important;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.23);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.23);
        color: #FFF;
    }



    .responsive_header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .responsive_header .mini-cart-container {
        color: #FFF;
        padding: 0 15px;
    }





    .vc-small-screen.container {
        padding: 0;

    }

    .new-products-recent {
        top: -44px;
        position: relative;
    }

    .recetly-viewed-products-wrapper {
        padding: 2px;
    }

    .bottom-toolbar {
        width: 100%;
        display: block;
    }

    .bottom-toolbar .pagination .page-item {
        padding: 0 10px;
        margin: 0 3px;
    }

    .bottom-toolbar .pagination .page-item.active {
        font-weight: 600;
        color: #26a37c !important;
        border-bottom: 2px solid #26a37c;
    }

    .bottom-toolbar .pagination .page-item.next .angle-left-icon,
    .bottom-toolbar .pagination .page-item.next .angle-right-icon,
    .bottom-toolbar .pagination .page-item.previous .angle-left-icon,
    .bottom-toolbar .pagination .page-item.previous .angle-right-icon {
        margin: 0;
        font-size: 24px;
        background: unset;
        text-align: center;
    }

    .bottom-toolbar .pagination .page-item.next .angle-right-icon:before {
        content: "\E908";
    }

    .bottom-toolbar .pagination .page-item.previous .angle-left-icon:before {
        content: "\E907";
    }

    .bottom-toolbar .pagination a {
        color: unset !important;
        text-decoration: none !important;
    }

    .bottom-toolbar .pagination a i {
        top: 2px;
        font-size: 18px;
        position: relative;
    }

    .pagination a {
        background: transparent !important;
        border: none;
        border-radius: 10px;
        margin: 0 3px;
        list-style: none;
        width: 35px !important;
        height: 35px;
        list-style: none;
        width: 35px !important;
        height: 35px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 35px;
        color: #000 !important;
    }

    .page-item.active {
        background: #44705C !important;
        color: #FFF !important;
        border: 1px solid #DEDEDE;
    }

    .lang_holder {
        display: flex;
        align-items: center;
    }

    .hyperlink {
        font-size: 14px;
        margin: 0;
        text-decoration: underline;
        color: black !important
    }

    .bottom-toolbar .pagination .angle-left-icon,
    .bottom-toolbar .pagination .angle-right-icon {
        speak: none;
        line-height: 1;
        font-style: normal;
        font-weight: 400;
        text-transform: none;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        font-family: Webkul Rango !important;
        background: unset;
    }

    .bottom-toolbar .pagination .angle-right-icon:before {
        content: "\E908";
    }

    .bottom-toolbar .pagination .angle-left-icon:before {
        content: "\E907";
    }

    .carousel-products+.recently-viewed {
        top: -40px;
        position: relative;
        display: none;
    }

    .carousel-products .VueCarousel-slide {
        cursor: default;
        min-width: 20%;
    }

    .vue-slider {
        max-width: 97%;
    }

    .profile-update-form {
        width: 800px;
    }

    .compare-products {
        width: 100%;
        padding-bottom: 20px;
        word-break: break-word;
        margin-left: 0 !important;
        margin-right: 10px !important;
    }

    .compare-products tr {
        width: 100%;
    }

    .compare-products td {
        padding: 15px;
        min-width: 250px;
        max-width: 250px;
        vertical-align: top;
    }

    .compare-products .image-wrapper {
        width: 100%;
    }

    .compare-products .stars i {
        font-size: 16px;
    }

    .compare-products .action {
        position: relative;
    }

    .compare-products .action .close-btn {
        right: 0;
        top: 6px;
        position: absolute;
        display: inline-block;
    }

    .compare-products .action .close-btn:hover {
        font-weight: 600;
    }

    .compare-products .action .compare-icon {
        display: none;
    }

    .compare-products .product-price span {
        font-size: 24px !important;
    }

    .compare-products .product-price .price-from span:nth-child(2) {
        font-size: 20px !important;
    }

    .compare-products .material-icons.cross {
        top: 5px;
        right: 20px;
        cursor: pointer;
        position: absolute;
    }

    .compare-products .wishlist-icon {
        top: 5px;
        right: 60px;
        position: absolute;
        display: inline-block;
    }



    body .container-margin {
        margin: auto 20px;
    }

    .root-category-menu {
        border-bottom: 1px solid #d8e6ed;
    }

    .angle-right-icon {
        width: 22px;
        height: 20px;
        float: right;
        margin-right: 10px;
        background-image: url("../images/Icon-Arrow-Right.svg");
    }

    .card-product-image-container {
        height: 300px;
        min-height: 100px;
        max-height: 300px;
    }

    .card-product-image-container img {
        width: 100%;
        height: 100%;
    }

    .card-product-image-container .background-image-group {
        width: 100%;
        height: 100%;
        background-position: 50%;
        background-repeat: no-repeat;
    }

    .hide-text {
        white-space: nowrap;
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden !important;
    }

    .card-bottom-container {
        margin-top: 12px;
    }

    .card-actual-price {
        text-decoration: line-through;
    }

    .card-discount {
        color: rgba(38, 163, 124, 0.83);
    }

    .no-border-shadow {
        border: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .card-bottom-container .rango-heart {
        float: right;
        margin-top: 8px;
        cursor: pointer;
        font-size: 20px;
    }

    .disable-active:active,
    .disable-active:focus,
    header #search-form> :focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .container-margin>.container-fluid {
        margin-bottom: 60px;
    }

    .v-mr-20 {
        margin-right: 2rem;
    }

    .popular-product-categories .active {
        color: #4d7ea8;
        padding: 0 10px 5px;
        display: inline-block;
        border-bottom: 2px solid;
    }

    .popular-product-categories .switch-buttons {
        top: -3px;
        position: relative;
    }

    .velocity-divide-page {
        height: auto !important;
    }

    .align-vertical-super {
        vertical-align: super;
    }

    .card-sale-btn {
        top: 5px;
    }

    .star-rating>* {
        font-size: 14px;
    }

    .advertisement-four-container .offers-ct-panel>.row {
        padding: 0 10px;
    }

    .advertisement-four-container .offers-ct-panel a:first-child {
        padding-bottom: 15px !important;
    }

    .advertisement-four-container .offers-ct-panel .offers-ct-top {
        height: 180px;
    }

    .advertisement-four-container .offers-ct-panel .offers-ct-bottom {
        height: 220px;
    }

    .advertisement-four-container>.row:first-child {
        padding: 0 10px !important;
    }

    .advertisement-four-container .col-4:nth-child(2) {
        padding-left: 10px;
        padding-right: 10px;
    }

    .advertisement-four-container img {
        width: 100%;
        height: 100%;
        max-height: 425px;
    }

    .advertisement-four-container img:first-of-type,
    .advertisement-four-container img:last-child {
        padding: 0;
    }

    .advertisement-two-container img {
        width: 100%;
        height: 261px;
        border-radius: 3px;
    }

    .advertisement-two-container a:not([href]):not([tabindex]) {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .advertisement-three-container img {
        height: 261px;
        border-radius: 3px;

    }

    .advertisement-three-container .bottom-container img,
    .advertisement-three-container .top-container img {
        height: 261px;
        padding-bottom: 0;
        padding-top: 0;
    }

    .advertisement-four-container .offers-ct-panel {
        padding-bottom: 0;
        padding-top: 0;
    }

    /* .advertisement-three-container .bottom-container {
        padding-top: 15px;
    } */

    .recetly-viewed-items {
        padding-left: 10px !important;
        padding: 0 !important;
    }

    .card {
        /* min-width: 220px !important; */
        max-width: 220px;
        max-height: 300px;
        min-height: 300px;
        box-shadow: none !important;
        border-radius: 3px !important;
        background-color: #FFF !important;
        border: 1px solid #DEDEDE !important;
        padding: 9px;
    }

    .card:hover {
        border: none !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, .12) !important;
    }

    .product-policy-container .card {
        border: none;
        padding: 20px 10px;
        background: #FFF;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    .product-policy-container .card .policy {
        display: table;
        padding: 0 10px;
    }

    .product-policy-container .card .policy .left {
        margin-right: 10px;
        display: inline-block;
    }

    .product-policy-container .card .policy .right {
        display: table-cell;
        vertical-align: middle;
    }

    .product-policy-container .product-policy-wrapper:first-of-type {
        padding-left: 0;
    }

    .product-policy-container .product-policy-wrapper:last-of-type {
        padding-right: 0;
    }

    .category-with-custom-options img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
    }

    .category-with-custom-options .row:first-child {
        margin-bottom: 0;
    }

    .category-with-custom-options .row:first-child .category-image {
        height: 350px;
    }

    .category-with-custom-options .row:first-child>div {
        padding: 0;
        background-repeat: no-repeat;
    }

    .category-with-custom-options .row:first-child>div:first-child,
    .category-with-custom-options .row:first-child>div:nth-child(3) {
        max-height: 345px;
    }

    .category-with-custom-options .row:nth-child(2) .category-image {
        height: 350px;
    }

    .category-with-custom-options .row:nth-child(2)>div {
        padding: 0;
        background-repeat: no-repeat;
    }

    .category-with-custom-options .row:nth-child(2)>div:nth-child(2),
    .category-with-custom-options .row:nth-child(2)>div:nth-child(4) {
        max-height: 345px;
    }

    .category-with-custom-options .categories-collection {
        width: 100%;
        height: 100%;
        display: table;
        min-height: 310px;
        max-height: 345px;
        padding-left: 36px;
        background: #202020;
    }

    .rtl .category-with-custom-options .categories-collection {
        width: 100%;
        height: 100%;
        display: table;
        min-height: 310px;
        max-height: 345px;
        padding-right: 36px;
        padding-left: 0px;
        background: #202020;
    }

    .category-with-custom-options .categories-collection h2 {
        color: #FFF;
    }

    .category-with-custom-options .categories-collection li {
        color: hsla(0, 0%, 100%, 0.83);
    }

    .category-with-custom-options .categories-collection .category-text-content {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        display: flex;
        flex-direction: column;
        padding: 20px 0;
    }

    .category-with-custom-options .categories-collection .category-text-content h2 a {
        color: #FFF;
    }

    .category-with-custom-options .categories-collection .category-text-content li a {
        color: #FFF;
    }

    .hot-categories-container .hot-category-wrapper {
        padding: 0 10px 0 0;
    }

    .hot-categories-container .hot-category-wrapper .card {
        height: 100%;
        padding: 20px;
        border: none;
    }

    .hot-categories-container .hot-category-wrapper:nth-last-child(2) {
        padding: 0;
    }

    .hot-categories-container .hot-category-wrapper:last-child {
        padding: 0 0 0 10px;
    }

    .hot-categories-container ul,
    .popular-categories-container ul {
        line-height: 2.5rem;
    }

    .hot-categories-container li,
    .popular-categories-container li {
        font-size: 16px;
    }

    .popular-categories-container .popular-category-wrapper {
        padding: 0 8px;
    }

    .popular-categories-container .popular-category-wrapper .card {
        height: 100%;
        border: none;
    }

    .popular-categories-container .popular-category-wrapper .card .category-image {
        height: 180px;
    }

    .popular-categories-container .popular-category-wrapper .card .category-image img {
        width: 100%;
        height: 100%;
    }

    .popular-categories-container .popular-category-wrapper .card-image {
        height: 180px;
        background-size: 100% 100%;
        background-image: url("../images/man.png");
    }

    .popular-categories-container .popular-category-wrapper .card-description {
        padding: 10px 20px;
    }

    .popular-categories-container .popular-category-wrapper:first-child {
        padding-left: 0;
    }

    .popular-categories-container .popular-category-wrapper:nth-last-child(2) {
        padding-right: 0;
    }

    .popular-categories-container .popular-category-wrapper:last-child {
        padding-left: 16px;
        padding-right: 0;
    }

    .reviews-container .review-wrapper:first-of-type {
        padding: 0 8px 0 0;
    }

    .reviews-container .review-wrapper {
        padding: 0 8px;
    }

    .reviews-container .review-wrapper:nth-last-of-type(2) {
        padding: 0 0 0 8px;
    }

    .reviews-container .review-wrapper:last-of-type {
        padding: 0 0 0 16px;
    }

    .reviews-container .card {
        border: none;
        height: 100%;
        padding: 20px;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.11);
        box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.11);
    }

    .reviews-container .card .customer-info>div {
        padding: 0;
        display: inline-block;
    }

    .reviews-container .card .customer-info>div:first-child {
        width: 60px;
        margin-right: 10px;
    }

    .reviews-container .card .customer-info>div:last-child {
        width: calc(100% - 75px);
    }

    .reviews-container .card .review-info {
        height: 100%;
        padding: 20px 15px;
        -webkit-box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.11);
        box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.11);
    }

    .reviews-container .card .review-info>div:not(:last-child) {
        margin-bottom: 10px;
    }

    .reviews-container .card .review-info .star-ratings {
        margin-bottom: 5px !important;
    }

    .reviews-container .product-info {
        display: inline-block;
    }

    .main-content-wrapper {
        margin: 0;
        margin-bottom: 0px;
        display: inline-block;
    }

    .header-shadow {
        display: flex !important;
        align-items: center;
        padding: 0px 0 0 70px !important;
        transition: all 0.7s !important;
        background-color: #FAFAFA;
        box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
    }

    .header_shadow {
        box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
    }


    .header-shadow .logo {
        margin: 10px 20px;
        width: 126px;
    }

    .School_list_btn {
        margin: 0 10px 0 0;
        white-space: nowrap;
    }

    .whish_list_guste {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main-content-wrapper>.row.disabled {
        cursor: not-allowed;
    }

    .main-content-wrapper .content-list ul {
        width: 100%;
        height: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .main-category {
        background: #EDEDED;
        padding: 13px 15px;
        font-weight: 400;
    }

    .main-category:hover {
        background: #0E6755;
    }

    .main-content-wrapper .content-list ul li a {
        display: block;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        padding: 0px 20px;
        letter-spacing: 0;
        position: relative;
        color: #131313;
        text-decoration: none;
        font-weight: 400;
    }

    .main-content-wrapper .content-list ul li a:first-child {
        display: block;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        padding: 0px 20px 0 0;
        letter-spacing: 0;
        position: relative;
        color: #131313;
        text-decoration: none;
        font-weight: 400;
    }


    .d_flex {
        display: flex;
        align-items: center;
    }

    .sidepadding {
        padding: 0 120px;
    }


    .container-right {
        width: 100%;
        display: inline-block;
    }

    .container-right> :first-child {
        width: 100%;
        /* height: 100%;
        min-height: 65vh; */
    }

    .home-base {
        margin-bottom: 60px;
    }

    .broken-image {
        width: 320px;
        height: 160px;
        background-image: url("../images/static/broken-clock.png");
    }

    .velocity-icon {
        width: 150px;
        height: 150px;
        background-image: url("../images/static/v-icon.png");
    }

    .error-page {
        padding-top: 30vh;
    }

    .custom-circle {
        width: 56px;
        height: 54px;
        padding: 14px;
        font-size: 20px;
        color: #21a179;
        border-radius: 50%;
        text-align: center;
        background: #FFF;
        display: inline-block;
        vertical-align: middle;
        border: 2px solid #21a179;
        font: 18px josefin sans, arial;
    }

    body:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(71, 55, 78, 0.8);
        opacity: 0;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
        transition: opacity 0.3s 0s, visibility 0s 0.3s;
    }

    .cd-quick-view {
        top: 100px;
        width: 700px;
        z-index: 101;
        padding: 0px;
        display: block;
        position: absolute;
        margin-bottom: 50px;
        left: calc(50% - 350px);
        background-color: #FFF;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
        will-change: left, top, width;
        -webkit-backface-visibility: hidden;
        display: flex;
        align-items: center;
        border-radius: 3px;
        overflow: hidden;
        padding: 20px;
    }


    .cd-quick-view .cd-slider li.selected img {
        width: 100%;
        height: 100%;
        display: inline-block !important;
    }

    .cd-quick-view .cd-slider img {
        display: none;
    }

    .cd-quick-view .close-btn {
        top: 15px;
        right: 20px;
        font-weight: 600;
        position: absolute;
    }

    .cd-quick-view .product-gallery {
        padding: 0;
    }

    .cd-quick-view .cd-slider {
        margin: 0;
    }

    .cd-quick-view .VueCarousel .VueCarousel-inner {
        padding-top: 0px !important;
    }

    .cd-quick-view .action-buttons {
        padding-top: 10px;
        margin-left: 118px;
    }

    .cd-quick-view .action-buttons>span {
        font-size: 24px;
        margin-left: 24px;
    }

    .cd-quick-view .product-actions {
        display: inline-block;
    }

    .cd-quick-view .product-actions .compare-icon,
    .cd-quick-view .product-actions .wishlist-icon {
        height: 38px;
        display: inline-table;
        cursor: pointer;
        margin-left: 10px;
    }

    .cd-quick-view .product-actions .compare-icon i,
    .cd-quick-view .product-actions .wishlist-icon i {
        display: table-cell;
        vertical-align: middle;
    }

    .cd-quick-view .product-actions .wishlist-icon {
        float: right;
    }

    .cd-quick-view .product-actions .add-to-cart-btn {
        float: left;
    }

    .cd-quick-view .product-price .price-from>span:not(:nth-child(2)),
    .cd-quick-view .product-price .special-price,
    .cd-quick-view .product-price span:first-child {
        font-size: 17px;
        font-weight: 600;
    }

    .cd-quick-view .product-price .price-from span:nth-child(3) {
        margin-left: 6px;
        display: inline-block !important;
    }

    .search_result {
        margin-bottom: 20px !important;
    }

    .cd-quick-view .quick-view-name {
        font-size: 19px;
        line-height: 27px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: inherit;
        word-break: break-word;
    }

    button:focus {
        outline: none !important;
        box-shadow: none !important
    }

    .cd-quick-view .product-price {
        margin-top: 10px;
    }

    .cd-quick-view .product-rating {
        display: table;
        margin: 10px 0;
    }

    .cd-quick-view .product-rating a,
    .cd-quick-view .product-rating span {
        vertical-align: top;
        display: table-cell;
    }

    .cd-quick-view .product-gallery {
        top: 10px;
        position: -webkit-sticky;
        position: sticky;
    }

    .cd-quick-view .product-gallery .VueCarousel-pagination button {
        padding: 0 !important;
        margin: 3px !important;
        border: 1px solid #dcdcdc !important;
        background-color: #FFF !important;
    }

    .cd-quick-view .product-gallery .VueCarousel-pagination button.VueCarousel-dot--active {
        background-color: #dcdcdc !important;
    }

    .cd-quick-view .product-gallery .VueCarousel-pagination button.VueCarousel-dot--active:focus {
        outline: none;
    }

    .cd-quick-view .description-text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: inherit;
        word-break: break-word;
        margin-bottom: 15px;
    }

    .container {
        /* max-width: 1300px !important; */
    }

    .category-page-wrapper,
    .remove-padding-margin {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .demo {
        border: 1px solid red;
    }

    .quick-addtocart-btn {
        margin-top: 306px;
        margin-left: -82px;
    }

    .model-display-block {
        display: block;
    }

    .footer .footer-content .newsletter-subscription {
        color: #FFF !important;
        width: 185px;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper input.subscribe-field {
        width: 238px;
        border: none;
        height: 45px;
        font-size: 14px;
        max-width: 238px;
        min-width: 238px;
        padding: 10px 20px;
        color: rgba(0, 0, 0, 0.83);
        border-radius: 3px;
        margin-right: 10px;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper button.subscribe-btn {
        left: -2px;
        height: 45px;
        font-size: 14px;
        max-width: 150px;
        line-height: 10px;
        position: relative;
        width: 150px;
        color: #FFF !important;
        background-color: #ECBA5A !important;
        border: none;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper button.subscribe-btn:hover {
        background-color: #FFA327 !important;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons {
        height: 100%;
        padding: 20px 0;
        color: #FFF;
        text-align: right;
        min-width: 100%;
    }

    .social_footer_holder li {
        margin: 0 15px;
    }

    .rtl .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons {
        text-align: left;
    }


    .rtl .responsive_header .mini-cart-container {
        color: #FFF;
    }

    .follow_us_holder {
        text-align: right;
    }

    .follow_us_holder h3 {
        text-align: right;
        text-transform: uppercase;
    }

    .rtl .follow_us_holder h3 {
        text-align: left;
    }

    .rtl .proudect_heading {
        text-align: right;
    }

    .rtl .nav-pills>li+li {
        margin-left: 0;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons i {
        margin: 0;
        cursor: pointer;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons .within-circle {
        background: #FFF !important;
        margin-right: 2px;
        border-radius: 10px;
        color: #000 !important;
        font-size: 25px;
        width: 35px;
        height: 35px;
        padding: 5px;
        box-shadow: none;
    }

    .rtl .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons .within-circle {
        background: #FFF !important;
        margin-left: 2px;
        margin-right: 0px;
        border-radius: 10px;
        color: #000 !important;
        font-size: 25px;
        width: 35px;
        height: 35px;
        padding: 5px;
        box-shadow: none;
    }

    .pagination {
        justify-content: center;
    }

    .bottom-toolbar .pagination .page-item.active {
        background: #44705C !important;
        border: none !important;
        border-radius: 10px;
        margin: 0 3px;
        color: #FFF !important;
        display: flex;
        align-items: center;
        width: 35px;
        height: 35px;
        justify-content: center;
    }

    .bottom-toolbar .pagination a {
        color: unset !important;
        text-decoration: none !important;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-item.previous,
    .page-item.next {
        background-color: #E6E6E6 !important;
        border-radius: 10px;
        list-style: none;
        width: 35px !important;
        height: 35px;
        cursor: pointer;
        border: 1px solid #DEDEDE;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 35px;
        letter-spacing: -4px;
    }

    .page-item .icon {
        font-size: 18px !important;
    }

    .page-item .icon::before {
        content: "\E907";
        margin: 0 0 5px 0;
        display: inline-block;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons img {
        background: #4d7ea8;
        border: 1px solid hsla(0, 0%, 100%, 0.52);
        padding-left: 15px;
        padding-right: 15px;
    }

    .base_sub_total {
        margin: 0 0px 0 8px;
    }

    body.rtl .base_sub_total {
        margin: 0 8px 0 0px;
    }

    .responsive_header .base_sub_total {
        display: none;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper .subscribe-newsletter {
        text-align: left;
        padding: 0px 0 30px;
    }

    .rtl .footer .footer-content .newsletter-subscription .newsletter-wrapper .subscribe-newsletter {
        text-align: right;
    }

    .footer .footer-content .newsletter-subscription .newsletter-wrapper .subscribe-newsletter h3 {
        padding: 0 0 17px 0;
        white-space: nowrap;
    }

    .footer .footer-content>.row {
        padding: 60px 70px;
        background: #202020;
        position: relative;
        padding-bottom: 20px;
        /* margin-top: 30px !important; */
    }


    .footer .footer-content>.row .logo {
        width: 86px;
        height: 68px;
    }

    .product-detail {
        padding-top: 60px !important;
    }

    .footer_logo::after {
        content: '';
        width: 1px;
        height: 50px;
        background-color: #B9E2D8;
        position: absolute;
        right: 39px;
    }

    .rtl .footer_logo::after {
        right: auto;
        left: 22px;
    }

    .footer .footer-content>.row .footer-ct-content>div {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 2.5rem;
    }

    .footer-ct-content h3,
    .footer-rt-content h3 {
        color: #FFF !important;
        text-transform: uppercase;
        font-size: 18px !important;
    }


    .footer .footer-content>.row .footer-ct-content>div ul {
        margin-bottom: 0;
    }

    .footer .footer-content>.row .footer-ct-content>div ul li {
        margin-bottom: 5px;
    }

    .footer .footer-content>.row .footer-ct-content>div ul li a {
        color: #FFF;
    }

    .footer .footer-content>.row .footer-rt-content {
        padding-right: 0;
    }

    .footer .footer-content>.row .footer-rt-content .row>div {
        width: 100%;
        display: block;
    }

    .footer .footer-content>.row .footer-rt-content .row .bg-image,
    .footer .footer-content>.row .footer-rt-content .row .small-card-container .product-image,
    .small-card-container .footer .footer-content>.row .footer-rt-content .row .product-image {
        width: 42px;
        height: 30px;
        display: inline-block;
        background-position: 0;
    }

    .footer .footer-content>.row .footer-rt-content .row .bg-image:not(:last-child),
    .footer .footer-content>.row .footer-rt-content .row .small-card-container .product-image:not(:last-child),
    .small-card-container .footer .footer-content>.row .footer-rt-content .row .product-image:not(:last-child) {
        margin-right: 3px;
    }

    .footer .footer-content>.row .footer-rt-content .row .cash {
        background-image: url("../images/static/cash.png");
    }

    .footer .footer-content>.row .footer-rt-content .row .cheque {
        width: 57px !important;
        background-image: url("../images/static/cheque.png");
    }

    .footer .footer-content>.row .footer-rt-content .row .visa {
        background-image: url("../images/static/visa.png");
    }

    .footer .footer-content>.row .footer-rt-content .row .master-card {
        background-image: url("../images/static/master-card.png");
    }

    .footer .footer-content>.row .footer-rt-content .row .paypal {
        background-image: url("../images/static/paypal.png");
    }

    .footer .footer-content>.row .footer-rt-content .row .discover {
        background-image: url("../images/static/discover.png");
    }

    .footer .footer-content>.row .footer-rt-content .row:not(:last-child) {
        padding-bottom: 20px;
    }

    .footer .footer-content>.row .footer-rt-content h3 {
        font-size: 14px;
        color: hsla(0, 0%, 100%, 0.52);
    }

    .footer .footer-content .footer-statics .software-description {
        padding-left: 0;
    }

    .footer .footer-content .footer-statics .software-description p {
        font-size: 14px;
        color: #FFF    }

    .footer .top-brands {
        padding: 30px 70px;
    }

    .footer .top-brands .top-brands-body ul {
        width: 85%;
        display: inline-block;
    }

    .footer .top-brands .top-brands-body ul li {
        margin-left: 0;
        font-size: 16px;
        padding: 15px 0 0;
        display: inline-block;
    }

    .footer .footer-copy-right {
        height: 47px;
        font-size: 16px;
        text-align: center;
        background: #000000 !important;
        color: #000;
        font-size: 12px;
        max-width: 100%;
        width: 100%;
        margin: auto;
    }

    .footer .footer-copy-right span {
        color: #FFF;
    }

    .footer .footer-copy-right p {
        padding: 0 20px;
    }

    .footer .footer-copy-right a {
        color: unset;
        color: #ECBA5A !important;
    }

    .footer .footer-copy-right a:hover {
        color: #4d7ea8;
    }



    .ltr {
        direction: ltr;
    }

    .rtl {
        direction: rtl;
    }

    .padding-10,
    .padding-15 {
        padding: 15px;
    }

    .fw5 {
        font-weight: 500;
    }

    .fw6,
    .product-detail .right .info .price,
    .product-detail .right h3,
    .product-detail .right h4 {
        font-weight: 600;
        color: #000    }

    .fw7,
    .product-detail .right .info h2 {
        font-weight: 700;
    }

    .fs13 {
        font-size: 13px !important;
    }

    .fs14,
    .main-content-wrapper {
        font-size: 14px;
    }

    .fs15 {
        font-size: 15px;
    }

    .review_img img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin: 0 10px 0 0;
    }

    .rtl .review_img img {
        margin: 0 0 0 10px;
    }

    .add_to_cart_holder {
        position: static !important;
    }

    /* .add_to_cart_holder div {
        width: 100%;
    } */

    .details_action_holder .add-to-cart-btn {
        display: none;
    }

    .add_to_cart_holder div button {
        width: 100%;
    }

    .details_action_container {
        display: flex;
        align-items: center;
        width: 100% !important;
    }

    .quantity_number_addToCart {
        padding: 0;
        display: flex !important;
    }

    input {
        outline: none !important;
    }

    li {
        outline: none;
    }

    .rtl .m-d .open-close-icon {
        right: auto;
        left: 20px;
    }

    .quantity_number_addToCart button:last-of-type,
    .quantity_number_addToCart button:first-of-type {
        background-color: #FAFAFA !important;
        margin: 0 !important;
        color: #233C53 !important;
        border: 1px solid #DEDEDE !important;
        border-radius: 0 !important;
        font-weight: 400 !important;
        width: 45px !important;
        height: 45px !important;
    }

    .quantity_number_addToCart button:last-of-type {
        border-radius: 0px 3px 3px 0px !important;
    }

    .quantity_number_addToCart button:first-of-type {
        border-radius: 3px 0px 0px 3px !important;
    }

    .quantity_number_addToCart input.control {
        border-top: 1px solid #DEDEDE !important;
        border-bottom: 1px solid #DEDEDE !important;
        min-width: 64px !important;
        min-height: 45px !important;
        height: 45px !important;
    }


    .product-quantity .quantity_number_addToCart input.control {
        border-top: 1px solid #DEDEDE !important;
        border-bottom: 1px solid #DEDEDE !important;
        min-width: 64px !important;
        min-height: 30px !important;
        height: 30px !important;
    }

    .cart_details_holder {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #EDEDED;
        padding-bottom: 40px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .custome_product_action .wishlist_holder {
        display: flex !important;
        align-items: center;
        flex-direction: row-reverse;
    }

    .add_to_cart_holder {
        width: calc(100% - 165px);
    }

    .add_to_cart_holder .add-to-cart-btn {
        width: calc(100% - 55px);
    }

    .free_shipping_holder_product_details {
        position: static !important;
    }

    .rtl .free_shipping_holder {
        right: 14px;
    }

    .free_shipping_holder_product_details span {
        padding: 3px 10px !important;
        font-size: 12px !important;
    }

    .free_shipping_holder_product_details .free_shipping {
        background-color: rgba(255, 199, 39, .15) !important;
        color: #ECBA5A !important;
    }

    .free_shipping_holder_product_details .out_of_stockd {
        background-color: rgba(234, 82, 62, 0.15) !important;
        color: #EA523E;
        margin: 0 0 0 8px;
    }

    .rtl .free_shipping_holder_product_details .out_of_stockd {
        margin: 0 8px 0 0;
    }

    .availability {
        display: none;
    }

    .product-price_details {
        padding-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .product-price_details .VAT_holder {
        font-size: 12px;
        color: #A1A9C3;
    }

    .product-price_details .regular-price {
        position: absolute !important;
        left: 150px !important;
        top: 3px !important;
    }

    .rtl .product-price_details .regular-price {
        position: absolute !important;
        left: auto !important;
        right: 150px;
    }


    .product_name_details {
        font-weight: 500 !important;
        color: #FFF;
    }

    .account-content .account-layout .bottom-toolbar .pagination .page-item,
    .fs16,
    .product-detail .right {
        font-size: 16px;
        font-weight: 400;
    }

    .fs16i {
        font-size: 16px !important;
    }

    .fs17 {
        font-size: 17px;
    }

    .fs18,
    .product-detail .right h3 {
        font-size: 18px;
    }

    .fs19 {
        font-size: 19px;
    }

    .fs20,
    .product-detail .right .info .price {
        font-size: 20px;
        padding: 0;
        margin: 0;
    }

    .fs24,
    .product-detail .right .info h2 {
        font-size: 24px;
        font-weight: 700 !important;

    }

    .fs30,
    .product-detail .right .info .price .card-current-price {
        font-size: 30px;
    }

    .fs40 {
        font-size: 40px;
    }

    .pt0 {
        padding-top: 0 !important;
    }

    .pt10 {
        padding-top: 10px !important;
    }

    .pt15 {
        padding-top: 15px !important;
    }

    .pt20 {
        padding-top: 20px !important;
    }

    .pl0 {
        padding-left: 0 !important;
    }

    .pl5 {
        padding-left: 5px !important;
    }

    .pl15 {
        padding-left: 15px !important;
    }

    .pl10 {
        padding-left: 10px !important;
    }

    .pl20 {
        padding-left: 20px !important;
    }

    .pl30 {
        padding-left: 30px !important;
    }

    .pl40 {
        padding-left: 40px !important;
    }

    .pr0 {
        padding-right: 0 !important;
    }

    .rtl .pr0 {
        padding-right: 15px !important;
    }

    .pr5 {
        padding-right: 5px !important;
    }

    .pr15 {
        padding-right: 15px !important;
    }

    .pr40 {
        padding-right: 40px !important;
    }

    .pb0 {
        padding-bottom: 0 !important;
    }

    .pb10 {
        padding-bottom: 10px !important;
    }

    .pb15 {
        padding-bottom: 15px !important;
    }

    .pb30 {
        padding-bottom: 30px !important;
    }

    .mt5 {
        margin-top: 5px !important;
    }

    .mt10 {
        margin-top: 10px;
    }

    .mt15 {
        margin-top: 15px !important;
    }

    .mr5 {
        margin-right: 5px;
    }

    .mr7 {
        margin-right: 7px;
    }

    .mr10 {
        margin-right: 10px;
    }

    .mr15,
    .product-detail .right .options .buttons :not(:last-child),
    .product-detail .right .options .quantity>label {
        margin-right: 15px;
    }

    .mr20 {
        margin-right: 20px;
    }

    .mb5 {
        margin-bottom: 5px !important;
    }

    .mb10 {
        margin-bottom: 10px !important;
    }

    .mb15,
    .product-detail .right .info {
        margin-bottom: 15px;
        margin-right: 0;
        margin-left: 0;
    }

    .mb20,
    .product-detail .right .options>*,
    .product-detail .right>div {
        margin-bottom: 0px;
    }

    .add_to_cart_img {
        margin-left: -1px
    }

    .mb25 {
        margin-bottom: 25px;
    }

    .mb30,
    .product-detail .right .customer-reviews .row {
        margin-bottom: 30px;
    }

    .ml0,
    .product-detail .right>div:not(:first-child) {
        margin-left: 0 !important;
    }

    .ml5 {
        margin-left: 5px;
    }

    .ml0,
    .product-detail .right>div:not(:first-child) {
        margin-left: 0;
    }

    .ml10 {
        margin-left: 10px !important;
    }

    .ml15 {
        margin-left: 15px !important;
    }

    .ml30 {
        margin-left: 30px !important;
    }

    .body-blur {
        filter: blur(4px);
        -webkit-filter: blur(4px);
    }

    .no-margin {
        margin: 0 !important;
    }

    .flex-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .category-list-container .category,
    .cursor-pointer,
    .qty-btn> :not(:nth-child(2)) {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cursor-not-allowed {
        cursor: not-allowed !important;
    }

    .cursor-default {
        cursor: default;
    }

    .grey {
        color: #9e9e9e;
    }

    .clr-light {
        color: rgba(0, 0, 0, 0.53);
    }

    .clr-dark {
        color: hsla(0, 0%, 100%, 0.52);
    }

    .font-clr {
        color: rgba(0, 0, 0, 0.83);
    }

    .display-inbl,
    .product-detail .right .options .quantity>label {
        display: inline-block !important;
    }

    .display-block,
    .product-detail .right .options label {
        display: block !important;
    }

    .align-vertical-top {
        vertical-align: top;
    }

    .align-vertical-middle {
        vertical-align: middle;
    }

    .full-width {
        width: 100%;
        display: block;
    }

    .full-image {
        width: 100%;
        height: 100%;
    }

    .card-product-image-container .background-image-group,
    .full-back-size {
        background-size: 100% 100% !important;
    }

    .max-width-100 {
        max-width: 100% !important;
    }

    .no-border {
        border: none !important;
    }

    .back-pos-rt {
        background-position: 100%;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn,
    .account-content .account-layout .bottom-toolbar .pagination .page-item,
    .cart-details .continue-shopping-btn,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button,
    .theme-btn {
        z-index: 10;
        border: none;
        cursor: pointer;
        font-weight: 600;
        padding: 10px 20px;
        vertical-align: top;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #FFF !important;
        width: 100px;
        background-color: #44705C !important;
        border: 1px solid #44705C;
    }



    .signinbutton {
        z-index: 10;
        border: none;
        cursor: pointer;
        font-weight: 600;
        padding: 10px 20px;
        vertical-align: top;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #FFF !important;
        width: 470px;
        background-color: #44705C !important;
    }

    .signinbutton:hover {
        background-color: #1C433E !important;
    }

    .change-phone-btn {
        width: 100%;
        padding: 11px 20px;
    }

    .signinbutton22 {
        z-index: 9;
        border: none;
        cursor: pointer;
        font-weight: 600;
        height: 45px;
        width: 21px;
        padding: 10px 20px;
        vertical-align: top;
        border: 1px solid transparent !important;
        border-radius: 3px;
        width: 45px;
        color: #FFF !important;
        background-color: #44705C !important;
    }

    .signinbutton22:hover {
        background-color: #1C433E !important;
    }

    .signbtnpass {
        width: 100%;
        max-width: 480px;
        height: 45px;
        z-index: 10;
        border: none;
        cursor: pointer;
        font-weight: 600;
        padding: 10px 20px;
        vertical-align: top;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #FFF !important;
        background-color: #44705C !important;
        box-shadow: 0px 3px 6px #0000001A;
        opacity: 1;
    }

    .signbtnpass:hover {
        background-color: #1C433E !important;
    }


    .forget_password a {
        color: #ECBA5A;
    }

    .forget_password a:hover {
        color: #ECBA5A;
        text-decoration: underline !important;
    }

    .form-style22 {
        display: inline;
        width: 371px;
        height: 45px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-image: none;
        border: none;
        border-radius: 3px;
    }

    .fs232 {
        text-align: center;
        font: normal normal bold 35px/17px Poppins;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
    }

    .form-pass {
        display: inline;
        width: 431px;
        height: 45px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #FFF;
        background-image: none;

        border-radius: 3px;
        background: #FFF 0% 0% no-repeat padding-box;
        border: 1px solid #DEDEDE;
        opacity: 1;
    }

    .ptop20 {
        padding-top: 20px;
    }

    .pbottom40 {
        padding-bottom: 50px;
    }

    .facebook {
        display: inline;
        text-align: left;
        font: normal normal bold 15px/23px Poppins;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
    }

    .tleft {
        text-align: left;
    }

    .disinline {
        display: inline;
    }

    .email_input {
        width: calc(100% - 45px) !important;
        border-radius: 3px;
    }

    .divauto420 {
        width: 480px !important;
        margin: auto;
    }

    .headline22 {
        display: flex;
        flex-direction: row;
    }

    .headline22:before,
    .headline22:after {
        content: "";
        flex: 1 1;
        border-bottom: 1px solid #EDEDED;
        margin: auto;
    }

    .headline22:before {
        margin-right: 10px;
    }

    .headline22:after {
        margin-left: 10px;
    }

    .increase {
        background-color: #FFA327 !important;
        width: 40px !important;
    }

    .increase:hover {
        background-color: #FFA327 !important;
    }

    .decrease {
        background-color: #FFA327 !important;
        width: 40px !important;
    }

    .decrease:hover {
        background-color: #FFA327 !important;
    }

    .ptop40 {
        padding-top: 40px;
    }

    .fs11 {
        font-size: 11px;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button:focus,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button:hover,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn:focus,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn:hover,
    .account-content .account-layout .bottom-toolbar .pagination .page-item:focus,
    .account-content .account-layout .bottom-toolbar .pagination .page-item:hover,
    .cart-details .continue-shopping-btn:focus,
    .cart-details .continue-shopping-btn:hover,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button:focus,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button:hover,
    .theme-btn:focus,
    .theme-btn:hover {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #1C433E;
        background-color: #1C433E !important;
        color: #FFF !important;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn,
    .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item,
    .account-content .account-layout .bottom-toolbar .pagination .page-item,
    .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item,
    .cart-details .light.continue-shopping-btn,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light,
    .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item,
    .theme-btn.light {
        color: #26a37c !important;
        background-color: #FFF !important;
        -webkit-box-shadow: 0 1px 0 0 #cfcfcf;
        box-shadow: 0 1px 0 0 #cfcfcf;
        border: 1px solid rgba(0, 0, 0, 0.12);
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item:focus,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item:hover,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item:focus,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item:hover,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light:focus,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light:hover,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn:focus,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn:hover,
    .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item:focus,
    .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item:hover,
    .account-content .account-layout .bottom-toolbar .pagination .page-item:focus,
    .account-content .account-layout .bottom-toolbar .pagination .page-item:hover,
    .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:focus,
    .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:hover,
    .cart-details .light.continue-shopping-btn:focus,
    .cart-details .light.continue-shopping-btn:hover,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item:focus,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item:hover,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light:focus,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light:hover,
    .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:focus,
    .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:hover,
    .theme-btn.light:focus,
    .theme-btn.light:hover {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #EA523E;
        background-color: #EA523E !important;
    }

    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button:hover,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn:hover,
    .account-content .account-layout .bottom-toolbar .pagination .page-item:hover,
    .cart-details .continue-shopping-btn:hover,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button:hover,
    .theme-btn:hover {
        background-color: #1C433E !important;
        color: #FFF !important;
    }

    .viewicon .wishlist-icon i {
        padding: 0 !important;
        max-width: 35px;
        max-height: 35px;
        text-align: center;
    }

    .norm-btn {
        border: 1px solid #CCC;
        font-size: 14px;
        padding: 9px 20px;
        border-radius: 2px;
        vertical-align: top;
        color: #000 !important;
        background-color: #FFF !important;
    }

    .sale-btn {
        z-index: 10;
        border: none;
        color: #FFF;
        font-size: 14px;
        padding: 3px 10px;
        position: absolute;
        border-radius: 12px;
        background-color: #26a37c;
    }

    .bg-image,
    .small-card-container .product-image {
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

    #top #account .welcome-content * {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        color: #000 !important;

    }

    #top #account .material-icons,
    .unselectable * {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        color: #131313 !important;

    }

    .main-category:hover {
        background: #0E6755;
        color: #FFF !important;
    }

    .main-category .category-not-hover {
        display: flex;
    }

    .main-category .category-hover {
        display: none;
    }

    .main-category:hover .category-not-hover {
        display: none;
    }

    .main-category:hover .category-hover {
        display: flex;
    }



    .main-category:hover span {
        color: #FFF !important;
    }

    .top3 {
        margin-right: 5px;
        width: 15px;
        height: 18px;
    }

    .Category_img {
        width: 18px;
        height: 18px;
    }

    .card-arrow-container .card-arrow {
        z-index: 10;
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        background-color: #202020;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -webkit-box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 2px 7px 1px rgba(39, 44, 48, 0.16);
        box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 2px 7px 1px rgba(39, 44, 48, 0.16);
        box-shadow: none;
    }

    .card-arrow-container .card-arrow-tp {
        left: 50%;
        top: -10px;
    }

    .card-arrow-container .card-arrow-rt {
        top: 50%;
        right: -10px;
    }

    .card-arrow-container .card-arrow-bt {
        left: 50%;
        top: calc(100% - 10px);
    }

    .card-arrow-container .card-arrow-lt {
        top: 50%;
        left: -7px;
    }

    .lg-card-container {
        cursor: pointer;
    }

    .lg-card-container a {
        color: rgba(0, 0, 0, 0.83);
        text-decoration: none;
    }

    .lg-card-container #quick-view-btn-container :hover {
        color: #FFF !important;
    }

    .lg-card-container .background-image-group {
        background-size: contain !important;
    }

    .lg-card-container.grid-card .card-current-price,
    .lg-card-container.list-card .card-current-price {
        font-size: 18px;
    }

    .lg-card-container.grid-card .product-rating .stars,
    .lg-card-container.list-card .product-rating .stars {
        display: inline-block;
    }

    .lg-card-container.grid-card .product-rating span,
    .lg-card-container.list-card .product-rating span {
        vertical-align: middle;
    }

    .lg-card-container.grid-card .product-information>div:not(:last-child),
    .lg-card-container.list-card .product-information>div:not(:last-child) {
        margin-bottom: 5px;
    }

    .lg-card-container.grid-card img,
    .lg-card-container.list-card img {
        width: 100%;
        height: 100%;
    }

    .lg-card-container.list-card {
        margin-left: 0;
        padding-left: 0;
    }

    .lg-card-container.list-card .background-image-group {
        height: 100%;
    }

    .lg-card-container.list-card .product-image {
        float: left;
        width: 30%;
        height: 270px;
        max-width: 200px;
        max-height: 200px;
        position: relative;
        background: #f2f2f2;
    }

    .lg-card-container.list-card .product-image .quick-view-btn-container button {
        left: calc(50% - 40px);
    }

    .lg-card-container.list-card .product-information {
        width: 70%;
        float: right;
        padding-left: 20px;
    }

    .summery_holder_detail {
        max-width: 600px;
        overflow: hidden;
    }

    .summery_holder_detail .address-summary {
        background: #FAFAFA;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
        padding: 20px;
        margin-bottom: 10px;
    }

    .last_holder {
        margin-bottom: 20px;
    }

    .summery_holder_detail .cart-item-list {
        background: #FAFAFA;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
        padding: 20px;
        margin-bottom: 10px;
    }

    .shipping-methods .pl30 {
        padding-left: 69px !important;
    }

    .rtl .shipping-methods .pl30 {
        padding-left: 0 !important;
        padding-right: 46px !important;
    }

    .payment-methods .pl30 {
        padding-left: 49px !important;
    }

    .rtl .payment-methods .pl30 {
        padding-left: 0 !important;
        padding-right: 49px !important;
    }

    .rtl .shipping-methods .row.col-12 {
        padding-right: 40px;
    }

    .shipping-methods .checkmark {
        left: auto;
        left: 7px;

    }

    .rtl .shipping-methods .checkmark {
        left: auto;
        right: -16px;

    }

    .credit_holder_step {
        background-color: #FAFAFA !important;
        padding: 15px;
        padding-bottom: 0;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
        margin-top: 15px;
    }

    .summery_container_detail {
        display: flex;
        flex-direction: column
    }

    .summery_holder_detail .order-description {
        background: #FAFAFA;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
        padding: 20px;
        margin-bottom: 10px;
    }

    .lg-card-container.list-card .product-rating .stars {
        display: inline-block;
    }

    .lg-card-container.list-card .product-rating span {
        vertical-align: top;
    }

    .lg-card-container.list-card .product-information {
        height: 200px;
        display: table;
    }

    .lg-card-container.list-card .product-information>div {
        display: table-cell;
        vertical-align: middle;
    }

    .lg-card-container.list-card .product-price .sticker {
        display: block;
    }

    .lg-card-container.list-card .wishlist-icon {
        height: 40px;
        vertical-align: top;
        display: inline-table;
        padding-left: 0 !important;
    }

    .lg-card-container.list-card .wishlist-icon i {
        display: table-cell;
        vertical-align: middle;
        padding-left: 0 !important;
    }

    .lg-card-container.list-card .compare-icon {
        padding-left: 0;
        display: inline-table;
    }

    .lg-card-container.list-card .add-to-cart-btn {
        float: left;
        max-width: 150px;
        display: inline-block;
    }

    .lg-card-container.grid-card {
        padding: 15px;
    }

    .lg-card-container.grid-card .product-image {
        max-height: 350px;
        max-width: 280px;
        margin-bottom: 10px;
        background: #f2f2f2;
    }

    .lg-card-container.grid-card .product-image img {
        display: block;
        height: 100%;
    }

    .lg-card-container.list-card:not(:first-child) {
        margin-top: 20px;
    }

    .carousel-products.with-recent-viewed .btn-add-to-cart,
    .small-padding {
        padding: 3px 4px !important;
    }

    .medium-padding {
        padding: 3px 10px !important;
    }

    .general-container {
        cursor: pointer;
    }

    .lg-card-container>.product-card {
        border: none;
    }

    .general-container:hover,
    .lg-card-container:hover,
    .product-card-new:hover {
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    .lg-card-container:hover .quick-view-btn-container {
        display: block;
    }

    .product-card-new .product-rating,
    .text-nowrap {
        overflow: hidden;
        text-overflow: ellipsis;
        color: #555;
    }

    .small-card-container {
        cursor: pointer;
        margin-bottom: 10px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .small-card-container .material-icons {
        font-size: 16px;
    }

    .small-card-container .product-image-container {
        padding: 0;
        display: inline-block;
    }

    .small-card-container .product-image {
        height: 100%;
        background-position: 50%;
        background-size: cover;
        border-radius: 5px;
    }

    .small-card-container .card-body {
        width: 50%;
        display: inline-block;
        padding: 10px 0 !important;
    }

    .small-card-container .card-body .product-name {
        width: 17rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .small-card-container .regular-price,
    .small-card-container .sticker {
        display: none;
    }

    .small-card-container:hover {
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    .text-down-3 {
        top: 3px;
        position: relative;
    }

    .text-down-4 {
        top: 4px;
        position: relative;
    }

    .text-down-6 {
        top: 6px;
        position: relative;
    }

    .text-up-1 {
        top: -1px;
        position: relative;
    }

    .text-up-4 {
        top: 3px;
        position: relative;
    }

    .text-up-14 {
        top: -14px;
        position: relative;
    }

    ul.circle-list {
        padding-top: 10px;
        text-align: center;
    }

    ul.circle-list li.circle {
        width: 10px;
        height: 10px;
        cursor: pointer;
        border-radius: 50%;
        display: inline-block;
        border: 1px solid #d8d8d8;
    }

    ul.circle-list li.circle.fill {
        background: #d8d8d8;
    }

    ul.circle-list li.circle:not(:last-child) {
        margin-right: 6px;
    }

    .hide {
        display: none;
    }

    .category-breadcrumb {
        font-size: 16px;
    }

    .link-color {
        color: #A1A9C3;
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table tbody tr .action a,
    .account-content .account-layout .bottom-toolbar .pagination a.page-item,
    a.unset {
        color: unset !important;
        text-decoration: none !important;
    }

    a.active-hover:hover {
        color: #4d7ea8 !important;
        text-decoration: underline !important;
    }



    .dropdown-icon:after {
        display: inline-block;
        margin-left: 1rem;
        vertical-align: middle;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .disable-box-shadow,
    .disable-box-shadow:active,
    .disable-box-shadow:focus,
    input:focus,
    select:focus {
        outline: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: 0 5px 15px transparent;
        -o-box-shadow: 0 5px 15px transparent;
        box-shadow: 0 5px 15px transparent;
    }

    .control-error {
        color: #f05153;
        font-size: 13px;
    }


    .mandatory {
        width: 100%;
    }

    .mandatory:after {
        content: "*";
        font-size: 16px;
        margin-left: 0;
        color: #f05153;
    }

    .code_error {
        display: none;
        position: absolute;
    }

    a.default {
        color: rgba(0, 0, 0, 0.83) !important;
        text-decoration: none !important;
    }

    .VueCarousel {
        width: 100%;
        cursor: pointer;
    }

    .VueCarousel .VueCarousel-inner {
        padding-top: 5px;
    }

    .VueCarousel .VueCarousel-slide:first-of-type .product-card-new {
        margin-left: 5px;
        border-radius: 10px;
        background-color: transparent;

    }

    .navigation-hide .VueCarousel-navigation,
    .pagination-hide .VueCarousel-pagination {
        display: none;
    }

    .layered-filter-wrapper,
    .scrollable {
        max-height: 100vh;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .layered-filter-wrapper::-webkit-scrollbar,
    .scrollable::-webkit-scrollbar {
        width: 0 !important;
    }

    button[disabled],
    button[disabled]:hover {
        /* opacity: 0.5; */
        cursor: not-allowed;
        background-color: #DEDEDE !important;

    }

    /* start responsive_filter */
    .responsive_filter {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 11;
        background: white;
    }

    .rtl .closeFilter {
        right: auto;
        left: 20px;
    }

    .rtl .filter-attributes-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .responsive_filter .layered-filter-wrapper_responsive {
        padding-top: 40px !important;
        padding: 20px;
    }

    .responsive_filter .layered-filter-wrapper_responsive .cursor-pointer {
        text-align: left !important;
    }

    .filter_responsive_btn {
        position: fixed;
        background-color: white;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        left: auto;
        right: 20px;
        bottom: 20px;
        z-index: 9;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
    }

    .rtl .filter_responsive_btn {
        left: 20px;
        right: auto;
    }

    .filter_responsive_btn img {
        width: 17px;
    }

    .closeFilter {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    /* end responsive_filter */
    .max-sm-img-dimention {
        max-width: 110px;
        max-height: 110px;
    }

    .max-sm-img-dimention img {
        width: 100%;
        height: 100%;
        object-fit: cover;

    }

    .max-width {
        width: 1440px !important;
        margin: 0 auto !important;
    }

    .styled-select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .styled-select+.select-icon-container {
        position: relative;
        color: #FFF    }

    .styled-select+.select-icon-container .select-icon {
        top: -30px;
        left: unset;
        right: 10px;
        font-size: 16px;
        position: absolute;
        pointer-events: none;
    }

    .down-arrow-container {
        position: relative;
        color: rgba(0, 0, 0, 0.83);
        vertical-align: top;
        display: inline-block;
    }

    .down-arrow-container .rango-arrow-down {
        top: 10px;
        left: -5px;
        font-size: 16px;
        position: absolute;
    }

    .select-icon {
        top: 5px;
        left: -7px;
        font-size: 16px;
        position: relative;
    }

    .normal-text {
        color: #141516;
    }

    .normal-white-text {
        color: hsla(0, 0%, 100%, 0.83);
    }

    .display-table {
        display: table;
    }

    .display-table .cell {
        display: table-cell;
        vertical-align: middle;
    }

    .filter-bg {

        border: 1px solid #DEDEDE;
    }

    .account-content .account-layout .account-table-content #datagrid-filters~table.table tbody tr .action .eye-icon,
    .account-content .account-layout .account-table-content .filter-row-two .filter-tag .cross-icon,
    .account-content .account-layout .bottom-toolbar .pagination .page-item.next .angle-left-icon,
    .account-content .account-layout .bottom-toolbar .pagination .page-item.next .angle-right-icon,
    .account-content .account-layout .bottom-toolbar .pagination .page-item.previous .angle-left-icon,
    .account-content .account-layout .bottom-toolbar .pagination .page-item.previous .angle-right-icon,
    .account-content .sidebar .customer-sidebar .navigation li i.icon,
    .bottom-toolbar .pagination .page-item.next .angle-left-icon,
    .bottom-toolbar .pagination .page-item.next .angle-right-icon,
    .bottom-toolbar .pagination .page-item.previous .angle-left-icon,
    .bottom-toolbar .pagination .page-item.previous .angle-right-icon,
    .rango-default {
        speak: none;
        line-height: 1;
        font-style: normal;
        font-weight: 400;
        text-transform: none;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        font-family: Webkul Rango !important;
    }

    .max-height-350 {
        max-height: 350px;
    }

    .border-normal {
        border: 1px solid #dcdcdc;
    }

    .has-error input,
    .has-error select,
    .has-error textarea {
        border-color: #f05153 !important;
    }

    .modal-parent {
        width: 100%;
        height: 100%;
        z-index: 5000;
        position: fixed;
        background: hsla(0, 0%, 100%, 0.9);
    }

    .compare-icon,
    .wishlist-icon {
        height: 38px;
        display: table;
        cursor: pointer;
        margin-left: 10px;
    }

    .rtl .compare-icon,
    .rtl .wishlist-icon {
        margin-left: 10px;
        margin-right: 0px;
    }

    .compare-icon i,
    .wishlist-icon i {
        display: table-cell;
        vertical-align: middle;
        background: #FFF;
        padding: 5px;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        min-width: 35px;
        max-height: 35px;
        display: block;
        box-shadow: 0px 0px 6px rgb(97 97 97 / 20%);
    }

    .product-detail {
        padding-top: 20px;
        margin-bottom: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .product-detail .magnifier>img {
        max-width: 100%;
        min-height: 450px;
        max-height: 530px;
    }

    .product-detail .right>div.attributes .attribute {
        margin-bottom: 20px;
    }

    .product-detail .right>div.attributes .attribute:last-child {
        margin-bottom: 30px;
    }

    .product-detail .right .category-breadcrumb {
        margin-left: 0;
        padding: 0 15px;
    }

    .product-detail .right .reviews {
        vertical-align: top;
    }

    .product-detail .right .reviews>div {
        display: inline-block;
    }

    .product-detail .right .info>h2,
    .product-detail .right .info div {
        padding-left: 0;
        color: #000;
        padding-right: 0 !important;
    }

    .product-detail .right .info>* {
        margin-bottom: 10px;
    }

    .product-detail .right .info .availability button {
        border: none;
        color: #FFF;
        font-weight: 600;
        cursor: default;
        padding: 2px 11px;
        background: #f05153;
    }

    .product-detail .right .info .availability button.active {
        background: #4d7ea8;
    }

    .product-detail .right .options .box {
        width: 32px;
        height: 32px;
        display: inline-block;
        background-color: #CCC;
    }

    .rtl .checkbox>input:checked+span::before {
        left: auto;
        right: -20px;
    }

    .product-detail .right h3 {
        margin-bottom: 0;
    }

    .rtl .checkbox {
        text-align: right;
    }

    .product-detail .right .row.reviews .reviews-text {
        line-height: 3rem;
    }

    .product-detail .right .add-to-cart-btn {
        padding: 0;
    }

    /* .add-to-cart-btn button {
    background: #000 !important;
    border-radius: 50% !important;
    } */
    .product-detail .right .add-to-cart-btn button {
        text-transform: uppercase;
        padding: 7px 15px !important;
        background: #363636 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 10px #F3C2031A;
        border-radius: 3px;
        height: 45px;
        width: 130px;
        opacity: 1;
        color: #FFF !important;
        font-size: 15px;
        font-weight: 300 !important;
    }

    .product-detail .right .add-to-cart-btn button span {
        top: 0;
        font-size: 16px;
    }

    .product-detail .right .product-price .sticker {
        display: none;
    }

    .product-detail .right .quantity {
        width: unset;
    }

    .product-detail .right .form-group label {
        display: block;
    }

    .product-detail .right .form-group .radio {
        margin-right: 10px;
    }

    .product-detail .right .form-group .radio input[type="radio"] {
        margin-left: 0;
        position: static;
    }

    .product-detail .right .form-group .radio .radio-view {
        display: none;
    }

    .product-detail .thumb-list {
        left: 15px;
        z-index: 99;
        padding: 0;
        overflow: hidden;
        margin-top: 10px;
        position: relative;
    }

    .product-detail .thumb-list .arrow {
        left: 0;
        height: 100%;
        z-index: 1001;
        opacity: 0.5;
        margin-top: 5px;
        cursor: pointer;
        position: absolute;
        line-height: 13em;
        background: #dcdcdc;
    }

    .product-detail .thumb-list .arrow.right {
        right: 0;
        left: unset;
        line-height: 13rem;
    }

    .product-detail .thumb-list .thumb-frame {
        padding: 1px;
        border: 1px solid transparent;
    }

    .product-detail .thumb-list .thumb-frame.active {
        border: 1px solid #26a37c;
    }

    .product-detail .thumb-list .small-card-container .thumb-frame>.product-image,
    .product-detail .thumb-list .thumb-frame>.bg-image,
    .small-card-container .product-detail .thumb-list .thumb-frame>.product-image {
        width: 100%;
        height: 110px;
        background-size: 100% 100%;
        background-position-y: center;
    }

    .product-detail .product-actions>div {
        display: inline-block;
    }

    .product-detail .product-actions>div .add-to-cart-btn {
        float: left;
    }

    .product-detail .product-actions>div .compare-icon,
    .product-detail .product-actions>div .wishlist-icon {
        height: 46px;
        margin-left: 0;
        padding-left: 10px;
        max-height: 35px;
    }


    .product-detail .product-actions>div .compare-icon i,
    .product-detail .product-actions>div .wishlist-icon i {
        display: table-cell;
        vertical-align: middle;
        border-radius: 50%;
    }

    .custome_product_action .wishlist-icon i {
        border-radius: 3px !important;
        height: 45px;
        min-width: 45px;
        border: 1px solid #DEDEDE;
        box-shadow: none;
    }

    .custome_product_action .whishlist_p {
        margin: 0 !important;
    }

    .wishlist_holder .whishlist_p {
        margin: 0 !important;
    }

    .product-detail .product-actions>div .compare-icon {
        display: inline-table;
    }

    .product-detail .product-actions>div .wishlist-icon {
        float: right;
    }

    .product-detail #product-form,
    .product-detail .layouter {
        height: 100%;
    }

    .product-detail #product-form .form-container {
        height: 100%;
        position: relative;
    }

    .product-detail #product-form .form-container>.left {
        top: 60px;
        padding: 0;
        position: -webkit-sticky;
        position: sticky;
    }

    .product-detail #product-form .form-container>.left .product-image-group>div {
        margin: 0;
        padding: 0;
    }

    .product-detail #product-form .form-container .right .swatch-container {
        margin-top: 10px;
        display: inline-block;
    }

    .product-detail #product-form .form-container .right .swatch-container .swatch {
        display: inline-block;
        margin-right: 5px;
        min-width: 30px;
        height: 30px;
    }

    .product-detail #product-form .form-container .right .swatch-container .swatch span {
        min-width: 70px;
        height: 30px;
        float: left;
        border: 1px solid #c7c7c7;
        border-radius: 3px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        padding: 0 10px;
        font-weight: 500;
        font-size: 12px;
        background-color: #E6E6E6;
        color: #131313    }

    .product-detail #product-form .form-container .right .swatch-container .swatch span:empty {
        min-width: 38px;
        height: 38px;
        float: left;
        border: 1px solid #c7c7c7;
        border-radius: 50% !important;
        line-height: 36px;
        text-align: center;
        cursor: pointer;
        padding: 0 10px;
    }

    .product-detail #product-form .form-container .right .swatch-container .swatch img {
        width: 38px;
        height: 38px;
        border: 1px solid #c7c7c7;
        border-radius: 3px;
        cursor: pointer;
        background: #f2f2f2;
    }

    .product-detail #product-form .form-container .right .swatch-container .swatch input:checked+img,
    .product-detail #product-form .form-container .right .swatch-container .swatch input:checked+span {
        border: 1px solid #242424;
    }

    .product-detail #product-form .form-container .right .swatch-container .swatch input:checked+span {
        border: 1px solid #71BF44;
        color: #71BF44;
    }

    .product-detail #product-form .form-container .right .swatch-container .swatch input:checked+span:empty {
        border: 1px solid #000;
    }

    .product-detail #product-form .form-container .right .swatch-container .swatch input {
        display: none;
    }

    .product-detail #product-form .form-container .right .swatch-container .no-options {
        color: #fb3949;
    }

    .product-detail .accordian.active .accordian-header {
        padding-bottom: 0;
    }

    .product-detail .full-description {
        font-size: 14px;
    }

    .catr_value {
        background: #E6E6E6;
        padding: 5px 15px;
        display: inline-block;
        border-radius: 5px;
        color: #000;
        margin: 5px 5px 0 0px
    }

    .product-detail .full-specifications tr td:first-child {
        width: 100px;
        white-space: nowrap;
        font-family: cairo !important;
    }

    .catr_holder {
        display: flex;
        flex-direction: column;
    }

    .product-detail select[disabled="disabled"] {
        cursor: not-allowed;
        border-color: #dcdcdc;
        background-color: #dcdcdc;
    }

    .store-meta-images {
        margin-top: 20px;
    }

    .store-meta-images img {
        width: 100%;
        height: 100%;
        max-height: 300px;
    }

    .related-products {
        margin-bottom: 60px;
    }

    .vc-small-screen {
        display: none !important;
    }

    .paddingright35 {
        padding-right: 35px !important;
    }

    .social_footer_holder .newsletter-wrapper {
        justify-content: end;
    }

    .newsletter-subscription-width {
        width: 100% !important;
    }

    @media (min-width: 992px) {
        body.rtl .badge-container {
    top: -4px;
    right: -5px;
}
        body.rtl .card-body .rango-close {
            transform: rotate(0deg);
        }

        .advertisement-two-container a:not([href]):not([tabindex]) {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .footer .footer-content .newsletter-subscription .newsletter-wrapper input.subscribe-field {
            min-width: 71%;
        }

    }

    .newsletter-wrapper {
        padding: 0 !important;
    }

    .follow_us_holder {
        padding: 0 !important;

    }

    body.rtl .pl5 {
        padding-left: 0px !important;
        padding-right: 5px !important;

    }

    body.rtl .footer .footer-content .footer-statics .software-description {
        padding-left: 15px;
        padding-right: 0;
    }

    .lang_holder_responsive {
        background: #FAFAFA;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        padding: 10px;
    }

    .lang_holder_responsive .language-logo-wrapper img {
        width: 20px;
    }

    .lang_holder_responsive span {
        margin: 0 10px;
    }

    .languages_wrapper_responsive {
        background: #FFF;
        position: absolute;
        right: 0;
        left: 0;
        top: 113px;
        z-index: 1;
        box-shadow: 0 3px 6px rgb(151 161 160 / 16%);

    }

    .authHolder {
        background: #FFF;
        position: absolute;
        right: 0;
        left: 0;
        top: 72px;
        z-index: 1;
        box-shadow: 0 3px 6px rgb(151 161 160 / 16%);
    }

    .authHolder li {
        padding: 15px;
    }

    .authHolder li span {
        color: #000;
        padding: 0 !important;
    }

    .languages_wrapper_responsive li {
        padding: 15px;
    }

    .languages_wrapper_responsive li a {
        display: flex;
        align-items: center;
    }

    .hamburger-wrapper_responsive {
        display: flex;
        align-items: center;
    }



    body.rtl {
        text-align: right;
    }

    body.rtl header #search-form .btn-group select,
    body.rtl header #search-form .quantity select {
        border-left: 0;
        direction: rtl;
    }

    body.rtl header #search-form .btn-group .selectdiv .select-icon,
    body.rtl header #search-form .quantity .selectdiv .select-icon {
        left: 8px;
        right: auto;
    }

    body.rtl header.sticky-header img {
        float: right;
    }

    body.rtl .main-content-wrapper .main-category {
        text-align: right;
    }

    body.rtl .main-content-wrapper .main-category i {
        float: right;
        margin-left: 10px;
    }

    body.rtl .mini-cart-container #mini-cart .badge {
        top: -14px;
        right: -38px;
    }

    body.rtl .mini-cart-container #mini-cart .cart-text {
        left: 24px;
        vertical-align: top;
    }

    body.rtl .form-container .container .heading h2 {
        float: right;
    }

    body.rtl .form-container .container .heading a {
        float: left;
    }

    .maxHeight {
        max-height: 250px !important;
    }


    body.rtl .footer .footer-content .newsletter-subscription .newsletter-wrapper input.subscribe-field {
        margin-left: 18px;
        margin-right: 0;
        position: relative;
    }

    body.rtl #top #account .welcome-content i {
        text-align: left;
    }

    body.rtl #top #account+.account-modal {
        left: 0;
        right: -135px;
        margin-left: 0;
    }

    .product-card-new .wishlist-icon {
        position: absolute;
        top: 0px;
        right: 9px;
        z-index: 1;
    }

    .rtl .product-card-new .wishlist-icon {
        left: 9px;
        right: auto;
    }

    body.rtl #top .locale-icon~.select-icon-container {
        right: 20px;
    }

    body.rtl #cart-modal-content {
        left: 0;
    }

    body.rtl .category-list-container .sub-categories {
        left: -100%;
    }

    body.rtl .category-list-container li a {
        padding: 7px 15px 5px;
    }

    body.rtl .filters-container .view-mode>div {
        padding-right: 6px;
    }

    body.rtl .filters-container .toolbar-wrapper>div label {
        margin-right: 0;
        margin-left: 10px;
    }

    body.rtl .filter-attributes-content {
        margin-left: 7px;
        margin-right: 0;
    }

    body.rtl .filter-attributes-item input[type="checkbox"]+span {
        margin-right: 10px;
    }

    body.rtl .filter-attributes-item .filter-input {
        margin-right: 0;
    }

    body.rtl .product-card-new .card-body .cart-wish-wrap {
        margin-right: 0 !important;
    }

    body.rtl .product-card-new .card-body .cart-wish-wrap .add-to-cart-btn {
        padding-left: 35px !important;
    }


    body.rtl .product-card-new .card-body .product-name {
        width: 80%;
    }

    body.rtl .account-content .account-layout.right {
        width: calc(100% - 20px);
        /* padding-right: 250px !important; */
    }

    body.rtl .account-content .account-layout .account-table-content .address-holder>div {
        padding-right: 0;
        padding-left: 15px;
    }

    body.rtl .account-content .sidebar .customer-sidebar {
        border-left: 1px solid #E6E6E6;
    }

    body.rtl .account-content .sidebar .customer-sidebar .navigation li i.icon {
        padding-right: 0;
        padding-left: 5px;
    }

    body.rtl .product-detail .right .info {
        margin-right: 0;
    }

    body.rtl .product-detail .right .info>h2,
    body.rtl .product-detail .right .info div {
        padding-right: 0;
        padding-left: 50px;
    }

    body.rtl .product-detail .thumb-list {
        left: 0;
        margin-right: 0;
    }

    body.rtl .product-detail .wishlist-icon {
        padding-right: 10px;
    }

    body.rtl .text-right {
        text-align: left !important;
    }

    body.rtl .text-left {
        text-align: right !important;
    }

    body.rtl .pl0 {
        padding-right: 0 !important;
    }

    body.rtl .pl10 {
        padding-right: 10px !important;
    }

    body.rtl .rango-arrow-right:before {
        content: "\E907";
    }

    body.rtl .styled-select+.select-icon-container .select-icon {
        left: 6px;
        right: unset;
    }

    body.rtl .ml15 {
        margin-right: 15px !important;
    }

    @font-face {
        font-family: Material Icons;
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
        font-display: swap;
    }

    @font-face {
        font-family: Material Icons Outlined;
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v14/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format("woff2");
        font-display: swap;
    }

    @font-face {
        font-family: Material Icons Round;
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/materialiconsround/v14/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format("woff2");
        font-display: swap;
    }

    @font-face {
        font-family: Material Icons Sharp;
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/materialiconssharp/v15/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvR.woff2) format("woff2");
        font-display: swap;
    }

    @font-face {
        font-family: Material Icons Two Tone;
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/materialiconstwotone/v13/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0.woff2) format("woff2");
        font-display: swap;
    }

    .material-icons {
        font-family: Material Icons;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
    }

    .material-icons,
    .material-icons-outlined {
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
    }

    .material-icons-outlined {
        font-family: Material Icons Outlined;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
    }

    .material-icons-round {
        font-family: Material Icons Round;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
    }

    .material-icons-round,
    .material-icons-sharp {
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
    }

    .material-icons-sharp {
        font-family: Material Icons Sharp;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
    }

    .material-icons-two-tone {
        font-family: Material Icons Two Tone;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
    }

    /*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
    /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    html {
        font-family: 'Poppins-normal' !important;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        overflow-x: hidden !important;
    }

    .mdl-js {
        overflow-x: hidden !important;
    }

    input:-moz-placeholder {
        font-family: 'Poppins-normal'
    }

    input:-ms-input-placeholder {
        font-family: 'Poppins-normal'

    }

    input::-webkit-input-placeholder {
        font-family: 'Poppins-normal'

    }

    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline;
    }

    audio:not([controls]) {
        display: none;
        height: 0;
    }

    [hidden],
    template {
        display: none;
    }

    a {
        background-color: transparent;
    }

    a:active,
    a:hover {
        outline: 0;
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }

    b,
    strong {
        font-weight: 700;
    }

    dfn {
        font-style: italic;
    }

    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }


    small {
        font-size: 80%;
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup {
        top: -0.5em;
    }

    sub {
        bottom: -0.25em;
    }

    img {
        border: 0;
    }

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

    figure {
        margin: 1em 40px;
    }

    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
    }

    pre {
        overflow: auto;
    }

    code,
    kbd,
    pre,
    samp {
        /* font-family: monospace, monospace; */
        font-size: 1em;
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0;
    }

    button {
        overflow: visible;
    }

    button,
    select {
        text-transform: none;
    }

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    input {
        line-height: normal;
    }

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
    }

    textarea {
        overflow: auto;
    }

    optgroup {
        font-weight: 700;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    td,
    th {
        padding: 0;
    }

    /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */


    @font-face {
        font-family: Glyphicons Halflings;
        src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
        src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"),
            url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"),
            url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
        font-display: swap;
    }

    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: Glyphicons Halflings;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .glyphicon-asterisk:before {
        content: "*";
    }

    .glyphicon-plus:before {
        content: "+";
    }

    .glyphicon-eur:before,
    .glyphicon-euro:before {
        content: "\20AC";
    }

    .glyphicon-minus:before {
        content: "\2212";
    }

    .glyphicon-cloud:before {
        content: "\2601";
    }

    .glyphicon-envelope:before {
        content: "\2709";
    }

    .glyphicon-pencil:before {
        content: "\270F";
    }

    .glyphicon-glass:before {
        content: "\E001";
    }

    .glyphicon-music:before {
        content: "\E002";
    }

    .glyphicon-search:before {
        content: "\E003";
    }

    .glyphicon-heart:before {
        content: "\E005";
    }

    .glyphicon-star:before {
        content: "\E006";
    }

    .glyphicon-star-empty:before {
        content: "\E007";
    }

    .glyphicon-user:before {
        content: "\E008";
    }

    .glyphicon-film:before {
        content: "\E009";
    }

    .glyphicon-th-large:before {
        content: "\E010";
    }

    .glyphicon-th:before {
        content: "\E011";
    }

    .glyphicon-th-list:before {
        content: "\E012";
    }

    .glyphicon-ok:before {
        content: "\E013";
    }

    .glyphicon-remove:before {
        content: "\E014";
    }

    .glyphicon-zoom-in:before {
        content: "\E015";
    }

    .glyphicon-zoom-out:before {
        content: "\E016";
    }

    .glyphicon-off:before {
        content: "\E017";
    }

    .glyphicon-signal:before {
        content: "\E018";
    }

    .glyphicon-cog:before {
        content: "\E019";
    }

    .glyphicon-trash:before {
        content: "\E020";
    }

    .glyphicon-home:before {
        content: "\E021";
    }

    .glyphicon-file:before {
        content: "\E022";
    }

    .glyphicon-time:before {
        content: "\E023";
    }

    .glyphicon-road:before {
        content: "\E024";
    }

    .glyphicon-download-alt:before {
        content: "\E025";
    }

    .glyphicon-download:before {
        content: "\E026";
    }

    .glyphicon-upload:before {
        content: "\E027";
    }

    .glyphicon-inbox:before {
        content: "\E028";
    }

    .glyphicon-play-circle:before {
        content: "\E029";
    }

    .glyphicon-repeat:before {
        content: "\E030";
    }

    .glyphicon-refresh:before {
        content: "\E031";
    }

    .glyphicon-list-alt:before {
        content: "\E032";
    }

    .glyphicon-lock:before {
        content: "\E033";
    }

    .glyphicon-flag:before {
        content: "\E034";
    }

    .glyphicon-headphones:before {
        content: "\E035";
    }

    .glyphicon-volume-off:before {
        content: "\E036";
    }

    .glyphicon-volume-down:before {
        content: "\E037";
    }

    .glyphicon-volume-up:before {
        content: "\E038";
    }

    .glyphicon-qrcode:before {
        content: "\E039";
    }

    .glyphicon-barcode:before {
        content: "\E040";
    }

    .glyphicon-tag:before {
        content: "\E041";
    }

    .glyphicon-tags:before {
        content: "\E042";
    }

    .glyphicon-book:before {
        content: "\E043";
    }

    .glyphicon-bookmark:before {
        content: "\E044";
    }

    .glyphicon-print:before {
        content: "\E045";
    }

    .glyphicon-camera:before {
        content: "\E046";
    }

    .glyphicon-font:before {
        content: "\E047";
    }

    .glyphicon-bold:before {
        content: "\E048";
    }

    .glyphicon-italic:before {
        content: "\E049";
    }

    .glyphicon-text-height:before {
        content: "\E050";
    }

    .glyphicon-text-width:before {
        content: "\E051";
    }

    .glyphicon-align-left:before {
        content: "\E052";
    }

    .glyphicon-align-center:before {
        content: "\E053";
    }

    .glyphicon-align-right:before {
        content: "\E054";
    }

    .glyphicon-align-justify:before {
        content: "\E055";
    }

    .glyphicon-list:before {
        content: "\E056";
    }

    .glyphicon-indent-left:before {
        content: "\E057";
    }

    .glyphicon-indent-right:before {
        content: "\E058";
    }

    .glyphicon-facetime-video:before {
        content: "\E059";
    }

    .glyphicon-picture:before {
        content: "\E060";
    }

    .glyphicon-map-marker:before {
        content: "\E062";
    }

    .glyphicon-adjust:before {
        content: "\E063";
    }

    .glyphicon-tint:before {
        content: "\E064";
    }

    .glyphicon-edit:before {
        content: "\E065";
    }

    .glyphicon-share:before {
        content: "\E066";
    }

    .glyphicon-check:before {
        content: "\E067";
    }

    .glyphicon-move:before {
        content: "\E068";
    }

    .glyphicon-step-backward:before {
        content: "\E069";
    }

    .glyphicon-fast-backward:before {
        content: "\E070";
    }

    .glyphicon-backward:before {
        content: "\E071";
    }

    .glyphicon-play:before {
        content: "\E072";
    }

    .glyphicon-pause:before {
        content: "\E073";
    }

    .glyphicon-stop:before {
        content: "\E074";
    }

    .glyphicon-forward:before {
        content: "\E075";
    }

    .glyphicon-fast-forward:before {
        content: "\E076";
    }

    .glyphicon-step-forward:before {
        content: "\E077";
    }

    .glyphicon-eject:before {
        content: "\E078";
    }

    .glyphicon-chevron-left:before {
        content: "\E079";
    }

    .glyphicon-chevron-right:before {
        content: "\E080";
    }

    .glyphicon-plus-sign:before {
        content: "\E081";
    }

    .glyphicon-minus-sign:before {
        content: "\E082";
    }

    .glyphicon-remove-sign:before {
        content: "\E083";
    }

    .glyphicon-ok-sign:before {
        content: "\E084";
    }

    .glyphicon-question-sign:before {
        content: "\E085";
    }

    .glyphicon-info-sign:before {
        content: "\E086";
    }

    .glyphicon-screenshot:before {
        content: "\E087";
    }

    .glyphicon-remove-circle:before {
        content: "\E088";
    }

    .glyphicon-ok-circle:before {
        content: "\E089";
    }

    .glyphicon-ban-circle:before {
        content: "\E090";
    }

    .glyphicon-arrow-left:before {
        content: "\E091";
    }

    .glyphicon-arrow-right:before {
        content: "\E092";
    }

    .glyphicon-arrow-up:before {
        content: "\E093";
    }

    .glyphicon-arrow-down:before {
        content: "\E094";
    }

    .glyphicon-share-alt:before {
        content: "\E095";
    }

    .glyphicon-resize-full:before {
        content: "\E096";
    }

    .glyphicon-resize-small:before {
        content: "\E097";
    }

    .glyphicon-exclamation-sign:before {
        content: "\E101";
    }

    .glyphicon-gift:before {
        content: "\E102";
    }

    .glyphicon-leaf:before {
        content: "\E103";
    }

    .glyphicon-fire:before {
        content: "\E104";
    }

    .glyphicon-eye-open:before {
        content: "\E105";
    }

    .glyphicon-eye-close:before {
        content: "\E106";
    }

    .glyphicon-warning-sign:before {
        content: "\E107";
    }

    .glyphicon-plane:before {
        content: "\E108";
    }

    .glyphicon-calendar:before {
        content: "\E109";
    }

    .glyphicon-random:before {
        content: "\E110";
    }

    .glyphicon-comment:before {
        content: "\E111";
    }

    .glyphicon-magnet:before {
        content: "\E112";
    }

    .glyphicon-chevron-up:before {
        content: "\E113";
    }

    .glyphicon-chevron-down:before {
        content: "\E114";
    }

    .glyphicon-retweet:before {
        content: "\E115";
    }

    .glyphicon-shopping-cart:before {
        content: "\E116";
    }

    .glyphicon-folder-close:before {
        content: "\E117";
    }

    .glyphicon-folder-open:before {
        content: "\E118";
    }

    .glyphicon-resize-vertical:before {
        content: "\E119";
    }

    .glyphicon-resize-horizontal:before {
        content: "\E120";
    }

    .glyphicon-hdd:before {
        content: "\E121";
    }

    .glyphicon-bullhorn:before {
        content: "\E122";
    }

    .glyphicon-bell:before {
        content: "\E123";
    }

    .glyphicon-certificate:before {
        content: "\E124";
    }

    .glyphicon-thumbs-up:before {
        content: "\E125";
    }

    .glyphicon-thumbs-down:before {
        content: "\E126";
    }

    .glyphicon-hand-right:before {
        content: "\E127";
    }

    .glyphicon-hand-left:before {
        content: "\E128";
    }

    .glyphicon-hand-up:before {
        content: "\E129";
    }

    .glyphicon-hand-down:before {
        content: "\E130";
    }

    .glyphicon-circle-arrow-right:before {
        content: "\E131";
    }

    .glyphicon-circle-arrow-left:before {
        content: "\E132";
    }

    .glyphicon-circle-arrow-up:before {
        content: "\E133";
    }

    .glyphicon-circle-arrow-down:before {
        content: "\E134";
    }

    .glyphicon-globe:before {
        content: "\E135";
    }

    .glyphicon-wrench:before {
        content: "\E136";
    }

    .glyphicon-tasks:before {
        content: "\E137";
    }

    .glyphicon-filter:before {
        content: "\E138";
    }

    .glyphicon-briefcase:before {
        content: "\E139";
    }

    .glyphicon-fullscreen:before {
        content: "\E140";
    }

    .glyphicon-dashboard:before {
        content: "\E141";
    }

    .glyphicon-paperclip:before {
        content: "\E142";
    }

    .glyphicon-heart-empty:before {
        content: "\E143";
    }

    .glyphicon-link:before {
        content: "\E144";
    }

    .glyphicon-phone:before {
        content: "\E145";
    }

    .glyphicon-pushpin:before {
        content: "\E146";
    }

    .glyphicon-usd:before {
        content: "\E148";
    }

    .glyphicon-gbp:before {
        content: "\E149";
    }

    .glyphicon-sort:before {
        content: "\E150";
    }

    .glyphicon-sort-by-alphabet:before {
        content: "\E151";
    }

    .glyphicon-sort-by-alphabet-alt:before {
        content: "\E152";
    }

    .glyphicon-sort-by-order:before {
        content: "\E153";
    }

    .glyphicon-sort-by-order-alt:before {
        content: "\E154";
    }

    .glyphicon-sort-by-attributes:before {
        content: "\E155";
    }

    .glyphicon-sort-by-attributes-alt:before {
        content: "\E156";
    }

    .glyphicon-unchecked:before {
        content: "\E157";
    }

    .glyphicon-expand:before {
        content: "\E158";
    }

    .glyphicon-collapse-down:before {
        content: "\E159";
    }

    .glyphicon-collapse-up:before {
        content: "\E160";
    }

    .glyphicon-log-in:before {
        content: "\E161";
    }

    .glyphicon-flash:before {
        content: "\E162";
    }

    .glyphicon-log-out:before {
        content: "\E163";
    }

    .glyphicon-new-window:before {
        content: "\E164";
    }

    .glyphicon-record:before {
        content: "\E165";
    }

    .glyphicon-save:before {
        content: "\E166";
    }

    .glyphicon-open:before {
        content: "\E167";
    }

    .glyphicon-saved:before {
        content: "\E168";
    }

    .glyphicon-import:before {
        content: "\E169";
    }

    .glyphicon-export:before {
        content: "\E170";
    }

    .glyphicon-send:before {
        content: "\E171";
    }

    .glyphicon-floppy-disk:before {
        content: "\E172";
    }

    .glyphicon-floppy-saved:before {
        content: "\E173";
    }

    .glyphicon-floppy-remove:before {
        content: "\E174";
    }

    .bluedownload {
        color: #493EEF;
        text-decoration: underline !important;
        display: flex;
        align-items: flex-start;
        font-weight: 600;
        text-transform: capitalize;
    }

    .bluedownload img {
        margin-right: 3px;
    }

    .glyphicon-floppy-save:before {
        content: "\E175";
    }

    .glyphicon-floppy-open:before {
        content: "\E176";
    }

    .glyphicon-credit-card:before {
        content: "\E177";
    }

    .glyphicon-transfer:before {
        content: "\E178";
    }

    .glyphicon-cutlery:before {
        content: "\E179";
    }

    .glyphicon-header:before {
        content: "\E180";
    }

    .glyphicon-compressed:before {
        content: "\E181";
    }

    .glyphicon-earphone:before {
        content: "\E182";
    }

    .glyphicon-phone-alt:before {
        content: "\E183";
    }

    .glyphicon-tower:before {
        content: "\E184";
    }

    .glyphicon-stats:before {
        content: "\E185";
    }

    .glyphicon-sd-video:before {
        content: "\E186";
    }

    .glyphicon-hd-video:before {
        content: "\E187";
    }

    .glyphicon-subtitles:before {
        content: "\E188";
    }

    .glyphicon-sound-stereo:before {
        content: "\E189";
    }

    .glyphicon-sound-dolby:before {
        content: "\E190";
    }

    .glyphicon-sound-5-1:before {
        content: "\E191";
    }

    .glyphicon-sound-6-1:before {
        content: "\E192";
    }

    .glyphicon-sound-7-1:before {
        content: "\E193";
    }

    .glyphicon-copyright-mark:before {
        content: "\E194";
    }

    .glyphicon-registration-mark:before {
        content: "\E195";
    }

    .glyphicon-cloud-download:before {
        content: "\E197";
    }

    .glyphicon-cloud-upload:before {
        content: "\E198";
    }

    .glyphicon-tree-conifer:before {
        content: "\E199";
    }

    .glyphicon-tree-deciduous:before {
        content: "\E200";
    }

    .glyphicon-cd:before {
        content: "\E201";
    }

    .glyphicon-save-file:before {
        content: "\E202";
    }

    .glyphicon-open-file:before {
        content: "\E203";
    }

    .glyphicon-level-up:before {
        content: "\E204";
    }

    .glyphicon-copy:before {
        content: "\E205";
    }

    .glyphicon-paste:before {
        content: "\E206";
    }

    .glyphicon-alert:before {
        content: "\E209";
    }

    .glyphicon-equalizer:before {
        content: "\E210";
    }

    .glyphicon-king:before {
        content: "\E211";
    }

    .glyphicon-queen:before {
        content: "\E212";
    }

    .glyphicon-pawn:before {
        content: "\E213";
    }

    .glyphicon-bishop:before {
        content: "\E214";
    }

    .glyphicon-knight:before {
        content: "\E215";
    }

    .glyphicon-baby-formula:before {
        content: "\E216";
    }

    .glyphicon-tent:before {
        content: "\26FA";
    }

    .glyphicon-blackboard:before {
        content: "\E218";
    }

    .glyphicon-bed:before {
        content: "\E219";
    }

    .glyphicon-apple:before {
        content: "\F8FF";
    }

    .glyphicon-erase:before {
        content: "\E221";
    }

    .glyphicon-hourglass:before {
        content: "\231B";
    }

    .glyphicon-lamp:before {
        content: "\E223";
    }

    .glyphicon-duplicate:before {
        content: "\E224";
    }

    .glyphicon-piggy-bank:before {
        content: "\E225";
    }

    .glyphicon-scissors:before {
        content: "\E226";
    }

    .glyphicon-bitcoin:before,
    .glyphicon-btc:before,
    .glyphicon-xbt:before {
        content: "\E227";
    }

    .glyphicon-jpy:before,
    .glyphicon-yen:before {
        content: "\A5";
    }

    .glyphicon-rub:before,
    .glyphicon-ruble:before {
        content: "\20BD";
    }

    .glyphicon-scale:before {
        content: "\E230";
    }

    .glyphicon-ice-lolly:before {
        content: "\E231";
    }

    .glyphicon-ice-lolly-tasted:before {
        content: "\E232";
    }

    .glyphicon-education:before {
        content: "\E233";
    }

    .glyphicon-option-horizontal:before {
        content: "\E234";
    }

    .glyphicon-option-vertical:before {
        content: "\E235";
    }

    .glyphicon-menu-hamburger:before {
        content: "\E236";
    }

    .glyphicon-modal-window:before {
        content: "\E237";
    }

    .glyphicon-oil:before {
        content: "\E238";
    }

    .glyphicon-grain:before {
        content: "\E239";
    }

    .glyphicon-sunglasses:before {
        content: "\E240";
    }

    .glyphicon-text-size:before {
        content: "\E241";
    }

    .glyphicon-text-color:before {
        content: "\E242";
    }

    .glyphicon-text-background:before {
        content: "\E243";
    }

    .glyphicon-object-align-top:before {
        content: "\E244";
    }

    .glyphicon-object-align-bottom:before {
        content: "\E245";
    }

    .glyphicon-object-align-horizontal:before {
        content: "\E246";
    }

    .glyphicon-object-align-left:before {
        content: "\E247";
    }

    .glyphicon-object-align-vertical:before {
        content: "\E248";
    }

    .glyphicon-object-align-right:before {
        content: "\E249";
    }

    .glyphicon-triangle-right:before {
        content: "\E250";
    }

    .glyphicon-triangle-left:before {
        content: "\E251";
    }

    .glyphicon-triangle-bottom:before {
        content: "\E252";
    }

    .glyphicon-triangle-top:before {
        content: "\E253";
    }

    .glyphicon-console:before {
        content: "\E254";
    }

    .glyphicon-superscript:before {
        content: "\E255";
    }

    .glyphicon-subscript:before {
        content: "\E256";
    }

    .glyphicon-menu-left:before {
        content: "\E257";
    }

    .glyphicon-menu-right:before {
        content: "\E258";
    }

    .glyphicon-menu-down:before {
        content: "\E259";
    }

    .glyphicon-menu-up:before {
        content: "\E260";
    }

    *,
    :after,
    :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    body {
        font-family: 'Poppins-normal' !important;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #FFF;
    }

    button,
    input,
    select,
    textarea {
        /* font-family: inherit; */
        font-size: inherit;
        line-height: inherit;
    }

    a {
        color: #4d7ea8;
        text-decoration: none;
    }

    a:focus,
    a:hover {
        color: #355774;
        text-decoration: underline;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    figure {
        margin: 0;
    }

    img {
        vertical-align: middle;
    }

    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .img-rounded {
        border-radius: 6px;
    }

    .img-thumbnail {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #FFF;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

    .img-circle {
        border-radius: 50%;
    }

    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
    }

    [role="button"] {
        cursor: pointer;
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        /* font-family: inherit; */
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small,
    span,
    p,
    a,
    h3,
        {
        font-weight: 400;
        line-height: 1;
        color: #777;
        font-family: 'Poppins-normal' !important;
    }

    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small {
        font-size: 65%;
    }

    .h4,
    .h5,
    .h6,
    h4,
    h5,
    h6 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-size: 75%;
    }

    .h1,
    h1 {
        font-size: 36px;
    }

    .h2,
    h2 {
        font-size: 30px;
    }

    .h3,
    h3 {
        font-size: 24px;
    }

    .h4,
    h4 {
        font-size: 18px;
    }

    .h5,
    h5 {
        font-size: 14px;
    }

    .h6,
    h6 {
        font-size: 12px;
    }

    p {
        margin: 0 0 10px;
    }

    .lead {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4;
    }



    .small,
    small {
        font-size: 85%;
    }

    .mark,
    mark {
        padding: 0.2em;
        background-color: #fcf8e3;
    }

    .text-left {
        text-align: left;
    }

    .text-right {
        text-align: right;
    }

    .text-center {
        text-align: center;
    }

    .text-justify {
        text-align: justify;
    }

    .product-card-new .product-rating,
    .text-nowrap {
        white-space: nowrap;
    }

    .text-lowercase {
        text-transform: lowercase;
    }

    .initialism,
    .text-uppercase {
        text-transform: uppercase;
    }

    .text-capitalize {
        text-transform: capitalize;
    }

    .text-muted {
        color: #777;
    }

    .text-primary {
        color: #337ab7;
    }

    a.text-primary:focus,
    a.text-primary:hover {
        color: #286090;
    }

    .text-success {
        color: #3c763d;
    }

    a.text-success:focus,
    a.text-success:hover {
        color: #2b542c;
    }

    .text-info {
        color: #31708f;
    }

    a.text-info:focus,
    a.text-info:hover {
        color: #245269;
    }

    .text-danger {
        color: #a94442;
    }

    a.text-danger:focus,
    a.text-danger:hover {
        color: #843534;
    }

    .bg-primary {
        color: #FFF;
        background-color: #337ab7;
    }

    a.bg-primary:focus,
    a.bg-primary:hover {
        background-color: #286090;
    }

    .bg-success {
        background-color: #dff0d8;
    }

    a.bg-success:focus,
    a.bg-success:hover {
        background-color: #C9E2B3;
    }

    .bg-warning {
        background-color: #fcf8e3;
    }

    a.bg-warning:focus,
    a.bg-warning:hover {
        background-color: #f7ecb5;
    }

    .bg-danger {
        background-color: #f2dede;
    }

    .page-header {
        padding-bottom: 9px;
        margin: 40px 0 20px;
        border-bottom: 1px solid #eee;
    }

    ol,
    ul {
        margin-top: 0;
        margin-bottom: 10px;
    }

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0;
    }

    .list-inline,
    .list-unstyled {
        padding-left: 0;
        list-style: none;
    }

    .list-inline {
        margin-left: -5px;
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

    dl {
        margin-top: 0;
        margin-bottom: 20px;
    }

    dd,
    dt {
        line-height: 1.42857143;
    }

    dt {
        font-weight: 700;
    }

    dd {
        margin-left: 0;
    }

    .dl-horizontal dd:after,
    .dl-horizontal dd:before {
        display: table;
        content: " ";
    }

    .dl-horizontal dd:after {
        clear: both;
    }



    abbr[data-original-title],
    abbr[title] {
        cursor: help;
    }

    .initialism {
        font-size: 90%;
    }

    blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee;
    }

    blockquote ol:last-child,
    blockquote p:last-child,
    blockquote ul:last-child {
        margin-bottom: 0;
    }

    blockquote .small,
    blockquote footer,
    blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
    }

    blockquote .small:before,
    blockquote footer:before,
    blockquote small:before {
        content: "\2014   \A0";
    }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0;
    }

    .blockquote-reverse .small:before,
    .blockquote-reverse footer:before,
    .blockquote-reverse small:before,
    blockquote.pull-right .small:before,
    blockquote.pull-right footer:before,
    blockquote.pull-right small:before {
        content: "";
    }

    .blockquote-reverse .small:after,
    .blockquote-reverse footer:after,
    .blockquote-reverse small:after,
    blockquote.pull-right .small:after,
    blockquote.pull-right footer:after,
    blockquote.pull-right small:after {
        content: "\A0   \2014";
    }

    address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143;
    }

    code,
    kbd,
    pre,
    samp {
        font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    }

    code {
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px;
    }

    code,
    kbd {
        padding: 2px 4px;
        font-size: 90%;
    }

    kbd {
        color: #FFF;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    pre {
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #333;
        word-break: break-all;
        word-wrap: break-word;
        background-color: #f5f5f5;
        border: 1px solid #CCC;
        border-radius: 4px;
    }

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll;
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .container:after,
    .container:before {
        display: table;
        content: " ";
    }

    .container:after {
        clear: both;
    }



    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .container-fluid:after,
    .container-fluid:before {
        display: table;
        content: " ";
    }

    .container-fluid:after {
        clear: both;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .row:after,
    .row:before {
        display: table;
        content: " ";
    }

    .row:after {
        clear: both;
    }

    .row-no-gutters {
        margin-right: 0;
        margin-left: 0;
    }

    .row-no-gutters [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-12 {
        width: 100%;
    }

    .col-xs-pull-0 {
        right: auto;
    }

    .col-xs-pull-1 {
        right: 8.33333333%;
    }

    .col-xs-pull-2 {
        right: 16.66666667%;
    }

    .col-xs-pull-3 {
        right: 25%;
    }

    .col-xs-pull-4 {
        right: 33.33333333%;
    }

    .col-xs-pull-5 {
        right: 41.66666667%;
    }

    .col-xs-pull-6 {
        right: 50%;
    }

    .col-xs-pull-7 {
        right: 58.33333333%;
    }

    .col-xs-pull-8 {
        right: 66.66666667%;
    }

    .col-xs-pull-9 {
        right: 75%;
    }

    .col-xs-pull-10 {
        right: 83.33333333%;
    }

    .col-xs-pull-11 {
        right: 91.66666667%;
    }

    .col-xs-pull-12 {
        right: 100%;
    }

    .col-xs-push-0 {
        left: auto;
    }

    .col-xs-push-1 {
        left: 8.33333333%;
    }

    .col-xs-push-2 {
        left: 16.66666667%;
    }

    .col-xs-push-3 {
        left: 25%;
    }

    .col-xs-push-4 {
        left: 33.33333333%;
    }

    .col-xs-push-5 {
        left: 41.66666667%;
    }

    .col-xs-push-6 {
        left: 50%;
    }

    .col-xs-push-7 {
        left: 58.33333333%;
    }

    .col-xs-push-8 {
        left: 66.66666667%;
    }

    .col-xs-push-9 {
        left: 75%;
    }

    .col-xs-push-10 {
        left: 83.33333333%;
    }

    .col-xs-push-11 {
        left: 91.66666667%;
    }

    .col-xs-push-12 {
        left: 100%;
    }

    .col-xs-offset-0 {
        margin-left: 0;
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xs-offset-3 {
        margin-left: 25%;
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xs-offset-6 {
        margin-left: 50%;
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xs-offset-9 {
        margin-left: 75%;
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xs-offset-12 {
        margin-left: 100%;
    }



    table {
        background-color: transparent;
    }

    table col[class*="col-"] {
        position: static;
        display: table-column;
        float: none;
    }

    table td[class*="col-"],
    table th[class*="col-"] {
        position: static;
        display: table-cell;
        float: none;
    }

    caption {
        padding-top: 8px;
        padding-bottom: 8px;
        color: #777;
    }

    caption,
    th {
        text-align: left;
    }

    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }


    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }


    .table>tbody+tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #FFF;
    }

    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border-bottom-width: 2px;
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

    .table-responsive {
        min-height: 0.01%;
        overflow-x: auto;
    }



    .paginate-links li.active {
        background: #ECBA5A !important;
        border: none;
        border-radius: 10px;
        margin: 0 3px;
    }

    .paginate-links li {
        background: #FFF !important;
        border: none;
        border-radius: 10px;
        margin: 0 3px;
    }

    .left-arrow,
    .right-arrow {
        background-color: #E6E6E6;
        border-radius: 10px;
    }

    fieldset {
        min-width: 0;
        margin: 0;
    }

    .order_container {
        margin-top: -64px;
    }

    fieldset,
    legend {
        padding: 0;
        border: 0;
    }

    legend {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: inherit;
        color: #333;
        border-bottom: 1px solid #E6E6E6;
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
    }

    input[type="search"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    input[type="checkbox"],
    input[type="radio"] {
        margin: 4px 0 0;
        margin-top: 1px\9;
        line-height: normal;
    }

    fieldset[disabled] input[type="checkbox"],
    fieldset[disabled] input[type="radio"],
    input[type="checkbox"].disabled,
    input[type="checkbox"][disabled],
    input[type="radio"].disabled,
    input[type="radio"][disabled] {
        cursor: not-allowed;
    }

    input[type="file"] {
        display: block;
    }

    input[type="range"] {
        display: block;
        width: 100%;
    }

    select[multiple],
    select[size] {
        height: auto;
    }

    input[type="checkbox"]:focus,
    input[type="file"]:focus,
    input[type="radio"]:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    output {
        padding-top: 7px;
    }

    .form-control,
    output {
        display: block;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
    }

    .form-control {
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        background-color: #FFF;
        background-image: none;
        border: 1px solid #CCC;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    }

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .form-control::-moz-placeholder {
        color: #A1A9C3;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #A1A9C3;
    }

    .form-control::-webkit-input-placeholder {
        color: #A1A9C3;
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

    textarea.form-control {
        height: auto;
    }



    .form-group {
        margin-bottom: 15px;
    }

    .checkbox,
    .radio {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .checkbox.disabled label,
    .radio.disabled label,
    fieldset[disabled] .checkbox label,
    fieldset[disabled] .radio label {
        cursor: not-allowed;
    }

    .checkbox label,
    .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox-inline input[type="checkbox"],
    .checkbox input[type="checkbox"],
    .radio-inline input[type="radio"],
    .radio input[type="radio"] {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -20px;
    }

    .checkbox+.checkbox,
    .radio+.radio {
        margin-top: -5px;
    }

    .checkbox-inline,
    .radio-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        vertical-align: middle;
        cursor: pointer;
    }

    .checkbox-inline.disabled,
    .radio-inline.disabled,
    fieldset[disabled] .checkbox-inline,
    fieldset[disabled] .radio-inline {
        cursor: not-allowed;
    }

    .checkbox-inline+.checkbox-inline,
    .radio-inline+.radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

    .form-control-static {
        min-height: 34px;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 0;
    }

    .form-control-static.input-lg,
    .form-control-static.input-sm,
    .input-group-lg>.form-control-static.form-control,
    .input-group-lg>.form-control-static.input-group-addon,
    .input-group-lg>.input-group-btn>.form-control-static.btn,
    .input-group-sm>.form-control-static.form-control,
    .input-group-sm>.form-control-static.input-group-addon,
    .input-group-sm>.input-group-btn>.form-control-static.btn,
    .quantity .input-group-lg>.input-group-btn>button.form-control-static,
    .quantity .input-group-lg>.input-group-btn>input.form-control-static,
    .quantity .input-group-sm>.input-group-btn>button.form-control-static,
    .quantity .input-group-sm>.input-group-btn>input.form-control-static {
        padding-right: 0;
        padding-left: 0;
    }

    .input-group-sm>.form-control,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.btn,
    .input-sm,
    .quantity .input-group-sm>.input-group-btn>button,
    .quantity .input-group-sm>.input-group-btn>input {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .input-group-sm>.input-group-btn>select.btn,
    .input-group-sm>select.form-control,
    .input-group-sm>select.input-group-addon,
    select.input-sm {
        height: 30px;
        line-height: 30px;
    }

    .input-group-sm>.input-group-btn>select.btn[multiple],
    .input-group-sm>.input-group-btn>textarea.btn,
    .input-group-sm>select.form-control[multiple],
    .input-group-sm>select.input-group-addon[multiple],
    .input-group-sm>textarea.form-control,
    .input-group-sm>textarea.input-group-addon,
    select[multiple].input-sm,
    textarea.input-sm {
        height: auto;
    }

    .form-group-sm .form-control {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .form-group-sm select.form-control {
        height: 30px;
        line-height: 30px;
    }

    .form-group-sm select[multiple].form-control,
    .form-group-sm textarea.form-control {
        height: auto;
    }

    .form-group-sm .form-control-static {
        height: 30px;
        min-height: 32px;
        padding: 6px 10px;
        font-size: 12px;
        line-height: 1.5;
    }

    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn,
    .input-lg,
    .quantity .input-group-lg>.input-group-btn>button,
    .quantity .input-group-lg>.input-group-btn>input {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
    }

    .input-group-lg>.input-group-btn>select.btn,
    .input-group-lg>select.form-control,
    .input-group-lg>select.input-group-addon,
    select.input-lg {
        height: 46px;
        line-height: 46px;
    }

    .input-group-lg>.input-group-btn>select.btn[multiple],
    .input-group-lg>.input-group-btn>textarea.btn,
    .input-group-lg>select.form-control[multiple],
    .input-group-lg>select.input-group-addon[multiple],
    .input-group-lg>textarea.form-control,
    .input-group-lg>textarea.input-group-addon,
    select[multiple].input-lg,
    textarea.input-lg {
        height: auto;
    }

    .form-group-lg .form-control {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
    }

    .form-group-lg select.form-control {
        height: 46px;
        line-height: 46px;
    }

    .form-group-lg select[multiple].form-control,
    .form-group-lg textarea.form-control {
        height: auto;
    }

    body.rtl .order_footer img {
        transform: rotate(180deg);
        margin: 0 10px 0 0;
    }

    .form-group-lg .form-control-static {
        height: 46px;
        min-height: 38px;
        padding: 11px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }

    .has-feedback {
        position: relative;
    }

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

    .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none;
    }

    .form-group-lg .form-control+.form-control-feedback,
    .input-group-lg+.form-control-feedback,
    .input-group-lg>.form-control+.form-control-feedback,
    .input-group-lg>.input-group-addon+.form-control-feedback,
    .input-group-lg>.input-group-btn>.btn+.form-control-feedback,
    .input-lg+.form-control-feedback,
    .quantity .input-group-lg>.input-group-btn>button+.form-control-feedback,
    .quantity .input-group-lg>.input-group-btn>input+.form-control-feedback {
        width: 46px;
        height: 46px;
        line-height: 46px;
    }

    .form-group-sm .form-control+.form-control-feedback,
    .input-group-sm+.form-control-feedback,
    .input-group-sm>.form-control+.form-control-feedback,
    .input-group-sm>.input-group-addon+.form-control-feedback,
    .input-group-sm>.input-group-btn>.btn+.form-control-feedback,
    .input-sm+.form-control-feedback,
    .quantity .input-group-sm>.input-group-btn>button+.form-control-feedback,
    .quantity .input-group-sm>.input-group-btn>input+.form-control-feedback {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .has-success .checkbox,
    .has-success .checkbox-inline,
    .has-success.checkbox-inline label,
    .has-success.checkbox label,
    .has-success .control-label,
    .has-success .help-block,
    .has-success .radio,
    .has-success .radio-inline,
    .has-success.radio-inline label,
    .has-success.radio label {
        color: #3c763d;
    }

    .has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

    .has-success .input-group-addon {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #3c763d;
    }

    .has-success .form-control-feedback {
        color: #3c763d;
    }

    .has-error .checkbox,
    .has-error .checkbox-inline,
    .has-error.checkbox-inline label,
    .has-error.checkbox label,
    .has-error .control-label,
    .has-error .help-block,
    .has-error .radio,
    .has-error .radio-inline,
    .has-error.radio-inline label,
    .has-error.radio label {
        color: #a94442;
    }

    .has-error .form-control {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

    .has-error .input-group-addon {
        color: #a94442;
        background-color: #f2dede;
        border-color: #a94442;
    }

    .has-error .form-control-feedback {
        color: #a94442;
    }

    .has-feedback label~.form-control-feedback {
        top: 25px;
    }

    .has-feedback label.sr-only~.form-control-feedback {
        top: 0;
    }

    .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373;
    }



    .form-horizontal .checkbox,
    .form-horizontal .checkbox-inline,
    .form-horizontal .radio,
    .form-horizontal .radio-inline {
        padding-top: 7px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-horizontal .checkbox,
    .form-horizontal .radio {
        min-height: 27px;
    }

    .form-horizontal .form-group {
        margin-right: -15px;
        margin-left: -15px;
    }

    .form-horizontal .form-group:after,
    .form-horizontal .form-group:before {
        display: table;
        content: " ";
    }

    .form-horizontal .form-group:after {
        clear: both;
    }



    .form-horizontal .has-feedback .form-control-feedback {
        right: 15px;
    }



    .btn,
    .quantity button,
    .quantity input {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus,
    .quantity button.active.focus,
    .quantity button.active:focus,
    .quantity button.focus,
    .quantity button:active.focus,
    .quantity button:active:focus,
    .quantity button:focus,
    .quantity input.active.focus,
    .quantity input.active:focus,
    .quantity input.focus,
    .quantity input:active.focus,
    .quantity input:active:focus,
    .quantity input:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.focus,
    .btn:focus,
    .btn:hover,
    .quantity button.focus,
    .quantity button:focus,
    .quantity button:hover,
    .quantity input.focus,
    .quantity input:focus,
    .quantity input:hover {
        color: #333;
        text-decoration: none;
    }

    .btn.active,
    .btn:active,
    .quantity button.active,
    .quantity button:active,
    .quantity input.active,
    .quantity input:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        /* box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); */
    }

    .btn.disabled,
    .btn[disabled],
    .quantity button.disabled,
    .quantity button[disabled],
    .quantity fieldset[disabled] button,
    .quantity fieldset[disabled] input,
    .quantity input.disabled,
    .quantity input[disabled],
    fieldset[disabled] .btn,
    fieldset[disabled] .quantity button,
    fieldset[disabled] .quantity input {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        opacity: 0.65;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none;
    }

    .btn-default {
        color: #333;
        background-color: #FFF;
        border-color: #CCC;
    }

    .btn-default.focus,
    .btn-default:focus {
        color: #333;
        background-color: #E6E6E6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #E6E6E6;
        border-color: #ababab;
    }

    .btn-default.active,
    .btn-default:active,
    .open>.btn-default.dropdown-toggle {
        color: #333;
        background-color: #E6E6E6;
        background-image: none;
        border-color: #ababab;
    }

    .btn-default.active.focus,
    .btn-default.active:focus,
    .btn-default.active:hover,
    .btn-default:active.focus,
    .btn-default:active:focus,
    .btn-default:active:hover,
    .open>.btn-default.dropdown-toggle.focus,
    .open>.btn-default.dropdown-toggle:focus,
    .open>.btn-default.dropdown-toggle:hover {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c;
    }

    .btn-default.disabled.focus,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled].focus,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: #FFF;
        border-color: #CCC;
    }

    .btn-default .badge {
        color: #FFF;
        background-color: #333;
    }

    .btn-primary {
        color: #FFF;
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary.focus,
    .btn-primary:focus {
        color: #FFF;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #FFF;
        background-color: #286090;
        border-color: #204D74;
    }

    .btn-primary.active,
    .btn-primary:active,
    .open>.btn-primary.dropdown-toggle {
        color: #FFF;
        background-color: #286090;
        background-image: none;
        border-color: #204D74;
    }

    .btn-primary.active.focus,
    .btn-primary.active:focus,
    .btn-primary.active:hover,
    .btn-primary:active.focus,
    .btn-primary:active:focus,
    .btn-primary:active:hover,
    .open>.btn-primary.dropdown-toggle.focus,
    .open>.btn-primary.dropdown-toggle:focus,
    .open>.btn-primary.dropdown-toggle:hover {
        color: #FFF;
        background-color: #204D74;
        border-color: #122b40;
    }

    .btn-primary.disabled.focus,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #FFF;
    }

    .btn-success {
        color: #FFF;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success.focus,
    .btn-success:focus {
        color: #FFF;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #FFF;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success.active,
    .btn-success:active,
    .open>.btn-success.dropdown-toggle {
        color: #FFF;
        background-color: #449d44;
        background-image: none;
        border-color: #398439;
    }

    .btn-success.active.focus,
    .btn-success.active:focus,
    .btn-success.active:hover,
    .btn-success:active.focus,
    .btn-success:active:focus,
    .btn-success:active:hover,
    .open>.btn-success.dropdown-toggle.focus,
    .open>.btn-success.dropdown-toggle:focus,
    .open>.btn-success.dropdown-toggle:hover {
        color: #FFF;
        background-color: #398439;
        border-color: #255625;
    }

    .btn-success.disabled.focus,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled].focus,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #FFF;
    }

    .btn-info {
        color: #FFF;
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info.focus,
    .btn-info:focus {
        color: #FFF;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #FFF;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info.active,
    .btn-info:active,
    .open>.btn-info.dropdown-toggle {
        color: #FFF;
        background-color: #31b0d5;
        background-image: none;
        border-color: #269abc;
    }

    .btn-info.active.focus,
    .btn-info.active:focus,
    .btn-info.active:hover,
    .btn-info:active.focus,
    .btn-info:active:focus,
    .btn-info:active:hover,
    .open>.btn-info.dropdown-toggle.focus,
    .open>.btn-info.dropdown-toggle:focus,
    .open>.btn-info.dropdown-toggle:hover {
        color: #FFF;
        background-color: #269abc;
        border-color: #1b6d85;
    }

    .filteration_product {
        margin-top: 0 !important;
    }

    .btn-info.disabled.focus,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled].focus,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #FFF;
    }

    .btn-warning {
        color: #FFF;
        background-color: #FFA327;
        border-color: #FFA327;
    }






    .btn-danger {
        background-color: #d9534f;
        border-color: #D43F3A;
    }

    .btn-danger.focus,
    .btn-danger:focus {
        color: #FFF;
        background-color: #D42727;
        border-color: #D42727;
    }

    .btn-danger:hover {
        color: #FFF;
        background-color: #D42727;
        border-color: #D42727;
    }

    .btn-danger.active,
    .btn-danger:active,
    .open>.btn-danger.dropdown-toggle {
        color: #FFF;
        background-color: #D42727;
        background-image: none;
        border-color: #D42727;
    }

    .btn-danger.active.focus,
    .btn-danger.active:focus,
    .btn-danger.active:hover,
    .btn-danger:active.focus,
    .btn-danger:active:focus,
    .btn-danger:active:hover,
    .open>.btn-danger.dropdown-toggle.focus,
    .open>.btn-danger.dropdown-toggle:focus,
    .open>.btn-danger.dropdown-toggle:hover {
        color: #FFF;
        background-color: #D42727;
        border-color: #D42727;
    }

    .btn-danger.disabled.focus,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #D43F3A;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #FFF;
    }

    .btn-link {
        font-weight: 400;
        color: #4d7ea8;
        border-radius: 0;
    }

    .btn-link,
    .btn-link.active,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-link,
    .btn-link:active,
    .btn-link:focus,
    .btn-link:hover {
        border-color: transparent;
    }

    .btn-link:focus,
    .btn-link:hover {
        color: #355774;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:focus,
    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:focus,
    fieldset[disabled] .btn-link:hover {
        color: #777;
        text-decoration: none;
    }

    .btn-group-lg>.btn,
    .btn-lg,
    .quantity .btn-group-lg>button,
    .quantity .btn-group-lg>input {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
    }

    .btn-group-sm>.btn,
    .btn-sm,
    .quantity .btn-group-sm>button,
    .quantity .btn-group-sm>input {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .btn-group-xs>.btn,
    .btn-xs,
    .quantity .btn-group-xs>button,
    .quantity .btn-group-xs>input {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .btn-block {
        display: block;
        width: 100%;
    }

    .btn-block+.btn-block {
        margin-top: 5px;
    }

    input[type="button"].btn-block,
    input[type="reset"].btn-block,
    input[type="submit"].btn-block {
        width: 100%;
    }

    .fade {
        opacity: 0;
        -webkit-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
    }

    .fade.in {
        opacity: 1;
    }

    .collapse {
        display: none;
    }

    .collapse.in {
        display: block;
    }

    tr.collapse.in {
        display: table-row;
    }

    tbody.collapse.in {
        display: table-row-group;
    }

    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height, visibility;
        transition-property: height, visibility;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid\9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .dropdown,
    .dropup {
        position: relative;
    }

    .dropdown-toggle:focus {
        outline: 0;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #FFF;
        background-clip: padding-box;
        border: 1px solid #CCC;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #E6E6E6;
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }

    .dropdown-menu>.disabled>a,
    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        color: #777;
    }

    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

    .open>.dropdown-menu {
        display: block;
    }

    .open>a {
        outline: 0;
    }

    .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu-left {
        right: auto;
        left: 0;
    }

    .dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #777;
        white-space: nowrap;
    }

    .dropdown-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 990;
    }

    .pull-right>.dropdown-menu {
        right: 0;
        left: auto;
    }

    .dropup .caret,
    .navbar-fixed-bottom .dropdown .caret {
        content: "";
        border-top: 0;
        border-bottom: 4px dashed;
        border-bottom: 4px solid\9;
    }

    .dropup .dropdown-menu,
    .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px;
    }



    .btn-group,
    .btn-group-vertical,
    .quantity {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .btn-group-vertical>.btn,
    .btn-group>.btn,
    .quantity .btn-group-vertical>button,
    .quantity .btn-group-vertical>input,
    .quantity .btn-group>button,
    .quantity .btn-group>input,
    .quantity>.btn,
    .quantity>button,
    .quantity>input {
        position: relative;
        float: left;
    }

    .btn-group-vertical>.btn.active,
    .btn-group-vertical>.btn:active,
    .btn-group-vertical>.btn:focus,
    .btn-group-vertical>.btn:hover,
    .btn-group>.btn.active,
    .btn-group>.btn:active,
    .btn-group>.btn:focus,
    .btn-group>.btn:hover,
    .quantity .btn-group-vertical>button.active,
    .quantity .btn-group-vertical>button:active,
    .quantity .btn-group-vertical>button:focus,
    .quantity .btn-group-vertical>button:hover,
    .quantity .btn-group-vertical>input.active,
    .quantity .btn-group-vertical>input:active,
    .quantity .btn-group-vertical>input:focus,
    .quantity .btn-group-vertical>input:hover,
    .quantity .btn-group>button.active,
    .quantity .btn-group>button:active,
    .quantity .btn-group>button:focus,
    .quantity .btn-group>button:hover,
    .quantity .btn-group>input.active,
    .quantity .btn-group>input:active,
    .quantity .btn-group>input:focus,
    .quantity .btn-group>input:hover,
    .quantity>.btn.active,
    .quantity>.btn:active,
    .quantity>.btn:focus,
    .quantity>.btn:hover,
    .quantity>button.active,
    .quantity>button:active,
    .quantity>button:focus,
    .quantity>button:hover,
    .quantity>input.active,
    .quantity>input:active,
    .quantity>input:focus,
    .quantity>input:hover {
        z-index: 2;
    }

    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn+.quantity,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group,
    .btn-group .btn-group+.quantity,
    .btn-group .quantity+.btn,
    .btn-group .quantity+.btn-group,
    .btn-group .quantity+.quantity,
    .btn-group .quantity .btn+button,
    .btn-group .quantity .btn+input,
    .btn-group .quantity .btn-group+button,
    .btn-group .quantity .btn-group+input,
    .btn-group .quantity .quantity+button,
    .btn-group .quantity .quantity+input,
    .btn-group .quantity button+.btn,
    .btn-group .quantity button+.btn-group,
    .btn-group .quantity button+.quantity,
    .btn-group .quantity button+button,
    .btn-group .quantity button+input,
    .btn-group .quantity input+.btn,
    .btn-group .quantity input+.btn-group,
    .btn-group .quantity input+.quantity,
    .btn-group .quantity input+button,
    .btn-group .quantity input+input,
    .quantity .btn+.btn,
    .quantity .btn+.btn-group,
    .quantity .btn+.quantity,
    .quantity .btn+button,
    .quantity .btn+input,
    .quantity .btn-group+.btn,
    .quantity .btn-group+.btn-group,
    .quantity .btn-group+.quantity,
    .quantity .btn-group+button,
    .quantity .btn-group+input,
    .quantity .btn-group .btn+button,
    .quantity .btn-group .btn+input,
    .quantity .btn-group .btn-group+button,
    .quantity .btn-group .btn-group+input,
    .quantity .btn-group .quantity+button,
    .quantity .btn-group .quantity+input,
    .quantity .btn-group button+.btn,
    .quantity .btn-group button+.btn-group,
    .quantity .btn-group button+.quantity,
    .quantity .btn-group button+button,
    .quantity .btn-group button+input,
    .quantity .btn-group input+.btn,
    .quantity .btn-group input+.btn-group,
    .quantity .btn-group input+.quantity,
    .quantity .btn-group input+button,
    .quantity .btn-group input+input,
    .quantity .quantity+.btn,
    .quantity .quantity+.btn-group,
    .quantity .quantity+.quantity,
    .quantity .quantity+button,
    .quantity .quantity+input,
    .quantity button+.btn,
    .quantity button+.btn-group,
    .quantity button+.quantity,
    .quantity button+button,
    .quantity button+input,
    .quantity input+.btn,
    .quantity input+.btn-group,
    .quantity input+.quantity,
    .quantity input+button,
    .quantity input+input {
        margin-left: -1px;
    }

    .btn-toolbar {
        margin-left: -5px;
    }

    .btn-toolbar:after,
    .btn-toolbar:before {
        display: table;
        content: " ";
    }

    .btn-toolbar:after {
        clear: both;
    }

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group,
    .btn-toolbar .quantity,
    .btn-toolbar .quantity button,
    .btn-toolbar .quantity input,
    .quantity .btn-toolbar button,
    .quantity .btn-toolbar input {
        float: left;
    }

    .btn-toolbar>.btn,
    .btn-toolbar>.btn-group,
    .btn-toolbar>.input-group,
    .btn-toolbar>.quantity,
    .quantity .btn-toolbar>button,
    .quantity .btn-toolbar>input {
        margin-left: 5px;
    }

    .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
    .quantity .btn-group>button:not(:first-child):not(:last-child):not(.dropdown-toggle),
    .quantity .btn-group>input:not(:first-child):not(:last-child):not(.dropdown-toggle),
    .quantity>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
    .quantity>button:not(:first-child):not(:last-child):not(.dropdown-toggle),
    .quantity>input:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0;
    }

    .btn-group>.btn:first-child,
    .quantity .btn-group>button:first-child,
    .quantity .btn-group>input:first-child,
    .quantity>.btn:first-child,
    .quantity>button:first-child,
    .quantity>input:first-child {
        margin-left: 0;
    }

    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
    .quantity .btn-group>button:first-child:not(:last-child):not(.dropdown-toggle),
    .quantity .btn-group>input:first-child:not(:last-child):not(.dropdown-toggle),
    .quantity>.btn:first-child:not(:last-child):not(.dropdown-toggle),
    .quantity>button:first-child:not(:last-child):not(.dropdown-toggle),
    .quantity>input:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-left: 0 !important;
    }

    .btn-group>.btn:last-child:not(:first-child),
    .btn-group>.dropdown-toggle:not(:first-child),
    .quantity .btn-group>button:last-child:not(:first-child),
    .quantity .btn-group>input:last-child:not(:first-child),
    .quantity>.btn:last-child:not(:first-child),
    .quantity>.dropdown-toggle:not(:first-child),
    .quantity>button:last-child:not(:first-child),
    .quantity>input:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group>.btn-group,
    .btn-group>.quantity,
    .quantity>.btn-group,
    .quantity>.quantity {
        float: left;
    }

    .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
    .btn-group>.quantity:not(:first-child):not(:last-child)>.btn,
    .btn-group>.quantity:not(:first-child):not(:last-child)>button,
    .btn-group>.quantity:not(:first-child):not(:last-child)>input,
    .quantity .btn-group>.btn-group:not(:first-child):not(:last-child)>button,
    .quantity .btn-group>.btn-group:not(:first-child):not(:last-child)>input,
    .quantity>.btn-group:not(:first-child):not(:last-child)>.btn,
    .quantity>.btn-group:not(:first-child):not(:last-child)>button,
    .quantity>.btn-group:not(:first-child):not(:last-child)>input,
    .quantity>.quantity:not(:first-child):not(:last-child)>.btn,
    .quantity>.quantity:not(:first-child):not(:last-child)>button,
    .quantity>.quantity:not(:first-child):not(:last-child)>input {
        border-radius: 0;
    }

    .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,
    .btn-group>.quantity:first-child:not(:last-child)>.btn:last-child,
    .btn-group>.quantity:first-child:not(:last-child)>.dropdown-toggle,
    .btn-group>.quantity:first-child:not(:last-child)>button:last-child,
    .btn-group>.quantity:first-child:not(:last-child)>input:last-child,
    .quantity .btn-group>.btn-group:first-child:not(:last-child)>button:last-child,
    .quantity .btn-group>.btn-group:first-child:not(:last-child)>input:last-child,
    .quantity>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .quantity>.btn-group:first-child:not(:last-child)>.dropdown-toggle,
    .quantity>.btn-group:first-child:not(:last-child)>button:last-child,
    .quantity>.btn-group:first-child:not(:last-child)>input:last-child,
    .quantity>.quantity:first-child:not(:last-child)>.btn:last-child,
    .quantity>.quantity:first-child:not(:last-child)>.dropdown-toggle,
    .quantity>.quantity:first-child:not(:last-child)>button:last-child,
    .quantity>.quantity:first-child:not(:last-child)>input:last-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,
    .btn-group>.quantity:last-child:not(:first-child)>.btn:first-child,
    .btn-group>.quantity:last-child:not(:first-child)>button:first-child,
    .btn-group>.quantity:last-child:not(:first-child)>input:first-child,
    .quantity .btn-group>.btn-group:last-child:not(:first-child)>button:first-child,
    .quantity .btn-group>.btn-group:last-child:not(:first-child)>input:first-child,
    .quantity>.btn-group:last-child:not(:first-child)>.btn:first-child,
    .quantity>.btn-group:last-child:not(:first-child)>button:first-child,
    .quantity>.btn-group:last-child:not(:first-child)>input:first-child,
    .quantity>.quantity:last-child:not(:first-child)>.btn:first-child,
    .quantity>.quantity:last-child:not(:first-child)>button:first-child,
    .quantity>.quantity:last-child:not(:first-child)>input:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group .dropdown-toggle:active,
    .btn-group.open .dropdown-toggle,
    .open.quantity .dropdown-toggle,
    .quantity .dropdown-toggle:active {
        outline: 0;
    }

    .btn-group>.btn+.dropdown-toggle,
    .quantity .btn-group>button+.dropdown-toggle,
    .quantity .btn-group>input+.dropdown-toggle,
    .quantity>.btn+.dropdown-toggle,
    .quantity>button+.dropdown-toggle,
    .quantity>input+.dropdown-toggle {
        padding-right: 8px;
        padding-left: 8px;
    }

    .btn-group-lg.btn-group>.btn+.dropdown-toggle,
    .btn-group-lg.quantity>.btn+.dropdown-toggle,
    .btn-group>.btn-lg+.dropdown-toggle,
    .quantity .btn-group-lg.btn-group>button+.dropdown-toggle,
    .quantity .btn-group-lg.btn-group>input+.dropdown-toggle,
    .quantity .btn-group-lg.quantity>button+.dropdown-toggle,
    .quantity .btn-group-lg.quantity>input+.dropdown-toggle,
    .quantity>.btn-lg+.dropdown-toggle {
        padding-right: 12px;
        padding-left: 12px;
    }

    .btn-group.open .dropdown-toggle,
    .open.quantity .dropdown-toggle {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn-group.open .dropdown-toggle.btn-link,
    .open.quantity .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn .caret,
    .quantity button .caret,
    .quantity input .caret {
        margin-left: 0;
    }

    .btn-group-lg>.btn .caret,
    .btn-lg .caret,
    .quantity .btn-group-lg>button .caret,
    .quantity .btn-group-lg>input .caret {
        border-width: 5px 5px 0;
        border-bottom-width: 0;
    }

    .dropup .btn-group-lg>.btn .caret,
    .dropup .btn-lg .caret,
    .dropup .quantity .btn-group-lg>button .caret,
    .dropup .quantity .btn-group-lg>input .caret,
    .quantity .dropup .btn-group-lg>button .caret,
    .quantity .dropup .btn-group-lg>input .caret {
        border-width: 0 5px 5px;
    }

    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group,
    .btn-group-vertical>.btn-group>.btn,
    .btn-group-vertical>.quantity,
    .btn-group-vertical>.quantity>.btn,
    .btn-group-vertical>.quantity>button,
    .btn-group-vertical>.quantity>input,
    .quantity .btn-group-vertical>.btn-group>button,
    .quantity .btn-group-vertical>.btn-group>input,
    .quantity .btn-group-vertical>button,
    .quantity .btn-group-vertical>input {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .btn-group-vertical>.btn-group:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.quantity:after,
    .btn-group-vertical>.quantity:before {
        display: table;
        content: " ";
    }

    .btn-group-vertical>.btn-group:after,
    .btn-group-vertical>.quantity:after {
        clear: both;
    }

    .btn-group-vertical>.btn-group>.btn,
    .btn-group-vertical>.quantity>.btn,
    .btn-group-vertical>.quantity>button,
    .btn-group-vertical>.quantity>input,
    .quantity .btn-group-vertical>.btn-group>button,
    .quantity .btn-group-vertical>.btn-group>input {
        float: none;
    }

    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn+.quantity,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group,
    .btn-group-vertical>.btn-group+.quantity,
    .btn-group-vertical>.quantity+.btn,
    .btn-group-vertical>.quantity+.btn-group,
    .btn-group-vertical>.quantity+.quantity,
    .quantity .btn-group-vertical>.btn+button,
    .quantity .btn-group-vertical>.btn+input,
    .quantity .btn-group-vertical>.btn-group+button,
    .quantity .btn-group-vertical>.btn-group+input,
    .quantity .btn-group-vertical>.quantity+button,
    .quantity .btn-group-vertical>.quantity+input,
    .quantity .btn-group-vertical>button+.btn,
    .quantity .btn-group-vertical>button+.btn-group,
    .quantity .btn-group-vertical>button+.quantity,
    .quantity .btn-group-vertical>button+button,
    .quantity .btn-group-vertical>button+input,
    .quantity .btn-group-vertical>input+.btn,
    .quantity .btn-group-vertical>input+.btn-group,
    .quantity .btn-group-vertical>input+.quantity,
    .quantity .btn-group-vertical>input+button,
    .quantity .btn-group-vertical>input+input {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical>.btn:not(:first-child):not(:last-child),
    .quantity .btn-group-vertical>button:not(:first-child):not(:last-child),
    .quantity .btn-group-vertical>input:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical>.btn:first-child:not(:last-child),
    .quantity .btn-group-vertical>button:first-child:not(:last-child),
    .quantity .btn-group-vertical>input:first-child:not(:last-child) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical>.btn:last-child:not(:first-child),
    .quantity .btn-group-vertical>button:last-child:not(:first-child),
    .quantity .btn-group-vertical>input:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,
    .btn-group-vertical>.quantity:not(:first-child):not(:last-child)>.btn,
    .btn-group-vertical>.quantity:not(:first-child):not(:last-child)>button,
    .btn-group-vertical>.quantity:not(:first-child):not(:last-child)>input,
    .quantity .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>button,
    .quantity .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>input {
        border-radius: 0;
    }

    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle,
    .btn-group-vertical>.quantity:first-child:not(:last-child)>.btn:last-child,
    .btn-group-vertical>.quantity:first-child:not(:last-child)>.dropdown-toggle,
    .btn-group-vertical>.quantity:first-child:not(:last-child)>button:last-child,
    .btn-group-vertical>.quantity:first-child:not(:last-child)>input:last-child,
    .quantity .btn-group-vertical>.btn-group:first-child:not(:last-child)>button:last-child,
    .quantity .btn-group-vertical>.btn-group:first-child:not(:last-child)>input:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child,
    .btn-group-vertical>.quantity:last-child:not(:first-child)>.btn:first-child,
    .btn-group-vertical>.quantity:last-child:not(:first-child)>button:first-child,
    .btn-group-vertical>.quantity:last-child:not(:first-child)>input:first-child,
    .quantity .btn-group-vertical>.btn-group:last-child:not(:first-child)>button:first-child,
    .quantity .btn-group-vertical>.btn-group:last-child:not(:first-child)>input:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group-justified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
    }

    .btn-group-justified>.btn,
    .btn-group-justified>.btn-group,
    .btn-group-justified>.quantity,
    .quantity .btn-group-justified>button,
    .quantity .btn-group-justified>input {
        display: table-cell;
        float: none;
        width: 1%;
    }

    .btn-group-justified>.btn-group .btn,
    .btn-group-justified>.btn-group .quantity button,
    .btn-group-justified>.btn-group .quantity input,
    .btn-group-justified>.quantity .btn,
    .btn-group-justified>.quantity button,
    .btn-group-justified>.quantity input,
    .quantity .btn-group-justified>.btn-group button,
    .quantity .btn-group-justified>.btn-group input {
        width: 100%;
    }

    .btn-group-justified>.btn-group .dropdown-menu,
    .btn-group-justified>.quantity .dropdown-menu {
        left: auto;
    }

    .quantity [data-toggle="buttons"]>.btn-group>button input[type="checkbox"],
    .quantity [data-toggle="buttons"]>.btn-group>button input[type="radio"],
    .quantity [data-toggle="buttons"]>.btn-group>input input[type="checkbox"],
    .quantity [data-toggle="buttons"]>.btn-group>input input[type="radio"],
    .quantity [data-toggle="buttons"]>button input[type="checkbox"],
    .quantity [data-toggle="buttons"]>button input[type="radio"],
    .quantity [data-toggle="buttons"]>input input[type="checkbox"],
    .quantity [data-toggle="buttons"]>input input[type="radio"],
    [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"],
    [data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
    [data-toggle="buttons"]>.btn input[type="checkbox"],
    [data-toggle="buttons"]>.btn input[type="radio"],
    [data-toggle="buttons"]>.quantity>.btn input[type="checkbox"],
    [data-toggle="buttons"]>.quantity>.btn input[type="radio"],
    [data-toggle="buttons"]>.quantity>button input[type="checkbox"],
    [data-toggle="buttons"]>.quantity>button input[type="radio"],
    [data-toggle="buttons"]>.quantity>input input[type="checkbox"],
    [data-toggle="buttons"]>.quantity>input input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
    }

    .input-group[class*="col-"] {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

    .input-group .form-control:focus {
        z-index: 3;
    }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell;
    }

    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .input-group-addon,
    .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle;
    }

    .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #CCC;
        border-radius: 4px;
    }

    .input-group-addon.input-sm,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.input-group-addon.btn,
    .quantity .input-group-sm>.input-group-btn>button.input-group-addon,
    .quantity .input-group-sm>.input-group-btn>input.input-group-addon {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.input-group-addon.btn,
    .quantity .input-group-lg>.input-group-btn>button.input-group-addon,
    .quantity .input-group-lg>.input-group-btn>input.input-group-addon {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="checkbox"],
    .input-group-addon input[type="radio"] {
        margin-top: 0;
    }

    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:first-child>.quantity>.btn,
    .input-group-btn:first-child>.quantity>button,
    .input-group-btn:first-child>.quantity>input,
    .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
    .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child>.quantity:not(:last-child)>.btn,
    .input-group-btn:last-child>.quantity:not(:last-child)>button,
    .input-group-btn:last-child>.quantity:not(:last-child)>input,
    .input-group .form-control:first-child,
    .quantity .input-group-btn:first-child>.btn-group>button,
    .quantity .input-group-btn:first-child>.btn-group>input,
    .quantity .input-group-btn:first-child>button,
    .quantity .input-group-btn:first-child>input,
    .quantity .input-group-btn:last-child>.btn-group:not(:last-child)>button,
    .quantity .input-group-btn:last-child>.btn-group:not(:last-child)>input,
    .quantity .input-group-btn:last-child>button:not(:last-child):not(.dropdown-toggle),
    .quantity .input-group-btn:last-child>input:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group-addon:last-child,
    .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:first-child>.quantity:not(:first-child)>.btn,
    .input-group-btn:first-child>.quantity:not(:first-child)>button,
    .input-group-btn:first-child>.quantity:not(:first-child)>input,
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group>.btn,
    .input-group-btn:last-child>.dropdown-toggle,
    .input-group-btn:last-child>.quantity>.btn,
    .input-group-btn:last-child>.quantity>button,
    .input-group-btn:last-child>.quantity>input,
    .input-group .form-control:last-child,
    .quantity .input-group-btn:first-child>.btn-group:not(:first-child)>button,
    .quantity .input-group-btn:first-child>.btn-group:not(:first-child)>input,
    .quantity .input-group-btn:first-child>button:not(:first-child),
    .quantity .input-group-btn:first-child>input:not(:first-child),
    .quantity .input-group-btn:last-child>.btn-group>button,
    .quantity .input-group-btn:last-child>.btn-group>input,
    .quantity .input-group-btn:last-child>button,
    .quantity .input-group-btn:last-child>input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

    .input-group-btn {
        font-size: 0;
        white-space: nowrap;
    }

    .input-group-btn,
    .input-group-btn>.btn,
    .quantity .input-group-btn>button,
    .quantity .input-group-btn>input {
        position: relative;
    }

    .input-group-btn>.btn+.btn,
    .quantity .input-group-btn>.btn+button,
    .quantity .input-group-btn>.btn+input,
    .quantity .input-group-btn>button+.btn,
    .quantity .input-group-btn>button+button,
    .quantity .input-group-btn>button+input,
    .quantity .input-group-btn>input+.btn,
    .quantity .input-group-btn>input+button,
    .quantity .input-group-btn>input+input {
        margin-left: -1px;
    }

    .input-group-btn>.btn:active,
    .input-group-btn>.btn:focus,
    .input-group-btn>.btn:hover,
    .quantity .input-group-btn>button:active,
    .quantity .input-group-btn>button:focus,
    .quantity .input-group-btn>button:hover,
    .quantity .input-group-btn>input:active,
    .quantity .input-group-btn>input:focus,
    .quantity .input-group-btn>input:hover {
        z-index: 2;
    }

    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group,
    .input-group-btn:first-child>.quantity,
    .quantity .input-group-btn:first-child>button,
    .quantity .input-group-btn:first-child>input {
        margin-right: -1px;
    }

    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group,
    .input-group-btn:last-child>.quantity,
    .quantity .input-group-btn:last-child>button,
    .quantity .input-group-btn:last-child>input {
        z-index: 2;
        margin-left: -1px;
    }

    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .nav:after,
    .nav:before {
        display: table;
        content: " ";
    }

    .nav:after {
        clear: both;
    }

    .nav>li,
    .nav>li>a {
        position: relative;
        display: block;
    }

    .nav>li>a {
        padding: 10px 15px;
    }

    .nav>li>a:focus,
    .nav>li>a:hover {
        text-decoration: none;
    }

    .nav>li.disabled>a {
        color: #777;
    }

    .nav>li.disabled>a:focus,
    .nav>li.disabled>a:hover {
        color: #777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
    }

    .rtl .card-body button {
        left: 10px !important;
        right: auto !important;
    }

    .shop-container .cardWidth .wishlist_holder {
        /* left: 35px;
        right: auto; */
        right: 10px;
        position: absolute;
    }

    #product-form {
        width: 90%;
        margin: auto;
    }

    .rtl .shop-container .cardWidth .wishlist_holder {
        left: -5px;
        right: auto;
    }

    .rtl .theme--light.v-pagination .v-pagination__navigation {
        transform: rotate(180deg);
    }

    .shop-container .cardWidth .wishlist_holder img {
        /* right: auto;
        left: auto; */
    }

    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: #eee;
        border-color: #4d7ea8;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #E6E6E6;
    }

    .nav>li>a>img {
        max-width: none;
    }

    .nav-tabs {
        border-bottom: 1px solid #ddd;
    }

    .nav-tabs>li {
        float: left;
        margin-bottom: -1px;
    }

    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs>li>a:hover {
        border-color: #eee #eee #ddd;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        color: #555;
        cursor: default;
        background-color: #FFF;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }

    .nav-pills>li {
        float: left;
    }

    .nav-pills>li>a {
        border-radius: 4px;
    }

    .nav-pills>li+li {
        margin-left: 2px;
    }

    .nav-pills>li.active>a,
    .nav-pills>li.active>a:focus,
    .nav-pills>li.active>a:hover {
        color: #FFF;
        background-color: #337ab7;
    }

    .nav-stacked>li {
        float: none;
    }

    .nav-stacked>li+li {
        margin-top: 2px;
        margin-left: 0;
    }

    .nav-justified,
    .nav-tabs.nav-justified {
        width: 100%;
    }

    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        float: none;
    }

    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center;
    }

    .nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }



    .nav-tabs-justified,
    .nav-tabs.nav-justified {
        border-bottom: 0;
    }

    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border: 1px solid #ddd;
    }



    .tab-content>.tab-pane {
        display: none;
    }

    .tab-content>.active {
        display: block;
    }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent;
    }

    .navbar:after,
    .navbar:before {
        display: table;
        content: " ";
    }

    .navbar:after {
        clear: both;
    }



    .navbar-header:after,
    .navbar-header:before {
        display: table;
        content: " ";
    }

    .navbar-header:after {
        clear: both;
    }



    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
        -webkit-overflow-scrolling: touch;
    }

    .navbar-collapse:after,
    .navbar-collapse:before {
        display: table;
        content: " ";
    }

    .navbar-collapse:after {
        clear: both;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }



    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 340px;
    }





    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0;
    }

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }



    .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px;
    }



    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px;
        font-size: 18px;
        line-height: 20px;
    }

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none;
    }

    .navbar-brand>img {
        display: block;
    }



    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-right: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }



    .navbar-nav {
        margin: 7.5px -15px;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }


    .navbar-form {
        padding: 10px 15px;
        margin: 8px -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 1px 0 hsla(0, 0%, 100%, 0.1);
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 1px 0 hsla(0, 0%, 100%, 0.1);
    }



    .navbar-nav>li>.dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        margin-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .btn-group-sm>.navbar-btn.btn,
    .navbar-btn.btn-sm,
    .quantity .btn-group-sm>button.navbar-btn,
    .quantity .btn-group-sm>input.navbar-btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .btn-group-xs>.navbar-btn.btn,
    .navbar-btn.btn-xs,
    .quantity .btn-group-xs>button.navbar-btn,
    .quantity .btn-group-xs>input.navbar-btn {
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px;
    }



    .navbar-default {
        background-color: #f5f5f5;
        border-color: #E6E6E6;
    }

    .navbar-default .navbar-brand {
        color: #777;
    }

    .navbar-default .navbar-brand:focus,
    .navbar-default .navbar-brand:hover {
        color: #5bc0de;
        background-color: transparent;
    }

    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #333;
        background-color: transparent;
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: #555;
        background-color: #E6E6E6;
    }

    .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover {
        color: #CCC;
        background-color: transparent;
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        color: #555;
        background-color: #E6E6E6;
    }



    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: #ddd;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #E6E6E6;
    }

    .navbar-default .navbar-link {
        color: #777;
    }

    .navbar-default .navbar-link:hover {
        color: #333;
    }

    .navbar-default .btn-link {
        color: #777;
    }

    .navbar-default .btn-link:focus,
    .navbar-default .btn-link:hover {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:focus,
    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:focus,
    fieldset[disabled] .navbar-default .btn-link:hover {
        color: #CCC;
    }

    .navbar-inverse {
        background-color: #222;
        border-color: #090909;
    }

    .navbar-inverse .navbar-brand {
        color: #9e9e9e;
    }

    .navbar-inverse .navbar-brand:focus,
    .navbar-inverse .navbar-brand:hover {
        color: #FFF;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav>li>a,
    .navbar-inverse .navbar-text {
        color: #9e9e9e;
    }

    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #FFF;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        color: #FFF;
        background-color: #090909;
    }

    .navbar-inverse .navbar-nav>.disabled>a,
    .navbar-inverse .navbar-nav>.disabled>a:focus,
    .navbar-inverse .navbar-nav>.disabled>a:hover {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover {
        color: #FFF;
        background-color: #090909;
    }



    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #333;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #FFF;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-link {
        color: #9e9e9e;
    }

    .navbar-inverse .navbar-link:hover {
        color: #FFF;
    }

    .navbar-inverse .btn-link {
        color: #9e9e9e;
    }

    .navbar-inverse .btn-link:focus,
    .navbar-inverse .btn-link:hover {
        color: #FFF;
    }

    .navbar-inverse .btn-link[disabled]:focus,
    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444;
    }

    .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px;
    }

    .breadcrumb>li {
        display: inline-block;
    }

    .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #CCC;
        content: "/\A0";
    }

    .breadcrumb>.active {
        color: #777;
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }

    .pagination>li {
        display: inline;
    }

    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #4d7ea8;
        text-decoration: none;
        background-color: #FFF;
        border: 1px solid #ddd;
    }

    .pagination>li>a:focus,
    .pagination>li>a:hover,
    .pagination>li>span:focus,
    .pagination>li>span:hover {
        z-index: 2;
        color: #355774;
        background-color: #eee;
        border-color: #ddd;
    }

    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        z-index: 3;
        color: #FFF;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .pagination>.disabled>a,
    .pagination>.disabled>a:focus,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>span,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #FFF;
        border-color: #ddd;
    }

    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }

    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .pagination-sm>li>a,
    .pagination-sm>li>span {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
    }

    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .pager {
        padding-left: 0;
        margin: 20px 0;
        text-align: center;
        list-style: none;
    }

    .pager:after,
    .pager:before {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

    .pager li>a,
    .pager li>span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #FFF;
        border: 1px solid #ddd;
        border-radius: 15px;
    }

    .pager li>a:focus,
    .pager li>a:hover {
        text-decoration: none;
        background-color: #eee;
    }

    .pager .next>a,
    .pager .next>span {
        float: right;
    }

    .pager .previous>a,
    .pager .previous>span {
        float: left;
    }

    .pager .disabled>a,
    .pager .disabled>a:focus,
    .pager .disabled>a:hover,
    .pager .disabled>span {
        color: #777;
        cursor: not-allowed;
        background-color: #FFF;
    }

    .label {
        display: inline;
        padding: 0.2em 0.6em 0.3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #FFF;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25em;
    }

    .label:empty {
        display: none;
    }

    .btn .label,
    .quantity button .label,
    .quantity input .label {
        position: relative;
        top: -1px;
    }

    a.label:focus,
    a.label:hover {
        color: #FFF;
        text-decoration: none;
        cursor: pointer;
    }

    .label-default {
        background-color: #777;
    }

    .label-default[href]:focus,
    .label-default[href]:hover {
        background-color: #5e5e5e;
    }

    .label-primary {
        background-color: #337ab7;
    }

    .label-primary[href]:focus,
    .label-primary[href]:hover {
        background-color: #286090;
    }

    .label-success {
        background-color: #5cb85c;
    }

    .label-success[href]:focus,
    .label-success[href]:hover {
        background-color: #449d44;
    }

    .label-info {
        background-color: #5bc0de;
    }

    .label-info[href]:focus,
    .label-info[href]:hover {
        background-color: #31b0d5;
    }

    .label-danger {
        background-color: #d9534f;
    }

    .label-danger[href]:focus,
    .label-danger[href]:hover {
        background-color: #D42727;
    }

    .to_price {
        color: #FFF;
    }

    .badge {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        color: #FFF;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        background-color: #777;
        border-radius: 10px;
    }

    .badge:empty {
        display: none;
    }

    .btn .badge,
    .quantity button .badge,
    .quantity input .badge {
        position: relative;
        top: -1px;
    }

    .btn-group-xs>.btn .badge,
    .btn-xs .badge,
    .quantity .btn-group-xs>button .badge,
    .quantity .btn-group-xs>input .badge {
        top: 0;
        padding: 1px 5px;
    }

    .list-group-item.active>.badge,
    .nav-pills>.active>a>.badge {
        color: #4d7ea8;
        background-color: #FFF;
    }

    .list-group-item>.badge {
        float: right;
    }

    .list-group-item>.badge+.badge {
        margin-right: 5px;
    }

    .nav-pills>li>a>.badge {
        margin-left: 3px;
    }

    a.badge:focus,
    a.badge:hover {
        color: #FFF;
        text-decoration: none;
        cursor: pointer;
    }

    .jumbotron {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
        background-color: #eee;
    }

    .jumbotron,
    .jumbotron .h1,
    .jumbotron h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron>hr {
        border-top-color: #d5d5d5;
    }

    .container-fluid .jumbotron,
    .container .jumbotron {
        padding-right: 15px;
        padding-left: 15px;
        border-radius: 6px;
    }

    .jumbotron .container {
        max-width: 100%;
    }



    .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #FFF;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out;
    }

    .thumbnail>img,
    .thumbnail a>img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .thumbnail .caption {
        padding: 9px;
        color: #333;
    }

    a.thumbnail.active,
    a.thumbnail:focus,
    a.thumbnail:hover {
        border-color: #4d7ea8;
    }

    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: 700;
    }

    .alert>p,
    .alert>ul {
        margin-bottom: 0;
    }

    .alert>p+p {
        margin-top: 5px;
    }

    .alert-dismissable,
    .alert-dismissible {
        padding-right: 35px;
    }

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

    .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #C9E2B3;
    }

    .alert-success hr {
        border-top-color: #C9E2B3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

    .alert-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    .alert-info hr {
        border-top-color: #A6E1EC ;
    }

    .alert-info .alert-link {
        color: #245269;
    }

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

    @-webkit-keyframes progress-bar-stripes {
        0% {
            background-position: 40px 0;
        }

        to {
            background-position: 0 0;
        }
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position: 40px 0;
        }

        to {
            background-position: 0 0;
        }
    }

    .progress {
        height: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #FFF;
        text-align: center;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition: width 0.6s ease;
        transition: width 0.6s ease;
    }

    .progress-bar-striped,
    .progress-striped .progress-bar {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
        background-size: 40px 40px;
    }

    .progress-bar.active,
    .progress.active .progress-bar {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite;
    }

    .progress-bar-success {
        background-color: #5cb85c;
    }

    .progress-striped .progress-bar-success {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
    }

    .progress-bar-info {
        background-color: #5bc0de;
    }

    .progress-striped .progress-bar-info {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
    }


    .progress-striped .progress-bar-warning {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
    }

    .progress-bar-danger {
        background-color: #d9534f;
    }

    .progress-striped .progress-bar-danger {
        background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
    }

    .media {
        margin-top: 15px;
    }

    .media:first-child {
        margin-top: 0;
    }

    .media,
    .media-body {
        overflow: hidden;
        zoom: 1;
    }

    .media-body {
        width: 10000px;
    }

    .media-object {
        display: block;
    }

    .media-object.img-thumbnail {
        max-width: none;
    }

    .media-right,
    .media>.pull-right {
        padding-left: 10px;
    }

    .media-left,
    .media>.pull-left {
        padding-right: 10px;
    }

    .media-body,
    .media-left,
    .media-right {
        display: table-cell;
        vertical-align: top;
    }

    .media-middle {
        vertical-align: middle;
    }


    .media-bottom {
        vertical-align: bottom;
    }

    .media-heading {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .media-list {
        padding-left: 0;
        list-style: none;
    }

    .list-group {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #FFF;
        border: 1px solid #ddd;
    }

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .list-group-item.disabled,
    .list-group-item.disabled:focus,
    .list-group-item.disabled:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #eee;
    }

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text {
        color: #777;
    }

    .list-group-item.active,
    .list-group-item.active:focus,
    .list-group-item.active:hover {
        z-index: 2;
        color: #FFF;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading>.small,
    .list-group-item.active .list-group-item-heading>small,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading>.small,
    .list-group-item.active:focus .list-group-item-heading>small,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading>.small,
    .list-group-item.active:hover .list-group-item-heading>small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text {
        color: #C7DDEF;
    }

    a.list-group-item,
    button.list-group-item {
        color: #555;
    }

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:focus,
    a.list-group-item:hover,
    button.list-group-item:focus,
    button.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

    button.list-group-item {
        width: 100%;
        text-align: left;
    }

    .list-group-item-success {
        color: #3c763d;
        background-color: #dff0d8;
    }

    a.list-group-item-success,
    button.list-group-item-success {
        color: #3c763d;
    }

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:focus,
    a.list-group-item-success:hover,
    button.list-group-item-success:focus,
    button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #C9E2B3;
    }

    a.list-group-item-success.active,
    a.list-group-item-success.active:focus,
    a.list-group-item-success.active:hover,
    button.list-group-item-success.active,
    button.list-group-item-success.active:focus,
    button.list-group-item-success.active:hover {
        color: #FFF;
        background-color: #3c763d;
        border-color: #3c763d;
    }

    .list-group-item-info {
        color: #31708f;
        background-color: #d9edf7;
    }

    a.list-group-item-info,
    button.list-group-item-info {
        color: #31708f;
    }

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:focus,
    a.list-group-item-info:hover,
    button.list-group-item-info:focus,
    button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active,
    a.list-group-item-info.active:focus,
    a.list-group-item-info.active:hover,
    button.list-group-item-info.active,
    button.list-group-item-info.active:focus,
    button.list-group-item-info.active:hover {
        color: #FFF;
        background-color: #31708f;
        border-color: #31708f;
    }


    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    .list-group-item-danger {
        color: #a94442;
        background-color: #f2dede;
    }

    a.list-group-item-danger,
    button.list-group-item-danger {
        color: #a94442;
    }

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger.active,
    a.list-group-item-danger.active:focus,
    a.list-group-item-danger.active:hover,
    button.list-group-item-danger.active,
    button.list-group-item-danger.active:focus,
    button.list-group-item-danger.active:hover {
        color: #FFF;
        background-color: #a94442;
        border-color: #a94442;
    }

    .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3;
    }

    .panel {
        margin-bottom: 20px;
        background-color: #FFF;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .panel-body {
        padding: 15px;
    }

    .panel-body:after,
    .panel-body:before {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel-heading>.dropdown .dropdown-toggle,
    .panel-title {
        color: inherit;
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
    }

    .panel-title>.small,
    .panel-title>.small>a,
    .panel-title>a,
    .panel-title>small,
    .panel-title>small>a {
        color: inherit;
    }

    .panel-footer {
        padding: 10px 15px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .panel>.list-group,
    .panel>.panel-collapse>.list-group {
        margin-bottom: 0;
    }

    .panel>.list-group .list-group-item,
    .panel>.panel-collapse>.list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel>.list-group:first-child .list-group-item:first-child,
    .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel>.list-group:last-child .list-group-item:last-child,
    .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .list-group+.panel-footer,
    .panel-heading+.list-group .list-group-item:first-child {
        border-top-width: 0;
    }

    .panel>.panel-collapse>.table,
    .panel>.table,
    .panel>.table-responsive>.table {
        margin-bottom: 0;
    }

    .panel>.panel-collapse>.table caption,
    .panel>.table-responsive>.table caption,
    .panel>.table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel>.table-responsive:first-child>.table:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
    .panel>.table:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
        border-top-left-radius: 3px;
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
    .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
        border-top-right-radius: 3px;
    }

    .panel>.table-responsive:last-child>.table:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
    .panel>.table:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
        border-bottom-left-radius: 3px;
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
        border-bottom-right-radius: 3px;
    }

    .panel>.panel-body+.table,
    .panel>.panel-body+.table-responsive,
    .panel>.table+.panel-body,
    .panel>.table-responsive+.panel-body {
        border-top: 1px solid #ddd;
    }

    .panel>.table>tbody:first-child>tr:first-child td,
    .panel>.table>tbody:first-child>tr:first-child th {
        border-top: 0;
    }

    .panel>.table-bordered,
    .panel>.table-responsive>.table-bordered {
        border: 0;
    }

    .panel>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-bordered>thead>tr>td:first-child,
    .panel>.table-bordered>thead>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0;
    }

    .panel>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-bordered>thead>tr>td:last-child,
    .panel>.table-bordered>thead>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0;
    }

    .panel>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-bordered>tbody>tr:first-child>th,
    .panel>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-bordered>thead>tr:first-child>td,
    .panel>.table-bordered>thead>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
        border-bottom: 0;
    }

    .panel>.table-responsive {
        margin-bottom: 0;
        border: 0;
    }

    .panel-group {
        margin-bottom: 20px;
    }

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

    .panel-group .panel+.panel {
        margin-top: 5px;
    }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

    .panel-group .panel-heading+.panel-collapse>.list-group,
    .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 1px solid #ddd;
    }

    .panel-group .panel-footer {
        border-top: 0;
    }

    .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom: 1px solid #ddd;
    }

    .panel-default {
        border-color: #ddd;
    }

    .panel-default>.panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ddd;
    }

    .panel-default>.panel-heading .badge {
        color: #f5f5f5;
        background-color: #333;
    }

    .panel-default>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ddd;
    }

    .panel-primary {
        border-color: #337ab7;
    }

    .panel-primary>.panel-heading {
        color: #FFF;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #337ab7;
    }

    .panel-primary>.panel-heading .badge {
        color: #337ab7;
        background-color: #FFF;
    }

    .panel-primary>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #337ab7;
    }

    .panel-success {
        border-color: #C9E2B3;
    }

    .panel-success>.panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #C9E2B3;
    }

    .panel-success>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #C9E2B3;
    }

    .panel-success>.panel-heading .badge {
        color: #dff0d8;
        background-color: #3c763d;
    }

    .panel-success>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #C9E2B3;
    }

    .panel-info {
        border-color: #bce8f1;
    }

    .panel-info>.panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    .panel-info>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #bce8f1;
    }

    .panel-info>.panel-heading .badge {
        color: #d9edf7;
        background-color: #31708f;
    }

    .panel-info>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #bce8f1;
    }

    .panel-warning {
        border-color: #faebcc;
    }

    .panel-warning>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #faebcc;
    }

    .panel-warning>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #faebcc;
    }

    .panel-danger {
        border-color: #ebccd1;
    }

    .panel-danger>.panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

    .panel-danger>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ebccd1;
    }

    .panel-danger>.panel-heading .badge {
        color: #f2dede;
        background-color: #a94442;
    }

    .panel-danger>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ebccd1;
    }

    .embed-responsive {
        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden;
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .embed-responsive-16by9 {
        padding-bottom: 56.25%;
    }

    .embed-responsive-4by3 {
        padding-bottom: 75%;
    }

    .well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #E6E6E6;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

    .well-lg {
        padding: 24px;
        border-radius: 6px;
    }

    .well-sm {
        padding: 9px;
        border-radius: 3px;
    }

    .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #FFF;
        filter: alpha(opacity=20);
        opacity: 0.2;
    }

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .modal,
    .modal-open {
        overflow: hidden;
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    #top .modal.fade #account+.account-modal,
    .modal.fade #top #account+.account-modal,
    .modal.fade .modal-dialog {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }

    #top .modal.in #account+.account-modal,
    .modal.in #top #account+.account-modal,
    .modal.in .modal-dialog {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    #top #account+.account-modal,
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
    }

    .modal-content {
        position: relative;
        background-color: #1F3143;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        outline: 0;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #E6E6E6;
    }

    .modal-header:after,
    .modal-header:before {
        display: table;
        content: " ";
    }

    .modal-header:after {
        clear: both;
    }

    .modal-header .close {
        margin-top: -2px;
    }

    .modal-title {
        margin: 0;
        line-height: 1.42857143;
    }

    .modal-body {
        position: relative;
        padding: 15px;
    }

    .modal-footer {
        padding: 15px !important;
        text-align: right;
        border-top: 1px solid #E6E6E6;
    }

    .modal-footer:after,
    .modal-footer:before {
        display: table;
        content: " ";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn+.btn,
    .modal-footer .quantity .btn+button,
    .modal-footer .quantity .btn+input,
    .modal-footer .quantity button+.btn,
    .modal-footer .quantity button+button,
    .modal-footer .quantity button+input,
    .modal-footer .quantity input+.btn,
    .modal-footer .quantity input+button,
    .modal-footer .quantity input+input,
    .quantity .modal-footer .btn+button,
    .quantity .modal-footer .btn+input,
    .quantity .modal-footer button+.btn,
    .quantity .modal-footer button+button,
    .quantity .modal-footer button+input,
    .quantity .modal-footer input+.btn,
    .quantity .modal-footer input+button,
    .quantity .modal-footer input+input {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn+.btn,
    .modal-footer .btn-group .quantity .btn+button,
    .modal-footer .btn-group .quantity .btn+input,
    .modal-footer .btn-group .quantity button+.btn,
    .modal-footer .btn-group .quantity button+button,
    .modal-footer .btn-group .quantity button+input,
    .modal-footer .btn-group .quantity input+.btn,
    .modal-footer .btn-group .quantity input+button,
    .modal-footer .btn-group .quantity input+input,
    .modal-footer .quantity .btn+.btn,
    .modal-footer .quantity .btn+button,
    .modal-footer .quantity .btn+input,
    .modal-footer .quantity button+.btn,
    .modal-footer .quantity button+button,
    .modal-footer .quantity button+input,
    .modal-footer .quantity input+.btn,
    .modal-footer .quantity input+button,
    .modal-footer .quantity input+input,
    .quantity .modal-footer .btn-group .btn+button,
    .quantity .modal-footer .btn-group .btn+input,
    .quantity .modal-footer .btn-group button+.btn,
    .quantity .modal-footer .btn-group button+button,
    .quantity .modal-footer .btn-group button+input,
    .quantity .modal-footer .btn-group input+.btn,
    .quantity .modal-footer .btn-group input+button,
    .quantity .modal-footer .btn-group input+input {
        margin-left: -1px;
    }

    .modal-footer .btn-block+.btn-block {
        margin-left: 0;
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }





    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        line-break: auto;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        font-size: 12px;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: 0.9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.top-left .tooltip-arrow {
        right: 5px;
    }

    .tooltip.top-left .tooltip-arrow,
    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.top-right .tooltip-arrow {
        left: 5px;
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000;
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000;
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

    .auth-content {
        min-height: 575px;
    }

    .checkout-contain {
        min-height: 575px;
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #FFF;
        text-align: center;
        background-color: #000;
        border-radius: 4px;
    }

    .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        padding: 1px;
        /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        line-break: auto;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        font-size: 14px;
        background-color: #FFF;
        background-clip: padding-box;
        border: 1px solid #CCC;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

    .popover>.arrow {
        border-width: 11px;
    }

    .popover>.arrow,
    .popover>.arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .popover>.arrow:after {
        content: "";
        border-width: 10px;
    }

    .popover.top>.arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, 0.25);
        border-bottom-width: 0;
    }

    .popover.top>.arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #FFF;
        border-bottom-width: 0;
    }

    .popover.right>.arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, 0.25);
        border-left-width: 0;
    }

    .popover.right>.arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #FFF;
        border-left-width: 0;
    }

    .popover.bottom>.arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, 0.25);
    }

    .popover.bottom>.arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #FFF;
    }

    .popover.left>.arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

    .popover.left>.arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #FFF;
    }

    .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        background-color: #FAFAFA;
        border-bottom: 1px solid #E6E6E6;
        border-radius: 5px 5px 0 0;
    }

    .popover-content {
        padding: 9px 14px;
    }

    .carousel,
    .carousel-inner {
        position: relative;
    }

    .carousel-inner {
        width: 100%;
        overflow: hidden;
    }

    .carousel-inner>.item {
        position: relative;
        display: none;
        -webkit-transition: left 0.6s ease-in-out;
        transition: left 0.6s ease-in-out;
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        display: block;
        max-width: 100%;
        height: auto;
        line-height: 1;
    }



    .carousel-inner>.active,
    .carousel-inner>.next,
    .carousel-inner>.prev {
        display: block;
    }

    .carousel-inner>.active {
        left: 0;
    }

    .carousel-inner>.next,
    .carousel-inner>.prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner>.next {
        left: 100%;
    }

    .carousel-inner>.prev {
        left: -100%;
    }

    .carousel-inner>.next.left,
    .carousel-inner>.prev.right {
        left: 0;
    }

    .carousel-inner>.active.left {
        left: -100%;
    }

    .carousel-inner>.active.right {
        left: 100%;
    }

    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #FFF;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        background-color: transparent;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .carousel-control.left {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:focus,
    .carousel-control:hover {
        color: #FFF;
        text-decoration: none;
        outline: 0;
        filter: alpha(opacity=90);
        opacity: 0.9;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        /* font-family: serif; */
        line-height: 1;
    }

    .carousel-control .icon-prev:before {
        content: "\2039";
    }

    .carousel-control .icon-next:before {
        content: "\203A";
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000;
        background-color: transparent;
        border: 1px solid #FFF;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #FFF;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #FFF;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    }

    .carousel-caption .btn,
    .carousel-caption .quantity button,
    .carousel-caption .quantity input,
    .quantity .carousel-caption button,
    .quantity .carousel-caption input {
        text-shadow: none;
    }



    .clearfix:after,
    .clearfix:before {
        display: table;
        content: " ";
    }

    .clearfix:after {
        clear: both;
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .pull-right {
        float: right !important;
    }

    .pull-left {
        float: left !important;
    }

    .hide {
        display: none !important;
    }

    .show {
        display: block !important;
    }

    .invisible {
        visibility: hidden;
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

    .hidden {
        display: none !important;
    }

    .affix {
        position: fixed;
    }

    @-ms-viewport {
        width: device-width;
    }

    .visible-lg,
    .visible-lg-block,
    .visible-lg-inline,
    .visible-lg-inline-block,
    .visible-md,
    .visible-md-block,
    .visible-md-inline,
    .visible-md-inline-block,
    .visible-sm,
    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block,
    .visible-xs,
    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block {
        display: none !important;
    }







    .visible-print {
        display: none !important;
    }



    .visible-print-block {
        display: none !important;
    }



    .visible-print-inline {
        display: none !important;
    }



    .visible-print-inline-block {
        display: none !important;
    }



    * {
        margin: 0;
        padding: 0;
        /* font-family: Source Sans Pro, sans-serif; */
    }

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

    ::-webkit-scrollbar {
        width: 3px;
        height: 3px;
    }

    ::-webkit-scrollbar-track {
        background: #d8d8d8;
    }

    ::-webkit-scrollbar-thumb {
        background: #666;
    }

    /* ::-webkit-input-placeholder {
        font-family: Source Sans Pro, sans-serif;
    } */

    input[type="checkbox"] {
        width: 24px;
        height: 15px;
        margin-right: 10px;
    }

    .form-control:focus {
        -webkit-box-shadow: 0 0 8px 1px rgba(105, 221, 157, 0.25);
        box-shadow: 0 0 8px 1px rgba(105, 221, 157, 0.25);
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        /* font-family: Source Sans Pro, sans-serif; */
        color: rgba(0, 0, 0, 0.83);
    }

    textarea {
        resize: none;
    }

    html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        padding: 0;
        margin: 0;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.83);
        font-size: 12px;
        line-height: 20px;
        width: 100%;
        background: #FFF;
        /* font-family: Source Sans Pro, sans-serif; */
    }

    .btn:hover,
    .quantity button:hover,
    .quantity input:hover {
        text-decoration: none;
    }

    .btn:active:hover,
    .btn:focus,
    .quantity button:active:hover,
    .quantity button:focus,
    .quantity input:active:hover,
    .quantity input:focus {
        outline: none;
        outline-offset: 0;
    }

    .btn-link {
        color: rgba(0, 0, 0, 0.83);
        padding: 6px 5px;
    }

    .btn-link:focus,
    .btn-link:hover {
        color: rgba(0, 0, 0, 0.83);
        text-decoration: none;
    }

    #top {
        background-color: #FAFAFA;
        color: #000;
        padding: 9px 50px 9px 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body.rtl #top {
        padding: 9px 70px 9px 50px;
    }

    #top .btn,
    #top .quantity button,
    #top .quantity input,
    .quantity #top button,
    .quantity #top input {
        /* font-family: Source Sans Pro, sans-serif; */
        font-size: 14px;
        letter-spacing: 0;
        text-align: center;
        border-radius: 0;
        text-decoration: none;
    }

    #top .btn:hover,
    #top .quantity button:hover,
    #top .quantity input:hover,
    .quantity #top button:hover,
    .quantity #top input:hover {
        text-decoration: none;
    }

    #top .btn:active:hover,
    #top .btn:focus,
    #top .quantity button:active:hover,
    #top .quantity button:focus,
    #top .quantity input:active:hover,
    #top .quantity input:focus,
    .quantity #top button:active:hover,
    .quantity #top button:focus,
    .quantity #top input:active:hover,
    .quantity #top input:focus {
        outline: none;
        outline-offset: 0;
    }

    #top .btn-normal {
        background: #21a179;
        border-color: #269c77;
        color: #FFF;
        font-weight: 600;
    }

    #top .btn-normal:active:focus,
    #top .btn-normal:active:hover,
    #top .btn-normal:hover {
        background: #FFF;
        border-color: #21a179;
        color: #21a179;
    }

    #top .btn-link {
        color: #000;
    }

    #top .dropdown-menu-large {
        min-width: 250px;
        left: -100px;
    }

    #top .customer-name {
        font-size: 16px;
        font-weight: 600;
        padding: 0 10px;
        color: rgba(0, 0, 0, 0.83);
    }

    #top #account {
        font-size: 14px;
    }

    #top #account .select-icon {
        top: 0;
        left: 0;
        padding-left: 5px;
    }

    #top #account .welcome-content {
        min-width: 150px;
        cursor: pointer;
        text-align: right;
        padding-top: 5px;
        display: flex;
        align-items: center;
        margin-top: 0;
        color: #000 !important;
        justify-content: flex-end;
        /* margin-right: -5px; */
    }

    /* body.rtl  #top #account .welcome-content{
        margin-right: unset;
        margin-left: -5px;
    } */
    #top #account+.account-modal {
        top: 40px;
        right: 10px;
        z-index: 101;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        width: 290px !important;
        position: absolute !important;
        z-index: 9999;
    }

    #top #account+.account-modal .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button,
    #top #account+.account-modal .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn,
    #top #account+.account-modal .account-content .account-layout .bottom-toolbar .pagination .page-item,
    #top #account+.account-modal .cart-details .continue-shopping-btn,
    #top #account+.account-modal .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button,
    #top #account+.account-modal .theme-btn,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container #top #account+.account-modal button.btn,
    .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity #top #account+.account-modal button,
    .account-content .account-layout .bottom-toolbar .pagination #top #account+.account-modal .page-item,
    .cart-details #top #account+.account-modal .continue-shopping-btn,
    .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container #top #account+.account-modal button {
        padding: 0.5rem 0.9rem;
    }

    #top #account+.account-modal .modal-footer {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
    }

    #top #account+.account-modal .modal-content {
        top: 0;
        padding: 0;
        border-radius: 3px;
        border: none;
        display: inline-table;
        background-color: #FFF;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    }

    form:focus {
        outline: none !important;
    }

    div:focus {
        outline: none !important;
    }

    #top #account+.account-modal .modal-content ul li a {
        padding: 10px 20px;
    }

    #top #account+.account-modal .modal-content ul li:last-child {
        margin-bottom: 5px;
    }

    #top>div:last-child {
        height: 32px;
    }

    #top>div .default {
        padding: 5px;
        font-size: 14px;
    }

    #top .locale-icon {
        width: 0px;
        display: inline-block;
    }

    body.rtl #top .locale-icon {
        width: 20px;
        display: inline-block;
    }

    #top .locale-icon img {
        width: 20px;
        height: 20px;
    }

    #top .locale-switcher {
        padding-left: 21px;
        position: relative;
        padding-right: 23px;
        font-family: 'Poppins-normal'
    }

    #top .dropdown .select-icon-container .select-icon {
        right: 0;
        top: -22px;
    }

    #top .dropdown {
        margin-right: 15px;
    }

    body.rtl #top .dropdown {
        margin-right: 0px;
    }

    a.disabled {
        pointer-events: none;
        cursor: default;
        background-color: gray !important;
    }

    .products_flags {
        display: flex;
        flex-direction: column;
    }

    #top .dropdown .select-icon-container .select-icon {
        right: 0;
    }

    body.rtl #top .dropdown .select-icon-container .select-icon {
        left: 0;
        right: auto;
    }

    .filter_sorter .select-icon {
        top: -10px !important;
    }

    .edit-profile_button {
        min-width: 250px;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        margin: 20px 0;
        font-weight: 500;
        color: #FFF !important;
    }

    .dropdown-menu {
        border-top: 3px solid #269c77;
        border-radius: 0;
        background: #FFF;
        -webkit-box-shadow: 11px 10px 17px 0 rgba(0, 0, 0, 0.21);
        box-shadow: 11px 10px 17px 0 rgba(0, 0, 0, 0.21);
    }

    .dropdown-menu li a .dropdown-menu li a:focus,
    .dropdown-menu li a:focus,
    .dropdown-menu li a:hover {
        background: #21a179;
        color: #FFF;
    }

    .price-label {
        display: none !important;
    }

    .edit_profile_content input {
        height: 45px;
        border-radius: 3px !important;
    }

    .edit_profile_content select {
        height: 45px;
        border-radius: 3px !important;
    }


    .no-padding,
    .product-detail .right h3 {
        padding: 0 !important;
    }

    .last_name_lable {
        margin: 0 0 8px 0;
    }

    .btn-normal {
        background: #21a179;
        border-color: #269c77;
        color: #FFF;
        font-weight: 600;
        border-radius: 0;
    }

    .btn-normal:active:focus,
    .btn-normal:active:hover,
    .btn-normal:hover {
        background: #FFF;
        border-color: #21a179;
        color: #21a179;
    }

    .btn-secondary {
        background: #FFF;
        border-color: #FFF;
        color: #21a179;
    }

    .btn-secondary:active:focus,
    .btn-secondary:active:hover,
    .btn-secondary:focus,
    .btn-secondary:hover {
        background: #21a179;
        border-color: #21a179;
    }

    .btn-danger {
        color: #FFF;
    }

    .btn-danger,
    .btn-danger:active:focus,
    .btn-danger:active:hover,
    .btn-danger:focus,
    .btn-danger:hover {
        background: #f05153;
        border-color: #f05153;
    }

    header .logo {
        margin: 0 20px 0 0;
        padding: 0;
        max-width: 80px;
        max-height: 80px;
    }



    header #search-form {
        height: 50px;
        margin: 5px 0;
        width: 100%;
        z-index: 1;
    }

    .search_holder {
        width: 100%;
    }

    header #search-form * {
        height: 100%;
        box-shadow: none;
    }

    header #search-form .quantity {
        max-width: 550px;
        box-shadow: 0px 0px 10px #F3C2031A;
        border-radius: 10px;
    }

    header #search-form .btn-group .selectdiv,
    header #search-form .quantity .selectdiv {
        width: 230px;
    }

    header #search-form .btn-group .selectdiv .select-icon,
    header #search-form .quantity .selectdiv .select-icon {
        top: 9px;
        right: 8px;
        z-index: 10;
        font-size: 18px;
        background-color: #FFF;
        height: 20px;
    }

    header #search-form .btn-group .selectdiv .select-icon {
        top: 17px;
        right: 10px;
        color: #003868;
        background-color: transparent;
    }

    header #search-form .btn-group select,
    header #search-form .quantity select {
        width: 100%;
        height: 100%;
        cursor: pointer;
        border-radius: 3px 0 0 3px;
        border-right: 0;
        /* font-family: Source Sans Pro, sans-serif; */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: 'Poppins-normal';
        border: none
    }

    .custome_full_with {
        /* box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important;
        border-radius: 10px; */
    }

    .custome_full_with .form-control,
    .custome_full_with .form-control:focus {
        /* box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important;
        border-radius: 10px; */
        background: #F4F4F4;
    }

    .custome_full_with .form-control option {
        background: #FFF;
    }

    header #search-form .btn-group select {
        padding: 12px 20px;
        font-size: 14px !important;
        color: #003868 font-family: 'Poppins-normal'
    }

    .selectdiv {
        position: relative;
    }

    .selectdiv::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 26px;
        top: 13px;
        background-color: #EDEDED;
        right: 0;
        position: absolute;
        z-index: 2;
    }

    .rtl .selectdiv::after {
        right: auto;
        left: 0;
    }

    header #search-form .btn-group select::-ms-expand,
    header #search-form .quantity select::-ms-expand {
        display: none;
    }

    header #search-form input {
        border-radius: 0;
        width: calc(100% - 50px);
        height: 100%;
        font-size: 14px;
        padding: 0 10px;
        line-height: 20px;
        letter-spacing: 0;
        border-left: none;
        font-family: 'Poppins-normal';
        border: none;
        height: 50.5px;

    }

    .quantity header #search-form button:hover,
    .quantity header #search-form input:hover,
    header #search-form .btn:hover,
    header #search-form .quantity button:hover,
    header #search-form .quantity input:hover {
        text-decoration: none;
    }

    .quantity header #search-form button:active:hover,
    .quantity header #search-form button:focus,
    .quantity header #search-form input:active:hover,
    .quantity header #search-form input:focus,
    header #search-form .btn:active:hover,
    header #search-form .btn:focus,
    header #search-form .quantity button:active:hover,
    header #search-form .quantity button:focus,
    header #search-form .quantity input:active:hover,
    header #search-form .quantity input:focus {
        outline: none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2rem rgb(233 30 99 / 0%);
        border: none;
    }

    header #search-form #header-search-icon {
        min-width: 50px;
        border-radius: 0 3px 3px 0;
        background-color: #ECBA5A;
        border-radius: 0px 3px 3px 0px;
        border: none;

    }

    header #search-form #header-search-icon:hover {
        background: #FFA327;
    }

    ::placeholder {
        color: #A1A9C3;
        opacity: 1;
    }

    header #search-form #header-search-icon i {
        color: #FFF;
    }

    header .mini-cart-container {
        height: 50px;
        padding: 5px 17px;
        margin: 0 !important;
        padding-right: 0 !important;
        ;
    }

    body.rtl header .mini-cart-container {
        padding-right: 25px !important;
        ;
        padding-left: 25px !important;
        ;
    }

    body.rtl .rango-close {
        transform: rotate(180deg)
    }

    header .mini-cart-container #mini-cart {
        padding-right: 0 !important;
    }

    header .mini-cart-container #mini-cart .mini-cart-content {
        font-size: 16px;
        font-weight: 600;
        text-align: right;
        margin-right: 0px;
        letter-spacing: 0;
        position: relative;
        color: rgba(0, 0, 0, 0.83);
        display: flex;
        align-items: center;
    }

    header .mini-cart-container #mini-cart .mini-cart-content i+span.cart-text {
        padding-left: 0;
        vertical-align: text-bottom;
    }

    header .mini-cart-container #mini-cart .mini-cart-content .cart-text {
        padding-left: 5px;
        font-size: 14px;
        font-weight: 500;
    }

    header .mini-cart-container #mini-cart .mini-cart-content+.down-arrow-container .rango-arrow-down {
        top: 8px;
    }

    header .mini-cart-container~.compare-btn,
    header .mini-cart-container~.wishlist-btn {
        height: auto;
        float: right;
        font-size: 18px;
        font-weight: 600;
        padding: 10px 16px 6px;
    }

    .wishlist-btn {
        margin-left: 30px !important;
    }

    .wishlist-btn:hover .badge-container {
        background: #FFA327;
    }

    .rtl .wishlist-btn {
        margin-left: auto !important;
        margin-right: 30px;
    }

    header .mini-cart-container~.compare-btn i,
    header .mini-cart-container~.wishlist-btn i {
        margin-right: 5px;
        vertical-align: middle;
    }

    header .mini-cart-container~.compare-btn .badge-container,
    header .mini-cart-container~.wishlist-btn .badge-container {
        position: relative;
        display: inline-block;
    }

    header .mini-cart-container~.compare-btn .badge-container .badge,
    header .mini-cart-container~.wishlist-btn .badge-container .badge {
        border-radius: 50%;
        top: -23px;
        left: -15px;
        padding: 4px;
        min-width: 20px;
        position: absolute;
        background: #DEDEDE;
        box-shadow: 0 0 0 5px rgb(222, 222, 222, 0.21);
    }

    header .mini-cart-container~.compare-btn span,
    header .mini-cart-container~.wishlist-btn span {
        top: 2px;
        position: relative;
    }

    header .dropdown-menu-large {
        min-width: 280px;
        left: -180px;
    }

    header .dropdown-menu-large .dropdown-content {
        width: 100%;
        max-height: 300px;
        overflow-y: auto;
    }

    header .dropdown-menu-large .dropdown-content .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
    }

    header .dropdown-menu-large .dropdown-content .item .item-image {
        position: relative;
    }

    header .dropdown-menu-large .dropdown-content .item .item-image .material-icons {
        position: absolute;
        left: -6px;
        top: -6px;
        font-size: 16px;
        cursor: pointer;
    }

    header .dropdown-menu-large .dropdown-content .item .item-image .thumbnail {
        width: 75px;
        height: 75px;
        margin: 0;
        border-radius: 0;
        border: 1px solid #CCC;
    }

    header .dropdown-menu-large .dropdown-content .item .item-name {
        font-weight: 600;
        font-size: 18px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
    }

    header .dropdown-menu-large .dropdown-content .item .item-details {
        padding: 0 10px;
        height: auto;
    }

    header .dropdown-menu-large .dropdown-content .item .item-details .item-options {
        /* font-family: Source Sans Pro, sans-serif; */
        font-size: 13px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
    }

    header .dropdown-menu-large .dropdown-content .item .item-details .item-qty-price {
        padding: 5px 0;
        display: inline-block;
    }

    header .dropdown-menu-large .dropdown-content .item .item-details .item-qty-price .item-qty {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
        text-align: left;
    }

    header .dropdown-menu-large .dropdown-content .item .item-details .item-qty-price .item-price {
        font-weight: 600;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
        text-align: right;
    }

    header .dropdown-menu-large .dropdown-header {
        padding: 10px 10px 5px;
        border-top: 1px solid #CCC;
    }

    header .dropdown-menu-large .dropdown-header .sub-total-text {
        font-weight: 600;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
    }

    header .dropdown-menu-large .dropdown-header .cart-sub-total {
        font-weight: 700;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
        text-align: right;
    }

    header .dropdown-menu-large .dropdown-footer {
        padding: 10px 10px 0;
        border-top: 1px solid #CCC;
        font-weight: 700;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
    }

    header .dropdown-menu-large .dropdown-footer .cart-link {
        text-align: left;
    }

    header .dropdown-menu-large .dropdown-footer .cart-link a {
        vertical-align: middle;
    }

    header .dropdown-menu-large .dropdown-footer .checkout-link {
        text-align: right;
    }

    #nav-menu {
        margin: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.24);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.24);
        background-color: #FFF;
    }

    #nav-menu .navbar {
        margin: 0;
        font-family: SourceSansPro-Semibold;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
        cursor: pointer;
        min-height: 40px;
        position: relative;
    }

    #nav-menu .navbar .navbar-header {
        width: 100%;
        display: inline-block;
    }

    #nav-menu .navbar .navbar-header .main-category {
        width: 100%;
        overflow: hidden;
        position: relative;
        display: inline-block;
        padding: 5px 5px 5px 35px;
    }

    #nav-menu .navbar .navbar-header .main-category .material-icons {
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 28px;
    }

    #nav-menu .navbar .category-dropdown {
        position: absolute;
        top: 40px;
        background: #FFF;
        left: 0;
        width: 100%;
        height: 525px;
    }

    #nav-menu .navbar .category-dropdown li.category-list {
        width: 100%;
        display: inline-block;
        background: #FFF;
        position: relative;
    }

    #nav-menu .navbar .category-dropdown li.category-list a {
        padding: 10px 0;
        position: relative;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.83);
        letter-spacing: 0;
        font-weight: 600;
        display: block;
    }

    #nav-menu .navbar .category-dropdown li.category-list a .material-icons {
        position: absolute;
        right: 0;
        top: 8px;
    }

    #nav-menu .navbar .category-dropdown li.category-list a:hover {
        color: #28557b;
        text-decoration: none;
        background-color: #f7f7f9;
    }

    #nav-menu .navbar .category-dropdown li.category-list .child-container {
        position: absolute;
        top: 0;
        background-color: #CCC;
        left: 283px;
        width: 250px;
        height: 350px;
    }

    #nav-menu .secondary-navbar {
        background-color: #4d7ea8;
        min-height: 40px;
        padding: 5px;
        vertical-align: middle;
        text-align: left;
        margin: 0;
        list-style: none;
        height: auto;
        display: inline-block;
        width: 100%;
    }

    #nav-menu .secondary-navbar li {
        float: left;
    }

    #nav-menu .secondary-navbar li a {
        display: block;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        position: relative;
        color: #FFF;
        text-decoration: none;
        padding: 5px 20px 5px 5px;
    }

    .viewed-products .viewed-products-listing {
        border: 1px solid #FFF;
        background-color: #f5f5f5;
    }

    .viewed-products .viewed-products-listing .product-description,
    .viewed-products .viewed-products-listing .product-image {
        display: inline-block;
    }

    .viewed-products .viewed-products-listing .product-description div {
        padding-top: 2px;
    }

    .customer-reviews .first-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .customer-reviews .second-row {
        width: 100%;
        display: inline-block;
    }

    .customer-reviews .second-row .reviews-listing {
        background: #FFF;
        padding-right: 10px;
        -webkit-box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.11);
        box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.11);
    }

    .customer-reviews .second-row .review-grid {
        display: grid;
        width: 345px;
        height: 262px;
        padding-top: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .categories-grid-customizable .category-grid {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .categories-grid-customizable .category-grid .category-image {
        border: 1px solid red;
    }

    .categories-grid-customizable .category-grid .category-details {
        border: 1px solid blue;
    }

    .categories-grid-customizable .category-grid .category-details h3 {
        color: #FFF;
        text-align: center;
    }

    .categories-grid-customizable .category-grid .category-details li {
        color: #FFF;
        text-align: center;
        list-style-type: none;
    }

    .product-policy {
        padding: 30px 0 50px;
        border: 1px solid maroon;
        text-align: center;
    }

    .popular-products {
        height: auto;
        width: 100%;
        padding-right: 10px;
    }

    .popular-products .second-row .popular-products-listing {
        border: 1px solid red;
    }

    .popular-products .second-row .popular-products-listing .product-buttons .add-to-cart-button .btn-primary {
        border: #26a37c !important;
        border-radius: 0;
    }

    .popular-products .second-row .popular-products-listing .product-buttons .add-to-cart-button .addtocart {
        text-transform: uppercase;
        background-color: #26a37c;
    }

    .customer-name {
        display: table-cell;
        height: 54px;
        width: 56px;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;
        background: #21a179;
        color: #FFF;
        padding: 16px;
        font: 18px josefin sans, arial;
    }

    .spacing {
        margin: 5px 0;
    }

    i.within-circle {
        display: inline-block;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 2px #888;
        box-shadow: 0 0 2px #888;
        padding: 12px;
        margin: 15px 0;
        width: 50px;
        height: 50px;
    }

    .center_div {
        margin: 0 auto;
        width: 80%;
    }

    .change_number_input {
        height: 45px !important;
        width: calc(100% - 10px) !important;
        margin: 0 10px;
    }

    .change_number {
        position: absolute;
        white-space: nowrap;
        right: 30px;
        top: 15px;
        color: #ECBA5A;
        font-size: 10px;
    }

    .rtl .change_number {
        right: auto;
        left: 30px;
    }

    .form-style {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-image: none;
        border: none;
        border-radius: 3px;
        border: 1px solid #DEDEDE;
    }

    .label-style {
        display: inline-block !important;
        max-width: 100% !important;
        margin-bottom: 5px !important;
        font-weight: 100 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
    }

    .submit_email {
        margin: 0 0 0 15px;
    }

    .btn-white {
        color: #FFF;
        height: 36px;
        width: 133px;
    }

    .w3-card-2 {
        width: 133px;
    }

    .w3-card-2,
    .w3-card-login {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        float: right;
        height: 36px;
    }

    .w3-card-login {
        width: 71px;
    }

    .btn-new-customer-login {
        color: #26a37c !important;
        font-size: 16px;
        padding: 11px;
        text-decoration: none !important;
    }

    .btn-dark-green {
        color: #FFF;
        background-color: #26a37c;
        border-color: #26a37c;
        height: 36px;
        border-radius: 0 !important;
    }

    .login-text {
        height: 65px;
        width: 575px;
        border: 1px #E6E6E6;
        margin: 0 auto;
    }

    .row:after,
    .row:before {
        display: none !important;
    }

    .cart-padding {
        padding: 0 5px 0 5px;
    }

    .btn-add-to-cart:hover>span {
        color: #FFF !important
    }

    .card-body {
        padding: 1.25rem 0 !important;
    }


    .btn-add-to-cart {
        padding: 3px 14px !important;
        border-radius: 0 !important;
        color: #44705C !important;
        border-radius: 0px 0px 10px 10px !important;
        border: none !important
            /* margin-left: -1.24rem;
    margin-right: -1.24rem */
    }

    .banner-free {
        background: #44705C 0% 0% no-repeat padding-box;
        padding: 25px 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 30px;
    }

    .banner-free div {
        display: flex;
        align-items: center;
    }

    .banner-free h3 {
        font-weight: bold;
        font-size: 1.3rem !important;
        margin: 0;
        color: #FFF;
    }

    .banner-free h3 span {
        font-weight: 400;
        font-size: 1.6rem !important;
        color: #FFF;
    }

    .arrowfreeimg {
        display: inline;
        width: 16px;
    }

    .align-right {
        text-align: right;
    }

    .btn-freeshop {
        background: #ECBA5A 0% 0% no-repeat padding-box !important;
        box-shadow: 0px 0px 10px #F3C2031A;
        border-radius: 3px;
        height: 45px;
        color: #FFF;
        font-weight: 500;
        width: 212px;
        border: none;
        min-width: fit-content;
        font-size: 15px;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-freeshop:hover {
        color: #FFF !important;
        text-decoration: none;
        background: #FFA327;
    }

    .btn-freeshop img {
        margin: 0 0px 0 15px;
    }

    .margin_auto {
        margin: auto
    }

    .quantity button {
        background: #0084CA;
        border-radius: 10px !important;
        color: #FFF !important;
        width: 40px;
        height: 40px;
        margin: 0 8px !important;
        border: none !important;

    }

    .quantity input {
        border: none !important;
    }

    .viewicon .wishlist-icon i {
        padding: 5px 10px;
    }


    .cart-col {
        text-align: -webkit-right;
        text-align: -moz-right;
        text-align: -o-right;
    }

    /* shopping cart */
    .shopping-card-header {
        padding: 10px 0 !important;
        border-bottom: 2px solid #E6E6E6;
        border-top: 2px solid #E6E6E6;
    }

    body.rtl .remove_from_cart {
        left: 0;
        right: auto;
    }

    body.rtl #address-section .checkbox.display-inbl>input:checked+span::before {
        right: -20px !important;
        left: auto !important;
    }

    body.rtl .coupon-btn {
        font-family: cairo;
    }

    body.rtl .add_to_cart_holder .product-actions.viewicon a {
        right: auto;
        left: 0;
    }

    body.rtl .free_shipping_holder span:first-of-type {
        margin: 0 8px 0 8px;
    }

    .cart-details .cart-content .cart-item-list .wishlist-icon {
        display: none;
    }

    .cart-details .cart-content .product-quantity .quantity {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-name {
        color: #000 !important;
        font-size: 17px !important;
    }



    .payable-amount .col-8 {
        color: #A1A9C3 !important
    }

    .d-flex .product-price span {
        font-size: 15px !important;
    }

    .currency {
        font-size: 10px;
        padding: 0 3px
    }

    .d-flex {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
    }

    .card-padding-top {
        padding-top: 10px;
    }

    .size_holder {
        margin: 8px 0;
    }

    .size-color {
        color: #A1A9C3;
        font-size: 12px;
        padding: 7px 0;
    }

    .text-center {
        text-align: center !important;
    }

    .pading-left-12 {
        padding-left: 12px !important;
    }

    .padding-right-12 {
        padding-right: 12px !important;
    }

    .handel-total {
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin: 0;
    }

    .total-disc-amount,
    .empty-text {
        color: #A1A9C3;
        font-size: 15px
    }

    .empty-text {
        width: 255px;
        text-align: center;
        margin-top: 6px
    }


    .empt-shoping-cart {
        display: flex;
        align-items: center;
        flex-direction: column;
        /* justify-content: center; */
        width: 100%;
    }

    .product-actions .wishlist_holder {
        display: flex;
        justify-content: space-between;
    }

    .gallery_details .product-actions .wishlist_holder .add-to-cart-btn .btn-add-to-cart {
        width: 200px !important;
        height: 35px !important;
        background-color: #44705C !important;
        border-radius: 3px !important;
    }

    .cd-quick-view .product-actions {
        width: 100%;
    }

    .continue-shopping {
        width: 40% !important;
        min-width: 300px !important;
    }

    .empty-cart-message {
        width: fit-content !important;
        font-size: 20px;
        font-weight: bold;
    }



    .product-list.empty p {
        color: #9EA7AF;
    }

    .help {
        color: #44705C !important;
        font-weight: 600;
        margin: 15px 0;
        display: block;
        cursor: pointer;
    }

    .delete_modle {
        background-color: rgba(0, 0, 0, 0.2);
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .delete_modle .delete_holder {
        background: #FFF;
        max-width: 500px;
        padding: 35px;
        border-radius: 10px;
        text-align: center;
        min-width: 455px;
        display: flex;
        flex-direction: column
    }

    .delete_modle .delete_holder h3 {
        font-weight: 600;
        color: #000;
        max-width: 260px;
        margin: auto;
        font-size: 18px
    }

    .delete_addresss {
        background-color: rgba(18, 18, 18, 0.5);
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 9999;
        justify-content: center;
        align-items: center;
        display: none;
        min-width: 100%;
    }

    .delete_addresss .delete_holder {
        background: #FCFCFC;
        max-width: 500px;
        padding: 35px;
        border-radius: 3px;
        text-align: center;
        width: 455px;
        box-shadow: 0px 3px 6px #00000029;;
    }

    .delete_addresss .delete_holder h3 {
        font-weight: 600;
        max-width: 260px;
        margin: auto;
        margin-bottom: 52px;
        margin-top: 15px;
    }

    .delete_addresss .delete_holder .close-holder {
        text-align: end;
        margin-bottom: 20px;
    }

    .delete_addresss .delete_holder .close-img {
        width: 32px;
        padding: 10px;
        cursor: pointer;
    }

    .delete_addresss .button_holder {
        display: flex;
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .delete_addresss .button_holder button:first-of-type {
        border: none;
        padding: 10px 30px;
        margin: 0 15px 0 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        background: #EDEDED;
        color: #000;
    }

    .rtl .delete_addresss .button_holder button:first-of-type {
        margin: 0 0 0 15px;
    }









    /* start radio button style */
    input[type=radio]:checked~.checkmark {
        border: 2px solid #ECBA5A;
    }

    input[type=radio]:checked~.checkmark::before {
        background: #ECBA5A;
    }

    input[type=radio]:checked~.checkmark {
        border: 2px solid #ECBA5A !important;
    }

    .checkmark::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 8px;
        width: 8px;
        top: 1.7px;
        left: 2px;
        margin: auto;
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear;
    }

    .header_holder_product {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header_holder_product a {
        color: #ECBA5A !important;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
    }

    .header_see_all {
        color: #44705C !important;
        text-transform: capitalize;
        font-weight: 600;
        font-size: 15px;
    }

    .header_see_all:hover {
        text-decoration: underline;

    }

    input[type=radio] {
        position: absolute;
        visibility: hidden;
    }

    .checkmark {
        display: block;
        position: absolute;
        border: 2px solid #A1A9C3;
        border-radius: 100%;
        height: 15px;
        width: 15px;
        top: 4px;
        left: 20px;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
    }



    .payment-methods .checkmark {
        left: -14px !important;
        top: 4px;
    }

    .rtl .payment-methods .checkmark {
        left: auto !important;
        right: -11px !important;
    }


    .error_message_card {
        position: absolute;
        color: #f05153;
        font-size: 13px;
    }

    .min_cart_view_mini {
        padding: 0 !important
    }

    .cart_m_hold {
        margin: 0 !important;
    }

    /* end radio button style */



    .logout_btn {
        cursor: pointer;
    }

    .delete_addresss .button_holder button:last-of-type {
        border: none;
        padding: 10px 30px;
        border-radius: 3px;
        text-transform: uppercase;
        font-weight: 600;
        background-color: #44705C;
        color: #FFF;
        width: 176px;
        font-size: 13px;
    }

    .delete_addresss .button_holder button:last-of-type a {
        color: #FFF    }

    .noCancle {
        background: #EDEDED !important;
        color: #131313 !important;
    }

    .navigation .rango-arrow-right.pull-right {
        margin-top: 4px !important;

    }

    .overlay_loader {
        background-color: rgba(0, 0, 0, 0.2);
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 9999;
        justify-content: center;
        align-items: center;
        display: none;
        min-width: 100%;
    }

    /* loader */
    .loader {
        border: 5px solid #f3f3f3;
        border-radius: 50%;
        border-top: 5px solid #9ED6C8;
        width: 50px;
        height: 50px;
        -webkit-animation: spin 2s linear infinite;
        /* Safari */
        animation: spin 2s linear infinite;
    }

    /* Safari */
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

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

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

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

    body.rtl .advertisement-three-container .bottom-container img,
    body.rtl .advertisement-three-container .top-container img {
        padding-right: 15px !important;
        padding-left: 0 !important;
    }

    body.rtl .ads_home {
        padding-right: 15px !important;
        padding-left: 0 !important;
    }

    .cancelButton {
        background: #D42727 !important;

    }

    .delete_modle .button_holder {
        display: flex;
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .delete_modle .button_holder button:first-of-type {
        border: none;
        padding: 10px 30px;
        margin: 0 15px 0 0;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        background: #44705C !important;
        color: #FFF;
    }

    body.rtl .delete_modle .button_holder button:first-of-type {
        margin: 0 0 0 15px;
    }

    .delete_modle .button_holder button:last-of-type {
        border: none;
        padding: 10px 30px;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: 600;
        background-color: #D42727;
        color: #FFF;
    }

    .pop_img {
        margin: 35px 0 20px 0;
        max-height: 120px;
    }

    .empty-box {
        margin-bottom: 20px;
    }

    .shaping-text-holder {
        display: flex;
        align-items: center;
        margin: 20px 0 0 0
    }


    .shpping-text {
        font-size: 13px;
        padding-left: 10px;
        margin-bottom: 0;
    }

    .card-img-top {
        height: 100%;
    }

    .address-container {
        display: flex;
        flex-direction: column;
        background: #FAFAFA;

    }

    .card-width {
        width: 100% !important;
        min-width: 100% !important;
        height: fit-content !important;
        min-height: fit-content;
        border: none !important;
        box-shadow: none !important;
        background-color: #FAFAFA !important;
    }

    .custom-form .accordian {
        background-color: #FAFAFA !important;
        padding: 15px;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
        z-index: 0;
        position: relative;
    }

    .custom-form .accordian .accordian-header {
        height: 20px;
    }

    .add-address {
        border: none !important;
        margin-top: 0 !important;
    }

    .address-container .address-holder .card .add-address-button>div {
        color: #44705C !important
    }

    .header-shadow {
        box-shadow: 0px 0px 6px rgb(0 0 0 / 20%);
        position: inherit;
    }

    .header-shadow1 {
        padding: 19px 70px;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 20%);
    }

    .product-name {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        width: 185px;
        padding: 0;
        overflow: hidden;
        position: relative;
        display: inline-block;
        text-align: center;
        white-space: nowrap;
    }

    .link-color.product-name:hover {
        color: #737070 !important;
    }

    .accordian {
        background-color: #FAFAFA !important;
        padding: 15px;
        padding-bottom: 0;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
    }

    .accordian-header {
        padding: 0 !important;
    }

    .accordian-header .form-header .fw6 {
        margin-bottom: 0 !important;
    }

    .payment-methods {
        padding: 20px 0px !important;
    }

    .zeropadding {
        padding: 0px !important;
    }

    .coupon-holder {
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
    }

    .coupon-holder .control-group {
        width: 65%;
        min-width: 200px
    }

    .coupon-input {
        border: 1px solid #DEDEDE !important;
        height: 45px !important;
        border-radius: 10px !important;
        max-width: 100% !important;
    }

    .coupon-btn {
        width: 30%;
        background: #44705C !important;
        height: 45px !important;
        border: none !important;
        color: white !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }

    /* shopping cart */


    /* add address */
    .address-input {
        width: 100%;
        height: 45px;
        border: 1px solid #DEDEDE;
        border-radius: 3px;
        padding: 5px 10px;
        outline: none !important;
        background-color: white;
    }

    .address-inp-holder {
        margin: 15px 15px 15px 0;
    }

    .address-inp-holder label {
        font-size: 14px;
        font-weight: normal;
    }

    .h-100px {
        height: 100px;
    }

    .address-save {
        background: #44705C !important;
        width: 100%;
        height: 45px;
        color: white;
        border-radius: 3px;
        border: none;
        outline: none !important;
        cursor: pointer !important;
    }

    .add-address-title {
        font-size: 35px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .add-address-page {
        padding: 40px 70px;
    }

    .address-view {
        background: #FAFAFA;
        padding: 20px;
    }

    .page-subtitle {
        font-size: 15px;
        font-weight: normal;
    }

    .new-address {
        font-size: 14px;
        font-weight: normal;
        padding-top: 10px;
    }

    #map {
        height: 100% !important;
    }

    .gmnoprint {
        display: none !important;
    }

    #pac-input {
        height: 45px;
        border-radius: 10px;
        z-index: 9 !important;
        top: 27px !important;
        width: 95%;
        right: unset !important;
        left: 15px;
    }

    /* add address */


    /* summary */

    .p-50 {
        padding: 50px;
    }

    .summary-title {
        font-size: 35px;
    }

    .summ-section-title {
        border: none !important;
        font-size: 15px;
        padding-bottom: 0 !important;
        font-weight: normal;
    }

    .summery-items-list {
        border: none !important;
        background: #FAFAFA;
        padding: 20px !important;
    }

    .item-name {
        font-size: 17px;
        color: black;
        font-weight: normal;
    }

    .py-10 {
        padding: 10px 0 !important;
    }

    .pt-13 {
        padding-top: 13px;
    }

    .text-right {
        text-align: right;
    }

    /* summary */

    .checkout-btn-holder {
        position: absolute !important;
        top: 170px !important;
        z-index: 99 !important;
        width: 348px !important;
        right: 34px !important;
        align-items: center !important;
        height: 50px;
    }

    .checkout-btn-holder button {
        height: 100%;
    }



    .checkout-btn {
        width: 100% !important;
    }


    .reviewHtml .display-inbl {
        display: none !important;
    }

    .reviewHtml .billing-address {
        display: none !important;
    }

    .reviewHtml .shipping-address {
        width: 100%;
        max-width: 100% !important;
        flex: auto !important;
        background: #FAFAFA;
        padding: 20px;
        margin-bottom: 20px;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
    }

    .reviewHtml .card-content {
        margin: 0 20px;
    }

    .reviewHtml .card-title b {
        font-size: 15px;
        font-weight: 500;
    }



    .reviewHtml .cart-item-list h4 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 20px !important;
    }

    .reviewHtml .cart-item-list {
        background: #FAFAFA;
        padding: 20px;
        margin-bottom: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .reviewHtml .card-title {
        margin-bottom: 20px !important;
    }

    .reviewHtml .order-description {
        background: #FAFAFA;
        padding: 20px !important;
        margin-bottom: 20px;
    }

    .reviewHtml .shipping {
        margin: 0 !important;
    }

    .reviewHtml .fs18 {
        font-size: 15px !important;
        font-weight: 500 !important;
        margin-bottom: 20px;
    }

    .reviewHtml .link-color {
        font-size: 17px !important;
        font-weight: normal !important;
        color: #000 !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .reviewHtml .col-10.no-padding.fs16 .row.fs20:nth-child(1) {
        width: 200px;
    }

    .reviewHtml .col-10.no-padding.fs16 {
        color: #A1A9C3;
        font-size: 13px;
    }


    .reviewHtml .col-10.no-padding.fs16 .row.col-12:nth-child(3) {
        position: absolute;
        /* right: -19px; */
        top: 0;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        color: #FFF;
        font-size: 15px;
    }

    .reviewHtml .col-2.max-sm-img-dimention:nth-child(1) {
        margin-bottom: 20px;
    }

    .reviewHtml .form-header+div {
        display: flex;
        flex-direction: column;
    }

    .reviewHtml .address-summary {
        order: 2;
    }

    .reviewHtml .cart-item-list {
        order: 1;
    }

    .reviewHtml .order-description {
        order: 3;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
    }

    .state-holder {
        width: 100%;
        display: flex;
        margin: 0 !important;
        padding: 0 !important;
    }

    .line_login_holder {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .line_login_holder span {
        color: #9EA7AF;
        white-space: nowrap;
    }

    .line_login {
        background-color: #9EA7AF;
        display: inline-block;
        width: 157px;
        height: 1px;
        margin: 0 14px;
    }

    .facebook_holder {
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
    }

    .facebook_holder img {
        margin: 0 5px;
    }

    .face_facebook {
        text-align: center;
        margin-top: -32px;
    }

    /* add address */
    .address-input {
        width: 100%;
        height: 45px;
        border: 1px solid #DEDEDE;
        border-radius: 3px;
        padding: 5px 10px;
        outline: none !important;
    }

    .address-inp-holder {
        margin: 15px 15px 15px 0;
    }

    .address-inp-holder label {
        font-size: 14px;
        font-weight: normal;
    }

    .h-100px {
        height: 100px;
    }

    .address-save {
        background: #44705C !important;
        width: 100%;
        height: 45px;
        color: white;
        border-radius: 3px;
        border: none;
        outline: none !important;
        cursor: pointer !important;
    }

    .add-address-title {
        font-size: 35px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .add-address-page {
        padding: 40px 70px;
    }

    .address-view {
        background: #FAFAFA;
        padding: 20px;
    }

    .page-subtitle {
        font-size: 15px;
        font-weight: normal;
    }

    .new-address {
        font-size: 14px;
        font-weight: normal;
        padding-top: 10px;
    }

    #map {
        height: 100% !important;
    }

    .gmnoprint {
        display: none !important;
    }

    #pac-input {
        height: 45px;
        border-radius: 10px;
        z-index: 9 !important;
        top: 27px !important;
        width: 95%;
        right: unset !important;
        left: 15px;
    }

    /* add address */


    /* summary */

    .p-50 {
        padding: 50px;
    }

    .summary-title {
        font-size: 35px;
    }

    .summ-section-title {
        border: none !important;
        font-size: 15px;
        padding-bottom: 0 !important;
        font-weight: normal;
    }

    .summery-items-list {
        border: none !important;
        background: #FAFAFA;
        padding: 20px !important;
    }

    .item-name {
        font-size: 17px;
        color: black;
        font-weight: normal;
    }

    .py-10 {
        padding: 10px 0 !important;
    }

    .pt-13 {
        padding-top: 13px;
    }

    .text-right {
        text-align: right;
    }

    /* summary */

    .checkout-btn {
        width: 100% !important;
    }


    .reviewHtml .display-inbl {
        display: none !important;
    }

    .reviewHtml .billing-address {
        display: none !important;
    }

    .reviewHtml .shipping-address {
        width: 100%;
        max-width: 100% !important;
        flex: auto !important;
        background: #FAFAFA;
        padding: 20px;
        margin-bottom: 20px;
    }

    .reviewHtml .card-content {
        margin: 0 20px;
    }

    .reviewHtml .card-title b {
        font-size: 15px;
        font-weight: 500;

    }

    .reviewHtml .cart-item-list h4 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 20px !important;
    }

    .reviewHtml .cart-item-list {
        padding: 20px;
        margin-bottom: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .reviewHtml .card-title {
        margin-bottom: 20px !important;
    }

    .reviewHtml .order-description {
        background: #FAFAFA;
        padding: 20px !important;
        margin-bottom: 20px;
    }

    .reviewHtml .shipping {
        margin: 0 !important;
    }

    .reviewHtml .fs18 {
        font-size: 15px !important;
        font-weight: 500 !important;
        margin-bottom: 20px;
    }

    .reviewHtml .link-color {
        font-size: 17px !important;
        font-weight: normal !important;
    }

    .reviewHtml .col-10.no-padding.fs16 {
        color: #A1A9C3;
        font-size: 13px;
    }

    .reviewHtml .col-10.no-padding.fs16 .row.col-12:nth-child(3) {
        position: absolute;
        /* right: -19px; */
        top: 0;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        color: #FFF;
        font-size: 15px;
    }

    .reviewHtml .form-header+div {
        display: flex;
        flex-direction: column;
    }

    .reviewHtml .address-summary {
        order: 2;
    }

    .reviewHtml .cart-item-list {
        order: 1;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
    }

    .reviewHtml .order-description {
        order: 3;
    }

    .state-holder {
        width: 100%;
        display: flex;
    }

    .upper-case {
        text-transform: uppercase;
    }

    /* shopping cart */

    /* about us */
    .cms-page-holder {
        margin: 30px 40px;
    }

    /* about us */

    /* help */
    .help-holder {
        margin: 30px 70px;
    }

    .img-help-holder {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: 20px
    }

    .help-title {
        font-size: 35px;
        font-weight: 500px;
        margin-bottom: 30px;
    }

    .help-label {
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        font-family: cairo !important;
    }

    .help-input {
        border: none;
        border-radius: 3px;
        outline: none;
        width: 80%;
        min-width: 250px;
        height: 40px;
        margin-bottom: 25px;
        padding: 5px 10px;
        border: 1px solid #DEDEDE;
    }

    /* select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 5px;
        border: 1px solid #dfdfdf;
        border-radius: 2px;
        margin-right: 3rem;
        padding: 2rem;
        padding-right: 3rem;
    } */
    .empty {
        width: 100%;
    }

    .help-textarea {
        border: none;
        border-radius: 3px;
        outline: none;
        width: 80%;
        min-width: 250px;
        margin-bottom: 25px;
        padding: 20px;
        border: 1px solid #DEDEDE;
    }

    .whish_header_empty {
        /* margin-top: -80px !important; */
    }

    .help-submit {}



    .help-btn {
        width: 250px;
        height: 45px;
        border: none;
        border-radius: 3px;
        color: #FFF;
        outline: none;
        background: #44705C !important;
    }

    .help-group {
        display: flex;
        flex-wrap: wrap;
        width: 80%;
        min-width: 250px;
    }

    body.rtl .account-content .account-layout .account-table-content.profile-page-content .table td:first-child {
        font-family: 'cairo';
    }

    body.rtl .account-content .account-layout .account-table-content label {
        font-family: 'cairo';
    }

    body.rtl [type=button]:not(:disabled),
    body.rtl [type=reset]:not(:disabled),
    body.rtl [type=submit]:not(:disabled),
    body.rtl button:not(:disabled) {
        cursor: pointer;
        font-family: 'cairo';
    }

    .help-group-item {
        font-size: 14px;
        background: #E6E6E6;
        width: fit-content;
        padding: 10px;
        height: 30px;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px 10px 10px 0px;
        cursor: pointer;
        color: #000000;
    }

    .rtl .help-group-item {
        font-size: 14px;
        background: #E6E6E6;
        width: fit-content;
        padding: 10px;
        height: 30px;
        border-radius: 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px 0px 10px 10px;
        cursor: pointer;
        color: #000000;
    }

    .submit-modal {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px;
        width: 400px;
        height: 350px;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: black;
        opacity: 0.5;
    }

    .modal-titel {
        font-size: 19px;
        width: 211px;
        text-align: center;
        margin: 20px 0;
    }

    .modal-p {
        color: #A1A9C3;
        font-size: 14px;

    }

    .showIt {
        visibility: initial !important;
    }

    .modal-holder {
        visibility: hidden;
    }

    .backgroundChange {
        border: 1px solid #FFA327;
        color: #FFA327;
        box-sizing: border-box;
    }

    .side70 {
        padding: 50px 70px
    }

    .headerstyle {
        color: #131313;
        font-size: 12px;
        margin: 3px;
    }

    .credit_holder_step .headerstyle {
        font-weight: 600;

    }

    .inputstyle {
        width: 100%;
        height: 45px;
        background-color: white;
        border: 1px solid #DEDEDE;
        border-radius: 10px
    }

    .top40 {
        padding-top: 40px;
    }

    /* help */


    /* header Responsive */

    .freeimg {
        width: 60px !important;
        margin: 0 18px 0 0;
        height: 60px;
    }

    .rtl .freeimg {
        width: 60px !important;
        margin: 0 0px 0 18px;
        height: 60px;
        transform: rotateY(180deg);
    }

    .rtl .btn-freeshop img {
        /* margin: 0 15px 0 0px;
        transform: rotateY(180deg); */
    }

    .align-header-base {
        align-items: baseline;
    }

    .shpping-text {
        padding: 0 10px;
    }

    body.rtl .theme-btn.text-uppercase.col-12.remove-decoration.fw6.text-center img {
        transform: rotate(180deg);
    }


    .checkout-process .order-summary-container {
        position: -webkit-sticky;
        position: sticky !important;
        top: 150px !important;
    }

    .order-summery-holder .order-summary {
        min-height: 300px;
        padding-bottom: 60px;
    }

    .order-summery-holder .row:last-child {
        display: none;
    }

    .checkout-process .checkout-btn-holder {
        bottom: 15px !important;
        top: unset !important;
        width: 80% !important;
        right: 10% !important;

    }

    .account-action .theme-btn.light.pull-right {
        width: fit-content;
    }

    .account-content {
        display: flex;
        min-height: 100vh;
    }

    body.rtl .account-content .account-layout .account-table-content .address-holder>div {
        padding: 15px !important;
    }

    body.rtl .nav-container {
        left: auto;
        right: 0;
    }

    body.rtl .hamburger-wrapper {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    body.rtl .nav-container .wrapper ul li .rango-arrow-right {
        float: left;
    }

    body.rtl .address_action_holder a img {
        margin: 0 0 0 10px !important;
    }

    .address_action_holder {
        padding: 10px 0 0 !important;
    }

    body.rtl .account-content .account-layout.right {
        /* padding-right: 35px !important; */
    }

    .order_empty_state {
        text-align: center;
        margin: 100px 0 50px 0;
    }

    .order_empty_state h1 {
        margin: 30px 0 10px 0;
        font-weight: 800;
        font-size: 1.5rem;
    }

    .btn-freeshop {
        background-color: #44705C;
        color: #FFF;
        text-transform: uppercase;
        font-size: 14px;
        border: none;
        padding: 12px;
        border-radius: 3px;
        min-width: 350px;
        font-weight: 600;
        background-color: #ECBA5A;
    }

    .order_empty_state p {
        color: #A1A9C3;
        font-size: 14px;
        margin: 0 0 50px 0;
    }

    .hight_holder {
        padding: 100px;
        min-height: 100vh;
    }

    .backtohome {
        background: #44705C;
        color: #FFF;
        display: inline-block;
        max-width: 320px !important;
        margin: auto;
        padding: 10px;
        border-radius: 10px;
        text-transform: uppercase;
    }

    .went_wrong {
        font-size: 20px;
    }

    .order_empty_state button {
        background-color: #44705C;
        color: #FFF;
        text-transform: uppercase;
        font-size: 14px;
        border: none;
        padding: 12px;
        border-radius: 3px;
        min-width: 350px;
        font-weight: 600;
    }

    .order_empty_state button:hover {
        background-color: #1C433E;
    }

    .pull-right {
        margin-top: 10px;
    }

    body.rtl .flex-responsive {
        /* flex-direction: row-reverse; */
    }

    body.rtl .cart_details_text {
        margin: 0 20px 0 0;

    }

    body.rtl #cart-modal-content .small-card-container .rango-close {
        left: auto;
        right: -10px;
    }

    body.rtl .trashmini-cart {
        left: 0px !important;
        right: auto !important;
        display: block !important;
    }

    body.rtl .ml5 {
        margin-left: 0;
        margin-right: 5px;
    }

    body.rtl .mandatory.label-style {
        text-align: right !important;
        font-family: cairo;
    }

    body.rtl #submit_code {
        margin: 0 15px 0 0;
        transform: rotate(180deg);
    }

    body.rtl .label-style {
        font-family: cairo;
    }

    body.rtl .show_password {
        right: unset;
        left: 10px;
    }

    body.rtl #submit_input {
        transform: rotate(180deg);
        margin: 0 15px 0 0;
    }


    .address_action_holder_address {
        padding: 0 !important;
    }

    .address_action_holder_address p {
        margin: 0;
        width: 50%;
        text-align: center;
        display: flex;
        justify-content: center;
        cursor: pointer;
    }

    .custome_category_container {
        margin: 0;
    }

    .add_address:hover {
        text-decoration: none;
    }

    .rtl p,
    .rtl h1,
    .rtl h2,
    .rtl h3,
    .rtl h4,
    .rtl h5,
    .rtl h6,
    .rtl li,
    .rtl span,
    .rtl a,
    .rtl div,
    .rtl select {
        font-family: cairo !important;
    }

    ::-webkit-input-placeholder {
        font-family: cairo !important;
    }

    ::-moz-placeholder {
        font-family: cairo !important;
    }

    :-ms-input-placeholder {
        font-family: cairo !important;
    }

    :-moz-placeholder {
        font-family: cairo !important;
    }

    .rtl [class*=" rango-"],
    .rtl [class^="rango-"] {
        font-family: Webkul Rango !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .rtl header [class*=" rango-"],
    .rtl header [class^="rango-"] {
        /* display: none; */
    }


    body.rtl header #search-form #header-search-icon {
        border-radius: 3px 0 0 3px;
    }

    /* header Responsive */
    body.rtl .col-12.mt15.has-error+.mt10.mb10 {
        margin: 0 20px;
    }


    body.rtl .checkbox.fs16.display-inbl .ml-5 {
        margin-right: 10px !important;
    }

    body.rtl .pl30 {
        padding-right: 30px;
    }

    body.rtl header #search-form .btn-group select,
    body.rtl header #search-form .quantity select {
        border-radius: 0 3px 3px 0 !important;

    }



    body.rtl .mini-cart-container #mini-cart .badge {
        top: -9px;
        right: 13px;
        width: 20px;
        height: 20px;
    }


    body.rtl .intro-subtext-blue {
        margin-left: auto;
    }

    body.rtl .intro-code-input {
        float: revert;
        text-align: right;
        padding: 0px 20px;
    }

    body.rtl .welcome-content {
        margin-right: 20px;
    }

    body.rtl .welcome-content .text-left {
        margin: 0 10px;
    }

    body.rtl .selectdiv {
        direction: ltr;
    }

    .home-code-holder {
        position: relative;
    }

    button:focus {
        outline: none !important;
        border-radius: 3px;
        border: 1px solid #FFF;
    }

    .home-code-holder .code_error {
        position: absolute;
        bottom: -23px;
        left: 0px;
    }

    body.rtl .home-code-holder {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row-reverse;
    }

    body.rtl .intro-code-submit {
        transform: rotate(180deg);
        margin-right: 20px;
    }

    body.rtl .banner-free .row:first-child {
        display: flex;
        flex-direction: row-reverse;
    }

    body.rtl .modal-footer button {
        width: fit-content;
    }



    body.rtl .modal-footer {
        display: flex;
        align-items: center;
    }

    body.rtl .modal-header .close {
        margin-right: auto;
        margin-left: 0;
    }


    body.rtl .product-quantity+.text-down-4 {
        margin-left: 20px;
    }

    body.rtl .order-summary-container {
        margin: 0 auto !important;
    }


    body.rtl .cart-details .cart-content .product-details-content {
        padding-right: 20px !important;
    }

    body.rtl .cart-item-list .product-quantity {
        display: flex;
        align-items: center;
        justify-content: center;
    }



    @media (max-width:1920) {
        .offset-lg-1 {
            margin-left: 8.333333% !important;
        }
    }

    @media (-webkit-transform-3d),
    (transform-3d) {
        .carousel-inner>.item {
            -webkit-transition: -webkit-transform 0.6s ease-in-out;
            transition: -webkit-transform 0.6s ease-in-out;
            transition: transform 0.6s ease-in-out;
            transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000px;
            perspective: 1000px;
        }

        .carousel-inner>.item.active.right,
        .carousel-inner>.item.next {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner>.item.active.left,
        .carousel-inner>.item.prev {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

        .carousel-inner>.item.active,
        .carousel-inner>.item.next.left,
        .carousel-inner>.item.prev.right {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            left: 0;
        }
    }

    @media print {

        *,
        :after,
        :before {
            color: #000 !important;
            text-shadow: none !important;
            background: transparent !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

        a,
        a:visited {
            text-decoration: underline;
        }

        a[href]:after {
            content: " ("attr(href) ")";
        }

        abbr[title]:after {
            content: " ("attr(title) ")";
        }

        a[href^="#"]:after,
        a[href^="javascript:"]:after {
            content: "";
        }

        blockquote,
        pre {
            border: 1px solid #999;
            page-break-inside: avoid;
        }

        thead {
            display: table-header-group;
        }

        img,
        tr {
            page-break-inside: avoid;
        }

        img {
            max-width: 100% !important;
        }

        h2,
        h3,
        p {
            orphans: 3;
            widows: 3;
        }

        h2,
        h3 {
            page-break-after: avoid;
        }

        .navbar {
            display: none;
        }

        .btn>.caret,
        .dropup>.btn>.caret,
        .quantity .dropup>button>.caret,
        .quantity .dropup>input>.caret,
        .quantity button>.caret,
        .quantity input>.caret {
            border-top-color: #000 !important;
        }

        .label {
            border: 1px solid #000 !important;
        }

        .table {
            border-collapse: collapse !important;
        }

        .table td,
        .table th {
            background-color: #FFF !important;
        }

        .table-bordered td,
        .table-bordered th {
            border: 1px solid #ddd !important;
        }
    }

    @media print {
        .visible-print-inline-block {
            display: inline-block !important;
        }
    }

    @media print {
        .hidden-print {
            display: none !important;
        }
    }

    @media print {
        .visible-print-inline {
            display: inline !important;
        }
    }

    @media print {
        .visible-print {
            display: block !important;
        }

        table.visible-print {
            display: table !important;
        }

        tr.visible-print {
            display: table-row !important;
        }

        td.visible-print,
        th.visible-print {
            display: table-cell !important;
        }
    }

    @media print {
        .visible-print-block {
            display: block !important;
        }
    }


    @media screen and (-webkit-min-device-pixel-ratio: 0) {

        input[type="date"].form-control,
        input[type="datetime-local"].form-control,
        input[type="month"].form-control,
        input[type="time"].form-control {
            line-height: 34px;
        }

        .input-group-sm>.input-group-btn>input.btn[type="date"],
        .input-group-sm>.input-group-btn>input.btn[type="datetime-local"],
        .input-group-sm>.input-group-btn>input.btn[type="month"],
        .input-group-sm>.input-group-btn>input.btn[type="time"],
        .input-group-sm>input.form-control[type="date"],
        .input-group-sm>input.form-control[type="datetime-local"],
        .input-group-sm>input.form-control[type="month"],
        .input-group-sm>input.form-control[type="time"],
        .input-group-sm>input.input-group-addon[type="date"],
        .input-group-sm>input.input-group-addon[type="datetime-local"],
        .input-group-sm>input.input-group-addon[type="month"],
        .input-group-sm>input.input-group-addon[type="time"],
        .input-group-sm input[type="date"],
        .input-group-sm input[type="datetime-local"],
        .input-group-sm input[type="month"],
        .input-group-sm input[type="time"],
        .quantity .input-group-sm>.input-group-btn>input[type="date"],
        .quantity .input-group-sm>.input-group-btn>input[type="datetime-local"],
        .quantity .input-group-sm>.input-group-btn>input[type="month"],
        .quantity .input-group-sm>.input-group-btn>input[type="time"],
        input[type="date"].input-sm,
        input[type="datetime-local"].input-sm,
        input[type="month"].input-sm,
        input[type="time"].input-sm {
            line-height: 30px;
        }

        .input-group-lg>.input-group-btn>input.btn[type="date"],
        .input-group-lg>.input-group-btn>input.btn[type="datetime-local"],
        .input-group-lg>.input-group-btn>input.btn[type="month"],
        .input-group-lg>.input-group-btn>input.btn[type="time"],
        .input-group-lg>input.form-control[type="date"],
        .input-group-lg>input.form-control[type="datetime-local"],
        .input-group-lg>input.form-control[type="month"],
        .input-group-lg>input.form-control[type="time"],
        .input-group-lg>input.input-group-addon[type="date"],
        .input-group-lg>input.input-group-addon[type="datetime-local"],
        .input-group-lg>input.input-group-addon[type="month"],
        .input-group-lg>input.input-group-addon[type="time"],
        .input-group-lg input[type="date"],
        .input-group-lg input[type="datetime-local"],
        .input-group-lg input[type="month"],
        .input-group-lg input[type="time"],
        .quantity .input-group-lg>.input-group-btn>input[type="date"],
        .quantity .input-group-lg>.input-group-btn>input[type="datetime-local"],
        .quantity .input-group-lg>.input-group-btn>input[type="month"],
        .quantity .input-group-lg>.input-group-btn>input[type="time"],
        input[type="date"].input-lg,
        input[type="datetime-local"].input-lg,
        input[type="month"].input-lg,
        input[type="time"].input-lg {
            line-height: 46px;
        }
    }

    @media (max-width: 1300px) {
        .form-container .container {
            width: 77%;
        }

    }

    @media (min-width: 1200px) {
        .container {
            width: 1170px;
        }

        .hidden-lg {
            display: none !important;
        }

        .visible-lg {
            display: block !important;
        }

        table.visible-lg {
            display: table !important;
        }

        tr.visible-lg {
            display: table-row !important;
        }

        td.visible-lg,
        th.visible-lg {
            display: table-cell !important;
        }

        .visible-lg-block {
            display: block !important;
        }

        .visible-lg-inline {
            display: inline !important;
        }

        .visible-lg-inline-block {
            display: inline-block !important;
        }

        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
            float: left;
        }

        .col-lg-1 {
            width: 8.33333333%;
        }

        .col-lg-2 {
            width: 16.66666667%;
        }

        .col-lg-3 {
            width: 25%;
        }

        .col-lg-4 {
            width: 33.33333333%;
        }

        .col-lg-5 {
            width: 41.66666667%;
        }

        .col-lg-6 {
            width: 50%;
        }

        .col-lg-7 {
            width: 58.33333333%;
        }

        .col-lg-8 {
            width: 66.66666667%;
        }

        .col-lg-9 {
            width: 75%;
        }

        .col-lg-10 {
            width: 83.33333333%;
        }

        .col-lg-11 {
            width: 91.66666667%;
        }

        .col-lg-12 {
            width: 100%;
        }

        .col-lg-pull-0 {
            right: auto;
        }

        .col-lg-pull-1 {
            right: 8.33333333%;
        }

        .col-lg-pull-2 {
            right: 16.66666667%;
        }

        .col-lg-pull-3 {
            right: 25%;
        }

        .col-lg-pull-4 {
            right: 33.33333333%;
        }

        .col-lg-pull-5 {
            right: 41.66666667%;
        }

        .col-lg-pull-6 {
            right: 50%;
        }

        .col-lg-pull-7 {
            right: 58.33333333%;
        }

        .col-lg-pull-8 {
            right: 66.66666667%;
        }

        .col-lg-pull-9 {
            right: 75%;
        }

        .col-lg-pull-10 {
            right: 83.33333333%;
        }

        .col-lg-pull-11 {
            right: 91.66666667%;
        }

        .col-lg-pull-12 {
            right: 100%;
        }

        .col-lg-push-0 {
            left: auto;
        }

        .col-lg-push-1 {
            left: 8.33333333%;
        }

        .col-lg-push-2 {
            left: 16.66666667%;
        }

        .col-lg-push-3 {
            left: 25%;
        }

        .col-lg-push-4 {
            left: 33.33333333%;
        }

        .col-lg-push-5 {
            left: 41.66666667%;
        }

        .col-lg-push-6 {
            left: 50%;
        }

        .col-lg-push-7 {
            left: 58.33333333%;
        }

        .col-lg-push-8 {
            left: 66.66666667%;
        }

        .col-lg-push-9 {
            left: 75%;
        }

        .col-lg-push-10 {
            left: 83.33333333%;
        }

        .col-lg-push-11 {
            left: 91.66666667%;
        }

        .col-lg-push-12 {
            left: 100%;
        }

        .col-lg-offset-0 {
            margin-left: 0;
        }

        .col-lg-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-lg-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-lg-offset-3 {
            margin-left: 25%;
        }

        .col-lg-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-lg-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-lg-offset-6 {
            margin-left: 50%;
        }

        .col-lg-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-lg-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-lg-offset-9 {
            margin-left: 75%;
        }

        .col-lg-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-lg-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-lg-offset-12 {
            margin-left: 100%;
        }
    }

    .wishlist-container .search_card {
        min-width: 220px !important;
    }

    @media only screen and (max-width: 1100px) {
        .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons {
            width: 100%;
            padding: 5px 0;
            text-align: center !important;
            display: flex;
        }

        .footer .footer-content .newsletter-subscription .newsletter-wrapper .subscribe-newsletter {
            width: 100%;
            padding: 10px 0;
            text-align: center;
        }

        .footer .footer-content .footer-statics>div:not(:last-child) {
            margin-bottom: 30px;
        }
    }

    @media only screen and (max-width: 992px) {
        #home-right-bar-container {
            background-color: #F8F8F8;
            /* min-height: 575px; */

        }

        .authHolder li {
            padding: 15px 25px;
        }

        .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons {
            /* padding: 5px 17px; */
        }

        body.rtl .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons {
            padding: 5px 0px;
        }

        .social_footer_holder .newsletter-wrapper {
            justify-content: flex-start;
        }

        .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons .within-circle {
            background: #FFF !important;
            margin-right: 10px;
            border-radius: 10px;
            color: #000 !important;
            font-size: 25px;
            width: 35px;
            height: 35px;
            padding: 5px;
            box-shadow: none;
        }

        .rtl .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons .within-circle {
            background: #FFF !important;
            margin-right: 0px;
            margin-left: 10px;
            border-radius: 10px;
            color: #000 !important;
            font-size: 25px;
            width: 35px;
            height: 35px;
            padding: 5px;
            box-shadow: none;
        }

        .responsive_wishList {
            position: absolute;
            right: 10px;
            top: 10px;
        }

        .side70 {
            padding: 80px 15px 30px
        }

        .order_container {
            margin-top: -65px;
        }

        .order_item_name {
            max-width: 150px;

        }

        #top .dropdown {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #top #account {
            display: flex;
            align-items: center;
        }

        #top #account .welcome-content {
            font-size: 10px;
        }

        #top {
            padding: 10px !important;
            display: none;
        }



        .hamburger-wrapper {
            padding: 0 25px;


        }

        header #search-form #header-search-icon {
            margin: 0 !important;
            display: flex;
            align-items: center;
            justify-content: center;

        }

        .responsive_header .mini-cart-container {
            padding: 0 25px !important;
        }

        .hamburger-wrapper+a {
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

        .vc-header .vc-small-screen .row:first-child .col-6:first-child {
            width: 100% !important;
            flex: unset !important;
            max-width: 100% !important;
            padding: 10px !important;
            color: #000        }

        .footer .footer-content .footer-statics {
            padding: 30px 25px !important;
        }

        .footer .footer-content .footer-statics.col-12 {
            margin-top: 75px !important;
            margin-bottom: -1px !important;
        }

        .col-4.no-padding .fs20.fw6 {
            white-space: nowrap;
        }

        .social_footer_holder>.row {
            padding: 0 !important;
            flex-direction: column;
            width: 100%;
        }

        .social_footer_holder>.row .col-lg-6 ul li {
            margin: 0 0px 0 0;
            white-space: nowrap;
        }

        .sidepadding {
            padding: 20px !important;
        }

        .intro-back-to-school {
            margin-top: 50px !important;
            font-size: 42px;
        }



        .intro-subtext-blue {
            width: 80% !important;
        }

        .intro-code-input {
            width: 80% !important;
            max-width: 350px !important;
        }

        .coupon-btn {
            font-size: 12px;
        }

        body.rtl .col-10.pr0.item-title {
            padding-right: 50px !important;
        }

        /* .product-quantity+.text-down-4 {
            display: none;
        } */

        body.rtl #checkout {
            margin: 0 !important;
        }


        .reviewHtml .address-summary {
            margin: 0 !important;
        }

        .reviewHtml .cart-item-list {
            margin: 0 !important;
            margin-bottom: 20px !important;
        }

        .reviewHtml .order-description {
            margin: 0 !important;
        }


        .reviewHtml .col-10.no-padding.fs16 .row.col-12:nth-child(3) {
            position: unset !important;
        }

        #map {
            height: 300px !important;
            margin-bottom: 20px;
        }

        #pac-input {
            left: 3% !important;
        }

        .img-help-holder img {
            width: 100%;
        }



        .nav>li>a {
            padding: 10px 6px !important;
        }

        .product_d_panal li.active a {
            font-size: 12px;
        }

        .nav>li,
        .nav>li>a {
            font-size: 12px;
        }

        .quantity.control-group {
            display: flex;
        }

        .add_to_cart_holder .product-actions.viewicon a {
            top: 7px;
        }

        li a span:nth-child(2) {
            display: block;
            width: 80%;
            white-space: nowrap;
            padding: 0 10px;
            color: #000;

        }

        .responsive_header li a {
            display: flex;
        }

        .product_name_details {
            padding-right: 50px !important;
        }

        .rtl .product_name_details {
            padding-right: 0 !important;
            padding-left: 50px !important;
        }



        .form-group.divauto420 {
            width: auto !important;
        }

        .divauto420.center1.headline22.graycolor {
            width: auto !important;
        }

        .signUp_left_side::after {
            display: none;
        }

        .signinbutton {
            width: 100%;
        }

        .form-container .container .signUp_holder {
            padding: 20px 0 !important;
        }

        .signUp_left_side,
        .signUp_left_side+div {
            padding: 0 !important;
        }

        .account-content .account-layout .account-items-list.wishlist-container {
            align-items: center;
            justify-content: flex-start;
        }

        #app {

            top: 65px;
        }

        .filter_responsive_btn {
            display: flex;
        }

        .product-card-new .card-body {
            padding-bottom: 0 !important;
        }

        .product-card-new .card-body>div:last-child {
            margin-bottom: 0px !important;

        }

        .card {
            max-height: 340px;
            min-height: 300px;
            margin-bottom: 0 !important;
        }

        body.rtl .mini-cart-container #mini-cart .badge {
            top: -4px !important;
            right: -2px !important;
            left: auto;
            width: 14px !important;
            height: 14px !important;
        }

        .badge-container {
            min-width: 11px;
            width: 14px;
            height: 14px;
            top: -3px;
            right: -3px;
            padding: 1px;
            box-shadow: 0px 0px 0px 3px rgb(255 199 39 / 20%);

        }

        .mini-cart-container #mini-cart .badge {
            padding: 2px;
            min-width: 11px;
            box-shadow: 0px 0px 0px 3px rgb(255 199 39 / 20%);
            width: 11px;
            height: 11px;
            font-size: 8px;
            top: -4px;
            left: 16px
        }

        .badge-container .badge {
            font-size: 8px;
        }

        .header-shadow {
            padding: 0 !important;
        }

        header #search-form * {
            display: flex;
            align-items: center;
        }

        .heart_header {
            height: auto;
        }

        .responsive_header {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .hamburger-wrapper_responsive .wishlist-btn {
            margin: 0 !important;

        }

        header .mini-cart-container {
            height: auto !important;
        }

        .product-name {
            white-space: normal !important;
        }

        .carousel-products .VueCarousel-slide {
            max-width: 46%;
        }

        .add-to-cart-btn form {
            width: 100%;
        }

        body.open-hamburger {
            color: #7f7f7f;
            opacity: 0.8;
            overflow: hidden;
        }

        .responsive_content-list {
            width: 100%;
            display: none;
        }



        .main-content-wrapper .content-list ul {
            height: auto;
        }

        .main-content-wrapper .content-list ul li a {
            padding: 10px 15px;
            color: #071B2C;
        }

        .header-shadow .logo {
            margin-top: 0px;
            margin: 0;
            width: 75px;
        }

        .offset-lg-1.order-summary-container {
            margin-left: 0 !important;
        }

        #cart-modal-content {
            left: 0;
        }

        .vc-small-screen {
            display: block !important;
        }

        .main-content-wrapper {
            z-index: 100;
        }






        .product-card-new.grid-card .product-image-container {
            height: 165px;
        }

        .product-card-new.grid-card .card-body .product-name {
            width: 13rem;
        }

        .product-card-new.grid-card .card-body .product-rating {
            display: none;
        }

        .product-card-new.grid-card .card-body .add-to-cart-btn {
            padding: 0;
        }

        .carousel-products.with-recent-viewed .product-card-new.grid-card .card-body .add-to-cart-btn .btn-add-to-cart .btn-add-to-cart,
        .product-card-new.grid-card .card-body .add-to-cart-btn .btn-add-to-cart .carousel-products.with-recent-viewed .btn-add-to-cart,
        .product-card-new.grid-card .card-body .add-to-cart-btn .btn-add-to-cart .small-padding.btn-add-to-cart {
            padding: 3px 14px !important;
            margin-bottom: 20px !important;
        }

        .product-card-new.grid-card .card-body .add-to-cart-btn~a {
            position: relative;
        }

        .product-card-new.grid-card .card-body .add-to-cart-btn~a.compare-icon {
            right: 0;
        }

        .product-card-new.grid-card .card-body .add-to-cart-btn~a.wishlist-icon {
            padding: 0;
            left: 10px;
            max-width: 25px;
        }

        .product-card-new.grid-card #quick-view-btn-container {
            display: none;
        }

        .advertisement-four-container .offers-ct-panel {
            padding: 8px 0;
        }

        .advertisement-four-container .offers-ct-panel a:first-child {
            padding-bottom: 10px !important;
        }

        .advertisement-three-container .bottom-container img,
        .advertisement-three-container .top-container img {
            padding: 0;
            height: unset;
        }

        .advertisement-three-container .second-panel {
            padding-top: 10px;
        }

        .advertisement-two-container a:nth-of-type(2) {
            padding: 10px 0 !important;
        }



        .category-with-custom-options {
            display: none;
        }

        .category-with-custom-options.vc-small-screen {
            display: block;
        }

        .category-with-custom-options.vc-small-screen .smart-category-container .col-12 {
            padding: 0;
        }

        .category-with-custom-options.vc-small-screen .smart-category-container:not(:first-child) {
            padding-top: 20px;
        }

        .footer .footer-content .newsletter-subscription {
            padding: 10px 0;
        }

        .footer .footer-content .newsletter-subscription .newsletter-wrapper {
            margin: 0;
            padding: 0;
        }

        .footer .footer-content>.row .footer-rt-content {
            padding-right: 0;
            padding-left: 0;
        }

        .footer .footer-content .newsletter-subscription .newsletter-wrapper .subscribe-newsletter {
            text-align: left;
        }

        .footer .footer-content .newsletter-subscription .newsletter-wrapper .subscribe-newsletter .subscriber-form-div {
            text-align: center;
        }


        .footer .footer-content .footer-statics {
            padding: 30px 50px;
        }

        .footer .footer-content .footer-copy-right {
            font-size: 14px;
        }

        .popular-categories-container .popular-category-wrapper {
            padding: 0;
        }

        .popular-categories-container .popular-category-wrapper .card .category-image {
            height: 100%;
        }

        .popular-categories-container .popular-category-wrapper:last-child {
            padding-left: 0;
        }

        .slides-container .VueCarousel .VueCarousel-pagination .VueCarousel-dot {
            padding: 2px !important;
        }

        .account-content .sidebar {
            display: none;
        }

        .account-content .account-layout {
            padding: 0;
        }

        .account-content .account-layout.right {
            /* padding-right: 20px !important;
            padding-left: 20px !important; */
            padding: 10px !important;
        }

        .wishlist-container .search_card {
            min-width: calc(50% - 5px) !important;
        }

        .account-content .account-layout .account-items-list.wishlist-container .product-card-new {
            width: calc(50% - 5px);
        }

        .account-content .account-layout .account-table-content #datagrid-filters>.search-filter {
            width: 100%;
            max-width: 100%;
            margin: 0 0 10px;
        }

        .account-content .account-layout .account-table-content #datagrid-filters>.dropdown-filters {
            width: 100%;
        }

        .account-content .account-layout .account-table-content #datagrid-filters>.dropdown-filters .control-group {
            width: 100%;
            max-width: 100%;
        }

        .account-content .account-layout .account-table-content #datagrid-filters>.dropdown-filters .dropdown-container li {
            width: 100%;
        }

        .account-content .account-layout .account-table-content #datagrid-filters>.dropdown-filters:nth-of-type(2) {
            margin-top: 30px;
            margin-bottom: 10px;
        }

        .account-content .account-layout .sale-container .tabs-content .totals .sale-summary {
            width: 100%;
            font-size: 17px;
        }

        .account-content .account-layout .sale-container .tabs-content .totals .sale-summary tbody tr td {
            width: 50% !important;
        }

        .account-content .account-layout .sale-container .tabs-content .totals .sale-summary tbody tr td:last-child {
            text-align: right;
        }

        .account-content .account-layout .sale-container .order-box-container .box {
            width: 100%;
            margin-bottom: 20px;
        }

        .account-content .account-layout .sale-container .order-box-container .box .box-title {
            padding-bottom: 0;
        }

        .account-content .account-layout .table table thead {
            display: none;
        }

        .account-content .account-layout .table table tr {
            margin-bottom: 20px;
            border: 1px solid #CCC;
        }

        .account-content .account-layout .table table tr td {
            width: 100%;
            display: block;
            border-top: none;
        }

        /* .account-content .account-layout .table table tr td:before {
            content: attr(data-value);
            font-size: 15px;
            font-weight: 600;
            display: inline-block;
            width: 120px;
        } */

        .account-content .account-layout .table table tr td .action {
            display: inline-block;
        }

        /* .mini-cart-container {
            display: none;
        } */

        header .vc-small-screen .searchbar {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        header .vc-small-screen .searchbar .compare-btn,
        header .vc-small-screen .searchbar .wishlist-btn {
            display: none;
        }

        header .vc-small-screen #search-form {
            width: 95%;
            margin: auto;
            border-radius: 20px;

        }

        header .vc-small-screen #search-form .selectdiv {
            display: none;
        }

        header .vc-small-screen #search-form .selectdiv+div input {
            width: calc(100% - 40px);
            border-radius: 3px 0 0 3px;
        }

        body.rtl header .vc-small-screen #search-form .selectdiv+div input {
            border-radius: 0 3px 3px 0;
        }

        .carousel-products.vc-full-screen {
            display: none;
        }

        .carousel-products.vc-small-screen {
            display: block !important;
        }

        .carousel-products+.recently-viewed {
            top: 0;
            position: static;
        }

        .reviews-container .review-wrapper,
        .reviews-container .review-wrapper:first-of-type,
        .reviews-container .review-wrapper:last-of-type,
        .reviews-container .review-wrapper:nth-last-of-type(2) {
            padding: 0;
        }

        .reviews-container .review-wrapper:not(:last-child) {
            margin-bottom: 10px;
        }

        .product-policy-wrapper {
            padding: 0 !important;
        }

        .product-policy-wrapper:not(:last-child) {
            margin-bottom: 10px;
        }

        .main-product-image {
            display: none;
        }

        .product-detail #product-form .form-container .left {
            top: 0;
            padding: 0;
            position: relative;
            margin-bottom: 20px;
        }

        .product-detail #product-form .form-container .left .vc-small-product-image {
            width: 100%;
            object-fit: cover;
            height: 100%;
        }

        .product-detail #product-form .form-container>.left .product-image-group>div {
            max-height: 234px;
            overflow: hidden;
        }

        .product-detail #product-form .form-container .right {
            padding: 0;
        }

        .product-detail .customer-rating>.row>div {
            margin-bottom: 30px;
        }

        .review-page-container>div {
            padding: 0;
        }

        .review-page-container>div:not(:last-child) {
            position: relative;
            margin-bottom: 60px;
        }

        .customer-rating>.row>div:not(:last-child) {
            margin-bottom: 20px;
        }

        .auth-content.form-container>.container {
            margin: 0;
            width: 100%;
        }

        .auth-content.form-container>.container>div:first-child {
            padding: 0;
        }

        .auth-content.form-container>.container>div:first-child .body {
            padding: 20px;
        }

        .category-page-wrapper .layered-filter-wrapper {
            display: none;
        }

        .category-page-wrapper .category-container {
            margin: 0;
            padding-left: 0 !important;
            padding-right: 0 !important;
            min-width: 100%;
            padding-top: 20px !important;
        }

        .category-page-wrapper .category-container h1 {
            margin-bottom: 20px !important;
        }

        .text-uppercase {
            font-size: 12px;
        }

        .category-page-wrapper .category-container>div {
            padding: 0 10px;
        }

        .category-page-wrapper .category-container>div:first-child {
            padding: 0 10px !important;
        }

        .category-page-wrapper .category-container .filters-container {
            left: 0;
            top: 30px;
            padding: 0;
            width: 100%;
            z-index: 9;
            position: fixed;
            padding-bottom: 10px;
            background-color: #FFF;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
        }

        .category-page-wrapper .category-container .filters-container .toolbar-wrapper>div.col-4 {
            margin: 0;
            padding: 0;
            display: table;
            text-align: center;
        }



        .category-page-wrapper .category-container .filters-container .toolbar-wrapper>div.col-4 * {
            display: table-cell;
            vertical-align: middle;
        }

        .category-page-wrapper .category-container .filters-container .toolbar-wrapper>div.col-4 a {
            text-align: center;
            display: inline-block;
        }

        .category-page-wrapper .category-container .filters-container .toolbar-wrapper>div.col-4 span {
            left: 5px;
            position: relative;
        }

        .nav-container {
            top: 72px;
            left: 0;
            width: 100%;
            opacity: 1;
            z-index: 9999;
            height: 100vh;
            position: fixed;
            font-size: 16px;
            overflow-y: scroll;
            -webkit-box-shadow: 0 2px 8px 0;
            box-shadow: 0 2px 8px 0;
            background-color: #FFF;
            padding-top: 20px;
        }

        .nav-container .wrapper {
            position: relative;
        }

        .nav-container .wrapper .category-title {
            width: 100%;
            display: none;
            display: table;
            padding-left: 10px;
            margin: 13px 0;
        }

        .nav-container .wrapper .category-title>i {
            font-size: 26px;
            display: table-cell;
            vertical-align: middle;
        }

        .nav-container .wrapper .category-title span {
            font-size: 20px;
            display: table-cell;
            vertical-align: top;
        }

        .nav-container .wrapper .category-title span i {
            float: left !important;
            margin: 2px 2px 0 0 !important;
        }

        .nav-container .wrapper .greeting {
            top: 0;
            width: 100%;
            display: table;
            position: relative;
            position: relative;
            color: #111;
            background-color: #FFF;
            border-bottom: 1px solid #CCC;
        }

        .nav-container .wrapper .greeting>i {
            font-size: 26px;
            display: table-cell;
            vertical-align: middle;
        }

        .nav-container .wrapper .greeting span {
            font-size: 20px;
            display: table-cell;
            vertical-align: top;
        }

        .nav-container .wrapper ul {
            font-weight: 600;
            color: #111;
            border-top: 1px solid #CCC;
        }

        .nav-container .wrapper ul li {
            font-size: 16px;
            padding: 10px 0 10px 20px;
        }

        body.rtl .nav-container .wrapper ul li {
            padding: 10px 20px 10px 20px;
        }

        .nav-container .wrapper ul li:hover {
            background-color: #E6E6E6;
        }

        .nav-container .wrapper ul li .category-logo,
        .nav-container .wrapper ul li .language-logo-wrapper {
            width: 18px;
            height: 18px;
            margin-right: 5px;
            display: inline-block;
        }

        body.rtl .nav-container .wrapper ul li .category-logo,
        body.rtl .nav-container .wrapper ul li .language-logo-wrapper {
            margin-right: 0px;
            margin-left: 5px;
        }

        .nav-container .wrapper ul li .rango-arrow-right {
            float: right;
            font-size: 20px;
            padding-top: 5px;
            padding-right: 15px;
        }

        .nav-container .wrapper ul li .nested-category {
            border-top: unset;
        }

        .nav-container .wrapper ul li .nested-category li:last-child {
            padding-bottom: 0;
        }

        .nav-container .wrapper ul:first-of-type {
            border-top: unset;
            margin-bottom: 0px;
        }

        .nav-container .wrapper .category-wrapper li,
        .nav-container .wrapper .vc-customer-options li {
            font-size: 14px;
            display: flex;
            width: 100%;
            justify-content: space-between;
        }

        .nav-container .wrapper .category-wrapper li i.icon,
        .nav-container .wrapper .vc-customer-options li i.icon {
            speak: none;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            text-transform: none;
            font-variant: normal;
            -webkit-font-smoothing: antialiased;
            font-family: Webkul Rango !important;
            font-size: 18px;
            padding-right: 5px;
        }

        .nav-container .wrapper .category-wrapper li i.icon.profile:before,
        .nav-container .wrapper .vc-customer-options li i.icon.profile:before {
            content: "\E995";
        }

        .nav-container .wrapper .category-wrapper li i.icon.address:before,
        .nav-container .wrapper .vc-customer-options li i.icon.address:before {
            content: "\E949";
        }

        .nav-container .wrapper .category-wrapper li i.icon.reviews:before,
        .nav-container .wrapper .vc-customer-options li i.icon.reviews:before {
            content: "\E97D";
        }

        .nav-container .wrapper .category-wrapper li i.icon.wishlist:before,
        .nav-container .wrapper .vc-customer-options li i.icon.wishlist:before {
            content: "\E93E";
        }

        .nav-container .wrapper .category-wrapper li i.icon.orders:before,
        .nav-container .wrapper .vc-customer-options li i.icon.orders:before {
            content: "\E931";
        }

        .nav-container .wrapper .category-wrapper li i.icon.downloadables:before,
        .nav-container .wrapper .vc-customer-options li i.icon.downloadables:before {
            content: "\E926";
        }

        .nav-container .drawer-section {
            padding: 15px;
        }

        .nav-container .header.drawer-section {
            width: 100%;
            display: table;
        }

        .nav-container .header.drawer-section>* {
            display: table-cell;
            vertical-align: middle;
        }

        .nav-container .header.drawer-section i {
            width: 25px;
            padding-right: 10px;
        }

        .nav-container .layered-filter-wrapper {
            width: 100%;
            display: block;
            padding-top: 0;
            margin-bottom: 0;
        }

        .category-container .grid-card,
        .search-container .grid-card {
            width: 45%;
            margin-bottom: 20px !important;
        }

        .category-container .grid-card:nth-child(odd),
        .search-container .grid-card:nth-child(odd) {
            float: left;
        }

        .category-container .grid-card:nth-child(2n),
        .search-container .grid-card:nth-child(2n) {
            float: right;
        }

        .cart-details.offset-1,
        .cart-details .order-summary-container.offset-1 {
            margin-left: 0;
            padding-left: 0;
            padding-right: 0;
        }

        .cart-details .cart-details-header,
        .cart-details h1 {
            padding: 0;
        }

        .cart-details h1 {
            margin-bottom: 20px;
        }

        .cart-details .cart-header {
            display: none;
        }

        .cart-details .cart-item-list>div {
            margin: 0;
            padding: 0;
        }

        .cart-details .product-price .special-price,
        .cart-details .product-price span:first-child {
            font-size: 18px;
        }

        .cart-details .actions {
            margin-top: 7px !important;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .remove-padding-margin .cursor-pointer {
            text-align: right;
            padding: 0;
        }

        .cart-details .continue-shopping,
        .cart-details .empty-cart-message {
            padding: 0;
            width: fit-content;
        }

        .checkout-process {
            margin-left: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .checkout-process>div,
        .checkout-process h1 {
            padding: 0;
        }

        .checkout-process .accordian-header h3 {
            margin-bottom: 0 !important;
        }

        .checkout-process .billing-address {
            margin-bottom: 20px;
        }

        .address-holder>div {
            padding-right: 0;
            padding-bottom: 15px;
        }

        .wishlist-container {
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .wishlist-container .product-card-new {
            margin-left: 0;
        }

        .compare-products {
            padding: 0 !important;
        }

        .compare-products .col,
        .compare-products .col-2 {
            max-width: unset;
        }

        .compare-icon,
        .wishlist-icon {
            margin-left: 0;
        }

    }

    @media (min-width: 992px) {


        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
            float: left;
        }

        .col-md-1 {
            width: 8.33333333%;
        }

        .col-md-2 {
            width: 16.66666667%;
        }

        .col-md-3 {
            width: 25%;
        }

        .col-md-4 {
            width: 33.33333333%;
        }

        .col-md-5 {
            width: 41.66666667%;
        }

        .col-md-6 {
            width: 50%;
        }

        .col-md-7 {
            width: 58.33333333%;
        }

        .col-md-8 {
            width: 66.66666667%;
        }

        .col-md-9 {
            width: 75%;
        }

        .col-md-10 {
            width: 83.33333333%;
        }

        .col-md-11 {
            width: 91.66666667%;
        }

        .col-md-12 {
            width: 100%;
        }

        .col-md-pull-0 {
            right: auto;
        }

        .col-md-pull-1 {
            right: 8.33333333%;
        }

        .col-md-pull-2 {
            right: 16.66666667%;
        }

        .col-md-pull-3 {
            right: 25%;
        }

        .col-md-pull-4 {
            right: 33.33333333%;
        }

        .col-md-pull-5 {
            right: 41.66666667%;
        }

        .col-md-pull-6 {
            right: 50%;
        }

        .col-md-pull-7 {
            right: 58.33333333%;
        }

        .col-md-pull-8 {
            right: 66.66666667%;
        }

        .col-md-pull-9 {
            right: 75%;
        }

        .col-md-pull-10 {
            right: 83.33333333%;
        }

        .col-md-pull-11 {
            right: 91.66666667%;
        }

        .col-md-pull-12 {
            right: 100%;
        }

        .col-md-push-0 {
            left: auto;
        }

        .col-md-push-1 {
            left: 8.33333333%;
        }

        .col-md-push-2 {
            left: 16.66666667%;
        }

        .col-md-push-3 {
            left: 25%;
        }

        .col-md-push-4 {
            left: 33.33333333%;
        }

        .col-md-push-5 {
            left: 41.66666667%;
        }

        .col-md-push-6 {
            left: 50%;
        }

        .col-md-push-7 {
            left: 58.33333333%;
        }

        .col-md-push-8 {
            left: 66.66666667%;
        }

        .col-md-push-9 {
            left: 75%;
        }

        .col-md-push-10 {
            left: 83.33333333%;
        }

        .col-md-push-11 {
            left: 91.66666667%;
        }

        .col-md-push-12 {
            left: 100%;
        }

        .col-md-offset-0 {
            margin-left: 0;
        }

        .col-md-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-md-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-md-offset-3 {
            margin-left: 25%;
        }

        .col-md-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-md-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-md-offset-6 {
            margin-left: 50%;
        }

        .col-md-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-md-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-md-offset-9 {
            margin-left: 75%;
        }

        .col-md-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-md-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-md-offset-12 {
            margin-left: 100%;
        }

        .container {
            width: 970px;
        }

        .modal-lg {
            width: 900px;
        }

        .offset-lg-1 {
            margin-left: 5.333333%;
        }
    }


    @media (max-width: 992px) {
        body.rtl .advertisement-three-container .top-container img {
            padding: 15px 0px !important;

        }

        .advertisement-two-container img {
            padding-top: 10px;
        }

        .product-price_details .regular-price {
            left: 130px !important;
        }


        .rtl .product-price_details .regular-price {
            position: absolute !important;
            left: 177px !important;
            right: auto;
            top: 8px !important;
        }

        .product-price_details {
            padding: 0 !important;
        }

        .login_container {
            margin: 40px 0 0 0;
        }

        .social_footer_holder>.row .col-lg-6 ul {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            flex-direction: column;
        }


        .order-summary-container .order-summary {
            margin-top: 20px;
            width: 100%;
            position: fixed;
            background: #FFF;
            bottom: -7px;
            left: 0;
            border-radius: 20px 20px 0 0;
            border: none;
            -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.2);
            right: 0;
            min-width: 100%;
        }

        #cart-modal-content {
            left: -327px !important;
        }

        .checkout-btn-holder {
            position: fixed !important;
        }

        .order-summary-container .order-summary>h3 {
            display: none;
        }

        .order-summary-container .order-summary #grand-total-detail {
            margin-top: 10px !important;
            padding-top: 10px !important;
            margin-bottom: 12px !important;
        }

        .order-summery-holder .order-summary {
            min-height: auto !important;
            padding-bottom: 75px !important;
        }

        body.rtl header .mini-cart-container {
            height: auto;
        }

        .checkout_container h4 {
            display: none !important;
        }

        .follow_us_holder h3 {
            text-align: left;
        }

        .offset-lg-1 {
            margin-left: 0 !important;
        }

        .footer_logo::after {
            display: none;
        }

        .help-holder {
            margin: 30px 20px;
            margin-top: 91px;
        }

        .unset.wishlist-icon {
            position: absolute;
            top: -6px;
            right: 5px;
        }

        .rtl .unset.wishlist-icon {
            left: 5px;
            right: auto;
        }

        .home-code-holder {
            display: flex;
        }

        .cms-page-holder .col-lg-6 img {
            width: 100%;
        }

        .cart-details {
            padding: 10px;
            margin: 0 !important;
            padding-top: 50px;
        }

        .profile-update-form {
            width: auto;
        }

        .footer-rt-content .mb5.col-12 {
            padding: 0;
        }

        .footer_logo {
            margin: 0 0 15px 0;
        }

        .footer .footer-content .newsletter-subscription .newsletter-wrapper input.subscribe-field {
            margin: 0 0 20px 0;
        }

        .footer .footer-content>.row .footer-rt-content .row>div {
            padding-left: 0;
        }

        .footer .footer-content>.row {
            height: auto;
        }

        .vc-header {
            background-color: #FFF;
        }

        .cart-padding {
            color: #000 !important;
        }

        header .mini-cart-container #mini-cart .mini-cart-content .cart-text {
            display: none;
        }

        header .mini-cart-container {
            padding: 5px 0px;
        }

        .mini-cart-container #mini-cart {
            padding-right: 0;
            padding-left: 0;
        }

        body {
            overflow-x: hidden;
            margin: 8px 0 0 0 !important;
        }

        .product-detail .thumb-list .thumb-frame>.bg-image {
            background-size: contain;
        }

        .header-shadow {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
        }
    }


    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md {
            display: block !important;
        }

        table.visible-md {
            display: table !important;
        }

        tr.visible-md {
            display: table-row !important;
        }

        td.visible-md,
        th.visible-md {
            display: table-cell !important;
        }

        .visible-md-inline {
            display: inline !important;
        }

        .visible-md-block {
            display: block !important;
        }

        .visible-md-inline-block {
            display: inline-block !important;
        }

        .hidden-md {
            display: none !important;
        }
    }







    @media (min-width: 992px) {}

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm-block {
            display: block !important;
        }

        .visible-sm-inline {
            display: inline !important;
        }

        .visible-sm-inline-block {
            display: inline-block !important;
        }

        .visible-sm {
            display: block !important;
        }

        table.visible-sm {
            display: table !important;
        }

        tr.visible-sm {
            display: table-row !important;
        }

        td.visible-sm,
        th.visible-sm {
            display: table-cell !important;
        }

        .hidden-sm {
            display: none !important;
        }
    }

    @media screen and (max-width: 767px) {
        .visible-xs {
            display: block !important;
        }

        table.visible-xs {
            display: table !important;
        }

        tr.visible-xs {
            display: table-row !important;
        }

        td.visible-xs,
        th.visible-xs {
            display: table-cell !important;
        }

        .visible-xs-block {
            display: block !important;
        }

        .visible-xs-inline {
            display: inline !important;
        }

        .visible-xs-inline-block {
            display: inline-block !important;
        }

        .btn-freeshop {
            width: 100%;
        }

        .hidden-xs {
            display: none !important;
        }

        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd;
        }

        .table-responsive>.table {
            margin-bottom: 0;
        }

        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>td,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>thead>tr>th {
            white-space: nowrap;
        }

        .table-responsive>.table-bordered {
            border: 0;
        }

        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>thead>tr>th:first-child {
            border-left: 0;
        }

        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>thead>tr>th:last-child {
            border-right: 0;
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th {
            border-bottom: 0;
        }
    }

    @media only screen and (max-width: 768px) {
        .orders_header {
            padding: 30px 0 11px 0;
            margin-top: 40px !important;

        }

        .product-detail .right .info>h2,
        .product-detail .right .info div {
            /* padding-right: 50px !important; */
            font-size: 18px;
        }

        .product-detail .right .add-to-cart-btn button {
            white-space: nowrap;
            font-size: 14px;
        }

        .add_to_cart_holder .add-to-cart-btn {
            width: calc(100% - 28px);
        }

        .modal-container {
            left: 10%;
            max-width: 80%;
            margin-left: 0;
        }

        .footer .footer-list-container {
            padding-left: 0 !important;
        }

        .footer .currency {
            display: block !important;
        }
    }

    @media (min-width: 768px) {

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next,
        .carousel-control .icon-prev {
            width: 30px;
            height: 30px;
            margin-top: -10px;
            font-size: 30px;
        }

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            margin-left: -10px;
        }

        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            margin-right: -10px;
        }

        .carousel-caption {
            right: 20%;
            left: 20%;
            padding-bottom: 30px;
        }

        .carousel-indicators {
            bottom: 20px;
        }

        .jumbotron {
            padding-top: 48px;
            padding-bottom: 48px;
        }

        .container-fluid .jumbotron,
        .container .jumbotron {
            padding-right: 60px;
            padding-left: 60px;
        }

        .jumbotron .h1,
        .jumbotron h1 {
            font-size: 63px;
        }

        .navbar-text {
            float: left;
            margin-right: 15px;
            margin-left: 15px;
        }

        .navbar-left {
            float: left !important;
        }

        .navbar-right {
            float: right !important;
            margin-right: -15px;
        }

        .navbar-right~.navbar-right {
            margin-right: 0;
        }

        .lead {
            font-size: 21px;
        }

        .container {
            width: 750px;
        }

        .form-inline .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle;
        }

        .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }

        .form-inline .form-control-static {
            display: inline-block;
        }

        .form-inline .input-group {
            display: inline-table;
            vertical-align: middle;
        }

        .form-inline .input-group .form-control,
        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn {
            width: auto;
        }

        .form-inline .input-group>.form-control {
            width: 100%;
        }

        .form-inline .control-label {
            margin-bottom: 0;
            vertical-align: middle;
        }

        .form-inline .checkbox,
        .form-inline .radio {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle;
        }

        .form-inline .checkbox label,
        .form-inline .radio label {
            padding-left: 0;
        }

        .form-inline .checkbox input[type="checkbox"],
        .form-inline .radio input[type="radio"] {
            position: relative;
            margin-left: 0;
        }

        .form-inline .has-feedback .form-control-feedback {
            top: 0;
        }

        .form-horizontal .form-group-lg .control-label {
            padding-top: 11px;
            font-size: 18px;
        }

        .form-horizontal .control-label {
            padding-top: 7px;
            margin-bottom: 0;
            text-align: right;
        }

        .form-horizontal .form-group-sm .control-label {
            padding-top: 6px;
            font-size: 12px;
        }

        .navbar-right .dropdown-menu {
            right: 0;
            left: auto;
        }

        .navbar-right .dropdown-menu-left {
            left: 0;
            right: auto;
        }

        .nav-justified>li,
        .nav-tabs.nav-justified>li {
            display: table-cell;
            width: 1%;
        }

        .nav-justified>li>a,
        .nav-tabs.nav-justified>li>a {
            margin-bottom: 0;
        }

        .nav-tabs-justified>li>a,
        .nav-tabs.nav-justified>li>a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0;
        }

        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:focus,
        .nav-tabs-justified>.active>a:hover,
        .nav-tabs.nav-justified>.active>a,
        .nav-tabs.nav-justified>.active>a:focus,
        .nav-tabs.nav-justified>.active>a:hover {
            border-bottom-color: #FFF;
        }

        .dl-horizontal dt {
            float: left;
            width: 160px;
            clear: left;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .dl-horizontal dd {
            margin-left: 180px;
        }

        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12 {
            float: left;
        }

        .col-sm-1 {
            width: 8.33333333%;
        }

        .col-sm-2 {
            width: 16.66666667%;
        }

        .col-sm-3 {
            width: 25%;
        }

        .col-sm-4 {
            width: 33.33333333%;
        }

        .col-sm-5 {
            width: 41.66666667%;
        }

        .col-sm-6 {
            width: 50%;
        }

        .col-sm-7 {
            width: 58.33333333%;
        }

        .col-sm-8 {
            width: 66.66666667%;
        }

        .col-sm-9 {
            width: 75%;
        }

        .col-sm-10 {
            width: 83.33333333%;
        }

        .col-sm-11 {
            width: 91.66666667%;
        }

        .col-sm-12 {
            width: 100%;
        }

        .col-sm-pull-0 {
            right: auto;
        }

        .col-sm-pull-1 {
            right: 8.33333333%;
        }

        .col-sm-pull-2 {
            right: 16.66666667%;
        }

        .col-sm-pull-3 {
            right: 25%;
        }

        .col-sm-pull-4 {
            right: 33.33333333%;
        }

        .col-sm-pull-5 {
            right: 41.66666667%;
        }

        .col-sm-pull-6 {
            right: 50%;
        }

        .col-sm-pull-7 {
            right: 58.33333333%;
        }

        .col-sm-pull-8 {
            right: 66.66666667%;
        }

        .col-sm-pull-9 {
            right: 75%;
        }

        .col-sm-pull-10 {
            right: 83.33333333%;
        }

        .col-sm-pull-11 {
            right: 91.66666667%;
        }

        .col-sm-pull-12 {
            right: 100%;
        }

        .col-sm-push-0 {
            left: auto;
        }

        .col-sm-push-1 {
            left: 8.33333333%;
        }

        .col-sm-push-2 {
            left: 16.66666667%;
        }

        .col-sm-push-3 {
            left: 25%;
        }

        .col-sm-push-4 {
            left: 33.33333333%;
        }

        .col-sm-push-5 {
            left: 41.66666667%;
        }

        .col-sm-push-6 {
            left: 50%;
        }

        .col-sm-push-7 {
            left: 58.33333333%;
        }

        .col-sm-push-8 {
            left: 66.66666667%;
        }

        .col-sm-push-9 {
            left: 75%;
        }

        .col-sm-push-10 {
            left: 83.33333333%;
        }

        .col-sm-push-11 {
            left: 91.66666667%;
        }

        .col-sm-push-12 {
            left: 100%;
        }

        .col-sm-offset-0 {
            margin-left: 0;
        }

        .col-sm-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-sm-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-sm-offset-3 {
            margin-left: 25%;
        }

        .col-sm-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-sm-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-sm-offset-6 {
            margin-left: 50%;
        }

        .col-sm-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-sm-offset-9 {
            margin-left: 75%;
        }

        .col-sm-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-sm-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-sm-offset-12 {
            margin-left: 100%;
        }

        .navbar-header {
            float: left;
        }

        .navbar {
            border-radius: 4px;
        }

        .navbar-collapse {
            width: auto;
            border-top: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse {
            padding-right: 0;
            padding-left: 0;
        }

        .navbar-fixed-bottom,
        .navbar-fixed-top {
            border-radius: 0;
        }

        .container-fluid>.navbar-collapse,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container>.navbar-header {
            margin-right: 0;
            margin-left: 0;
        }

        .navbar-static-top {
            border-radius: 0;
        }

        .navbar>.container-fluid .navbar-brand,
        .navbar>.container .navbar-brand {
            margin-left: -15px;
        }

        .navbar-toggle {
            display: none;
        }
    }









    .add-address-page .row:first-child {
        margin: 0 !important;
    }

    @media (max-width: 767px) {



        .cart_details_holder {
            padding-bottom: 10px !important;
        }

        .product-detail {
            padding-top: 0px !important;
        }

        .container-fluid .VueCarousel-wrapper {
            width: calc(100% - 30px);
            position: relative;
            overflow: hidden;
            margin: auto;
        }

        .carousel-products .VueCarousel-slide {
            min-width: calc(50% - 10px);
            max-width: calc(50% - 10px);
            margin-right: 10px;
        }

        .card {
            max-height: 317px;
            min-height: 317px;
            max-width: 215px !important;
            margin-left: 25px !important;
        }

        .login_container h2 {
            font-size: 2.5rem;
        }

        .grid-card.product-card-new {
            margin: 5px auto 5px !important;
        }

        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu>li>a {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu>li>a {
            line-height: 20px;
        }

        .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-nav .open .dropdown-menu>li>a:hover {
            background-image: none;
        }

        .navbar-form {
            width: auto;
            padding-top: 0;
            padding-bottom: 0;
            margin-right: 0;
            margin-left: 0;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    }



    @media (max-width: 767px) {
        .navbar-form .form-group {
            margin-bottom: 5px;
        }

        .banner-free {
            flex-direction: column;
            margin-bottom: 20px !important;
            padding: 25px !important;
        }

        .btn-freeshop {
            margin: 20px 0 0 0;
        }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }

        #top #account+.account-modal,
        .modal-dialog {
            width: 600px;
            margin: 30px auto;
        }

        .modal-content {
            -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        }

        .modal-sm {
            width: 300px;
        }
    }



    @media (max-width: 767px) {
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #777;
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #333;
            background-color: transparent;
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
            color: #555;
            background-color: #E6E6E6;
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
            color: #CCC;
            background-color: transparent;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
            border-color: #090909;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
            background-color: #090909;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
            color: #9e9e9e;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #FFF;
            background-color: transparent;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
            color: #FFF;
            background-color: #090909;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
            color: #444;
            background-color: transparent;
        }
    }

    @media (max-device-width: 480px) and (orientation: landscape) {

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse {
            max-height: 200px;
        }
    }

    @media (max-width: 480px) {}

    .add_to_cart_details {
        width: calc(100% - 0px) !important;
        justify-content: space-between;
    }

    .subscriber-form-div div {
        flex-direction: column;
    }


    .social_footer_holder>.row .col-lg-6 ul {
        display: flex;
        align-items: baseline;
        justify-content: space-around;
        flex-direction: column;
    }

    .delete_modle .delete_holder,
    .delete_addresss .delete_holder {
        min-width: 350px;
        max-width: 350px;
    }

    .help-textarea,
    .help-input,
    .help-group {
        width: 100%;
    }

    .help-holder {
        margin: 30px 20px;
    }

    .order_body_details h3 {
        font-size: 1.5rem;
    }

    .order_body_details .single_item img {
        max-width: 50px;
        min-width: 50px;
    }

    .paginate-links {
        width: auto;
    }

    .order_header {
        flex-direction: column;
    }

    .order_holder {
        width: 100%;
    }

    .line_progress {
        width: 60px;
    }

    #cart-modal-content {
        position: fixed;
        top: 72px;
        right: 1.5%;
        left: 1.5% !important;
        width: 97%;
    }
    }

    body {
        font-family: 'Poppins-normal' !important;
    }

    body.rtl {
        font-family: Tajawal-Regular !important;
    }

    /* input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    } */

    .btnNoBg .btn-add-to-cart {
        background-color: transparent;
    }

    .rtl .timer {
        direction: ltr;
    }

    .timer {
        direction: rtl;
    }

    .home-container .container {
        margin-left: auto !important;
        max-width: 1200px !important;
    }


    #detail-in .btn.btn-add-to-cart.small-padding {
        padding: 10px !important;
    }

    #detail-in .material-icons {
        color: white;
    }

    #detail-in.wishlist_holder p {
        margin-bottom: 0;
    }


    .with-recent-viewed #detail-in.wishlist_holder p,
    .carousel-products #detail-in.wishlist_holder p,
    .category-block #detail-in.wishlist_holder p {
        position: absolute;
        top: 13px;
        right: 0px;
    }

    body.rtl .with-recent-viewed #detail-in.wishlist_holder p,
    body.rtl .carousel-products #detail-in.wishlist_holder p,
    body.rtl .category-block #detail-in.wishlist_holder p {
        right: unset !important;
        left: 0;
    }

    .ceossSellsHolder #detail-in.wishlist_holder p {
        display: none !important;
    }

    .ceossSellsHolder .text-up-4 {
        top: -5px !important;
    }


    .filter-attributes-item .filter-input input[type="text"] {
        color: black !important;
    }


    .search-container .free_shipping_holder {

        top: 10px;
        bottom: unset !important;
    }

    .search-container .free_shipping_holder span {
        background: #44705C;
        color: #FFFFFF;
        width: 33px;
        height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
    }


    .search_card .free_shipping_holder span {
        background: #44705C;
        color: #FFFFFF;
        width: 33px;
        height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
    }

    .search-container .btn-add-to-cart {
        background: #000000;
        width: 40px;
        height: 40px;
        border-radius: 50% !important;
        border: none !important;
        position: absolute;
        right: 0px;
        bottom: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }


    .search_card .free_shipping_holder {

        top: 10px;
        bottom: unset !important;
    }


    body.rtl .search-container .btn-add-to-cart {
        right: unset !important;
        left: 0;
    }

    body.rtl .search-container .search_card .add-to-cart-btn {
        right: unset !important;
        left: 15px;
    }

    .product-price {
        white-space: nowrap;
    }

    .product-card-new .card-body .product-name span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 42px;
    }

    .product-card-new .card-body a.unset {
        white-space: normal !important;
    }

    #detail-in .material-icons {
        color: white;
    }

    #detail-in.wishlist_holder p {
        margin-bottom: 0;
    }


    .with-recent-viewed #detail-in.wishlist_holder p,
    .carousel-products #detail-in.wishlist_holder p,
    .category-block #detail-in.wishlist_holder p {
        position: absolute;
        top: 13px;
        right: 2px;
    }

    body.rtl .with-recent-viewed #detail-in.wishlist_holder p,
    body.rtl .carousel-products #detail-in.wishlist_holder p,
    body.rtl .category-block #detail-in.wishlist_holder p {
        right: unset !important;
        left: -5px;
    }

    .ceossSellsHolder #detail-in.wishlist_holder p {
        display: none !important;
    }

    .ceossSellsHolder .text-up-4 {
        top: -5px !important;
    }


    .filter-attributes-item .filter-input input[type="text"] {
        color: black !important;
    }


    .search-container .free_shipping_holder {

        top: 10px;
        bottom: unset !important;
    }

    .search-container .free_shipping_holder span {
        background: #275a53;
        color: #FFFFFF;
        width: 33px;
        height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
    }


    .search_card .free_shipping_holder span {
        background: #275a53;
        color: #FFFFFF;
        width: 33px;
        height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
    }

    .search-container .btn-add-to-cart {
        background: #000000;
        width: 40px;
        height: 40px;
        border-radius: 50% !important;
        border: none !important;
        position: absolute;
        right: 0px;
        bottom: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }


    .search_card .free_shipping_holder {

        top: 10px;
        bottom: unset !important;
    }


    body.rtl .search-container .btn-add-to-cart {
        right: unset !important;
        left: 0;
    }

    body.rtl .search-container .search_card .add-to-cart-btn {
        right: unset !important;
        left: 15px;
    }

    .rtl .search_card .add-to-cart-btn {
        position: absolute;
        bottom: 10px;
        left: 10px;
        right: auto;
        width: 40px;
        height: 40px;
        border-radius: 50% !important;
        background: black;
        display: flex;
        align-items: center;
    }



    .product-price {
        white-space: nowrap;
    }

    .product-card-new .card-body .product-name span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 42px;
        margin-top: 5px;
        width: 97%;
        /* text-transform: lowercase; */
        display: inline-block;
    }

    .product-card-new .card-body .product-name span:first-letter {
        /* text-transform: uppercase !important; */
    }


    .product-card-new .card-body a.unset {
        white-space: normal !important;
    }


    .h-100 {
        height: 100%;
    }

    .wishlist-container .btn.btn-add-to-cart[disabled] {
        opacity: 1;
        border-radius: 50% !important;
        width: 42px;
        height: 42px;
        margin-left: -1px;
        margin-top: -1px;
    }

    .related-products .btn.btn-add-to-cart.small-padding:disabled {
        border-radius: 50% !important;
        width: 40px;
        min-width: 42px;
        min-height: 42px;
        margin-left: -1px;
        opacity: 1;
    }

    .m-d input[class^="tab"]:checked~.content {
        overflow: auto;
    }

    /* .product-price {
        margin-top: -5px;
    } */

    @media (max-width: 750px) {
        .cardWidth {
            width: calc(50% - 14px) !important;
            margin-left: 7px !important;
            margin-right: 7px !important;
        }
    }



    .deleteAccount .select-reason {
        font-family: Poppins-Medium;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .deleteAccount input[type="checkbox"] {
        margin: 0 5px 0 0 !important;
        width: 18px !important;
        height: 18px;
    }

    .deleteAccount .checkbox-text {
        color: #1c1e25;
        font-size: 13px;
        font-weight: 100 !important;
        margin: 0;
    }

    .deleteAccount .terms-text {
        text-decoration: underline;
        color: #1e8570;
    }

    .deleteAccount .checkbox-contain {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    .deleteAccount .modal-title {
        text-align: start;
        font-family: POPPINS-SEMIBOLD;
        font-size: 17px;
    }

    .deleteAccount .close {
        display: block;
        padding: 0 !important;
        margin: 0 !important;
    }

    .delet_popup_btn {
        background: #db1f42 !important;
        border-radius: 3px;
        border: 1px solid #db1f42;
        color: white;
        min-width: 250px;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        margin: 20px 0;
        font-weight: 500;
        color: #FFF !important;
    }

    .delet_popup_btn:hover {
        background: #db1f42 !important;
        border-radius: 3px;
        border: 1px solid #db1f42;
        color: white;
        min-width: 250px;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        margin: 20px 0;
        font-weight: 500;
        color: #FFF !important;
    }

    .deleteAccount .modal-header {
        border-bottom: 1px solid #ededed;
        justify-content: flex-start;
        align-items: center;
    }

    .deleteAccount .modal-content {
        padding: 0 13px;
    }

    .deleteAccount .select_style {
        width: 100%;
        height: 45px;
        border: 1px solid #dedede;
        border-radius: 3px;
        padding: 0 14px;
    }

    .deleteAccount .delet-modal-text {
        font-size: 15px;
        color: #1c1e25;
        margin-top: 15px;
        height: 300px;
        overflow: auto;
    }

    .deleteAccount .modal-footer {
        border: none;
        justify-content: center;
        flex-direction: column;
        padding-top: 0 !important;
    }

    .deleteAccount .delet_popup_btn {
        width: 391px;
        height: 45px;
        background: #db1f42;
        border-radius: 3px;
        border: none;
        color: white;
    }

    .search_out_of {
        background: rgba(234, 82, 62, 0.15) !important;
        color: #FFA327;
        font-size: 11px;
        height: 22px;
        padding: 3px 5px;
        margin: 0 5px;
    }
</style>