.bg-theme{
    background: var(--theme-color);
}
/*----------------------------------------- Newly Added Css ----------------------------------*/
@media only screen and (min-device-width: 520px) and (max-device-width: 1024px) {
    /* Your CSS styles for iPad (both landscape and portrait) go here */
    .mtop {
          margin-top: 26% !important;
      }
  }
.loader-content {
    position: fixed;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    z-index: 9999;
}
.loader {
    width: 53px;
    height: 53px;
    border: 5px solid #e1e2e2;
    border-top: 4px solid #4aa0a4;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    background: linear-gradient(45deg, #95cbc0, #f2edee);
    margin: 200px auto;
}

/* Keyframes for spinner animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.grp-item_ap{
    display: flex;
    margin-bottom: 10%;
    flex-direction: row;
    gap: 10px;
}
.grp-name_ap {
    display: block;
    float: left;
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    margin-left: 10px;
    width: 50%;
}
:root {
    --theme-color: linear-gradient(45deg, #9dcac7, #32ccb6);
    --sub-theme-color: linear-gradient(45deg, #fbfbfb, #f1f1f1);
    --highlight-color:#EC8C6F !important;
}
.sr_price {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 600;
    color: var(--highlight-color);
}
.subtotal_con {
    display: flex;
    gap: 18px;
    margin-left: auto;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 0.1px solid #e1dddd;
    padding-bottom: 10px;
}
h5.date_lt {
    margin-left: auto !important;
}
.block-account .block-title {
    padding-left: 10px;
    background-color: var(--theme-color);
    color: #000 !important;
    border: none;
}
.block-account {
    background:var(--sub-theme-color);
}
span#top-cart-nav {
    position: absolute;
    margin-top: -12px;
    height: 20px;
    width: 20px;
    background: linear-gradient(45deg, #044935, #084253);
    color: #fff !important;
    border-radius: 50%;
    margin-left: 10px;
    text-align: center;
    font-size: 15px;
}
.close-jq-toast-single{
    display: none !important;
}
.jq-icon-info {
  
    background: #373333;
    color: #d9edf7;
    border-color: #bce8f1;
    margin-top: 39px;
    text-align: center !important;
    padding: 0px !important;
    padding-top: 21px !important;
    padding-bottom: 21px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.edit_price_con {
    display: flex;
    gap: 7px;
    margin: 10px 0px;
    background: linear-gradient(45deg, #d0e3e5, #cfe9eca3);
    height: 64px;
    align-items: center;
    border-radius: 9px;
    padding-left: 13px;
    
}
.price-box2 {
    display: flex;
    flex-direction: revert;
}
button.edit_btn {
    background: var(--theme-color);
    border: 1px solid white;
    border-radius: 8px;
    padding: 0px 30px;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    height: 40px;
}
span.edit_close {
    margin-top: -59px;
}
.account-login .form-list input.input-text {
    background: #fff;
    border: 1px solid #ddd !important;
    padding: 10px;
    width: 80%;
    margin-top: 5px;
    outline: none;
}

.header-container {
    margin-top: 0px !important;
}

.store-selection {
    border: block;
    color: #fbf7f7;
    font-size: 20px;
    background: transparent;
    font-weight: 600;
    padding: 5px 10px;
    display: inline-block;
    margin-left: 22vw;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    padding: 0% !important;
}

.select2 select2-container select2-container--default select2-container--below select2-container--focus {
    width: 87% !important;
}

.container_main {
    text-align: center;
    padding: 10px 0px;
    padding-bottom: 34px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    width: 91%;
    margin: 67px 17px;
    background: var(--theme-color);
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    font-size: 16px;
}

h2.heading-txt {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-align: left;
    text-align: center;
}

.select2-container {
    width: 86% !important;
    margin: 0;
    padding: 0;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none !important;
    border-radius: 4px;
    height: 40px !important;
    text-align: center;
    padding-top: 4px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 9px;
    background: var(--theme-color) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 32px;
    font-size: 16px;
    font-weight: 500;
    text-align: left !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 11px 8px 0 8px !important;
    height: 0;
    left: 50%;
    margin-left: -13px !important;
    margin-top: -5px !important;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 8px !important;
    right: 1px;
    width: 20px;
}


.select2-search__field {
    width: 90%;
}

/* Additional style to make the dropdown list wider */
.select2-selection {
    width: 90%;
}

.header-container {
    background: var(--theme-color) !important;
}

.header {
    background: var(--theme-color) !important;
}


.loader-container {
    display: flex;
    position: absolute;
    margin-left: 16%;
    margin-top: 1px;
}

/* Styles for the loader circle */
.loader-circle {
    width: 39px;
    height: 38px;
    border: 4px solid #e1e2e2;
    border-top: 4px solid #4aa0a4;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    background: linear-gradient(45deg, #95cbc0, #f2edee)
}

/* Keyframes for the spinning animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (min-width: 1200px) {
    .container {
        width: 93% !important;
    }
}
.jq-toast-single {
    display: block;
    /* width: 100%; */
    padding: 26px !important;
    margin: 0 0 5px;
    border-radius: 4px;
    font-size: 16px;
    font-family: arial, sans-serif;
    line-height: 27px !important;
    position: relative;
    pointer-events: all!important;
    background-color: #444;
    color: #fff;
    width: 33vw;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}
div#no_prod {
    width: 100%;
    text-align: center;
    padding: 20px;
    border: 2px dashed #44a09c;
}
/* --------------------------------------- product page design ---------------------------------- */
.col-item.cat-productbox_new {
    box-shadow: none !important;
    display: flex;
    overflow: visible !important;
    margin: 5px 0px !important;
    border-radius: 13px;
}

button.btn_add_to_cart {
    width: 93%;
    height: 40px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    background: var(--theme-color);
    padding: 0px 12px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.ais {
    padding-top: 4px;
}

.cart-img {
    height: 26px !important;
    display: block;
    float: left;
}

.expandable-button {
    display: flex;
    color: #fff;
    cursor: pointer;
    flex-direction: row;
    margin: 0px 10px;
}

button.btn_pm {
    width: 42px;
    background: var(--theme-color);
    font-size: 24px;
    font-weight: bold;
    border: none;
}

.btn_cont {
    /* width: 74px; */
    width: 92%;
    height: 39px;
    font-size: 24px;
    text-align: center;
    background: var(--sub-theme-color);
    color: #3B4948;
}

.hidden-input {
    display: none;
}

.product-image.cntimg_new {
    float: left !important;
    position: relative;
    text-align: left !important;
    display: block;
    height: 27vh;
    width: 46% !important;
    box-shadow: 0 0 8px 0px #ccc;
}

.product-shop.prod-info_new {
    width: 55%;
    padding: 24px 0px;
}

.product-shop .product-name {
    /* height: 64px !important; */
    padding: 10px;
    color: #777;
    font-weight: 600;
}

.prod_img_new {
    width: 17vh;
    height: 24vh;
}
.catgramdiv-mob_sr{
    position: absolute;
    bottom: 0;
    right: 0;
}

.catbotcol {
    background-color: transparent !important;
    padding: 0px;
}

.discount_new {
    width: fit-content;
    background: var(--theme-color) !important;
    padding: 3px;
    margin-bottom: 6px;
    font-size: 12px;
    border-radius: 4px;
    color: #FFF;
}

.old-price {
    width: 100% !important;
    margin-top: 10px;
    /* height: 20px !important; */
    margin-left: 12px !important;
}
button.btn_pm.plus {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
button.btn_pm.minus {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.all_new {
    background: none !important;
}

.approved_order {
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    width: 98%;
    margin: 6px 5px;
    box-shadow: 2px 2px 5px rgb(228 224 224 / 30%);
    background: #fff;
    padding: 10px 11px;
}
.order_top_box {
    display: flex;
    gap: 10px;
}
h5.order_id {
    font-size: 16px;
    font-weight: 600;
    color: #3B4948;
    margin: 0px;
}
h5.order_total {
    font-size: 14px;
    padding-top: 2px;
    font-weight: 600;
    opacity: 0.8;
    margin: 0px;
}
h5.no_of_item {
    font-size: 15px;
    font-weight: 600;
    color: #707d7c;
    margin: 0px !important;
    margin-top: 7px !important;
}
.order_bottom_box {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
h5.order_status {
    font-size: 18px;
    font-weight: 600;
    color: var(--highlight-color);
}
.view_order_btn_con {
    margin-left: auto;
    margin-top: 11px;
    border: none;
}
button.View_ord_btn {
    border: none;
    font-weight: 500;
    height: 28px;
    padding: 0 20px;
    border-radius: 5px;
    background: var(--highlight-color);
    color: #fff;
    font-size: 14px;
}
.jq-toast-wrap {
    /* width: 100% !important; */
    position: fixed;
    right: 5px !important;
    left: 5px !important;
    top: unset !important;
    display: block;
    pointer-events: none!important;
    letter-spacing: normal;
    z-index: 9000!important;
}
button.store_ok {
    margin: 29px 0px auto;
    text-align: center;
    height: 40px;
    width: 86%;
    border-radius: 10px;
    background: var(--sub-theme-color);
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.starightline {
    display: flex;
    width: 100%;
    justify-content: space-between;
    z-index: 999;
    background: transparent;
}
.starightline-text{
    display: flex;
    width: 100%;
    justify-content: space-between;
    z-index: 999;
    background: transparent;
    margin-left: 6px;
}
.stage {
   
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: var(--sub-theme-color);
}
.active-pr{
    background: linear-gradient(279deg, #387873,#57c5a8);
  }
.progress-new {
   
    width: 100%;
    padding: 10px 5px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
div#user_id_status {
    width: 40px !important;
}
.stage_text.pr {
    width: 60px !important;
}

.stage_text {
    width: 50px !important;
    text-align: center;
    overflow: hidden;
    white-space: normal;
}
.progress-new-text {
    width: 100%;
    padding: 10px 39px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
i.fa-solid.fa-check {
    margin-top: 28%;
    margin-left: 31%;
    font-size: 20px;
}
i.fa-solid.fa-xmark {
    margin-top: 28%;
    margin-left: 31%;
    font-size: 25px;
}


/* Media query for tablets */
@media (min-width: 768px) and (max-width: 1024px) {
    .mtop{
        margin-top: 19% !important;
        margin-bottom: 10%;
    }
   
    
  }
  .prod_id {
    font-size: 12px;
    font-weight: 600;
    color: #434141 !important;
    padding: 3px 0px;
}
@media only screen and (min-width: 500px) and (max-width: 1024px) {
.mtop-track{
    /* margin-top: 30% !important; */
    margin-top: 20% !important;
    margin-bottom: 10%;
}
}
/*----------------------------- mobile screen ui ------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 1024px) {
    p.no_data_ord {
        padding: 10px;
        border: 1px dashed #0a655c;
        background: linear-gradient(45deg, #e2efec, #8edfe2);
        border-radius: 5px;
        margin: 5px;
        font-size: 16px;
        color: #2f2c2c;
        font-weight: 600;
        text-align: center;
    }
    .date-picker {
        display: flex;
        width: 100%;
        padding: 10px;
        gap: 10%;
    }
    label.dt {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    input.date_inp {
        border: 1px solid grey;
        border-radius: 10px;
        padding: 5px 15px;
        font-size: 15px;
        background: var(--sub-theme-color);
        height: 40px;
        width:140px;
    }
    div#Prod_id_display {
        font-size: 15px;
        padding: 10px;
        text-align: center;
    }
    p.non-active-value {
        margin-top: 29%;
        margin-left: 44%;
        font-weight: 600;
        font-size: 17px;
    }
    .line-con {
        background: var(--sub-theme-color);
        position: absolute;
        height: 13px;
       
        width: 80%;
        margin-top: 5%;
        margin-left: 10px;
        margin-right: auto;
        text-align: center;
    }
    .line-con-active{
        background: linear-gradient(279deg, #387873,#57c5a8);
        position: absolute;
        height: 13px;
     
        width: 10%;
         /* 25 -1 50 -2 75 -3 */
        margin-top: 5%;
        margin-left: 10px;
        margin-right: auto;
        text-align: center;
        z-index: 99;
    }
    .brand_name {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top: 6px;
        font-size: 16px;
        color: var(--highlight-color);
        font-weight: 600;
    }
    .store_show_container {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    p.store_name_show {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
    }
    .show-imgzoom .productimg{
     height: 100%;
    }
    .mob-unit{
        position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 18px 0px 0px 0px;
    background: var(--theme-color);
    padding: 7px 26px;
    font-size: 17px;
    font-weight: 600;
    color: white;
    }
    .mtop{
        margin-top: 39% ;
        margin-bottom: 38%;
    }
    .mtop-track{
        margin-top: 30% ;
        /* margin-top: 20% !important; */
        margin-bottom: 10%;
    }
    .jq-toast-single {
        display: block;
        width: 100% !important;
        padding: 10px;
        margin: 0 0 5px;
        border-radius: 4px;
        font-size: 16px;
        font-family: arial, sans-serif;
        line-height: 27px !important ;
        position: relative;
        pointer-events: all!important;
        background-color: #444;
        color: #fff;
    }
    input.Edit_price {
        border-radius: 7px;
        width: 141px;
        border: 1px solid #d8e2d8;
        height: 40px;
        padding-left: 10px;
    }
    .price-sku-flex-sec{
        display: none !important;
    }
    .expandable-button_pd {
        display: flex;
        color: #fff;
        cursor: pointer;
        flex-direction: row;
        margin: 0px 17px;
       
    }
    .expandable-button_pd_addimage{
        display: flex;
        color: #fff;
        cursor: pointer;
        flex-direction: row;
        margin: 0px 17px;
        gap:10px;
    }
    .btn_cont_pd {
        width: 82px;
        height: 39px;
        font-size: 24px;
        text-align: center;
        background: var(--sub-theme-color);
        color: #3B4948;
    }
    button.btn_add_to_cart_pd {
        width: 50vw;
        height: 40px;
        border: none;
        font-size: 14px;
        font-weight: 600;
        background: var(--theme-color);
        padding: 0px 12px;
        margin-bottom: 20px;
       
    }
    button.btn_pm_pd {
        /* width: 54px; */
        background: var(--theme-color);
        font-size: 24px;
        font-weight: bold;
        border: none;
        padding-left: 10%;
    padding-right: 10%;
    }
    #show-img {
        width: 100%;
        height: 37vh !important;
    }

    .headdiv_new {
        margin-top: 2% !important;
        margin-bottom: 1% !important;
        background: var(--theme-color);
        padding: 5% !important;
        color: #fff !important;
        justify-content: space-between;
        display: flex !important;
    }
    .section-title span {
        font-weight: 600;
        color: #fff !important;
    }

    .header-container {
        display: none !important;
    }

    .headdiv {
        display: block !important;
        background-color: #fff;
        margin-bottom: 5px;
        margin-top: 25px;
        width: 93vw !important;
        padding: 11px !important;
    }

    .account-login .col2-set .col-2 {

        margin: 0px 0% !important;
        border: 1px solid #eaeaea;
    }

    .nav-search {
        width: 90% !important;
    }

    .container_home {
        display: none !important;
    }

    #headermob {
        position: fixed !important;
        margin-top: 0px;
        z-index: 1000;
        top: 0px;
        height: 54px;
        background: var(--theme-color);
        display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100vw;
    }
    /* Style the second fixed header */
    #headermob2 {
        display: flex !important;
        position: fixed !important;
        margin-top: 43px;
        z-index: 1000;
        top: 0px;
        height: 90px;
        background: var(--theme-color);
        width: 100%;
    }
    .left-cont {
        width: 50%;
    }

    .nav-icon i {
        color: #fff !important;
        font-size: 27px;
        line-height: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .navsearch-text {
        width: 97%;
        margin-top: -3px;
        /* line-height: 2; */
        padding-left: 10px;
        color: #70737d;
        border-radius: unset;
        outline: none;
        border: 2px solid #d8d8d8;
        height: 36px;
        font-size: 16px;

    }

    #search {
        display: none !important;
    }
}
div.container-feedback {
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 31%;
}
.custom-div {
    font-size: 16px;
    color: #000 !important;
    font-weight: 600;
    margin-bottom: 10px;
}
.text-input-fd {
    background: var(--sub-theme-color);
    height: 90px !important;
    width: 100% !important;
    border: 1px solid grey !important;
    border-radius: 10px !important;
}

/*-------------------------------------------- desktop styles ------------------------------------- */
/* Styles for desktop screens */
@media (min-width: 992px) {
    p.no_data_ord {
        padding: 10px;
        border: 1px dashed #0a655c;
        background: linear-gradient(45deg, #e2efec, #8edfe2);
        border-radius: 5px;
        font-size: 16px;
        color: #2f2c2c;
        font-weight: 600;
        text-align: center;
        width: 88vw;
    }
    
    
    .date-picker {
        display: flex;
        width: 83%;
        padding: 10px;
        gap: 10%;
        margin-left: auto;
        margin-right: auto;
    }
    .datepicker {
        display: flex;
        gap: 21px;
    }
    
    label.dt {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    input.date_inp {
        border: 1px solid grey;
        border-radius: 10px;
        padding: 5px 15px;
        font-size: 15px;
        background: var(--sub-theme-color);
        height: 40px;
        width: 140px;
    }
    div#Prod_id_display {
        font-size: 13px;
        padding: 10px 0px;
    }
    .stage_text {
        width: 56px !important;
        text-align: center;
    }
    .prod_img_new {
        width: 17vh;
        height: 26vh;
    }
    .sr_price {
     /* margin-bottom: 10px; */
     font-size: 14px;
        
    }
    div.container-feedback {
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 77vw;
        margin-top: 10%;
    }
        /* desktop */
        .subtotal_con {
            display: flex;
            gap: 18px;
            margin-left: auto;
            justify-content: flex-end;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            border-bottom: 0.1px solid #e1dddd;
            padding-bottom: 10px;
            width: 81%;
            margin-left: auto;
            margin-right: auto;
        }
        p.non-active-value {
            margin-top: 35%;
            margin-left: 39%;
            font-weight: 600;
            font-size: 17px;
        }
        .line-con {
            background: var(--sub-theme-color);
            position: absolute;
            height: 13px;
            width: 95%;
            margin-top: 2%;
            margin-left: 10px;
            margin-right: auto;
            text-align: center;
        }
        
        .line-con-active {
            background: linear-gradient(279deg, #387873,#57c5a8);
            position: absolute;
            height: 13px;
            width: 30%;
            /* 30 -1 60 -2 90 -3 */
            margin-top: 2%;
            margin-left: 10px;
            margin-right: auto;
            text-align: center;
            z-index: 999;
        }


    #price_shown_mob{
        display: none !important;
    }
    .brand_name {
       
        margin-top: 6px;
        font-size: 16px;
        color: var(--highlight-color);
        font-weight: 600;
    }
    .mtop-dk-first{
        margin-top: 10% !important;
    }
    .store_popup {
        cursor: pointer;
        display: flex;
        gap: 20px;
        border: none;
        /* border-radius: 10px; */
        padding: 0px 0px 0px 16px;
        background: linear-gradient(45deg, #05766f, #2e9e8e);
        margin-top: 37px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        justify-content: center;
    }
    .edit_store {
        width: 31px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        /* margin-left: 9px; */
    }
    .links {
        display: flex;
        gap: 24px;
        padding: 5px 0px;
        /* align-content: stretch; */
    }
    p.head_st_text {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        padding-top: 10px;
    }
    p.store_name_show {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
    }
    #headermob2{
        display: none !important;
    }
    input.desktop_search {
        width: 63vw;
        border: none;
        outline: none;
    }
    .show-imgzoom .productimg{
        height: 90%;
       }
       .mob-unit{
        position: absolute;
        bottom: 0%;
        right: 0%;
        border-radius: 18px 0px 0px 0px;
        background: var(--theme-color);
        padding: 7px 26px;
        font-size: 17px;
        font-weight: 600;
        color: white;
       }
    .account-login .col2-set .col-2 {
        
        width: 48%;
      
    }
    .blaaa_new{
        background: var(--theme-color);
    }
    .jq-icon-info {
  
        background: #373333;
        color: #d9edf7;
        border-color: #bce8f1;
        margin-top: 39px;
        text-align: center !important;
        padding: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    input.Edit_price {
        border-radius: 7px;
        width: 180px;
        border: 1px solid #d8e2d8;
        height: 40px;
        padding-left: 10px;
    }
    .expandable-button_pd {
        display: flex;
        color: #fff;
        cursor: pointer;
        flex-direction: row;
        margin: 14px 151px;
       
    }
    .expandable-button_pd_addimage{
        display: flex;
        color: #fff;
        cursor: pointer;
        flex-direction: row;
        margin: 14px 151px;
        gap:10px;
    }
    button.btn_add_to_cart_pd {
        width: 17vw;
        height: 40px;
        border: none;
        font-size: 14px;
        font-weight: 600;
        background: var(--theme-color);
        padding: 0px 12px;
        margin-bottom: 20px;
        
    }
    button.btn_pm_pd {
        width: 69px;
        background: var(--theme-color);
        font-size: 24px;
        font-weight: bold;
        border: none;
    }
    .btn_cont_pd {
        width: 120px;
        height: 39px;
        font-size: 24px;
        text-align: center;
        background: var(--sub-theme-color);
        color: #3B4948;
    }
    .thumbslider {
        display: flex;
        justify-content: center;
    }
    .showthumb {
        width: 64% !important;
        overflow: hidden;
        pointer-events: none;
    }
    .order_container{
        display: grid;grid-template-columns: 1fr 1fr;gap: 1.5vw;
    }
    /* Adjustments for larger screens */
    .productbox_new.item {
        border-radius: 10px;
        border: 1px solid #fffbfb;
        padding: 5px 10px;
        /* padding-left: 10px; */
        background: #fff;
        box-shadow: 2px 2px 5px rgb(191 188 188 / 30%);
        height: 95%;
    }
    div#prod {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5vw;
        width: 87vw;
    }
    .all_new {
        background: none !important;
        margin-top: -30px !important;
    }
    .expandable-button {
        display: flex;
        color: #fff;
        cursor: pointer;
        flex-direction: row;
        margin: 0px 10px;
        border-radius: 10px;
    }
    .product-image.cntimg_new {
        float: left !important;
        position: relative;
        text-align: left !important;
        display: block;
        height: 29vh;
        width: 39% !important;
        box-shadow: 0 0 8px 0px #ccc;
        border-radius: 10px !important;
    }
    button.btn_pm {
        width: 54px;
        background: var(--theme-color);
        font-size: 24px;
        font-weight: bold;
        border: none;
    }

    .catgramdiv {
        display: block;
        position: absolute;
        right: 100% !important;
        top: 153px !important;
    }
    .headdiv_new {
        margin-top: 31px !important;
        margin-bottom: 1% !important;
        background: var(--theme-color);
        padding: 15px 20px !important;
        color: #fff !important;
        margin-left: 34px;
        display: flex;
        justify-content: space-between;
    }
    .section-title span {
        font-weight: 600;
        color: #fff !important;
        font-size: 18px;
    }
    .container {
        padding: 0px;
    }

    .container_main {
        text-align: center;
        padding: 10px 0px;
        padding-bottom: 34px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        width: 30vw !important;
        margin: 16px 33vw !important;
        background: var(--theme-color);
    }

    .head-txt a {
        font-size: 16px;
        font-weight: 600;
        color: #fff !important;
    }

   

    .searchdiv {
        width: 50% !important;
        margin-left: 26vw !important;
        display: flex !important;
        align-items: stretch;
        height: 40px;
        margin-top: -5px !important;
    }

    #search {

        background: #fff !important;

    }

    .dk_top_nav {
        display: flex;
        flex-direction: row;
        width: 100% !important;
        padding-top: 24px !important;
    }

    .logo_new {
        position: absolute;
        margin: 2px 7vw;
    }

    img.logo_img {
        height: 76px;
    }

    .header-container {
        margin-top: 0 !important;
        height: auto !important;
        z-index: 999999 !important;
    }
}


.account-login .col2-set .col-2 {
    padding-bottom: 0;
    padding: 0 0 0 55px;
    text-align: left;
    /* width: 48%; */
    background: #f7f7f7;
    padding: 45px;
    margin: 0px 29%;
    border: 1px solid #eaeaea;
}

.col2-set .col-2 {
    width: 100%;
    text-align: left;
}

.footer {
    display: none !important;
}

.search-btn-bg {
    border: none;
    color: #3b4948;
    cursor: pointer;
    font-weight: bold;
    height: 40px !important;
    /* line-height: 17px; */
    /* padding: 5px 15px; */
    /* position: absolute; */
    text-transform: uppercase;
    outline: none;
    background: var(--sub-theme-color);
    /* margin-top: 9px; */
}

/*----------------------------------------- Newly Added Css ----------------------------------*/


body {
    font-size: 12px;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: none;
}

ul,
ol {
    padding: 0px;
    margin: auto;
    list-style: none;
}

legend {
    display: none;
}

.icns a {
    padding: 0 3%;
}

.cate-block {
    display: none;
}

.mobile-section {
    display: none;
}

.wishcolor {
    color: #FF69B4 !important;
}

.progress-bar {
    margin: 16px auto;
}

.first1 {
    left: 0;
    position: absolute;
    top: 12px;
}

.second1 {
    left: 171px;
    position: absolute;
    top: 12px;
}

.third1 {
    left: 200px;
    position: absolute;
    top: 12px;
}

.fourth1 {
    position: absolute;
    left: 407px;
    top: 12px;
}

.fifth1 {
    position: absolute;
    top: 12px;
    left: 660px;
}

.Ordered {
    left: -10px;
    position: absolute;
    top: 26px;
    font-size: 1em;
    color: #777777;
    font-weight: 400;
}

.Packed {
    left: 171px;
    position: absolute;
    top: 26px;
    font-size: 1em;
    color: #777777;
    font-weight: 400;
}

.Shipped {
    left: 200px;
    position: absolute;
    top: 26px;
    font-size: 1em;
    color: #777777;
    font-weight: 400;
}

.Cancelled {
    position: absolute;
    left: 407px;
    top: 26px;
    font-size: 1em;
    color: #777777;
    font-weight: 400;
}

.Delivered {
    left: 625px;
    ;
    position: absolute;
    top: 26px;
    font-size: 1em;
    color: #777777;
    font-weight: 400;
}

.cart-scroll {
    overflow: auto;
    height: 400px;
}

.products-grid .add-to-links {
    padding-left: 5px;
}

.products-grid .add-to-links a span {
    display: none;
}

.products-grid .actions .add-to-links a.link-wishlist:before {
    content: "\f004";
}

.products-grid .actions .add-to-links a.link-compare:before {
    content: "\f012";
}

.products-grid .actions .add-to-links a.link-wishlist {
    color: #aaaaaa;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 14px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    transition: all 0.3s linear;
    margin-right: 8px;
}

.products-grid .actions .add-to-links a.link-compare {
    color: #aaaaaa;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    transition: all 0.3s linear;
    line-height: 20px;
}

.products-grid .actions .add-to-links a.link-wishlist:hover {
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 14px;
    text-decoration: none;
    background-color: #0fa850;
    color: #FFFFFF;
    display: inline-block;
    border: 1px solid #0fa850;
    margin-right: 8px;
    line-height: 20px;
}

.products-grid .actions .add-to-links a.link-compare:hover {
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    background-color: #4ca811;
    color: #FFFFFF;
    display: inline-block;
    border: 1px solid #4ca811;
}

.products-grid .actions .add-to-links a.link-wishlist {
    color: #aaaaaa;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 14px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    transition: all 0.3s linear;
    margin-right: 8px;
}

.pglable {
    top: 5px;
    position: absolute;
    left: -40px;
}

.page-float {
    float: left !important;
    position: relative;
}

.prod-name {
    font-size: 10px !important;
}

.grid-pad {
    padding-left: 15px !important;
}

.col-md-4,
.col-lg-4,
.col-xs-6,
.col-sm-6 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/*.prod-info{padding-right: 10px !important; padding-left: 15px !important; height: 130px;}*/
.productpop {
    padding-right: 35px !important;
}

.pagenum {
    float: right !important;
    width: 100%;
    padding-left: 55px !important;
}

.prod-img {
    margin-top: 10px !important;
}

.socialicon {}

.page {
    position: relative;
    margin: auto;
    background: #fff;
    width: 100%;
}

.col-left {
    margin-bottom: 0px;
}

.col-main {}

.col-right {
    margin-bottom: 0px;
}

.col1-layout .header-background-default {
    margin: 20px;
    padding: 0;
}

.col1-layout .col-main {
    float: none;
    width: auto;
}

.col2-left-layout .col-main {}

.col2-right-layout .col-main {}

.col2-right-layout ol.opc .col-md-4 {
    margin-right: 15px;
}

.col3-layout .col-main {}

.col3-layout .col-wrapper {
    float: left;
    width: 780px;
}

.col3-layout .col-wrapper .col-main {
    float: right;
}

.main-container {
    background-color: #fff;
    min-height: 400px;
    padding: 20px 0 0px;
}

.logo {
    float: left;
}

.header-top {
    padding: 0px 0px 60px 43px;
}

.header .logo {
    vertical-align: middle;
    cursor: pointer;
    margin-top: 19px;
    text-align: left;
    display: block;
    padding-bottom: 15px;
    display: inline-block
}

.header .logo a img {
    cursor: pointer
}

.header-top .welcome-msg {
    text-align: left;
    display: inline-block;
    padding: 0px;
    margin: 8px 0px 0px 15px;
    font-size: 12px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.block-language-wrapper {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding-left: 21%;
    position: relative;
    bottom: -20px;
    vertical-align: bottom;
}

.block-language {
    background: none;
    box-shadow: none;
    border: none;
    color: #fff;
}

a.block-language:hover {
    color: #bed6e2;
    text-decoration: none;
}

a.block-language:focus {
    color: #bed6e2;
    text-decoration: none;
}

.block-language img {
    font-weight: normal;
    padding: 0px 5px 0px 0px;
    margin: auto;
}

.block-language-wrapper .dropdown-menu>li {
    border-bottom: 1px #ccc solid;
    padding: 1px 0px 1px 0px;
}

.block-language-wrapper .dropdown-menu>li:last-child {
    border-bottom: none;
}

.block-language-wrapper .dropdown-menu>li>a img {
    margin: 0px 6px 0px 0px;
}

.block-language-wrapper .dropdown-menu {
    border-bottom: 3px solid #4ca811;
    border-radius: 0px;
    min-width: 0px;
}

.block-language-wrapper .dropdown-menu a {
    padding: 3px 10px 3px 10px;
}

.block-language-wrapper .dropdown-menu a:hover {
    color: #4ca811;
    background: none;
}

.block-currency-wrapper {
    display: inline-block;
    margin: 5px 0 0 18px;
}

.block-currency {
    background: none;
    box-shadow: none;
    border: none;
    color: #fff;
}

a.block-currency:hover {
    color: #fff;
    text-decoration: none;
}

a.block-currency:focus {
    color: #fff;
    text-decoration: none;
}

.block-currency label {
    font-weight: normal;
    padding: 0 5px;
    margin: auto;
}

.block-currency-wrapper .dropdown-menu>li {
    border-bottom: 1px #ccc solid;
    padding: 1px 0;
}

.block-currency-wrapper .dropdown-menu>li:last-child {
    border-bottom: none;
}

.block-currency-wrapper .dropdown-menu>li>a img {
    margin: 0 6px 0 0;
}

.block-currency-wrapper .dropdown-menu {
    border-bottom: 3px solid #4ca811;
    border-radius: 0;
    min-width: 0;
    z-index: 100000;
}

.block-currency-wrapper .dropdown-menu a {
    padding: 3px 15px;
}

.block-currency-wrapper .dropdown-menu a:hover {
    color: #4ca811;
    background: none;
}

.toplinks {
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    padding: 7px 0 0;
}

.toplinks .links {
    padding-left: 65%;
    padding-bottom: 10px;
}

.toplinks .links div {
    display: inline-block;
    text-align: right;
}

.toplinks div.links div a {
    color: black;
    display: inline-block;
    padding: 0px;
    color: #fff;
    font-size: 12px;
    padding-left: 10px;
}

.toplinks div.links div a:hover {
    color: #fff;
    text-decoration: none;
}

.toplinks>div>div.myaccount>a:before {
    content: '\f007';
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 6px
}

.toplinks>div>div.delivery>a:before {
    content: '\f21c';
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 6px
}

.toplinks>div>div.check>a:before {
    content: '\f00c';
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 6px
}

.toplinks>div>div.demo>a:before {
    content: '\f09e';
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 6px
}

.toplinks .links div .click-nav ul .clicker:before {
    content: '\f15b';
    font-family: FontAwesome;
    font-size: 13px;
    padding-left: 4px;
    padding-top: 2px;
    float: left;
    margin-right: 6px;
    margin-top: -2px;
}

.toplinks>div>div.login>a:before {
    content: '\f13e';
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 6px
}

.toplinks>div>div.logout>a:before {
    content: '\f09c';
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 6px
}

.search-box {
    width: 93%;
    margin: 16px auto;
    float: right;
    position: relative;
    padding: 0px 0px 0px 37px;
    border-radius: 2px;
}

.cate-dropdown {
    border: medium none;
    float: left;
    height: 34px;
    padding: 5px;
    width: 220px;
    line-height: 25px;
    background: #fff;
    color: #999;
    border: 1px solid #999 !important;
    border-radius: 0px;
    -webkit-appearance: none;
}

.cate-dropdown option {
    padding: 4px 8px;
}

.cate-dropdown:focus {
    float: left;
    width: 220px;
    height: 34px;
    line-height: 30px;
    padding: 5px;
    border: none;
    background: #fff;
}

#search {
    margin: 0;
    width: 80%;
    font-size: 12px;
    /* height: 34px; */
    color: #333;
    background: #f0f0f0;
    border: none;
    padding: 0px 10px;
    outline: none;
    /* float: left; */
    margin-left: 35px;
    /* margin-top: 9px; */
}

.button-common {
    border: 0 none;
    overflow: hidden;
    padding: 0px;
    text-indent: -9999px;
    width: 25px;
}

.searchdrop {
    border-radius: 0 0 2px 2px;
    /* border-top: 1px solid #e0e0e0; */
    position: absolute;
    background-color: #ffffff;
    color: #000;
    z-index: 9999;
    top: 35px;
    right: 134px;
    /*border-radius: 5px;*/
    display: none;
    box-shadow: 2px 3px 5px -1px rgba(0, 0, 0, .5);
    width: 59%;
}

.searchdrop a {
    display: block;
    padding: 8px;
}

.searchdrop a:hover {
    background: #ccc;
}

.msearchdrop {
    border-radius: 0 0 2px 2px;
    /* border-top: 1px solid #e0e0e0; */
    position: absolute;
    background-color: #f0f0f0;
    color: #000;
    z-index: 1000;
    top: 35px;
    right: 47px;
    border-radius: 5px;
    display: none;
    box-shadow: 2px 3px 5px -1px rgba(0, 0, 0, .5);
    width: 59%;
}

.msearchdrop a {
    display: block;
    padding: 10px;
}

.msearchdrop a:hover {
    background: #ccc;
}

.logo-small .mcart {
    display: none;
}

.searchIconNew {
    background: url("../images/search-icon.png") no-repeat scroll center center;
    width: 25px;
    height: 30px;
    left: 4px;
    display: inline;
    position: absolute;
    top: 0px;
}

.cross-icon {
    position: absolute;
    right: 0px;
    margin-top: -35px
}

.glyphicon-shopping-cart:before {
    font-size: 14px;
    color: #fff;
    margin-right: 6px;
}

.mini-products-list .product-image {
    float: left;
}

.mini-products-list .detail-item {
    margin-left: 92px;
}

.top-cart-content .product-name {
    margin: 0;
    width: 150px;
    line-height: 1;
    padding: 0 0 5px 0;
}

.top-cart-content .product-name a {
    font-size: 13px;
    line-height: normal;
    font-weight: normal;
    color: #333;
}

.top-cart-content .product-name a:hover {
    color: #4ca811;
    text-decoration: none;
}

.top-cart-contain .price {
    color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
}

.top-cart-contain .product-details .price {
    color: #4ca811;
    width: auto;
    float: none;
    font-weight: normal;
    padding-left: 0px;
    font-size: 12px;
}

.mini-cart {
    text-align: left;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    padding: 1px 18px 1px 18px;
    background: var(--sub-theme-color) !important;
    border-radius: 3px;
    margin-top: 9px;
}

.mini-cart:hover {
    background: var(--sub-theme-color) !important;
}

.mini-cart .basket a {
    color: #fff;
    margin: 0px;
    line-height: 28px;
    font-size: 11px;
    padding: 2px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
}

.mini-cart .basket a:hover {
    text-decoration: none;
}

.mini-cart .basket .title {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
}

.mini-cart .basket .cart-box {
    display: inline-block;
}

.mini-cart .basket .cart-box #cart-total {
    color: #fff;
    text-transform: none;
    margin: 0px 0px 0px 5px;
}

.top-cart-contain {
    color: #333;
    display: block;
    float: right;
    margin: 15px 0px 0px 0px;
    padding: 0;
    right: 0;
    z-index: 1000;
}

.top-cart-content .empty {
    text-align: left;
    color: #333;
}

.top-cart-content {
    display: none;
    width: 300px;
    position: absolute;
    top: 34px;
    right: 16px;
    background: #fff;
    padding: 0;
    text-align: left;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
    z-index: 10000;
}

.top-cart-content.arrow_box {
    display: none;
}

.top-subtotal {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 15px;
    text-align: left;
    text-transform: none;
    border-bottom: 1px #ddd solid;
    border-top: 1px #ddd solid;
}

div#ajaxconfig_info {
    display: none;
}

.top-subtotal .price {
    float: right;
    font-size: 15px;
}

.top-cart-content .block-subtitle {
    color: #333;
    overflow: hidden;
    padding: 15px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: #f5f5f5;
    text-transform: none;
    font-weight: 600;
    border-bottom: 3px #ddd double;
}

ul#cart-sidebar {
    padding: 8px 15px 0 15px;
    margin: 0px;
}

