/*--------------------------/*
Tempale name : OX System

/*--------------------------/*
  1.0 COMPONENT STYLES
========================== */
    
    body {
        font-family: 'Circe-Light', sans-serif;
        font-size: 15px;
        line-height: 24px;
        color: #868686;
        overflow-x: hidden;
        background-color: #ffffff;
    }
    
    label {
        font-weight: normal;
    }
    
    a {
        color: inherit;
        text-decoration: none;
    }
    
    a:hover,
    a:focus,
    a:active {
        text-decoration: none;
        outline: none;
        color: #d7e7f7;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    ul,
    ol {
        margin: 0;
        padding-left: 17px;
    }
    
    ul ul,
    ul ol,
    ol ol,
    ol ul {
        padding-left: 17px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.428;
        font-weight: normal;
        color: #363636;
        margin-top: 0;
    }
    
    h3.green {
        color: #03cc03;
    }
    
    h3.red {
        color: #ff5b71;
    }
    
    h1 {
        font-size: 36px;
    }
    
    h2 {
        font-size: 30px;
    }
    
    h3 {
        font-size: 24px;
    }
    
    h4 {
        font-size: 20px;
    }
    
    h5 {
        font-size: 18px;
    }
    
    h6 {
        font-size: 16px;
    }
    
    p {
        margin-bottom: 20px;
    }
    
    blockquote,
    q {
        font-weight: 500;
        display: inline-block;
        border-left: none;
        color: #363636;
        font-size: 16px;
        line-height: 26px;
        border-bottom: 1px solid #f2f2f2;
        border-top: 1px solid #f2f2f2;
        padding: 20px 0;
        margin-top: 10px;
        margin-bottom: 38px;
    }
    
    blockquote p,
    q p {
        font-style: italic;
        font-size: 15px;
    }
    
    blockquote::before {
        content: url('../images/quote-item.png');
        display: block;
    }
    
    .d-flex {
        display: flex;
    }
    /* ==========================================================================
1.1 FORM
============================================================================ */
    
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
        position: absolute !important;
        white-space: nowrap;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="search"],
    input[type="url"],
    textarea,
    select {
        border: 1px solid #eeeeee;
        padding: 9px 20px;
        max-width: 100%;
        background: none;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="search"],
    input[type="url"] {
        height: 42px;
        font-size: 15px;
        border-radius: 0px;
    }
    
    textarea {
        line-height: 28px;
        padding: 11px 26px;
        height: auto;
        width: 100%;
        border-radius: 4px;
    }
    
    select {
        font-size: 15px;
        color: #363636;
        padding: 0 21px;
    }
    
    option {
        padding: 5px 21px;
        height: 30px;
        line-height: 30px;
    }
    
    .button,
    button,
    input[type="submit"] {
        display: inline-block;
        padding: 9px 20px;
        color: #fff;
        border: none;
        text-align: center;
        font-size: 14px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        text-transform: uppercase;
        border-radius: 0px;
        position: relative;
        background: black;
    }
    
    input[type="text"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="tel"]:focus,
    input[type="url"]:focus,
    textarea:focus,
    button:focus,
    select:focus {
        outline: none;
        border-color: #e6e6e6 !important;
    }
    
     :focus {
        outline: none;
    }
    
     ::-webkit-input-placeholder {
        text-align: inherit;
        color: inherit;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
     :-moz-placeholder {
        /* Firefox 18- */
        text-align: inherit;
        color: inherit;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
     ::-moz-placeholder {
        /* Firefox 19+ */
        text-align: inherit;
        color: inherit;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
     :-ms-input-placeholder {
        text-align: inherit;
        color: inherit;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .return-message {
        line-height: 20px;
        padding: 10px 30px;
        margin-top: 15px;
    }
    /* ==========================================================================
                          1.2 TABLE
============================================================================ */
    
    table {
        border: 1px solid #f3f3f3;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: auto;
        width: 100%;
        margin-bottom: 20px;
    }
    
    table thead {
        background-color: #f8f8f8;
    }
    
    th,
    td {
        border: 1px solid #f3f3f3;
        padding: 10px;
        font-weight: normal;
    }
    
    table tr th:last-child,
    table tr td:last-child {
        border-right: 0;
    }
    
    table tr:last-child td,
    table tr:last-child th {
        border-bottom: none;
    }
    /*----------------------------Auto Clear--------------------------------*/
    
    @media (min-width: 1500px) {
        .auto-clear .col-bg-1:nth-child(12n+1) {
            clear: left;
        }
        .auto-clear .col-bg-2:nth-child(6n+1) {
            clear: left;
        }
        .auto-clear .col-bg-15:nth-child(5n+1) {
            clear: left;
        }
        .auto-clear .col-bg-3:nth-child(4n+1) {
            clear: left;
        }
        .auto-clear .col-bg-4:nth-child(3n+1) {
            clear: left;
        }
        .auto-clear .col-bg-6:nth-child(odd) {
            clear: left;
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1499px) {
        .auto-clear .col-lg-1:nth-child(12n+1) {
            clear: left;
        }
        .auto-clear .col-lg-2:nth-child(6n+1) {
            clear: left;
        }
        .auto-clear .col-lg-15:nth-child(5n+1) {
            clear: left;
        }
        .auto-clear .col-lg-3:nth-child(4n+1) {
            clear: left;
        }
        .auto-clear .col-lg-4:nth-child(3n+1) {
            clear: left;
        }
        .auto-clear .col-lg-6:nth-child(odd) {
            clear: left;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .auto-clear .col-md-1:nth-child(12n+1) {
            clear: left;
        }
        .auto-clear .col-md-2:nth-child(6n+1) {
            clear: left;
        }
        .auto-clear .col-md-15:nth-child(5n+1) {
            clear: left;
        }
        .auto-clear .col-md-3:nth-child(4n+1) {
            clear: left;
        }
        .auto-clear .col-md-4:nth-child(3n+1) {
            clear: left;
        }
        .auto-clear .col-md-6:nth-child(odd) {
            clear: left;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .auto-clear .col-sm-1:nth-child(12n+1) {
            clear: left;
        }
        .auto-clear .col-sm-2:nth-child(6n+1) {
            clear: left;
        }
        .auto-clear .col-sm-15:nth-child(5n+1) {
            clear: left;
        }
        .auto-clear .col-sm-3:nth-child(4n+1) {
            clear: left;
        }
        .auto-clear .col-sm-4:nth-child(3n+1) {
            clear: left;
        }
        .auto-clear .col-sm-6:nth-child(odd) {
            clear: left;
        }
    }
    
    @media (min-width: 480px) and (max-width: 767px) {
        .auto-clear .col-xs-1:nth-child(12n+1) {
            clear: left;
        }
        .auto-clear .col-xs-2:nth-child(6n+1) {
            clear: left;
        }
        .auto-clear .col-xs-15:nth-child(5n+1) {
            clear: left;
        }
        .auto-clear .col-xs-3:nth-child(4n+1) {
            clear: left;
        }
        .auto-clear .col-xs-4:nth-child(3n+1) {
            clear: left;
        }
        .auto-clear .col-xs-6:nth-child(odd) {
            clear: left;
        }
    }
    
    @media (max-width: 479px) {
        .auto-clear .col-ts-1:nth-child(12n+1) {
            clear: left;
        }
        .auto-clear .col-ts-2:nth-child(6n+1) {
            clear: left;
        }
        .auto-clear .col-ts-15:nth-child(5n+1) {
            clear: left;
        }
        .auto-clear .col-ts-3:nth-child(4n+1) {
            clear: left;
        }
        .auto-clear .col-ts-4:nth-child(3n+1) {
            clear: left;
        }
        .auto-clear .col-ts-6:nth-child(odd) {
            clear: left;
        }
    }
    /*-------------------Custom Bostrap Colum > 1500px---------------------*/
    
    @media (min-width: 1500px) {
        .col-bg-1,
        .col-bg-10,
        .col-bg-11,
        .col-bg-12,
        .col-bg-2,
        .col-bg-3,
        .col-bg-4,
        .col-bg-5,
        .col-bg-6,
        .col-bg-7,
        .col-bg-8,
        .col-bg-9 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px
        }
        .col-bg-1,
        .col-bg-2,
        .col-bg-3,
        .col-bg-4,
        .col-bg-5,
        .col-bg-6,
        .col-bg-7,
        .col-bg-8,
        .col-bg-9,
        .col-bg-10,
        .col-bg-11 {
            float: left;
        }
        .col-bg-12 {
            width: 100%;
        }
        .col-bg-11 {
            width: 91.66666667%;
        }
        .col-bg-10 {
            width: 83.36363633%;
        }
        .col-bg-9 {
            width: 75%;
        }
        .col-bg-8 {
            width: 66.66666667%;
        }
        .col-bg-7 {
            width: 58.36363633%;
        }
        .col-bg-6 {
            width: 50%;
        }
        .col-bg-5 {
            width: 41.66666667%;
        }
        .col-bg-4 {
            width: 33.36363633%;
        }
        .col-bg-3 {
            width: 25%;
        }
        .col-bg-2 {
            width: 16.66666667%;
        }
        .col-bg-1 {
            width: 8.36363633%;
        }
    }
    /*-------------------Custom Bostrap Colum < 480px----------------------*/
    
    @media (max-width: 480px) {
        .col-ts-1,
        .col-ts-10,
        .col-ts-11,
        .col-ts-12,
        .col-ts-2,
        .col-ts-3,
        .col-ts-4,
        .col-ts-5,
        .col-ts-6,
        .col-ts-7,
        .col-ts-8,
        .col-ts-9 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }
        .col-ts-1,
        .col-ts-2,
        .col-ts-3,
        .col-ts-4,
        .col-ts-5,
        .col-ts-6,
        .col-ts-7,
        .col-ts-8,
        .col-ts-9,
        .col-ts-10,
        .col-ts-11 {
            float: left;
        }
        .col-ts-12 {
            width: 100%;
        }
        .col-ts-11 {
            width: 91.66666667%;
        }
        .col-ts-10 {
            width: 83.36363633%;
        }
        .col-ts-9 {
            width: 75%;
        }
        .col-ts-8 {
            width: 66.66666667%;
        }
        .col-ts-7 {
            width: 58.36363633%;
        }
        .col-ts-6 {
            width: 50%;
        }
        .col-ts-5 {
            width: 41.66666667%;
        }
        .col-ts-4 {
            width: 33.36363633%;
        }
        .col-ts-3 {
            width: 25%;
        }
        .col-ts-2 {
            width: 16.66666667%;
        }
        .col-ts-1 {
            width: 8.36363633%;
        }
        .col-ts-pull-12 {
            right: 100%;
        }
        .col-ts-pull-11 {
            right: 91.66666667%;
        }
        .col-ts-pull-10 {
            right: 83.36363633%;
        }
        .col-ts-pull-9 {
            right: 75%;
        }
        .col-ts-pull-8 {
            right: 66.66666667%;
        }
        .col-ts-pull-7 {
            right: 58.36363633%;
        }
        .col-ts-pull-6 {
            right: 50%;
        }
        .col-ts-pull-5 {
            right: 41.66666667%;
        }
        .col-ts-pull-4 {
            right: 33.36363633%;
        }
        .col-ts-pull-3 {
            right: 25%;
        }
        .col-ts-pull-2 {
            right: 16.66666667%;
        }
        .col-ts-pull-1 {
            right: 8.36363633%;
        }
        .col-ts-pull-0 {
            right: auto;
        }
        .col-ts-push-12 {
            left: 100%;
        }
        .col-ts-push-11 {
            left: 91.66666667%;
        }
        .col-ts-push-10 {
            left: 83.36363633%;
        }
        .col-ts-push-9 {
            left: 75%;
        }
        .col-ts-push-8 {
            left: 66.66666667%;
        }
        .col-ts-push-7 {
            left: 58.36363633%;
        }
        .col-ts-push-6 {
            left: 50%;
        }
        .col-ts-push-5 {
            left: 41.66666667%;
        }
        .col-ts-push-4 {
            left: 33.36363633%;
        }
        .col-ts-push-3 {
            left: 25%;
        }
        .col-ts-push-2 {
            left: 16.66666667%;
        }
        .col-ts-push-1 {
            left: 8.36363633%;
        }
        .col-ts-push-0 {
            left: auto;
        }
        .col-ts-offset-12 {
            margin-left: 100%;
        }
        .col-ts-offset-11 {
            margin-left: 91.66666667%;
        }
        .col-ts-offset-10 {
            margin-left: 83.36363633%;
        }
        .col-ts-offset-9 {
            margin-left: 75%;
        }
        .col-ts-offset-8 {
            margin-left: 66.66666667%;
        }
        .col-ts-offset-7 {
            margin-left: 58.36363633%;
        }
        .col-ts-offset-6 {
            margin-left: 50%;
        }
        .col-ts-offset-5 {
            margin-left: 41.66666667%;
        }
        .col-ts-offset-4 {
            margin-left: 33.36363633%;
        }
        .col-ts-offset-3 {
            margin-left: 25%;
        }
        .col-ts-offset-2 {
            margin-left: 16.66666667%;
        }
        .col-ts-offset-1 {
            margin-left: 8.36363633%;
        }
        .col-ts-offset-0 {
            margin-left: 0;
        }
        .hidden-ts {
            display: none;
        }
    }
    /*---------------------Custom Bostrap 5 columns------------------------*/
    
    .col-bg-15,
    .col-bg-45,
    .col-lg-15,
    .col-lg-45,
    .col-md-15,
    .col-md-45,
    .col-sm-15,
    .col-sm-45,
    .col-xs-15,
    .col-xs-45,
    .col-ts-15,
    .col-ts-45 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
    
    .col-ts-15,
    .col-ts-45 {
        float: left;
    }
    
    .col-ts-15 {
        width: 20%;
    }
    
    .col-ts-45 {
        width: 80%;
    }
    
    @media (min-width: 480px) {
        .col-xs-15,
        .col-xs-45 {
            float: left;
        }
        .col-xs-15 {
            width: 20%;
        }
        .col-xs-45 {
            width: 80%;
        }
    }
    
    @media (min-width: 768px) {
        .col-sm-15,
        .col-sm-45 {
            float: left;
        }
        .col-sm-15 {
            width: 20%;
        }
        .col-sm-45 {
            width: 80%;
        }
    }
    
    @media (min-width: 992px) {
        .col-md-15,
        .col-md-45 {
            float: left;
        }
        .col-md-15 {
            width: 20%;
        }
        .col-md-45 {
            width: 80%;
        }
    }
    
    @media (min-width: 1200px) {
        .col-lg-15,
        .col-lg-45 {
            float: left;
        }
        .col-lg-15 {
            width: 20%;
        }
        .col-lg-45 {
            width: 80%;
        }
    }
    
    @media (min-width: 1500px) {
        .col-bg-15,
        .col-bg-45 {
            float: left;
        }
        .col-bg-15 {
            width: 20%;
        }
        .col-bg-45 {
            width: 80%;
        }
    }
    /*rows-space*/
    
    .rows-space-0 {
        margin-bottom: 0;
    }
    
    .rows-space-5 {
        margin-bottom: 5px;
    }
    
    .rows-space-10 {
        margin-bottom: 10px;
    }
    
    .rows-space-15 {
        margin-bottom: 15px;
    }
    
    .rows-space-20 {
        margin-bottom: 20px;
    }
    
    .rows-space-25 {
        margin-bottom: 25px;
    }
    
    .rows-space-30 {
        margin-bottom: 30px;
    }
    
    .rows-space-35 {
        margin-bottom: 35px;
    }
    
    .rows-space-40 {
        margin-bottom: 40px;
    }
    
    .rows-space-45 {
        margin-bottom: 45px;
    }
    
    .rows-space-50 {
        margin-bottom: 50px;
    }
    
    .rows-space-55 {
        margin-bottom: 55px;
    }
    
    .rows-space-60 {
        margin-bottom: 60px;
    }
    
    .rows-space-65 {
        margin-bottom: 65px;
    }
    
    .rows-space-70 {
        margin-bottom: 70px;
    }
    
    .rows-space-75 {
        margin-bottom: 75px;
    }
    
    .rows-space-80 {
        margin-bottom: 80px;
    }
    
    .rows-space-85 {
        margin-bottom: 85px;
    }
    
    .rows-space-90 {
        margin-bottom: 90px;
    }
    
    .rows-space-85 {
        margin-bottom: 85px;
    }
    
    .rows-space-100 {
        margin-bottom: 100px;
    }
    
    .row10 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .row10::before,
    .row10::after {
        display: table;
        content: "";
    }
    
    .row10::after {
        clear: both;
    }
    
    .no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /*----------------------------AUTO CLEAR--------------------------------*/
    
    @media (min-width: 1200px) {
        .auto-clear .vc_col-lg-1:nth-child(12n+1),
        .auto-clear .vc_col-lg-2:nth-child(6n+1),
        .auto-clear .vc_col-lg-15:nth-child(5n+1),
        .auto-clear .vc_col-lg-3:nth-child(4n+1),
        .auto-clear .vc_col-lg-4:nth-child(3n+1),
        .auto-clear .vc_col-lg-6:nth-child(odd) {
            clear: both;
        }
    }
    
    @media (min-width: 1500px) {
        .auto-clear .col-bg-1:nth-child(12n+1),
        .auto-clear .col-bg-2:nth-child(6n+1),
        .auto-clear .col-bg-15:nth-child(5n+1),
        .auto-clear .col-bg-3:nth-child(4n+1),
        .auto-clear .col-bg-4:nth-child(3n+1),
        .auto-clear .col-bg-6:nth-child(odd) {
            clear: both;
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1499px) {
        .auto-clear .col-lg-1:nth-child(12n+1),
        .auto-clear .col-lg-2:nth-child(6n+1),
        .auto-clear .col-lg-15:nth-child(5n+1),
        .auto-clear .col-lg-3:nth-child(4n+1),
        .auto-clear .col-lg-4:nth-child(3n+1),
        .auto-clear .col-lg-6:nth-child(odd) {
            clear: both;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .auto-clear .vc_col-md-1:nth-child(12n+1),
        .auto-clear .vc_col-md-2:nth-child(6n+1),
        .auto-clear .vc_col-md-15:nth-child(5n+1),
        .auto-clear .vc_col-md-3:nth-child(4n+1),
        .auto-clear .vc_col-md-4:nth-child(3n+1),
        .auto-clear .vc_col-md-6:nth-child(odd),
        .auto-clear .col-md-1:nth-child(12n+1),
        .auto-clear .col-md-2:nth-child(6n+1),
        .auto-clear .col-md-15:nth-child(5n+1),
        .auto-clear .col-md-3:nth-child(4n+1),
        .auto-clear .col-md-4:nth-child(3n+1),
        .auto-clear .col-md-6:nth-child(odd) {
            clear: both;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .auto-clear .vc_col-sm-1:nth-child(12n+1),
        .auto-clear .vc_col-sm-2:nth-child(6n+1),
        .auto-clear .vc_col-sm-15:nth-child(5n+1),
        .auto-clear .vc_col-sm-3:nth-child(4n+1),
        .auto-clear .vc_col-sm-4:nth-child(3n+1),
        .auto-clear .vc_col-sm-6:nth-child(odd),
        .auto-clear .col-sm-1:nth-child(12n+1),
        .auto-clear .col-sm-2:nth-child(6n+1),
        .auto-clear .col-sm-15:nth-child(5n+1),
        .auto-clear .col-sm-3:nth-child(4n+1),
        .auto-clear .col-sm-4:nth-child(3n+1),
        .auto-clear .col-sm-6:nth-child(odd) {
            clear: both;
        }
    }
    
    @media (min-width: 480px) and (max-width: 767px) {
        .auto-clear .col-xs-1:nth-child(12n+1),
        .auto-clear .col-xs-2:nth-child(6n+1),
        .auto-clear .col-xs-15:nth-child(5n+1),
        .auto-clear .col-xs-3:nth-child(4n+1),
        .auto-clear .col-xs-4:nth-child(3n+1),
        .auto-clear .col-xs-6:nth-child(odd) {
            clear: both;
        }
    }
    
    @media (max-width: 479px) {
        .auto-clear .col-ts-1:nth-child(12n+1),
        .auto-clear .col-ts-2:nth-child(6n+1),
        .auto-clear .col-ts-15:nth-child(5n+1),
        .auto-clear .col-ts-3:nth-child(4n+1),
        .auto-clear .col-ts-4:nth-child(3n+1),
        .auto-clear .col-ts-6:nth-child(odd) {
            clear: both;
        }
    }
    
    @media (max-width: 767px) {
        .auto-clear .vc_col-xs-1:nth-child(12n+1),
        .auto-clear .vc_col-xs-2:nth-child(6n+1),
        .auto-clear .vc_col-xs-15:nth-child(5n+1),
        .auto-clear .vc_col-xs-3:nth-child(4n+1),
        .auto-clear .vc_col-xs-4:nth-child(3n+1),
        .auto-clear .vc_col-xs-6:nth-child(odd) {
            clear: both;
        }
    }
    /*-----------------------CUSTOM COL > 1500---------------------------*/
    
    @media (min-width: 1500px) {
        .col-bg-1,
        .col-bg-10,
        .col-bg-11,
        .col-bg-12,
        .col-bg-2,
        .col-bg-3,
        .col-bg-4,
        .col-bg-5,
        .col-bg-6,
        .col-bg-7,
        .col-bg-8,
        .col-bg-9 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px
        }
        .col-bg-1,
        .col-bg-2,
        .col-bg-3,
        .col-bg-4,
        .col-bg-5,
        .col-bg-6,
        .col-bg-7,
        .col-bg-8,
        .col-bg-9,
        .col-bg-10,
        .col-bg-11 {
            float: left;
        }
        .col-bg-12 {
            width: 100%;
        }
        .col-bg-11 {
            width: 91.66666667%;
        }
        .col-bg-10 {
            width: 83.36363633%;
        }
        .col-bg-9 {
            width: 75%;
        }
        .col-bg-8 {
            width: 66.66666667%;
        }
        .col-bg-7 {
            width: 58.36363633%;
        }
        .col-bg-6 {
            width: 50%;
        }
        .col-bg-5 {
            width: 41.66666667%;
        }
        .col-bg-4 {
            width: 33.36363633%;
        }
        .col-bg-3 {
            width: 25%;
        }
        .col-bg-2 {
            width: 16.66666667%;
        }
        .col-bg-1 {
            width: 8.36363633%;
        }
    }
    /*-----------------------CUSTOM COL < 480---------------------------*/
    
    @media (max-width: 479px) {
        .col-ts-1,
        .col-ts-10,
        .col-ts-11,
        .col-ts-12,
        .col-ts-2,
        .col-ts-3,
        .col-ts-4,
        .col-ts-5,
        .col-ts-6,
        .col-ts-7,
        .col-ts-8,
        .col-ts-9 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }
        .col-ts-1,
        .col-ts-2,
        .col-ts-3,
        .col-ts-4,
        .col-ts-5,
        .col-ts-6,
        .col-ts-7,
        .col-ts-8,
        .col-ts-9,
        .col-ts-10,
        .col-ts-11 {
            float: left;
        }
        .col-ts-12 {
            width: 100%;
        }
        .col-ts-11 {
            width: 91.66666667%;
        }
        .col-ts-10 {
            width: 83.36363633%;
        }
        .col-ts-9 {
            width: 75%;
        }
        .col-ts-8 {
            width: 66.66666667%;
        }
        .col-ts-7 {
            width: 58.36363633%;
        }
        .col-ts-6 {
            width: 50%;
        }
        .col-ts-5 {
            width: 41.66666667%;
        }
        .col-ts-4 {
            width: 33.36363633%;
        }
        .col-ts-3 {
            width: 25%;
        }
        .col-ts-2 {
            width: 16.66666667%;
        }
        .col-ts-1 {
            width: 8.36363633%;
        }
    }
    /*-----------------------CUSTOM 5 COLUMNS---------------------------*/
    
    .col-bg-15,
    .col-bg-25,
    .col-bg-35,
    .col-bg-45,
    .col-lg-15,
    .col-lg-25,
    .col-lg-35,
    .col-lg-45,
    .col-md-15,
    .col-md-25,
    .col-md-35,
    .col-md-45,
    .col-sm-15,
    .col-sm-25,
    .col-sm-35,
    .col-sm-45,
    .col-xs-15,
    .col-xs-25,
    .col-xs-35,
    .col-xs-45,
    .col-ts-15,
    .col-ts-25,
    .col-ts-35,
    .col-ts-45 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
    
    .col-ts-15,
    .col-ts-25,
    .col-ts-35,
    .col-ts-45 {
        float: left;
    }
    
    .col-ts-15 {
        width: 20%;
    }
    
    .col-ts-25 {
        width: 40%;
    }
    
    .col-ts-35 {
        width: 60%;
    }
    
    .col-ts-45 {
        width: 80%;
    }
    
    @media (min-width: 480px) {
        .col-xs-15,
        .col-xs-25,
        .col-xs-35,
        .col-xs-45 {
            float: left;
        }
        .col-xs-15 {
            width: 20%;
        }
        .col-xs-25 {
            width: 40%;
        }
        .col-xs-35 {
            width: 60%;
        }
        .col-xs-45 {
            width: 80%;
        }
    }
    
    @media (min-width: 768px) {
        .col-sm-15,
        .col-sm-25,
        .col-sm-35,
        .col-sm-45 {
            float: left;
        }
        .col-sm-15 {
            width: 20%;
        }
        .col-sm-25 {
            width: 40%;
        }
        .col-sm-35 {
            width: 60%;
        }
        .col-sm-45 {
            width: 80%;
        }
    }
    
    @media (min-width: 992px) {
        .col-md-15,
        .col-md-25,
        .col-md-35,
        .col-md-45 {
            float: left;
        }
        .col-md-15 {
            width: 20%;
        }
        .col-md-25 {
            width: 40%;
        }
        .col-md-35 {
            width: 60%;
        }
        .col-md-45 {
            width: 80%;
        }
    }
    
    @media (min-width: 1200px) {
        .col-lg-15,
        .col-lg-25,
        .col-lg-35,
        .col-lg-45 {
            float: left;
        }
        .col-lg-15 {
            width: 20%;
        }
        .col-lg-25 {
            width: 40%;
        }
        .col-lg-35 {
            width: 60%;
        }
        .col-lg-45 {
            width: 80%;
        }
    }
    
    @media (min-width: 1500px) {
        .col-bg-15,
        .col-bg-25,
        .col-bg-35,
        .col-bg-45 {
            float: left;
        }
        .col-bg-15 {
            width: 20%;
        }
        .col-bg-25 {
            width: 40%;
        }
        .col-bg-35 {
            width: 60%;
        }
        .col-bg-45 {
            width: 80%;
        }
    }
    /* VARIATION CHOOSE */
    
    .product-filters form {
        margin-bottom: 20px;
    }
    
    .product-filters label {
        color: #333;
        font-size: 13px;
        margin-bottom: 10px;
        padding-right: 3px;
        padding-left: 0px;
        font-weight: 400;
        text-transform: none;
        letter-spacing: 0px;
        vertical-align: middle;
        display: block;
    }
    
    .product-filters .color-selector .entry {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 25px;
        height: 25px;
        display: inline-block;
        position: relative;
        margin-right: 8px;
        margin-bottom: 8px;
        cursor: pointer;
    }
    
    .product-filters .color-selector .entry:before {
        border: 1px solid #fff;
        bottom: 2px;
        content: "";
        left: 2px;
        opacity: 0;
        position: absolute;
        right: 2px;
        top: 2px;
    }
    
    .product-filters .color-selector .entry.active:after {
        border: 2px solid #333;
        opacity: 1;
    }
    
    .product-filters .color-selector .entry:after {
        border: 2px solid #333;
        opacity: 0;
        bottom: -4px;
        content: "";
        left: -4px;
        opacity: 0;
        position: absolute;
        right: -4px;
        top: -4px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }
    
    .product-filters .choose-selector .entry.active {
        border-color: #333;
        position: relative;
    }
    
    .product-filters .choose-selector .entry.active:before {
        background: none;
        content: url(../images/checked_small.svg);
        display: block;
        width: 20px;
        position: absolute;
        top: -10px;
        right: -10px;
    }
    
    .product-filters .choose-selector .entry {
        display: inline-block;
        position: relative;
        height: 33px;
        line-height: 27px;
        border: 2px solid #ddd;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 10px;
        margin-bottom: 8px;
        cursor: pointer;
    }
    
    .border-line {
        border-top: 1px solid #eee;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    /*---------------------------SLICK SLIDER------------------------------*/
    /*------------------------------------------------------------------*/
    /* Slider */
    
    .slick-list {
        margin: 0 -15px;
        padding: 0;
    }
    
    .owl-slick .slick-list {
        margin-top: -5px !important;
        padding-top: 5px;
        margin-bottom: -5px !important;
        padding-bottom: 5px;
    }
    
    .slick-track {
        margin-left: 0;
    }
    
    .slick-slide {
        padding: 0 15px;
    }
    
    .slick-slider .slick-arrow {
        display: inline-block;
        position: absolute;
        top: -4px;
        right: 0;
        font-size: 30px;
        line-height: 1;
        color: #fff;
        background-color: black;
        z-index: 1;
        cursor: pointer;
        border-radius: 50%;
    }
    
    .slick-slider .slick-arrow:first-child {
        right: 29px;
    }
    
    .slick-vertical .slick-slide {
        border: none;
    }
    
    .slick-slider.nav-center {
        position: relative !important;
    }
    
    .slick-slider.nav-center>.slick-arrow {
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        font-size: 30px;
        background-color: transparent;
        color: #aaaaaa;
    }
    
    .slick-slider.nav-center>.slick-arrow:hover {
        color: #d7e7f7;
    }
    
    .slick-slider.nav-center>.slick-arrow::before {
        font-family: FontAwesome, sans-serif;
        content: '\f105';
    }
    
    .slick-slider.nav-center>.slick-arrow:first-child {
        right: auto;
        left: 0;
    }
    
    .slick-slider.nav-center>.slick-arrow:first-child::before {
        content: '\f104';
    }
    
    .slick-slide>div:not([class])>* {
        display: block !important;
    }
    
    .slick-dots {
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        text-align: center;
        margin-top: 40px;
    }
    
    .slick-dots li {
        list-style: none;
        display: inline-block;
        font-size: 0;
        padding: 0;
        width: 12px;
        height: 12px;
        border: 2px solid #acacac;
        border-radius: 50%;
        margin: 0 5px;
        cursor: pointer;
        -webkit-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        transition: all 0.25s ease 0s;
    }
    
    .slick-dots li.slick-active {
        border-color: transparent;
        background-color: black;
    }
    
    .slick-dots li button {
        display: none;
    }
    
    .slick-dots .slick-slide img {
        cursor: pointer;
        margin: auto;
    }
    
    .slick-slider.nav-botton-center>.slick-arrow {
        top: auto;
        bottom: 0;
        right: 43.5%;
    }
    /*---------------------------------CHOSEN------------------------------*/
    
    .chosen-container {
        vertical-align: top;
        font-size: inherit;
        line-height: inherit;
        text-align: left;
        width: auto !important;
    }
    
    .chosen-container-single .chosen-single {
        padding: 8px 17px;
        height: auto;
        border: 1px solid #eee;
        background: #f6f6f6;
        box-shadow: none;
        font-size: 15px;
        line-height: 24px;
        color: inherit;
        border-radius: 0px;
    }
    
    .chosen-container-single .chosen-single div b {
        position: relative;
        background-image: none !important;
    }
    
    .chosen-container-single .chosen-single div b::after {
        content: "\f0d7";
        font-size: 15px;
        font-weight: normal;
        color: #aaaaaa;
        font-family: 'FontAwesome';
        position: absolute;
        left: 50%;
        top: 50%;
        line-height: normal;
        margin-left: -5px;
        margin-top: -8px;
    }
    
    .chosen-container-single .chosen-single span {
        vertical-align: top;
        margin-right: 17px;
    }
    
    .chosen-container-active.chosen-with-drop .chosen-single {
        border: 1px solid #eee;
        background: #f6f6f6;
        box-shadow: none;
    }
    
    .chosen-container-single .chosen-drop {
        top: calc(100% + 1px);
        left: -1px;
        clip: auto;
        border-radius: 0px;
        border: 1px solid #eee;
        border-top: none;
        box-shadow: none;
        width: auto;
        min-width: 100%;
        white-space: nowrap;
        margin: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .chosen-container:not(.chosen-with-drop) .chosen-drop {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    
    .chosen-container-single .chosen-drop .chosen-search {
        display: none;
    }
    
    .chosen-container-single .chosen-results {
        color: #888;
        padding: 0;
        margin: 0;
    }
    
    .chosen-container .chosen-results li {
        font-size: 12px;
        line-height: 18px;
        padding: 6px 20px;
        text-transform: capitalize;
    }
    
    .chosen-container .chosen-results li.result-selected {
        background-color: #f6f6f6;
    }
    
    .chosen-container .chosen-results li.highlighted {
        background-image: none;
        color: inherit;
        background-color: #f6f6f6;
    }
    /* -------------------- */
    /*   custom container   */
    /* -------------------- */
    
    @media (min-width: 1200px) {
        .container {
            width: 1200px;
        }
    }
    /* -------------------- */
    /*     HEADER        */
    /* -------------------- */
    /*header-style-1*/
    
    .header .main-header {
        padding: 15px 0;
    }
    
    .moorabi-submenu {
        border-radius: 0px;
        position: absolute;
        background-color: #fff;
        z-index: 10;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        padding: 0;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        text-align: left;
    }
    
    .moorabi-dropdown.open .moorabi-submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        z-index: 1001;
    }
    
    .moorabi-dropdown .language-toggle:after {
        content: "\f107";
        font-family: 'FontAwesome';
        display: inline-block;
        margin-left: 5px;
        vertical-align: top;
    }
    
    .moorabi-dropdown.open {
        position: absolute;
        top: 0;
        z-index: 99;
    }
    
    .header .logo {
        text-align: center;
        width: 190px;
        margin-top: 0px;
        padding-bottom: 0px;
    }
    
    .header-control {
        text-align: right;
        margin-top: 14px;
    }
    
    .header-control .block-header {
        display: inline-block;
        position: relative;
        text-align: left;
        vertical-align: middle;
        padding-left: 20px;
    }
    
    .header-control .block-header:first-child {
        padding-left: 0;
    }
    /*minicard*/
    
    .shopcart-description .content-wrap .title {
        font-size: 14px;
        color: #363636;
        padding: 15px 20px;
        border-bottom: 1px solid #f1f1f1;
        margin: 0;
    }
    
    .shopcart-description .content-wrap ul {
        padding: 0 20px;
        margin: 0;
        overflow-y: auto;
        max-height: 250px;
    }
    
    .shopcart-description .content-wrap ul li {
        list-style: none;
        overflow: hidden;
        padding: 20px 0;
        border-bottom: 1px solid #f1f1f1;
    }
    
    .mini_cart_item .product-media {
        float: left;
        width: 80px;
    }
    
    .mini_cart_item .product-details {
        overflow: hidden;
        padding-left: 10px;
    }
    
    .mini_cart_item .product-name {
        font-size: 15px;
        color: #363636;
        text-transform: capitalize;
        margin-bottom: 0;
    }
    
    .shopcart-description .subtotal {
        padding: 15px 20px;
        overflow: hidden;
    }
    
    .shopcart-description .actions {
        padding: 0 20px 15px;
    }
    
    .mini_cart_item .variations {
        font-size: 13px;
        color: #888888;
        margin-bottom: 0px;
    }
    
    .mini_cart_item .variations .attribute_color {
        text-transform: capitalize;
    }
    
    .mini_cart_item .variations .attribute_size {
        text-transform: uppercase;
    }
    
    .mini_cart_item .product-price {
        font-size: 16px;
        color: #111111;
    }
    
    .mini_cart_item .product-quantity {
        color: #888881;
        font-size: 16px;
    }
    
    .mini_cart_item .product-remove {
        display: inline-block;
        float: right;
        color: #ccc;
        font-size: 15px
    }
    
    .shopcart-description .subtotal .total-title {
        font-size: 15px;
        color: #363636;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .shopcart-description .subtotal .total-price {
        font-size: 20px;
        color: #111;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .shopcart-description .actions .button-viewcart {
        width: 120px;
        background: transparent;
        color: #363636;
        border: 1px solid #f1f1f1;
        padding: 8px 0px;
    }
    
    .shopcart-description .actions .button-viewcart:hover {
        color: #ffffff;
    }
    
    .shopcart-description .actions .button-checkout {
        float: right;
        color: #ffffff;
        background-color: black;
    }
    
    .minicart-items .mCSB_scrollTools {
        right: -5px;
    }
    
    .minicart-items .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #000000;
    }
    
    .minicart-items .mCSB_scrollTools .mCSB_draggerRail {
        background: #aaaaaa;
    }
    
    .minicart-items .mCSB_inside>.mCSB_container {
        margin-right: 20px;
    }
    
    .block-minicart .shopcart-icon {
        position: relative;
        padding: 0 10px;
        height: 48px;
        display: inline-block;
        line-height: 44px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-align: center;
    }
    
    .block-minicart .shopcart-icon::after {
        border-radius: 0px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }
    
    .block-minicart .shopcart-icon .count {
        position: absolute;
        display: inline-block;
        text-align: center;
        width: 20px;
        height: 20px;
        padding: 2px;
        border-radius: 100%;
        color: black;
        font-size: 12px !important;
        line-height: 15px;
        box-shadow: 0 0 10px rgba(79, 79, 79, 0.5);
    }
    
    .header-control .block-header .moorabi-submenu {
        top: 100%;
        right: 0;
    }
    
    .block-minicart .moorabi-submenu {
        min-width: 380px;
        margin: 10px 0 0;
    }
    
    .block-minicart .no-product.moorabi-submenu {
        text-align: center;
        padding: 20px
    }
    
    .block-minicart .no-product .text {
        color: #888;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin-bottom: 0;
    }
    
    .block-minicart .no-product .text span {
        text-transform: uppercase;
    }
    /*search header*/
    
    .header-control .block-search {
        padding-left: 35px;
    }
    
    .block-search .icon-search::before {
        content: "\f12d";
        font-family: Flaticon;
        display: inline-block;
        vertical-align: middle;
    }
    
    .block-search .moorabi-submenu {
        min-width: 425px;
        margin-top: 17px;
    }
    
    .block-search .title-search {
        font-size: 18px;
        color: #d7e7f7;
        padding: 15px 20px;
        border-bottom: 1px solid #f1f1f1;
        margin: 0;
    }
    
    .form-search .form-content {
        padding: 30px 20px;
    }
    
    .form-search .form-content .inner {
        display: inline-block;
        width: 100%
    }
    
    .form-search .form-content .input {
        width: 261px;
        color: #888;
        height: 44px;
    }
    
    .form-search .form-content .btn-search {
        width: 110px;
        float: right;
    }
    /*main menu*/
    
    .main-menu .submenu {
        position: absolute;
        top: 110%;
        left: 0;
        background-color: #fff;
        min-width: 225px;
        border-radius: 0px;
        z-index: 1001;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        padding: 0;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }
    
    .main-menu .menu-item:hover>.submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    .header.style1 .header-nav,
    .header.style10 .header-nav {
        border-top: 1px solid #f1f1f1;
    }
    
    .main-menu {
        display: inline-flex;
        padding: 0;
        align-items: center;
    }
    
    .main-menu li {
        list-style: none;
        position: relative;
    }
    
    .main-menu>li {
        display: inline-block;
    }
    
    .main-menu>li>a {
        font-size: 12px;
        text-align: center;
        width: 165px;
        padding: 12px 10px !important;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
        font-weight: normal;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        letter-spacing: 0.04em;
        position: relative;
        line-height: 20px;
    }
    
    .main-menu>li.menu-item-has-children>a:after {
        font-family: 'FontAwesome';
        content: "\f107";
        margin-left: 5px;
        font-size: 15px;
        font-weight: normal;
        vertical-align: top;
    }
    /*megamenu*/
    
    .submenu.menu-page {
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 15px 30px;
    }
    /* .moorabi-nav .mega-menu .menu-page-item .moorabi-custommenu {
        padding-left: 50px;
    }
    
    .moorabi-nav .mega-menu .menu-page-item:nth-child(2) .moorabi-custommenu {
        padding-left: 47px;
    }
    
    .moorabi-nav .mega-menu .menu-page-item:nth-child(3) .moorabi-custommenu {
        padding-left: 17px;
    }
    
    .moorabi-nav .mega-menu .menu-page-item:last-child .moorabi-custommenu {
        padding-right: 50px;
    } */
    
    .moorabi-nav .mega-menu .moorabi-custommenu {
        margin-bottom: 0px;
    }
    
    .mega-menu .moorabi-custommenu .widgettitle {
        font-size: 14px;
        color: #111111;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        line-height: 20px;
        text-transform: uppercase;
        position: relative;
        margin-top: 20px;
        padding-bottom: 10px;
    }
    
    .mega-menu .moorabi-custommenu .widgettitle::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        border: 2px solid #000000;
        width: 40px;
    }
    
    .mega-menu .moorabi-custommenu ul {
        padding: 0;
        margin: 0;
    }
    
    .mega-menu .moorabi-custommenu ul li {
        display: flex;
        font-size: 15px;
        line-height: 20px;
        color: #312b4e;
    }
    
    .mega-menu .moorabi-custommenu ul li img {
        width: 50px;
        height: auto;
        margin-right: 10px;
    }
    
    .mega-menu .moorabi-custommenu ul li a {
        line-height: 30px;
        font-size: 14px;
    }
    
    .mega-menu .moorabi-custommenu ul li {
        display: block;
        align-items: center;
    }
    
    .main-menu .submenu .submenu {
        left: 100%;
        top: 0;
    }
    
    .main-menu .submenu>li>a {
        display: block;
        padding: 11px 20px;
        color: #555555;
        border-radius: 0px;
    }
    
    .main-menu .submenu>li:hover>a,
    .main-menu .submenu>li.active>a {
        background-color: #f1f1f1;
    }
    
    .main-menu .submenu>li.menu-item-has-children>a:after {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }
    
    @media (max-width: 480px) {
        .mega-menu .moorabi-custommenu ul li img {
            width: 65px;
            margin-right: 10px;
        }
        .mega-menu .moorabi-custommenu ul li a {
            line-height: 20px !important;
        }
        .moorabi-menu-panel .mega-menu .moorabi-custommenu ul li {
            margin-bottom: 30px !important;
            display: flex !important;
        }
        .login-text-class {
            padding: 0px 20px 10px !important;
        }
    }
    /* -------------------- */
    /*      MAIN         */
    /* -------------------- */
    
    .main-content {
        padding-bottom: 65px;
    }
    
    .main-content.main-content-inlookbook {
        padding-bottom: 0;
    }
    
    .main-content.mansory {
        padding-bottom: 120px;
    }
    
    .left-sidebar .content-area {
        float: right;
    }
    
    .no-sidebar .sidebar {
        display: none;
    }
    
    .no-sidebar .content-area {
        width: 100% !important;
    }
    /*      Statis pages         */
    
    .custom_blog_title {
        font-size: 20px;
        letter-spacing: 0;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #363636;
        margin-bottom: 30px;
        text-transform: uppercase;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    /*        Register Login & My account & Shipping adress edit        */
    
    @media (max-width: 767px) {
        .shippingadress-edit .delivery-flex input[type="text"] {
            width: 100% !important;
        }
    }
    
    .customer_login .title-login {
        margin: 0;
        border-bottom: 0;
        font-size: 18px;
        padding: 25px 40px;
        color: #363636;
        font-weight: 500;
    }
    
    .customer_login .login,
    .customer_login .register {
        border: 1px solid #f1f1f1;
        padding: 25px 40px;
    }
    
    .profile-edit {
        width: 50%;
        float: inherit;
        margin: 0 auto;
        border: 0px;
        padding: 25px 40px;
    }
    
    .shippingadress-edit {
        width: 70%;
        float: inherit;
        margin: 0 auto;
        border: 0px;
    }
    
    .shippingadress-edit .delivery-flex {
        margin-left: -16px;
    }
    
    @media (max-width: 480px) {
        .profile-edit {
            width: 100%;
        }
        .shippingadress-edit {
            width: 90%;
        }
    }
    
    .login .social-account {
        margin-bottom: 20px;
    }
    
    .customer_login .form-row-wide .text {
        margin-bottom: 5px;
        font-size: 15px;
        color: #363636;
        font-weight: 500;
        text-transform: none;
        display: block;
    }
    
    .customer_login input[type="date"] {
        padding: 20px 12px;
    }
    
    .customer_login input[type="text"],
    .customer_login input[type="date"],
    .customer_login input[type="email"],
    .customer_login input[type="password"] {
        margin-bottom: 0;
        width: 100%;
        border-color: #f1f1f1;
    }
    
    .customer_login input[type="checkbox"] {
        display: none;
    }
    
    .customer_login .label-text {
        cursor: pointer;
        font-size: 15px;
        color: #888;
        margin: 0;
        padding-left: 25px;
        position: relative;
        font-weight: normal;
    }
    
    .customer_login input[type="checkbox"]:checked+label::before,
    .customer_login .label-text:hover::before {
        font-family: 'FontAwesome';
        content: "\f00c";
        display: inline-block;
        top: 5px;
        left: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        font-size: 15px;
        color: #363636;
        position: absolute;
        z-index: 2;
        padding: 0;
        line-height: 14px;
    }
    
    .customer_login input[type="checkbox"]+label::after {
        position: absolute;
        z-index: 1;
        content: "";
        left: 0;
        top: 2px;
        width: 20px;
        height: 20px;
        border: solid 1px #eeeeee;
    }
    
    .customer_login .lost_password .forgot-pw {
        font-size: 15px;
        color: #363636;
        font-weight: 500;
        float: right
    }
    
    .customer_login .label-text span {
        font-size: 15px;
        color: #363636;
        font-weight: 500;
    }
    
    .customer_login .login-item:hover {
        box-shadow: 0 0 10px #ddd;
        z-index: 2;
        background-color: #fff;
        border-radius: 0px;
    }
    /* -------------------- */
    /*      Short Code      */
    /* -------------------- */
    /*moorabi-countdown*/
    
    .moorabi-countdown {
        text-align: center;
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
    }
    
    .moorabi-countdown .box-count {
        display: inline-block;
        border: 2px solid #56a5f3;
        border-radius: 50%;
        background-color: #56a5f3;
        color: #fff;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
        padding: 9px 5px 9px;
        min-width: 49px;
        margin-right: -7px;
        margin-bottom: 7px;
    }
    
    .moorabi-countdown .box-count:last-child {
        margin-right: 0;
    }
    
    .moorabi-countdown .box-count span {
        display: block;
        text-align: center;
        line-height: 12px;
    }
    
    .moorabi-countdown .box-count .number {
        font-size: 13px;
        line-height: 12px;
        font-weight: 500;
        padding-bottom: 5px;
    }
    
    .moorabi-countdown .box-count .text {
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 500;
    }
    
    @media only screen and (min-width: 380px) {
        .moorabi-countdown .box-count {
            border: 1px solid #56a5f3;
            padding: 10px 2px 10px;
            min-width: 49px;
            margin-right: -7px;
            margin-bottom: 7px;
        }
        .moorabi-countdown .box-count span {
            line-height: 10px;
        }
        .moorabi-countdown .box-count .number {
            font-size: 11px;
            line-height: 10px;
            padding-bottom: 5px;
        }
        .moorabi-countdown .box-count .text {
            font-size: 11px;
        }
    }
    
    .main-container-bg {
        border: none;
        padding: 30px;
        background-color: #fff;
        border-radius: 0px;
        border: 1px solid #fafafa
    }
    /*kt-popup-quickview*/
    
    .kt-popup-quickview {
        width: 770px;
        margin: 0 auto;
        background-color: #fff;
        position: relative;
        padding: 40px 30px;
    }
    
    .kt-popup-quickview:after,
    .kt-popup-quickview:before {
        display: table;
        content: '';
    }
    
    .kt-popup-quickview:after {
        clear: both;
    }
    
    .kt-popup-quickview .details-thumb {
        width: 51.9480519%;
        float: left;
        padding-right: 20px;
        position: relative;
    }
    
    .kt-popup-quickview .details-infor {
        width: 48.0519481%;
        padding-left: 30px;
        border-left: 0;
    }
    
    .kt-popup-quickview .details-thumb .slider-product {
        margin-bottom: 20px;
    }
    
    .kt-popup-quickview .slider-product-button .slick-list {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    
    .kt-popup-quickview .slider-product-button .details-item {
        padding: 0 12.5px;
    }
    
    .kt-popup-quickview .slider-product-button .details-item img {
        border: 1px solid #eeeeee;
    }
    
    .kt-popup-quickview .slider-product-button .details-item.slick-current img {
        border-color: #363636;
    }
    
    .kt-popup-quickview .slider-product-button .slick-arrow {
        width: 37px;
        height: 35px;
        line-height: 31px;
        border: 1px solid #eeeeee;
        text-align: center;
        font-size: 20px;
        right: 30px;
        opacity: 0;
        visibility: hidden;
        background: #ffffff;
        -moz-transition: all 0.45s ease;
        -webkit-transition: all 0.45s ease;
        -o-transition: all 0.45s ease;
        -ms-transition: all 0.45s ease;
    }
    
    .kt-popup-quickview .slider-product-button:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
        right: -20px;
    }
    
    .kt-popup-quickview .slider-product-button .slick-arrow:first-child {
        left: 30px;
    }
    
    .kt-popup-quickview .slider-product-button:hover .slick-arrow:first-child {
        left: -20px;
    }
    
    .kt-popup-quickview .mfp-close {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        text-align: center;
        line-height: 28px;
        color: #ffffff;
        position: absolute;
        top: -15px;
        right: -15px;
        opacity: 1;
    }
    
    .mfp-bg {
        opacity: 0.5;
    }
    /*header mobile*/
    
    .header-device-mobile {
        padding: 25px 0;
        display: none;
        position: relative;
    }
    
    .header-device-mobile .wapper {
        display: table;
        width: 100%;
        padding: 0 15px;
    }
    
    .header-device-mobile .item {
        display: table-cell;
        vertical-align: middle;
    }
    
    .header-device-mobile .item .block-sub {
        position: fixed;
        top: 0%;
        right: 0;
        background-color: #fff;
        padding: 15px;
        left: 0;
        z-index: 100;
        margin-top: 1px;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .3s, transform .3s;
        -webkit-transform: translate(0, 30px);
        -moz-transform: translate(0, 30px);
        -o-transform: translate(0, 30px);
        -ms-transform: translate(0, 30px);
        transform: translate(0, 30px);
        opacity: 0;
        display: block;
        visibility: hidden;
        padding-top: 50px;
    }
    
    .header-device-mobile .item.open .block-sub {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
    }
    
    .header-device-mobile .mobile-search-box,
    .header-device-mobile .mobile-settings-box,
    .header-device-mobile .menu-bar {
        width: 40px;
        padding-left: 5px;
    }
    
    .header-device-mobile .mobile-navigation {
        top: auto;
    }
    
    .header-device-mobile .mobile-navigation,
    .mobile-search-box>a,
    .mobile-settings-box>a {
        width: 50px;
        height: 48px;
        float: left;
        border: 2px solid transparent;
        padding: 0;
        text-align: center;
        line-height: 44px;
        color: #fff;
        font-size: 18px;
        border-radius: 0px;
        position: relative;
    }
    
    .mobile-settings-box>a {
        background-color: black;
    }
    
    .mobile-search-box>a {
        border: 2px solid #2b2b2b;
    }
    
    .header-device-mobile .mobile-navigation {
        margin: 0;
        text-align: center;
        padding: 14px 11px 9px;
    }
    
    .header-device-mobile .mobile-navigation span {
        background-color: #fff;
    }
    
    .mobile-search-box>a {
        color: #141414;
    }
    
    .mobile-settings-box>a:hover {
        color: #464646;
    }
    
    .header-device-mobile .item .block-sub .close {
        font-size: 15px;
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        float: none;
        position: absolute;
        top: 10px;
        right: 15px;
        line-height: 27px;
        border: 1px solid #eee;
    }
    
    .header-device-mobile .header-searchform-box {
        padding: 19px 0;
    }
    
    .header-device-mobile .header-searchform-box .search-input {
        width: calc(100% - 100px);
        font-size: 13px;
        color: #999999;
        background: #ffffff;
    }
    
    .header-device-mobile .block-item-title {
        font-size: 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    
    .mobile-settings-box .moorabi-language-wrap {
        padding: 0;
        margin: 0;
    }
    
    .mobile-settings-box .moorabi-language-wrap li {
        list-style: none;
        display: inline-block;
        font-size: 15px;
        color: #888;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    
    .mobile-settings-box .moorabi-language-wrap li.active {
        color: #d7e7f7;
    }
    
    .moorabi-menu-panels .submenu {
        position: static;
        visibility: visible;
        opacity: 1;
        min-width: 1px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .3s, transform .3s;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        display: block;
        text-align: left;
    }
    /*footer-device-mobile*/
    
    .footer-device-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #fff;
        border-top: 1px solid #eee;
        display: none;
    }
    
    .footer-device-mobile-item {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    
    .footer-device-mobile .wapper {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    .footer-device-mobile-item>a {
        display: inline-block;
        padding: 5px 0;
        color: #363636;
        line-height: normal;
    }
    
    .footer-device-mobile-item>a .icon {
        font-size: 20px;
        display: block;
        position: relative;
        height: 30px;
        line-height: 30px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .footer-device-mobile-item.device-cart .count-icon {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        color: #ffffff;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        display: inline-block;
        position: absolute;
        top: 0;
        right: -10px;
        font-size: 12px;
    }
    /*border - style*/
    
    .mega-menu .border-custom {
        margin-top: 30px;
    }
    
    .footer .border-custom span {
        border-bottom: 2px solid #ddd;
    }
    
    .border-custom span {
        width: 100%;
        border-bottom: 1px solid #eee;
        display: inline-block;
        float: left
    }
    /*backtotop*/
    
    .backtotop {
        display: none;
        width: 50px;
        height: 50px;
        font-size: 30px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        background: black;
        color: #fff;
        border-radius: 0px;
        position: fixed;
        bottom: 50px;
        left: 25px;
        text-align: center;
        line-height: 50px;
        z-index: 999;
    }
    
    .backtotop::before {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .backtotop.show {
        display: block;
    }
    
    .backtotop:hover {
        background: #292929;
        color: #fff !important;
    }
    /*coppyright*/
    
    .coppyright {
        font-size: 15px;
        color: #888888;
        padding: 5px 0;
    }
    
    .coppyright a {
        color: #ed71a3;
    }
    /*tabs*/
    
    .tab-container {
        position: relative;
    }
    
    .tab-container .tab-panel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        height: 1px;
        overflow: hidden
    }
    
    .tab-container .active {
        opacity: 1;
        visibility: inherit;
        position: inherit;
        -vendor-animation-duration: 0.3s;
        -vendor-animation-delay: 1s;
        -vendor-animation-iteration-count: infinite;
        height: auto;
        overflow: inherit;
    }
    /*---------BREADCRUMB-----------*/
    
    .breadcrumb {
        /* padding: 10px 20px 10px; */
        background: #ffffff;
        /* margin-bottom: 30px; */
        margin-left: -10px;
    }
    
    .breadcrumb>li {
        display: inline-block;
        list-style: none;
        font-weight: 500;
        font-size: 15px;
    }
    
    .breadcrumb a {
        color: #888888;
    }
    
    .breadcrumb>.active {
        color: #363636;
    }
    
    .breadcrumb>li+li:before {
        padding: 0 8px;
        content: "\f101";
        font-family: 'FontAwesome';
        font-weight: 400;
    }
    /*--------PAGINATION--------------*/
    
    .pagination {
        display: block;
        margin: 50px 0 0;
        padding: 0;
        text-align: center;
    }
    
    .pagination.grid {
        margin-top: 20px;
    }
    
    .pagination .page-numbers {
        display: inline-block;
        width: 42px;
        height: 42px;
        line-height: 39px;
        text-align: center;
        border: 2px solid #F1F1F1;
        font-size: 16px;
        color: #888;
        font-weight: 500;
        margin-left: 5px;
        border-radius: 0px;
    }
    
    .pagination .page-numbers:first-child {
        margin-left: 0;
    }
    
    .pagination .page-numbers.current,
    .pagination .page-numbers:hover {
        color: #fff;
        border-color: transparent;
        background-color: black;
    }
    
    .pagination .page-numbers .icon {
        font-size: 20px;
    }
    
    .pagination.style1 {
        text-align: right;
    }
    
    .pagination.style2 {
        text-align: center;
    }
    
    .shop-grid-content .pagination {
        margin-top: 10px;
    }
    /* -------------------- */
    /*        SIDEBAR       */
    /* -------------------- */
    
    .widget {
        margin-bottom: 40px;
    }
    
    .widget:last-child {
        margin-bottom: 0;
    }
    
    .widget .widgettitle {
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        padding-bottom: 10px;
        margin-bottom: 30px;
        position: relative;
        margin-top: -3px;
        z-index: 1;
        border-bottom: 2px solid #e8e8e8;
    }
    
    .widget .widgettitle::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 50px;
        border-bottom: 2px solid black;
    }
    
    .widget ul,
    .widget ol {
        padding: 0;
        margin: 0;
    }
    
    .widget li {
        list-style: none;
        line-height: 28px;
    }
    
    .widget a {
        color: #555555;
    }
    
    .sidebar input[type="checkbox"] {
        display: none;
    }
    
    .sidebar .label-text {
        cursor: pointer;
        font-size: 15px;
        color: #555;
        margin: 0;
        padding-left: 25px;
        position: relative;
        font-weight: normal;
    }
    
    .sidebar input[type="checkbox"]+label::after {
        position: absolute;
        z-index: 1;
        content: "";
        left: 0;
        top: 3px;
        width: 18px;
        height: 18px;
        border: solid 1px #eeeeee;
        border-radius: 0px;
    }
    
    .sidebar input[type="checkbox"]:checked+label::before {
        font-family: 'FontAwesome';
        content: "\f00c";
        display: inline-block;
        top: 5px;
        left: 2px;
        width: 15px;
        height: 14px;
        text-align: center;
        font-size: 10px;
        color: #363636;
        position: absolute;
        z-index: 2;
        padding: 0;
        line-height: 14px;
    }
    
    .widget-socials .social-list {
        overflow: hidden;
    }
    
    .widget-socials .social-list .social-item {
        font-size: 23px;
        color: #363636;
        display: inline-block;
        float: left;
        padding: 0 15px;
        margin-bottom: 10px;
    }
    
    .widget-socials .social-list .social-item:first-child {
        padding-left: 0;
    }
    
    .widget-socials .social-list .social-item:last-child {
        padding-right: 0;
    }
    
    .widget-post .widget-post-item {
        overflow: hidden;
        margin-bottom: 20px;
    }
    
    .widget-post .widget-post-item:last-child {
        margin-bottom: 0;
    }
    
    .widget-post .widget-post-item .thumb-blog {
        width: 100px;
        float: left;
    }
    
    .widget-post .widget-post-item .post-content {
        overflow: hidden;
        padding-left: 10px;
    }
    
    .widget-post .widget-post-item .cat {
        font-size: 11px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-transform: uppercase;
        color: #aaaaaa;
        line-height: normal;
        margin-top: 0;
    }
    
    .widget-post .widget-post-item .cat a:not(:hover) {
        color: inherit;
    }
    
    .widget-post .widget-post-item .post-title {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 20px;
        margin-top: 6px;
    }
    
    .widget-post .widget-post-item .post-title a {
        color: #363636;
    }
    
    .widget-post .widget-post-item .post-title span {
        color: #aaaaaa;
        display: none;
    }
    
    .widget-tags .tagcloud {
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .widget-tags .tag-cloud-link {
        color: #888888;
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        float: left;
        line-height: 26px;
        text-transform: capitalize;
        border-radius: 0px;
    }
    
    .widget-tags .tag-cloud-link a {
        color: #888888;
    }
    
    .widget .view-all:not(:hover) {
        color: #aaa;
        text-decoration: underline;
    }
    
    .woof_Widget .widget:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        border-radius: 0px;
    }
    
    .filter-but {
        margin-top: 20px;
        text-align: center;
    }
    /*sidebar shop*/
    
    .woof_Widget {
        border-radius: 0px;
    }
    
    .widget_filter_price .ui-widget-content {
        background: #ddd;
        border-radius: 2px;
        height: 4px;
        border: none;
    }
    
    .widget_filter_price .ui-slider .ui-slider-range {
        background: black;
    }
    
    .widget_filter_price .ui-slider .ui-slider-handle {
        width: 0;
        height: 0;
        border: none;
        top: -6px;
        border-radius: 1em;
        cursor: ew-resize;
        margin-left: -0.3em;
        outline: 0 none;
        position: absolute;
        z-index: 2;
        border-color: #ed71a3 transparent;
    }
    
    .widget_filter_price .ui-slider .ui-slider-handle::before {
        content: '';
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #e94747 transparent;
    }
    
    .widget_filter_price .price-slider-amount {
        margin-top: 25px;
        font-size: 13px;
        color: #666666;
        overflow: hidden;
    }
    
    .woof_Widget .price-slider-amount input {
        display: inline-block;
        width: 45%;
        font-size: 15px;
        color: #2b3846;
        border: 1px solid #eeeeee;
        padding: 4px 10px;
        border-radius: 0px;
    }
    
    .woof_Widget .price-slider-amount input:first-child {
        margin-right: 10px;
    }
    
    .widget_filter_size li {
        display: inline-block;
        min-width: 54px;
        line-height: 26px;
        height: 30px;
        border: 2px solid #eeeeee;
        text-align: center;
        margin-right: 10px;
        margin-bottom: 15px;
        border-radius: 0px;
    }
    
    .widget_filter_size li a {
        color: #363636;
        font-weight: 500;
        text-transform: uppercase;
    }
    
    .widget_filter_size li.active a,
    .widget_filter_size li:hover a {
        color: #fff;
    }
    
    .widget-color .list-color a {
        display: inline-block;
        height: 27px;
        margin-bottom: 3px;
        margin-right: 10px;
        position: relative;
        text-align: center;
        width: 26px;
        line-height: 27px;
        border-radius: 0px;
    }
    
    .widget-color .list-color .color1 {
        border: 1px solid #eeeeee;
    }
    
    .widget-color .list-color .color2 {
        background: #d7e7f7;
    }
    
    .widget-color .list-color .color3 {
        background: black;
    }
    
    .widget-color .list-color .color4 {
        background: #84664d;
    }
    
    .widget-color .list-color .color5 {
        background: #f7c86f;
    }
    
    .widget-color .list-color .color6 {
        background: #71ed77;
    }
    
    .widget-color .list-color .color7 {
        background: #ed71a3;
    }
    
    .list-color a.active::before,
    .list-color a:hover::before {
        color: #fff;
        content: "\f00c";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 12px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    
    .list-color .colo1.active::before,
    .list-color .colo1:hover::before {
        color: #d7e7f7;
    }
    
    .tag-cloud-link a:hover,
    .tag-cloud-link.active a {
        color: #111111;
    }
    /*---------FORM control shop--------------*/
    
    .shop-top-control {
        border: 1px solid #F1F1F1;
        background-color: #F1F1F1;
        border-radius: 0px;
        padding: 15px 0 15px;
        margin-bottom: 30px;
        display: table;
        width: 100%;
        font-weight: 500;
        color: #888888;
        position: relative;
    }
    
    .shop-top-control .select-form,
    .shop-top-control .grid-view-mode {
        padding: 0 13px;
        border-right: 1px solid #F1F1F1;
        display: table-cell;
        vertical-align: middle;
    }
    
    .shop-top-control .select-form {
        position: relative;
        z-index: 2;
    }
    
    .shop-top-control .select-form .title {
        margin-right: 3px;
    }
    
    .shop-top-control .select-form.select-item {
        z-index: 1;
    }
    
    @media (max-width: 480px) {
        .shop-top-control .select-form .title {
            font-size: 13px;
            line-height: 25px;
        }
        .shop-top-control .select-form.select-item {
            display: none;
        }
        .shop-top-control .chosen-container-single .chosen-single {
            width: 100px !important;
        }
    }
    
    .shop-top-control .chosen-container-single .chosen-single {
        height: 28px;
        line-height: 28px;
        border: 1px solid #fff;
        background: #fff !important;
        padding: 0 10px;
        max-width: 100%;
        background: none;
        box-shadow: none;
        width: 220px;
        color: #363636;
        border-radius: 0px;
    }
    
    .shop-top-control .chosen-container-single .chosen-single span {
        font-size: 13px;
        line-height: 26px;
        margin-right: 0;
    }
    
    .shop-top-control .chosen-container .chosen-results li.highlighted {
        background-image: none;
        background-color: #d7e7f7;
    }
    
    .shop-top-control .grid-view-mode {
        border-right: none;
        width: 125px;
        padding: 0;
    }
    
    .grid-view-mode .inner {
        display: table;
        margin: 0 auto;
    }
    
    .filter-mobile-appear {
        display: none;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    @media (max-width: 480px) {
        .grid-view-mode .inner {
            margin-right: 15px;
        }
        .wrapper-sidebar.shop-sidebar {
            width: 100%;
            overflow: hidden;
            text-align: left;
            overflow-y: auto;
            -webkit-box-shadow: 0 12px 32px 0 rgba(108, 133, 159, .24);
            box-shadow: 0 12px 32px 0 rgba(108, 133, 159, .24);
            border-radius: 16px;
            padding: 0px !important;
        }
        .filter-mobile-appear {
            height: 100%;
            display: block !important;
            position: absolute;
            z-index: 999;
            top: -50px;
            -webkit-transform: translateY(20px);
            -moz-transform: translateY(20px);
            -ms-transform: translateY(20px);
            -o-transform: translateY(20px);
            transform: translateY(20px);
            -webkit-transition: all 0.4s ease 0s;
            -moz-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
        }
    }
    
    .grid-view-mode .modes-mode {
        display: inline-block;
        padding: 4px 0;
        overflow: hidden;
        margin: 0 5px;
        vertical-align: top;
    }
    
    .grid-view-mode .modes-mode.active {
        color: #ed71a3;
    }
    
    .grid-view-mode .modes-mode.mode-grid::before {
        content: "\f118";
        font-family: Flaticon;
        font-size: 17px;
    }
    
    .grid-view-mode .modes-mode.mode-list::before {
        content: "\f119";
        font-family: Flaticon;
        font-size: 23px;
    }
    /*list-products*/
    
    ul.list-products {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: -3px;
    }
    /*product item*/
    
    .product-item {
        list-style: none;
        margin-bottom: 30px;
        padding: 5px;
    }
    
    .product-item .product-inner {
        border-radius: 0px;
        overflow: hidden;
        position: relative;
        padding: 0px 0px 10px;
        background-color: #fff;
        border: 1px solid #f3f3f3;
        /* -webkit-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.10); */
        /* -moz-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.10); */
        /* box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.10); */
    }
    
    .product-item:hover .product-inner {
        z-index: 2;
        border-color: black;
    }
    
    .product-item .product-top {
        overflow: hidden;
        z-index: 1;
        position: absolute;
        left: 7px;
        top: 7px;
        right: 15px;
    }
    
    @media (max-width:480px) {
        .product-item .product-top {
            left: 9px;
            top: 6px;
        }
    }
    
    .product-item .flash {
        font-size: 11px;
        font-weight: 500;
        text-transform: capitalize;
        display: inline-block;
        float: left;
        line-height: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 10%;
        margin-left: 5px;
        padding: 0 5px;
        text-align: center;
        background-color: black;
        color: #fff;
        position: relative;
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
    }
    
    .product-item .flash::before {
        border-radius: 50%;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .product-item .brand-block {
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        display: inline-block;
        float: right;
        line-height: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 2px;
        margin-right: 5px;
        padding: 0 5px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.603);
        color: #fff;
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
        overflow: hidden;
        z-index: 1;
        position: absolute;
        right: 0px;
        top: 7px;
    }
    
    .product-item .discount {
        font-size: 11px;
        font-weight: 500;
        text-transform: capitalize;
        display: inline-block;
        float: left;
        line-height: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 10%;
        padding: 0 5px;
        text-align: center;
        background-color: #f41847;
        color: #fff;
        position: relative;
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
    }
    
    .product-item .discount::before {
        border-radius: 50%;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .product-item .yith-wcwl-add-to-wishlist>div a:before {
        font-size: 18px;
        font-family: 'FontAwesome';
        content: "\f08a";
    }
    
    .product-item .yith-wcwl-add-to-wishlist>div a:hover::before {
        content: "\f004";
    }
    
    .product-item .product-thumb {
        margin-bottom: 15px;
        position: relative;
        text-align: center;
    }
    
    .product-item.style-list .button.quick-wiew-button,
    .product-item.style2 .button.quick-wiew-button,
    .product-item.style-3 .button.quick-wiew-button {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 46px;
        height: 46px;
        line-height: 46px;
        padding: 0;
        font-size: 0;
        background-color: #fff;
        color: #363636;
        border-radius: 100%;
        z-index: 10;
        font-weight: 400;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    
    .product-item.style-list:hover .button.quick-wiew-button,
    .product-item.style2:hover .button.quick-wiew-button,
    .product-item.style-3:hover .button.quick-wiew-button {
        opacity: 1;
        visibility: visible;
    }
    
    .product-item.style-list .button.quick-wiew-button::before,
    .product-item.style2 .button.quick-wiew-button::before,
    .product-item.style-3 .button.quick-wiew-button::before {
        font-size: 18px;
        content: "\f12d";
        font-family: 'Flaticon';
        font-weight: normal;
    }
    
    .product-item.style-list .button.quick-wiew-button:hover,
    .product-item.style2 .button.quick-wiew-button:hover,
    .product-item.style-3 .button.quick-wiew-button:hover {
        color: #fff;
    }
    
    .product-item .product-info {
        text-align: center;
        padding: 0px 10px 20px 10px;
        position: relative;
    }
    
    @media(max-width:480px) {
        .product-item .product-info {
            padding: 0 0px 10px 0px;
        }
        .product-name.product_title a {
            font-size: 10px !important;
        }
        .product-item .flash,
        .product-item .brand-block,
        .product-item .discount {
            height: 25px;
            line-height: 25px;
        }
    }
    
    .product-item .product-name {
        font-size: 15px;
        font-weight: normal;
        font-family: 'Circe-Light', serif;
        margin: 0;
        margin-bottom: 8px;
        letter-spacing: 0;
        padding-bottom: 10px;
    }
    
    .product-item.style-list .product-name {
        font-size: 22px;
    }
    
    .product-item .thumb-group {
        position: absolute;
        bottom: -32px;
        right: 6px;
    }
    
    .slick-initialized .slick-slide {
        padding: -1px;
    }
    
    .product-name.product_title a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size: 12px;
    }
    /* productlist properties */
    
    .color-pr-ls {
        width: 35px;
        height: 20px;
        opacity: 0.9;
    }
    
    .color-pr-ls:hover {
        cursor: pointer;
        /* border: 1px solid #000000; */
        opacity: 1;
        width: 50px;
    }
    
    .color-pr-ls-block {
        display: flex;
        height: 20px;
        justify-content: left;
        margin-bottom: 10px;
        margin-top: -20px;
    }
    
    @media (max-width:480px) {
        .product-item .product-name {
            padding-bottom: 8px;
        }
        .product-item .thumb-group {
            right: 0px
        }
        .color-pr-ls {
            width: 25px;
            height: 15px;
        }
        .color-pr-ls-block {
            margin-top: -15px;
        }
        .color-pr-ls:active,
        .color-pr-ls:hover {
            cursor: pointer;
            opacity: 1;
            width: 40px;
        }
    }
    
    .price.nodisc,
    .price.price-discount {
        float: left;
    }
    
    .product-item .thumb-group .yith-wcwl-add-to-wishlist {
        background-color: #f82929 !important;
    }
    
    .product-item .thumb-group .quick-wiew-button,
    .product-item .thumb-group .yith-wcwl-add-to-wishlist,
    .product-item .thumb-group .loop-form-add-to-cart {
        width: 46px;
        height: 46px;
        line-height: 46px;
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        margin: 4px 0;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, .08);
        opacity: 1;
        color: #fff;
        position: relative !important;
        display: block;
        vertical-align: top;
    }
    
    .product-item .thumb-group .loop-form-add-to-cart:hover {
        background-color: rgb(0, 0, 0);
    }
    
    .product-item .thumb-group .yith-wcwl-add-to-wishlist {
        font-size: 0;
        background-color: black;
    }
    
    .product-item .thumb-group .quick-wiew-button {
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        font-size: 0;
        background-color: #f7c86f;
        padding: 0;
    }
    
    .product-item .thumb-group .quick-wiew-button::before {
        font-size: 18px;
        content: "\f12d";
        font-family: 'Flaticon';
        font-weight: normal;
    }
    
    .product-item .thumb-group .loop-form-add-to-cart {
        -webkit-transition: all 0.6s ease 0s;
        -moz-transition: all 0.6s ease 0s;
        -o-transition: all 0.6s ease 0s;
        transition: all 0.6s ease 0s;
    }
    
    .product-item .thumb-group .loop-form-add-to-cart .single_add_to_cart_button {
        font-size: 0;
        background-color: transparent;
        padding: 0;
    }
    
    .product-item .thumb-group .loop-form-add-to-cart .single_add_to_cart_button::before {
        font-family: 'Flaticon';
        content: "\f137";
        font-size: 18px;
        color: rgb(48, 48, 48);
        font-weight: normal;
    }
    
    .product-item .thumb-group .loop-form-add-to-cart .single_add_to_cart_button:hover {
        color: rgb(255, 255, 255);
    }
    
    .product-item:hover .thumb-group .quick-wiew-button,
    .product-item:hover .thumb-group .yith-wcwl-add-to-wishlist,
    .product-item:hover .thumb-group .loop-form-add-to-cart {
        opacity: 1;
        visibility: visible;
    }
    
    .product-item .thumb-group .loop-form-add-to-cart:hover {
        background-color: black;
    }
    
    .product-item .thumb-group .loop-form-add-to-cart:hover .single_add_to_cart_button::before {
        color: #fff;
    }
    
    .product-item .thumb-group .quick-wiew-button:hover,
    .product-item .thumb-group .button.quick-wiew-button:hover {
        color: #fff;
        background-color: black;
    }
    
    .product-item .thumb-group .yith-wcwl-add-to-wishlist:hover {
        background-color: #ed71a3;
    }
    
    .product-item .thumb-group .yith-wcwl-add-to-wishlist:hover a {
        color: #fff;
    }
    
    .shop-grid-content.full-width .shop-top-control .select-item {
        width: 23.2%;
    }
    
    .slider-product .slick-slider>.slick-arrow {
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 42px;
        border: 1px solid #fff;
        color: #aaaaaa;
        right: -22px;
        z-index: 33;
        background: #ffffff;
        border-radius: 50%;
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    }
    
    .slider-product:hover .slick-slider>.slick-arrow {
        opacity: 1;
        visibility: visible;
    }
    
    .slider-product .slick-slider>.slick-arrow:first-child {
        left: -22px;
    }
    
    @media (max-width: 480px) {
        .product-item .thumb-group .loop-form-add-to-cart {
            width: 36px;
            height: 36px;
            margin: 6px 4px;
            line-height: 37px;
        }
        .product-item .thumb-group .loop-form-add-to-cart .single_add_to_cart_button::before {
            font-size: 14px;
        }
    }
    /*produc list*/
    
    .product-item.style-list .product-top {
        position: absolute;
        z-index: 1;
    }
    
    .product-item.style-list .products-bottom-content {
        display: table;
        width: 100%
    }
    
    .product-item.style-list .product-thumb {
        width: 250px;
    }
    
    .product-item.style-list .product-thumb .thumb-inner {
        position: relative;
    }
    
    .product-item.style-list .product-thumb,
    .product-item.style-list .product-info-left,
    .product-item.style-list .product-info-right {
        display: table-cell;
        vertical-align: top;
    }
    
    .product-item.style-list .product-info-left {
        vertical-align: top;
        padding: 0 30px;
    }
    
    .product-item.style-list .product-info-right {
        padding-left: 30px;
        border-left: 2px dashed #eee;
        width: 250px;
    }
    
    .product-item .quantity {
        display: none;
    }
    
    .product-item.style-list .yith-wcwl-add-to-wishlist {
        width: 100%;
        margin-bottom: 15px;
        display: none;
    }
    
    .product-item.style-list .stars-rating {
        margin-bottom: 10px;
    }
    
    .product-item.style-list .product-info-left ul {
        padding: 0;
        margin: 0;
    }
    
    .product-item.style-list .product-info-left ul li {
        font-size: 15px;
        color: #363636;
        line-height: 30px;
        display: inline-block;
    }
    
    .product-item.style-list .product-info-left .attributes-display li a {
        color: #888888;
    }
    
    .product-item.style-list .product-info-left .attributes-display li a:after {
        content: "/";
        display: inline-block;
        color: #888888;
    }
    
    .product-item.style-list .product-info-left .attributes-display li:last-child a:after {
        display: none;
    }
    
    .product-item.style-list .price {
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .product-item.style-list .product-list-message {
        font-size: 13px;
        color: #111;
        font-weight: 500;
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 20px;
        display: inline-block;
    }
    
    .product-item.style-list .product-list-message::after {
        content: '';
        height: 2px;
        width: 36px;
        bottom: 0;
        left: 0;
        background: #e7e7e7;
        display: inline-block;
        position: absolute;
    }
    
    .product-item.style-list .product-list-message .icon {
        font-size: 20px;
    }
    
    .product-item.style-list .single_variation_wrap>.button {
        margin-bottom: 20px;
        background-color: black;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        vertical-align: middle;
        height: 43px;
        padding: 0 20px;
        line-height: 41px;
        position: relative;
    }
    
    .product-item.style-list .single_variation_wrap>.button::before {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .product-item.style-list .single_variation_wrap>.button:hover {
        color: #ffffff;
    }
    
    .full-width .product-item.style-list .product-info-right {
        width: 270px;
    }
    /*quantity*/
    
    .quantity .control {
        display: table;
        border: 1px solid #e9e9e9;
        width: 100%;
        padding: 0 10px;
    }
    
    .quantity .control {
        display: table;
        border: 1px solid #e9e9e9;
        width: 100%;
        padding: 0 10px;
        border-radius: 0px;
    }
    
    .quantity .control .btn-number,
    .quantity .control .input-qty {
        display: table-cell;
        vertical-align: middle;
    }
    
    .quantity .control .btn-number {
        font-size: 23px;
        color: #d9d9d9;
        font-weight: 500;
    }
    
    .quantity .control .input-qty {
        border: none;
        padding: 7px 0;
        text-align: center;
        font-size: 16px;
        color: #363636;
        font-weight: 500;
        width: 34px;
        height: inherit;
    }
    /*STARS-RATING*/
    
    .star-rating {
        font-size: 0;
        position: relative;
        display: inline-block;
        overflow: hidden;
    }
    
    .star-rating:before,
    .star-rating>span:before {
        display: inline-block;
        float: left;
        font-family: FontAwesome;
        content: "\f006\f006\f006\f006\f006";
        font-size: 13px;
        line-height: 13px;
        color: #f7c86f;
        letter-spacing: 0.1em;
    }
    
    .star-rating>span {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        line-height: 13px;
    }
    
    .star-rating .star-1 {
        width: 20%;
    }
    
    .star-rating .star-2 {
        width: 40%;
    }
    
    .star-rating .star-3 {
        width: 60%;
    }
    
    .star-rating .star-4 {
        width: 80%;
    }
    
    .star-rating .star-5 {
        width: 100%
    }
    
    .star-rating>span:before {
        content: "\f005\f005\f005\f005\f005";
        color: #f7c86f;
    }
    
    .count-star {
        position: relative;
        display: inline-block;
        overflow: hidden;
        line-height: 14px;
    }
    /* PRODUCT SLIDER */
    
    .gallery .full img:hover {
        display: block;
        cursor: url(../images/cursor_gallery.svg), pointer;
    }
    /*-----------------PRICE----------------------*/
    
    .product-item .price {
        display: block;
        font-size: 16px;
        color: #172029;
        line-height: 100%;
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
    }
    
    .product-item .nodisc {
        /* margin-top: 15px; */
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .product-item .price del {
        color: #172029;
        margin-right: 5px;
        font-size: 12px;
    }
    
    .product-item .price ins {
        text-decoration: none;
        color: #f41847;
        font-size: 16px;
    }
    
    .product-item .price-discount {
        background-color: #fff;
        display: inline-block;
        padding: 8px;
        border-radius: 0px;
        text-align: left;
        line-height: 14px;
    }
    
    @media (max-width: 480px) {
        .product-item .price {
            font-size: 14px;
        }
        .product-item .nodisc {
            margin-top: -5px;
            padding-left: 12px;
        }
        .product-item .price del {
            margin-right: 5px;
            font-size: 11px;
        }
        .product-item .price ins {
            font-size: 14px;
        }
        .product-item .price-discount {
            padding: 8px;
            line-height: 14px;
        }
        .product-item .product-inner {
            /* padding: 16px 4px 15px 10px; */
            padding: 0px 0px 0px 0px;
        }
    }
    /* -------------------- */
    /*   Product Style     */
    /* -------------------- */
    /*404 page*/
    
    .error-404 {
        padding: 60px 0 0;
        width: 100%;
    }
    
    .error-404 .images {
        width: 65%;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }
    
    .error-404 .text-404 {
        display: table-cell;
        vertical-align: middle;
        padding-left: 40px;
    }
    
    .text-404 .page-title {
        font-size: 36px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #111111;
        text-transform: capitalize;
        margin-bottom: 25px;
        line-height: 1;
        margin-top: 110px;
    }
    
    .text-404 .page-content {
        font-size: 13px;
        line-height: 24px;
        color: #888888;
    }
    
    .text-404 .page-content .hightlight {
        color: black;
        font-weight: 600;
        cursor: pointer;
    }
    
    .text-404 h3 {
        font-size: 18px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #111111;
        line-height: 1;
    }
    /*contact page*/
    
    .moorabi-google-maps {
        min-height: 480px;
    }
    
    .form-contact {
        margin-top: -380px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16);
        -moz-box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16);
        box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16);
        border-radius: 0px;
        overflow: hidden;
    }
    
    .form-contact::after,
    .form-contact::before {
        display: table;
        content: '';
    }
    
    .form-contact::after {
        clear: both;
    }
    
    .form-message {
        padding-top: 55px;
        padding-right: 70px;
        padding-bottom: 55px;
        padding-left: 70px;
        background-color: #ffffff;
    }
    
    .form-message .title {
        font-size: 16px;
        color: #d7e7f7;
        text-align: left;
        font-style: normal;
        margin-bottom: 27px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-transform: uppercase;
    }
    
    .moorabi-contact-fom p:last-child {
        margin-bottom: 0;
    }
    
    .moorabi-contact-fom .form-label {
        font-size: 15px;
        line-height: 30px;
        color: #888;
        display: block;
        margin-bottom: 5px;
    }
    
    .moorabi-contact-fom .form-control {
        position: relative;
        overflow: hidden;
    }
    
    .moorabi-contact-fom .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .moorabi-contact-fom .your-textarea {
        border: 1px solid #eeeeee;
    }
    
    .moorabi-contact-fom .button-submit {
        min-width: 157px;
        margin-top: 10px;
    }
    
    .form-contact-information {
        padding-top: 55px;
        padding-right: 45px;
        padding-bottom: 45px;
        padding-left: 45px;
        background-color: black;
    }
    
    .moorabi-contact-info .title {
        font-size: 16px;
        color: #fff;
        margin-bottom: 55px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-transform: uppercase;
    }
    
    .moorabi-contact-info .item {
        display: block;
        overflow: hidden;
        margin-bottom: 32px;
    }
    
    .moorabi-contact-info .item .icon {
        display: inline-block;
        float: left;
        border: 1px solid black;
        background-color: black;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        margin-right: 20px;
        text-align: center;
        line-height: 40px;
    }
    
    .moorabi-contact-info .item .icon::before {
        font-family: 'FontAwesome';
        font-size: 20px;
        color: #fff;
        display: inline-block;
        text-align: center;
    }
    
    .moorabi-contact-info .address .icon::before {
        content: "\f041";
    }
    
    .moorabi-contact-info .phone .icon::before {
        content: "\f095";
    }
    
    .moorabi-contact-info .email .icon::before {
        content: "\f003";
    }
    
    .moorabi-contact-info .item .text {
        display: block;
        color: #fff;
        text-transform: capitalize;
        font-size: 15px;
        overflow: hidden;
    }
    
    .moorabi-contact-info .socials {
        padding-top: 238px;
    }
    
    .moorabi-contact-info .socials .social-item {
        font-size: 23px;
        color: #fff;
        margin-right: 20px;
    }
    
    .moorabi-contact-info .socials .social-item:hover {
        color: #ffffff;
    }
    /*shopping cart page*/
    
    .cart-form {
        border: 1px solid #f1f1f1;
        border-radius: 0px;
    }
    
    .cart-form .shop_table {
        border: none;
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 0px;
    }
    
    .cart-form .shop_table thead {
        display: none;
    }
    
    .cart-form .shop_table thead>tr,
    .cart-form .shop_table tbody>tr.cart_item {
        display: block;
        font-size: 0;
        line-height: 0;
        position: relative;
        text-align: left;
    }
    
    .cart-form .shop_table thead tr,
    .cart-form .shop_table tr.cart_item {
        border-bottom: 1px solid #f1f1f1;
    }
    
    .cart-form .shop_table th,
    .cart-form .shop_table td {
        border: none;
        text-align: left;
    }
    
    .cart-form .shop_table tbody>tr>td {
        padding: 20px 20px 10px 10px;
    }
    
    .cart-form .shop_table tbody tr.cart_item td.product-remove {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0px 0px;
        position: absolute;
        top: 70px;
        left: 20px;
    }
    
    .shop_table td.product-remove a {
        display: block;
        font-size: 20px
    }
    
    .cart-form .product-remove a:before {
        content: "\f014";
        font-family: FontAwesome;
        font-size: 20px;
        color: #aaa;
    }
    
    .cart_item .product-price.total {
        text-align: right !important;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .cart_item .product-price.total ins {
        font-size: 18px;
        text-decoration: unset;
        color: #f41847;
    }
    
    .cart_item .product-price.total del {
        font-size: 14px;
    }
    
    .cart-form .shop_table thead th,
    .cart-form .shop_table tbody tr.cart_item td {
        display: inline-block;
        line-height: 24px;
        border: none;
        text-align: left;
    }
    
    .cart-form .shop_table .product-thumbnail {
        width: 160px;
        padding-left: 30px;
        margin-left: 20px;
    }
    
    .cart-form .shop_table .product-thumbnail img {
        width: 200px;
    }
    
    .cart-form .shop_table .product-name {
        color: #363636;
        width: 40%;
        font-size: 16px;
    }
    
    .cart-form .shop_table .product-name a {
        display: block;
        font-weight: 600;
        font-size: 15px;
        line-height: 17px;
    }
    
    .cart-form .shop_table .product-name .attributes-select {
        display: inline-block;
        font-size: 15px;
        color: #888888;
        cursor: pointer;
    }
    
    .cart-form .shop_table .product-name .attributes-size {
        text-transform: capitalize;
    }
    
    .cart-form .shop_table .product-quantity {
        width: 12%;
        margin-right: 10px;
    }
    
    .cart-form .shop_table .product-quantity .quantity {
        display: block;
        border: 1px solid #f1f1f1;
        padding: 0 6px;
        width: 75px;
        text-align: center;
        border-radius: 0px;
    }
    
    .cart-form .shop_table .product-quantity .quantity .control {
        border: none;
    }
    
    .cart-form .shop_table .product-price {
        font-size: 16px;
        color: #111;
        font-weight: 500;
    }
    
    .cart-form .shop_table tbody>tr>td.actions {
        padding: 50px 60px 50px 30px;
    }
    
    .shop_table .actions .coupon {
        position: relative;
        display: inline-block;
    }
    
    .shop_table .actions>.order-refresh {
        float: right;
    }
    
    .cart-form .shop_table .actions .coupon_code {
        font-size: 16px;
        font-weight: 500;
        color: #363636;
    }
    
    .cart-form .shop_table .actions input[type="text"] {
        min-width: 150px;
        color: #888888;
    }
    
    .cart-form .coupon .button {
        font-size: 0;
        padding: 0;
        width: 42px;
        height: 42px;
        line-height: 40px;
        color: #aaaaaa;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        text-align: center;
        cursor: pointer;
        background: transparent;
    }
    
    .shop_table .actions .coupon .button::after {
        content: '\f061';
        display: inline-block;
        font-family: 'FontAwesome';
        font-size: 15px;
    }
    
    .shop_table .actions .order-total span {
        color: #363636;
        text-transform: capitalize;
        font-weight: 500;
    }
    
    .shop_table .actions .order-total .title {
        font-size: 16px;
    }
    
    .shop_table .actions .order-total .total-price {
        font-size: 20px;
    }
    
    .shoppingcart-content .control-cart {
        text-align: right;
    }
    
    .shoppingcart-content .control-cart .button {
        background: transparent;
        background-color: black;
        border: 1px solid #e9e9e9;
        margin-left: 15px;
        padding: 15px 45px;
    }
    
    .shoppingcart-content .control-cart .button:hover {
        color: #ffffff;
    }
    
    .order-refresh .button {
        background: transparent;
        color: #363636;
        border: 1px solid #e9e9e9;
        margin-left: 15px;
    }
    
    .order-refresh .button:hover {
        color: #ffffff;
        background-color: black;
    }
    
    .coupon .input-text:focus {
        border: 1px solid black !important;
    }
    /*about page*/
    /*banner about*/
    
    .header-banner.banner-image .banner-wrap {
        background-image: url(../images/about-background.jpg) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        position: relative;
    }
    
    .header-banner.banner-image .banner-wrap::after,
    .header-banner.banner-image .banner-wrap::before {
        display: table;
        content: '';
    }
    
    .header-banner.banner-image .banner-wrap::after {
        clear: both;
    }
    
    .header-banner.banner-image .banner-wrap .content-inner {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    
    .header-banner .title {
        font-size: 34px;
        line-height: 35px;
        text-align: left;
        font-style: normal;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin-bottom: 20px;
    }
    
    .header-banner .sub-title {
        font-size: 16px;
        color: #888888;
        text-align: left;
        margin-bottom: 35px;
    }
    
    .header-banner .button {
        color: #ffffff;
        line-height: 39px;
        padding: 0 15px;
    }
    
    .header-banner .moorabi-button.button {
        background-color: #ed71a3;
        border-color: #ed71a3;
        margin-top: 0;
    }
    /*moorabi-iconbox */
    
    .moorabi-iconbox.layout1 {
        margin-top: 63px;
    }
    
    .moorabi-iconbox.layout1 .icon-item {
        position: relative;
        margin-bottom: 15px;
        color: #d7e7f7;
    }
    
    .moorabi-iconbox.layout1 .icon-item .placeholder-text {
        font-size: 90px;
        color: #555;
        opacity: 0.1;
        line-height: 1;
        display: block;
        font-weight: 500;
        display: none;
    }
    
    .moorabi-iconbox.layout1 .icon-item .icon {
        /*position: absolute;*/
        left: 3px;
        font-size: 60px;
        bottom: 20px;
        color: #ed71a3;
    }
    
    .moorabi-iconbox .content .title {
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .moorabi-iconbox.layout1 .content .title {
        color: #363636;
        margin-bottom: 8px;
    }
    
    .moorabi-iconbox.layout1 .iconbox-inner .content .text {
        color: #888;
    }
    /*team-member*/
    
    .team-member .border-custom {
        margin-top: 75px;
    }
    
    .team-member .custom_blog_title {
        margin-top: 65px;
        margin-bottom: 50px;
        text-transform: capitalize;
    }
    
    .custom_blog_title.center {
        text-align: center;
    }
    
    .moorabi-team-member {
        text-align: center;
        padding: 0 15px;
    }
    
    .moorabi-team-member .member_avatar img {
        margin: 0 auto;
        border-radius: 50%;
    }
    
    .moorabi-team-member .member_name {
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
        color: #363636;
        margin-top: 20px;
        margin-bottom: 3px;
    }
    
    .team-member-slider.nav-center .slick-arrow {
        top: calc(50% - 50px);
        transform: none;
        opacity: 0;
        visibility: hidden;
    }
    
    .team-member-slider:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
    }
    /*inlookbook page*/
    
    .sevice-item.style-1 {
        padding-bottom: 60px;
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 60px;
    }
    
    .sevice-box-wrap {
        position: relative;
    }
    
    .sevice-box-content {
        padding: 0 45px;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }
    
    .sevice-box-content .sevice-title {
        font-size: 32px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #363636;
        line-height: 1.3;
        margin-bottom: 25px;
    }
    
    .sevice-box-content .sevice-title span {
        display: block;
    }
    
    .sevice-box-content .sevide-desc {
        margin: 0 0 35px;
    }
    
    .sevice-box-content .sevice-button {
        border: 1px solid #e9e9e9;
        min-width: 206px;
        height: 43px;
        line-height: 38px;
        color: #363636;
        display: inline-block;
        padding: 0 15px;
        font-size: 12px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .sevice-box-content .sevice-button:hover {
        color: #ffffff;
    }
    
    .wapper-slider-lookbook {
        padding: 60px 0;
        background: #f4f4f4;
    }
    
    .slider-lookbook-item {
        padding: 0 15px;
    }
    
    .slider-lookbook-item .lookbook-inner {
        padding: 30px;
        background: #ffffff;
        overflow: hidden;
    }
    
    .slider-lookbook-item .lookboox-thumb {
        float: left;
        max-width: 200px;
    }
    
    .slider-lookbook-item .lookboox-infore {
        text-align: center;
        padding: 35px 0 0 50px;
        overflow: hidden;
    }
    
    .slider-lookbook-item .name-lookbook {
        font-size: 20px;
        text-transform: capitalize;
        margin-bottom: 45px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .slider-lookbook-item .view-the-look {
        color: #aaaaaa;
        font-size: 13px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-transform: uppercase
    }
    
    .slider-lookbook.nav-center>.slick-arrow {
        width: 50px;
        border: 1px solid #eeeeee;
        text-align: center;
        line-height: 48px;
        background: #ffffff;
    }
    
    .slider-lookbook.nav-center>.slick-arrow:hover {
        background: #ffffff;
    }
    
    .slick-slider.slider-lookbook.nav-center>.slick-arrow {
        right: -40px;
    }
    
    .slick-slider.slider-lookbook.nav-center>.slick-arrow:first-child {
        left: -40px;
    }
    
    .sevice-item.style-1:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    /*check out*/
    
    .checkout-form {
        display: inline-block;
        padding: 40px 30px;
        border: 1px solid #f3f3f3;
        margin-bottom: 25px;
        width: 100%;
        border-radius: 0px;
    }
    
    .checkout-wrapp .row-col {
        display: inline-block;
        float: left;
    }
    
    .checkout-wrapp .row-col-1 {
        width: 57.264957%;
        padding-right: 15px;
    }
    
    .checkout-wrapp .row-col-2 {
        width: 42.735043%;
        padding-left: 135px;
    }
    
    .title-form {
        font-size: 18px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #d7e7f7;
        margin-bottom: 25px;
        padding-bottom: 10px;
        position: relative;
    }
    
    .title-form::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        border-bottom: 2px solid #ed71a3;
        width: 30px;
    }
    
    .shipping-address .form-row:not(.form-row-last) {
        clear: left;
    }
    
    .shipping-address .form-row.form-row-first,
    .shipping-address .form-row.form-row-last {
        display: inline-block;
        width: calc(50% - 10px);
        overflow: visible;
    }
    
    .shipping-address .form-row.form-row-last {
        float: right;
    }
    
    .shipping-address .form-row .text {
        display: block;
        font-weight: 500;
        font-size: 15px;
        color: #363636;
        text-transform: capitalize;
    }
    
    .checkout-wrapp .form-row .input-text {
        width: 100%;
    }
    
    .checkout-wrapp .forn-row-col {
        width: 33%;
        display: inline-block;
        padding: 0 8px;
    }
    
    .checkout-wrapp .forn-row-col.forn-row-col-1 {
        padding-left: 0
    }
    
    .checkout-wrapp .forn-row-col.forn-row-col-3 {
        padding-right: 0;
        float: right;
    }
    
    .checkout-wrapp .chosen-container {
        width: 100% !important;
    }
    
    .checkout-wrapp .chosen-container-single .chosen-single {
        background: transparent;
        font-weight: 400;
        text-transform: capitalize;
    }
    
    .checkout-wrapp .chosen-container-single .chosen-single div {
        right: 10px;
    }
    
    .your-order .title-form {
        margin-bottom: 35px;
        position: relative;
        padding-bottom: 10px;
    }
    
    .list-product-order {
        padding: 0;
        margin: 0;
    }
    
    .list-product-order li {
        list-style: none;
        overflow: hidden;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #f3f3f3
    }
    
    .list-product-order li:last-child {
        padding-bottom: 0;
        border-bottom: 0;
        margin-bottom: 35px;
    }
    
    .list-product-order .product-thumb {
        float: left;
        width: 100px;
        margin-right: 30px;
    }
    
    .list-product-order .product-order-inner {
        overflow: hidden;
    }
    
    .list-product-order .product-name {
        font-size: 16px;
        color: #363636;
        margin-bottom: 5px;
        margin-top: 5px;
        position: relative;
    }
    
    .list-product-order .attributes-select {
        font-size: 15px;
        color: #888888;
        text-transform: capitalize;
        cursor: pointer;
        margin-bottom: 5px;
        display: inline-block;
    }
    
    .list-product-order .attributes-size {
        text-transform: uppercase;
    }
    
    .list-product-order .price {
        font-size: 16px;
        color: #111111;
        font-weight: 500;
    }
    
    .list-product-order .price .count {
        color: #888881;
    }
    
    .your-order .order-total {
        color: #363636;
        font-weight: 500;
    }
    
    .your-order .order-total .title {
        font-size: 16px;
        text-transform: capitalize;
    }
    
    .your-order .order-total .total-price {
        font-size: 20px;
    }
    
    .checkout-wrapp .button {
        min-width: 110px;
        background: transparent;
        color: #363636;
        border: 1px solid #e9e9e9;
        margin-bottom: 50px;
    }
    
    .checkout-wrapp .button-payment {
        float: right;
        min-width: 135px;
    }
    
    .checkout-wrapp .button-payment::after {
        content: "\f061";
        font-family: "FontAwesome";
        font-size: 13px;
        color: #aaaaaa;
        margin-left: 10px;
    }
    
    .checkout-wrapp .button:hover,
    .checkout-wrapp .button:hover:after,
    .button-control .btn-back-to-shipping:hover::before {
        color: #ffffff;
    }
    
    .payment-method-wrapp .button-control {
        float: right;
    }
    
    .payment-method .title-form {
        margin-bottom: 35px;
    }
    
    .checkout-wrapp .group-button-payment .button {
        margin-bottom: 20px;
        margin-right: 15px;
    }
    
    .checkout-wrapp .group-button-payment .btn-credit-card {
        min-width: 155px;
        color: #ffffff;
    }
    
    .payment-method .form-row-card-number {
        max-width: 360px;
    }
    
    .form-row-card-number .input-text {
        text-align: center;
    }
    
    .payment-method-wrapp .button-control .button {
        margin-left: 15px;
    }
    
    .payment-method-wrapp .button-control .btn-pay-now {
        color: #ffffff;
    }
    
    .button-control .btn-back-to-shipping::before {
        content: "\f060";
        font-family: "FontAwesome";
        font-size: 13px;
        color: #aaaaaa;
        margin-right: 10px;
    }
    
    .end-checkout {
        text-align: center;
        padding: 50px 30px;
        margin-bottom: 0;
    }
    
    .end-checkout .icon {
        display: inline-block;
        width: 98px;
        height: 98px;
        border: 3px solid #555555;
        border-radius: 50%;
        line-height: 102px;
        text-align: center;
        margin-bottom: 25px;
    }
    
    .end-checkout .icon::before {
        content: url("../images/icon-checkout.png");
    }
    
    .end-checkout .title-checkend {
        font-size: 18px;
        color: #d7e7f7;
    }
    
    .end-checkout .sub-title {
        font-size: 15px;
        color: #555555;
        margin: 0 auto 40px;
        max-width: 570px;
    }
    
    .end-checkout .button {
        min-width: 200px;
        margin-bottom: 0;
        color: #ffffff;
    }
    
    .end-checkout .button:hover,
    .payment-method-wrapp .button-control .btn-pay-now:hover,
    .checkout-wrapp .group-button-payment .btn-credit-card:hover {
        background: #363636 !important;
        border-color: #363636 !important;
    }
    /*detaills page*/
    
    .product-cart-title {
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin-left: 20px;
    }
    
    .details-thumd {
        width: 57%;
        float: left;
        padding-right: 40px;
        position: relative;
    }
    
    .details-infor {
        width: 43%;
        float: right;
    }
    
    .details-thumd .thumbnails_carousel .owl-item a {
        display: block;
        position: relative;
    }
    
    .details-thumd .thumbnails_carousel .owl-item a::before {
        border: 1px solid #f0f0f0;
        position: absolute;
        left: 1px;
        right: 1px;
        top: 1px;
        bottom: 1px;
        content: '';
        z-index: 1;
        border-radius: 0px;
    }
    
    .details-thumd .thumbnails_carousel .owl-item a.active::before {
        border-color: black;
    }
    
    .details-thumd .thumbnails_carousel .owl-item img {
        margin: 0 auto;
        padding: 5px;
    }
    
    .details-thumd .image-preview-container {
        position: relative;
        border: 1px solid #f0f0f0;
        margin-bottom: 10px;
        overflow: hidden;
        border-radius: 0px;
    }
    
    .btn-zoom.open_qv {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 10px;
        top: 10px;
        overflow: hidden;
        text-align: center;
        line-height: 33px;
        z-index: 2;
    }
    
    .btn-zoom.open_qv i {
        color: black
    }
    
    .btn-zoom.open_qv:hover {
        background-color: rgba(255, 255, 255, 0) !important;
        border: 2px solid #868686 !important;
    }
    
    .zoomContainer:nth-child(n+1),
    .zoomContainer:first-child {
        display: none !important;
    }
    
    .zoomContainer:last-child {
        display: block !important;
    }
    
    .details-thumd .product-preview {
        padding: 0 40px;
    }
    
    .details-thumd .owl-thumb-item {
        font-size: 0;
        display: none;
    }
    
    .details-thumd .owl-nav .owl-next {
        right: -40px;
    }
    
    .details-thumd .owl-nav .owl-prev {
        left: -40px;
    }
    
    .details-thumd .owl-nav div {
        width: 35px;
        height: 35px;
        border: 1px solid #eeeeee;
        text-align: center;
        line-height: 30px;
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: #aaaaaa;
        background: #ffffff;
        z-index: 33;
        border-radius: 50%;
    }
    
    .details-infor .product-title {
        font-size: 26px;
        font-weight: 500;
        color: #363636;
        margin-bottom: 9px;
        margin-top: -9px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .details-infor .stars-rating {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 5px;
    }
    
    .porudct-info2-block {
        display: flex;
        align-items: center;
    }
    
    .details-infor .sku {
        text-transform: capitalize;
        font-size: 15px;
        color: #555555;
        padding: 10px 20px 20px 20px;
    }
    
    .details-infor .sku a {
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .details-infor .brand {
        text-transform: capitalize;
        font-size: 15px;
        color: #555555;
        padding: 0px 20px;
    }
    
    .details-infor .brand img {
        max-width: 100px;
        min-width: 50px;
    }
    
    .details-infor .brand a {
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .details-infor .price {
        font-size: 22px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #333;
        margin-bottom: 20px;
    }
    
    .details-infor .product-details-description {
        font-size: 15px;
        color: #555555;
        margin-bottom: 15px;
    }
    
    .details-infor .variations .text-attribute {
        font-size: 15px;
        font-weight: 500;
        color: #333;
    }
    
    .details-infor .variations .text-attribute span {
        color: #555555;
        font-weight: normal;
    }
    
    .attribute .list-item {
        overflow: hidden;
        margin: 15px 0 10px;
    }
    
    .attribute_color .list-color a {
        display: inline-block;
        height: 27px;
        margin-bottom: 15px;
        margin-right: 10px;
        position: relative;
        text-align: center;
        width: 26px;
        line-height: 27px;
        float: left;
        border-radius: 0px;
    }
    
    .attribute_color .list-color a:last-child {
        margin-right: 0;
    }
    
    .attribute_color .list-color .color1 {
        border: 1px solid #eeeeee
    }
    
    .attribute_color .list-color .color2 {
        background: #d7e7f7;
    }
    
    .attribute_color .list-color .color3 {
        background: #4a5365;
    }
    
    .attribute_color .list-color .color4 {
        background: #84664d;
    }
    
    .attribute_color .list-color a:hover::before,
    .attribute_color .list-color a.active::before {
        color: #fff;
        content: "\f00c";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 12px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    
    .attribute_color .list-color .color1:hover::before,
    .attribute_color .list-color .color1.active::before {
        color: #d7e7f7;
    }
    
    .attribute_size .list-size a {
        display: inline-block;
        min-width: 54px;
        line-height: 30px;
        height: 30px;
        border: 1px solid #eeeeee;
        text-align: center;
        margin-right: 10px;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-weight: 500;
        border-radius: 0px;
    }
    
    .attribute_size .list-size a.active,
    .attribute_size .list-size a:hover {
        color: #ffffff;
    }
    
    .details-infor .group-button .yith-wcwl-add-to-wishlist,
    .details-infor .group-button .size-chart-wrapp {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 25px;
        font-size: 15px;
        color: #555555;
    }
    
    .details-infor .group-button .size-chart-wrapp {
        margin-left: 25px;
    }
    
    .details-infor .group-button .yith-wcwl-add-to-wishlist div a::before,
    .details-infor .group-button .size-chart-wrapp .btn-size-chart a::before {
        font-family: 'FontAwesome';
        margin-right: 7px;
        color: #ccc;
        font-size: 18px;
        line-height: normal;
        vertical-align: middle;
        display: inline-block;
        margin-top: -2px;
    }
    
    .details-infor .group-button .yith-wcwl-add-to-wishlist div a::before {
        content: "\f08a";
    }
    
    .details-infor .group-button .yith-wcwl-add-to-wishlist div a:hover::before {
        content: "\f004";
    }
    
    .details-infor .group-button .size-chart-wrapp .btn-size-chart a::before {
        content: "\f11b";
        font-family: 'Flaticon';
    }
    
    .details-infor .quantity,
    .details-infor .group-button .button {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }
    
    .details-infor .quantity .control {
        padding: 1px 8px;
    }
    
    .details-infor .group-button .button {
        min-width: 150px;
        font-size: 15px;
        position: relative;
    }
    
    .details-infor .group-button .button::before {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .tab-details-product {
        margin-top: 20px;
        width: 100%;
        float: left;
        background-color: white;
        border-radius: 0px;
    }
    
    .tab-details-product .tab-link {
        margin-bottom: 40px;
        padding: 0;
        border-bottom: 1px solid #F1F1F1;
        padding-bottom: 4px;
    }
    
    .no-sidebar .tab-details-product .tab-link {
        text-align: left;
    }
    
    .tab-details-product .tab-link li {
        list-style: none;
        display: inline-block;
        padding: 0 30px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .tab-details-product .tab-link li:first-child {
        padding-left: 0;
    }
    
    .tab-details-product .tab-link li:last-child {
        padding-right: 0;
    }
    
    .tab-details-product .tab-link li a {
        display: inline-block;
        font-size: 18px;
        color: #bbb;
        position: relative;
    }
    
    .tab-details-product .tab-link li.active a::after {
        height: 3px;
        width: 100%;
        position: absolute;
        bottom: -8px;
        left: 0;
        content: '';
    }
    
    .tab-details-product #product-descriptions p {
        margin-bottom: 0;
    }
    
    .reviews-tab .comments .reviews-title {
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    
    .reviews-tab .commentlist {
        padding: 0;
        margin: 0;
    }
    
    .reviews-tab .conment {
        list-style: none;
        margin-bottom: 30px;
    }
    
    .reviews-tab .avatar {
        float: left;
    }
    
    .reviews-tab .comment-text {
        overflow: hidden;
        padding-left: 30px;
    }
    
    .reviews-tab .stars-rating {
        float: right;
        display: inline-block;
    }
    
    .reviews-tab .comment-text .meta {
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    
    .review_form .comment-reply-title {
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    
    .comment-form-review p {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    
    .comment-form-review label {
        display: block;
        font-weight: normal;
    }
    
    .review_form .comment-form-review .stars {
        margin-bottom: 0;
    }
    
    .review_form .comment-form-review .stars a {
        font-size: 0;
        color: #ccc;
        display: inline-block;
        border-right: 1px solid #eee;
        padding: 0 10px;
        line-height: 13px;
        float: left;
    }
    
    .review_form .comment-form-review .stars a:last-child {
        border: none;
    }
    
    .review_form .comment-form-review .stars a:first-child {
        padding-left: 0;
    }
    
    .review_form .comment-form-review .stars a::before {
        font-family: 'FontAwesome';
        font-size: 13px;
        display: inline-block
    }
    
    .review_form .comment-form-review .stars a.star-1::before {
        content: "\f005";
    }
    
    .review_form .comment-form-review .stars a.star-2::before {
        content: "\f005\f005";
    }
    
    .review_form .comment-form-review .stars a.star-3::before {
        content: "\f005\f005\f005";
    }
    
    .review_form .comment-form-review .stars a.star-4::before {
        content: "\f005\f005\f005\f005";
    }
    
    .review_form .comment-form-review .stars a.star-5::before {
        content: "\f005\f005\f005\f005\f005";
    }
    
    .comment-form-review input[type="text"],
    .comment-form-review input[type="email"],
    .comment-form input[type="url"] {
        clear: both;
        float: left;
        padding: 6px 15px;
        width: 48%;
    }
    
    .comment-form-review .form-submit .submit {
        padding: 9px 30px;
    }
    /*product related/ product upsells*/
    
    .related,
    .up-sells {
        position: relative;
    }
    
    .product-grid-title {
        font-size: 20px;
        text-transform: uppercase;
        color: #030303;
        text-align: center;
        font-style: normal;
        margin-bottom: 40px;
        position: relative;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        letter-spacing: 0;
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 15px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        padding-top: 60px;
    }
    
    .product-grid-title::before {
        position: absolute;
        content: '';
        width: 70px;
        border: 2px solid black;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .related .product-item,
    .up-sells .product-item {
        margin-bottom: 0;
    }
    
    .related .slick-slider.nav-center>.slick-arrow,
    .up-sells .slick-slider.nav-center>.slick-arrow {
        color: #aaaaaa;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 30px;
        border: 1px solid #f3f3f3;
        font-size: 20px;
        opacity: 0;
        right: 50px;
        visibility: hidden;
        background: #ffffff;
        -moz-transition: all 0.45s ease;
        -webkit-transition: all 0.45s ease;
        -o-transition: all 0.45s ease;
        -ms-transition: all 0.45s ease;
    }
    
    .related .slick-slider.nav-center>.slick-arrow:first-child,
    .up-sells .slick-slider.nav-center>.slick-arrow:first-child {
        left: 50px;
    }
    
    .related:hover .slick-slider.nav-center>.slick-arrow,
    .up-sells:hover .slick-slider.nav-center>.slick-arrow {
        opacity: 1;
        visibility: visible;
        right: -20px;
    }
    
    .related:hover .slick-slider.nav-center>.slick-arrow:first-child,
    .up-sells:hover .slick-slider.nav-center>.slick-arrow:first-child {
        left: -20px;
    }
    /*details full width*/
    
    .full-width .details-thumd {
        padding-left: 20px;
    }
    
    .full-width .details-thumd .product-preview {
        padding: 0;
    }
    
    .full-width .details-thumd .owl-nav .owl-prev {
        left: -24px;
    }
    
    .full-width .details-thumd .owl-nav .owl-next {
        right: -24px;
    }
    /*home-slider*/
    
    .slick-slide {
        padding: 0 15px;
    }
    
    .slider-item .slider-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        border-radius: 0px;
        overflow: hidden;
    }
    
    .slider-item .title-small {
        color: #ed71a3;
        font-size: 15px;
        letter-spacing: 0.05em;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        padding: 0;
        text-transform: uppercase;
        margin-bottom: 12px;
    }
    
    .slider-item.slick-active .title-small {
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        animation-name: bounceInDown;
        -webkit-animation-name: bounceInDown;
    }
    
    .slider-item .title-big {
        font-size: 36px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        line-height: 1;
        max-width: 370px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-transform: capitalize;
    }
    
    .slider-item.slick-active .title-big {
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        animation-name: bounceInRight;
        -webkit-animation-name: bounceInRight;
    }
    
    .slider-item .price {
        font-size: 18px;
        letter-spacing: -0.05em;
        font-weight: 500;
        display: block;
        margin-bottom: 35px;
    }
    
    .slider-item.slick-active .price,
    .slider-item.slick-active .description {
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        animation-name: bounceInLeft;
        -webkit-animation-name: bounceInLeft;
    }
    
    .slider-item .price .number-price {
        text-transform: uppercase;
        font-size: 28px;
        color: #f7c86f;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        position: relative;
    }
    
    .slider-item .slider-infor .button {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 20px;
        padding-left: 20px;
        background: black;
        color: #fff;
        margin-right: 5px;
        min-width: 110px;
        border-radius: 0px;
        position: relative;
    }
    
    .slider-item .slider-infor .button::before {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .slider-item.slick-active .slider-infor .button {
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        animation-name: bounceInUp;
        -webkit-animation-name: bounceInUp;
    }
    
    .slider-item .slider-infor .button:last-child {
        margin-right: 0;
    }
    
    .slider-item .slider-infor .button:hover {
        background: #ed71a3;
        border-color: #ed71a3;
    }
    
    .slider-item.style1 .slider-inner {
        background-image: url(../images/slider-thumb1.jpg);
        height: 400px;
    }
    
    .slider-item.style1 .slider-inner .slider-infor,
    .slider-item.style3 .slider-inner .slider-infor {
        padding-bottom: 160px;
        padding-top: 155px;
        padding-left: 680px;
        padding-right: 170px;
    }
    
    .slider-item.style2 .slider-inner {
        background-image: url(../images/slider-thumb2.jpg);
    }
    
    .slider-item.style2 .slider-inner .slider-infor {
        padding-bottom: 160px;
        padding-top: 155px;
        padding-left: 680px;
        padding-right: 170px;
    }
    
    .slider-item.style2 .title-big span {
        position: relative;
    }
    
    .slider-item.style3 .slider-inner {
        background-image: url(../images/slider-thumb3.jpg);
    }
    
    .home-slider.style1 {
        padding-top: 30px;
    }
    
    .home-slider .slick-slider.nav-center>.slick-arrow {
        width: 46px;
        height: 46px;
        background-color: #fff;
        font-size: 30px;
        text-align: center;
        line-height: 46px;
        opacity: 0;
        right: 30px;
        visibility: hidden;
        -moz-transition: all 0.45s ease;
        -webkit-transition: all 0.45s ease;
        -o-transition: all 0.45s ease;
        -ms-transition: all 0.45s ease;
    }
    
    .home-slider .slick-slider.nav-center>.slick-arrow:first-child {
        left: 30px;
    }
    
    .home-slider:hover .slick-slider.nav-center>.slick-arrow:first-child {
        left: 15px;
    }
    
    .home-slider:hover .slick-slider.nav-center>.slick-arrow {
        right: 15px;
        opacity: 1;
        visibility: visible;
    }
    /*moorabi newsletter*/
    
    .moorabi-newsletter.default {
        padding-top: 30px;
        padding-right: 30px;
        padding-bottom: 35px;
        padding-left: 30px;
        background-image: url(../images/newsletter-bg.jpg);
        background-color: #f0f0f0;
        background-position: center right;
        background-repeat: no-repeat;
        margin-bottom: 30px;
        border-radius: 0px;
    }
    
    .moorabi-newsletter.default .title {
        font-size: 28px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin-bottom: 0;
    }
    
    .moorabi-newsletter.default .subtitle {
        font-size: 15px;
        color: #888;
        margin-bottom: 54px;
    }
    
    .moorabi-newsletter.default .newsletter-form-wrap .email-newsletter {
        margin-bottom: 10px;
        width: 100%;
        background: #fff;
        font-size: 15px;
        text-align: center;
        color: #888;
        border-color: #fff;
    }
    
    .moorabi-newsletter.default .newsletter-form-wrap .submit-newsletter {
        width: 100%;
        position: relative;
        background: black;
    }
    
    .moorabi-newsletter.default .newsletter-form-wrap .submit-newsletter:hover {
        background: #ed71a3;
    }
    
    .moorabi-newsletter.default .newsletter-form-wrap .submit-newsletter::before {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    /*moorabi-tabs*/
    
    .moorabi-tabs.default.rows-space-40 {
        padding-top: 9px;
    }
    
    .moorabi-tabs .tab-head {
        margin-bottom: 55px;
    }
    
    .moorabi-tabs .tab-link {
        padding: 0;
        margin: 0;
        text-align: center;
        position: relative;
    }
    
    .moorabi-tabs .tab-link::before {
        content: '';
        top: 50%;
        left: 0;
        right: 0;
        position: absolute;
        border-top: 2px solid #F1F1F1;
        display: none;
    }
    
    .moorabi-tabs .tab-link li {
        display: inline-block;
        list-style: none;
    }
    
    .moorabi-tabs .tab-link li a {
        margin: 0 15px;
        padding: 13px 20px;
        border: 2px solid #f0f0f0;
        font-size: 14px;
        color: #8d8d8d;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        border-radius: 0px;
        display: block;
    }
    
    .moorabi-tabs .tab-link li a::before {
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .moorabi-tabs .tab-link li.active a {
        color: #fff;
        background-color: black;
    }
    /*moorabi-blog*/
    
    .moorabi-blog-wraap.default {
        padding-top: 58px;
        padding-bottom: 30px;
    }
    
    .custommenu-title-h3 {
        font-size: 30px;
        color: #222222;
        margin-bottom: 15px;
        position: relative;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        letter-spacing: 0;
        display: table;
        padding-bottom: 15px;
    }
    
    .custommenu-title-h3:hover {
        color: black;
    }
    
    .custommenu-title-h3>img {
        width: 22px;
        margin-top: -4px;
        margin-left: 15px;
    }
    
    .custommenu-title-blog {
        font-size: 28px;
        color: #222222;
        text-transform: uppercase;
        text-align: center;
        font-style: normal;
        margin-bottom: 55px;
        position: relative;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        letter-spacing: 0;
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 15px;
    }
    
    .custommenu-title-blog::before {
        position: absolute;
        content: '';
        width: 70px;
        border: 1px solid #000000;
        height: 4px;
        background-color: #000000;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .moorabi-blog .owl-slick .slick-list {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0;
    }
    
    .moorabi-blog-item .post-thumb {
        position: relative;
    }
    
    .moorabi-blog-item .post-thumb>a::after,
    .moorabi-blog-item .post-thumb .video-moorabi-blog figure::after {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -ms-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
        opacity: 0;
    }
    
    .moorabi-blog-item .post-thumb:hover .video-moorabi-blog figure::after,
    .moorabi-blog-item .post-thumb:hover>a::after {
        opacity: 1;
    }
    
    .moorabi-blog-item .post-thumb .post-item-share {
        position: absolute;
        top: 15px;
        right: 20px;
        display: none;
    }
    
    .moorabi-blog-item .post-item-share .icon {
        color: #fff;
        opacity: 0.5
    }
    
    .post-item-share .icon {
        font-size: 16px;
        color: #a3a4a6;
    }
    
    .post-item-share .box-content {
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        z-index: 5;
    }
    
    .post-item-share .box-content a {
        display: list-item;
        list-style: none;
        color: #a3a4a6;
        font-size: 15px;
    }
    
    .moorabi-blog-item .post-item-share .icon:hover {
        opacity: 1
    }
    
    .post-item-share:hover .box-content {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    .post-item-share .box-content a:hover {
        color: #fff;
    }
    
    .moorabi-blog-item .post-date {
        font-size: 12px;
        color: #aaa;
        padding: 15px 20px 0;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.1em;
    }
    
    .moorabi-blog-item .blog-title {
        font-size: 20px;
        color: #363636;
        margin-bottom: 15px;
        font-weight: 500;
        position: relative;
        padding-bottom: 10px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .moorabi-blog-item .blog-title::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        border: 2px solid #ed71a3;
        border-radius: 2px;
        width: 40px;
    }
    
    .moorabi-blog-item .blog-title span {
        color: #aaaaaa;
    }
    
    .moorabi-blog-item .blog-meta {
        padding: 10px 0 5px;
    }
    
    .moorabi-blog-item .blog-meta .author {
        display: inline-block;
        float: left;
        font-size: 15px;
        color: #363636;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    .moorabi-blog-item .blog-meta .author img {
        display: inline-block;
        width: 29px;
        height: 28px;
        border-radius: 50%;
        text-align: center
    }
    
    .moorabi-blog-item .blog-meta .view,
    .moorabi-blog-item .blog-meta .comment {
        color: #aaa;
        font-size: 13px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        display: none;
    }
    
    .moorabi-blog .slick-slider>.slick-arrow {
        width: 51px;
        height: 51px;
        text-align: center;
        line-height: 48px;
        border: 1px solid #eeeeee;
        color: #aaaaaa;
        right: -40px;
        z-index: 33;
        background: #ffffff;
        opacity: 0;
        visibility: hidden;
    }
    
    .moorabi-blog .slick-slider>.slick-arrow:first-child {
        left: -40px;
    }
    
    .moorabi-blog:hover .slick-slider>.slick-arrow {
        opacity: 1;
        visibility: visible;
    }
    /*moorabi-blog style2*/
    
    .moorabi-blog-item.style2 .moorabi-blog-inner {
        overflow: hidden;
        background: #f5f5f5;
        border-radius: 0px;
    }
    
    .moorabi-blog-item.style2 .post-thumb {
        float: left;
        margin-top: -2px;
        margin-left: -2px;
        margin-bottom: -2px;
    }
    
    .moorabi-blog-item.style2 .blog-info {
        overflow: hidden;
        border-left: 0;
    }
    
    .moorabi-blog-item.style2 .post-top {
        margin: 20px 20px 20px;
        position: relative;
        padding-bottom: 5px;
    }
    
    .moorabi-blog-item.style2 .post-date {
        padding-top: 0;
    }
    
    .moorabi-blog-item .post-top>a {
        font-size: 15px;
        color: #363636;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-transform: uppercase;
    }
    
    .moorabi-blog-item .post-top .post-item-share {
        position: relative;
        display: none;
        float: right;
    }
    
    .moorabi-blog-item.style2 .post-top>a {
        color: #fff;
        padding: 3px 10px;
        background-color: #ed71a3;
        font-size: 11px;
        border-radius: 0px;
        letter-spacing: 0.1em;
    }
    
    .moorabi-blog-item.style2 .post-item-share .icon {
        color: #aaa;
        font-size: 16px;
        opacity: 1;
    }
    
    .post-top .post-item-share .box-content {
        padding-top: 20px;
    }
    
    .moorabi-blog-item.style2 .post-item-share .icon:hover,
    .moorabi-blog-item.style2 .post-item-share .box-content a:hover {
        color: #363636;
    }
    
    .moorabi-blog-item.style2 .blog-title {
        height: 75px;
        margin-bottom: 59px;
        overflow: hidden;
        font-size: 18px;
        padding: 0 20px;
    }
    
    .moorabi-blog-item.style2 .blog-title::before {
        left: 20px;
        display: none;
    }
    
    .moorabi-blog-item.style2 .blog-meta {
        border: none;
        padding: 0 20px;
    }
    
    .moorabi-blog-item.style2 .blog-meta .blog-meta-wrapp {
        padding: 11px 0 12px;
        border-top: 1px solid #e4e4e4;
    }
    /*video blog moorabi*/
    
    .video-moorabi-blog .quick-install {
        background: black url(../images/play.png) no-repeat scroll 24px 20px;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        height: 64px;
        left: 50%;
        line-height: 64px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 64px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }
    
    .video-moorabi-blog .quick-install:hover {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0.9);
        -o-transform: translateX(-50%) translateY(-50%) scale(0.9);
        transform: translateX(-50%) translateY(-50%) scale(0.9);
    }
    
    #slvj-close-icon {
        background-image: url(../images/close-icon.png);
        width: 30px;
        height: 30px;
    }
    /*========================================
-----------------home 02------------------
=========================================*/
    
    .top-bar {
        background: #fafafa;
        color: #131313;
        font-size: 12px;
    }
    
    .top-bar-left {
        display: inline-block;
        line-height: 48px;
    }
    
    .top-bar-right {
        display: inline-block;
        float: right;
    }
    
    .top-bar .header-language {
        float: left;
    }
    
    .top-bar .header-user-links {
        display: inline-block;
        margin: 0;
        list-style: none;
        padding-left: 15px;
    }
    
    .top-bar .social-header {
        float: right;
    }
    
    .top-bar .header-language .moorabi-language {
        padding-top: 0;
        margin: 0;
    }
    
    .top-bar .moorabi-language .language-toggle {
        line-height: 48px;
        padding-right: 13px;
    }
    
    .top-bar .header-language .moorabi-submenu {
        margin-top: 0;
    }
    
    .top-bar .header-language .moorabi-language::after {
        content: '|';
    }
    
    .top-bar .header-user-links a {
        line-height: 48px;
    }
    
    .top-bar-right .social-header .socials {
        padding-top: 0;
    }
    
    .top-bar-right .social-header .social-item {
        color: #fff;
        line-height: 48px;
        padding: 0 12px;
    }
    
    .top-bar-right .social-header .social-item:last-child {
        padding-right: 0;
    }
    
    .header.style2 .top-bar {
        background: black;
    }
    
    .header.style2 .header-nav-container {
        background: black;
    }
    
    .header-nav-container.rows-space-20 {
        background: black;
    }
    
    .header.style2 .main-menu {
        margin: 0 auto;
    }
    
    .header.style2 .main-menu>li>a,
    .header.style2 .main-menu>li.menu-item-has-children>a::after {
        color: #fff;
    }
    
    .header.style2 .main-menu>li>a {
        padding: 18px 25px;
    }
    
    .header.style2 .form-search .form-content {
        padding: 0;
    }
    
    .header.style2 .form-search .form-content .inner {
        border: 2px solid black;
        width: 251px;
        position: relative;
        padding: 0;
        text-align: left;
        margin: 0;
        border-radius: 0px;
    }
    
    .header.style2 .form-search .form-content .input {
        width: 171px;
        border: none;
        color: black;
    }
    
    .header.style2 .form-search .form-content .btn-search {
        top: 0;
        right: 0;
        border: none;
        line-height: 38px;
        position: absolute;
        width: 25%;
        padding: 0;
        height: 100%;
        background: transparent;
        color: black;
        font-size: 22px;
        font-weight: normal;
        margin: 0
    }
    
    .form-search .form-content .btn-search .icon-search::before {
        content: "\f12d";
        font-family: Flaticon;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    /*produc slider home2*/
    
    .product-item.layout-3 .product-thumb ul {
        margin: 0;
        padding: 0;
    }
    
    .product-item.layout-3 .product-thumb ul li {
        list-style: none;
        position: relative;
    }
    
    .product-item.layout-3 .product-thumb .slick-slider.nav-center>.slick-arrow {
        font-size: 23px;
        color: #d7e7f7;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        opacity: 0;
        visibility: hidden;
        border: none;
        border-radius: 0px;
        background-color: transparent;
    }
    
    .product-item.layout-3 .product-thumb .slick-slider .thumb-inner img {
        margin: 0 auto;
    }
    
    .product-item.layout-3:hover .product-thumb .slick-slider.nav-center>.slick-arrow {
        opacity: 1;
        visibility: visible;
    }
    
    .product-item.layout-3 .product-thumb .slick-slider.nav-center>.slick-arrow {
        right: 0;
    }
    
    .product-item.layout-3 .product-thumb .slick-slider.nav-center>.slick-arrow:first-child {
        left: 0;
    }
    
    .product-item .product-thumb .variations {
        border: none;
        text-align: center;
        position: absolute;
        bottom: 100%;
        opacity: 0;
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        visibility: hidden;
        left: 0;
        right: 0;
    }
    
    .product-item:hover .product-thumb .variations {
        opacity: 1;
        visibility: visible;
        bottom: -6px;
    }
    
    .product-item .product-thumb .attribute .list-item {
        margin: 0;
    }
    
    .product-item .product-thumb .attribute_color .list-color a {
        margin-bottom: 0;
        float: none;
    }
    
    .product-item .product-thumb .attribute_color .list-color a {
        border: 1px solid #ffffff;
    }
    
    .product-item .product-thumb .attribute_color .list-color a:hover::before,
    .product-item .product-thumb .attribute_color .list-color a.active::before {
        left: 1px;
        top: -1px;
    }
    
    .moorabi-tabs-wrapp.style2 .custommenu-title-blog {
        margin-bottom: 13px;
    }
    
    .moorabi-tabs.style2 .tab-link li a {
        margin: 0 15px;
        font-weight: 400;
        color: #555;
        font-size: 16px;
        line-height: 30px;
    }
    
    .moorabi-tabs.style2 .tab-link li.active a {
        border-bottom: none;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #d7e7f7;
    }
    
    .moorabi-tabs.style2 .tab-link li:after {
        content: '';
        width: 2px;
        height: 30px;
        background: #f1f1f1;
        display: inline-block;
        vertical-align: middle
    }
    
    .moorabi-tabs.style2 .tab-link li:last-child:after {
        display: none;
    }
    
    .moorabi-product.style2 .product-list-owl .slick-dots {
        overflow: hidden;
        margin: 0 auto;
        text-align: center
    }
    
    .moorabi-product.style2 .product-list-owl .slick-dots li {
        width: 72px;
        height: 7px;
        background: #f9f9f9;
        margin: 0;
        border-radius: 0px;
        float: none;
    }
    
    .moorabi-product.style2 .product-list-owl .slick-dots .slick-active {
        background: #666666;
    }
    
    .moorabi-product.style2 .product-list-owl .slick-dots li:first-child {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px
    }
    /*slider home 02*/
    
    .fullwidth .slick-list {
        margin: 0 !important;
        padding: 0;
    }
    
    .fullwidth .slick-list .slick-slide {
        padding: 0;
    }
    
    .slider-item.style4 .slider-inner {
        background-image: url(../images/slider-thumb-full-1.jpg);
        border-radius: 0px;
    }
    
    .slider-item.style4 .slider-inner .slider-infor {
        padding-bottom: 162px;
        padding-top: 153px;
        padding-left: 770px;
        text-align: right;
    }
    
    .slider-item.style5 .slider-inner {
        background-image: url(../images/slider-thumb-full-2.jpg);
        border-radius: 0px;
    }
    
    .slider-item.style5 .slider-inner .slider-infor {
        padding-bottom: 162px;
        padding-top: 153px;
        padding-left: 770px;
        text-align: right;
    }
    
    .slider-item.style5 .title-small {
        margin-bottom: 3px;
    }
    
    .slider-item.style4 .title-big,
    .slider-item.style5 .title-big,
    .slider-item.style6 .title-big {
        font-size: 40px;
        margin-left: auto;
    }
    
    .slider-inner .when-code {
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        display: block;
        margin-bottom: 23px;
        position: relative;
    }
    
    .slider-inner .when-code .number-code {
        color: #f7c86f;
        font-size: 18px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .slider-item.style6 .slider-inner {
        background-image: url(../images/slider-thumb-full-3.jpg);
    }
    
    .slider-item.style6 .slider-inner .slider-infor {
        padding-bottom: 162px;
        padding-top: 153px;
        padding-left: 770px;
        text-align: right;
    }
    /*===========================
==========HOME 03============
=============================*/
    /*header 03*/
    
    .header.style3 .main-header {
        padding: 33px 0;
    }
    
    .header.style3 .logo {
        text-align: left;
        line-height: 74px;
    }
    
    .header.style3 .header-control {
        padding: 15px 0 16px;
    }
    
    .header.style3 .main-menu {
        margin: 7px auto 0;
    }
    /*slider-banner*/
    
    .home-slider-banner {
        margin-bottom: 38px;
    }
    
    .home-slider-banner .silider-wrapp,
    .home-slider-banner .banner-wrapp {
        padding: 0 10px;
    }
    
    .home-slider-banner .silider-wrapp {
        margin-bottom: 20px;
    }
    
    .slider-item.style7 .slider-inner .slider-infor {
        padding-bottom: 185px;
        padding-top: 200px;
        padding-left: 50px;
        padding-right: 400px;
    }
    
    .slider-owl .slick-dots {
        position: absolute;
        bottom: 25px;
        left: 50%;
        z-index: 10;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .content_element .block-text {
        font-size: 15px;
        color: #363636;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .content_element .block-text .icon {
        font-size: 22px;
    }
    
    .content_element .block-text span {
        color: #666666;
        text-decoration: underline;
    }
    /*===========================
==========HOME 04============
=============================*/
    /*header*/
    
    .home .header.style4 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: transparent;
        z-index: 1001;
    }
    
    .header.style4 .main-header {
        padding: 30px 0;
    }
    
    .bar-open-menu {
        display: inline-block;
        padding: 11px 0;
    }
    
    .bar-open-menu span {
        width: 20px;
        display: block;
        background: #fff;
        height: 2px;
        margin-bottom: 5px;
    }
    
    .bar-open-menu span:nth-child(2) {
        width: 17px;
    }
    
    .header.style4 .block-minicart .shopcart-icon {
        border-color: #363d44;
        color: #eeeeee;
    }
    
    .header.style4 .block-minicart .shopcart-icon .count {
        background-color: #363636;
    }
    
    .header.style4 .block-account>a {
        color: #eeeeee;
    }
    
    .vertical-style .header-nav {
        text-align: left;
        position: fixed;
        top: 0;
        left: -500px;
        width: 365px;
        max-width: 100%;
        min-height: 100vh;
        background-color: #090909;
        z-index: 1001;
        -webkit-transition: left 0.4s;
        -moz-transition: left 0.4s;
        -o-transition: left 0.4s;
        transition: left 0.4s;
        padding: 35px 40px 30px 60px;
    }
    
    body.vertical-menu-open .header .header-nav {
        left: 0;
    }
    
    .vertical-style .main-menu>li .toggle-submenu {
        position: absolute;
        right: 0px;
        display: block;
        width: 24px;
        height: 24px;
        z-index: 99;
        cursor: pointer;
        top: 18px;
    }
    
    .vertical-style .main-menu>li .toggle-submenu:before {
        font-family: 'FontAwesome';
        content: "\f107";
        font-size: 15px;
        color: #fff;
        font-weight: normal;
        vertical-align: top;
        display: block;
        text-align: center;
    }
    
    .vertical-style .main-menu>li>a {
        padding: 18px 0;
        color: #fff;
        display: block;
        width: 100%;
    }
    
    .vertical-style .main-menu .submenu,
    .vertical-style .header-nav .header-language .moorabi-submenu {
        display: none;
        position: static;
        box-shadow: none;
        background: none;
        width: 100% !important;
        opacity: 1;
        visibility: visible;
        padding: 0;
        transition: none;
        transform: none;
        padding-left: 20px;
    }
    
    .vertical-style .main-menu .submenu>li>a {
        padding-left: 0;
    }
    
    .vertical-style .main-menu>li {
        width: 100%;
    }
    
    .vertical-menu-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100vh;
        background: transparent;
        z-index: 10;
    }
    
    body.vertical-menu-open .vertical-menu-overlay {
        left: 0;
    }
    
    .vertical-style .header-nav .mCustomScrollbar {
        height: calc(100vh - 148px);
        overflow-x: hidden;
    }
    
    .vertical-style.main-menu>li.menu-item-has-children>a:after {
        display: none;
    }
    
    .vertical-style .main-menu {
        display: block;
    }
    
    .vertical-style .moorabi-demolink .title {
        color: #eeeeee;
    }
    
    .vertical-style .moorabi-demolink {
        margin-top: 0;
        margin-bottom: 30px;
    }
    
    .vertical-style .header-nav .header-language .moorabi-language {
        margin: 0;
        padding: 0;
        margin-top: 30px;
    }
    
    .vertical-style .header-nav .header-language {
        display: block;
    }
    
    .vertical-style.header .social-header .social-item {
        color: #ffffff;
    }
    
    .vertical-style.header .header-copyright {
        display: inline-block;
        width: 100%;
        font-size: 15px;
        color: #888;
    }
    
    .vertical-style.header .header-copyright span {
        color: #ffffff;
    }
    
    .vertical-style.header .social-header {
        width: 100%;
        margin-bottom: 25px;
    }
    
    .vertical-style .header-language .moorabi-dropdown.open .moorabi-submenu {
        display: block;
    }
    
    .vertical-style .main-menu .submenu>li.menu-item-has-children>a:after {
        display: none;
    }
    
    .vertical-style .main-menu .submenu>li>a {
        background: transparent;
        color: #9b9b9b;
    }
    
    .vertical-style .main-menu .submenu>li:hover>a {
        color: #9b9b9b;
        background-color: transparent;
    }
    
    .vertical-style .main-menu>li .submenu .toggle-submenu {
        top: 10px;
    }
    
    .vertical-style .main-menu>li.menu-item-has-children>a:after {
        display: none;
    }
    
    .vertical-style .clone-main-menu .mega-menu .menu-page-item:first-child .moorabi-custommenu,
    .vertical-style .clone-main-menu .mega-menu .menu-page-item:nth-child(2) .moorabi-custommenu,
    .vertical-style .clone-main-menu .mega-menu .menu-page-item:nth-child(3) .moorabi-custommenu {
        padding-left: 0;
    }
    
    .vertical-style .mega-menu .moorabi-custommenu .widgettitle {
        color: #eeeeee;
    }
    
    .vertical-style .mega-menu .moorabi-custommenu ul li a {
        color: #9b9b9b;
    }
    
    .vertical-style .header-nav .mCSB_inside>.mCSB_container {
        margin-right: 15px;
    }
    
    .vertical-style .header-nav .header-language .moorabi-submenu>li>a {
        padding-left: 0;
        background: transparent;
        color: #888888 !important;
    }
    /*slider*/
    
    .slider-item.style22 .slider-inner .slider-infor,
    .slider-item.style23 .slider-inner .slider-infor {
        padding-bottom: 193px;
        padding-top: 222px;
        padding-left: 760px;
        padding-right: 15px;
    }
    
    .slider-item.style24 .slider-inner .slider-infor {
        padding-bottom: 193px;
        padding-top: 212px;
        padding-left: 808px;
        padding-right: 15px;
    }
    
    .slider-item.style24 .price {
        margin-bottom: 45px;
    }
    
    .header-block-text-wrapp .header-block-text .icon {
        font-size: 22px;
    }
    /*===========================
==========HOME 05============
=============================*/
    
    .header.style5 .bar-open-menu {
        width: 44px;
        height: 43px;
        text-align: center;
        line-height: 43px;
        border: 1px solid #e9e9e9;
        padding: 11px 10px;
        float: left;
        margin-right: 50px;
    }
    
    .header.style5 .bar-open-menu span {
        background: #555555;
    }
    
    .header.style5 .logo {
        text-align: left;
    }
    
    .header.style5 .block-search-block {
        display: inline-block;
    }
    
    .header.style5 .form-search .form-content {
        padding: 0;
    }
    
    .header.style5 .form-search .form-content .inner {
        width: 251px;
        position: relative;
        border: 1px solid #f1f1f1;
    }
    
    .header.style5 .form-search .form-content .input {
        width: 75%;
        border: none;
    }
    
    .header.style5 .form-search .form-content .btn-search {
        top: 0;
        right: 0;
        border: none;
        line-height: 38px;
        position: absolute;
        width: 25%;
        padding: 0;
        height: 100%;
        background: transparent;
        color: #888;
        font-size: 22px;
        font-weight: normal;
        margin: 0;
    }
    
    .header.style5 .header-language .moorabi-language {
        padding-top: 0;
        margin-right: 38px;
        margin-left: 62px;
    }
    
    .header.style5 .header-nav .header-language .moorabi-language {
        margin: 0;
        padding: 0;
        margin-top: 30px;
    }
    
    .header.style5 .header-nav .header-language {
        display: none;
    }
    /*slider*/
    
    .fullwidth.style2 .slick-list .slick-slide {
        padding: 0 15px;
    }
    
    .slider-item.style25 .slider-inner .slider-infor {
        padding-bottom: 139px;
        padding-top: 116px;
        padding-left: 720px;
        padding-right: 15px
    }
    
    .slider-item.style25 .price {
        margin-bottom: 45px;
    }
    
    .slider-item.style26 .slider-inner .slider-infor {
        padding-bottom: 139px;
        padding-top: 115px;
        padding-left: 720px;
        padding-right: 15px
    }
    
    .slider-item .description {
        font-size: 16px;
        line-height: 22px;
        color: #888;
        margin-bottom: 30px;
    }
    
    .slider-item.style27 .slider-inner .slider-infor {
        padding-bottom: 139px;
        padding-top: 126px;
        padding-left: 720px;
        padding-right: 15px
    }
    /*newletter*/
    
    .moorabi-newsletter.style3 {
        overflow: hidden;
        padding: 63px 0 60px;
        background: black;
        position: relative;
        text-align: center;
        border-radius: 0px;
    }
    
    .moorabi-newsletter.style3 .newsletter-form-wrap {
        display: inline-block;
        overflow: hidden;
        margin-top: 20px;
    }
    
    .moorabi-newsletter.style3 .title {
        font-size: 26px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin-bottom: 20px;
        padding-bottom: 15px;
        position: relative;
        text-transform: uppercase;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #fff;
    }
    
    .moorabi-newsletter.style3 .title::before {
        position: absolute;
        content: '';
        width: 70px;
        border: 2px solid #fff;
        border-radius: 2px;
        bottom: 0;
        left: 10%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #fff;
    }
    
    .moorabi-newsletter.style3 .subtitle {
        margin-bottom: 10px;
        font-size: 16px;
        color: #fff;
        font-weight: 600;
    }
    
    .moorabi-newsletter.style3 .email-newsletter {
        width: 313px;
        border-color: #e9e9e9;
        background: #fff;
        color: #888;
        border: none;
        text-align: left;
    }
    
    .moorabi-newsletter.style3 .submit-newsletter {
        min-width: 139px;
        margin-left: 5px;
        border: 2px solid #fff;
        background-color: #ffffff00;
        color: #ffffff;
        vertical-align: top;
        font-size: 15px;
        text-transform: unset;
        position: relative;
    }
    
    .moorabi-newsletter.style3 .submit-newsletter::before {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    /*===========================
==========HOME============
=============================*/
    
    .header.style7 .logo {
        text-align: left;
    }
    
    .header.style7 .form-search .form-content {
        position: relative;
        display: table;
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        max-width: 500px;
        padding: 0;
        border: 1px solid #dbdbdb;
        border-radius: 0px;
        height: 43px;
    }
    
    .header.style7 .form-search-width-category .category,
    .header.style7 .form-search-width-category .inner,
    .header.style7 .form-search-width-category .btn-search {
        display: table-cell;
        vertical-align: middle;
    }
    
    .header.style7 .form-search-width-category .category {
        width: 154px;
    }
    
    .header.style7 .form-search-width-category .category .chosen-container {
        width: 154px !important;
    }
    
    .header.style7 .form-search-width-category .btn-search {
        width: 60px;
        font-size: 21px;
        font-weight: 600;
        color: #494949;
        position: relative;
        padding: 10px 0;
        margin: 0;
        border-radius: 0 5px 5px 0;
        right: -2px;
        background: #ffffff00;
    }
    
    .form-search-width-category .chosen-container-single .chosen-single {
        width: 100%;
        border: none;
        background-color: transparent;
        padding: 0 20px;
        line-height: 40px !important;
        height: 40px !important;
        text-align: center;
        border-right: 1px solid black;
        border-radius: 0;
    }
    
    .form-search-width-category .chosen-container-single .chosen-single>span {
        display: inline-block;
        vertical-align: top;
        font-size: 15px;
        color: #888;
        margin-right: 20px;
    }
    
    .header.style7 .form-search .form-content .input {
        border: none;
        width: 100%;
    }
    
    .form-search-width-category .chosen-container-single .chosen-single div {
        right: 20px;
    }
    
    .form-search-width-category .chosen-container-single .chosen-single div b::after {
        margin-top: -8px;
    }
    
    .header.style7 .header-control .block-header {
        vertical-align: middle;
    }
    
    .header-nav-wapper {
        display: table;
        width: 100%;
        background-color: black;
        border-radius: 0px;
    }
    
    .header-nav-wapper .vertical-wapper,
    .header-nav-wapper .header-nav {
        display: table-cell;
        vertical-align: middle;
    }
    
    .header-nav-wapper .vertical-wapper {
        width: 10px;
        position: relative;
    }
    
    .vertical-wapper .block-title {
        color: #ffffff;
        height: 60px;
        line-height: 28px;
        cursor: pointer;
        display: block;
        padding: 18px 10px 0px;
        letter-spacing: 0.05em;
        position: relative;
    }
    
    .vertical-wapper .block-title::before {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .vertical-wapper .block-title .text {
        display: inline-block;
        vertical-align: top;
    }
    
    .verticalmenu-content {
        background-color: #fff;
        padding: 20px 0;
        position: absolute;
        top: 100%;
        z-index: 9999999;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
        transition: all 0.3s;
        -webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.1);
    }
    
    .verticalmenu-content.show-up {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        visibility: visible;
    }
    
    .vertical-wapper .icon-bar {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
    }
    
    .vertical-wapper .icon-bar span {
        width: 20px;
        display: block;
        background: #fff;
        height: 2px;
        margin-bottom: 6px;
        border-radius: 2px;
    }
    
    .vertical-wapper .icon-bar span:nth-child(2) {
        width: 15px;
    }
    
    .header.style7 .main-menu>li>a {
        padding: 8px 10px;
    }
    
    .header-nav-wapper .vertical-wapper~.header-nav {
        padding-left: 20px;
    }
    
    .vertical-menu {
        padding: 0;
        list-style: none;
    }
    
    .vertical-menu .menu-item {
        list-style: none;
        position: relative;
    }
    
    .vertical-menu .menu-item a {
        line-height: 41px;
        font-size: 15px;
        color: #555555;
        text-transform: capitalize;
        position: relative;
        display: block;
        border-bottom: 1px solid #e6e6e6;
        margin: 0 25px;
    }
    
    .vertical-menu .menu-item a:hover {
        color: #ed71a3;
    }
    
    .vertical-menu .menu-item:last-child a {
        border: none;
    }
    
    .vertical-menu .submenu {
        position: absolute;
        z-index: 100;
        background-color: #fff;
        padding: 0;
        left: 100%;
        top: 0;
        min-width: 100%;
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        -moz-transition: opacity .5s;
        transition: opacity .5s;
        opacity: 0;
        display: block;
        visibility: hidden;
        list-style: none;
    }
    
    .vertical-menu .menu-item-has-children:hover>.submenu {
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    
    .vertical-menu .menu-item-has-children>a::before {
        content: '\f105';
        font-family: 'FontAwesome';
        position: absolute;
        top: 0;
        right: 0;
        font-size: 15px;
        color: #aaa;
    }
    
    .moorabi-product.layout1 {
        background-color: #f0f0f0;
        padding: 70px 0 35px;
    }
    
    .moorabi-product.layout1 .container-wapper {
        position: relative;
    }
    
    .moorabi-product.layout1 .head {
        width: 270px;
        margin-right: 30px;
        text-align: center;
        float: left;
        padding-top: 100px;
    }
    
    .moorabi-product.layout1 .head .title {
        font-size: 26px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin-bottom: 20px;
        position: relative;
    }
    
    .moorabi-product.layout1 .head .title::before {
        position: absolute;
        content: '';
        width: 40px;
        top: auto;
        bottom: -10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
        border-bottom: 2px solid #ed71a3;
    }
    
    .moorabi-product.layout1 .head .subtitle {
        font-size: 14px;
        line-height: 28px;
    }
    
    .moorabi-product.layout1 .product-list-owl {
        width: calc(100% - 300px);
        display: inline-block;
    }
    
    .slick-slider.nav-center-left {
        position: static;
    }
    
    .slick-slider.nav-center-left .slick-arrow {
        display: block;
        left: 145px;
        width: 51px;
        height: 51px;
        text-align: center;
        line-height: 47px;
        top: 52%;
        color: #fff;
        border-radius: 50%;
    }
    
    .slick-slider.nav-center-left .slick-arrow:first-child {
        left: 70px;
    }
    
    .slick-slider.nav-center-left .slick-arrow:hover {
        color: #eeeeee;
    }
    /*instagram*/
    
    .instagram-wrapp {
        border-top: 2px solid #eee;
        text-align: center;
        margin-bottom: -1px;
    }
    
    .instagram-wrapp .custommenu-title-blog {
        margin-top: 60px;
        position: relative;
    }
    
    .instagram-wrapp .custommenu-title-blog i {
        display: block;
        width: 70px;
        height: 70px;
        line-height: 70px;
        border-radius: 50px;
        margin-left: auto;
        margin-right: auto;
        background-color: black;
        font-size: 40px;
        color: #fff;
        font-weight: normal;
        position: relative;
        margin-bottom: 9px;
    }
    
    .instagram-wrapp .custommenu-title-blog i::after {
        border-radius: 50%;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none
    }
    
    .moorabi-instagram {
        overflow: hidden;
    }
    
    .moorabi-instagram .instagram {
        padding: 0;
        margin: 0;
    }
    
    .instagram .item-instagram {
        position: relative;
        padding: 0;
    }
    
    .instagram .item-instagram img {
        width: 100%;
    }
    
    .instagram .item-instagram .text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center;
        z-index: 5;
        font-size: 16px;
        color: #ffffff;
        font-weight: normal;
        opacity: 0;
        visibility: hidden;
    }
    
    .instagram .item-instagram:hover .text {
        opacity: 1;
        visibility: visible;
    }
    
    .instagram .item-instagram::after {
        position: absolute;
        top: 0px;
        content: '';
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    
    .instagram .item-instagram:hover::after,
    .instagram .item-instagram.active::after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    
    .instagram .item-instagram .text .icon {
        font-size: 36px;
        color: #f7f7f7;
        display: block;
        margin-bottom: 8px;
    }
    
    .instagram .item-instagram .text a {
        text-decoration: underline;
    }
    
    @media (max-width:480px) {
        .instagram-wrapp .custommenu-title-blog i {
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 28px;
        }
    }
    
    .header.style7 .block-minicart .shopcart-icon:before,
    .header .block-minicart .shopcart-icon:before {
        font-size: 26px;
        font-weight: normal;
        position: relative;
        transform: rotateY(-180deg);
        display: inline-block;
        color: #fff;
    }
    
    .header.style7 .block-minicart .shopcart-icon .count {
        top: 3px;
        right: -2px;
        font-size: 13px;
        background-color: #ffffff;
        text-align: center;
    }
    
    .header.style7 .header-control .block-header {
        padding-left: 15px;
    }
    
    .product-name.product_title .group-info {
        padding-top: 20px;
    }
    
    .moorabi-product .product-list-owl.nav-botton-center {
        padding-bottom: 51px
    }
    
    .slider-product .slick-slider.nav-botton-center>.slick-arrow {
        right: 43.5%;
        bottom: 0px;
        opacity: 1;
        visibility: visible;
        font-size: 30px;
    }
    
    .slider-product .slick-slider.nav-botton-center>.slick-arrow:hover {
        color: #d7e7f7;
    }
    
    .slider-product .slick-slider.nav-botton-center>.slick-arrow:first-child {
        left: 43.5%;
    }
    
    .sevice-item {
        position: relative;
    }
    
    .sevice-item .quick-install {
        background: rgba(0, 0, 0, 0.3) url(../images/play.png) no-repeat scroll 24px 20px;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        height: 64px;
        left: 50%;
        line-height: 64px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        position: absolute;
        text-align: center;
        top: 50%;
        width: 64px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }
    
    .sevice-item .quick-install:hover {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0.9);
        -o-transform: translateX(-50%) translateY(-50%) scale(0.9);
        transform: translateX(-50%) translateY(-50%) scale(0.9);
    }
    
    .brand-item img {
        border: 1px solid transparent;
        margin: 0 auto;
    }
    
    .product-item .thumb-inner {
        position: relative;
    }
    /* banner */
    
    @media (max-width:480px) {
        .banner img {
            margin-bottom: 20px;
        }
    }
    /*----------------------*/
    /*       FOOTER         */
    /* -------------------- */
    
    .footer {
        background: #000000;
        padding-bottom: 40px;
    }
    
    .desc-footer {
        max-width: 320px;
        line-height: 26px;
    }
    
    .newsletter-form-wrap .list {
        font-weight: 600;
    }
    
    .desc-footer span {
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
        font-size: 30px;
        color: #fff;
        width: 40px;
        height: 40px;
        display: inline-block;
        float: left;
        margin-right: 10px;
        position: relative;
        top: 7px;
        background-color: black;
        text-align: center;
        line-height: 42px;
        border-radius: 50%;
    }
    
    .footer .container-wapper {
        padding-top: 40px;
    }
    
    .footer .footer-end {
        padding: 20px 0;
    }
    
    .footer .widget-box .single-img {
        margin-bottom: 20px;
    }
    
    .footer .widget-box .text-content-elememnt {
        font-size: 15px;
    }
    
    .footer.default .widget-box .text-content-elememnt {
        padding-right: 100px;
    }
    
    .footer .widget-box .text-content-elememnt p {
        margin-bottom: 0;
    }
    
    .footer .widgettitle {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 26px;
        line-height: 24px;
        position: relative;
        margin-top: 10px;
        text-transform: uppercase;
        color: #b6b6b6;
    }
    
    .footer .menu {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .footer .menu .menu-item {
        color: #868686;
        padding-top: 3px;
        padding-bottom: 3px;
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
    }
    
    .footer .menu .menu-item>a>span {
        padding-right: 5px;
        color: #ed71a3;
        display: none;
    }
    
    .footer .menu .menu-item>a::before {
        font-family: Circe-Light;
        font-size: 18px;
        font-weight: 600;
        color: black;
    }
    
    .footer .menu .menu-item>a:hover {
        color: rgb(209, 209, 209);
    }
    
    .moorabi-newsletter.style1 {
        margin-bottom: 10px;
    }
    
    .moorabi-newsletter.style1 .title {
        font-size: 20px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-transform: uppercase;
        margin-bottom: 29px;
        position: relative;
        margin-top: 11px;
    }
    
    .moorabi-newsletter.style1 .title,
    .footer .widgettitle {
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
    }
    
    .moorabi-newsletter.style1 .list {
        margin-bottom: 20px;
        font-size: 12px;
        text-align: right;
    }
    
    .moorabi-newsletter.style1 .list .text {
        font-size: 15px;
    }
    
    .moorabi-newsletter.style1 .list label {
        font-size: 15px;
        color: #bbbbbb;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin: 0 0 0 20px;
        position: relative;
        padding-left: 20px;
        cursor: pointer;
    }
    
    .moorabi-newsletter.style1 .list input[type=radio] {
        display: none;
    }
    
    .moorabi-newsletter.style1 .list input[type=radio]:checked+span {
        border-bottom: 1px solid #bbbbbb;
    }
    
    .moorabi-newsletter.style1 .list label span:before {
        position: absolute;
        content: '';
        width: 16px;
        height: 16px;
        border: 1px solid #666666;
        left: 0px;
        top: 5px;
        border-radius: 50%;
    }
    
    .moorabi-newsletter.style1 .list input[type=radio]:checked+span:after {
        content: "";
        display: inline-block;
        top: 9px;
        left: 4px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #bbbbbb;
        position: absolute;
        z-index: 11;
        padding: 0;
    }
    
    .moorabi-newsletter.style1 .newsletter-form-wrap img {
        margin-top: 20px;
        right: 0;
        position: absolute;
        width: 230px;
    }
    
    .moorabi-newsletter.style1 .newsletter-form-wrap .input-text {
        width: calc(62% - 5px);
        background: #fff;
        border-color: #fff !important;
        color: #bbbbbb;
        font-size: 15px;
    }
    
    .moorabi-newsletter.style1 .newsletter-form-wrap .submit-newsletter {
        color: #fff;
        width: calc(37% - 5px);
        float: right;
        background: black;
        position: relative;
    }
    
    .moorabi-newsletter.style1 .newsletter-form-wrap .submit-newsletter::before {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .moorabi-newsletter.style1 .newsletter-form-wrap .submit-newsletter:hover {
        background-color: #ed71a3;
    }
    
    .footer .moorabi-socials .socials {
        margin: 0;
        padding: 0;
    }
    
    .footer .moorabi-socials li {
        list-style: none;
        display: inline-block;
        font-size: 23px;
        color: #555555;
    }
    
    .footer .moorabi-socials li:first-child {
        padding-left: 0;
    }
    
    .footer .moorabi-socials li a {
        color: #fff;
        background-color: #3a2f64;
        border-radius: 0px;
        min-width: 45px;
        height: 45px;
        font-size: 24px;
        line-height: 41px;
        margin-right: 10px;
        text-align: center;
        display: inline-block;
        position: relative;
        z-index: 1;
        margin-top: 15px;
        border-radius: 100%;
    }
    
    .footer .moorabi-socials li:nth-child(2) a {
        background-color: rgb(17, 68, 129);
    }
    
    .footer .moorabi-socials li:nth-child(3) a {
        background-color: #f3438a;
    }
    
    .footer .moorabi-socials li a::after {
        border-radius: 0px;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }
    
    .footer .moorabi-socials li a:hover::before {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    
    .footer .moorabi-socials li a i {
        z-index: 1;
        position: relative;
    }
    
    .footer .border-custom span {
        margin-top: 45px;
    }
    
    .footer .moorabi-newsletter .newsletter-form-wrap .input-text:focus {
        border-color: transparent !important;
    }
    /* -------------------- */
    /*   RESPONSIVE      */
    /* -------------------- */
    
    @media (max-width: 1199px) {
        .item-banner.style1 .inner .title {
            font-size: 30px;
        }
        .moorabi-newsletter.default .title {
            font-size: 26px;
        }
        .moorabi-tabs.default.rows-space-40 {
            margin-bottom: 35px;
        }
        .item-banner.style7 .title {
            font-size: 24px;
        }
        .moorabi-newsletter.style3 .title {
            font-size: 24px;
        }
        .team-member .border-custom {
            margin-top: 55px;
        }
        .item-banner.style12 .banner-content {
            margin-bottom: 18px;
        }
        .moorabi-newsletter.style3::before,
        .item-banner .inner::before,
        .slider-item .slider-inner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff;
            opacity: 0.5;
            display: none;
        }
        .header-banner.banner-image .banner-wrap .banner-header,
        .moorabi-newsletter>*,
        .item-banner .banner-content {
            position: relative;
        }
        .banner-wrapp.rows-space-65,
        .moorabi-product.produc-featured .rows-space-65 {
            margin-bottom: 55px;
        }
        .home-slider-banner {
            margin-bottom: 33px;
        }
        .item-banner.style9 .banner-content {
            padding-right: 15px;
        }
        .moorabi-newsletter.default .subtitle {
            margin-bottom: 20px;
        }
        .moorabi-iconbox.default {
            padding: 25px 10px;
        }
        .sevice-box-content .sevice-title,
        .header-banner .title {
            font-size: 28px;
            font-weight: 500;
        }
        .comments-area {
            margin-bottom: 50px;
        }
        .pagination {
            margin-top: 35px;
        }
        .pagination.grid {
            margin-top: 10px;
        }
        .post-item .post-title {
            font-size: 24px;
        }
        .moorabi-product.produc-featured.rows-space-65 {
            margin-bottom: 55px;
        }
        .moorabi-tabs.default.rows-space-30 {
            margin-bottom: 20px;
        }
        .slick-dots {
            margin-top: 30px;
        }
        .moorabi-blog-wraap.default {
            padding-top: 52px;
            padding-bottom: 52px;
        }
        .banner-pinmap-wrapp.rows-space-70 {
            margin-bottom: 55px;
        }
        .home-slider.fullwidth.rows-space-60 {
            margin-bottom: 45px;
        }
        .banner-video-wrapp.rows-space-40,
        .moorabi-product.produc-featured.rows-space-40 {
            margin-bottom: 25px;
        }
        .moorabi-product.layout1 {
            padding: 55px 0 20px;
        }
        .banner-wrapp.rows-space-30 {
            margin-bottom: 25px;
        }
        .slider-item .title-big {
            font-size: 30px;
        }
        .banner-wrapp.rows-space-35 {
            margin-bottom: 20px;
        }
        .banner-wrapp.rows-space-60 {
            margin-bottom: 55px;
        }
        .moorabi-tabs.default.rows-space-40 {
            margin-bottom: 35px;
        }
        .item-banner.style6 .banner-content {
            padding-bottom: 120px;
            padding-top: 120px;
        }
        .item-banner.style6 .title {
            font-size: 36px;
        }
        .product-in-stock-wrapp.rows-space-40 {
            margin-bottom: 20px;
        }
        .product-grid-title,
        .custommenu-title-blog {
            font-size: 26px;
            margin-bottom: 40px;
        }
        .main-content {
            padding-bottom: 55px;
        }
        .banner-wrapp.rows-space-70 {
            margin-bottom: 50px;
        }
        .instagram-wrapp .custommenu-title-blog {
            margin-top: 50px;
        }
        .moorabi-tabs .tab-head {
            margin-bottom: 35px;
        }
        .footer .container-wapper {
            padding-top: 40px;
        }
        .footer .widgettitle {
            margin-bottom: 26px;
        }
        .home-slider.style1 {
            padding-top: 0;
        }
        .form-message {
            padding: 45px;
        }
        .blog-slider.style-1 .blog-item {
            margin: 0;
        }
        .footer .border-custom span {
            margin-top: 20px;
        }
        .slider-product .slick-slider>.slick-arrow:first-child,
        .moorabi-blog .slick-slider>.slick-arrow:first-child {
            left: 0;
        }
        .slider-product .slick-slider>.slick-arrow,
        .moorabi-blog .slick-slider>.slick-arrow {
            right: 0;
        }
        /*header style1*/
        .header.style1 .header-element {
            float: right;
            text-align: right;
        }
        .header.style1 .header-language .moorabi-language {
            margin-left: 25px;
            float: left;
        }
        .header .logo {
            text-align: left;
        }
        .header .header-nav {
            display: none;
        }
        .header .header-block-text,
        .moorabi-menu-panel .header-block-text {
            display: none;
        }
        .header-control {
            text-align: center;
            padding: 20px 0 0;
        }
        .header-language .moorabi-submenu {
            left: auto;
            right: 0
        }
        .block-search .moorabi-submenu {
            left: -100%;
            right: auto;
        }
        .submenu.menu-page {
            padding: 30px 20px;
        }
        .mega-menu .moorabi-custommenu {
            margin-bottom: 0px;
        }
        /*footer*/
        .footer .box-footer {
            margin-bottom: 20px;
        }
        /*contact page*/
        .moorabi-contact-info .socials {
            padding-top: 15px;
        }
        /*product list*/
        .product-item.style-list .product-info-left {
            width: auto;
            padding: 0 10px;
        }
        .product-item.style-list .product-info-right {
            border: 0;
            text-align: left;
            padding: 0 0 0 10px;
            width: auto;
        }
        .full-width .product-item.style-list .product-info-right {
            width: auto;
        }
        .product-item.style-list .product-thumb {
            border: none;
            padding-right: 10px;
        }
        .slider-lookbook.nav-center>.slick-arrow {
            opacity: 0;
            visibility: hidden;
        }
        /*menu mobile*/
        .mobile-navigation {
            display: inline-block;
            vertical-align: top;
            margin-left: 17px;
            border: 2px solid #f7c86f;
            border-radius: 0px;
            padding: 13px 12px 13px;
            background-color: black;
            position: relative;
        }
        .mobile-navigation span {
            background-color: #fff;
            display: block;
            width: 23px;
            margin-bottom: 3px;
            height: 3px;
            border-radius: 3px;
        }
        .mobile-search-box>a::before,
        .mobile-settings-box>a::before,
        .mobile-navigation::before {
            border-radius: 0px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
        }
        /*checkout page*/
        .checkout-wrapp .row-col-2 {
            padding-left: 15px;
        }
        /*shop page*/
        .full-width .details-thumd {
            padding-left: 0;
        }
        /*==========home 01=========*/
        .product-item.style2 .product-inner {
            display: block;
        }
        .slider-item.style1 .slider-inner .title-big,
        .slider-item.style3 .slider-inner .title-big,
        .slider-item.style2 .slider-inner .title-big {
            margin-left: auto;
        }
        .slider-item.style1 .slider-inner .slider-infor,
        .slider-item.style3 .slider-inner .slider-infor,
        .slider-item.style2 .slider-inner .slider-infor {
            padding-left: 70px;
            padding-right: 70px;
            text-align: right;
        }
        .item-banner.style3 .banner-content {
            padding-left: 320px;
        }
        /*slider*/
        .slider-item.style4 .slider-inner .slider-infor,
        .slider-item.style5 .slider-inner .slider-infor,
        .slider-item.style6 .slider-inner .slider-infor {
            padding-left: 200px;
        }
        /*banner home 02*/
        .item-banner.style4 .banner-content,
        .item-banner.style5 .banner-content {
            padding-right: 130px;
        }
    }
    
    @media (max-width: 1024px) {
        /*header*/
        .main-menu .submenu .submenu {
            left: 60%;
            top: 50%;
        }
    }
    
    @media (max-width: 1199px) and (min-width: 768px) {
        .col-lg-4.banner-wrapp .banner {
            width: calc(50% - 10px);
            float: left;
        }
        .col-lg-4.banner-wrapp .banner:last-child {
            float: right;
        }
    }
    
    @media (max-width: 991px) {
        .header-banner.banner-image .banner-wrap {
            background-image: none !important;
            background-color: #f0f0f0;
        }
        .item-banner.style15 .inner {
            background-position: 110% center;
        }
        .item-banner.style16 .inner br {
            display: none;
        }
        .header .main-header {
            padding: 30px 0 20px;
        }
        /*popup*/
        .kt-popup-newsletter .image-newsletter {
            display: none !important;
        }
        .kt-popup-newsletter.style-1 {
            width: 100%;
        }
        .kt-popup-newsletter .popup-content {
            text-align: center;
        }
        /*single blog*/
        .sidebar .wrapper-sidebar {
            margin-top: 40px;
        }
        /*login*/
        .customer_login .login-item {
            margin-bottom: 30px;
        }
        /*shop page*/
        .woof_Widget {
            padding: 20px;
        }
        /*shop page*/
        .filter-popup .woof_Widget {
            padding: 5px;
        }
        /*footer*/
        .coppyright,
        .footer-end .moorabi-payment,
        .footer-end .demos {
            text-align: center;
            padding: 5px 0;
        }
        .footer .widget-box .text-content-elememnt {
            padding-right: 0;
        }
        /*in lookbook*/
        .sevice-item .sevice-thumb {
            text-align: center;
            margin-bottom: 30px;
        }
        .sevice-item .col-sm-6~.col-sm-6>.sevice-thumb {
            margin-bottom: 0;
        }
        .sevice-box-content {
            position: static;
            transform: none;
            padding: 0;
        }
        .sevice-item.style-1.has-item-sevice .sevice-box-content {
            padding-bottom: 40px;
            padding-top: 0;
        }
        /*checkout page*/
        .checkout-wrapp .row-col {
            width: 100%;
            float: none;
            margin-bottom: 20px;
            padding: 0;
        }
        .checkout-form {
            padding: 30px 20px 10px;
        }
        .your-order .title-form {
            margin-bottom: 25px;
        }
        .checkout-wrapp .button {
            margin-bottom: 30px;
        }
        /*GridProducts page*/
        .shop-grid-content.full-width .shop-top-control .select-item {
            width: auto;
        }
        /*===========home 02=========*/
        /*header*/
        .header.style2 .header-control {
            text-align: center;
            padding: 20px 0 0;
        }
        .header.style2 .header-element {
            float: right;
        }
        .header.style2 .form-search .form-content {
            text-align: right;
        }
        .header.style2 .logo {
            text-align: left;
        }
        /*popup newletter*/
        .kt-popup-newsletter {
            display: none;
        }
        /*===========home 04=========*/
        .vertical-style .moorabi-demolink .title {
            color: #d7e7f7;
        }
        .header.style7 .header-control {
            padding-top: 20px;
        }
        /*===========home 08=========*/
        .item-banner.style18 .banner-content {
            margin-bottom: 20px;
        }
        .item-banner.style21 .banner-content {
            padding-left: 244px;
        }
        .moorabi-product.layout1 .product-list-owl .product-item .thumb-inner img {
            margin: 0 auto;
        }
        .cart-form .shop_table tbody>tr>td {
            padding: 10px;
        }
        .cart-form .shop_table .product-thumbnail {
            padding-left: 10px;
        }
        .moorabi-newsletter.default .title,
        .product-grid-title,
        .custommenu-title-blog {
            font-size: 24px;
        }
    }
    
    @media (max-width: 767px) {
        .moorabi-tabs .tab-link li a {
            font-size: 12px;
            margin: 0 10px;
        }
        .product-item.style-list .product-name {
            font-size: 16px;
        }
        .title-form {
            font-size: 16px;
        }
        .banner-video-wrapp.rows-space-40 {
            margin-bottom: 15px;
        }
        .moorabi-product.produc-featured.rows-space-40 {
            margin-bottom: 20px;
        }
        .item-banner.style1 .title br {
            display: block;
        }
        .moorabi-blog-wraap.default {
            padding-top: 45px;
            padding-bottom: 45px;
        }
        .instagram-wrapp .custommenu-title-blog {
            margin-top: 45px;
        }
        .item-banner.style11 .title {
            font-size: 24px;
        }
        .moorabi-product.produc-featured.rows-space-65 {
            margin-bottom: 45px;
        }
        .slider-item .title-big {
            font-size: 24px;
            font-weight: 500;
        }
        .item-banner .title {
            font-weight: 500;
        }
        .slider-item .price .number-price,
        .item-banner.style17 .number-price {
            font-size: 20px;
        }
        .item-banner .moorabi-subtitle {
            font-size: 13px;
        }
        .item-banner.style7 .title {
            font-size: 20px;
        }
        .moorabi-tabs .tab-link::before {
            display: none;
        }
        .item-banner.style6 .banner-content {
            padding-bottom: 75px;
            padding-top: 75px;
        }
        .footer .widgettitle {
            margin-bottom: 10px;
            font-size: 15px;
        }
        .shop-top-control {
            padding-bottom: 10px;
        }
        .moorabi-newsletter.style1 .title,
        .moorabi-newsletter.style2 .title,
        .footer .widgettitle {
            margin-bottom: 13px;
        }
        .moorabi-newsletter.style3 .title {
            font-size: 20px;
        }
        .moorabi-iconbox .content .title {
            font-size: 15px;
        }
        .moorabi-newsletter.style3 {
            overflow: hidden;
            padding-top: 40px;
            padding-bottom: 35px;
        }
        .footer .moorabi-socials li a {
            height: 40px;
            line-height: 40px;
            min-width: 40px;
            margin-bottom: 7px;
            font-size: 16px;
        }
        .slider-item.style1 .slider-inner .slider-infor,
        .slider-item.style3 .slider-inner .slider-infor,
        .slider-item.style7 .slider-inner .slider-infor {
            padding-top: 70px;
            padding-bottom: 70px;
        }
        .item-banner.style1 .inner .title {
            font-size: 26px;
        }
        .item-banner.style2 .title {
            font-size: 24px;
        }
        .moorabi-newsletter.style1 .newsletter-form-wrap .input-text {
            font-size: 13px;
        }
        input[type="text"],
        input[type="email"],
        input[type="password"],
        input[type="tel"],
        input[type="search"],
        input[type="url"],
        textarea,
        select {
            padding: 7px 10px;
        }
        .button,
        button,
        input[type="submit"] {
            font-size: 12px;
        }
        .item-banner.style10 .title {
            font-size: 28px;
            line-height: 1.2;
        }
        .banner-wrapp.rows-space-65 {
            margin-bottom: 40px;
        }
        .home-slider-banner {
            margin-bottom: 25px;
        }
        .banner-wrapp.rows-space-70 {
            margin-bottom: 43px;
        }
        .details-infor .product-title {
            font-size: 22px;
        }
        .details-infor .price {
            font-size: 24px;
            margin-bottom: 0px;
        }
        .sevice-item.style-1 {
            padding-bottom: 40px;
            margin-bottom: 40px;
        }
        .content-inlookbook .pagination {
            margin-bottom: 40px;
        }
        .wapper-slider-lookbook {
            padding: 40px 0;
        }
        .slider-lookbook-item .lookbook-inner {
            padding: 15px;
        }
        .sevice-box-content .sevice-title,
        .header-banner .title {
            font-size: 22px;
        }
        .pagination {
            margin-top: 30px;
        }
        .comments-area {
            margin-bottom: 30px;
        }
        .comments-area .comment .children {
            padding-left: 30px;
            padding-top: 30px;
        }
        .comment-form .comment-reply-content {
            padding: 0 15px;
        }
        .comment-form {
            padding-top: 0;
            margin-bottom: 30px;
        }
        blockquote,
        q {
            margin-bottom: 25px;
            margin-top: 0;
        }
        .post-item .post-title {
            font-size: 22px;
        }
        .blog-articles>.custom_blog_title,
        .comments-area>.custom_blog_title {
            font-size: 16px;
        }
        .widget .widgettitle {
            font-size: 15px;
            margin-bottom: 20px;
        }
        .widget {
            margin-bottom: 30px;
        }
        .newsletter-widget {
            padding: 20px 15px;
        }
        .form-message .title {
            margin-bottom: 15px;
            font-size: 15px;
        }
        .moorabi-newsletter.style3 {
            overflow: hidden;
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .moorabi-tabs.default.rows-space-30 {
            margin-bottom: 10px;
        }
        .banner-wrapp.rows-space-60,
        .moorabi-product.produc-featured.rows-space-60 {
            margin-bottom: 35px;
        }
        .item-banner.style9 .title {
            font-size: 22px;
        }
        .item-banner.style21 .banner-content {
            padding-top: 60px;
            padding-bottom: 60px;
        }
        .item-banner.style21 .title {
            font-size: 26px;
        }
        .moorabi-product.layout1 .head .title {
            font-size: 22px;
        }
        .moorabi-product.layout1 {
            padding: 40px 0 20px;
        }
        .banner-pinmap-wrapp.rows-space-70 {
            margin-bottom: 40px;
        }
        .home-slider.fullwidth.rows-space-60 {
            margin-bottom: 35px;
        }
        .item-banner.style16 .title,
        .item-banner.style12 .title {
            font-size: 26px;
        }
        .item-banner.style14 .title {
            font-size: 30px;
        }
        .product-in-stock-wrapp.rows-space-40 {
            margin-bottom: 10px;
        }
        .home-slider .slick-slider.nav-center>.slick-arrow {
            display: none !important;
        }
        .moorabi-newsletter.default .title,
        .product-grid-title,
        .custommenu-title-blog {
            font-size: 20px;
        }
        .product-grid-title,
        .custommenu-title-blog {
            margin-bottom: 30px;
        }
        .moorabi-tabs .tab-head {
            margin-bottom: 30px;
        }
        .moorabi-tabs.default.rows-space-40 {
            margin-bottom: 25px;
        }
        .banner-wrapp.rows-space-60 {
            margin-bottom: 47px;
        }
        .logo img {
            max-width: 140px;
        }
        .slick-dots {
            margin-top: 25px;
        }
        .moorabi-tabs .tab-link li a {
            margin: 0 5px;
        }
        .item-banner.style6 .title {
            font-size: 24px;
        }
        .product-grid-title {
            padding-top: 35px;
        }
        .tab-details-product {
            margin-top: 40px;
        }
        .cart-form .shop_table tbody tr.cart_item td.product-remove {
            position: static;
            transform: none;
            padding: 40px 0 10px;
            margin: 0px 12px 0px 20px;
        }
        .cart-form .product-remove a:before {
            font-size: 16px;
        }
        .cart-form .shop_table,
        .cart-form .shop_table tbody,
        .cart-form .shop_table tr,
        .cart-form .shop_table td {
            display: block !important;
            text-align: center;
        }
        .cart-form .shop_table .product-price {
            padding-bottom: 20px;
        }
        .cart-form .shop_table tbody>tr>td.actions {
            padding: 20px;
        }
        .shop_table .actions>.order-refresh {
            float: none;
            margin-top: 25px;
        }
        .cart-form .shop_table .product-quantity .quantity {
            margin: 0 auto;
        }
        .breadcrumb {
            padding: 5px 15px 5px;
        }
        .custom_blog_title {
            margin-bottom: 15px;
            font-size: 18px;
        }
        .blog-articles>.main-info-post {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .error-404 {
            padding: 35px 0 0;
        }
        .footer.style7,
        .footer {
            margin-bottom: 60px;
        }
        .footer .footer-end {
            padding: 20px 0;
        }
        .footer .container-wapper {
            padding-top: 40px;
            text-align: center;
        }
        .footer .border-custom span {
            margin-top: 20px;
        }
        .col-sm-12:last-child .item-banner.style11 .banner-content {
            margin-bottom: 20px;
        }
        .col-xs-12:last-child .item-banner.style16 .banner-content {
            margin-bottom: 0;
        }
        .header .main-header,
        .header .top-bar {
            display: none;
        }
        .footer-device-mobile,
        .header-device-mobile {
            display: block;
        }
        /*short code*/
        /*pagination*/
        .pagination .page-numbers {
            margin-bottom: 10px;
        }
        /*404 page*/
        .error-404 {
            display: block;
        }
        .error-404 .images,
        .error-404 .text-404 {
            display: block;
            width: 100%;
            text-align: center;
            padding-left: 0;
        }
        .error-404 .images {
            margin-bottom: 30px;
        }
        .error-404 .search-form .search-field {
            margin-right: 0
        }
        .text-404 .page-title {
            margin-top: 0;
        }
        /*shop page*/
        .shop-top-control .select-form,
        .shop-top-control .grid-view-mode,
        .shop-top-control {
            display: inline-block;
            text-align: center;
            vertical-align: top;
        }
        .shop-top-control .grid-view-mode {
            width: auto;
        }
        .full-width .details-thumd {
            padding: 0;
        }
        .full-width .details-thumd .owl-nav .owl-prev {
            left: 0;
        }
        .full-width .details-thumd .owl-nav .owl-next {
            right: 0;
        }
        .item-banner.style1 .banner-content,
        .item-banner.style2 .banner-content {
            padding-left: 30px;
        }
        /*product item*/
        .product-item .loop-form-add-to-cart {
            display: grid;
        }
        /*product list*/
        .product-item.style-list .product-thumb,
        .product-item.style-list .product-info-left,
        .product-item.style-list .product-info-right {
            display: block;
            padding: 0;
            border: none;
            text-align: center;
            margin: 0 auto
        }
        .product-item.style-list .product-info-right {
            padding-top: 10px;
        }
        .product-item.style-list .yith-wcwl-add-to-wishlist {
            width: auto;
            float: none;
        }
        /*details page*/
        .details-thumd {
            width: 100%;
            padding: 0;
            margin-bottom: 30px;
        }
        .details-infor {
            width: 100%;
            padding: 0;
            border: 0;
            float: none;
        }
        .tab-details-product .tab-link li {
            display: block;
            text-align: center;
            padding: 0;
            margin-bottom: 10px;
        }
        /*backtotop*/
        .backtotop.show {
            display: none !important;
        }
        /*====================home 01==============*/
        .product-item.style2 .product-thumb,
        .product-item.style2 .product-info {
            display: block;
            text-align: center;
            padding: 0;
            width: 100%
        }
        .product-item.style2 .product-thumb .thumb-inner img,
        .product-item.style2 .group-buttons {
            margin: 0 auto;
        }
        .moorabi-tabs .tab-link li {
            padding: 10px 0;
        }
        .slider-item.style1 .slider-inner .slider-infor,
        .slider-item.style3 .slider-inner .slider-infor,
        .slider-item.style4 .slider-inner .slider-infor,
        .slider-item.style7 .slider-inner .slider-infor {
            padding-right: 30px;
            padding-left: 30px;
        }
        .item-banner.style3 .banner-content {
            padding-left: 30px;
        }
        /*====================home 04==============*/
        .vertical-style .mega-menu .moorabi-custommenu .widgettitle,
        .vertical-style .mega-menu .moorabi-custommenu ul li a {
            color: #d7e7f7;
        }
        /*====================home 05==============*/
        .moorabi-newsletter.style3 .submit-newsletter {
            margin-left: 0;
        }
        .moorabi-newsletter.style3 .newsletter-head {
            margin: 0;
        }
        /*====================home 07==============*/
        .product-item.style-3 .product-thumb {
            float: none;
            max-width: 100%;
            margin: 0;
        }
        .owl-products .product-item.style-3 .product-thumb img {
            margin: 0 auto;
        }
        .product-item.style-3 .product-info {
            text-align: center;
        }
        .product-item.style-3 .group-buttons {
            display: none;
        }
        /*====================home 08==============*/
        .moorabi-product.layout1 .head {
            width: 100%;
            padding-top: 0;
            margin-bottom: 30px;
            margin-right: 0;
            padding-bottom: 70px;
        }
        .moorabi-product.layout1 .product-list-owl {
            width: 100%;
        }
        .slick-slider.nav-center-left .slick-arrow {
            top: 85px;
            left: auto;
            right: calc(50% - 80px);
            transform: translateX(-50%);
        }
        .slick-slider.nav-center-left .slick-arrow:first-child {
            left: calc(50% - 25px);
        }
        .moorabi-testimonials.default .testimonial-item {
            padding-left: 15px;
            padding-right: 15px;
        }
        /*====================home 09==============*/
        /*====================home 10==============*/
        .product-item.style-6.product-type-variable .product-inner {
            padding-bottom: 30px;
        }
        .moorabi-iconbox.default {
            border: none;
        }
        .moorabi-contact-info .title {
            margin-bottom: 20px;
            font-size: 15px;
        }
        .main-content {
            padding-bottom: 50px;
        }
        .moorabi-newsletter.style1 .title,
        .moorabi-newsletter.style2 .title,
        .footer .widgettitle {
            margin-top: 5px;
        }
        .slider-item.style4 .title-big,
        .slider-item.style5 .title-big,
        .slider-item.style6 .title-big {
            font-size: 28px;
        }
    }
    
    @media (max-width: 480px) {
        .full-width .item-banner.style1 .inner,
        .full-width .item-banner.style2 .inner {
            background-position: left center;
        }
        .moorabi-tabs .tab-link li a {
            margin: 0;
        }
        .moorabi-tabs .tab-link li {
            display: block;
        }
        .product-grid-title,
        .custommenu-title-blog {
            font-size: 18px;
        }
        .slider-item .title-big {
            max-width: 100%;
        }
        .moorabi-blog-item.style2 .post-thumb {
            float: none;
            width: auto;
        }
        .moorabi-blog-item.style2 .blog-title {
            margin-bottom: 30px;
        }
        .moorabi-blog-item.style2 .blog-info {
            width: 100%;
            padding: 0;
            overflow: visible;
        }
        .coppyright {
            font-size: 13px;
        }
        .product-item .product-inner {
            text-align: center;
        }
        .product-list-owl .product-item .thumb-inner img {
            margin: 0 auto;
        }
        /*footer*/
        .moorabi-newsletter.style1 .newsletter-form-wrap .submit-newsletter {
            padding-left: 10px;
            padding-right: 10px;
        }
        /*single blog*/
        .view-share .author-view,
        .view-share .share {
            display: block;
            float: none;
        }
        .comment-form .form-submit .controll {
            float: none;
            text-align: center;
        }
        /*short code*/
        .pagination.style1 {
            text-align: center;
        }
        /*login*/
        .customer_login .login,
        .customer_login .register {
            padding: 20px 15px 10px;
        }
        .customer_login .title-login {
            padding: 15px;
        }
        /*contact page*/
        .form-message,
        .form-contact-information {
            padding: 20px 15px
        }
        .moorabi-contact-info .socials {
            padding-top: 0;
        }
        .moorabi-contact-info .item {
            margin-bottom: 20px;
        }
        /*shop page*/
        .shop-top-control .select-form,
        .shop-top-control .grid-view-mode,
        .shop-top-control {
            display: flex;
            width: 100%;
            border: none;
            text-align: left;
        }
        .shop-top-control {
            align-items: center;
            padding-top: 10px;
            margin-bottom: 10px;
        }
        .shop-top-control .grid-view-mode {
            margin-bottom: 0;
        }
        /*lookbook*/
        .sevice-box-content {
            padding-left: 15px;
            padding-right: 15px;
        }
        /*checkout page*/
        .shipping-address .form-row.form-row-first,
        .shipping-address .form-row.form-row-last {
            width: 100%;
        }
        .shipping-address .form-row.form-row-last {
            float: none;
        }
        .checkout-wrapp .forn-row-col {
            width: 100%;
            padding: 0;
        }
        .payment-method .form-row-card-number {
            max-width: 100%;
        }
        .list-product-order .product-thumb {
            float: none;
            width: auto;
            margin-bottom: 20px;
            margin-right: 0;
        }
        /*shop page*/
        .item-banner .button {
            padding-right: 10px;
            padding-left: 10px;
        }
        /*===============home 01===============*/
        .moorabi-blog-item .post-thumb img {
            width: 100%;
        }
        .slider-item .button {
            margin-bottom: 20px;
        }
        .header-block-text-wrapp {
            background: #111111;
        }
        .header-top-message {
            font-size: 11px;
            padding-top: 5px;
            padding-bottom: 5px;
            line-height: 16px;
        }
        .header-block-text {
            font-size: 11px;
            padding-top: 5px;
            padding-bottom: 5px;
            line-height: 16px;
        }
        .header-top-message .icon {
            font-size: 15px;
        }
        .header-block-text .icon {
            font-size: 15px;
        }
        .header-device-mobile .mobile-search-box,
        .header-device-mobile .mobile-settings-box,
        .header-device-mobile .menu-bar {
            width: 35px;
        }
        .header-device-mobile .mobile-navigation,
        .mobile-settings-box>a {
            width: 35px;
            height: 35px;
        }
        .mobile-search-box>a {
            width: 35px;
            height: 35px;
            line-height: 28px;
        }
        .header-device-mobile .mobile-navigation {
            padding: 10px 8px 10px;
        }
        .mobile-navigation span {
            background-color: #fff;
            display: block;
            width: 16px;
            margin-bottom: 3px;
            height: 2px;
            border-radius: 3px;
        }
        .slider-item.style4 .slider-inner .slider-infor,
        .slider-item.style5 .slider-inner .slider-infor,
        .slider-item.style6 .slider-inner .slider-infor,
        .slider-item.style1 .slider-inner .slider-infor,
        .slider-item.style3 .slider-inner .slider-infor,
        .slider-item.style2 .slider-inner .slider-infor,
        .slider-item.style7 .slider-inner .slider-infor,
        .slider-item.style8 .slider-inner .slider-infor,
        .slider-item.style9 .slider-inner .slider-infor,
        .slider-item.style13 .slider-inner .slider-infor,
        .slider-item.style14 .slider-inner .slider-infor,
        .slider-item.style15 .slider-inner .slider-infor,
        .slider-item.style19 .slider-inner .slider-infor,
        .slider-item.style20 .slider-inner .slider-infor,
        .slider-item.style21 .slider-inner .slider-infor,
        .slider-item.style25 .slider-inner .slider-infor,
        .slider-item.style26 .slider-inner .slider-infor,
        .slider-item.style27 .slider-inner .slider-infor {
            padding-right: 15px;
            padding-left: 15px;
            padding-top: 55px;
            padding-bottom: 55px;
        }
        /*===================home 02======================*/
        .slider-item.style4 .title-big,
        .slider-item.style5 .title-big,
        .slider-item.style6 .title-big {
            font-size: 26px;
        }
        /*.slider-item .slider-inner .slider-infor {*/
        /*text-align: center !important;*/
        /*}*/
        .item-banner .banner-content {
            padding-right: 15px !important;
            text-align: center !important;
            padding-left: 15px !important;
        }
        .item-banner.style4 .banner-content,
        .item-banner.style5 .banner-content,
        .item-banner.style10 .banner-content,
        .item-banner.style11 .banner-content,
        .item-banner.style12 .banner-content,
        .item-banner.style9 .banner-content {
            text-align: left !important;
        }
        .m-b-5 {
            margin-bottom: 50px;
        }
        /*===================home 05======================*/
        .moorabi-newsletter.style3 .newsletter-form-wrap,
        .moorabi-newsletter.style3 .email-newsletter {
            width: 100%;
        }
        .moorabi-newsletter.style3 .email-newsletter {
            margin-bottom: 20px;
        }
        .moorabi-newsletter.style3 {
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 20px;
        }
        .moorabi-newsletter.style3 img {
            display: none;
        }
        .moorabi-newsletter.style3 .title::before {
            left: 11%;
        }
        .p-0 {
            padding: 0;
        }
        /*===================home 08======================*/
        .moorabi-testimonials.default .testimonial-item {
            padding: 30px 20px 40px;
            text-align: center;
        }
        .testimonial-item .image {
            float: none;
        }
        .testimonial-item .info {
            padding: 20px;
        }
        .logo img {
            width: 145px !important;
            padding-left: 0px !important;
        }
        .slick-slide {
            padding: 0 5px;
        }
    }
    
    .button,
    button,
    input[type="submit"],
    .load-more a:hover,
    .moorabi-newsletter.style1 .newsletter-form-wrap .submit-newsletter:hover,
    .product-item .button:hover,
    .customer_login input[type="submit"],
    .sevice-box-content .sevice-button:hover,
    .footer-device-mobile-item.device-cart .count-icon,
    .widget_filter_size li.active,
    .widget_filter_size li:hover,
    .product-item.style-list .single_variation_wrap>.button:hover,
    .shoppingcart-content .control-cart .button:hover,
    .checkout-wrapp .button:hover,
    .product-item .button.quick-wiew-button:hover,
    .checkout-wrapp .group-button-payment .btn-credit-card,
    .payment-method-wrapp .button-control .btn-pay-now,
    .end-checkout .button,
    .btn-zoom.open_qv:hover,
    .attribute_size .list-size a.active,
    .attribute_size .list-size a:hover,
    .tab-details-product .tab-link li a::after,
    .product-item.style2 .group-buttons .button:hover,
    .product-item.style-2 .group-buttons .added_to_cart:hover,
    .kt-popup-newsletter.style-2 .mfp-close,
    .shopcart-description .actions .button-viewcart:hover,
    .kt-popup-quickview .mfp-close,
    .moorabi-newsletter.style2 .newsletter-form-wrap .submit-newsletter:hover,
    .product-item.style-6 .loop-form-add-to-cart .button,
    .pinmap-buttom,
    .slider-item .slider-infor .button:hover,
    .list-category .category-item:hover {
        background-color: black;
    }
    
    .product-item .button:hover,
    input[type="text"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="tel"]:focus,
    input[type="url"]:focus,
    textarea:focus,
    button:focus,
    select:focus,
    .sevice-box-content .sevice-button:hover,
    .widget_filter_size li.active,
    .widget_filter_size li:hover,
    .shoppingcart-content .control-cart .button:hover,
    .checkout-wrapp .button:hover,
    .checkout-wrapp .group-button-payment .btn-credit-card,
    .payment-method-wrapp .button-control .btn-pay-now,
    .end-checkout .button,
    .attribute_size .list-size a.active,
    .attribute_size .list-size a:hover,
    .shopcart-description .actions .button-viewcart:hover,
    .moorabi-tabs .tab-link li.active a,
    .product-item.style-6 .loop-form-add-to-cart .button,
    .slider-item .slider-infor .button:hover {
        border-color: #fff !important;
    }
    
    a:hover,
    a:focus,
    a:active,
    .product-item.style-2 ul li a:hover,
    .quantity .btn-number:hover,
    .header-user-form-tabs .tab-link li.active,
    .review .view:hover,
    .review .s-comments:hover,
    .product-item.style-list .product-info-left .attributes-display li a:hover,
    .cart-form .product-remove:hover a:before,
    .cart-form .shop_table .product-name .attributes-select:hover,
    .cart-form .coupon .button:hover,
    .slick-slider.slider-lookbook.nav-center>.slick-arrow:hover,
    .slider-lookbook-item .view-the-look:hover,
    .list-product-order .attributes-select:hover,
    .header-language .moorabi-submenu>li>a:hover,
    .sidebar input[type="checkbox"]:checked+label::before,
    .main-menu .submenu>li:hover>a,
    .main-menu .submenu>li.active>a,
    .block-minicart .no-product .text span,
    .header-account .login .lost_password,
    .details-thumd .owl-nav div:hover,
    .details-infor .group-button .yith-wcwl-add-to-wishlist div a:hover::before,
    .details-infor .group-button .size-chart-wrapp .btn-size-chart a:hover::before,
    .tab-details-product .tab-link li.active a,
    .review_form .comment-form-review .stars a.active,
    .review_form .comment-form-review .stars a:hover,
    .related .slick-slider.nav-center>.slick-arrow:hover,
    .up-sells .slick-slider.nav-center>.slick-arrow:hover,
    .slider-item .button:hover,
    .slick-slider.nav-center>.slick-arrow:hover {
        color: black;
    }
    
    .details-thumd .thumbnails_carousel .owl-item .active img {
        border-color: #ed71a3;
    }
    
    @media (min-width: 1367px) {
        .home-slider.fullwidth.rows-space-60 {
            margin-bottom: 80px;
        }
        .banner-wrapp.rows-space-35 {
            margin-bottom: 55px;
        }
        .moorabi-tabs.default.rows-space-40 {
            margin-bottom: 60px;
        }
        .banner-wrapp.rows-space-60 {
            margin-bottom: 80px;
        }
        .banner-wrapp.rows-space-30 {
            margin-bottom: 50px;
        }
        .main-content {
            padding-bottom: 85px;
        }
        .instagram-wrapp .custommenu-title-blog {
            margin-top: 70px;
        }
        .home-slider-banner {
            margin-bottom: 58px;
        }
        .moorabi-product.produc-featured.rows-space-65 {
            margin-bottom: 82px;
        }
        .banner-wrapp.rows-space-65 {
            margin-bottom: 85px;
        }
        .moorabi-blog-wraap.default {
            padding-top: 52px;
            padding-bottom: 30px;
        }
        .home-slider.fullwidth.rows-space-60 {
            margin-bottom: 80px;
        }
        .moorabi-product.produc-featured.rows-space-40 {
            margin-bottom: 60px;
        }
        .banner-pinmap-wrapp.rows-space-70 {
            margin-bottom: 90px;
        }
        .moorabi-product.layout1 {
            padding: 90px 0 52px;
        }
    }
    
    @media (max-width:480px) {
        .product-item .product-inner img {
            height: 220px !important;
        }
    }
    
    .product-item .product-inner img {
        width: 100%;
        height: 330px;
        object-fit: cover;
    }
    /* REGISTER AND SIGN IN BUT STYLE */
    
    .register-but {
        color: #f82929;
        font-weight: 400;
        margin-right: 20px;
        font-size: 15px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .register-but:hover {
        color: #f82929 !important;
    }
    
    .signin-but {
        color: #000000;
        font-weight: 400;
        margin-right: 20px;
        font-size: 15px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .signin-but:hover {
        color: #312b4e !important;
    }
    /* Sticky css menu */
    
    .sticky {
        position: fixed;
        z-index: 20;
        background-color: white;
        margin: auto;
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
        padding: 0px 10% !important;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
    }
    
    .main-header.sticky .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .main-header.sticky .header-control {
        margin-top: 8px;
        margin-bottom: 7px;
    }
    
    .main-header.sticky .row .logo img {
        width: 120px;
        margin-top: 12px;
    }
    
    .header .main-header.sticky {
        padding: 0px 0;
    }
    
    .main-header.sticky .form-search .form-content .input {
        height: 24px;
    }
    
    .main-header.sticky .form-search-width-category .btn-search {
        padding: 6px 0;
        font-size: 18px;
    }
    
    .main-header.sticky .register-but,
    .main-header.sticky .signin-but {
        font-size: 13px;
    }
    /* MORE BUTTON ON NAV MENU */
    
    .more-nav {
        width: 300px;
        position: absolute;
        left: -250px;
    }
    /* SLIDER */
    
    .m-slider-img {
        max-height: 600px;
        border-radius: 0px;
    }
    /* NEWS */
    
    .simple-news-block {
        width: 100%;
        overflow: hidden;
        display: inline-grid;
        vertical-align: middle;
        height: 170px;
        background-color: #fff;
        padding: 20px;
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.10);
        box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.10);
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .simple-news-block .blog-title {
        font-size: 18px;
        line-height: 1.1;
    }
    
    .simple-news-block .blog-title>a:hover {
        color: black !important;
    }
    
    .simple-news-block .post-date {
        color: rgb(184, 184, 184) !important;
        font-size: 12px !important;
        font-family: 'Circe-Light' !important;
    }
    
    .simple-news-block:nth-last-child(1) {
        margin-top: 10px
    }
    
    .main-news-block {
        overflow: hidden;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        width: auto;
        height: 350px;
        display: grid;
        vertical-align: middle;
        background-color: black;
        padding: 45px;
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.10);
        box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.10);
    }
    
    .main-news-block .blog-title {
        font-size: 38px;
        line-height: 1.1;
        color: #fff;
    }
    
    .main-news-block .blog-title>a:hover {
        color: #ff8a8a !important;
    }
    
    .main-news-block .post-date {
        color: #fff !important;
        font-size: 12px !important;
        font-family: 'Circe-Light' !important;
    }
    
    @media (max-width:480px) {
        .main-news-block {
            padding: 25px;
        }
        .main-news-block .blog-title {
            font-size: 28px;
        }
    }
    /* brands */
    
    .mn {
        display: grid;
        grid-template-columns: auto auto auto auto auto;
        margin: -.75rem 0 0 -.75rem;
    }
    
    .mO:first-child {
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    
    .mO {
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        padding: .75rem 0 0 .75rem;
    }
    
    .mP {
        display: inline-block;
        width: 100%;
        border-radius: 0px;
        position: relative;
        padding-top: 100%;
        background-color: #fff;
        text-decoration: none;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
    }
    
    .mO:first-child .mo,
    .mO:nth-child(2) .mo {
        padding: 5rem;
        border: 1px solid;
    }
    
    .mP .mo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px;
        border: 1px solid;
    }
    
    .mN,
    .mP .mp {
        height: 100%;
    }
    
    .mP .mp {
        width: 100%;
    }
    
    .Jw.JZ {
        min-width: 70px;
        min-height: 50px;
    }
    
    .Jw {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .Jw.Jx .JX.JY {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        width: 100%;
        height: auto;
        opacity: 1;
        visibility: visible;
    }
    
    .Jw.Jx .JX,
    .Jw.Jx:before {
        opacity: 0;
        visibility: hidden;
        width: 0;
        height: 0;
        -webkit-transition: opacity 0s;
        transition: opacity 0s;
    }
    
    .Jw .JX {
        width: 100%;
    }
    
    @media only screen and (min-width: 1280px) {
        .mn {
            margin: -1.5rem 0 0 -1.5rem;
            grid-template-columns: auto auto auto auto auto !important;
        }
        .mO {
            padding: 1.5rem 0 0 1.5rem;
        }
    }
    
    @media only screen and (min-width: 768px) {
        .mn {
            margin: -1.25rem 0 0 -1.25rem;
            grid-template-columns: auto auto auto;
        }
        .mO {
            padding: 1.25rem 0 0 1.25rem;
        }
    }
    
    @media only screen and (min-width: 600px) {
        .mn {
            margin: -1rem 0 0 -1rem;
            grid-template-columns: auto auto auto;
        }
        .mO {
            padding: 1rem 0 0 1rem;
        }
        .mO:nth-child(2) {
            grid-column-start: 4;
            grid-column-end: 6;
            grid-row-start: 1;
            grid-row-end: 3;
        }
    }
    
    @media only screen and (min-width: 480px) {
        .mn {
            grid-template-columns: auto auto auto;
        }
        .mO:nth-child(2) {
            grid-row-start: 4;
            grid-row-end: 6;
            grid-column-start: 3;
            grid-column-end: 5;
        }
        .mO:nth-child(2) {
            grid-row-start: 3;
            grid-row-end: 5;
            grid-column-start: 2;
            grid-column-end: 4;
        }
    }
    
    @media only screen and (min-width: 200px) and (max-width:500px) {
        .mn {
            grid-template-columns: auto auto auto;
        }
        .mO:nth-child(2) {
            grid-row-start: 4;
            grid-row-end: 6;
            grid-column-start: 3;
            grid-column-end: 5;
        }
        .mO:nth-child(2) {
            grid-row-start: 3;
            grid-row-end: 5;
            grid-column-start: 2;
            grid-column-end: 4;
        }
    }
    
    @media only screen and (min-width: 200px) and (max-width:500px) {
        .xs-margin-news {
            margin-top: 10px
        }
        .xs-news {
            margin: 13px -15px;
        }
    }
    /* MINI BANNERS */
    
    .discount-mini-banner {
        text-align: left !important;
        overflow: hidden;
        padding: 40px 0 30px !important;
        background: black;
        position: relative;
        border-radius: 0px;
        height: 335px;
    }
    
    .discount-mini-banner img {
        margin-left: 17px;
        margin-top: 37px;
    }
    
    .discount-back {
        width: 47px;
        background-image: url(..assets/images/back-asset.svg);
    }
    
    .banner-mini {
        margin-bottom: 27px;
    }
    
    .banner-minis {
        margin-bottom: 80px;
    }
    
    .banner-minis .row .banner img {
        margin-bottom: 20px;
    }
    
    .filter-back-block {
        display: none;
    }
    
    .filter-mobile-block {
        display: none;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    .sidebar.sidebarcontroller {
        display: block;
    }
    
    @media (max-width: 480px) {
        .banner-mini {
            margin-bottom: 10px;
        }
        .sidebar.sidebarcontroller {
            display: none;
        }
        .banner-minis {
            margin-bottom: 30px;
        }
        .filter-mobile-block {
            display: block !important;
            margin-right: 10px;
            margin-top: -5px;
        }
        .filter-back-block {
            display: block;
            padding: 0px 0px 20px;
            font-size: 14px;
            text-align: right;
        }
        .filter-back-block>a {
            font-weight: 600;
            color: black;
            margin-left: 5px;
        }
        .col-ts-6.style-1,
        .col-xs-6.style-1,
        .col-sm-6.style-1,
        .col-md-6.style-1 {
            padding-right: 5px;
            padding-left: 5px;
        }
        .newsletter-form-wrap .list {
            text-align: center !important;
        }
        .moorabi-newsletter.style1 .newsletter-form-wrap img {
            text-align: center;
            position: unset;
        }
    }
    
    .wrapper-sidebar.shop-sidebar {
        background-color: #fff;
        padding: 30px;
    }
    
    .more-categories {
        text-align: center;
        background-color: #ffffff;
        font-size: 11px;
        padding: 6px 25px;
        color: black;
        border: 1px solid black;
    }
    
    .show-more.li {
        display: block;
        display: none;
    }
    
    .show-more.br {
        display: block;
        display: none;
    }
    
    a#seeMore {
        display: block;
        color: #fff;
        margin: 0 auto;
        line-height: 50px;
        width: 30%;
        border-radius: 30px;
        text-decoration: none;
        border: 3px #ee5f4a solid;
        background: #ee5f4a;
        opacity: 0.7;
        margin-bottom: 50px;
    }
    
    a#seeMore:hover {
        opacity: 1;
    }
    /* PRODUCT PAGE */
    
    .details-block {
        background-color: #fff;
        border-radius: 0px;
        padding: 0px 0px 10px 0px;
    }
    
    .details-block .group-button .quantity-add-to-cart {
        margin: auto;
        text-align: left;
    }
    
    .detail-price {
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: black;
        display: flex;
        align-items: center;
        padding: 10px 20px;
        border-radius: 10px 10px 0px 0px;
    }
    
    .detail-price.nodisc {
        background: white;
    }
    
    .detail-price.nodisc .detail-discount-amount {
        margin: 5px 0px;
    }
    
    .detail-discount-amount {
        margin: 5px 10px;
    }
    
    .detail-discount-amount ins {
        font-size: 32px;
        text-decoration: unset;
    }
    
    .detail-discount-amount del {
        font-size: 18px;
        color: #646464;
    }
    
    .detail-discount-round {
        background-color: #f72a16;
        color: white;
        border-radius: 5%;
        text-align: center;
        font-weight: 700;
        letter-spacing: 0;
        margin-right: 1rem;
        width: 4rem;
        height: 4rem;
        padding: 8px 4px;
        font-size: 13px;
    }
    
    .details-block .group-button {
        padding: 0px 20px;
    }
    
    .details-infor .availability a {
        color: rgb(65, 65, 65);
    }
    
    .detail-info-block {
        border: 1px solid #eeeeee;
        background-color: #fafafa;
        margin: 20px 0px 0px 5px;
        padding: 15px 20px;
        border-radius: 0%;
    }
    
    .detail-info-block .info-detail {
        display: flex;
        margin-bottom: 25px;
    }
    
    .detail-info-block .info-detail:last-child {
        margin-bottom: 0px;
    }
    
    .info-detail .detail-info-img {
        margin-right: 15px;
        width: 35px;
    }
    
    .info-detail .detail-info-text {
        color: #090909;
        font-size: 13px;
        line-height: 19px;
    }
    
    .info-detail .detail-info-text .text {
        color: black;
    }
    
    .info-detail .detail-info-text .bold {
        color: #03cc03;
    }
    
    .owl-prev .fa,
    .owl-next .fa {
        font-size: medium !important;
    }
    
    @media (min-width:481px) {
        .bottomBuy {
            display: none !Important;
        }
    }
    
    @media (max-width:480px) {
        .trail-items.breadcrumb {
            max-height: 60px;
            overflow: hidden;
        }
        .product-cart-title {
            font-size: 24px;
            margin-left: 20px;
        }
        .tab-details-product .tab-link li:last-child {
            margin-top: 25px;
        }
        .tab-details-product {
            padding: 25px;
        }
        .bottomBuy {
            position: fixed;
            width: 100%;
            height: 60px;
            border-radius: 10px 10px 0px 0px;
            background: #ffffffd3;
            z-index: 99;
            transition: all 1s;
            bottom: 64px;
            display: flex !important;
            align-items: center;
        }
        .detail-by-img {
            border-radius: 50%;
            background-position: 50%;
            background-size: cover;
            width: 5.75rem;
            height: 5.75rem;
            margin-right: 1.6rem;
            margin-left: 1.3rem;
        }
        .hide {
            opacity: 0;
            left: -100%;
        }
        .show {
            opacity: 1;
            left: 0;
        }
        .detail-by-amount {
            font-size: 13px;
            line-height: 18px;
            color: #111;
            font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
        }
        .detail-by-amount {
            font-size: 14px;
        }
        .detail-by-amount ins {
            font-size: 18px;
            text-decoration: unset;
        }
        .detail-by-amount del {
            font-size: 12px;
            text-decoration: line-through;
        }
        .detail-by-buy {
            right: 10px;
            top: 4px;
            position: absolute;
        }
        .detail-by-buy button {
            border-radius: 100%;
            height: 50px;
            width: 50px;
            padding: 0;
        }
        .detail-by-discount .detail-discount-round {
            width: 3.75rem;
            height: 3.75rem;
            padding: 6px 0px;
        }
        .mobile-price-block {
            display: flex;
            vertical-align: middle;
        }
    }
    /* LOGIN */
    
    .login-item {
        background-color: #fff;
        border-radius: 0px;
        border: 1px solid #f1f1f1;
    }
    
    .delivery-empty {
        text-align: center;
    }
    
    .delivery-empty img {
        width: 200px;
        margin-top: 60px;
    }
    
    .delivery-empty p {
        margin-top: 30px;
        font-weight: 600;
    }
    
    .delivery-form .delivery-flex,
    .login-item .profile-edit .username,
    .login-item .register .username {
        display: flex;
    }
    
    .button-class-login {
        margin-top: 25px;
    }
    
    .login-text-class {
        padding: 0px 40px 20px;
    }
    
    .login-item .title-login {
        font-family: 'Circe-Rounded-Extra-Bold', sans-serif;
        font-size: 24px;
    }
    
    .form-row.form-row-wide .input-text:focus {
        border-color: black !important;
    }
    /* CHECKOUT */
    
    .cart-collateral .cart_totals {
        background: #ffffff;
        padding: 15px 5px;
        border: 1px solid #f3f3f3;
        margin-left: 30px;
    }
    
    .cart-collateral .cart_totals div.responsive-table {
        background: #fff;
        padding: 10px 20px;
    }
    
    .cart-collateral .cart_totals div.responsive-table th {
        max-width: 185px
    }
    
    .cart_totals .control-cart {
        text-align: center;
    }
    
    .cart_totals h3 {
        font-size: 18px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        text-align: center;
        margin-bottom: 25px;
    }
    
    .cart-form .shop_table .product-name .for-one-pc {
        font-size: 13px;
    }
    
    .shoppingcart-content .col-xs-12.col-sm-12 {
        padding: 0;
    }
    
    @media (max-width: 480px) {
        .shoppingcart-content .cart-collateral {
            margin-top: 25px;
        }
        .cart-form .shop_table .product-thumbnail {
            padding: 0px;
            margin-left: 0;
            width: 100px !important;
        }
        .cart-form .shop_table .product-price {
            text-align: center !important;
        }
        .cart-form .shop_table tbody>tr.cart_item {
            display: flex !important;
            flex-flow: wrap row;
        }
        .cart_item {
            padding-top: 25px;
        }
        .cart_item .product-remove {
            width: 10px !important;
            padding: 20px;
        }
        .cart_item .product-thumbnail {
            width: 100px !important;
        }
        .cart_item .product-name {
            width: 50% !important;
            text-align: left !important;
        }
        .cart_item .product-quantity {
            width: 40% !important;
            margin-left: 20px;
            margin-right: 0px !important;
        }
        .cart_item .product-price.total {
            width: 50% !important;
            text-align: right !important;
        }
        .cart-form .shop_table tbody {
            width: auto;
        }
        .cart-form .shop_table .actions .coupon_code {
            font-size: 14px;
        }
        .shop_table .actions .coupon {
            margin-top: 12px
        }
        .cart-collateral .cart_totals {
            margin-bottom: 40px;
            margin-left: 0px;
        }
    }
    
    .cart-delivery-tab-block {
        border: none;
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 0px;
        padding: 30px 0px 0px 0px;
    }
    /* CHECKIN ACCORDION */
    
    .cart-payment-block {
        border: 1px solid #f2f2f2;
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 0px;
        padding: 30px 0px 20px 0px;
    }
    
    .cart-balance-block {
        display: inline-flex;
        width: 100%;
        align-items: center;
        border: 1px solid #f2f2f2;
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 0px;
        padding: 20px 40px;
    }
    
    .cart-balance-block .balance-header {
        display: block;
        margin-right: 15px;
    }
    
    .cart-balance-block input[type="text"] {
        height: 52px;
        color: black;
    }
    
    .cart-balance-block input[type="text"]:focus {
        border: 1px solid !important;
        color: black;
    }
    
    .cart-balance-block input[type="text"]:disabled {
        border: 1px solid rgb(196, 196, 196) !important;
        color: rgb(194, 194, 194);
        cursor: not-allowed;
    }
    
    .cart-balance-block label {
        margin-right: 15px;
        margin-bottom: 0px;
    }
    
    .cart-balance-block .h-balance {
        margin-right: 15px;
    }
    
    .cart-balance-block .available-amount {
        margin-top: 5px;
        font-size: 12px;
        line-height: 18px;
        /* padding: 8px 20px;
        border-radius: 5px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0px 9px 0px rgba(0, 0, 0, 0.08); */
        max-width: 400px;
    }
    
    .cart-balance-block .i-balance {
        display: flex;
        align-items: center;
    }
    
    .i-balance button[disabled] {
        color: rgb(194, 194, 194);
        cursor: not-allowed;
        border: 1px solid #b1b1b1;
    }
    
    .i-balance button {
        height: 52px;
        margin-left: -20px;
        font-size: 10px;
        line-height: 31px;
        background-color: white;
        border: 1px solid black;
        color: black;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        text-transform: uppercase;
        cursor: pointer;
    }
    
    .i-balance button:hover {
        height: 52px;
        margin-left: -20px;
        font-size: 10px;
        line-height: 31px;
        background-color: rgb(32, 32, 32);
        color: rgb(230, 230, 230);
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    
    .b-toggle {
        width: 50px;
        height: 30px;
        border-radius: 15px;
        background-color: #fff;
        cursor: pointer;
        user-select: none;
        transition: all 300ms;
        box-shadow: 0 0px 9px 0px rgba(0, 0, 0, 0.08), 0 0px 9px 0px rgba(0, 0, 0, 0.06);
    }
    
    .b-toggle input:checked+.circle {
        background-color: #4363EE;
        margin-left: 23px;
    }
    
    .b-toggle .circle {
        display: block;
        width: 25px;
        height: 25px;
        margin: 3px;
        border-radius: 50%;
        background-color: #bdc3c7;
        transition: all 300ms;
    }
    
    .b-toggle:hover {
        box-shadow: 0 0px 3.3px -4px rgba(0, 0, 0, 0.249), 0 0px 14px -4px rgba(0, 0, 0, 0.6);
    }
    /* delivery */
    
    .delivery-form {
        padding: 10px 5px;
    }
    
    @media (max-width:480px) {
        .delivery-form {
            padding: 20px 10px;
        }
        .cart-collateral .cart_totals div.responsive-table {
            padding: 10px 0px;
        }
        .shoppingcart-content .control-cart .button {
            margin: 0px 30px 0px 30px;
        }
        .cart-balance-block {
            display: block;
            padding: 20px 30px;
        }
        .cart-balance-block label {
            margin-bottom: 20px;
            display: grid;
        }
        .cart-balance-block .i-balance {
            margin-top: 15px;
        }
        .cart-balance-block .i-balance button {
            padding: 10px;
        }
        .cart-balance-block input {
            width: 150px;
        }
        .cart-balance-block .b-toggle {
            margin-bottom: 15px;
            margin-top: 15px;
        }
        .cart-balance-block .available-amount {
            margin-left: 0px;
            margin-top: 4px;
        }
        .control-cart {
            position: fixed;
            bottom: 62px;
            left: 0;
            right: 0;
            padding: 10px;
            width: 100%;
            margin: auto;
            z-index: 99;
            background-color: black;
            -webkit-box-shadow: 0px 0px 12px 10px rgba(0, 0, 0, 0.09);
            -moz-box-shadow: 0px 0px 12px 10px rgba(0, 0, 0, 0.09);
            box-shadow: 0px 0px 12px 10px rgba(0, 0, 0, 0.09);
            -webkit-transition: .35s;
            -o-transition: .35s;
            transition: .35s;
            -webkit-transform: translateY(5px);
            -moz-transform: translateY(5px);
            -ms-transform: translateY(5px);
            -o-transform: translateY(5px);
            transform: translateY(5px);
        }
    }
    
    .delivery-form .delivery-flex .form-row.form-row-wide,
    .delivery-form .form-row.form-row-wide {
        display: grid !important;
    }
    
    .delivery-form .delivery-flex .form-row.form-row-wide .form-control,
    .delivery-form .form-row.form-row-wide .form-control {
        height: 42px;
        font-size: 15px;
        border-radius: 0px;
        border: 1px solid #eeeeee;
        max-width: 100%;
        background: none;
    }
    
    .delivery-form .form-row.form-row-wide .input-text {
        width: 150px;
    }
    
    .delivery-form .form-row.form-row-wide .street.input-text {
        width: 100%;
    }
    
    .header-delivery-text {
        font-weight: bold;
        font-size: 16px;
        color: #333333;
        padding: 25px 20px 0px;
        display: flex;
        align-items: center;
    }
    
    .header-delivery-text .moorabi-dropdown {
        margin-left: 15px;
    }
    
    .delivery-choose {
        min-width: 110px;
        background: transparent;
        color: #363636;
        border: 1px solid #e9e9e9;
        margin-left: 10px;
        height: 38px;
    }
    
    .delivery-choose:hover {
        color: #ffffff;
        background-color: black;
    }
    
    .delivery-flex .chosen-container .chosen-results li.active-result {
        display: inline-table !important;
    }
    
    .address-grid .location-name {
        font-size: 18px;
        margin-bottom: 0px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .address-grid:first-child {
        margin-top: 0px;
    }
    
    .address-grid {
        border: 1px solid #eee;
        padding: 20px;
        border-radius: 0px;
        margin-top: 20px;
    }
    
    .address-grid:hover,
    .address-grid.chosen {
        background-color: black;
        color: #fff;
        cursor: pointer;
    }
    
    .address-grid a i {
        font-size: 16px;
        position: absolute;
    }
    
    .address-grid .fa-times {
        right: 70px;
    }
    
    .address-grid .fa-pencil {
        right: 100px;
    }
    
    .address-grid .fa-times:hover,
    .address-grid .fa-pencil:hover {
        color: #c4e1ff;
    }
    
    @media (max-width: 480px) {
        .delivery-form .form-row.form-row-wide .input-text {
            width: 50px;
        }
        .cart-delivery-tab-block {
            padding: 10px 0px 15px 0px;
        }
        .delivery-form .delivery-flex .form-row.form-row-wide,
        .delivery-form .form-row.form-row-wide {
            margin-right: 5px;
            padding: 2px;
        }
        .shoppingcart-content .cart_totals {
            margin-top: 0px;
        }
        .address-grid {
            padding: 10px 20px;
            margin: 30px;
        }
        .delivery-flex label {
            height: 42px;
            overflow: hidden;
        }
    }
    /* POPUPPER */
    
    .modal-header>button {
        position: absolute;
        right: 20px;
        top: 22px;
    }
    
    .modal-header h5 {
        font-size: 22px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        display: flex;
        align-items: center;
    }
    
    .text-alert-block {
        text-align: center;
        font-size: 24px;
        display: grid;
        min-height: 200px;
        align-items: center;
    }
    
    .text-alert-block p {
        font-size: 16px;
    }
    
    .modal-header h3 {
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin-bottom: 0px;
    }
    
    @media (max-width: 480px) {
        .modal-header h5,
        .modal-header h3 {
            font-size: 18px;
        }
    }
    /* ERROR ANIMATION */
    
    .text-alert-block .oopss img {
        width: 150px;
    }
    /* PROFILE */
    
    .profile-kpi-block {
        display: flex;
    }
    
    .profile-kpi-container {
        width: 50%;
        padding: 20px;
        align-items: center;
        margin: 0px 0px 30px 0px;
        background-color: black;
        border-radius: 0px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
    }
    
    .profile-kpi-container:first-child {
        margin-right: 20px;
        background-color: #f82929;
    }
    
    .profile-kpi-container.balance {
        background-image: url(../images/balance.svg);
        background-size: 55px;
        background-repeat: no-repeat;
        background-position: center right;
        background-position-x: 95%;
    }
    
    .profile-kpi-container.friends {
        background-image: url(../images/coolhand.svg);
        background-size: 55px;
        background-repeat: no-repeat;
        background-position: center right;
        background-position-x: 95%;
    }
    
    .profile-kpi-container .kpi-amount {
        font-size: 24px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        color: #fff;
    }
    
    .profile-kpi-container p {
        margin-bottom: 5px;
    }
    
    .settings-profile-block {
        margin-top: 3px;
        float: right;
        width: auto !important;
    }
    
    .settings-choose {
        min-width: 110px;
        background: transparent;
        color: #363636;
        border: 1px solid #e9e9e9;
        margin-left: 10px;
        height: 38px;
        display: flex;
    }
    
    .settings-choose:hover {
        background-color: #e0e0e0;
    }
    
    .settings-choose img {
        width: 18px;
        margin-right: 3px;
    }
    
    .settings-profile-block .dropdown-menu {
        padding: 15px;
    }
    
    .settings-profile-block .dropdown-menu a {
        display: block;
        line-height: 35px;
        font-size: 14px;
        font-weight: 600;
    }
    
    @media (max-width: 480px) {
        .profile-kpi-container .kpi-amount {
            font-size: 19px;
        }
        .settings-profile-block .dropdown-menu {
            margin: 2px -102px 0px;
        }
        .settings-profile-block {
            margin-top: 3px;
            position: absolute;
            top: 106px;
            right: 0;
        }
        .settings-profile-block .text {
            display: none;
        }
        .settings-choose {
            min-width: auto;
            border: 0px solid #e9e9e9;
            margin-left: 10px;
            height: auto;
        }
    }
    /* ORDER LIST */
    
    .order-block {
        border: 1px solid #e7e7e7;
        padding: 20px 0px 10px 0px;
        border-radius: 0px;
        margin: 10px;
        font-size: 14px;
        align-items: center;
    }
    
    .order-content {
        align-items: center;
        display: flex;
        padding: 0px 30px;
    }
    
    .order-block p {
        margin-bottom: 10px;
    }
    
    .order-block:hover {
        cursor: pointer;
        border: 1px solid black;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(118, 166, 255, 0.2);
        -moz-box-shadow: 0px 0px 12px 0px rgba(118, 166, 255, 0.2);
        box-shadow: 0px 0px 12px 0px rgba(118, 166, 255, 0.2);
        -webkit-transition: .35s;
        -o-transition: .35s;
        transition: .35s;
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }
    
    .order-block .order-date p:first-child,
    .order-block .order-status p:first-child,
    .order-block .order-amount p:first-child {}
    
    .order-block .order-status,
    .order-block .order-location {
        text-align: center;
    }
    
    .order-block .order-success {
        display: inline-block;
        background-color: #03cc03;
        color: #fff;
        padding: 3px 6px;
        border-radius: 0px;
    }
    
    .order-block .order-pending {
        display: inline-block;
        background-color: #333;
        color: #fff;
        padding: 3px 6px;
        border-radius: 0px;
    }
    
    .order-block .order-amount {
        text-align: right;
    }
    
    @media (max-width:480px) {
        .order-content {
            padding: 0px 10px;
        }
    }
    /* TRANSACTION DETAILS CSS */
    
    .tr-dt-info {
        margin-bottom: 25px;
        font-weight: 600;
        background-color: #f6f6f6;
        border-radius: 0px;
        padding: 20px;
    }
    
    .tr-dt-info p {
        font-weight: 400;
        margin-bottom: 0px;
    }
    
    .tr-dt-info img {
        margin-left: 4px;
        margin-top: -4px;
        width: 22px;
        height: 19px;
    }
    
    .tr-dt-header-amount {
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        font-weight: 600;
        font-size: 32px;
        text-align: center;
        color: #454545;
        margin-bottom: 25px;
        background-color: #f6f6f6;
        border-radius: 0px;
        padding: 20px;
    }
    
    .table-responsive.item-list {
        display: inline-block;
        width: 100%;
    }
    
    .tr-dt-table>thead>tr>td {
        background-color: #f6f6f6;
        color: #283c47;
        font-weight: 600;
        font-size: 14px;
    }
    
    .tr-dt-pmethod,
    .tr-dt-pmethod td {
        border: none;
    }
    
    .tr-dt-pmethod td:first-child {
        width: 203px;
    }
    
    .table-responsive.item-list .tr-dt-table td {
        min-width: 120px;
    }
    
    .table-responsive.item-list .tr-dt-table td:nth-child(2) {
        min-width: 200px;
        font-size: 14px;
    }
    
    .tr-order-success {
        background-color: #03cc03;
        color: #fff;
        padding: 3px 7px 4px;
        border-radius: 0px;
        display: inline;
        margin-left: 10px;
        font-size: 13px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
    }
    
    .tr-head {
        display: -webkit-inline-box;
    }
    /* REFERAL PAGE */
    
    .referal-header {
        text-align: center;
    }
    
    .referal-header h3 {
        font-size: 24px;
        font-family: 'Circe-Rounded-Extra-Bold', serif;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .container-social {
        display: flex;
        justify-content: center;
    }
    
    .social-share-area {
        cursor: pointer;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        font-size: 34px;
        padding: 20px;
    }
    
    .social-icon i {
        margin-right: 35px;
    }
    
    .invite-friends-content {
        padding-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .referal-header p {
        font-size: 18px;
    }
    
    .ref-link input {
        padding: 12px;
        min-width: 200px;
        max-width: 300px;
        background-color: #f5f8fa;
        border: solid 1px #d6dae1;
        overflow: hidden;
        border-radius: 5px 0px 0px 5px;
        margin-right: -2px;
    }
    
    .invite-friends-content button {
        padding: 15px;
    }
    
    .link-invite {
        color: #6c6c6c;
        text-align: left;
    }
    
    @media (max-width: 480px) {
        .referal-header {
            padding: 30px 50px;
        }
        .cart-payment-block label {
            height: 80px !important;
            padding: 0px 15px !important;
            font-size: 14px !important;
        }
        .cart_totals h3 {
            font-size: 18px;
        }
    }
    /* my porfile tabs */
    
    .cart-in-tabs .slider .indicator {
        background: #000000 !important;
        border-radius: 0px !important;
    }
    
    .cart-in-tabs input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg,
    .cart-in-tabs input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg {
        fill: #000000 !important;
    }
    
    .cart-in-tabs input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label,
    .cart-in-tabs input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
        cursor: default;
        color: #000000 !important;
    }
    /* cash icon controller */
    
    .cart-payment-block .card__cash {
        padding: 60px 40px !important;
    }
    /* animated checked controller */
    
    .cart-payment-block label,
    .choose-block-a label {
        border-radius: 5px !important;
        border: 1px solid #d3d3d3 !important;
    }
    
    .choose-block-a label:hover,
    .cart-payment-block label:hover {
        border-color: rgb(36, 36, 36) !important;
        background-color: rgba(102, 102, 102, 0.16) !important;
    }
    
    .delivery-form [type="radio"]:checked~label,
    .cart-payment-block [type="radio"]:checked~label {
        border-color: #000000 !important;
        background-color: rgba(63, 63, 63, 0.16);
        color: #1d1d1d;
    }
    
    .delivery-form [type="radio"]:checked~label>span,
    .cart-payment-block [type="radio"]:checked~label>span {
        will-change: transform;
        border: 0;
        background-image: linear-gradient(to top right, rgb(61, 6rgb(46, 46, 46) #4363EE);
        -webkit-animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
        animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
    }