.top-cart-content li {
    list-style: none;
}

.top-cart-content li.item {
    border-bottom: 1px solid #eee;
    margin: 5px 0px 10px;
    overflow: hidden;
    padding: 0px 0px 10px 0px;
}

.top-cart-content li.item.last {
    margin: 0px;
    border-bottom: 0px #eee solid;
}

.top-cart-content .product-details {
    color: #333333;
    position: relative;
    text-align: left;
    padding: 0px;
}

.mini-products-list .detail-item .product-details-bottom .price {
    color: #ff0000;
    font-size: 12px;
    display: list-item;
    margin-bottom: 5px;
}

.mini-products-list .detail-item .product-details-bottom .label {
    font-weight: bold;
    vertical-align: middle;
}

.mini-products-list .detail-item .product-details-bottom strong {
    font-weight: normal;
}

.top-cart-content .product-details .btn-edit {
    position: absolute;
    right: 22px;
    top: 6px;
}

.top-cart-content .actions {
    padding: 15px 20px;
    margin: 0;
    overflow: hidden;
    background: #f5f5f5;
}

.mini-cart .actions .btn-checkout:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    padding-right: 10px;
    font-weight: normal;
}

.mini-cart .actions .btn-checkout {
    background: #ec000a;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: right;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #ec000a;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
}

.mini-cart .actions .btn-checkout:hover {
    background: var(--sub-theme-color) !important;
    border: 1px solid var(--sub-theme-color) !important;
    color: #fff;
}

.mini-cart .actions .view-cart {
    background: var(--theme-color);
    color: #fff;
    font-size: 11px;
    padding: 8px 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #e0bc27;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
}

.mini-cart .actions .view-cart:hover {
    background: var(--sub-theme-color) !important;
    border: 1px solid var(--sub-theme-color) !important;
    color: #fff;
}

.mini-cart .actions .view-cart:before {
    content: '\e116';
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    padding-right: 8px;
    font-weight: normal;
}

.mini-cart .actions .button {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 10px 6px;
    text-transform: none;
    border: none;
    font-size: 12px;
}

.mini-cart .button.btn-checkout {
    background: none;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.mini-cart>.button {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

.glyphicon-remove {
    position: absolute;
    right: -10px;
}

.glyphicon-pencil {
    position: absolute;
    right: 10px;
}

a.glyphicon-remove,
a.glyphicon-pencil {
    color: #999;
    padding-top: 35px;
}

a.glyphicon-remove:hover,
a.glyphicon-pencil:hover {
    color: #333;
    text-decoration: none;
}

nav {
    position: relative;
    z-index: 999;
    background: var(--theme-color);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

.nav-inner {
    margin: auto;
    position: relative;
    text-align: center;
}

#nav>li>a:hover {
    background: #f5f5f5;
    color: #333;
}

#nav>li>a.active {
    background: #f9ce1d;
    color: #fff;
    border-bottom: none;
}

#nav>li>a.active:hover {
    background: #fff;
    color: #000;
    border-bottom: none;
}

#nav>li>a:first-child {
    margin-left: 0px;
    height: 115px;
    margin: 0px auto;
    width: 100%;
}

#nav>li>a:last-child a {
    color: #333;
}

.nav {
    margin: 0px auto 0
}

#nav>li:hover>a,
.vertnav-top li>a:hover {
    color: #333;
    background: #fafafa;
    border-bottom: none;
}

#nav>#nav-home:hover>a {
    color: #fff;
    background: #ce2b1d;
    border-bottom: none;
}

#nav>#nav-home>a {
    color: #fff;
    background: #ce2b1d;
    border-bottom: none;
}

.cms-index-index #nav #nav-home>a span,
#nav>li.active>a span,
.vertnav-top li.current>a span {
    border-right: none
}

#nav {
    position: relative;
    display: inline-flex;
    z-index: 10;
    padding: 0;
    margin: auto;
    text-align: center;
}

#nav li {
    text-align: left;
}

#nav li a {
    display: block;
    text-decoration: none;
}

#nav>li {
    list-style: none;
    border-bottom: none;
    display: block;
    float: left;
    width: 100%;
}

#nav>li.last {
    padding-right: 0;
}

#nav>li>a {
    display: block;
}

#nav>li>a>span {
    display: inline-block;
    line-height: 18px;
}

#nav .level0-wrapper {
    position: absolute;
    left: -10000px;
    background-color: #fff;
}

#nav .level0-wrapper2 {
    padding: 0;
}

#nav .level0-wrapper2:before,
#nav .level0-wrapper2:after {
    display: table;
    line-height: 0;
    content: "";
}

#nav .level0-wrapper2:after {
    clear: both;
}

#nav li a.level-top .icon {
    padding: 3px;
    margin: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
}

#nav li:hover a.level-top .icon {
    padding: 3px;
}

#nav #homelink-icon {
    margin-left: 12px;
}

#nav #homelink-icon a.level-top {
    padding-left: 5px;
    padding-right: 5px;
    background: none;
    box-shadow: none;
    border: none;
}

#nav .nav-custom-link>a {
    cursor: default;
}

#nav .nav-custom-link {
    position: static;
}

#nav .nav-custom-link .header-nav-dropdown-wrapper {
    padding: 10px 0px;
    overflow: hidden;
}

#nav .nav-custom-link .header-nav-dropdown-wrapper p {
    margin: 10px 0;
    color: #333;
    line-height: 1.3em;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
}

#nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
    margin: 10px 0;
}

#nav a.level-top .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    content: "";
    border-style: solid solid none;
    border-width: 4px 4px 0;
    border-color: #333 transparent transparent;
}

.vertnav .number {
    margin-left: 3px;
    color: #aaa;
}

#nav .number {
    display: inline;
    margin-left: 3px;
}

#nav ul li .number {
    color: #aaa;
}

.nav .itemslider {
    margin-top: 0;
    margin-bottom: 0;
}

.nav .itemslider .item {
    padding-bottom: 0;
}

li.level0>a>span {
    position: relative;
}

li.level0>a>span>.cat-label {
    position: absolute;
    top: -12px;
    right: 0;
    padding: 0 6px;
    font-size: 12px;
    line-height: 22px;
}

li.level0>a>span>.pin-bottom:before {
    position: absolute;
    right: 6px;
    top: 22px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 4px;
    border-color: transparent;
    transition: border-color 450ms ease-in-out;
}

li.level0>a:hover>span>.pin-bottom:before {
    transition-duration: 100ms;
}

li.level1>a>span>.cat-label {
    display: inline-block;
    padding: 0 4px;
    margin-left: 2px;
    vertical-align: middle;
}

li.level2>a>span>.cat-label {
    display: inline-block;
    padding: 0 4px;
    margin-left: 2px;
}

ul.vertnav li>a>span>.cat-label {
    position: static;
    display: inline-block;
    padding: 0 4px;
    margin-left: 2px;
}

ul.vertnav li>a>span>.pin-bottom:before {
    display: none;
}

ul.vertnav li>a>span>.cat-label {
    font-size: inherit;
    line-height: inherit;
}

ul.vertnav-top li>a>span>.cat-label {
    font-size: 12px;
    line-height: 18px;
}

.nav-block {
    margin-top: 0;
    margin-bottom: 1%;
}

.nav-block-bottom {
    float: left
}

.nav-block-center {
    margin-top: 0px;
}

.nav-block-right {
    margin-top: 0px;
    float: right;
    padding: 0px;
    text-align: center;
}

.nav-block-level1-top {
    margin-bottom: 10px;
}

.nav-block-level1-bottom {
    margin-top: 10px;
}

.nav-block .section-line {
    border-color: #eee;
}

#nav>li>a {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #777;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

ul.level0 {
    padding: 0;
}

ul.level1 {
    padding: 0 0px;
}

#nav .level0-wrapper,
#nav.classic ul {
    background-color: #ffffff;
    color: #333333;
}

#nav ul li a {
    color: #565656;
    font-family: Arial, Helvetica, sans-seriff;
    font-weight: normal;
}

#nav ul li a:hover {
    color: #000;
}

.cat-label-label1 {
    background-color: #D12631;
    color: #ffffff;
}

.cat-label-label2 {
    background-color: #d52462;
    color: #ffffff;
}

li.level0>a>span>.cat-label-label1.pin-bottom:before {
    border-top-color: #D12631;
}

li.level0>a>span>.cat-label-label2.pin-bottom:before {
    border-top-color: #d52462;
}

li>a:hover>span>.cat-label,
#nav li.level0:hover>a>span>.cat-label {
    background-color: #ff7214;
}

li.level0>a:hover>span>.pin-bottom:before,
#nav li.level0:hover>a>span>.pin-bottom:before {
    border-top-color: #ff7214;
}

#nav .level0-wrapper,
#nav.classic .parent>ul {
    background: #fff;
    border-top: none;
    border: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    padding: 15px 15px 0 15px;
    width: 100%;
}

#nav .level0-wrapper,
#nav.classic ul.level0 {
    /*top:43px;*/
    top: 110px;
    left: 0px !important;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#nav li.level0 .level0-wrapper {
    margin-top: 5px !important;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    min-height: 200px;
    max-height: 500px;
    overflow: scroll;
    overflow-x: hidden;
}

#nav li.level0:hover .level0-wrapper {
    margin-top: 41px;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

#nav>li>a {
    color: #fff1d7;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 7px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#nav>li:hover>a {
    position: relative;
    z-index: 1;
}

#nav ul.level0>li {
    display: inline-block;
    float: none;
    padding-bottom: 15px;
    padding-top: 0;
    vertical-align: top;
    width: 18%;
    margin-right: 18px;
}

#nav ul.level0>li.last {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 15px;
    width: 18%;
    margin-right: 0px;
}

#nav ul.level0>li>a {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: normal;
    color: var(--theme-color);
    padding: 6px 0px 6px 0px;
    font-weight: 900;
    letter-spacing: normal;
    text-transform: uppercase;
}

#nav .grid13-8 ul.level0>li {
    width: 30%;
}

#nav ul li {
    list-style: none;
    padding: 6px 0
}

#nav ul li a {
    float: none;
}

#nav ul.level1 {
    position: static;
    padding-left: 0px;
}

#nav ul.level1>li a {
    float: none;
    transition: background-position 150ms ease-out;
    display: block;
}

/*#nav ul.level1 > li a:before{content:'\f105';font-family:FontAwesome;font-size:12px;padding-right:5px;color:#444;}*/
#nav ul.level1>li a:hover {
    float: none;
    transition: background-position 150ms ease-out;
    color: #4ca811;
}

#nav ul.level2 {
    margin: 7px 0;
    padding: 0;
    position: static;
}

#nav ul.level2 a {
    font-size: 0.9166em;
    line-height: 1.2727em;
    opacity: 0.6;
}

#nav li.level2:hover ul.level2 a {
    opacity: 1;
    transition: opacity 150ms ease-out;
}

#nav ul ul ul li {
    background: none;
    padding-left: 0;
}

.nav-links>li,
.nav-links>li>a {
    line-height: 3em;
}

.nav-links>li>a {
    padding: 0 0.5833em;
}

.nav-links>li.label {
    padding-right: 0.5833em;
}

.nav-links>li {
    float: left;
}

.nav-links>li>a {
    display: block;
}

.grid12-5 {
    position: relative;
    display: inline;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    width: 38%;
}

.grid12-5 .static-img-block a:before {
    overflow: hidden;
    position: absolute;
    top: 0;
    content: "";
    z-index: 100;
    width: 100%;
    height: 98.5%;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
    transform: scale(0.5) rotateY(180deg);
    background-image: url(../images/plus-img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #666;
}

.grid12-5 .static-img-block a:hover::before {
    visibility: visible;
    opacity: 0.6;
    transform: scale(1) rotateY(0deg);
}

.grid12-3 {
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 1%;
    padding: 10px 0 10px 10px;
    width: 16%;
    border-left: 1px solid #3e3e3e;
    margin-bottom: 0;
}

.grid12-3 .item-title a {
    text-transform: uppercase;
    margin-top: 10px;
    color: #aaa;
}

.grid12-4 {
    display: inline;
    float: left;
    margin: 0px 0px 0 10px;
    width: 29.1%;
}

.grid12-4 .static-img-block {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.grid12-4 .static-img-block img {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

.grid12-4 .static-img-block img:hover {
    -webkit-transform: scale(1.11);
    transform: scale(1.11);
    -moz-transform: scale(1.11);
}

.grid12-8 {
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 0%;
    width: 70%;
}

#nav .grid12-8 ul.level0>li {
    width: 22.5%;
}

#nav .grid12-8 ul.level0>li:last-child {
    margin-right: 0px;
}

.grid13-8 {
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 0%;
    margin-bottom: 0;
    width: 60%;
}

.back-link {
    float: left;
}

.grid12-4 h3 {
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin-top: 5px;
}

.grid12-4 p {
    text-align: left;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

a.btn-button-st {
    background: #252525;
    color: #fff;
    font-size: 11px;
    padding: 6px 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 8px 0 15px;
}

a.btn-button-st:hover {
    background: #4ca811;
    border: 1px solid #4ca811;
    color: #fff;
}

#nav .level0-wrapper .nav-add {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#nav .level0-wrapper .nav-add .push_item {
    float: left;
    margin-right: 12px;
    width: 19%;
    overflow: hidden;
}

#nav .level0-wrapper .nav-add .push_item_last {
    float: left;
    margin-right: 0px;
    width: 19%;
}

#nav .level0-wrapper .nav-add .push_item .push_img {
    position: relative;
}

#nav .level0-wrapper .nav-add .push_item .push_img a {
    display: block;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

#nav .level0-wrapper .nav-add .push_item .push_img a img {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

#nav .level0-wrapper .nav-add .push_item .push_img a img:hover {
    -webkit-transform: scale(1.11);
    transform: scale(1.11);
    -moz-transform: scale(1.11);
}

#nav .level0-wrapper .nav-add .push_item .push_text {
    color: #999;
    font-size: 12px;
    padding: 8px 0;
}

.icon-custom-reponsive:before {
    content: "\f10a";
}

.icon-custom-reponsive {
    font-family: FontAwesome;
    display: block;
    font-size: 70px;
    background-color: #F0F0F0;
    color: #000;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

.icon-custom-CSS3:before {
    content: "\f13c";
}

.icon-custom-CSS3 {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 60px;
    background-color: #F0F0F0;
    color: #000;
    height: 120px;
    padding: 30px 77px 30px 0;
    margin-left: -5px;
}

.ccs3-html5-box {
    background-color: #F0F0F0;
    color: #000;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 60px;
    height: 95px;
    padding: 25px 0 0;
    text-align: center;
    width: 100%;
}

.icon-custom-google-font:before {
    content: "\f031";
}

.icon-custom-google-font {
    font-family: FontAwesome;
    display: block;
    font-size: 70px;
    background-color: #F0F0F0;
    color: #000;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

.icon-custom-grid:before {
    content: "\f00a";
}

.icon-custom-grid {
    font-family: FontAwesome;
    display: block;
    font-size: 70px;
    background-color: #F0F0F0;
    color: #000;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

#nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
}

#nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {
    color: #222222;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
}

#nav li.drop-menu ul {
    position: absolute;
    top: 43px;
    left: 0;
    background: #fafafa;
    padding: 6px 0;
    border-top: none;
    border: 1px #ececec solid;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    width: 160px;
    text-align: left;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#nav li.drop-menu:hover ul {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

#nav>li.drop-menu ul li ul {
    border-top: none;
}

#nav>li.drop-menu {
    position: relative;
    text-align: center;
}

#nav li.drop-menu ul li {
    position: relative;
}

#nav li.drop-menu ul li a {
    color: #333;
    line-height: 22px;
    font-size: 12px;
    padding: 0 12px;
    display: block;
    transition: all 200ms ease-in-out;
}

#nav li.drop-menu ul li:hover>a {
    color: #4ca811;
    padding-left: 12px;
}

#nav li.drop-menu ul li span.plus {
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -1px;
    height: 1px;
    width: 7px;
    background: #535353;
}

#nav li.drop-menu ul {
    display: none;
}

.custom-menu {
    overflow: hidden;
    padding-bottom: 20px
}

.custom-menu .learn_more_btn {
    background: #fff;
    border: 3px double #ddd;
    margin: 10px 8px 0 8px;
    padding: 9px 10px 9px 10px;
    color: #333;
    line-height: 14px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.custom-menu .learn_more_btn:hover {
    background: #65d31f;
    border: 3px double #fff;
    margin: 10px 8px 0 8px;
    padding: 9px 10px 9px 10px;
    color: #FFFFFF;
}

.custom-menu .learn_more_btn span {
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    padding: 0 8px;
    font-weight: bold;
    margin-left: 0;
    text-transform: uppercase;
}

.custom-menu p {
    color: #333;
    margin: 10px 0px 0px 0px
}

.custom-menu .header-nav-dropdown-wrapper {
    padding: 0px 0 20px;
    overflow: hidden;
}

.custom-menu .grid12-5 {
    margin-left: 0px;
    margin-right: 2%;
    width: 23%;
    text-align: center;
    overflow: hidden;
    padding-bottom: 25px
}

.custom-menu .grid12-5 .custom_img {
    position: relative;
    overflow: hidden;
}

.custom-menu .grid12-5 .custom_img img {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

.custom-menu .grid12-5 .custom_img img:hover {
    -webkit-transform: scale(1.11);
    transform: scale(1.11);
    -moz-transform: scale(1.11);
}

.custom-menu p {
    color: #333;
    margin: 10px 0px 0px 0px
}

.sticky {
    position: fixed;
    margin-top: 0px !important;
    z-index: 1000;
    display: block;
    top: 0px;
    /*height:44px;*/
    height: 115px;
    width: 100%;
}

.logo-small {
    display: none
}

.sticky1 {
    position: fixed;
    margin-top: 42px;
    z-index: 1000;
    display: block;
    top: 7px;
    /*height:44px;*/
    height: 115px;
    width: 100%;
}

.sticky .logo-small {
    display: block !important;
    position: absolute;
    right: 0px
}

.sticky .logo-small img {
    width: 60px;
    /*margin-top:10px*/
}

.fur-des {
    margin-right: 15px;
}

.header-service {
    padding: 12px 0;
    color: #777;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.5px;
    line-height: 1.4em;
    text-transform: uppercase;
    overflow: hidden;
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
}

.header-service strong {
    font-weight: 900;
    color: #0fa850;
}

.icon-truck:before {
    content: "\f0d1";
}

.icon-truck {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #0fa850;
    text-align: center;
    width: 30px;
    text-align: left;
    padding-left: 0px;
}

.icon-comments:before {
    content: "\f0d1";
}

.icon-comments {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #0fa850;
    text-align: center;
    width: 30px;
    text-align: left;
    padding-left: 0px;
}

.icon-star:before {
    content: "\f0d1";
}

.icon-star {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #0fa850;
    text-align: center;
    width: 30px;
    text-align: left;
    padding-left: 0px;
}

.icon-money:before {
    content: "\f0d6";
}

.icon-money {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #0fa850;
    width: 30px;
    text-align: left;
}

.icon-support:before {
    content: "\f0e6";
}

.icon-support {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #0fa850;
    width: 30px;
    text-align: left;
}

.icon-dis:before {
    content: "\f005";
}

.icon-dis {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    margin: auto;
    color: #fd7e56;
    width: 25px;
    text-align: left;
}

.offer-banner-section {
    margin: 35px 0px 40px 0px;
}

.offer-banner-section .container .row {
    margin-left: -7px;
}

.offer-banner-section .col-lg-4 {
    padding-left: 7px;
    padding-right: 7px;
    overflow: hidden;
}

.offer-banner-section .col-lg-4 img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

/*.offer-banner-section .col-lg-4 img:hover{background:#000;max-height:750px;max-width:100%;min-width:100%;width:100%;opacity:0.8;}*/
.offer-banner-section .col-lg-4 .overlay {
    display: none;
    width: 96%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 6px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.3s ease-in 0.4s;
}

.offer-banner-section .col-lg-4:hover .overlay {
    opacity: 1;
    transition-delay: 0s;
}

.offer-banner-section .col-lg-4 .overlay:before,
.offer-banner-section .col-lg-4 .overlay:after {
    border: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    animation-delay: 0.3s;
    animation-name: fadeInUp;
}

.offer-banner-section .col-lg-4 .overlay a.info {
    /*display:inline-block;*/
    display: none;
    text-decoration: none;
    padding: 15px 15px;
    background: #0fa850;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    top: 45%;
    position: relative;
    width: 100%;
    font-weight: 600;
    letter-spacing: 1px;
}

.offer-banner-section .col-lg-4 .overlay a.info:hover {
    background: #222;
}

.new_title {
    border-bottom: 3px solid #E5E5E5;
    border-top: 3px solid #E5E5E5;
    background: #E5E5E5;
}

.new_title.center {
    height: 40px;
}

.new_title h2 {
    border: 1px solid var(--theme-color);
    border-bottom: 3px solid var(--theme-color);
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: normal;
    margin-top: -2px;
    padding: 10px 15px 7px 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: var(--theme-color);
}

.new-box,
.sale-box {
    height: 40px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10;
}

.new-box {
    left: -1px;
}

.sale-box {
    right: -1px;
}

.new-top-left {
    left: 0px;
    top: 0;
    background: #fff;
    letter-spacing: 1px;
}

.new-top-right {
    background: none repeat scroll 0 0 #FFFFFF;
    right: 0px;
    top: 0;
}

.sale-top-right {
    top: 0;
    background: #fff;
    letter-spacing: 1px;
    right: 0px;
}

.sale-top-left {
    left: 0px;
    top: 0;
    background: #fff;
    letter-spacing: 1px;
}

.ie8 .new-label {
    left: 0px;
    top: 0px;
    width: auto;
    padding: 5px 15px;
}

.ie8 .new-label:after {
    display: none;
}

.ie8 .new-label:before {
    display: none;
}

.ie8 .sale-label {
    right: 0px;
    top: 0px;
    width: auto;
    padding: 5px 15px;
}

.ie8 .sale-label:after {
    display: none;
}

.ie8 .sale-label:before {
    display: none;
}

.ie8 .new-box {
    top: -1px;
    left: -1px;
}

.ie8 .sale-box {
    right: -1px;
    top: -1px;
}

.new-box,
.sale-box {
    position: fixed;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10;
}

.new-box {
    left: 0;
}

.sale-box {
    right: 0;
    top: 0px;
}

.new-label {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #ffc60a;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 100;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    width: 45px;
    height: 25px;
    line-height: 25px;
    margin-top: 0px;
    margin-left: 0px;
}

.sale-label {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #d12631;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 100;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    width: 45px;
    height: 25px;
    line-height: 25px;
    margin-top: 0px;
    margin-right: 0px;
}

.product-view .product-img-box .new-label {
    left: 15px;
}

.product-view .product-img-box .sale-label {
    left: 15px;
}

.ie8 .new-label {
    left: 0px;
    top: 0px;
    width: auto;
    padding: 5px 15px;
}

.ie8 .new-label:after {
    display: none;
}

.ie8 .new-label:before {
    display: none;
}

.ie8 .sale-label {
    right: 0px;
    top: 0px;
    width: auto;
    padding: 5px 15px;
}

.ie8 .sale-label:after {
    display: none;
}

.ie8 .sale-label:before {
    display: none;
}

.ie8 .new-box {
    top: -1px;
    left: -1px;
}

.ie8 .sale-box {
    right: -1px;
    top: -1px;
}

.product-view #product-img-box .new-box,
.product-view #product-img-box .sale-box {
    position: absolute;
    text-align: center;
    top: -1px;
    width: 55px;
    z-index: 10;
}

.product-view #product-img-box .new-box {
    left: 160px;
}

.product-view #product-img-box .sale-box {
    right: -5px;
    top: 0px;
}

.product-view #product-img-box .new-label.new-top-left {
    font-size: 14px;
    color: #000;
    background: #ffd739;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal;
}

.product-view #product-img-box .new-label.new-top-right {
    font-size: 14px;
    color: #000;
    background: #ffd739;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal;
}

.product-view #product-img-box .sale-label.sale-top-left {
    font-size: 14px;
    color: #fff;
    background: #D23333;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal;
}

.product-view #product-img-box .sale-label.sale-top-right {
    font-size: 14px;
    color: #fff;
    background: #D23333;
    text-transform: uppercase;
    padding: 10px 25px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100;
    font-weight: normal;
}

.carousel-inner {
    margin-top: 20px;
}

.best-seller-pro {
    position: relative;
    margin-bottom: 15px;
}

.featured-pro {
    position: relative;
}

.controls {
    position: inherit;
    width: 100%;
}

.controls a {
    color: #666;
}

.controls .prev {
    position: absolute;
    border: 1px solid #ccc;
    right: 35px;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    width: 30px;
    line-height: 26px;
    padding: 0 5px;
    color: #555;
    top: -35px;
}

.controls .next {
    position: absolute;
    border: 1px solid #ccc;
    right: 0px;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    width: 30px;
    line-height: 26px;
    padding: 0 5px;
    color: #555;
    top: -35px;
}

.glyphicon-chevron-right:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f105";
    text-transform: none;
    font-size: 18px;
    padding: 6px 6px 6px 6px;
    line-height: 22px;
}

.glyphicon-chevron-left:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f104";
    text-transform: none;
    font-size: 18px;
    padding: 6px 4px;
    line-height: 22px;
}

.col-item {
    position: relative;
}

.col-item .photo img {
    margin: 0 auto;
    width: 100%;
}

.col-item .info {
    margin-top: 1px;
    text-align: center;
}

.col-item:hover .info {}

.clear-left {
    clear: left;
}

.col-item .separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i {
    margin-right: 5px;
}

.col-item .btn-add {
    width: 50%;
    float: left;
}

.col-item .btn-add {
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details {
    width: 50%;
    float: left;
    padding-left: 10px;
}

.controls {
    margin-top: 0px;
}

[data-slide="prev"] {
    margin-right: 10px;
}

.col-item .actions-links {
    background: #0fa850 !important;
    position: absolute;
    width: 100%;
    opacity: 1;
    z-index: 1000;
    overflow: hidden;
    bottom: 0;
}

.col-item:hover .actions-links {
    height: 30px;
    background: #4ca811;
    position: absolute;
    width: 100%;
    opacity: 1;
    z-index: 10000;
    bottom: 0;
}

.col-item .actions-links .add-to-links a.magik-btn-quickview {
    right: 0%;
    opacity: 0;
    position: absolute;
    margin-top: 4px;
    z-index: 10;
    cursor: pointer;
}

.col-item:hover .actions-links .add-to-links a.magik-btn-quickview {
    right: 0%;
    opacity: 0.9;
    position: absolute;
    margin-top: 0px;
    width: 32%px;
    text-align: center;
}

.col-item .actions-links .add-to-links a.magik-btn-quickview:before {
    content: "\f002";
}

.col-item .actions-links .add-to-links a.magik-btn-quickview {
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s linear;
    padding: 5px 5px;
    line-height: 25px;
    width: 33%;
}

.col-item .actions-links .add-to-links a.magik-btn-quickview:hover {
    background: #0fa850;
}

.col-item .actions-links .add-to-links a.link-wishlist:before {
    content: "\f004";
}

.col-item .actions-links .add-to-links a.link-compare:before {
    content: "\f012";
}

.col-item .actions-links .add-to-links a.link-wishlist {
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s linear;
    padding: 5px 5px;
    line-height: 25px;
    width: 32%;
}

.col-item .actions-links .add-to-links a.link-wishlist:hover {
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 5px 5px;
    text-decoration: none;
    color: #fff;
    line-height: 25px;
    background: #0fa850;
    width: 32%;
}

.col-item .actions-links .add-to-links a.link-compare {
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s linear;
    padding: 5px 5px;
    line-height: 25px;
    width: 32%;
}

.col-item .actions-links .add-to-links a.link-compare:hover {
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 5px 5px;
    text-decoration: none;
    color: #fff;
    line-height: 25px;
    background: #4ca811;
    width: 32%;
}

.col-item .add-to-links a span {
    display: none;
}

.col-item .actions-links .add-to-links a.link-wishlist {
    left: 120%;
    opacity: 0;
    position: absolute;
    margin-top: 4px;
    z-index: 10;
}

.col-item:hover .actions-links .add-to-links a.link-wishlist {
    left: 0%;
    opacity: 0.9;
    position: absolute;
    margin-top: 0px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none;
    border-bottom: none;
    border-left: none;
    width: 33%;
    text-align: center;
}

.col-item .actions-links .add-to-links a.link-compare {
    left: 120%;
    opacity: 0;
    position: absolute;
    margin-top: 4px;
    z-index: 10;
}

.col-item:hover .actions-links .add-to-links a.link-compare {
    left: 33%;
    opacity: 0.9;
    position: absolute;
    margin-top: 0px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none;
    border-bottom: none;
    border-left: none;
    width: 33%;
    text-align: center;
}

.col-item .info .info-inner .item-title {
    margin-bottom: 5px;
    padding-top: 16px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
}

.col-item .info .info-inner .item-title a {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
}

.col-item .info .info-inner .item-title a:hover {
    color: #4ca811;
}

#etalage .moreview_thumb {
    cursor: move;
}

#moreview .moreview_small_thumbs li {
    margin: 10px;
    margin-bottom: 13px !important;
    cursor: pointer;
}

#moreview .moreview_magnifier {
    border: 1px solid #bbb;
}

#moreview .moreview_hint {
    width: 130px;
    height: 57px;
}

#moreview .moreview_description {
    font-style: italic;
    margin: 10px;
    padding: 6px 10px;
}

.moreview,
.moreview_thumb,
.moreview_thumb_image,
.moreview_source_image,
.moreview_zoom_preview,
.moreview_icon,
.moreview_hint {
    display: none
}

.moreview,
.moreview ul,
.moreview li,
.moreview img,
.moreview_hint,
.moreview_icon,
.moreview_description {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none
}

.moreview,
.moreview_magnifier div,
.moreview_magnifier div img,
.moreview_small_thumbs ul,
ul .moreview_small_thumbs li,
.moreview_zoom_area div,
.moreview_zoom_img {
    position: relative
}

.moreview img,
.moreview li {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none
}

.moreview,
.moreview_small_thumbs li {
    float: left
}

.moreview_right {
    float: right
}

.moreview li {
    position: absolute
}

.moreview img {
    vertical-align: bottom;
    max-width: none
}

.moreview_magnifier {
    cursor: default
}

.moreview_magnifier div,
.moreview_small_thumbs {
    overflow: hidden
}

.moreview_magnifier div img {
    display: none
}

.moreview_icon,
.moreview_hint {
    cursor: default;
    width: 0;
    height: 0;
    overflow: hidden
}

.moreview_small_thumbs li.vertical {
    float: none
}

.moreview_zoom_area {
    z-index: 2
}

.moreview_zoom_area div {
    overflow: hidden;
    z-index: 997
}

.moreview_zoom_preview {
    position: absolute;
    z-index: 998
}

.moreview_zoom_img,
.moreview_hint {
    z-index: 999
}

.moreview {
    direction: ltr
}

div.moreview_description {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999
}

div.moreview_description.rtl {
    direction: rtl;
    text-align: right
}

.moreview-control a {
    left: auto;
    width: 26px;
    height: 26px;
    background-color: transparent;
}

.product-view .product-img-box .moreview-control {
    opacity: 0;
}

.product-view .product-img-box:hover .moreview-control {
    opacity: 1;
    transition: all 0.3s linear;
}

.moreview-control a.moreview-prev {
    position: absolute;
    left: 10%;
    background-color: #fff;
    border: 1px #ddd solid;
    text-align: center;
    color: #333;
}

.moreview-control a.moreview-prev:hover {
    background-color: #333;
    border: 1px #333 solid;
    color: #fff;
    transition: all 0.3s linear;
}

.moreview-control a.moreview-prev:before {
    content: "\f106";
    font-family: FontAwesome;
    font-size: 18px;
}

.moreview-control a.moreview-next {
    position: absolute;
    left: 10%;
    background-color: #fff;
    border: 1px #ddd solid;
    text-align: center;
    color: #333;
    bottom: 0%;
}

.moreview-control a.moreview-next:hover {
    background-color: #333;
    border: 1px #333 solid;
    color: #fff;
    transition: all 0.3s linear;
}

.moreview-control a.moreview-next:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 18px;
}

.moreview .roll-over {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #888;
    text-indent: 20px;
}

.moreview .roll-over .roll-over-desc {
    margin-left: 20px;
}

#moreview .moreview_thumb,
#moreview .moreview_small_thumb {
    border: solid 1px #e0e0e0;
}

.product-view .product-img-box {
    margin-bottom: 10px;
    position: relative;
}

.product-view .product-img-box .product-image {
    margin: 0 0 13px;
}

.product-view {
    margin: auto;
    position: relative;
    z-index: 0;
}

.product-essential {
    overflow: hidden;
}

.product-collateral .box-collateral {
    margin: 0 0 15px;
}

.product-essential .product-image.no-gallery {
    margin-left: auto;
}

.product-essential .product-image img {
    height: auto;
    width: 100%;
}

.product-essential .button-viewall {
    position: absolute;
    left: 5px;
    bottom: 5px;
    text-indent: -999em;
    z-index: 9999;
}

.more-views {
    width: 80%;
    margin: auto;
}

.more-views img {
    width: 100%;
}

.more-views .slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: -22px;
    top: 50%;
}

.more-views .slider-items-products .owl-buttons a {
    border: none;
    background: #f5f5f5;
}

.more-views .slider-items-products .owl-buttons a:hover {
    color: #333;
}

.more-views .slider-items-products .owl-buttons .owl-next a:before {
    font-size: 24px;
}

.more-views .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px;
}

.more-views .slider-items-products .owl-buttons .owl-prev {
    left: -32px;
    position: absolute;
    top: 50%;
    background: none;
}

.product-view .product-shop .add-to-box button.button.btn-cart span {
    background: none;
    margin-left: 5px;
    font-size: 16px;
}

.product-view .product-options-bottom button.button.btn-cart span {
    background: none;
    margin-left: 5px;
}

.product-view .product-shop {
    text-align: center;
    margin-top: 0;
    position: relative;
}

.product-view .product-name {
    border-bottom: double #ddd;
}

.product-view .product-name h1 {
    font-size: 40px;
    margin: 0 0 2px;
    text-align: center;
    line-height: 1.2em;
    padding-bottom: 12px;
    letter-spacing: -1px;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
    padding-right: 70px;
}

.product-view .short-description {
    padding-bottom: 5px;
    font-size: 13px;
}

.product-view .short-description h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 8px;
    font-weight: bold;
}

.product-view .product-shop .add-to-box {
    overflow: hidden;
    text-align: center;
    margin: 1px 0 0 0;
}

.product-view .product-shop .add-to-box a:hover {
    text-decoration: none;
}

.product-view .product-shop .add-to-box .btn-cart {
    background: var(--theme-color);
    color: #fff;
    font-size: 16px;
    text-shadow: none;
    padding: 7px 50px;
    float: left;
    margin-top: 0px;
    width: 80% !important;
    height: 50px;
    font-weight: normal;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    margin-left: 10px;
    border: none;
}

.product-view .product-shop .add-to-box .btn-cart:hover {
    background: var(--sub-theme-color) !important;
    text-shadow: none;
    color: #fff;
}

.product-view .product-shop .product-options-bottom .btn-cart {
    background: #4ca811;
    color: #fff;
    font-size: 16px;
    text-shadow: none;
    padding: 10px 20px;
    float: left;
    margin-top: 0px;
    font-weight: normal;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    margin-left: 10px;
    border: none;
}

.product-view .product-shop .product-options-bottom .btn-cart:hover {
    background: #000;
    text-shadow: none;
    color: #fff;
}

.product-view .product-shop .add-to-box .icon-basket {
    margin-right: 5px;
}

.product-view .product-shop .add-to-links {}

.product-view .add-to-links span {
    display: none;
}

.product-view .product-shop ul.add-to-links {
    margin: 0;
    padding: 0;
    margin-top: 0px;
    display: inline-block;
}

.product-view .product-shop .add-to-links li {
    display: inline-block;
    padding: 0 7px 0 2px;
}

.product-view .product-shop .add-to-links li .separator {
    display: none;
}

.product-view .email-friend a {
    font-size: 12px;
    display: inline-block;
    border: 1px #ddd solid;
    width: 45px;
    height: 38px;
    text-align: center;
    line-height: 35px;
    color: #666;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.product-view .email-friend a:hover {
    color: #fff;
    background-color: #4ca811;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.product-view .product-shop .add-to-links li .separator {
    display: none;
}

.product-view .product-shop .add-to-links .link-wishlist:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 14px;
    vertical-align: top;
    text-align: center;
}

.product-view .product-shop .add-to-links .link-wishlist {
    border: 1px solid #ddd;
    color: #ff0000;
    display: flex;
    float: left;
    font-size: 15px;
    font-weight: normal;
    height: 50px;
    line-height: 36px;
    text-align: center;
    width: 50px;
    align-items: center;
    justify-content: center;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.product-view .product-shop .add-to-links .link-compare:before {
    content: "\f012";
    font-family: FontAwesome;
    font-size: 14px;
    vertical-align: top;
    height: 25px;
    width: 25px;
    text-align: center;
    padding-right: 0px
}

.product-view .product-shop .add-to-links .link-compare {
    border: 1px solid #ddd;
    color: #666;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 39px;
    line-height: 36px;
    text-align: center;
    width: 48px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.product-view .product-shop .add-to-links .link-compare:hover,
.product-view .product-shop .add-to-links .link-wishlist:hover {
    color: #fff;
    background-color: var(--theme-color);
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.product-view .product-shop ul.add-to-links a {
    padding: 0;
    margin: 0;
}

.email-addto-box {
    display: inline-block;
    float: left;
    margin-left: 12px;
}

.product-view .email-friend {
    display: inline-block;
    margin-left: 6px;
}

.product-view .email-friend a:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 14px;
}

.product-view .email-friend a span {
    display: none;
    font-size: 12px;
}

.product-view .product-shop .ratings {
    padding: 5px 0;
    margin: 15px 0 0;
}

.product-view .product-shop .ratings .rating-links {
    margin-bottom: 12px;
    display: inline;
}

.product-view .product-shop .no-rating {
    padding: 12px 0;
    margin: 15px 0 0;
}

.product-view .product-shop .price-box {
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 0 0 10px;
    padding: 0 0 5px;
}

.product-view .product-shop .grouped-items-table .price-box {
    border-bottom: 0px solid #ddd;
    margin: 0;
    padding: 0;
}

.product-view .product-shop .price-box .old-price {
    margin-right: 5px;
    margin-top: 0;
    display: inline-block;
}

.product-view .product-shop .special-price {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.add-to-cart .qty,
.qty-holder .qty {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 0px;
}

.product-shop .button-up,
.product-shop .button-down {
    height: 44px;
    width: 44px;
}

.add-to-cart .button-up,
.add-to-cart .button-down {
    left: 94px;
    position: absolute;
}

.product-shop .social {
    float: left;
    border-top: 1px solid #dddddd;
    padding: 5px 0 0;
    margin-top: 10px;
    width: 100%;
}

.product-shop .social ul li {
    display: inline-block;
    margin: 15px 6px 0 0;
}

.button-up:hover {
    background: #333 url(../images/icon_arrow_up.png) no-repeat 15px 15px;
}

.button-down:hover {
    background: #333 url(../images/icon_arrow_down.png) no-repeat 15px 15px;
}

.button-up,
.button-down {
    height: 44px;
    text-indent: -999em;
    width: 35px;
    border: none;
}

.qty-input-text {
    float: left;
    margin-left: 10px;
}

.product-view .product-shop .add-to-box .add-to-cart label {
    display: block;
    float: none;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.product-view .product-shop .product-options-bottom .add-to-cart label {
    display: block;
    float: none;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.button-up:hover,
.button-up:focus {
    background-image: url(../images/icon_arrow_up.png);
    background-position: 16px 16px;
}

.button-down:hover,
.button-down:focus {
    background-image: url(../images/icon_arrow_down.png);
    background-position: 16px 16px;
}

.product-view .product-shop .icon-plus:before {
    font-size: 14px;
}

.product-view .product-shop .icon-minus:before {
    font-size: 14px;
}

.product-view .flexslider-thumb {
    max-width: 420px;
    margin: 20px auto 0;
    padding: 0 45px;
    position: relative
}

.product-view-compact .flexslider-thumb {
    margin: 17px auto 0
}

.product-view .flexslider-thumb .flex-viewport {
    z-index: 10
}

.product-view .flexslider-thumb .flex-direction-nav {
    top: 30%;
    left: 0;
    width: 100%;
    z-index: 9
}

.product-view .flexslider-thumb .flex-prev {
    position: absolute;
    left: 12px;
    top: 0px;
}

.product-view .flexslider-thumb .flex-next {
    position: absolute;
    right: 20px;
    top: 0px;
}

.product-view .flexslider-thumb li img {
    cursor: pointer;
    -moz-user-select: none
}

.product-view .previews-list {
    padding: 0;
    list-style-type: none;
    text-align: center
}

.product-view .previews-list li {
    width: 76px;
    margin-right: 7px;
    padding: 0;
    float: none;
    display: inline-block;
}

.product-view-compact .rating {
    padding: 18px 0 21px
}

.product-view-compact .btn-toolbar {
    margin: 0;
    padding: 7px 0 22px
}

.product-view-compact .price {
    display: block;
    padding: 6px 0 20px
}

.product-view .flexslider-thumb-vertical-outer {
    margin: 0 10px 15px 0;
    width: 76px;
    float: left;
    position: relative;
    z-index: 1
}

.product-view .flexslider-thumb-vertical .flex-viewport {
    height: 400px !important
}

.product-view .flexslider-thumb-vertical .slides {
    margin: -4px 0 0;
    padding: 0;
    list-style-type: none
}

.product-view .flexslider-thumb-vertical .slides li {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.product-view .flexslider-thumb-vertical .slides li img {
    width: 100%;
    padding: 4px 0;
    cursor: pointer;
    -moz-user-select: none
}

.flex-direction-nav,
.slider-controls {
    -webkit-transform: translate3d(0, 0, 0)
}

#cloud-zoom-big {
    left: 15px !important;
}

.product-collateral {
    padding: 0px;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    display: inline-block;
}

.addtional-info {}

.product-tabs {
    margin-bottom: 10px;
    width: 565px;
}

#product-tabs {
    margin: 0;
    padding: 0;
    position: relative;
    border-radius: 2px;
}

#product-tabs>dt {
    text-transform: none;
    font-size: 12px;
    padding: 8px 0px;
    cursor: pointer;
    color: #102343;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

#product-tabs>dt.open {
    position: relative;
    background-color: #fff;
    z-index: 10;
    color: #2CA2E3;
}

#product-tabs>dd {
    display: none;
    right: 0;
    top: 0;
    background-color: #fff;
    margin: 0;
    padding: 6px 0;
    line-height: 1.8;
    border-bottom-width: 0;
    font-size: 12px;
}

#product-tabs>dd h2 {
    display: none;
}

#customer-reviews {
    margin-top: 15px;
}

#customer-reviews .detail {
    font-size: 12px;
    line-height: 18px;
}

#customer-reviews h3 {
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 15px;
}

#customer-reviews h4 {
    display: inline;
    font-size: 12px;
}

#customer-reviews h5 {
    display: inline;
    font-size: 12px;
}

.box-reviews dl {
    margin-bottom: 0;
}

.box-reviews dt {
    font-size: 18px;
    padding: 20px 0 10px;
}

#customer-reviews .page-title {
    border: none;
}

#customer-reviews .page-title h2 {
    color: #000;
    font-size: 20px;
    font-weight: normal;
    margin-top: 0;
    padding: 2px 0px;
    position: relative;
    display: block;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.box-reviews1 {
    margin-top: 8px;
    margin-bottom: 20px;
}

.box-reviews2 {
    margin-top: 8px;
    margin-bottom: 35px;
    overflow: hidden;
}

.review-title {
    margin-top: 0;
    line-height: 1.4;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
}

.review-title span {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}

.box-reviews>.rating-box {
    position: absolute;
    top: 30px;
    right: 30px;
}

.box-reviews dd {
    margin-left: 0;
    padding-bottom: 20px;
}

.box-reviews .author {
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}

.box-reviews .date {
    color: #bdbdbd;
    font-size: 12px;
    font-style: italic;
}

.box-reviews .ratings-table {
    float: left;
    margin: 5px 15px 15px 0;
    width: 12%;
}

.box-reviews .review {
    border-left: 1px solid #DFDFDF;
    float: left;
    padding-left: 2.5em;
    width: 84%;
}

.box-reviews .review .review-txt {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.box-reviews ul li h6 {
    font-size: 15px;
    margin-bottom: 3px;
    padding: 0;
}

.box-reviews2 ul li {
    margin-bottom: 0px;
    clear: both;
}

.box-reviews .actions {
    padding-top: 1.5em;
    text-align: right;
    float: right;
}

#customer-reviews .form-list li label {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#customer-reviews .buttons-set {
    margin-top: 10px;
}

a.button.view-all:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 8px;
}

a.button.view-all {
    display: inline-block;
    border: 0;
    background: #fff;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    color: #333;
    font-weight: bold;
    transition: all 0.3s linear;
    vertical-align: top;
    border: 1px solid #ddd;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.button.view-all:hover {
    background: #4ca811;
    transition: all 0.3s linear;
    border: 1px solid #4ca811;
    color: #fff;
    text-decoration: none;
}

.box-reviews .form-add h3 {
    margin-bottom: 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.box-reviews .form-add h4 {
    font-size: 15px;
}

.box-reviews textarea {
    width: 95%;
    margin-top: 4px;
    height: 8em;
    background: #f0f0f0;
}

.box-reviews .form-list input.input-text {
    width: 80%;
    padding: 10px;
    margin-bottom: 4px;
    line-height: 20px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}

.box-reviews .form-list input.input-text:focus {
    width: 80%;
    padding: 10px;
    margin-bottom: 4px;
    line-height: 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}

.box-reviews .form-list select {
    padding: 12px 15px 12px 165px;
    margin: 0;
    width: 100%;
    line-height: 20px;
    height: 48px;
}

.review1 {
    display: inline-block;
    width: 45%;
    float: left;
}

.review2 {
    display: inline-block;
    width: 55%;
}

.product-view .box-tags .form-add input.input-text {
    width: 350px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: 0 1px 5px #eee inset;
    margin-right: 10px;
    padding: 8px;
}

.up-sell-box {
    border: 1px #ddd solid;
    border-top: none;
}

.up-sell-box p.desc {
    margin: 0;
    padding: 10px 10px 0 10px
}

.featured-products {
    position: relative;
}

.product-view .box-tags .form-add label {
    line-height: 42px;
    font-size: 16px;
}

.product-view .box-tags .form-add .button {
    height: 35px;
}

#addTagForm {
    margin-bottom: 5px;
    margin-top: 10px
}

.product-view .box-up-sell {
    margin-top: 10px;
    float: left;
}

.product-view .box-up-sell .subtitle {
    margin-right: 0;
}

.mini-products-list .price-box * {
    display: inline;
}

.mini-products-list .price-box .price {
    margin-right: 10px;
}

.product-tabs {
    line-height: normal;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    border-bottom: 3px solid #e5e5e5;
    margin-top: 0px;
    height: 42px;
    text-align: left;
}

.product-tabs li {
    display: inline-block;
    height: auto;
    line-height: normal;
    margin: 0;
    outline: none;
    padding: 0;
    list-style: none;
}

.product-tabs li.active {
    background: none;
}

.product-tabs li.active a {
    background: none repeat scroll 0 0 #fff;
    color: #0a3151;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 12px;
    border: none;
    border-bottom: 3px solid #0a3151;
}

.product-tabs li.active a:hover {
    background: none repeat scroll 0 0 #fff;
    color: #0a3151;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 12px;
    border: none;
    border-bottom: 3px solid #0a3151;
}

.nav-tabs.product-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border-radius: 0px;
    border: none;
    padding: 12px;
}

.nav-tabs.product-tabs>li>a:hover {
    margin-right: 0px;
    background: #f8f8f8;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    padding: 12px;
    margin-right: 0px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: none;
    border-bottom: 3px solid var(--theme-color);
    background: var(--theme-color);
    color: #fff;
}

.product-tabs a {
    display: inline-block;
    font-size: 12px;
    height: 45px;
    line-height: 42px;
    text-transform: uppercase;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    height: 42px;
    padding: 12px;
}

.tab-content>.active {
    margin-top: 15px;
}

.box-reviews dd,
.review-title {
    border-bottom: 1px solid #ccc;
}

#product-tabs>dt {
    border-bottom: 1px solid #ccc;
}

#product-tabs>dd {
    border-left: 0px solid #ccc;
    border-bottom: 3px solid #e5e5e5;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#product-review-table {
    margin: 10px 0;
    border: medium none;
    width: 100%;
}

#product-review-table th,
#product-review-table td {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 8px;
}

.nobr {
    white-space: nowrap;
}

.form-add-tags input.input-text,
select,
textarea {
    border: 1px solid #ddd;
    margin-top: 0;
    padding: 6px;
}

.form-add-tags input.input-text:focus,
.form-add-tags select:focus,
.form-add-tags textarea:focus {
    padding: 6px;
}

.additional p {
    font-size: 12px
}

.product-options dt label,
.box-reviews dt,
.data-table,
.fraction-slider .slide-subtitle {
    font-family: Arial, Helvetica, sans-serif;
}

.specs-table {
    margin-top: 5px;
}

.specs-table dt {
    float: left;
    font-weight: bold;
    padding: 0 3px 3px 0;
    width: 60px;
}

.specs-table dd {
    padding: 0 0 0px 90px;
}

.data-table {
    border-spacing: 0;
    text-align: left;
}

.data-table thead tr,
.data-table tfoot tr {
    background-color: #f7f7f7;
}

#product-attribute-specs-table.data-table {
    border: 1px solid #EAEAEA;
    border-bottom: none;
    margin-top: 5px;
}

#product-attribute-specs-table.data-table tbody th,
.data-table tbody td {
    border-right: none;
}

#product-attribute-specs-table.data-table tbody th.last,
.data-table tbody td.last {
    border-right: none;
}

#product-attribute-specs-table.data-table tbody th.last,
.data-table tbody td.last a {
    text-decoration: underline;
}

.form-add-tags label {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}

.form-add-tags button.button {
    display: inline;
    background: #fff;
    padding: 6px 15px 6px 12px;
}

.form-add-tags button.button:hover {
    background: #4ca811;
    transition: all 0.3s linear;
    color: #fff;
    border: 1px #4ca811 solid;
}

.data-table thead th,
.data-table thead td,
.data-table tfoot th,
.data-table tfoot td,
.cart .totals table th,
.cart .totals table td {
    color: #333;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-family: Arial, Helvetica, sans-serif;
}

.data-table tbody th,
.data-table tbody td {
    border-right: 0px solid #eaeaea;
    padding: 10px 10px 6px;
}

.cart-table tbody th,
.cart-table tbody td {
    border-right: 0px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    vertical-align: top;
}

.cart-table tbody th h2,
.cart-table tbody td h2 {
    margin: auto;
    padding: 0px;
    display: inline-flex;
}

.data-table tbody th.last,
.data-table tbody td.last {
    border-right: 0px solid #eaeaea;
}

.data-table tbody tr.last th,
.data-table tbody tr.last td {}

.data-table .price {
    font-size: 13px;
    font-weight: bold;
    color: #ff0000;
}

.data-table .total-price .price,
.cart .totals table tfoot td .price,
.compare-table .price {
    color: #333;
}

.item-options dd {
    color: #565656;
    margin: 0;
}

.compare-table th {
    color: #565656;
}

.compare-table tr.odd th {
    background-color: #ececec;
}

.compare-table tr.even th {
    background-color: #e5e5e5;
}

.compare-table tr.even td {
    background-color: #f7f7f7;
}

.my-account .data-table .price,
.my-wishlist .data-table .price {
    font-size: 15px;
    color: #737373;
    font-weight: normal;
}

.box-reviews .form-list li {
    margin-bottom: 0px;
    list-style: none;
}

#customer-reviews li {
    margin-bottom: 0px;
    list-style: none;
}

#customer-reviews ul {
    margin: auto;
    padding: 0px;
}

.recent-orders .title-buttons {
    text-align: right;
    margin-bottom: 8px;
}

.recent-orders .title-buttons strong {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 13px;
    color: #333;
}

.product-options {
    padding: 0;
    margin: 0;
    clear: both;
}

.product-options dt {
    margin-top: 20px;
}

.product-options dt label {
    font-weight: normal;
    font-size: 15px;
}

.product-options dt label em {
    margin-right: 3px;
}

.product-options dt .qty-holder {
    float: right;
}

.product-options dt .qty-holder label {
    vertical-align: middle;
}

.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px;
    color: #000;
}

.product-options dd {
    margin: 10px 0;
}

.product-options dl {
    margin: 5px 0;
}

.product-options dl.last dd.last {}

.product-options dd input.datetime-picker {
    width: 150px;
}

.product-options dd .time-picker {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle;
}

.product-options .options-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-options .options-list li {
    margin: 12px 0;
}

.product-options .options-list input.radio {
    margin: -2px 0 0 0;
}

.product-options .options-list input.checkbox {
    margin: -2px 0 0 0;
}

.product-options .options-list .label {
    display: inline;
    margin-left: 0;
    padding: 0;
}

.product-options ul.validation-failed {
    padding: 0 7px;
}

.product-options p.required {
    padding: 0;
    display: none;
}

.product-options label {
    display: inline;
    margin-bottom: 0;
    line-height: 17px;
}

.product-options .qty-holder {
    display: block;
    margin: 8px 0;
}

.product-options .label,
.product-options .badge {
    background-color: transparent;
    text-shadow: none;
}

.product-options .qty {
    margin-bottom: 0;
    width: 30px;
}

.product-options-bottom {
    padding: 25px 0;
}

.product-options-bottom .price-box {
    margin: 10px 0;
}

.product-view .grouped-items-table {
    margin-bottom: 15px;
    margin-top: 50px;
    border-bottom: none;
}

.product-view .box-description {}

.product-view .box-additional {
    margin-top: 30px;
}

.product-view .upsell-pro {
    margin-top: 50px;
}

.product-view .box-up-sell .products-grid td {
    width: 25%;
}

.product-view .box-tags {}

.product-view .box-tags .form-add label {
    float: left;
    line-height: 33px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif
}

.product-view .box-tags .form-add .input-box {
    float: left;
    margin: 0 0 0 10px;
}

.product-view .box-tags .form-add input.input-text {
    width: 320px;
    outline: none
}

.product-view .box-tags .form-add p {
    clear: both;
}

.product-view .box-reviews {}

.product-view .box-reviews .form-add {}

.send-friend {}

.availability,
.product-brand {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 12px 0 8px;
    padding: 4px 20px;
    background: #fdd922;
    border-radius: 3px;
    display: inline-block
}

#super-product-table input.qty {
    text-align: center;
}

.availability span,
.product-brand span {
    font-weight: normal;
}

.availability.in-stock {}

.availability.in-stock span {
    color: #4ca811;
    font-weight: bold
}

.availability.out-of-stock {
    background: #4ca811;
    color: #fff;
    padding: 0px
}

.availability.out-of-stock span {
    color: #fff;
    font-weight: bold
}

.availability-only {
    margin: 0 0 7px;
}

.availability-only a {
    cursor: pointer;
    padding-right: 15px;
}

.availability-only .expanded {
    background-position: 100% -15px;
}

.availability-only strong {}

.availability-only-details {
    margin: 0 0 7px;
}

.availability-only-details th {
    background: #f2f2f2;
    font-size: 10px;
    padding: 0 8px;
}

.availability-only-details td {
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    padding: 2px 8px 1px;
}

.availability-only-details tr.odd td.last {}

.add-to-cart label {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    float: left;
    line-height: 38px;
}

.custom {}

.custom button.items-count {
    border: none;
    clear: both;
    color: #999;
    font-size: 10px;
    line-height: normal;
    padding: 11px 14px 11px 16px;
    text-align: center;
    line-height: normal;
}

/*.custom button.items-count.increase{margin-right:4px;}*/
/*.custom button.items-count.reduced{margin-right:2px;font-size: 7px; margin-left: 22px;}*/
.custom button.items-count.reduced {
    margin-right: 2px;
    font-size: 7px;
}

.custom button.items-count {
    background-color: var(--sub-theme-color) !important;
    border: 1px var(--sub-theme-color) !important solid;
    color: #fff;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.custom button.items-count:hover {
    background-color: var(--sub-theme-color) !important;
    border: 1px var(--sub-theme-color) !important solid;
    color: #fff;
}

/*.mobresbtn{font-size: 7px; margin-left: 22px;}*/
.add-to-cart button.button {
    margin-left: 5px;
}

.add-to-cart .button-up {
    position: absolute;
    left: 200px;
    border-radius: 0;
    top: 0px;
}

.add-to-cart .button-down {
    position: absolute;
    left: 78px;
    border-radius: 0;
    top: 0px;
}

.add-to-cart .button-up {
    outline: none;
    background-color: #fff;
    border: 1px #ddd solid;
}

.add-to-cart .button-down {
    bottom: 0;
    outline: none;
    background-color: #fff;
    border: 1px #ddd solid;
}

.add-to-cart button.btn-cart {
    font-size: 20px;
    padding: 15px 25px;
    margin-left: 15px;
    margin-top: -10px
}

.add-to-cart button.btn-cart.margin-none {
    margin-left: 0;
}

.add-to-cart .paypal-logo {
    clear: left;
    text-align: right;
}

.add-to-cart .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 60px 5px 0;
}

.product-view .add-to-cart .paypal-logo {
    margin: 0;
}

.add-to-box {
    margin: 15px 0 0px;
    overflow: hidden;
    overflow: hidden;
    padding: 15px;
    text-align: center;
}

.add-to-box .add-to-cart,
.product-options-bottom .add-to-cart {
    margin: 0px;
}

.product-options-bottom .add-to-cart {
    margin-bottom: 0;
}

.add-to-box .or {
    float: left;
    margin: 0 10px;
}

.add-to-box .add-to-links {
    float: left;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.product-options-bottom .add-to-links {
    float: left;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.add-to-box .add-to-links li {
    display: block;
    margin: 0;
}

.add-to-links span {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    margin-left: 5px;
    text-transform: uppercase;
}

.add-to-cart .qty {
    padding: 0 5px 1px;
    height: 50px !important;
    border: 1px #ddd solid;
    text-align: center;
    margin-right: 3px;
    width: 125px !important;
    vertical-align: top;
    font-size: 20px;
}

.product-next-prev {
    margin: auto;
    position: absolute;
    right: 15px;
    top: 5px;
}

.product-prev {
    margin: 0 0 0 0px;
    float: right;
}

.product-next-prev .product-prev:before {
    content: "\f104";
    font-family: FontAwesome;
}

.product-next-prev .product-prev {
    background: #fff;
    border: 1px #eee solid;
    font-size: 20px;
    line-height: 25px;
    display: inline-block;
    width: 30px;
    height: 28px;
    color: #333;
    text-align: center;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 2px
}

.product-next-prev .product-prev:hover {
    color: #fff;
    background: #4ca811;
    text-decoration: none;
}

.product-next {
    margin: 0 0 0 4px;
    float: right;
}

.product-next-prev .product-next:before {
    content: "\f105";
    font-family: FontAwesome;
}

.product-next-prev .product-next {
    background: #fff;
    border: 1px #eee solid;
    font-size: 20px;
    line-height: 25px;
    display: inline-block;
    width: 30px;
    height: 28px;
    color: #222;
    text-align: center;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.product-next-prev .product-next:hover {
    color: #fff;
    background: #4ca811;
    border-radius: 2px;
    text-decoration: none;
}

.no-rating {
    margin: 0;
}

.no-rating a {
    color: #000;
}

.ratings {
    font-size: 11px;
    line-height: normal;
    margin: 2px 0;
}

.ratings strong {
    float: left;
    margin: 1px 3px 0 0;
}

.category-products ul.products-grid li.item .ratings .rating-links {
    display: none
}

.ratings .rating-links {
    margin: 0;
    display: none;
}

.ratings .rating-links a {
    margin: 0;
    text-decoration: none;
    color: #666;
    font-size: 12px
}

.ratings .rating-links .separator {
    margin: 0 2px;
}

.ratings dt {}

.ratings dd {}

.rating-box {
    width: 76px;
    height: 15px;
    font-size: 0;
    line-height: 0;
    background: url(../images/bkg_rating.png) 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden;
}

.rating-box .rating {
    width: 60%;
    float: left;
    height: 15px;
    background: url(../images/bkg_rating.png) 0 100% repeat-x;
}

.ratings .rating-box {
    margin-right: 8px;
    display: inline-block;
}

.ratings .amount {}

.ratings-table th,
.ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0;
}

.ratings-table th {
    font-weight: 900;
    padding-right: 8px;
}

.price {
    font-size: 12px;
    color: #333;
    white-space: nowrap;
}

.price-box {
    margin: 0;
    min-height: 0px;
    padding: 10px;
}

.regular-price {
    display: inline
}

.regular-price .price {
    font-weight: 900;
    font-size: 12px;
    color: #ff0000;
}

.block .regular-price,
.block .regular-price .price {
    color: #000;
}

.price-box .price-from .price {
    font-weight: 900;
    font-size: 12px;
    color: #333;
    line-height: normal;
}

.price-box .price-to .price {
    font-weight: 900;
    font-size: 12px;
    color: #333;
}

.price-box .minimal-price .price {
    font-weight: 900;
    font-size: 12px;
    color: #333;
}

.old-price .price-label {
    white-space: nowrap;
    color: #999;
    display: none;
}

.old-price {
    display: inline;
    margin: auto;
}

.price-box span.price-sep {
    color: #202020;
    display: none;
    padding: 0 5px;
}

.old-price .price-label {
    color: #777777;
    display: none;
    white-space: nowrap;
}

.old-price .price {
    color: #555;
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
    margin-right: 6px;
}

.latest-product .old-price .price-label {
    display: none;
}

.special-price {
    margin: 0;
    display: inline-block;
}

.special-price .price-label {
    color: #666;
    display: none;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
}

.special-price .price {
    font-size: 12px;
    color: #a59d9d;
    font-weight: 900;
}

.special-price .price-label {
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
    color: #666;
    display: none;
}

.latest-product .special-price .price-label {
    display: none;
}

.minimal-price {
    margin: 0;
}

.minimal-price .price-label {
    white-space: nowrap;
}

.minimal-price-link {
    display: inline;
}

.minimal-price-link .label {}

.price-from {
    margin: 0;
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
}

.price-from .price-label {
    font-weight: normal;
    white-space: nowrap;
    color: #909090;
    font-size: 12px;
}

.price-to {
    margin: 0;
    font-size: 12px;
    margin-left: 4px;
    display: inline-block
}

.price-to .price-label {
    font-weight: normal;
    white-space: nowrap;
    color: #909090;
}

.minimal-price {
    margin: 0;
}

.minimal-price .price-label {
    font-weight: normal;
    white-space: nowrap;
    color: #909090;
    font-size: 12px;
}

.minimal-price-link {}

.minimal-price-link .label {
    color: #909090;
    margin-left: 4px;
}

.minimal-price-link .price {
    font-weight: 900;
    color: #333;
    font-size: 12px;
}

small {
    font-size: 85%;
    font-weight: normal;
    text-transform: lowercase;
    color: #999999;
}

.actions button.button.btn-cart {
    background: #fff;
    border: 1px solid #ddd;
    margin: 10px 8px 0 8px;
    padding: 7px 11px 7px 11px;
    color: #333;
    line-height: 14px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.col-item:hover .actions button.button.btn-cart {
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: #FFFFFF;
}

.actions button.button.btn-cart span {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    padding: 0px;
    font-weight: bold;
    margin-left: 0;
    text-transform: uppercase
}

.promo-banner-section {
    margin: 45px auto;
    overflow: hidden;
}

.promo-banner-section img {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

/*.promo-banner-section img:hover{-webkit-transform:scale(1.11);transform:scale(1.11);-moz-transform:scale(1.11);}*/
.small-pr-slider .controls .prev {
    top: 2px;
    right: 50px;
}

.small-pr-slider .controls .next {
    top: 2px;
    right: 15px;
}

.small-pr-slider .col-item .actions-links {
    bottom: 0px;
}

.small-pr-slider .col-item:hover .actions-links {
    bottom: 0px;
}

.small-pr-slider .col-item:hover .actions-links .add-to-links a.magik-btn-quickview {
    right: 0%;
}

.small-pr-slider .col-item .actions-links .add-to-links a.magik-btn-quickview {
    font-size: 12px;
    line-height: 20px;
}

.small-pr-slider .col-item .actions-links .add-to-links a.link-wishlist {
    font-size: 12px;
    line-height: 20px;
}

.small-pr-slider .col-item .actions-links .add-to-links a.link-wishlist:hover {
    font-size: 12px;
    line-height: 20px;
}

.small-pr-slider .col-item .actions-links .add-to-links a.link-compare {
    font-size: 12px;
    line-height: 20px;
}

.small-pr-slider .col-item .actions-links .add-to-links a.link-compare:hover {
    font-size: 12px;
    line-height: 20px;
}

.small-pr-slider .col-item:hover .actions-links .add-to-links a.link-wishlist {
    right: 0%;
}

.small-pr-slider .col-item:hover .actions-links .add-to-links a.link-compare {
    right: 15%;
}

.recommend {
    margin: 20px auto;
    position: relative;
}

.recommend .controls .next {
    right: 0;
}

.recommend .controls .prev {
    right: 36px;
}

.latest-blog img {
    width: 100%;
}

.latest-blog {
    text-align: left;
    padding: 0px;
    margin: auto;
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 25px
}

.latest-blog .blog-title {
    color: #000000;
    height: 46px;
    margin: 0px 15px 20px;
    text-align: left;
    text-transform: none;
    border-bottom: 3px solid #e5e5e5;
}

.latest-blog .blog-title h2 {
    border: 1px solid #4ca811;
    border-bottom: 3px solid #4ca811;
    color: #4ca811;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: normal;
    margin-top: 0;
    padding: 11px 15px 9px 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.latest-blog h2 {
    margin: auto;
}

.post-date {
    margin: 8px 0px;
    color: #999
}

.post-date .icon-calendar {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.latest-blog a {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}

.latest-blog a:hover {
    color: #000;
    text-decoration: none;
}

.blog_post img {
    max-width: 100%;
    height: auto;
}

.blog_post img {
    margin-bottom: 20px;
    width: 100%;
}

.blog-img img {
    transition: all 0.4s ease-in-out 0.5s;
}

.blog-img .mask {
    background-color: rgba(146, 96, 91, 0.5);
    opacity: 0;
    transition: all 0.3s ease-in 0.4s;
}

.blog-img a.info {
    opacity: 0;
    transition: all 0.3s ease-in-out 0.1s;
    transform: translateY(90px);
}

.blog-img:hover .mask {
    opacity: 1;
    transition-delay: 0s;
}

.blog-img:hover a.info {
    opacity: 1;
    transform: translateY(90px);
    transition-delay: 0.3s;
}

.blog-img .mask,
.blog-img .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center;
}

.blog-img a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #4ca811;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.blog-img a.info:hover {
    background: #222;
}

.blog-img {
    position: relative;
}

#toTop {
    color: #fff;
    text-align: center;
    bottom: 60px;
    display: none;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    width: 50px;
    background: url(../images/to-top-arrow.png) no-repeat center;
    background-color: #cccccc;
    text-transform: uppercase;
    z-index: 999;
}

#toTop:hover {
    color: #fff;
    background-color: var(--theme-color);
}

div#mobile-menu ul.submenu {
    display: none;
}

#mobile-menu {
    display: none;
    width: 100%;
    text-align: left;
    float: left;
}

#mobile-menu .toggle {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    text-align: left;
}

/* #mobile-menu .toggle:before{content:"\f0c9";font-family:FontAwesome;font-size:24px;color:#fff;margin:10px 0;line-height:44px;} */
#mobile-menu ul {
    margin: auto;
    padding: 0px;
    list-style: none;
}

#mobile-menu ul.navmenu ul.submenu {
    padding: 0;
    background: #fff;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
}

#mobile-menu ul.navmenu .menutop {
    display: inline-block;
    /*    overflow:hidden;*/
}

#mobile-menu ul.navmenu .menutop h2 {
    float: left;
    margin: 0;
    font-weight: normal;
    color: #fff;
    padding: 14px 0 12px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

ul.topnav {
    padding: 0 5px;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
}

ul.topnav li {
    border-bottom: 1px solid #ddd;
    float: none;
    margin: 0 15px;
    position: relative;
}

ul.topnav li.last {
    position: relative;
    float: none;
    border-bottom: none;
}

ul.topnav li a {
    line-height: 10px;
    font-size: 13px;
    padding: 15px 0px;
    font-weight: normal;
    color: #333;
    display: block;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    width: 80%;
    text-transform: uppercase;
    letter-spacing: 1px;
}

ul.topnav li a:hover {
    color: #000;
}

ul.topnav li .active a {
    background-color: #999;
    color: #000;
}

ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
}

ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
}

ul.topnav ul li a {
    padding-left: 22px;
    font-size: 13px;
    font-weight: normal;
    outline: 0;
    color: #666;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: normal;
}

ul.topnav ul ul li a {
    padding-left: 50px;
}

ul.topnav em {
    color: #666;
    cursor: pointer;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    padding: 6px 0 6px 6px;
    position: absolute;
    right: 25px;
    top: 10px;
    width: 16px;
    height: 25px;
}

ul.topnav em:hover {
    color: #000;
}

.nav-container {
    height: 40px;
}

.owl-item .item {
    margin: 0 10px;
}

.slider-items-products {
    position: relative;
}

.slider-items-products .item {
    text-align: left;
}

.owl-buttons {
    opacity: 1;
}

.slider-items-products .owl-buttons .owl-prev {
    position: absolute;
    right: 45px;
    top: -46px;
}

.slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: 13px;
    top: -46px;
}

.slider-items-products .owl-buttons .owl-prev a {
    background-position: 0 100%;
    left: 0;
    top: 50%;
}

.slider-items-products .owl-buttons .owl-next a {
    background-position: 100% 100%;
    left: 0;
    top: 50%;
}

.slider-items-products .owl-buttons .owl-next a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f105";
    text-transform: none;
    font-size: 18px;
    padding: 6px 6px 6px 6px;
    line-height: 26px;
}

.slider-items-products .owl-buttons .owl-prev a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: "\f104";
    text-transform: none;
    font-size: 18px;
    padding: 6px 4px;
    line-height: 26px;
}

.slider-items-products .owl-buttons a {
    border: 1px solid var(--theme-color);
    border-bottom: 3px solid var(--theme-color);
    display: block;
    background: var(--theme-color);
    height: 28px;
    margin: -18px 12px 0;
    position: absolute;
    top: 50%;
    width: 28px;
    z-index: 5;
    color: #fff;
    margin-left: -5px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.slider-items-products .owl-buttons a:hover {
    background: #ff0000;
    color: #fff;
    border: 1px var(--theme-color) solid;
}

.product-flexslider {
    margin: 20px -10px;
}

.slider-items-products .owl-buttons a:hover {
    text-decoration: none;
    opacity: 1;
    color: #fff;
    background: var(--sub-theme-color) !important;
    border: 1px solid var(--sub-theme-color) !important;
}

.breadcrumbs {
    background: none repeat scroll 0 0 #f5f5f5;
    font-size: 11px;
    padding: 10px 0px;
}

.breadcrumbs ul {
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

.breadcrumbs li {
    display: inline;
}

.breadcrumbs a {
    color: black;
    text-transform: capitalize;
}

.breadcrumbs strong {
    color: #333;
    font-weight: 900;
}

.breadcrumbs span {
    color: #ccc;
    display: inline-block;
    font-size: 17px;
    margin: 0 5px;
}

.block {
    margin: 0 0 35px;
}

.block .block-title {
    color: var(--theme-color);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 8px 10px;
    font-weight: bold;
    text-transform: none;
    text-transform: uppercase;
    /* border-top: #ddd double; */
    background: var(--sub-theme-color);
    border-bottom: 1px solid #ddd;
}

.block .block-title:before {
    content: "\f138";
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block;
    margin-right: 8px
}

.block .block-content {
    border-top: medium none;
    font-size: 12px;
    margin-left: 10px;
    padding: 15px 0 0;
    width: 100%;
}

.block .block-title strong {
    font-weight: bold;
}

.block .block-title a {
    text-decoration: none;
}

.block .block-content .item {
    padding: 5px 0;
}

.block .btn-remove,
.block .btn-edit {
    float: right;
    margin-top: 6px
}

.sidebar .block .access .btn-remove {
    float: right;
    margin-top: -38px
}

.block .actions {
    text-align: left;
    padding: 8px 0;
}

.block .actions a {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.block .empty {
    color: #666666;
}

.block li.odd {}

.block li.even {}

.side-nav-categories {
    background: #f5f5f5;
    margin-bottom: 15px;
}

.side-nav-categories .block-title {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 8px 10px;
    font-weight: bold;
    text-transform: uppercase;
    background: var(--theme-color);
}

.side-nav-categories .block-title:before {
    content: '\f0c9';
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 3px;
    display: none;
}

.box-content.box-category li ul {
    display: block;
}

.box-category {
    padding: 8px 15px 0px;
}

.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0px 15px;
}

.box-category>ul>li {
    display: block;
    position: relative;
    margin: 0;
}

.box-category>ul>li.last {
    display: block;
    position: relative;
    box-shadow: 0 0px 0 #dbebf9, 0 0px 0 #FFFFFF;
}

.box-category>ul>li:first-child {
    border-top: 0;
}

.box-content.box-category li ul {
    display: none;
}

.box-content.box-category li ul ul.level1 {
    display: none;
}

.side-nav-categories ul li.active ul {
    display: block;
}

.box-category .subDropdown {
    top: 8px;
    right: 0px;
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    padding: 2px;
}

.box-category .subDropdown:hover {
    opacity: 0.9;
}

.box-category .subDropdown.plus {
    background-image: url("../images/plus.png");
}

.box-category .subDropdown.minus {
    background-image: url("../images/minus.png");
}

.box-category ul li a {
    display: block;
    font-weight: normal;
    padding: 6px 0;
}

.box-category ul li.double a {
    display: inline-block;
    margin: 0;
}

.box-category ul li {
    position: relative;
}

.box-category>ul>li>a {
    color: #222;
    text-transform: none;
    display: block;
    font-size: 13px;
}

.box-category>ul>li ul {
    display: none;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.box-category>ul>li>ul li {
    padding: 0px;
}

.box-category>ul>li a.active {
    font-weight: normal;
}

.box-category>ul>li>a.active {
    color: #333333;
    font-weight: 900;
    margin-bottom: 0;
}

.box-category>ul>li a.active+ul {
    display: block;
}

.box-category a:hover {
    text-decoration: none;
    color: #000;
}

.box-category>ul>li ul li a {}

.box-category>ul>li ul>li>a {
    border-bottom: 0 solid #EAEAEA;
    font-size: 13px;
    margin: 0;
    padding: 3px 16px 3px 0px;
    text-decoration: none;
    color: #666666;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.box-category>ul>li ul>li>a:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #444;
}

.box-category>ul>li ul>li ul>li a {
    text-decoration: none;
    font-size: 13px;
    margin: 4px 8px;
    padding: 0px 16px;
    border-bottom: 0px solid #EAEAEA;
}

.box-category>ul>li ul>li ul>li a:hover {
    color: #000;
}

.box-category>ul>li ul>li>a:hover {
    color: #000;
}

.side-nav-categories ul li {
    padding: 2px 0px;
}

.side-nav-categories ul li a {
    display: inline-block;
    position: relative;
}

.side-nav-categories ul#magicat ul li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    line-height: 17px;
    margin-right: 5px;
    top: 6px;
}

.side-nav-categories ul#magicat ul li a {
    color: #666;
}

.side-nav-categories ul#magicat ul li a {
    padding-left: 12px;
}

.side-nav-categories,
.side-nav-categories .block {
    display: inline-block;
    width: 100%;
}

ul#magicat li,
ul.listStyle li {
    cursor: pointer;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 0 1px 0;
    padding-left: 0px;
    position: relative;
    width: 100% !important;
}

ul#magicat li.level0 span.magicat-cat,
ul.listStyle li span {
    text-align: left;
    display: inline-block;
    padding: 5px 0;
    width: 100%;
}

ul#magicat li .open-close,
.block-layered-nav dt .toggleBtn {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.block-layered-nav dt .toggleBtn {
    cursor: pointer;
}

ul#magicat li.active>.open-close,
.block-layered-nav dt .toggleBtn.highlight {
    background-position: 2px -28px;
}

ul#magicat li .open-close,
.block-layered-nav dt .toggleBtn {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
}

ul#magicat li .open-close,
.block-layered-nav dt .toggleBtn {
    background: url("../images/leftNav.png") no-repeat scroll 2px 3px;
}

.sidebar-left {
    margin-left: 0;
}

.bv3 .sidebar-right,
.bv3 .sidebar-left {
    padding-left: 15px;
}

.sidebar ol,
.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #000;
}

.sidebar .block-content li {
    padding: 3px 5px 3px 10px;
}

.sidebar .block-venedor-ads .block-content li {
    padding: 0;
}

.sidebar .block dt {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.sidebar .block dd {
    border-bottom: 0 solid #CCCCCC;
    margin: 0;
    padding: 0 5px;
}

.sidebar address {
    margin: 0;
    padding: 0;
    color: #333;
    text-align: left;
    border-bottom: none;
    line-height: 21px;
}

.block .slider-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-layered-nav .block-subtitle {
    font-size: 13px;
}

.block-layered-nav dt {
    font-size: 16px;
}

.block-layered-nav .currently ol {
    margin: 0;
    padding: 10px 15px;
}

.block-layered-nav .currently span.value {
    font-weight: bold;
}

.block-layered-nav li {
    padding: 5px 0;
}

.block-layered-nav .label {
    margin-right: 5px;
}

.block-layered-nav .button-arrow {
    width: 25px;
    height: 25px;
    padding: 0;
    margin-top: -2px;
    position: absolute;
    right: 15px;
}

#narrow-by-list2 dd {
    display: block;
}

.sidebar {
    font-size: 14px;
}

.sidebar .block-layered-nav .price {
    font-size: 13px;
    font-weight: normal;
}

.block-layered-nav .block-subtitle,
.block-layered-nav dt {
    color: #565656;
    font-weight: 900;
}

.block-layered-nav .currently ol {
    border: 1px solid #ececec;
    background-color: #f4f4f4;
    border-radius: 3px;
}

.sidebar a,
.sidebar .block-layered-nav .price .sub {
    color: #000;
    font-size: 14px;
}

.sidebar .block-layered-nav .price {
    color: #000;
}

.sidebar .link-cart,
.sidebar .link-reorder,
.block .actions a {
    color: #CA0000;
    font-weight: bold;
    font-size: 12px;
}

.sidebar .link-compare,
.sidebar .link-wishlist {
    color: #aaa;
    font-size: 12px;
}

.block-tags .actions a.view-all {
    text-transform: uppercase;
    color: #333;
    font-weight: 900;
}

.block-tags .actions a.view-all:hover {
    color: #4ca811;
}

.sidebar .link-cart:hover,
.sidebar .link-wishlist:hover,
.sidebar .link-reorder:hover,
.sidebar .link-compare:hover,
.sidebar .link-cart:focus,
.sidebar .link-wishlist:focus,
.sidebar .link-reorder:focus,
.sidebar .link-compare:focus,
.block .actions a:hover,
.block .actions a:focus {
    color: #333;
}

.sidebar .block dl {
    border-bottom: 0px solid #ccc;
    margin: 0;
}

.block .block-content .price {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}





.block-account .block-content {
    padding: 0 10px;
}

.block-account .block-content ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

.block-account .block-content li {
    padding: 10px 0px;
    border-top: 1px #fff solid;
    border-bottom: 1px #ddd solid;
}

.block-account .block-content li:first-child {
    border-top: none;
}

.block-account .block-content li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    line-height: 16px;
    color: #333;
}

.sidebar .block-content li.last {
    border-bottom: none;
}

.block-account .block-content li a {
    cursor: pointer;
    padding: 0 12px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.block-account .block-content li a:hover {
    cursor: pointer;
    padding: 0 12px;
    color: #000;
}

.sidebar .block-content li.current {
    font-weight: 900;
    color: #333;
}

.block-currency {}

.block-currency select {
    width: 100%;
    margin-right: 8px;
}

.block-layered-nav {
    background-color: #FFFFFF;
}

.block-layered-nav dt {
    font-weight: bold;
    overflow: hidden;
    padding: 8px 0 5px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-layered-nav dd {
    margin: 0;
    padding: 0;
}

.block-layered-nav dd ol {
    position: relative;
}

.block-layered-nav dd ol li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #444;
}

.block-layered-nav .currently {}

.block-layered-nav .btn-remove {
    float: right;
}

.block-list .price {
    color: inherit;
    font-size: 12px;
}

.block-cart {
    padding: 0px;
    overflow: hidden;
}

.block-cart .summary {}

.block-cart .amount {
    margin-bottom: 5px
}

.block-cart .actions .paypal-logo {
    float: left;
    width: 100%;
    margin: 3px 0 0;
    text-align: right;
}

.block-cart .actions .paypal-logo .paypal-or {
    clear: both;
    display: block;
    padding: 0 55px 5px 0;
}

.block-cart .mini-products-list .product-details .product-name,
.block-cart .mini-products-list .product-details .nobr small {
    word-wrap: break-word;
}

.block-cart .mini-products-list .product-details .nobr {
    white-space: normal;
}

.block-cart .summary {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

.block-cart .amount a {}

.block-cart .subtotal {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 8px
}

.block-cart .block-content .summary .subtotal .label {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    box-shadow: none;
    font-weight: normal;
    padding: 2px 0;
    text-shadow: none;
    color: #333;
    font-size: 12px;
}

.block-cart .subtotal .price {
    font-size: 12px;
    font-weight: bold;
}

.ajax-checkout {
    border: 0 none;
    margin: 0;
    padding: 5px 0 5px;
    text-align: left;
    margin-bottom: 0px;
}

.ajax-checkout a {
    border: 0px #dc436b solid;
    background: #323C46;
    text-shadow: 0 1px 0 #333;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 11px;
    padding: 8px 12px;
    text-transform: uppercase;
}

.ajax-checkout a:hover {
    border: 0px #111 solid;
    background: #222;
    padding: 6px 10px;
    text-shadow: 0 1px 0 #000;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 11px;
    cursor: pointer;
}

.sidebar .block-cart .block-subtitle {
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin: 8px 0 8px;
    font-weight: 900;
    font-size: 13px;
}

.col-left .block-cart .block-content ul li .product-details {
    float: right;
    width: 65%;
}

.col-left .block-cart ul li.item {
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 10px;
    padding-bottom: 12px;
}

.col-left .block-cart ul li.item.last {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0px;
}

.col-left .block-cart .block-content ul li a.product-image {
    display: inline;
}

.col-left .block-cart .block-content ul li a.product-image img {
    border: 1px solid #ECECEC;
}

.col-left .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 12px
}

.col-right .block-cart .block-content ul li .product-details {
    float: right;
    width: 172px;
}

.col-right .block-cart ul li.item {
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 5px;
    padding-bottom: 8px;
}

.col-right .block-cart ul li.item.last {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0px;
}

.col-right .block-cart .block-content ul li a.product-image {
    display: inline;
}

.col-right .block-cart .block-content ul li a.product-image img {
    border: 1px #ddd solid;
}

.col-right .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 12px;
}

.price,
.breadcrumbs li strong,
.product-details span.price,
#recently-viewed-items .price-box .special-price .price,
#recently-viewed-items .price-box .regular-price .price,
.availability.out-of-stock span {
    color: #333;
}

.btn-remove1 {
    background-image: url(../images/btn_remove.png);
    margin: 0px 0 0 18px;
}

.btn-remove1:hover,
.btn-remove1:focus {
    background-position: 0 -12px;
}

.btn-remove1 {
    display: block;
    width: 15px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: 0;
    border-radius: 2px
}

.block .btn-remove1 {
    float: right;
    margin-top: 6px;
}

.sidebar .block .access .btn-remove1 {
    position: relative;
    right: 0;
    top: 0px;
}

.sidebar a:hover {
    text-decoration: none;
    color: #000;
}

.block-wishlist {}

.related-slider {
    float: left;
    margin: auto;
    width: 100%;
    margin-bottom: 15px;
}

.related-slider h2 {
    color: #333;
    font-size: 20px;
    margin: 0px 0 20px;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
}

.block-related {}

.block-related .block-content {
    padding: 0px 0 10px 0;
    border: 1px solid #ECECEC;
    border-top: none;
    overflow: hidden;
}

.block-related ul {
    margin: 0;
    padding: 0;
}

.block-related li {
    padding: 5px 0;
}

.block-related input.checkbox {
    position: absolute;
    left: 85px;
    top: 12px;
    z-index: 10;
}

.block-related .product {
    margin-left: 20px;
}

.block-related .product .product-image {
    float: left;
    margin-right: -65px;
}

.block-related .product .product-details {
    margin-left: 65px;
}

.block-related .mini-products-list .product-details {
    margin-left: 125px;
    text-align: left;
}

.block-related .mini-products-list .product-details .product-name {
    text-align: left;
}

.block-related .mini-products-list .product-image {
    width: 100px;
    margin: 0;
    padding: 0 10px;
}

.block-related .block-subtitle {
    padding: 10px 10px 0 10px;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}

.block-related .price-box .old-price .price {
    display: inline;
    font-size: 15px;
}

.block-related a.link-cart {
    text-transform: uppercase;
    font-size: 12px;
    color: #23AEAC;
    font-weight: bold;
}

.block-related a.link-cart:hover {
    text-transform: uppercase;
    font-size: 12px;
    color: #CA0000;
    font-weight: bold;
}

.block-compare {
    background-color: #fff;
    padding: 0px;
}

.block-compare li {
    padding: 5px 0;
}

.block-compare .block-content ol,
.block-compare .block-content ul {
    margin: 0;
}

ol#compare-items li a.product-name {
    font-size: 12px;
    padding: 0 5px;
    margin: 0;
    font-weight: normal;
    color: #333;
    line-height: 20px;
    text-transform: none;
    display: inline-block;
    width: 90%;
}

ol#compare-items li a.product-name span {
    margin-right: 3px;
    font-size: 20px;
    font-weight: 400;
    color: #777;
    line-height: 15px;
    margin-bottom: 6px;
}

ol#compare-items li a.product-name:hover {
    font-size: 12px;
    color: #000;
}

ol#compare-items li {
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 10px;
    background: none;
}

ol#compare-items li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #444;
    display: inline-block;
    vertical-align: top;
}

ol#compare-items li.last {
    border-bottom: none;
    margin-bottom: 0;
}

.block-viewed .block-content {
    background-color: #fff;
    padding: 5px 12px 0px;
}

.block-viewed li {
    padding: 3px 0px;
    list-style: none;
}

.block-viewed li.last {
    padding: 0px;
    border-bottom: 0px #eaeaea solid;
    list-style: none;
}

.block-viewed .block-content li a {
    padding: 0 15px;
    color: #666;
}

.block-viewed .block-content li a:hover {
    font-size: 13px;
    color: #000;
}

.block-viewed li span {
    color: #777777;
    float: left;
    font-size: 20px;
    font-weight: normal;
    line-height: 15px;
    margin-bottom: 8px;
    margin-right: 3px;
}

.block-viewed li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #444;
    vertical-align: top;
}

.block-compared li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #444;
    vertical-align: top;
}

.sidebar ol,
.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0
}

#recently-viewed-items .product-name {
    text-align: left;
    margin: 0;
    text-transform: none;
    width: 93%;
    display: inline-block
}

#recently-viewed-items .product-name a {
    color: #333;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    padding: 0 0px;
}

#recently-viewed-items .product-name a:hover {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.block-compared .block-content {
    background-color: #fff;
    padding: 5px 12px 12px;
}

.block-compared li {
    padding: 3px 0px;
    list-style: none;
}

.block-compared li.last {
    padding: 0px;
    border-bottom: 0px #eaeaea solid;
    list-style: none;
}

.block-compared .block-content li a {
    padding: 0 15px;
    color: #666;
}

.block-compared .block-content li a:hover {
    font-size: 13px;
    color: #000;
}

.block-compared li span {
    color: #777777;
    float: left;
    font-size: 20px;
    font-weight: normal;
    line-height: 15px;
    margin-bottom: 8px;
    margin-right: 3px;
}

.block-compared li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #444;
    vertical-align: top;
}

#recently-compared-items .product-name {
    text-align: left;
    margin: 0;
    text-transform: none;
    width: 225px;
    display: inline-block
}

#recently-compared-items .product-name a {
    color: #333;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    padding: 0 0px;
}

#recently-compared-items .product-name a:hover {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.block-poll {
    background-color: #fff;
    padding: 0px;
}

.block-poll label {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

.block-poll .block-subtitle {
    color: #222;
    font-weight: 900;
    font-size: 12px;
}

.block-poll input.radio {
    float: left;
    margin: -2px -18px 0 0;
}

.block-poll .label {
    display: block;
    margin-left: 18px;
    text-align: left;
    padding: 0.1em 0.3em 0.1em;
}

.sidebar .block-poll li {
    padding: 5px 0px;
    background: none;
}

.block-poll .actions {
    margin: 5px 0 0 0px;
    padding: 0;
}

.block-poll .answer {
    font-weight: bold;
}

.block-poll .votes {
    float: right;
    margin-left: 10px;
}

.block-tags {
    background-color: #fff;
    padding: 0px;
}

.block-tags .block-content {
    overflow: hidden;
}

.block-tags ul,
.block-tags li {
    display: inline;
    padding: 0;
    background: none;
    border: none;
}

.block-tags .actions {
    border: 0 none;
    margin-top: 10px;
    padding: 0px;
    text-align: left;
}

.block-subscribe {
    padding: 0px;
}

.block-subscribe .input-text {
    width: 90%;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    color: #AAAAAA;
    padding: 10px 7px;
    font-size: 13px;
}

.form-subscribe-header {
    font-size: 12px;
    margin-bottom: 5px;
    color: #222;
}

.block-company {
    background-color: #f8f8f8;
}

.block-company .block-title {
    padding-left: 10px;
    background-color: #4ca811;
    color: #fff;
    border: none;
}

.block-company .block-content {
    padding: 0 10px;
}

.block-company ol {
    margin: 5px 0;
}

.sidebar .block-company li {
    padding: 10px 0px !important;
    list-style: none;
    border-bottom: 1px #ddd solid;
    border-top: 1px #fff solid;
}

.block-company li:first-child {
    border-top: none
}

.block-company li a {
    padding: 0 5px;
    text-decoration: none;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.block-company li a:hover {
    padding: 0 5px;
    color: #000;
}

.block-company li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 6px;
    color: #444;
    display: inline-block;
    vertical-align: top;
}

.block-company li.last {
    padding: 10px 0px;
    border-bottom: 0px #eaeaea solid;
    list-style: none;
}

.block-company li span {
    float: left;
    margin-right: 5px;
    font-size: 16px;
    color: #aaa;
    line-height: 16px;
}

.block-company li strong {
    color: #333;
    font-weight: 900;
    padding: 0 5px;
}

.block-reorder {}

.block-reorder li {
    padding: 5px 0;
}

.block-reorder input.checkbox {
    float: left;
    margin: 3px -20px 0 0;
}

.block-reorder .product-name {
    margin-left: 20px;
}

.block-banner {
    position: relative;
    overflow: hidden;
}

.block-banner .block-content {
    text-align: center;
}

.block-banner img {
    width: 100%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

.block-banner img:hover {
    -webkit-transform: scale(1.11);
    transform: scale(1.11);
    -moz-transform: scale(1.11);
}

.block-price {
    background-color: #fff;
    padding: 0px;
}

.block-price .block-content {
    margin: 15px 0
}

.returns:before {
    content: "\f021";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

.button-subscribe:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.button-checkout:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.button-compare {
    float: left;
    margin-right: 8px;
}

.button-compare:before {
    content: "\f074";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.button-clear:before {
    content: "\f12d";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.button-vote:before {
    content: "\f164";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.btn-remove {
    display: block;
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
}

.btn-edit {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    color: #666;
}

.btn-edit:before {
    content: "\f040";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 5px;
}

.btn-edit:hover {
    color: #4ca811;
}

.header {
    background: var(--theme-color);
}

button.button.continue:before {
    content: "\f061";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.btn-share:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}



button.button.btn-update:before {
    content: "\f021";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.login:before {
    content: '\f13e';
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.btn-continue:before {
    content: "\f061";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button#empty_cart_button:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.coupon:before {
    content: "\f02b";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.get-quote:before {
    content: "\f15c";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.new-address:before {
    content: "\f015";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.create-account:before {
    content: "\f007";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 8px;
}

button.button.submit:before {
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 8px;
}

button.button.view-all:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 8px;
}

.edit-bnt:before {
    content: "\f040";
    font-family: FontAwesome;
    font-size: 12px;
}

.edit-bnt {
    padding: 0px;
    color: #222;
    transition: all 0.3s linear;
}

.edit-bnt:hover {
    font-size: 12px;
    padding: 0px;
    color: #4ca811;
}

.edit-bnt span {
    display: none;
}

#shopping-cart-table .edit-bnt {
    float: left;
}

.button {
    font-family: 'Open Sans', sans-serif;
    border: 1px #ddd solid;
    background: var(--theme-color);
    padding: 7px 12px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    outline: none;
}

button.button span {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.category-description.std {
    margin-bottom: 12px;
}

.cat-img-title {
    display: block;
    position: absolute;
    bottom: 0;
    width: 80%;
    margin: 6%;
    padding: 0;
    top: 66%;
    height: 30%;
}

.cat-img-title.cat-box {
    margin: 0;
    width: 50%;
    left: 10%;
    top: 30%;
}

.cat-img-title.cat-bg .cat-heading,
.cat-img-title.cat-bg p {
    color: #FFFFFF;
}

.cat-img-title .cat-heading {
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
}

.cat-img-title p {
    font-size: 14px;
}

.cat-img-title .cat-heading,
.cat-img-title p {
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    margin-bottom: 5px;
}

.cat-img-title p {
    clear: left;
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 1px;
    padding: 0.25em 0.5em;
}

.category-description .slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: 12px;
    top: 48%;
}

.category-description .slider-items-products .owl-buttons .owl-next a:before {
    font-size: 24px;
}

.category-description .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px;
}

.category-description .slider-items-products .owl-buttons .owl-prev {
    left: 12px;
    position: absolute;
    top: 48%;
    background: none;
}

.category-description .owl-item .item {
    margin: auto;
}

.category-description .product-flexslider {
    margin: 0px;
}

.f-right,
.right {
    float: right !important;
}

.category-description .owl-item .item img {
    width: 100%;
}

.category-image img {
    width: 100%;
}

.page-title {
    padding: 0px 0px 10px 0px;
    margin: 0 0 0px 0px;
    overflow: hidden
}

.col2-right-layout .col-main .page-title {
    padding: 0px 0px 4px 0px;
    margin: 0 0 10px;
}

.page-title h1,
.page-title h2 {
    color: #000;
    /*font-family:"Open Sans", sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.category-title {
    padding: 0px 0px 10px 0px;
    margin: 0 0 0px 0px;
    overflow: hidden;
    border-bottom: #ddd double
}

.category-title h1 {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    margin: 0;
    padding: 0;
    font-weight: 900;
    text-transform: uppercase;
}

.pager {
    margin: 0;
    text-align: center;
    padding: 0;
}

.pager .amount {
    float: left;
}

.pager .limiter label {
    float: left;
    font-size: 12px;
    padding: 6px 0;
    margin-right: 10px;
    display: inline;
}

.pager .pages {
    margin: 0 0;
}

.pages .pagination {
    margin: auto;
}

.pager .pages li {
    display: inline-block;
    width: 44px;
    float: left;
    margin: 3px;
}

.pager .pages li a {
    box-shadow: none;
    border: 1px solid #F3F3F3;
    padding: 5px 10px;
    border-radius: 0px;
    color: #333;
}

.pages .pagination>.active>a,
.pages .pagination>.active>span,
.pages .pagination>.active>a:hover,
.pages .pagination>.active>span:hover,
.pages .pagination>.active>a:focus,
.pages .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0fa850;
    border-color: #0fa850;
}

.sorter {
    padding: 0;
    margin: 0;
}

.sorter .actions {
    float: left;
}

.sorter .view-mode {
    float: left;
    margin-top: 6px;
    margin-right: 20px;
    margin-left: 0px;
}

.sorter .sort-by {
    float: left;
    margin-top: 6px;
}

.toolbar {
    clear: both;
    margin-top: 0px;
    padding: 15px 0 0 0px;
    display: inline-block;
    width: 100%;
}

.toolbar .sorter {
    float: left;
}

.toolbar-bottom {
    margin-top: 0;
}

.toolbar .pager .pages ol {
    float: none;
}

#sort-by .button-asc {
    background-color: #f8f8f8;
    box-shadow: none;
    float: right;
    height: 30px;
    line-height: 28px;
    margin-left: 5px;
    text-align: center;
    width: 30px;
}

#sort-by .button-desc {
    background-color: #f8f8f8;
    box-shadow: none;
    float: right;
    height: 30px;
    line-height: 28px;
    margin-left: 5px;
    text-align: center;
    width: 30px;
}

#sort-by {
    float: right;
    font-size: 12px;
}

#sort-by ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#sort-by a:link,
#sort-by a:visited {
    color: #333;
    text-decoration: none;
}

#sort-by li {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    margin: 0 auto;
    outline: medium none;
    padding: 5px 10px;
    position: relative;
    width: 80px;
    float: left;
    color: #333;
    border: 1px solid #F3F3F3;
}

#sort-by li li {
    width: 80px;
    margin-top: 0px;
    border-top: none;
    border-right: none;
    border-left: none;
}

#sort-by li li a:hover {
    color: #4ca811
}

#sort-by li:hover {
    background-color: #fff;
}

#sort-by li li:hover {
    background-color: #fff;
    color: #4ca811;
}

#sort-by ul ul {
    position: absolute;
    visibility: hidden;
    left: -1px;
    top: 27px;
    background: none repeat scroll 0 0 #F8F8F8;
    z-index: 10000;
    border-top: none;
    border: 1px #F0F0F0 solid;
}

#sort-by ul ul ul {
    position: absolute;
    left: 100%;
    top: -2px;
    border: solid 1px transparent;
}

#sort-by li:hover>ul {
    visibility: visible;
}

a.button-asc.left span {
    color: #999;
    font-size: 11px;
}

.right-arrow {
    float: right;
}

.right-arrow:after {
    content: "\f107";
    font-family: 'FontAwesome';
    color: #666;
    font-size: 12px;
}

#limiter {
    float: right;
    font-size: 12px;
    margin-top: 0px;
}

#limiter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#limiter a:link,
#limiter a:visited {
    text-decoration: none;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0px;
    display: inline-block;
    padding: 0px;
}

#limiter li {
    background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    margin: 0 auto;
    outline: medium none;
    padding: 5px 0px 5px 10px;
    position: relative;
    width: 50px;
    float: left;
    color: #333;
    text-align: left;
    border: 1px solid #F3F3F3;
}

#limiter .right-arrow {
    float: right;
    margin-left: 6px;
}

#limiter li li {
    width: 50px;
    border-top: 0px #F0F0F0 solid;
}

#limiter li li a:hover {
    color: #4ca811;
}

#limiter li:hover {
    color: #fff;
}

#limiter ul ul {
    position: absolute;
    visibility: hidden;
    left: -1px;
    top: 27px;
    background: none repeat scroll 0 0 #fff;
    z-index: 10000;
    color: #000;
    border-top: none;
    border: 0px #F0F0F0 solid;
}

#limiter ul ul ul {
    position: absolute;
    left: 100%;
    top: -2px;
    border: solid 1px transparent;
}

#limiter li:hover>ul {
    visibility: visible;
}

.toolbar .button-list {
    background: url(../images/icon_list.png) no-repeat 10px 7px;
    text-transform: none;
    padding: 5px 8px 5px 30px;
    color: #333;
    border: 1px #f3f3f3 solid
}

.toolbar a.button-grid {
    border: 1px #f3f3f3 solid;
    background: url(../images/icon_grid.png) no-repeat 10px 7px;
    background-color: #fff;
    color: #333;
    padding: 5px 8px 5px 30px;
}

.toolbar span.button-active.button-grid {
    background: url(../images/icon_grid_act.png) no-repeat 10px 7px;
    background-color: #0fa850;
    color: #fff;
    padding: 5px 8px 5px 30px;
    margin-right: 5px;
    border: 1px #0fa850 solid;
}

.toolbar span.button-active.button-list {
    background: url(../images/icon_list_act.png) no-repeat 10px 7px;
    background-color: #0fa850;
    color: #fff;
    padding: 5px 8px 5px 30px;
}

/*.toolbar .pager{text-align:left;margin:0 10px 0 0;padding:0;float:right;width:45%;}*/
.toolbar .pager {
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
    width: 45%;
}

.pager .amount,
.sorter .amount {
    padding-left: 10px;
    margin-top: 4px;
    display: inline-block;
}

.toolbar .pager .limiter {
    margin-top: 2px;
    float: left;
}

.toolbar-bottom .pager .limiter {
    position: static;
}

.pager .button {
    padding: 4px 5px;
    background-color: #fff;
}

.pager .button:hover {
    padding: 4px 5px;
    background-color: #fff;
}

.toolbar .actions {
    margin-right: 30px;
}

.pager .limiter label,
.toolbar label {
    display: none;
    float: left;
    margin-right: 10px;
    padding: 5px 0;
    font-size: 12px;
    font-weight: normal;
}

.toolbar .sorter .sort-by {
    margin-right: 30px;
}

.pager .amount {
    margin-right: 20px;
}

.products-grid,
.products-list,
ul.products-grid,
ul.products-list,
ol.products-grid,
ol.products-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

/* .products-grid li.item{margin-bottom:0px;margin-top:0px;} */
.col-main .category-products .products-grid {
    margin-left: -30px;
    margin-right: -15px;
}

.category-products .products-grid .col-item:hover .actions-links {
    height: 35px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 58%;
    width: 100%;
    opacity: 0.9;
    z-index: 10000;
}

.products-list {}

.products-list .product-name {
    text-align: left;
    margin: 0px 0 5px;
    display: inline-flex;
}

.products-list .product-name a {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}

.products-list .product-name a:hover {
    text-decoration: none;
}

.products-list li {
    border-bottom: 3px double #efefef;
    margin: 15px 0 20px;
    overflow: hidden;
    padding: 0 0 20px;
}

.products-grid li {
    border-bottom: 3px double #efefef;
    margin: 15px 0 20px;
    padding: 0 0 20px;
}

.products-list .item a {}

.products-list .item a:hover {
    color: #000;
    transition: all 0.3s linear;
}

.separator {
    color: #999;
    padding: 0 5px;
}

.products-list .item h3 {
    font-weight: normal;
    color: #353535;
    padding-bottom: 2px;
}

.products-list .item h3 a {
    font-weight: normal;
    font-size: 12px;
    color: #407CBF;
    text-decoration: none
}

.products-list .item h3 a:hover {
    font-weight: normal;
    font-size: 12px;
    color: #333;
    text-decoration: underline
}

ol.products-list {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%
}

.products-list li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

li .list {
    border-bottom: none;
}

.products-list .product-image {
    width: 30%;
    display: inline-block;
}

.products-list .product-shop {
    width: 68%;
    text-align: left;
    margin-left: 15px;
    display: inline-block;
    float: right;
}

.products-list .product-shop .desc {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    margin-top: 5px;
    color: #666
}

.products-list .product-shop p {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 1.5em;
}

.products-list .product-shop p.old-price {
    margin-right: 4px;
}

.products-list .product-shop .price-box {
    margin: 10px 0;
}

.products-list .desc .link-learn {
    font-size: 13px;
    font-weight: normal;
    margin-top: 5px;
}

.products-list .add-to-links {
    padding-left: 5px;
}

.products-list .add-to-links a span {
    display: none;
}

.link-wishlist,
.link-compare {
    color: #666;
    text-shadow: none;
    border: none;
    box-shadow: none;
}

.link-wishlist:hover,
.link-compare:hover {
    color: #666;
    text-shadow: none;
    border: none;
    box-shadow: none;
    background: none;
    padding: 0
}

.link-wishlist,
.link-compare,
.link-friend,
.link-edit {
    padding: 0;
    background: none
}

.products-list .actions .add-to-links a.link-wishlist:before {
    content: "\f004";
}

.products-list .actions .add-to-links a.link-compare:before {
    content: "\f012";
}

.products-list .actions .add-to-links a.link-wishlist {
    color: #aaaaaa;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 14px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    transition: all 0.3s linear;
    margin-right: 8px;
}

.products-list .actions .add-to-links a.link-compare {
    color: #aaaaaa;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    transition: all 0.3s linear;
    line-height: 20px;
}

.products-list .actions .add-to-links a.link-wishlist:hover {
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 14px;
    text-decoration: none;
    background-color: #0fa850;
    color: #FFFFFF;
    display: inline-block;
    border: 1px solid #0fa850;
    margin-right: 8px;
    line-height: 20px;
}

.products-list .actions .add-to-links a.link-compare:hover {
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    background-color: #4ca811;
    color: #FFFFFF;
    display: inline-block;
    border: 1px solid #4ca811;
}

#products-list .product-shop .actions button.button.btn-cart {
    margin: auto;
}

#products-list .product-shop .btn-cart {
    background: #fff;
    padding: 11px;
    color: #333;
    border: 1px solid #ddd;
    text-transform: uppercase
}

#products-list .product-shop .btn-cart:hover {
    background: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-color);
}

#products-list .product-shop .btn-cart span:hover {
    text-transform: uppercase;
}

#products-list .product-shop .btn-cart span {
    font-size: 12px;
    font-weight: bold;
}

.block-progress {
    background-color: #f8f8f8;
}

.block-progress .block-title {
    padding-left: 10px;
    background-color: #ec000a;
    color: #fff;
    border: none;
}

.block-progress .block-content {
    padding: 12px 15px 15px;
    text-align: left;
}

.block-progress dl {
    border-top: none !important
}

.block-progress dt {
    font-weight: normal;
    text-transform: none;
    padding: 10px 0;
    font-size: 12px;
}

.block-progress dt.complete,
.block-progress dd.complete {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

.block-progress dt.complete a,
.block-progress dd.complete a {
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
    color: #666666;
}

.block-progress dt.complete a:hover,
.block-progress dd.complete a:hover {
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
    color: #333;
}

.block-progress dt.complete {
    margin: 0 0 5px 0;
}

.block-progress dd {
    border: 0px solid #ddd;
    margin: 0 0 6px;
    padding: 0px 0px 8px !important;
}

.one-page-checkout .active .step-title h3 {
    color: #4ca811;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.one-page-checkout .step-title h3 {
    border-bottom: 0px solid #E4E4E4;
    margin: 0 0 0 0;
    text-align: left;
    line-height: 35px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-weight: bold;
}

.one-page-checkout .active .step-title {
    cursor: default;
    font-size: 14px;
    padding-top: 0px;
    text-align: left;
    line-height: 32px;
    font-family: 'Open Sans', sans-serif;
    border-top: none;
}

.one-page-checkout .step {
    padding: 10px 10px 0px 55px;
    background-color: #FFFFFF;
}

.one-page-checkout1 .step1 {
    padding: 10px 10px 0px 0px;
    background-color: #FFFFFF;
}

select#billing-address-select {
    width: 70%;
    padding: 10px;
    margin-top: 5px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    outline: none;
    color: #aaa;
}

select#billing-address-select:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    outline: medium none;
    padding: 9px 7px 10px;
    vertical-align: middle;
}

select#shipping-address-select {
    width: 60%;
    padding: 10px;
    margin-top: 5px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    outline: none;
    color: #aaa;
}

select#shipping-address-select:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    outline: medium none;
    padding: 9px 7px 10px;
    vertical-align: middle;
}

.one-page-checkout {
    position: relative;
    margin-bottom: 12px;
    list-style: none;
    padding: inherit;
    padding: 0;
    margin-top: 18px;
}

.one-page-checkout li.section {
    border-bottom: 0;
    margin-bottom: 8px;
    overflow: hidden;
}

.one-page-checkout .step-title {
    text-align: right;
    padding: 7px 0;
}

.one-page-checkout .step-title .number {
    float: left;
    line-height: 15px;
    font-size: 15px;
    color: #333;
    padding: 10px 13px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.one-page-checkout .active .step-title .number {
    background: none repeat scroll 0 0 #0fa850;
    border: 1px solid #0fa850;
    color: #fff;
    padding: 10px 12px;
    font-weight: bold;
}

.one-page-checkout .step .col2-set {
    padding: 0;
}

.one-page-checkout .order-review {
    overflow: hidden;
}

#checkout-review-table .data-table {
    border-bottom: none;
}

#checkout-step-login .col2-set .col-2 {
    background-color: #fff;
    float: left;
    padding: 0px;
    width: 45%;
    min-height: 270px;
}

#checkout-step-login .col2-set .col-1 {
    float: right;
    padding: 0 0 0 40px;
    width: 45%;
    min-height: 270px;
    border-left: 1px #e4e4e4 solid;
}

#opc-login h2 {
    border-bottom: 0px solid #E4E4E4;
    padding-bottom: 8px;
    font-weight: bold;
    margin-bottom: auto;
    margin-top: auto;
    font-size: 12px;
}

.one-page-checkout .buttons-set .f-right {
    margin-top: 13px;
    color: #626262;
    font-size: 12px;
}

#opc-login input {
    color: #626262;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: middle;
}

#opc-login .col2-set .col-2 p {
    text-align: left;
}

#opc-login h4 {
    clear: left;
    float: none;
    font-size: 13px;
    margin-right: 5px;
}

#opc-login li.control label {}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin: 0 8px 0 0;
}

input.radio {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.form-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

form-list label.required em {
    font-style: normal;
}

.required em {
    color: #ff0000;
}

.form-list label {
    color: #333;
    font-weight: normal;
}

.dashboard {}

.dashboard .welcome-msg {
    text-align: left;
    padding: 0px 0 5px;
    color: #333;
    font-size: 12px
}

.dashboard .welcome-msg strong {
    font-weight: 900;
    font-size: 13px;
}

#my-orders-table {
    border: none;
}

.box-account {
    margin-top: 15px;
}

.box-account h5 {
    font-weight: bold;
}

.box-account .page-title {
    margin: 0 !important;
    padding: 0;
    background: none;
    border-bottom: none !important;
}

.box-account .page-title h2 {
    font-size: 16px;
}

.box-account address {
    color: #333;
    text-align: left;
    border-bottom: none;
}

.box-account .col2-set a {
    text-decoration: underline
}

p.control input.checkbox,
p.control input.radio {
    margin-right: 6px;
}

div#hideShow {
    text-align: left;
    display: none;
}

.form-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.form-list li {
    margin: 0 0 10px;
    position: relative;
}

.form-list li.comment {
    margin-bottom: 10px;
}

.form-list li.comment p {
    margin-bottom: 0;
}

.form-list li.fields {
    margin-bottom: 0;
}

.form-list li.control,
.form-list li.has-pretty-child {
    margin-bottom: 10px;
}

.form-list label {
    position: relative;
    z-index: 0;
    font-weight: normal;
    color: #333;
    display: inline;
}

.form-list label.required {
    color: #333;
}

.form-list label.required em {
    font-style: normal;
}

.review2 label {
    font-weight: normal;
}

.review2 label em {
    color: #ff0000;
}

.form-list li.control label,
.form-list li.has-pretty-child label {
    float: none;
    vertical-align: top;
    line-height: 1;
}

.form-list li.control input.radio,
.form-list li.control input.checkbox,
.form-list li.has-pretty-child input.radio,
.form-list li.has-pretty-child input.checkbox {
    margin-right: 6px;
    margin-top: -2px;
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto;
}

.form-list .input-box {
    display: block;
    clear: both;
    margin-bottom: 0;
}

.form-list .field {
    position: relative;
    margin-bottom: 25px;
}

.form-list input.input-text {
    background:var(--sub-theme-color);
    border: 1px solid #ddd;
    padding: 10px;
    width: 35%;
    height: 47px;
    margin-top: 5px;
    outline: none;
}

.form-list input.input-text:focus {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 5px;
    outline: none;
}

.form-list select {
    margin: 5px 0 2px;
    width: 100%;
    outline: none;
}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px;
}

.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0;
}

.form-list .input-range input.input-text {
    outline: none;
}

input.radio {
    margin-right: 3px;
}

.col2-set .col-1 ul {
    list-style: none outside none;
    padding: 0;
}

.group-select .require {
    color: #ff0000;
    font-size: 12px;
    margin-bottom: 3px;
}

.group-select li {
    list-style: none outside none;
    margin: 0 0 5px;
    overflow: hidden;
}

.group-select {}

.group-select ul {
    margin: 0;
    padding: 0;
}

.group-select .required {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.group-select .require {
    color: #FF0000;
    font-size: 12px;
    margin-bottom: 3px;
}

.group-select label {
    font-size: 12px;
    font-weight: normal;
    color: #333;
}

li#billing-new-address-form {
    display: none;
}

div#checkout-step-shipping {
    display: none;
}

div#checkout-step-shipping_method {
    display: none;
}

div#checkout-step-payment {
    display: none;
}

div#checkout-step-review {
    display: none;
}

.group-select li {
    margin: 0 0 5px;
    overflow: hidden;
    list-style: none
}

.contacts-index-index .group-select li {
    display: block !important;
}

input#hideit {
    display: none !important;
}

.product-essential .product-img-box .moreview_thumb .zoomImg {
    position: absolute;
}

.group-select li .input-box {
    float: left;
    width: 45%;
}

.group-select li input.input-text,
.group-select li textarea {
    width: 88%;
    background: #f7f7f7;
    border: 1px solid #f0f0f0;
    padding: 10px;
    outline: none;
}

.group-select li input.input-text:focus,
.group-select li textarea:focus {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    outline: none;
}

.group-select li select {
    width: 80%;
    padding: 3px;
    background: #f7f7f7;
    border: 1px solid #f0f0f0;
    padding: 10px;
}

.group-select li select:focus {
    padding: 3px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}

.group-select li .input-box input.input-text,
.group-select li .input-box textarea {
    width: 95%;
    margin-top: 5px;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    padding: 10px;
}

.group-select li .input-box input.input-text:focus,
.group-select li .input-box textarea:focus {
    margin-top: 5px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}

.group-select li .input-box select {
    width: 96%;
    margin-top: 5px;
    outline: none;
}

.group-select.wide input.input-text,
.group-select.wide textarea {
    width: 90%;
}

.product-image-area {
    position: relative;
    overflow: hidden;
}

/*.product-image-area a.product-image:hover{opacity:0.6;-webkit-transform:scaleY(1);transform:scaleY(1);}*/
.product-image-area:hover .hover_fly {
    bottom: 0;
}

.hover_fly {
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.hover_fly a {
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.hover_fly a:first-child {
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.hover_fly {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    background: #0fa850;
    z-index: 6;
}

.hover_fly a {
    font-size: 1em;
    color: #fff;
    display: inline-block;
    width: 45%;
    height: 35px;
    line-height: 34px;
    position: relative;
    background: #0fa850;
    float: right;
    text-align: center;
    white-space: nowrap;
    border-right: 1px #5ebd21 solid;
}

.hover_fly a div {
    overflow: hidden;
}

.hover_fly a:first-child {
    background-image: none;
    width: 55%;
    text-align: center;
    background-color: #0fa850;
    color: #FFF;
    float: left;
    left: 0;
}

.hover_fly a:first-child span {
    display: inline-block;
}

.hover_fly a span {
    display: none;
    left: 2.2em;
    white-space: nowrap;
    font-size: 11px;
    vertical-align: top;
    text-transform: uppercase;
    margin-left: 6px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.5px;
}

.hover_fly a i {
    height: 34px;
    line-height: 32px;
    font-size: 14px;
}

.hover_fly a:hover {
    width: 45% !important;
    background-color: #0fa850 !important;
    color: white !important;
}

.hover_fly a:hover span {
    display: inline-block !important;
}

.hover_fly .icon-shopping-cart:before {
    font-size: 16px;
}

.hover_fly .icon-eye-open:before {
    font-size: 16px;
}

.hover_fly:hover a:first-child {
    width: 45%;
    background-color: #fdd922;
    text-align: center;
    color: #000;
}

.hover_fly:hover a:first-child span {
    display: none;
}

.hover_fly.fly_3 a {
    width: 20%;
}

.hover_fly.fly_3 a:first-child {
    width: 60%;
}

.hover_fly.fly_3 a:hover {
    width: 60% !important;
}

.hover_fly.fly_3:hover a:first-child {
    width: 20%;
}

.hover_fly.fly_2 a {
    width: 30%;
}

.hover_fly.fly_2 a:first-child {
    width: 70%;
}

.hover_fly.fly_2 a:hover {
    width: 70% !important;
}

.hover_fly.fly_2:hover a:first-child {
    width: 30%;
}

.hover_fly.fly_1 a {
    width: 100%;
}

.hover_fly.fly_1 a:first-child {
    width: 100%;
    position: relative !important;
}

.hover_fly.fly_1 a:hover {
    width: 100% !important;
}

.hover_fly.fly_1:hover a:first-child {
    width: 100%;
}

a#fancybox-close {
    display: inline;
}

div#fancybox-wrap {
    height: auto;
    top: 15%;
    left: 25%;
    display: block;
}

.data-table {
    width: 100%;
}

.data-table th {
    line-height: 20px;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.data-table td {
    line-height: 20px;
    padding: 10px;
    vertical-align: top;
}

.data-table th .tax-flag {
    white-space: nowrap;
    font-weight: normal;
}

.data-table td.label,
.data-table th.label {
    font-weight: normal;
    background: #f8f8f8
}

.data-table input,
data-table select,
data-table textarea {
    margin: 3px;
}

.data-table p {
    margin: 10px 0;
}

.data-table .description {
    margin: 10px 0;
}

.col2-set .col-1 {
    float: left;
    width: 100%;
    text-align: left;
    border: 0px #336600 solid;
    padding-top: 0px;
    padding-bottom: 0px;
}

.col2-set {
    overflow: hidden;
    padding: 8px 0 0;
}

.cart .totals table th,
.cart .totals table td {
    padding: 5px;
    border: none;
    background: none;
    border: medium none;
    box-shadow: none;
    color: #333;
}

.cart .totals table th,
.cart .totals table td strong {
    font-weight: 900;
    font-size: 12px;
}

.cart-collaterals {
    margin-top: 20px;
}

.cart-collaterals .col2-set {
    float: left;
    margin: 0;
    padding: 0;
}

.cart-collaterals .totals {}

.totals h3 {
    border-bottom: 1px solid #ddd;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cart-collaterals .col2-set .col-2 {
    width: 320px;
}

.totals .inner {
    padding: 0px 0px 15px 0px;
    background-color: #fff;
    margin-top: 0px;
}

#shopping-cart-totals-table {
    float: right;
    width: 100%;
    padding-bottom: 8px;
}

#shopping-cart-totals-table .price {
    font-size: 14px;
    color: #ff0000;
}

.table.shopping-cart-table-total>thead>tr>th,
.table.shopping-cart-table-total>tbody>tr>th,
.table.shopping-cart-table-total>tfoot>tr>th,
.table.shopping-cart-table-total>thead>tr>td,
.table.shopping-cart-table-total>tbody>tr>td,
.table.shopping-cart-table-total>tfoot>tr>td {
    border-top: none;
}

#shipping-zip-form p {
    margin: 2px 0 4px;
}

#shipping-zip-form .form-list input.input-text {
    width: 90%;
}

.discount {
    margin: auto;
}

.discount label {
    font-weight: normal;
}

.shipping {
    margin: auto;
}

.shipping .form-list select {
    width: 90%;
    background-color: #F0F0F0;
    border: 1px #f0f0f0 solid;
    padding: 10px;
}

.shipping .form-list select:focus {
    background-color: #fff;
    border: 1px #ddd solid;
    padding: 10px;
}

.shipping .form-list input.input-text {
    width: 95%;
}

.cart-collaterals h3 {
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 1px #ddd solid;
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: auto;
    font-weight: bold;
}

input.input-text,
select,
textarea {
    background-color: #f0f0f0;
    border: 1px #f1f1f1 solid;
    padding: 10px;
    outline: none;
    color: black;
}

#wishlist-table textarea {
    padding: 10px;
    height: 120px;
    width: 96%;
}

input.input-text:focus,
select:focus,
textarea:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    outline: none;
}

input#coupon_code {
    margin: 8px 0;
    width: 90%;
}

#shopping-cart-table {
    border: none;
    background-color: #FFFFFF;
    text-align: left;
}

#shopping-cart-table input.qty {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ddd;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    outline: medium none;
    padding: 8px;
    width: 50px;
    text-align: center;
}

#shopping-cart-table a.remove-item {
    background-color: #fff;
    background-image: none;
    color: #333;
    cursor: pointer;
    padding: 0px;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: all 0.3s linear;
    border: none;
}

#shopping-cart-table a.remove-item span {
    display: none
}

#shopping-cart-table a.remove-item:before {
    content: "\f014";
    font-family: FontAwesome;
    font-size: 14px;
}

#shopping-cart-table a.remove-item:hover {
    padding: 0px;
    color: #ff0000;
}

#shopping-cart-table .remove-item span span {
    display: none;
}

#shopping-cart-table tfoot tr td.last {
    border-top: none;
}

#shopping-cart-table dl {
    margin: 0;
    padding: 0;
}

#shopping-cart-table .item-options dd {
    color: #CCCCCC;
    margin: 0;
}

#shopping-cart-table h4 {
    font-size: 12px;
    font-weight: 900;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

#shipping-zip-form .form-list label {
    display: block;
}

#shopping-cart-table .cart-price .price {
    font-size: 12px;
}

.cart-table .btn-continue {
    float: left;
}

.cart-table .btn-update,
.cart-table .btn-empty {
    float: right;
    margin-left: 8px;
}

.cart .product-name a {
    font-size: 14px;
}

#shopping-cart-table .data-table td {
    vertical-align: middle;
}

.checkout a {
    text-decoration: underline;
    color: #33c5fb;
}

.checkout {
    color: #666666;
    padding-top: 5px;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

button.button.btn-proceed-checkout {
    background: #fdd922;
    padding: 12px 5px;
    color: #000;
    width: 100%;
    margin-bottom: 10px;
    border: none;
}

button.button.btn-proceed-checkout:hover {
    background: #4ca811;
    border: none;
    color: #fff;
}

button.button.btn-proceed-checkout:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 20px;
    padding-right: 5px;
}

button.button.btn-proceed-checkout span {
    font-size: 18px;
    font-weight: normal;
}

.crosssel {
    margin: 35px 0px 15px;
}

.crosssel .new_title.center {
    margin-bottom: 10px;
}

#wishlist-table .product-name {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: normal;
    margin: 0;
    text-align: left;
}

#wishlist-table input.qty {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    border: 2px #efefef solid;
    width: 65px;
}

#wishlist-table input.qty1 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    border: 2px #0fa850 solid;
    width: 80%;
}

#wishlist-table input.qty:focus {
    padding: 5px;
    border: 2px #ddd solid;
}

#co-shipping-method-form {
    padding: 0 12px;
    margin-bottom: 15px;
}

#wishlist-table .cart-cell .btn-cart {
    display: block !important;
    margin: 10px 0 !important;
}

#wishlist-table a.remove-item {
    padding: 6px 4px;
    color: #333;
    background-color: #fff;
    border-radius: 0px;
    border: none;
    transition: all 0.3s linear;
    text-decoration: none;
}

#wishlist-table a.remove-item:before {
    content: "\f014";
    font-family: FontAwesome;
    font-size: 14px;
}

#wishlist-table a.remove-item:hover {
    padding: 6px 4px;
    color: #0fa850;
    background-color: #fff;
    border: none;
    transition: all 0.3s linear;
}

#wishlist-table .remove-item span span {
    display: none;
}

#wishlist-table button.button.remove-item {
    text-decoration: none;
    float: none;
    background: none;
    font-family: 'FontAwesome';
    font-size: 16px;
    text-transform: uppercase;
    display: inline;
    margin-bottom: 8px;
    padding: 0;
    color: #fff;
    background: none repeat scroll 0 0 #333;
    border-radius: 2px;
    font-size: 16px;
    height: 30px;
    line-height: 20px;
    padding: 4px;
    text-align: center;
    width: 30px;
    margin-left: 5px;
}

#wishlist-table button.button.remove-item:hover {
    text-decoration: none;
    float: none;
    background: none;
    font-family: 'FontAwesome';
    font-size: 16px;
    text-transform: uppercase;
    display: inline;
    margin-bottom: 8px;
    padding: 0;
    color: #fff;
    background: none repeat scroll 0 0 #4ca811;
    border-radius: 2px;
    font-size: 16px;
    height: 30px;
    line-height: 20px;
    padding: 4px;
    text-align: center;
    width: 30px;
}

#wishlist-table button.button.btn-cart {
    padding: 0px;
    color: #222;
    background-color: #fff;
    border: none;
    transition: all 0.3s linear;
    margin: 0 0 10px !important;
}

#wishlist-table button.button.btn-cart span {
    display: none;
}

#wishlist-table a.remove-item span {
    display: none;
}

#wishlist-table button.button.btn-cart:hover {
    padding: 0px;
    color: #0fa850;
    background-color: #fff;
    border: none;
    transition: all 0.3s linear;
}

#wishlist-table button.button.btn-cart:before {
    content: "\f07a";
    font-family: 'FontAwesome';
    font-size: 16px
}

.my-wishlist .buttons-set2 {
    margin-top: 10px;
    margin-right: 10px;
}

.my-wishlist .buttons-set2 .btn-share {
    float: right;
    margin-left: 8px;
}

.my-wishlist .buttons-set2 .btn-update {
    float: right;
    margin-right: 2px;
}

.my-wishlist .buttons-set2 .btn-add {
    float: right;
    margin-left: 8px;
}

.state_bar {
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 10px 0 25px;
}

.checkout-progress {
    padding-top: 0px;
    margin: 0px 0 0px;
    overflow: hidden;
    padding: 0;
    list-style: none;
}

.checkout-progress li {
    width: 19.8%;
    text-align: center;
    color: #666;
    margin-right: 0px;
    padding: 5px 7px;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom: 3px double #ddd;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    display: inline-block;
    margin-right: -3px;
}

.checkout-progress li.last {
    margin-right: 0;
}

.checkout-progress li.active {
    background-color: #fff;
    border-bottom: 3px solid #4ca811;
    color: #4ca811;
    font-weight: bold;
}

#multiship-addresses-table input.input-text {
    background-color: #FFF;
    padding: 6px;
    border: 1px solid #ddd;
    text-align: center;
}

#multiship-addresses-table .btn-remove {
    background-color: #fff;
    background-image: none;
    color: #333;
    cursor: pointer;
    padding: 12px 15px;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #fff;
    float: left;
    transition: all 0.3s linear;
    line-height: 12px;
}

#multiship-addresses-table .btn-remove:before {
    content: "\f014";
    font-family: FontAwesome;
    font-size: 14px;
}

#multiship-addresses-table .btn-remove:hover {
    background-image: none;
    padding: 12px 15px;
    color: #4ca811;
}

.multiple_addresses .buttons-set {
    margin: 10px 0;
}

.multiple-checkout {
    position: relative;
}

.multiple-checkout .grand-total {
    font-size: 1.5em;
    text-align: left;
}

.multiple-checkout .grand-total big {
    float: right;
    font-size: 16px;
}

#multiship-addresses-table {
    margin-top: 5px;
    border: none;
}

#multiship-addresses-table input.qty:focus {
    padding: 6px;
}

#multiship-addresses-table tfoot tr .last {
    border-top: none;
}

.addresses {
    margin: 15px 0;
}

#multiship-addresses-table h4 {
    font-size: 12px;
    margin: 0;
    line-height: 18px;
}

.multiple_addresses {
    margin-bottom: 30px;
    background-color: #FFFFFF;
    padding: 0 0 15px 0;
}

.multiple_addresses .title-buttons {
    text-align: right;
}

.checkout-multishipping-success .multiple-checkout .buttons-set .button {
    float: left;
}

.multiple-checkout .buttons-set .button {
    float: right;
}

.page-title_multi {
    display: inherit;
}

.addresses .title-buttons {
    text-align: right;
}

.page-title_multi h2 {
    font-size: 25px;
    float: left;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: auto;
}

.multiple-checkout .grand-total {
    font-size: 1.5em;
    text-align: right;
}

.multiple-checkout .grand-total .price {
    font-size: 22px;
}

.account-login {
    margin-bottom: 15px;
    background-color: #FFFFFF;
    padding: 0px;
    margin-top: 10px;
}

.account-login .page-title h2 {
    font-size: 22px;
}

.account-login .col2-set .col-1 {
    float: left;
    padding-bottom: 0;
    padding: 0px;
    text-align: left;
    width: 48%;
    min-height: 362px;
    background: #f7f7f7;
    border: 1px solid #eaeaea;
    padding: 45px
}

.account-login strong {
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase
}

.account-login .content {
    margin-top: 8px;
    padding-top: 12px;
}

.account-login .content p {
    margin-bottom: 10px;
    font-size: 12px;
}

.account-login .content p.required {
    font-size: 12px;
}

.account-login .content .form-list label {
    font-size: 12px;
    color: #333;
    margin-bottom: 5px;
}

.required {
    color: #ff0000;
}

.accordion-faq {
    text-align: left;
    position: relative;
}

.accordion-faq .panel {
    border-radius: 0;
}

.accordion-faq .panel .panel-heading {
    padding: 0;
    color: #fff;
    border-radius: 0 !important;
    background: #333;
}

.accordion-faq .panel-heading a {
    display: block;
    position: relative;
    background: #f8f8f8;
    color: #333;
    padding: 10px 5px 12px 15px;
    border-radius: 0;
    border-right: 48px solid #65d31f;
    min-height: 50px;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-weight: bold;
}

.accordion-faq .collapsed .arrow-down {
    display: block;
}

.accordion-faq .arrow-down,
.accordion-faq .arrow-up {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    top: 50%;
    margin-top: -15px;
    right: -36px;
    color: #fff;
}

.accordion-faq .arrow-down,
.accordion-faq .collapsed .arrow-up {
    display: none;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.compare-table .product-shop-row td {
    position: relative;
    text-align: center !important;
}

.compare-table .btn-cancel {
    position: absolute;
    right: 0;
    top: 5px;
}

.content-wrapper {
    margin: auto;
    text-align: center;
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 80px;
}

.page-not-found h2 {
    color: #4ca811;
    font-size: 160px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.page-not-found h3 {
    color: #333;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 4em;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
}

.page-not-found h3 img {
    margin-right: 8px;
    vertical-align: text-bottom;
}

.page-not-found p {
    color: #666;
    font-size: 1.33em;
    line-height: 1.5em;
    margin-bottom: 0.75em;
}

.page-not-found .btn-home {
    background-color: #fdd922;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 -4px 0 0 #fdd922 inset;
    color: #333;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 14px 35px;
    text-decoration: none;
    height: auto;
}

.page-not-found .btn-home:hover {
    background-color: #65d31f;
    box-shadow: 0 -4px 0 0 #65d31f inset;
    color: #fff;
}

.page-not-found .btn-home span {
    margin: 0;
    padding: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    text-decoration: none;
}

.footer {
    background: rgba(236, 236, 236, .8);
    border-top: 6px solid var(--sub-theme-color) !important;
    margin-top: 10px;
}

.footer-top {
    background-color: #0fa850;
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 25px 0;
}

.brand-logo {
    margin: -14px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
}

.brand-logo .slider-items-products .item {
    text-align: center;
}

.brand-logo .controls .prev {
    left: -40px;
    border: none;
}

.brand-logo .controls .next {
    border: none;
    right: -42px;
}

.brand-logo .row img {
    margin: 5px 0;
    display: inline-block;
}

.brand-logo .glyphicon-chevron-left:before,
.brand-logo .glyphicon-chevron-right:before {
    font-size: 28px;
}

.brand-logo .slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: 0px;
    top: 22px;
}

.brand-logo .slider-items-products .owl-buttons a {
    border: none;
    background: #f5f5f5;
}

.brand-logo .slider-items-products .owl-buttons a:hover {
    color: #333;
}

.brand-logo .slider-items-products .owl-buttons .owl-next a:before {
    font-size: 24px;
}

.brand-logo .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px;
}

.brand-logo .slider-items-products .owl-buttons .owl-prev {
    left: 0px;
    position: absolute;
    top: 22px;
    background: none;
    right: auto;
}

.newsletter {
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    margin: auto;
    margin: auto;
}

.newsletter h4 {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    margin-right: 8px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.newsletter input[type="text"] {
    background: #FFFFFF;
    width: 55%;
    height: 36px;
    display: inline-block;
    color: #a7a7a7;
    line-height: 22px;
    background-color: #fff;
    border: none;
    padding-left: 10px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: none;
    margin: 0 10px 0px 0;
}

button.subscribe {
    background: #fdd922;
    border: 0 none;
    overflow: hidden;
    padding: 9px 13px;
    cursor: pointer;
    font-weight: normal;
    color: #222;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

button.subscribe:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
    font-weight: normal;
}

.social .fb a:before {
    content: "\f09a";
    font-family: FontAwesome;
}

.social .fb a {
    background: #3C5B9B;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

.social .fb a:hover {
    background: #3C5B9B;
}

.social .tw a:before {
    content: "\f099";
    font-family: FontAwesome;
}

.social .tw a {
    background: #359BED;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

.social .tw a:hover {
    background: #359BED;
}

.social .googleplus a:before {
    content: "\f0d5";
    font-family: FontAwesome;
}

.social .googleplus a {
    background: #E33729;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

.social .googleplus a:hover {
    background: #E33729;
}

.social .rss a:before {
    content: "\f09e";
    font-family: FontAwesome;
}

.social .rss a {
    content: "\f09e";
    font-family: FontAwesome;
    background: #FD9F13;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

.social .rss a:hover {
    background: #FD9F13;
}

.social .pintrest a:before {
    content: "\f0d3";
    font-family: FontAwesome;
}

.social .pintrest a {
    content: "\f0d3";
    font-family: FontAwesome;
    background: #cb2027;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

.social .pintrest a:hover {
    background: #cb2027;
}

.social .linkedin a:before {
    content: "\f0e1";
    font-family: FontAwesome;
}

.social .linkedin a {
    content: "\f0e1";
    font-family: FontAwesome;
    background: #027ba5;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

.social .linkedin a:hover {
    background: #027ba5;
}

.social .youtube a:before {
    content: "\f167";
    font-family: FontAwesome;
}

.social .youtube a {
    background: #F03434;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

.social .youtube a:hover {
    background: #F03434;
}

.social .shaemail a:before {
    content: "\f003";
    font-family: FontAwesome;
}

.social .shaemail a {
    background: #F03434;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}

.social .shaemail a:hover {
    background: #F03434;
}

.social {
    float: right;
}

.social ul {
    float: left;
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.social ul li {
    margin: 0px 0px 0px 7px;
    display: inline-block;
}

.social a {
    transition: background 400ms ease-in-out;
}

.footer-middle {
    margin: auto;
    margin-bottom: 20px;
}

.footer-middle .col-md-3,
.footer-middle .col-md-2 {
    margin: 5px auto;
}

.footer a:hover {
    text-decoration: none;
}

.footer-bottom {
    background: none repeat scroll 0 0 #ffffff;
    margin: auto;
    overflow: hidden;
    padding: 20px 0 15px;
    width: 100%;
}

.footer-bottom a {
    color: #aaa;
}

.footer-bottom a:hover {
    text-decoration: none;
}

.contacts-info address {
    display: block;
    margin: auto;
    font-style: normal;
    color: #fff;
    padding-top: 25px;
    margin-top: -16px;
    text-align: left;
    margin-bottom: -21px;
    font-size: 12px;
    border: none;
}

.footer-logo {
    text-align: left;
    margin: 10px 0;
}

.footer a,
.footer p {
    color: #9d9d9b !important;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.payment-accept img {
    margin: 0px 0px 0px 0px;
    width: 55px;
}

.footer-middle h4 {
    color: var(--sub-theme-color) !important;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.footer-middle ul.links {
    margin: auto;
    padding: 0px;
}

.footer-middle .links li {
    list-style: none;
    padding: 5px 0px;
}

.footer-middle .links li a {
    color: #000;
    font-weight: bold;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.footer-middle .links li a:hover {
    color: #f93;
    text-decoration: none;
}

.footer-middle .links li a:before {
    font-family: FontAwesome;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    color: #d49110;
    margin-right: 5px;
}

.add-icon:before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 15px;
    color: var(--theme-color);
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    border-radius: 30px;
    border-radius: 25px;
    background: #fff;
}

.email-icon:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 14px;
    color: var(--theme-color);
    height: 35px;
    width: 35px;
    margin-right: 5px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    background: #fff;
    border-radius: 25px
}

.phone-icon:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 15px;
    color: var(--theme-color);
    height: 35px;
    width: 35px;
    margin-right: 5px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    background: #fff;
    border-radius: 25px
}

.whatsapp-icon:before {
    content: "\f232";
    font-family: FontAwesome;
    font-size: 15px;
    color: var(--theme-color);
    height: 35px;
    width: 35px;
    margin-right: 5px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    background: #fff;
    border-radius: 25px
}

.email-footer {
    overflow: hidden;
    font-size: 12px;
}

.email-footer a {
    font-size: 12px;
    color: #fff
}

.phone-footer {
    overflow: hidden;
    font-size: 12px;
    color: #fff;
}

.coppyright {
    color: #61656a;
}

.footer-bottom .company-links ul {
    padding: 0px;
}

.footer-bottom .company-links li {
    display: inline-block;
    margin-left: 20px;
    list-style: none;
    float: right;
}

#co-payment-form .blaaa {
    margin-bottom: 20px;
}


@media only screen and (min-width:320px) and (max-width:479px) {
    #phshow #narrow-by-list label {
        display: block;
    }

    .pot_stretch {
        height: 36px !important;
        margin-top: 3px !important;
    }

    .col-item:hover .actions button.button.btn-cart {
        background: var(--theme-color);
        border: 1px solid #ddd;
        color: #333;
    }

    .col-item .info .info-inner .item-title {
        white-space: normal;
    }

    .footer-logo {
        text-align: center;
    }

    .payment-accept {
        text-align: center;
    }

    .pager .pages li {
        margin: 0px;
        margin-bottom: 5px;
    }

    .cate-dropdown {
        width: 20% !important;
        display: block !important;
        height: 30px;
        line-height: 20px;
    }

    .mobresban {
        margin-top: 185px !important;
    }

    .pager .limiter label,
    .toolbar label {
        display: none;
        float: none;
        margin-right: 10px;
        padding: 5px 0;
        font-size: 12px;
        font-weight: normal;
    }

    .box-additional .product-image-area .ajax_add_to_cart_button {
        width: 50%;
    }

    .box-additional .product-image-area .prod_img_det {
        padding-left: 0px;
    }

    .box-additional .product-image-area .wishwrd {
        padding-right: 20px;
    }

    .box-additional .product-image-area .ajax_add_to_cart_button span {
        display: none;
    }

    #co-payment-form .blaaa {
        margin-bottom: 0px;
        float: right;
        width: 30%;
    }

    .td_hide {
        display: none;
    }

    .col-item .actions-links .add-to-links a.link-wishlist {
        left: 0%;
        opacity: 0.9;
        position: absolute;
        margin-top: 0px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-top: none;
        border-bottom: none;
        border-left: none;
        width: 33%;
        text-align: center;
    }

    .col-item .actions-links .add-to-links a.link-wishlist:before {
        content: "\f004";
    }

    .col-item .actions-links .add-to-links a.link-wishlist {
        position: relative;
        font-family: 'FontAwesome';
        font-size: 16px;
        font-weight: normal;
        margin: 0;
        padding: 5px 5px;
        text-decoration: none;
        color: #fff;
        line-height: 20px;
        background: #0fa850;
        width: 32%;
    }

    .col-item .actions-links .add-to-links a.link-wishlist:hover {
        font-family: 'FontAwesome';
        font-size: 16px;
        font-weight: normal;
        margin: 0;
        padding: 5px 5px;
        text-decoration: none;
        color: #fff;
        line-height: 25px;
        background: #0fa850;
        width: 32%;
    }

    /*.mobresbtn{margin-left: 3px !important;}*/
    .custom button.items-count.reduced {
        margin-left: 3px !important;
    }

    .wishwrd1 {
        display: none;
    }

    .pagenum {
        padding-left: 0px !important;
    }

    .pglable {
        display: none;
    }

    .header-service {
        padding-left: 40px;
    }

    .wishwrd {
        width: 50% !important;
    }

    #best-seller-slider .hover_fly .ajax_add_to_cart_button span {
        display: none;
    }

    #best-seller-slider .hover_fly {
        background: transparent;
    }

    #best-seller-slider .hover_fly a:first-child {
        width: 50%;
    }

    #progress-bar {
        appearance: none;
        width: 115%;
        color: #000;
        height: 2px;
        margin: -6px auto;
    }

    #checkout-payment-method-load table tbody td {
        float: left;
    }

    .breadcrumbs {
        display: none;
    }

    .sticky .logo-small {
        top: 13px;
    }

    .product-view .product-shop {
        text-align: center;
    }

    /* #mobile-menu ul {margin: -10px 10px 10px 0px;} */
    .col-xs-6 {
        width: 50%;
    }

    #search {
        border: none;
        /* height: 32px; */
        margin: 0;
        padding: 3px 6px;
        width: 86%;
        font-size: 12px;
        border: 1px #fff solid;
    }

    .searchdrop {
        border-radius: 0 0 2px 2px;
        /* border-top: 1px solid #e0e0e0; */
        position: absolute;
        background-color: #ffffff;
        color: #000;
        z-index: 1002 !important;
        top: 35px;
        right: 3%;
        border-radius: 5px;
        display: none;
        box-shadow: 2px 3px 5px -1px rgba(0, 0, 0, .5);
        width: 88% !important;
    }

    .top-cart-contain {
        position: absolute;
        right: 0px;
        top: 30px !important;
    }

    .search-box {
        left: 2%;
        margin: auto;
        padding-left: 0;
        width: 100% !important;
        margin-top: 10px;
    }

    .logo {
        float: none !important;
    }

    .logoimage {
        text-align: center !important;
    }

    .prod-info {
        text-align: center;
    }

    #products-list .product-shop .actions button.button.btn-cart {
        float: left;
        display: block;
        width: 50%;
        background: var(--theme-color);
        color: #fff;
        padding: 5px 20px !important;
        /*width: initial !important;*/
    }

    .products-grid .add-to-links {
        float: right;
        width: 50%;
    }

    .products-grid .actions .add-to-links a.link-wishlist {
        width: 100%;
        background: #0fa850;
        color: #fff;
    }

    /* .container{margin: 0px 10px; padding: 10px 10px 5px 10px;} */
    /*  .header-top{padding: 0px;} */
    .bnd-pdt {
        font-size: 15px !important;
    }

    .nwstl {
        background: #fff;
        padding: 3px 5px;
        border: none;
        margin: 10px 12px;
        border-radius: 4px;
        font-weight: 500;
        outline: none;
        float: right;
    }

    .btnfilt {
        background-color: #0fa850;
        color: #fff !important;
        padding: 3px;
        font-weight: 400;
        text-align: center;
        width: 45%;
        font-size: 1.3em;
        left: 0;
        display: block !important;
        outline: none;
        border: none;
    }

    .styfilt {
        width: 100%;
        background: #eeeeee;
        height: 0px;
        overflow-y: scroll !important;
        transition: 1s all;
        display: block !important
    }

    #mobv {
        display: none;
    }

    #mbhide {
        display: none;
    }

    .cimage {
        text-align: center;
    }

    .bigcnt {
        height: 300px;
        text-align: center;
        width: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    /* .cntimg{width:100% !important;text-align:center !important;} */
    /*.prod_img_det{height:150px !important;padding-left: 20%;}*/
    .prod_img_det {
        height: 150px !important;
    }

    .prod_img_featr {
        width: 100% !important;
    }

    .maleft {
        margin-left: 40px !important;
    }

    .phonewid {
        width: 100% !important;
        padding: 0;
        margin: 0;
        float: right;
    }

    .redo {
        margin: 16px auto !important;
    }

    .redotop {
        margin: 43px 0px 0px 0px !important;
    }

    .prod_img {
        width: auto !important;
        height: 170px !important;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .newlogo {
        height: 60px;
        width: auto !important;
    }

    #mobshow {
        width: 100%;
    }

    #crtbtn {
        display: inline-block !important;
        margin: 0 10px;
    }

    #wid {
        width: 100% !important;
    }

    .cart-collaterals .discount,
    .cart-collaterals .totals {
        margin-top: 22px
    }

    .review1,
    .review2,
    .box-reviews .form-list input.input-text,
    .box-reviews textarea {
        width: 100%;
    }

    .offer-banner-section .col-lg-4 {
        padding-left: 3px;
        margin-bottom: 13px;
        padding-right: 13px
    }

    .page-title h1,
    .page-title h2 {
        font-size: 18px
    }

    .my-wishlist .buttons-set2 .btn-share {
        margin-bottom: 5px
    }

    .my-wishlist .buttons-set2 .btn-add {
        margin-bottom: 5px
    }

    .my-wishlist .buttons-set2 .btn-update {
        margin-bottom: 5px
    }

    .category-title h1 {
        font-size: 20px;
    }

    .category-description.std .owl-item {
        width: 279px;
    }

    .hover_fly a span {
        font-size: 9px;
    }

    .block-company {
        margin-top: 20px;
    }

    .group-select li input.input-text,
    .group-select li textarea {
        width: 95%;
    }

    .blog_entry .entry-content,
    .entry-footer {
        padding-top: 8px !important;
    }

    .page-title_multi h2 {
        font-size: 22px;
    }

    .multiple-checkout .buttons-set .button {
        margin-bottom: 6px;
        margin-top: 3px;
        margin-right: 5px;
    }

    .offer-banner-section .col-lg-4 .overlay {
        width: 95%;
        height: 95%;
        left: 3px;
    }

    .moreview-control a.moreview-prev {
        left: 8%;
    }

    .moreview-control a.moreview-prev:before,
    .moreview-control a.moreview-next:before {
        font-size: 14px;
    }

    .moreview-control a.moreview-next {
        left: 8%;
    }

    .product-view .upsell-pro {
        margin-top: 15px;
    }

    .product-view .flexslider-thumb-vertical-outer {
        display: none;
    }

    .product-shop .social ul li {
        margin: 15px 1px 0 0;
    }

    .product-next-prev {
        display: none;
    }

    .product-view .flexslider-thumb {
        padding: 0 68px;
    }

    .products-grid li.item {
        width: 90%;
        padding: 0px;
        margin-left: 15px;
    }

    .footer-top .block-subscribe {
        margin-bottom: 15px;
    }

    .blog-img a.info {
        transform: translateY(70px);
    }

    .blog-img:hover a.info {
        transform: translateY(70px);
    }

    .company-links {
        float: left;
        margin-top: 10px;
    }

    .footer-bottom .company-links li {
        display: inline-block;
        float: left;
        list-style: outside none none;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .promo-banner-section {
        margin: 5px auto 0px auto;
    }

    .latest-blog .col-xs-12 {
        margin-bottom: 21px;
    }

    #mobile-menu ul.navmenu ul.submenu {
        max-height: 90vh;
        overflow: auto;
        margin-top: 0px;
    }

    .top-cart-content {
        top: 35px;
    }

    .block-language-wrapper {
        margin: 7px 5px 0 0;
    }

    .page {
        overflow-x: hidden;
        margin-top: -10px;
    }

    .sticky {
        width: 100%;
        height: 44px;
    }

    #nav {
        display: none;
    }

    nav {
        height: 44px;
    }

    #mobile-menu {
        display: block;
    }

    .top-cart-contain {
        position: absolute;
        right: 0px;
        top: 71px;
    }

    .mini-cart .basket a {
        font-size: 12px;
    }

    .top-cart-content {
        top: 36px;
        right: 12px;
        width: 282px;
    }

    .header .logo img {
        width: 80%;
    }

    .search-box {
        background: none;
        width: 150px;
    }

    .search-box {
        left: 2%;
        margin: auto;
        padding-left: 0;
        width: 50%;
        margin-top: 10px;
    }

    #search {
        height: 25px;
        margin: 0;
        margin-left: 5px;
        padding: 4px 18px;
        width: 75%;
        font-size: 12px;
        border: 0px;
        border-radius: 20px;
        background: #f5f5f5;
    }

    #searchm {
        height: 25px;
        margin: 0;
        margin-left: 5px;
        padding: 4px 18px;
        width: 75%;
        font-size: 12px;
        border: 0px;
        border-radius: 20px;
        background: #f5f5f5;
        outline: none;
    }

    /* #search:focus{width:70%;padding:3px 6px;font-size:12px;height:30px;border:1px #fff solid;} */
    .search-btn-bg {
        right: 10px;
        height: 30px;
        top: 1px;
        padding: 5px 0 5px 5px;
        font-size: 11px;
    }

    .search-btn-bg span {
        display: none;
    }

    .search-btn-bg:before {
        content: '\f002';
        font-family: FontAwesome;
        font-size: 15px;
        padding-right: 6px;
        color: #565656;
        font-weight: normal;
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding-left: 12px;
        padding-right: 12px;
    }

    #checkout-step-login .col2-set .col-2 {
        width: 100%;
    }

    #checkout-step-login .col2-set .col-1 {
        width: 100%;
        border: none;
        padding: 0px;
    }

    .group-select li .input-box {
        width: 100%;
    }

    .popup1 {
        display: none !important;
    }

    #overlay {
        display: none !important;
    }

    .account-login .col2-set .col-1 {
        width: 100%;
        padding: 10px;
        min-height: inherit;
        margin-bottom: 15px;
    }

    .account-login .col2-set .col-2 {
        width: 100%;
        padding: 10px;
    }

    .checkout-progress li {
        width: 100%;
    }

    .crosssel .new_title.center {
        height: auto;
    }

    .crosssel .new_title h2 {
        border-bottom: none;
        padding: 8px;
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 68%;
    }

    .block-currency label,
    .block-language label {
        font-size: 11px;
    }

    .product-view .product-name h1 {
        font-size: 22px;
        padding-right: 0px;
        text-align: center;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        width: 51%;
    }

    .more-views .owl-carousel .owl-item {
        width: 125px !important;
    }

    .product-view .product-shop .add-to-box button.button.btn-cart span {
        font-size: 12px;
    }

    .add-to-box .email-addto-box {
        width: 50%;
        margin: 8px 0;
    }

    .product-view .product-shop .add-to-links .link-wishlist {
        padding: 0 75px;
        background: #0fa850;
        color: #fff;
    }

    .add-to-box .pull-left {
        margin: 0px 29px;
    }

    .social ul {
        float: none;
    }

    .email-addto-box span {
        display: none;
    }

    .nav-tabs.product-tabs>li>a {
        border-bottom: 3px #ddd solid;
    }

    .tab-content {
        display: inline-block;
    }

    .box-reviews .review {
        border: none;
        width: 100%;
        padding-left: 0px;
    }

    .product-collateral .row {
        padding: 0 8px;
    }

    .email-addto-box {
        float: left;
        margin-left: auto;
    }

    .products-list .item {
        padding: 5px;
    }

    .product-tabs li {
        width: 100%;
        text-align: center;
    }

    .products-list .product-shop {
        width: 100%;
        margin: 10px 0;
    }

    .category-products .products-grid .col-item:hover .actions-links {
        bottom: 130px;
        top: auto;
    }

    .cat-img-title.cat-box {
        left: 6%;
        margin: 0;
        top: 2%;
        width: 85%;
    }

    .cat-img-title .cat-heading {
        font-size: 18px;
        text-align: center;
    }

    .cat-img-title p {
        display: none;
    }

    /*.pager .limiter label, .toolbar label{display:none;}*/
    .pager .limiter label {
        display: none;
    }

    .product-flexslider {
        margin: 20px -1px;
    }

    .toolbar .pager {
        float: right;
        margin: 0 5px 0 0;
        width: 0%;
    }

    .new_title h2 {
        font-size: 14px;
        padding: 10px 15px 9px 15px;
    }

    .latest-blog .blog-title h2 {
        font-size: 14px;
        padding: 13px 15px 14px 15px;
    }

    .social ul li {
        margin: 0px 1px 0px 0px;
    }

    .newsletter h4 {
        display: block;
    }

    .social {
        float: left;
    }

    .brand-logo .container {
        padding: 0px 10px;
    }

    .brand-logo .controls .prev {
        left: -10px;
        border: none;
        top: -100px;
    }

    .brand-logo .controls .next {
        border: none;
        right: 0px;
        top: -100px;
    }

    .brand-logo .col-lg-2 {
        padding: 0 8px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .row {
        margin: 0px;
    }

    .bag-product-slider .col-xs-4 {
        padding: 0 3px;
    }

    .shoes-product-slider .col-xs-4 {
        padding: 0 3px;
    }

    .small-pr-slider .carousel-inner .row {
        margin: auto;
    }

    .latest-blog .row {
        margin: auto;
    }

    .header-service .row .content {
        text-align: center;
        margin: 3px 0;
    }

    #magik-slideshow .RHS-banner {
        text-align: center;
    }

    .offer-banner-section {
        text-align: center;
        margin-top: 7px;
    }

    .offer-banner-section img {
        width: 280px;
    }

    .promo-banner-section img {
        width: 100%;
    }

    .cat-section {
        margin-bottom: 18px
    }

    .latest-blog {
        padding-top: 30px
    }

    .post-date {
        margin-top: 10px
    }

    .latest-blog a {
        margin-top: 6px
    }

    .col-item {
        margin-bottom: 20px;
    }

    .offer-banner-section img {
        margin-bottom: 12px;
    }

    .offer-banner-section .row a:hover::before {
        display: none;
    }

    #magik-slideshow .RHS-banner .add a:hover::before {
        display: none;
    }

    .RHS-banner .add {
        margin-top: 20px;
    }

    .RHS-banner .add img {
        width: 280px;
    }

    .block-currency-wrapper {
        margin: 5px 0 0 -2px;
    }

    .best-seller-pro {
        margin-top: 15px
    }

    .toplinks .links {
        padding-left: 65%;
        padding-bottom: 10px;
    }

    .toplinks div.links div a {
        padding: 0 0 0 7px;
    }

    .toplinks>div>div.myaccount>a:before {
        content: '\f007';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks>div>div.wishlist>a:before {
        content: '\f004';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks>div>div.check>a:before {
        content: '\f00c';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks>div>div.demo>a:before {
        content: '\f09e';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks .links div .click-nav ul .clicker:before {
        content: '\f15b';
        font-family: FontAwesome;
        font-size: 13px;
        padding-left: 4px;
        padding-top: 2px;
        float: left;
        margin-right: 6px;
        margin-top: -2px;
    }

    .toplinks>div>div.login>a:before {
        content: '\f13e';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks>div>div.logout>a:before {
        content: '\f09c';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .header .logo {
        margin-top: 15px;
    }

    .forcefullwidth_wrapper_tp_banner,
    .fullwidthbanner-container {
        max-width: 100%;
        margin: auto;
    }

    .tp-leftarrow.default,
    .tp-rightarrow.default {
        background-size: 10px;
    }

    .tp-leftarrow.default,
    .tp-rightarrow.default {
        height: 30px;
        line-height: 30px;
        width: 28px;
    }

    .buy-btn,
    .view-more {
        font-size: 10px;
    }

    .tp-caption.Title {
        display: none;
    }

    #toTop {
        height: 30px;
        line-height: 30px;
        width: 35px;
    }

    .storepics img {
        width: 40%;
        margin-right: 8px;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }
}




@media only screen and (min-width:480px) and (max-width:767px) {
    #mobv {
        display: none;
    }

    .phonewid {
        width: 100% !important;
    }

    .prod_img {
        width: auto !important;
        height: 170px !important;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .redo {
        margin: 16px auto !important;
    }

    .redotop {
        margin: 15px 0px 0px 0px !important;
    }

    #mobshow {
        width: 100%;
    }

    .newlogo {
        height: 70px;
        width: auto !important;
    }

    #crtbtn {
        display: inline-block !important;
        margin: 0 10px;
    }

    #wid {
        width: 100% !important;
    }

    .cart-collaterals .discount,
    .cart-collaterals .totals {
        margin-top: 22px
    }

    .my-wishlist .buttons-set2 .btn-share,
    .my-wishlist .buttons-set2 .btn-add,
    .my-wishlist .buttons-set2 .btn-update {
        float: left
    }

    .my-wishlist .buttons-set2 .btn-update {
        margin: 5px 8px 5px
    }

    .hover_fly {
        bottom: -36px;
    }

    .new_title.center {
        height: 53px !important;
    }

    .block-company {
        margin-top: 20px;
    }

    .offer-banner-section .col-lg-4 .overlay {
        width: 81%;
        height: 95%;
        top: 1px;
        left: 40px;
    }

    .multiple-checkout .buttons-set .button {
        margin-bottom: 6px;
        margin-top: 3px;
        margin-right: 5px;
    }

    #magik-slideshow .RHS-banner .overlay {
        width: 84% !important;
        height: 100%;
        left: 8% !important;
    }

    .hover_fly a span {
        font-size: 10px;
    }

    .col-item .actions-links .add-to-links a.link-wishlist {
        line-height: 20px;
    }

    .col-item .actions-links .add-to-links a.link-wishlist:hover {
        line-height: 20px;
    }

    .product-view .flexslider-thumb-vertical-outer {
        display: none;
    }

    .hover_fly a i {
        font-size: 13px;
    }

    .hover_fly .icon-shopping-cart:before {
        font-size: 15px;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin-bottom: 12px;
    }

    .email-addto-box {
        margin-left: 8px;
    }

    .product-next-prev {
        top: 5px;
    }

    p.availability.in-stock {
        right: 0px !important;
    }

    .footer-top .block-subscribe {
        margin-bottom: 15px;
    }

    .company-links {
        float: left;
        margin-top: 10px;
    }

    .footer-bottom .company-links li {
        display: inline-block;
        float: left;
        list-style: outside none none;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    #mobile-menu ul.navmenu ul.submenu {
        max-height: 300px;
        overflow: auto;
    }

    .block-banner img {
        width: auto;
    }

    .block-banner a:before {
        display: none;
    }

    .popup1 {
        display: none !important;
    }

    #overlay {
        display: none !important;
    }

    .account-login .col2-set .col-1 {
        width: 100%;
        padding: 20px;
        min-height: inherit;
        margin-bottom: 15px;
    }

    .account-login .col2-set .col-2 {
        width: 100%;
        padding: 20px;
    }

    .checkout-progress li {
        width: 100%;
    }

    .crosssel .new_title.center {
        height: auto;
    }

    .crosssel .new_title h2 {
        border-bottom: none;
        padding: 8px;
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 75%;
    }

    .product-view .product-name h1 {
        font-size: 24px;
    }

    .product-tabs li:last-child {
        display: none;
    }

    .products-list .item {
        padding: 10px;
    }

    .products-list .product-shop {
        width: 100%;
        margin: 10px 0;
    }

    .category-products .products-grid .col-item:hover .actions-links {
        bottom: 130px;
        top: auto;
    }

    .cat-img-title.cat-box {
        left: 16%;
        margin: 0;
        top: 24%;
        width: 55%;
    }

    .cat-img-title .cat-heading {
        font-size: 18px;
    }

    .cat-img-title p {
        font-size: 11px;
    }

    .brand-logo {
        overflow: hidden;
    }

    .pager .limiter label,
    .toolbar label {
        display: none;
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%;
    }

    .newsletter h4 {
        display: block;
    }

    .social ul li {
        margin: 8px 7px 0 0px;
    }

    .social {
        float: left;
    }

    .brand-logo .container {
        padding: 0px 10px;
    }

    .brand-logo .controls .prev {
        left: -5px;
        border: none;
        top: -100px;
    }

    .brand-logo .controls .next {
        border: none;
        right: 2px;
        top: -100px;
    }

    .brand-logo .col-lg-2 {
        padding: 0 8px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .row {
        margin: 0px 0px 0px 15px;
    }

    .bag-product-slider .col-xs-4 {
        padding: 0 3px;
    }

    .shoes-product-slider .col-xs-4 {
        padding: 0 3px;
    }

    .small-pr-slider .carousel-inner .row {
        margin: auto;
    }

    .header-service .row .content {
        text-align: center;
        margin: 5px 0;
    }

    #magik-slideshow .RHS-banner {
        text-align: center;
        margin-top: 20px
    }

    .slider-items-products {
        margin-top: 13px
    }

    .offer-banner-section .col-lg-4 {
        padding-right: 14px;
        margin-bottom: 10px
    }

    .offer-banner-section {
        text-align: center;
        margin: 16px 0px 40px 0px;
    }

    .blog-img {
        margin-top: 20px;
    }

    .latest-blog .blog-title {
        margin: 0px 15px 3px;
    }

    .post-date {
        margin: 10px 0px;
    }

    .latest-blog a {
        margin-top: 6px
    }

    .latest-blog {
        padding-bottom: 40px
    }

    .cat-section {
        margin-top: 23px
    }

    .promo-banner-section img {
        width: 100%
    }

    .col-item {
        margin-bottom: 20px;
    }

    .offer-banner-section .row a:hover::before {
        display: none;
    }

    .offer-banner-section img {
        margin-bottom: 12px;
    }

    #magik-slideshow .RHS-banner .add a:hover::before {
        display: none;
    }

    .RHS-banner .add {
        margin-top: 10px;
    }

    .RHS-banner .add img {
        width: 360px;
    }

    .sticky {
        width: 100%;
    }

    #nav {
        display: none;
    }

    nav {
        height: 44px;
    }

    #mobile-menu {
        display: block;
    }

    .top-cart-contain {
        position: absolute;
        right: 8px;
        top: 72px;
    }

    .top-cart-content {
        top: 36px;
        right: 0;
    }

    .header .logo img {
        width: 80%;
    }

    .search-box {
        background: none;
        width: 200px;
    }

    .search-box {
        left: 2%;
        margin: auto;
        padding-left: 0;
        width: 50%;
        margin-top: 12px;
    }

    #search {
        border: none;
        height: 30px;
        margin: 0;
        padding: 3px 6px;
        width: 90%;
        font-size: 12px;
        border: 1px #fff solid;
    }

    #search:focus {
        width: 90%;
        padding: 3px 6px;
        font-size: 12px;
        height: 30px;
        border: 1px #fff solid;
    }

    .search-btn-bg {
        right: 10px;
        height: 30px;
        padding: 5px 0 5px 5px;
        font-size: 11px;
    }

    .search-btn-bg span {
        display: none;
    }

    .search-btn-bg:before {
        content: '\f002';
        font-family: FontAwesome;
        font-size: 15px;
        padding-right: 6px;
        color: #565656;
        font-weight: normal;
    }

    .toplinks div.links div a {
        padding: 0 0 0 12px;
    }

    .toplinks>div>div.myaccount>a:before {
        content: '\f007';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks>div>div.wishlist>a:before {
        content: '\f004';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks>div>div.check>a:before {
        content: '\f00c';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks>div>div.demo>a:before {
        content: '\f09e';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks .links div .click-nav ul .clicker:before {
        content: '\f15b';
        font-family: FontAwesome;
        font-size: 13px;
        padding-left: 4px;
        padding-top: 2px;
        float: left;
        margin-right: 6px;
        margin-top: -2px;
    }

    .toplinks>div>div.login>a:before {
        content: '\f13e';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .toplinks>div>div.logout>a:before {
        content: '\f09c';
        font-family: FontAwesome;
        font-size: 13px;
        padding-right: 6px
    }

    .forcefullwidth_wrapper_tp_banner,
    .fullwidthbanner-container {
        max-width: 100%;
    }

    #toTop {
        height: 30px;
        line-height: 30px;
        width: 35px;
    }

    .promo-banner-section {
        margin: auto auto 20px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .ipodservice {
        margin-top: 60%;
    }

    .pot_stretch {
        height: 110px !important;
        margin-top: 65% !important;
        margin-right: -5px !important;
    }

    .hover_fly {
        bottom: -36px
    }

    #magik-slideshow {
        margin-bottom: 20px !important
    }

    .slider-items-products {
        margin-top: 15px;
    }

    .cat-section {
        margin-top: 20px
    }

    .offer-banner-section {
        margin-top: 20px
    }

    #nav li.drop-menu ul {
        max-height: 320px;
        overflow: auto
    }

    .col-item .actions-links .add-to-links a.magik-btn-quickview:hover {
        width: 34%;
    }

    .new_title.center {
        height: 56px;
    }

    #magik-slideshow .col-lg-8 {
        padding-right: 15px !important;
    }

    .offer-banner-section .col-lg-4 {
        padding-right: 15px;
    }

    .offer-banner-section .col-lg-4 .overlay {
        width: 92%;
    }

    .brand-logo .slider-items-products .owl-buttons .owl-next {
        right: 8px;
    }

    .moreview-control a.moreview-prev {
        left: 8%;
    }

    .moreview-control a.moreview-prev:before,
    .moreview-control a.moreview-next:before {
        font-size: 14px;
    }

    .moreview-control a.moreview-next {
        left: 8%;
    }

    .product-view .flexslider-thumb-vertical .flex-viewport {
        height: 300px !important
    }

    .hover_fly a span {
        font-size: 11px;
    }

    .hover_fly a i {
        font-size: 13px;
    }

    .hover_fly .icon-shopping-cart:before {
        font-size: 15px;
    }

    .email-addto-box {
        margin-left: 5px;
        margin-top: 7px;
    }

    .product-view .flexslider-thumb {
        padding: 0 60px;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin-bottom: 10px;
        margin-top: 6px;
        margin-left: 0px;
    }

    .blog-img a.info {
        transform: translateY(45px);
    }

    .blog-img:hover a.info {
        transform: translateY(45px);
    }

    .payment-accept img {
        margin: 0 5px 8px 0;
        width: 45px;
    }

    .promo-banner-section {
        margin: auto auto 20px;
    }

    .button-compare {
        margin-bottom: 8px;
    }

    button.button.btn-proceed-checkout span {
        font-size: 13px;
    }

    button.button.btn-proceed-checkout:before {
        font-size: 16px;
    }

    .cart-collaterals h3 {
        font-size: 13px;
    }

    .product-view .product-shop .add-to-links li {
        padding: 0 2px;
    }

    .product-view .product-name h1 {
        font-size: 24px;
    }

    .products-list .item {
        padding: 10px;
    }

    .products-list .product-shop {
        width: 52%;
    }

    .category-products .products-grid .col-item:hover .actions-links {
        bottom: 130px;
        top: auto;
    }

    .cat-img-title.cat-box {
        left: 14%;
        margin: 0;
        top: 24%;
        width: 70%;
    }

    .brand-logo {
        overflow: hidden;
    }

    .block-cart ul li.item {
        display: inline-block;
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 155px;
    }

    ol#compare-items li a.product-name {
        width: 133px;
        padding: 0 1px;
    }

    .col-left .block-cart .block-content ul li .product-name {
        margin: 5px 0 2px;
    }

    .sidebar .block .access .btn-remove1 {
        right: 4px;
    }

    #recently-viewed-items .product-name {
        width: 88%;
    }

    .toolbar .pager {
        float: left;
        margin: 6px 0px;
        width: 100%;
    }

    .page {
        overflow-x: hidden;
    }

    .email-icon:before {
        margin-right: 4px;
    }

    .forcefullwidth_wrapper_tp_banner,
    .fullwidthbanner-container {
        max-width: 98%;
    }

    .newsletter h4 {
        display: none;
    }

    .newsletter-sign-box h4 {
        display: block;
    }

    .newsletter-sign-box {
        left: 10%;
        min-width: 400px;
        width: 70%;
        top: 25%;
    }

    .brand-logo .container {
        padding: 0px 10px;
    }

    .brand-logo .controls .prev {
        left: -10px;
        border: none;
        top: -70px;
    }

    .brand-logo .controls .next {
        border: none;
        right: 0px;
        top: -70px;
    }

    .brand-logo .col-lg-2 {
        padding: 0 8px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .row {
        margin: 0px 0px 0px 15px;
    }

    .header-service .row .content {
        text-align: center;
        margin: 5px 0;
    }

    .promo-banner-section img {
        width: 96%
    }

    .col-item {
        margin-bottom: 20px;
    }

    .offer-banner-section img {
        width: 100%;
    }

    #magik-slideshow .RHS-banner .add a:hover::before {
        display: none;
    }

    .RHS-banner .add {
        display: none;
    }

    .sticky {
        width: 100%;
        height: 220px;
    }

    .cate-dropdown {
        display: none;
    }

    .search-box {
        width: 100%;
    }

    #search {
        width: 75%;
    }

    .search-btn-bg {
        height: 40px;
    }

    #nav ul.level0>li {
        width: 136px;
        margin-left: 25px;
    }

    #nav ul.level0>li.last {
        width: 136px;
    }

    #nav ul.level1>li a {
        display: inline-flex;
        float: none;
    }

    #nav .level0-wrapper .nav-add .push_item {
        width: 18.2%;
        margin-left: 8px;
        margin-right: 4px;
    }

    #nav .level0-wrapper .nav-add .push_item img {
        width: 100%;
    }

    #nav .level0-wrapper .nav-add .push_item_last {
        width: 18.2%;
    }

    #nav .level0-wrapper,
    #nav.classic .parent>ul {
        width: 720px;
        margin: auto;
        max-height: 315px;
        overflow: auto;
        padding: 20px 4px 10px;
    }

    .grid12-5 {
        width: 34%;
    }

    .grid12-5 img {
        width: 100%;
    }

    .grid12-3 {
        width: 15%;
    }

    .grid12-3 a img {
        width: 100px;
    }

    .grid12-4 {
        width: 30%;
        margin: 5px 20px 0 0;
    }

    .grid12-4 a img {
        width: 218px;
    }

    .grid12-8 ul.level0>li {
        width: 220px;
    }

    .grid12-8 .cat-img img {
        width: 175px;
    }

    .grid13-8 {
        width: 65%;
    }

    .grid12-8 {
        width: 64%;
    }

    #nav .grid12-8 ul.level0>li {
        width: 39%;
    }

    .fur-des {
        margin-left: 25px
    }

    #nav .grid12-8 ul.level0>li.last {
        width: 40%;
    }

    .slideshow-wrapper .browse-button,
    .slideshow-wrapper .tab-pager {
        z-index: 5;
    }

    .cat-img img {
        width: 138px;
    }

    .custom-menu .grid12-5 img {
        width: 168px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #nav li.drop-menu ul {
        max-height: 420px;
        overflow: auto
    }

    .actions button.button.btn-cart {
        margin-bottom: 1px;
    }

    .cat-img-title.cat-box {
        top: 28%;
    }

    .hover_fly a span {
        font-size: 10px;
    }

    .hover_fly a i {
        font-size: 11px;
    }

    .hover_fly .icon-shopping-cart:before {
        font-size: 15px;
    }

    .email-addto-box {
        margin-left: 0px;
    }

    .product-view .flexslider-thumb {
        padding: 0 65px;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin-bottom: 10px;
    }

    .email-footer a {
        font-size: 11px;
    }

    .payment-accept img {
        margin: 0 4px 8px 0;
        width: 45px;
    }

    .blog-img a.info {
        transform: translateY(65px);
    }

    .blog-img:hover a.info {
        transform: translateY(65px);
    }

    .mini-cart {
        padding: 1px 15px;
    }

    .newsletter-sign-box {
        left: 20%;
        min-width: 350px;
        width: 55%;
        top: 25%;
    }

    .products-list .item {
        padding: 15px;
    }

    .products-list .product-shop {
        width: 62%;
    }

    .category-products .products-grid .col-item:hover .actions-links {
        bottom: 130px;
        top: auto;
    }

    .col-left .block-cart .block-content ul li a.product-image img {
        width: 60px;
    }

    .col-left .block-cart .block-content ul li .product-details {
        width: 133px;
    }

    ol#compare-items li a.product-name {
        width: 180px;
    }

    #recently-viewed-items .product-name {
        width: 92%;
    }

    .toolbar .pager {
        width: 53%;
    }

    .page {
        overflow-x: hidden;
    }

    .email-icon:before {
        margin-right: 5px;
    }

    .brand-logo .container {
        padding: 0px 10px;
    }

    .brand-logo .controls .prev {
        left: -10px;
        border: none;
    }

    .brand-logo .controls .next {
        border: none;
        right: -20px;
    }

    .brand-logo .col-lg-2 {
        padding: 0 8px;
    }

    .brand-logo .row img {
        margin: 5px 0;
        display: inline-block;
    }

    .brand-logo .row {
        margin: 0px 0px 0px 15px;
    }

    .promo-banner-section img {
        width: 100%
    }

    .offer-banner-section img {
        width: 100%;
    }

    .sticky {
        width: 100%;
        height: 88px;
    }

    #magik-slideshow .RHS-banner .add img {
        width: 100%;
    }

    .search-box {
        width: 100%;
    }

    .cate-dropdown,
    .cate-dropdown:focus {
        width: 25%;
    }

    #search {
        width: 62%;
    }

    #nav ul.level0>li {
        width: 18.6%;
        margin-right: 5px;
        margin-left: 4px;
    }

    #nav ul.level0>li.last {
        width: 18.6%;
    }

    #nav .grid12-8 ul.level0>li {
        width: 23%;
    }

    #nav ul.level1>li a {
        display: inline-flex;
        float: none;
    }

    #nav .level0-wrapper .nav-add .push_item {
        width: 18.6%;
        margin-right: 5px;
        margin-left: 7px;
    }

    #nav .level0-wrapper .nav-add .push_item.last {
        width: 48%;
        height: auto;
        margin-right: 0px;
    }

    #nav .level0-wrapper .nav-add .push_item img {
        width: 100%;
        height: auto;
    }

    #nav .level0-wrapper .nav-add .push_item .push_img a {
        height: 100%;
        width: 100%;
    }

    #nav .level0-wrapper,
    #nav.classic .parent>ul {
        width: 100%;
        margin: auto;
        padding: 20px 10px 8px;
    }

    .latest-blog {
        padding-bottom: 40px
    }

    .cat-section {
        margin-top: 10px
    }

    .grid12-3 {
        width: 15%;
    }

    .grid12-3 a img {
        width: 100%;
    }

    .grid12-4 {
        margin-right: 6px;
        width: 22%;
    }

    .grid12-4 a img {
        width: 185px;
    }

    .grid12-8 ul.level0>li.last {
        width: 18%;
    }

    .grid12-8 ul.level0>li {
        width: 18%;
    }

    .grid12-8 .cat-img img {
        width: 100%;
    }

    .grid13-8 {
        width: 61%;
    }

    .grid12-5 {
        width: 38%;
    }

    .grid12-5 img {
        width: 100%;
    }

    .grid12-8 {
        width: 76%;
    }

    .slideshow-wrapper .browse-button,
    .slideshow-wrapper .tab-pager {
        z-index: 5;
    }

    .cat-img img {
        width: 170px;
    }

    .custom-menu .grid12-5 img {
        width: 210px;
    }
}

.cat-section {
    background: #f8f8f8;
    padding: 20px;
    border: 1px #eaeaea solid
}

.cat-section .new_title {
    border-color: #ddd
}

.cat-section .new_title h2 {
    border: none;
    padding-left: 0px;
    font-size: 16px
}

.cat-section img {
    border: 3px #fff solid
}

.cat-section .col-item .info .info-inner .item-title a {
    font-size: 13px;
    color: #4ca811;
}

.cat-section .col-item .info .info-inner .item-title a:hover {
    font-size: 13px;
    color: #000;
}

.address-block {
    display: inline-block;
    padding: 15px;
    background: #efefef;
    margin: 5px 10px 5px 0px;
}

.address-block1 {
    display: inline-block;
    padding: 15px;
    background: #efefef;
    margin: 5px 10px 5px 0px;
}

.person-details span {
    font-size: 1em;
    color: #777777;
    font-weight: 400;
    display: block;
}

.person-details {
    display: block;
    line-height: 17px;
    margin-bottom: 10px;
}

.bigfont span {
    font-size: 1.5em;
}

.person-details1 {
    display: block;
    line-height: 17px;
    margin-bottom: 10px;
}

.person-details1 span {
    font-size: 1em;
    color: #777777;
    font-weight: 400;
}

.shop-btn {
    padding: 5px;
    margin-top: 5px;
    width: 100%;
    border: none;
    outline: none;
    background: #acb2b2;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.shop-btn1 {
    padding: 5px;
    margin-top: 5px;
    width: 100%;
    border: none;
    outline: none;
    background: #d92927;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.shop-btn2 {
    padding: 5px;
    margin-top: 5px;
    width: 100%;
    border: none;
    outline: none;
    background: var(--sub-theme-color) !important;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.shop-btn2:hover {
    background: var(--sub-theme-color) !important;
}

.delivery-title {
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    color: #5d5b5b;
    background: rgba(0, 0, 0, 0);
}

.backgrod {
    text-align: left;
    background: #efefef;
    padding: 20px;
}

.padin {
    position: relative;
    padding: 10px 0;
}

.btn-items {
    padding: 5px;
    border: 1px solid #9e9494;
    background: rgba(0, 0, 0, 0);
    color: #9e9494;
    outline: none;
    right: 5px;
    bottom: 5px;
    position: absolute;
    border-radius: 3px;
}

.delivfont {
    display: block;
    color: #807f7f;
    font-size: 1.1em;
}

.darkcolor {
    color: #777777;
}

.dim {
    background-color: #e0e0e0;
}

#wid {
    width: 80%;
    background-color: #ccc;
}

#crtbtn {
    display: none;
}

/*.login{margin:0 15px;}*/
/*.middle{text-align:center;}*/
.newbtn {
    outline: none;
    border-radius: 4px;
}

.redo {
    margin: 23px auto;
}

.redotop {
    margin: 33px 0px 0px 0px;
    margin: 33px 0px 0px 0px;
    margin-top: -54px;
    padding-right: -;
    margin-left: -150px;
}

.chncolor {
    background-color: #fff;
}

.grenclr {
    background-color: #ffffff;
    margin-top: 14px;
}

/*.newlogo{background-position:center;background-repeat:no-repeat;background-size:cover;height:79px;width:auto;object-fit:cover;}*/
.newlogo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 208px;
    padding-left: 0px;
    padding-bottom: 12px;
    object-fit: cover;
}

.dollor {
    color: #2d8280;
    padding-left: 130%;
    font-size: 9px;
    margin-top: -12px;
}

.heading {
    color: #fff;
    text-align: center;
    margin-bottom: -22px;
    padding-top: 4px;
}

.buttonso {
    width: auto;
    display: inline-block;
    padding: 0 18px 0 6px;
    border: 0 none;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}

.prod_img {
    width: 375px;
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
}

.prod_img_det {
    width: auto;
    height: 270px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
}

.prod_img_featr {
    width: auto;
    height: 170px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
}

.imgstrch {
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
}

.bigy {
    width: 100% !important;
}

.banimg {
    width: 840px;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.slidsize {
    width: 400px !important;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: cover;
}

.pot_stretch {
    width: auto !important;
    height: 55px;
    margin-top: 30px;
    margin-right: -15px;
}

/*.pot_stretch{width:auto !important;height:35px !important;margin-top:4px !important;}*/
.padin middle a:hover {
    color: none !important;
}

.buttonso--social-login {
    margin-bottom: 12px;
    margin-right: 12px;
    color: white;
    height: 50px;
    line-height: 46px;
    position: relative;
    text-align: left;
}

.buttonso--facebook {
    background-color: #4b70ab;
    border: 1px solid #3b5988;
}

.buttonso--facebook .icon {
    border-right: 1px solid #3b5988;
}

.buttonso--googleplus {
    background-color: #DD4B39;
    border: 1px solid #c23321;
}

.buttonso--googleplus .icon {
    border-right: 1px solid #c23321;
}

.buttonso--social-login .icon {
    margin-right: 12px;
    font-size: 24px;
    line-height: 24px;
    width: 42px;
    height: 24px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 4px;
}

.sizdob {
    padding: 0px 10px !important;
}

.bndname {
    display: block;
    font-size: 15px;
}

.bnd-pdt {
    display: block;
    margin: 5px 0;
    font-size: 20px;
}

/*loader css*/


.storepics img {
    max-width: 150px;
    margin-top: 8px;
    border: 2px solid cornflowerblue;
    border-radius: 20px;
}

.welcome-msg p {
    font-size: 14px;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

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


.address_icns {
    position: relative;
}

.address_icns a {
    text-decoration: none !important;
}

.buycart {
    padding: 8px 15px 0 15px;
    margin: 0;
}

/* The Close Button */
.close {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.focus {
    width: 100%;
}

/* ---------------- New css section --------------- */
.delivery-days {
    display: grid;
    width: 100%;
    column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 20px;
    justify-items: center;
}

.delivery-day-item {
    display: flex;
    flex-direction: column;
    border: 2px solid white;
    border-radius: 1rem;
    padding: 3%;
    box-shadow: 10px 10px 50px rgb(241 237 237);
    height: 80px;
    width: 160px;
}

.sku-secetion {
    display: flex;
    width: 70%;
    align-items: center;
    justify-content: flex-end;
}

.price-sku-flex-sec {
    display: flex;
    align-items: center;
    height: 90px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    justify-content: center;
}

.product-view .product-shop .add-to-box .btn-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-availability h1 {
    font-size: 18px;
    font-weight: 700;
    color: #6a6a6a;
    margin-top: 15px;
    margin-bottom: 15px;
}

.delivery-avl-date {
    font-size: 14px;
    font-weight: 600;
    color: #6a6a6a;
}

.delivery-avl-status {
    font-size: 12px;
}

.std {
    margin: 1%;
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: 30px;
}

.std ul {
    list-style-type: disc !important;
    padding: 15px !important;
}

@media only screen and (max-width: 550px) {
    .delivery-days {
        grid-template-columns: 1fr 1fr;
        column-gap: 10px;
        row-gap: 10px;
        justify-items: center;
    }

    .delivery-day-item {
        width: 130px;
    }

    .sku-secetion {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        width: 70% !important;
    }

}

/* ---------------- New css section --------------- */




@media only screen and (max-width: 768px) {
    .modal-content {
        width: 80%;
    }

    .modal-content2 {
        width: 80%;
    }

    .focus {
        width: 100%;
    }
}

.shop-btn3 {
    padding: 5px;
    margin-top: 5px;
    width: 30%;
    border: none;
    outline: none;
    background: #0fa850;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.shop-btn4 {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #0fa850;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.offer {
    color: #0fa850;
}

.tabeel {
    width: 100%;
}

.fbtn {
    width: 175%;
}

/*.cont{
  height: 100%;
  width: 576px;
  left: calc(50% - 288px);
  padding: 0;
  margin: -39px -3px;
  position: absolute;
}*/
#progress-bar {
    appearance: none;
    width: 114%;
    color: #000;
    height: 2px;
    margin: -6px auto;
}

.second {
    left: 192px;
}

.third {
    left: 384px;
}

.fourth {
    left: 576px;
}

#progress-bar::-webkit-progress-value {
    /* Changes line color */
    background: #0fa850;
    transition: all 0.4s ease-in-out;
}

#progress-bar::-webkit-progress-bar {
    /* Changes background color */
    background: #fff;
}

.border-change {
    border-color: #0fa850;
    transition: all 0.4s ease-in-out;
}

.tabeels {
    margin-left: 0px;
}

.tdclas {
    padding-left: 467px;
}



@media only screen and (max-width: 768px) {
    .address-block {
        width: 100%;
    }

    .shop-btn3 {
        padding: 5px;
        margin-top: 5px;
        width: 62%;
        border: none;
        outline: none;
        background: #0fa850;
        font-size: 1.2em;
        font-weight: 600;
        color: #fff;
        border-radius: 4px;
    }

    .shop-btn4 {
        padding: 5px;
        margin-top: 5px;
        margin-bottom: 10px;
        width: 100%;
        border: none;
        outline: none;
        background: #0fa850;
        font-size: 1.2em;
        font-weight: 600;
        color: #fff;
        border-radius: 4px;
    }

    .offer {
        color: #0fa850;
    }

    .tabeel {
        width: 103%;
    }

    .bigfont {
        /*display: none; */
    }

    .fbtn {
        width: 131%;
    }

    .tabeels {
        margin-left: -2px;
    }

    #progress-bar {
        appearance: none;
        width: 125%;
        color: #000;
        height: 2px;
        margin: -6px 221px;
    }

    .cont {
        height: 100%;
        width: 50%;
        left: calc(50% - 288px);
        padding: 0;
        margin: -32px -13px;
        position: absolute;
    }

    .first {
        left: 217px;
    }

    .second {
        left: 281px;
    }

    .third {
        left: 338px;
    }

    .fourth {
        left: 403px;
    }

    h3,
    .h3 {
        font-size: 16px;
    }

    .tdclas {
        padding-left: 0px;
    }
}

.accordion {
    background-color: #ccc;
    color: #0fa850;
    cursor: pointer;
    padding: 2px;
    width: 95%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-weight: bold;
}

.active {
    background-color: auto;
}

.accordions:hover {
    background-color: #ccc;
}

.accordions {
    background-color: #ccc;
    color: #0fa850;
    cursor: pointer;
    padding: 2px;
    width: 95%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-weight: bold;
}

.active {
    background-color: auto;
}

.accordions:hover {
    background-color: #ccc;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
}

.blaa {
    margin-left: 725px;
    margin-bottom: 20px;
}

.blaaa {
    margin-bottom: 20px;
}

@media only screen and (max-width: 760px) {
    .accordion {
        width: 89%;
    }

    .accordions {
        width: 89%;
    }

    .bla {
        margin-left: 219px;
        margin-bottom: 20px;
    }

    .blaa {
        margin-left: 210px;
        margin-bottom: 20px;
    }

    .blaaa {
        margin-left: 175px;
        margin-bottom: 20px;
    }

    .address-block {
        width: 100%;
    }
}

@media only screen and (device-width: 768px) {

    .accordion {
        width: 89%;
    }

    .accordions {
        width: 89%;
    }

    .bla {
        margin-left: 400px;
    }

    .blaa {
        margin-left: 400px;
    }

    .blaaa {
        margin-left: 370px;
    }
}

.bla {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 3px solid #0fa850;
    background: #0fa850;
    position: absolute;
    /*left: 0;
    top: 12px;*/
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.address-block {
    width: 95%;
}

.shop-btn3 {
    padding: 5px;
    margin-top: 5px;
    width: 30%;
    border: none;
    outline: none;
    background: #0fa850;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.shop-btn4 {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #0fa850;
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.offer {
    color: #0fa850;
}

.tabeel {
    width: 100%;
}

.fbtn {
    width: 175%;
}

.cont {
    /*height: 100%;*/
    width: 576px;
    left: calc(50% - 288px);
    padding: 0;
    margin: -39px -3px;
    position: absolute;
}

#progress-bar {
    appearance: none;
    width: 115%;
    color: #000;
    height: 2px;
    margin: -6px auto;
}

.first {
    left: 217px;
}

.second {
    left: 192px;
}

.third {
    left: 384px;
}

.fourth {
    left: 576px;
}

#progress-bar::-webkit-progress-value {
    /* Changes line color */
    background: #0fa850;
    transition: all 0.4s ease-in-out;
}

#progress-bar::-webkit-progress-bar {
    /* Changes background color */
    background: #fff;
}

.border-change {
    border-color: #0fa850;
    transition: all 0.4s ease-in-out;
}

.tabeels {
    margin-left: 0px;
}

.tdclas {
    padding-left: 467px;
}

@media only screen and (max-width: 768px) {
    .address-block {
        width: 100%;
    }

    .shop-btn3 {
        padding: 5px;
        margin-top: 5px;
        width: 62%;
        border: none;
        outline: none;
        background: #0fa850;
        font-size: 1.2em;
        font-weight: 600;
        color: #fff;
        border-radius: 4px;
    }

    .shop-btn4 {
        padding: 5px;
        margin-top: 5px;
        margin-bottom: 10px;
        width: 100%;
        border: none;
        outline: none;
        background: #0fa850;
        font-size: 1.2em;
        font-weight: 600;
        color: #fff;
        border-radius: 4px;
    }

    .offer {
        color: #0fa850;
    }

    .tabeel {
        width: 103%;
    }

    .bigfont {
        /*display: none; */
    }

    .fbtn {
        width: 131%;
    }

    .tabeels {
        margin-left: -2px;
    }

    #progress-bar {
        appearance: none;
        width: 125%;
        color: #000;
        height: 2px;
        margin: -6px 221px;
    }

    .Ordered {
        left: 2px;
        top: 14px;
        margin-left: 200px;
        margin-top: 12px;
        color: #777777;
    }

    .Packed {
        margin-left: 88px;
    }

    .Shipped {
        margin-left: -26px;
    }

    .Cancelled {
        margin-left: -130px;
    }

    .Delivered {
        margin-left: -222px;
    }

    .cont {
        height: 100%;
        width: 50%;
        left: calc(50% - 288px);
        padding: 0;
        margin: -32px -13px;
        position: absolute;
    }

    .first {
        left: 217px;
    }

    .second {
        left: 281px;
    }

    .third {
        left: 338px;
    }

    .fourth {
        left: 403px;
    }

    /*.first1{
  left: 217px;
}
.second1{
  left: 270px;
}
.third1{
  left: 315px;
}
.fourth1{
  left: 365px;
}
.fifth1{
  left: 425px;
}*/
    h3,
    .h3 {
        font-size: 16px;
    }

    .tdclas {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .mobhide {
        display: none !important;
    }

    .darknav {
        background: #109649 !important;
    }

    .header-top {
        padding: 5px 0px;
        padding-top: 9px;
    }

    .container {
        padding: 0px 10px;
    }

    .row {
        margin: 0px;
    }

    .toggle {
        color: #fff;
    }

    #mobile-menu {
        display: block;
        padding: 9px 0px;
    }

    .newsearch {
        display: inline-block;
        vertical-align: top;
    }

    .cate-val {
        display: block;
        background: #f5f5f5;
        color: #707070;
        padding: 4px 18px;
        margin-left: 10px;
        border-radius: 20px;
        font-size: 12px;
        width: 65px;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /*
.cate-drop {
    display: none;
    margin-top: 1px;
    background: #fff;
    margin-left: 10px;
    border-radius: 5px;
    overflow: hidden;
}
*/
    .cate-drop {
        display: none;
        position: absolute;
        margin-top: 1px;
        background: #fff;
        margin-left: 10px;
        border-radius: 5px;
        width: max-content;
        overflow: auto;
    }

    .cate-item {
        display: block;
        background: #f5f5f5;
        color: #707070;
        margin-bottom: 1px;
        padding: 4px 18px;
    }

    .search-bx {
        display: inline-block;
    }

    .cate-box {
        /*display: inline-block;*/
        vertical-align: top;
        width: 70px;
        position: relative;
        display: none !important;
    }

    .logo-small {
        display: block !important;
        position: absolute;
        right: 0px;
        top: 13px;
    }

    .RHS-banner {
        display: none;
    }

    .offer-banner-section {
        display: none;
    }

    /*.promo-banner-section{
	display:none;
}*/
    .footer {
        display: none;
    }

    .head-serve {
        display: none;
    }

    #magik-slideshow {
        margin: 0px !important;
    }

    #magik-slideshow .container {
        padding: 0px;
    }

    #magik-slideshow .col-lg-8 {
        padding-right: 0px !important;
        padding-left: 0px;
        margin-bottom: 35px;
    }

    .cate-block {
        display: block;
        /*margin-top: 220px;*/
    }

    .cate-img {
        display: none;
        position: relative;
        background: #f3f3f3;
    }

    .cate-img span {
        display: block;
        position: absolute;
        top: 20px;
        left: 0px;
        right: 0px;
        text-align: center;
        font-size: 19px;
        -webkit-text-stroke: 0.1px;
    }

    .cate-img img {
        display: block;
        width: 100%;
    }

    .cate-tile {
        display: block;
        background: #fff;
        overflow: auto;
        padding-top: 12px;
    }

    .cateitem {
        display: block;
        float: left;
        width: 33.33%;
    }

    .cateimg {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0px auto;
        background: #fff;
        border-radius: 8px;
        /*box-shadow: 0px 0px 9px 1px #0005;*/
    }

    .cateimg img {
        display: block;
        width: inherit;
        padding-top: 15px;
        width: 70px;
        margin: 0px auto;
    }

    .cateimg-alt {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0px auto;
        background: #fff;
        border-radius: 8px;
        /*box-shadow: 0px 0px 9px 1px #0005;*/
    }

    .cateimg-alt img {
        display: block;
        width: inherit;
        padding-top: 20px;
        width: 95px;
        margin: 0px auto;
    }

    .cateitem span {
        display: block;
        margin: 10px auto;
        text-align: center;
        color: #000;
        height: 30px;
    }

    /*.home-content-container{
	display:none;
}
.featured-pro{
	display:none;
}*/
    /*.middle-slider{
	display:none;
}*/
    .mobile-section {
        display: block;
        padding-top: 0px;
    }

    .section-title {
        display: block;
        padding: 10px;
        /*text-align: center;*/
        font-size: 20px;
        -webkit-text-stroke: 0.2px;
        color: #000;
        /*border-bottom: 1px solid #70707066;*/
    }

    .prod-item {
        display: block;
        position: relative;
        border-bottom: 1px solid #70707066;
        overflow: hidden;
    }

    .wish {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .wish i {
        font-size: 23px;
    }

    .prodimg {
        display: block;
        float: left;
        padding: 15px;
        position: relative;
    }

    .prodimg img {
        display: block;
        width: 125px;
        height: auto;
    }

    .nvimg {
        display: block;
        position: absolute;
        width: 20px !important;
        top: 10px;
    }

    .prod-data {
        display: block;
        float: left;
        padding: 10px;
        width: 51%;
    }

    .prod-title {
        display: block;
        font-size: 13px;
    }

    .prod-title span {
        display: block;
        font-size: 15px;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: 600;
        color: #878787;
    }

    .prod-opt {
        display: none;
        vertical-align: top;
        background: #fff;
        color: #000;
        padding: 4px;
        border: 1px solid #000;
        margin: 5px 0px;
        margin-right: 5px;
        border-radius: 3px;
    }

    .prod-opt:focus {
        background-color: initial;
        border: 1px solid #000;
        padding: 4px;
        /* outline: none; */
    }

    .vmore {
        display: block;
        text-align: center;
        font-size: 15px;
        color: #555;
        padding: 10px;
        border-bottom: 1px solid #70707066;
    }

    .small-btn {
        display: inline-block;
        vertical-align: top;
        background: #0fa850;
        border: 0px;
        padding: 6px 15px;
        font-size: 10px;
        color: #fff;
        border-radius: 3px;
        font-weight: 600;
        margin: 5px 0px;
    }

    .prod-price {
        display: block;
        margin-top: 5px;
        font-weight: 600;
        font-size: 14px;
    }

    .prod-price span {
        color: #9f9f9f;
        text-decoration: line-through;
        margin-right: 10px;
        font-weight: 400;
    }

    .fwban {
        padding: 0px !important;
    }

    .oban img {
        display: block;
        width: 100%;
        padding: 4px;
    }

    .cate-title {
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 15px;
        -webkit-text-stroke: 0.3px;
        padding-bottom: 10px;
        background: #fff;
    }

    .cate-title a {
        display: block;
        position: absolute;
        padding: 4px;
        font-size: 30px;
    }

    .grey-section {
        display: block;
        background: #fff;
        height: 100vh;
    }

    .grey-section .cate-tile {
        background: #fff;
    }

    .grey-section .cateitem span {
        color: #555 !important;
    }

    .custom button.items-count {
        padding: 11px 14px 9px 16px !important;
    }

    .prod-action select {
        padding: 6px !important;
    }

    .logo-small .mcart {
        display: block !important;
    }

    .logo-small .logo {
        display: none !important;
    }
}

#webfoot {
    display: none !important;
}

@media only screen and (max-width: 736px) {

    /*#bannimage{
    display: none;
}*/
    .availability,
    .product-brand {
        background-color: #fff;
    }

    #moreview .moreview_thumb,
    #moreview .moreview_small_thumb {
        display: none;
    }

    /*.moreview li {
      margin-right: 0px !important;
    text-align: center;
    position: absolute !important;
    left: 0px !important;
    right: 0px ! important;
}*/
}


@media only screen and (min-width: 200px) and (max-width: 480px) {

    .custom-select {
        margin: 0px auto !important;
    }

    body .page {
        margin-bottom: 0px !important;
    }

    .grammage-select {
        width: 100% !important;
    }

    .moreview .roll-over {
        display: none;
    }

    .prod-name {
        font-size: 12px !important;
    }

    #moreview .moreview_thumb,
    #moreview .moreview_small_thumb {
        border: none;
    }

    .brdr {
        margin: 0px auto !important;
        text-align: center;
    }

    .pull-left {
        float: none !important;
    }

    .product-view .product-shop .add-to-box .add-to-cart label {

        text-align: center;
    }

    .product-view .product-img-box {
        left: -53px;
        margin-bottom: 55px;
        /*margin-top: -40px;*/
    }

    .product-view .product-shop .add-to-box .btn-cart {
        float: none;
        margin-top: 20px;
        margin-bottom: -20px;
    }

    .poparrow {
        margin-right: 12px !important;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {

    .custom-select {
        margin: 0px auto !important;
    }

    .moreview .roll-over {
        display: none;
    }

    .prod-name {
        font-size: 12px !important;
    }

    #moreview .moreview_thumb,
    #moreview .moreview_small_thumb {
        border: none;
    }

    .product-view .product-img-box {
        left: -26px;
        margin-bottom: 55px;
        /*margin-top: -40px;*/
    }

    .product-view .product-shop .add-to-box .btn-cart {
        float: none;
        margin-top: 20px;
        margin-bottom: -20px;
    }
}

@media only screen and (min-width: 411px) and (max-width: 823px) {

    #moreview .moreview_thumb,
    #moreview .moreview_small_thumb {
        border: none;
    }

    .product-view .product-img-box {
        left: -28px;
        margin-bottom: 55px;
        /*margin-top: -40px;*/
    }

    .product-view .product-shop .add-to-links .link-wishlist {
        display: none;
    }

    .product-view .product-shop .add-to-box .btn-cart {
        float: none;
        margin-top: 20px;
        margin-bottom: -20px;
    }
}


@media only screen and (min-width: 360px) and (max-width: 640px) {
    .product-view .product-shop .add-to-links .link-wishlist {
        display: none;
    }

    #searchm {
        width: 60% !important;

    }

    .helpcls {

        display: inline-block !important;
    }
}

.greybutt {
    border-radius: 4px;
    outline: none;
    background-color: #acb1b1;
    border: none;
    width: 36px;
    height: 28px;
    color: #fff;
}

@media only screen and (min-width: 360px) and (max-width: 1024px) {
    #cart-rprice {
        font-size: 11px !important;
    }

    #cart-price {
        font-size: 19px !important;
    }

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

#headermob {
    /* display: none !important; */
}

#modal-content2 {
    height: 300px !important;
}

/*new ui*/
@media only screen and (min-width: 200px) and (max-width: 1024px) {

    .bannersec7 {
        display: block !important;
    }

    .coppyright {
        display: none;
    }

    .category-title_mob {
        display: block !important;
    }

    .category-title {
        display: none !important;
    }

    #bannimage {
        width: 100% !important;
        height: auto !important;
    }

    .category-title_mob {
        padding: 0px 0px 10px 0px;
        margin: 0 0 0px 0px;
        overflow: hidden;
        border-bottom: #ddd double;
    }

    .category-title_mob h1 {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        margin: 0;
        padding: 0;
        font-weight: 900;
        text-transform: uppercase;
    }

    .mob_section,
    .mainconsection {
        padding: 0px !important;
    }

    .bottomnavdiv {
        display: block !important;
        margin-top: 55px;
    }

    .bottomnav {
        position: fixed;
        background: #fff;
        width: 100%;
        bottom: 0px;
        left: 0px;
        right: 0px;
        box-shadow: 0px -2px 10px -2px rgba(0, 0, 0, 0.2);
        display: flex;
        z-index: 999;
    }

    .bottomnav-div {
        width: 20%;
        padding: 5px;
        text-align: center;
    }

    .bottomnavimgdiv {
        width: 50%;
        margin: auto;
    }

    .bottomnav-text {
        font-size: 10px;
        margin-top: 5px;
        color: #8e8e8e;
    }

    .bottomnav {
        position: fixed;
        background: #fff;
        width: 100%;
        bottom: 0px;
        left: 0px;
        right: 0px;
        box-shadow: 0px -2px 10px -2px rgba(0, 0, 0, 0.2);
        display: flex;

    }

    .bottomnav-div {
        width: 20%;
        padding: 5px;
        text-align: center;
    }

    .bottomnavimgdiv {
        width: 50%;
        margin: auto;
    }

    .bottomnav-div img {
        /* height: 75%;
    width: 75%;*/
        height: 19px !important;
    }

    .bottomnav-text {
        font-size: 10px;
        margin-top: 5px;
        color: #8e8e8e;
    }

    .bottomcatmaindiv {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .boottomcatdivs {
        border: 2px solid #8a8a8a;
        height: 10px;
        width: 8px;
        display: inline-block;
        margin-top: 3px;
        /*margin-right: 1px;*/
    }

    .cate-tile {
        display: block;
        background: #f6f4f4 !important;
        overflow: auto;
    }

    .cateitem {
        background: none;
        width: 50%;
        margin: 0px;
        display: inline-block;
        float: left;
    }

    .cateitemdiv {
        margin: 10px;
        height: 145px !important;
        background: #fff;
        padding: 5px;
        /*height: 230px;*/
    }

    .cateimg-alt {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0px auto;
        border-radius: 8px;
    }

    .cateimg-alt img {
        display: block;
        width: inherit;
        padding-top: 20px;
        width: 95px;
        margin-left: 35px;
    }

    .catnames {
        display: block;
        margin: 7px;
        text-align: left;
        color: #000;
        height: 30px;
        width: 75%;
        font-weight: bold;
        font-size: 14px;
        background: #fff;
    }

    .catnames {
        display: block;
        margin: 7px;
        text-align: left;
        color: #000;
        height: 30px;
        width: 75%;
        font-weight: bold;
        font-size: 14px;
        background: #fff;
    }

    .trendingcls {
        height: 23px;
        margin-right: 10px;
    }

    body {

        font-family: 'Source Sans Pro', sans-serif !important;
    }

    .blaaa {
        margin-left: 89px !important;
    }

    #cart-data {
        display: inline-block;
        color: #a1a1a1;
    }

    .bannersec {
        margin-bottom: 0px !important;
    }

    .nav-icon {
        margin-top: -2px !important;
    }

    .sticky1 {
        padding-top: 7px !important;
    }

    /*.price-box{
    height: 115px !important;
}*/
    .product-name a {
        color: #4C4C4E !important;
    }

    .webheader {
        display: none !important;
    }

    .nav-headermob {
        padding-top: 10px !important;

    }
}

@media only screen and (max-width: 640px) and (min-width: 360px) {

    .shopbycategory {
        width: 12%;
    }

    .boottomcatdivs {
        border: 2px solid #8a8a8a;

        width: 9px !important;
        height: 13px !important;
        display: inline-block;
        margin-top: 3px;
    }

}

@media only screen and (max-width: 823px) and (min-width: 411px) {

    .shopbycategory {
        width: 11%;
    }

    .boottomcatdivs {
        border: 2px solid #8a8a8a;

        width: 11px !important;
        height: 16px !important;
        display: inline-block;
        margin-top: 3px;
    }


}


.bottomnavdiv {
    display: none;
}

.nav-search {
    display: inline-block;
    width: 86%;
    vertical-align: middle;
}

.searchfocus {
    border: 1px solid green !important;
}

@media only screen and (min-width: 200px) and (max-width: 490px) {
    .darknav {
        display: none !important;
    }

    .phonewid {
        display: none !important;
    }

    #headermob {
        display: flex !important;
        position: fixed !important;
        margin-top: 0px;
        z-index: 1000;
        top: 0px;
        height: 44px;
        width: 100%;
    }

    .grenclr {
        display: none;
    }

    .cate-tile {
        /*padding-bottom:65px;*/
    }

    @media only screen and (min-width: 491px) {
        #headermob {
            /* display: none !important; */
        }
    }

    @media only screen and (max-width: 1024px) and (min-width: 768px) {

        .shopbycategory {
            width: 5%;
        }

        .boottomcatdivs {
            border: 2px solid #8a8a8a;
            width: 22px !important;
            height: 33px !important;
            display: inline-block;
            margin-top: 3px;
        }


        /*new ipad ui changes*/
        .container {
            width: 100% !important;
        }

        #headermob {
            display: flex !important;
            position: fixed !important;
            margin-top: 0px;
            z-index: 1000;
            top: 0px;
            height: 44px;
            width: 100%;
        }

        .nav-headermob {
            margin-top: 0px !important;
        }

        .promo-banner-section img {
            width: 100% !important;
        }

        .branddiv {
            height: 150px !important;
        }

        .brand_img_featr {
            margin-top: 24px !important;
        }

        #output_image3,
        #output_image4,
        #output_image5 {
            height: 100% !important;
        }

        .owl-carousel .owl-wrapper,
        .owl-carousel .owl-item {
            display: block !important;
        }

        .owl-item .item {
            display: block !important;
        }

        #progress-bar {
            margin-left: 58px !important;
        }

        .firstcls {
            margin-left: 60px !important;
        }

        #orderval {
            height: 175px !important;
        }

        .qtycls {
            margin-right: 10px;
        }

        .ttlval {
            margin-right: 10px;
        }

        .sticky {
            margin-top: -4px !important;
        }

        .slider-items-products {
            margin-top: 0px !important;
            margin-bottom: -10px !important;
        }

        .cate-block .cate-tile {
            padding-bottom: 5px !important;
        }

        .sidebar {
            display: none !important;
        }

        .mainconsection .mob_section {
            width: 100% !important;
            left: 0% !important;
        }

        .prod_img {
            display: block;
            width: 100px !important;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            object-fit: cover;
        }

        .product-image {
            display: inline-block;
            float: left;
            padding: 6px;
            position: relative;
            width: 45% !important;
        }

        .moreview_small_thumb {
            display: none !important;
            position: bottom;
        }

        .cateimg-alt img {
            width: 130px !important;
        }
    }

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 5px;
        padding: 3px 21px !important;
        font-size: 12px;
    }

    .button,
    .btn,
    .submit-button,
    .loader::after {
        background: var(--theme-color) !important;
    }

    .cancel_btn:hover {
        background: var(--sub-theme-color) !important ;

    }



    .my-account button {
        background: var(--theme-color) !important;
    }

    .selectric-focus span {
        color: var(--theme-color) !important;
    }

    body .page {
        margin-bottom: 90px;
    }

    /*.bannersec{
    margin-bottom: 10px;
}*/
    .address-block {
        width: 45% !important;
        display: inline-block;
    }

    .footer a,
    .footer p {
        color: #a8a8a5 !important;
    }

    .mrpdiv {
        /* display: none; */
    }

    .netpricediv {
        display: none;

    }

    .custom {
        display: flex;
    }


    @media only screen and (min-width:320px) and (max-width:1024px) {



        .marq-alt {
            display: block;
            float: left;
            width: 41%;
            padding: 2px;
        }

        .brands-alt {
            display: block;
            float: right;
            padding: 2px;
        }

        .helpcls {
            display: none !important;
        }

        .delivery {
            display: none !important;
        }

        .brands {
            margin-right: 0px !important;
            float: left;
        }

        .wishlist {
            display: none !important;
        }

        .myaccount {
            display: none !important;
        }
    }