/*======================================================================
  1. Google Fonts
========================================================================*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

/*======================================================================
  2. Basic Styles
========================================================================*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

:root {
    --primaryred: #b41e12;
    --secondaryblue: #014491;
}

*,
::before,
::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    overflow: hidden;
    overflow-y: auto;
}

body {
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'IBM Plex Sans', sans-serif;
    color: #111111;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html,
button,
input,
select,
textarea {
    font-family: 'IBM Plex Sans', sans-serif;
}

    input:focus,
    textarea:focus,
    select:focus {
        border-color: #cdcfd3;
    }

input,
textarea {
    padding: 10px 18px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-image: url(../images/arrow-select.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    line-height: 1.2;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    padding-bottom: 8px 28px 8px 15px;
}

iframe {
    border: 0;
    width: 100%;
}

a {
    color: #555555;
    text-decoration: none;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    a,
    a:after,
    a:before {
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
    }

        a:focus {
            outline: thin dotted;
        }

        a:active,
        a:hover {
            color: #000;
            outline: 0;
        }

        a:hover,
        a:focus {
            opacity: 0.8;
        }

        a:hover {
            color: black;
            text-decoration: none;
        }

p {
    margin: 0 0 24px;
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}

    blockquote blockquote {
        margin-right: 0;
    }

    blockquote cite,
    blockquote small {
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
    }

    blockquote em,
    blockquote i {
        font-style: normal;
        font-weight: 300;
    }

    blockquote strong,
    blockquote b {
        font-weight: 400;
    }

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

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

ol,
ul {
    padding: 0;
    margin: 0;
}

.list-items {
    margin-left: 15px;
}

.hide {
    display: none !important;
}

video {
    width: 100%;
}

.img-404 {
    width: unset;
    height: 200px;
}

.img-thankyou {
    width: 300px;
    height: 250px;
}
/*======================================================================
  3. Typography
========================================================================*/
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
dl,
dd,
menu,
ol,
ul,
table,
caption,
hr {
    margin: 0;
    margin-bottom: 15px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: #000;
    margin: 0 0 10px;
    font-family: 'Playfair', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.section-title {
    font-family: 'Playfair', sans-serif;
}

h1,
.h1 {
    font-size: 40px;
}

h2,
.h2 {
    font-size: 36px;
    /* text-transform: uppercase; */
}

h3,
.h3 {
    font-size: 34px;
}

h4,
.h4 {
    font-size: 30px;
}

h5,
.h5 {
    font-size: 30px;
}

h6,
.h6 {
    font-size: 14px;
}

img {
    max-width: 100%;
}

p:last-child {
    margin-bottom: 0;
}

input,
button,
select,
textarea {
    font-size: 15px;
    font-family: 'IBM Plex Sans', sans-serif;
    background: transparent;
    border: 1px solid #d7d7d7;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    color: #424242;
}

    input:focus,
    input:active,
    button:focus,
    button:active,
    select:focus,
    select:active,
    textarea:focus,
    textarea:active {
        outline: none;
        border-color: black;
    }

input,
select,
textarea {
    width: 100%;
    font-size: 14px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

input,
select {
    height: 40px;
    padding: 0 10px;
}

    input[type="checkbox"],
    input[type="radio"] {
        width: auto;
        height: auto;
    }

        input[type="checkbox"]:focus,
        input[type="radio"]:focus {
            outline: 0;
            box-shadow: none;
        }

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

hr {
    margin: 20px 0;
    border: 0;
    border-bottom: 1px solid #e8e9eb;
}

.border-bottom {
    border-bottom: 1px solid #f5f5f5 !important;
}

.hidden {
    display: none;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.poss_relative {
    position: relative;
}

.poss_absolute {
    position: absolute;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clear {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

table {
    margin-bottom: 15px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

/* Text specialized */
.text-italic {
    font-style: italic;
}

.text-normal {
    font-style: normal;
}

.text-underline {
    font-style: underline;
}

/* Font specialized */
.body-font {
    font-family: "IBM Plex Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "IBM Plex Sans", sans-serif;
}

.list--inline {
    padding: 0;
    margin: 0;
}

    .list--inline li {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

.display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 !important;
}

.display-table-cell {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.btn {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: auto;
    height: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 8px 15px 8px;
    background-color: var(--primaryred);
    color: white;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: normal;
    white-space: normal;
    font-size: 15px;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .btn:hover,
    .btn:focus {
        background-color: var(--primaryred);
        color: #fff;
        text-decoration: none;
    }

.btn--small {
    padding: 8px 10px;
    font-size: 0.92308em;
    line-height: 1;
}

.btn-secondary {
    background-color: #014491;
    color: #ffffff;
}

.btn--link {
    background-color: transparent;
    border: 0;
    margin: 0;
    color: #139ddd;
    text-align: left;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
}

    .btn--link:hover,
    .btn--link:focus {
        color: #000;
        text-decoration: none;
        background-color: transparent;
    }

.btn-large {
    font-size: 16px;
    padding: 10px 20px;
}

.btn-link {
    color: #555;
}

    .btn-link:hover {
        color: #000;
    }

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

label {
    margin-bottom: 3px;
}

.mask-overlay {
    content: "";
    position: fixed;
    background-color: #000;
    opacity: 0.5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
}

/*======================================================================
  4. Container
========================================================================*/
.container {
    max-width: 1350px;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid {
    padding: 0 55px;
}

    .container-fluid:before,
    .container-fluid:after {
        content: '';
        clear: both;
        display: block;
    }

.grid {
    *zoom: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -30px;
}

.grid__item {
    float: left;
    padding-left: 30px;
    width: 100%;
}

.grid--no-gutters > .grid__item {
    padding-left: 0;
}

/*======================================================================
  5. Promotional Top Popup
========================================================================*/
.notification-bar {
    text-align: center;
    position: relative;
    z-index: 5;
    background-color: #000;
}

.notification-bar__message {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 8px 30px;
    display: block;
}

    .notification-bar__message:hover,
    .notification-bar__message:active,
    .notification-bar__message:focus,
    .notification-bar__message:focus-within {
        color: #fff;
        text-decoration: none;
    }

.close-announcement {
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    right: 40px;
    top: 7px;
    height: 25px;
    width: 25px;
    line-height: 22px;
    color: #fff;
}

/*======================================================================
  6. Pre Loader
========================================================================*/
#pre-loader {
    background-color: #000;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden !important;
    right: 0px;
    z-index: 999999;
}

    #pre-loader img {
        text-align: center;
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        z-index: 99;
        margin: 0 auto;
    }

/*======================================================================
  7. Headers Style
========================================================================*/
.classicHeader:not(.stickyNav) {
    position: absolute;
    width: 100%;
    z-index: 8;
}

.promotion-header {
    color: #df1a0b;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 35px;
    background-color: #fff0ef;
    text-align: center;
    position: relative;
    z-index: 5;
}

.closeHeader {
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    right: 40px;
    top: 8px;
    height: 25px;
    width: 25px;
    line-height: 22px;
    color: #df1a0b;
}

.top-header {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 10px;
    background: #000000;
    height: 38px;
}

    .top-header a {
        color: #fff;
    }

.header {
    width: 100%;
    min-height: 60px;
}

/* .header-1 {
	background-color: rgb(0 0 0);
} */

.logo {
    margin: 0;
}

    .logo a {
        float: left;
        display: block;
    }

    .logo img {
        display: block;
        max-width: 90px;
        max-height: 30px;
    }

.iconset .icon {
    font-size: 18px;
    vertical-align: middle;
    text-decoration: none;
}

.iconset {
    display: inline-block;
    position: relative;
    color: #030505;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 9px;
    cursor: pointer;
}

.wishlist-count {
    font-size: 10px;
    font-family: 'IBM Plex Sans', sans-serif;
    display: inline-block;
    color: #fff;
    background-color: var(--primaryred);
    border-radius: 50%;
    text-align: center;
    width: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

#settingsBox,
#cart-drawer,
#searchPopup {
    color: #050000;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(5, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 15px rgba(5, 0, 0, 0.1);
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#settingsBox {
    visibility: hidden;
    opacity: 0;
    padding: 18px;
    width: 100%;
    min-width: 130px;
    position: absolute;
    top: 130%;
    left: 0;
    z-index: 99;
    border-radius: 6px;
}

    #settingsBox.active {
        visibility: visible;
        opacity: 1;
    }

    #settingsBox .btn {
        width: 100%;
    }

.icons-col .customer-links {
    font-size: 14px;
}

    .icons-col .customer-links .register {
        text-decoration: underline;
    }

#settingsBox .ttl {
    font-size: 12px;
    margin: 20px 0 10px;
    display: block;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.cnrLangList li {
    display: inline-block;
    margin: 0 5px 5px 0;
    cursor: pointer;
}

    .cnrLangList li a {
        color: #000000;
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        padding: 1px 10px;
        opacity: 0.6;
        border: 1px solid rgba(0, 0, 0, 0.3);
    }

        .cnrLangList li a:hover {
            color: #f04343;
            border: 1px solid #f04343;
            opacity: 1;
            text-decoration: none;
        }

.stickyNav {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    left: 0;
    /* background-color: white; */
    border-bottom: 0;
    /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); */
}

.site-cart-count {
    font-size: 10px;
    font-family: 'IBM Plex Sans', sans-serif;
    display: inline-block;
    color: #fff;
    background-color: #5a0202;
    border-radius: 50%;
    text-align: center;
    width: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

.minicart-right-drawer.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 550px;
    max-width: 100%;
    height: 100%;
    z-index: 1024;
    dz -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.minicart-right-drawer.right .modal-content {
    border: none;
    border-radius: 0;
    height: 100%;
    overflow-y: auto;
}

.minicart-right-drawer.right.fade .modal-dialog {
    right: -350px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.minicart-right-drawer.right.fade.show .modal-dialog {
    right: 0;
}

.modal-open {
    padding-right: 0 !important;
}

#cart-drawer {
    color: #050000;
    padding: 15px;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10000;
}

    #cart-drawer.active {
        right: 0;
    }

    #cart-drawer > h4 {
        color: #050000;
        font-size: 18px;
        text-align: left;
        margin: 0 0 20px;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 10px;
    }

    #cart-drawer .close-cart {
        color: #050000;
        font-size: 15px;
        float: right;
        margin: 1px 0 0;
        opacity: 0.6;
        text-decoration: none;
    }

.minicart-content {
    padding: 0;
    margin: 0;
    z-index: 1001;
    position: absolute;
    overflow-y: auto;
    width: 90%;
    height: calc(100% - 290px);
}

    .minicart-content .item {
        padding: 0 0 10px;
        margin: 0 0 10px;
        line-height: normal;
        display: block;
        border-bottom: solid 1px #eee;
    }

        .minicart-content .item .product-image {
            width: 60%;
            float: left;
        }

        .minicart-content .item .product-details {
            float: left;
            width: 40%;
            padding-left: 15px;
            text-align: left;
        }

        .minicart-content .item .product-title {
            color: #000;
            font-size: 13px;
            white-space: normal;
            text-decoration: none;
            display: block;
            line-height: 20px;
            margin-right: 45px;
            margin-bottom: 0;
        }

        .minicart-content .item .remove {
            color: #5c5c5c;
            float: right;
            font-size: 14px;
            padding: 0 2px 0 7px;
            margin-top: 0;
            text-decoration: none;
        }

            .minicart-content .item .remove:hover {
                color: #000;
            }

            .minicart-content .item .remove i {
                vertical-align: middle;
            }

        .minicart-content .item .edit-i.remove .icon {
            font-size: 12px;
            padding-top: 0;
        }

        .minicart-content .item .qtyField {
            display: inline-block;
            border: 1px solid #d7d7d7;
        }

            .minicart-content .item .qtyField a {
                display: none;
            }

            .minicart-content .item .qtyField span {
                display: inline-block;
                padding: 0;
                border: 0;
            }

        .minicart-content .item .variant-cart {
            color: #777;
            font-size: 11px;
        }

        .minicart-content .item .wrapQtyBtn {
            display: block;
            float: none;
            margin: 5px 0;
        }

        .minicart-content .item .qtyField .qtyBtn,
        .minicart-content .item .qtyField .qty {
            font-size: 11px;
            width: 25px;
            height: 28px;
            line-height: 26px;
            display: inline-block;
            padding: 0;
            text-align: center;
            text-decoration: none;
        }

        .minicart-content .item .qtyField .qty {
            border: 0;
        }

        .minicart-content .item .qtyField .qtyBtn.plus {
            border-left: 1px solid #ddd;
        }

        .minicart-content .item .qtyField .qtyBtn.minus {
            border-right: 1px solid #ddd;
        }

        .minicart-content .item .qtyField a .fa {
            font-size: 11px;
        }

.minicart-bottom {
    bottom: 0;
    position: absolute;
    width: 90%;
    border-top: 1px solid #e8e8e8;
    padding-top: 10px;
}

    .minicart-bottom .subtotal {
        padding: 5px 0 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e8e8e8;
    }

        .minicart-bottom .subtotal:before,
        .minicart-bottom .subtotal:after {
            content: '';
            clear: both;
            display: block;
        }

        .minicart-bottom .subtotal.list {
            border: 0;
            margin: 0;
            padding: 0;
        }

            .minicart-bottom .subtotal.list > span {
                font-size: 14px;
                font-weight: 400;
            }

        .minicart-bottom .subtotal > span {
            float: left;
            text-transform: uppercase;
            font-size: 16px;
            text-align: left;
            font-weight: 700;
        }

        .minicart-bottom .subtotal .product-price {
            float: right;
        }

    .minicart-bottom .proceed-to-checkout {
        width: 100%;
        margin: 10px 0;
        padding: 10px;
    }

    .minicart-bottom .btn-secondary {
        width: 100%;
        margin-bottom: 10px;
        padding: 10px;
    }

    .minicart-bottom .freeShipMsg {
        margin-bottom: 0;
    }

        .minicart-bottom .freeShipMsg .anm {
            font-size: 15px;
            width: 23px;
            display: inline-block;
            vertical-align: middle;
        }


.site-search {
    display: inline-block;
    cursor: pointer;
}

.search-drawer {
    padding: 40px 50px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: left;
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    width: 100%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

    .search-drawer .container {
        position: relative;
    }

    .search-drawer.search-drawer-open {
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        visibility: visible;
    }

        .search-drawer.search-drawer-open .block {
            background-color: transparent;
            padding: 0;
        }

    .search-drawer .title {
        color: #000000;
        font-size: 15px;
        margin-bottom: 20px;
    }

    .search-drawer .label {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .search-drawer .control {
        border-bottom: 1px solid #ddd;
    }

    .search-drawer .input-text {
        color: #050000;
        font-size: 13px;
        padding: 5px 50px 5px 0;
        background: none;
        border: 0 none;
    }

    .search-drawer .action.search {
        font-size: 18px;
        position: absolute;
        right: 14px;
        border: 0;
        background: none;
        cursor: pointer;
        height: 38px;
    }

        .search-drawer .action.search:hover {
            color: #000000;
        }

    .search-drawer .closeSearch {
        color: #050000;
        font-size: 18px;
        position: absolute;
        top: 0;
        right: 25px;
        cursor: pointer;
    }

    .search-drawer .searchField {
        display: table;
        width: 100%;
    }

    .search-drawer .search-category {
        display: table-cell;
        padding-right: 10px;
    }

        .search-drawer .search-category select {
            font-size: 13px;
            border: 0;
        }

    .search-drawer .input-box {
        display: table-cell;
        width: 87%;
    }

#siteNav {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

    #siteNav.right {
        text-align: right;
    }

    #siteNav.left {
        text-align: left;
    }

    #siteNav.center {
        text-align: center;
    }

#AccessibleNav {
    padding-left: 0;
}

.mobile-nav-wrapper,
.site-header__logo.mobileview {
    display: none;
}

@media (min-width:990px) {
    .header .container {
        position: relative;
    }

        .header .container .d-menu-col {
            position: static;
        }

    #siteNav a {
        text-decoration: none;
        font-size: 14px;
        display: block;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        letter-spacing: 0.05em;
        position: relative;
    }

    #siteNav > li {
        display: inline-block;
        text-align: left;
    }

        #siteNav > li > a {
            color: white;
            padding: 0 8px;
            font-size: 18px;
            line-height: 40px;
        }

    #siteNav.medium > li a {
        font-weight: 500;
    }

    #siteNav.hidearrow > li > a .anm {
        display: none;
    }

    #siteNav > li > a .anm {
        vertical-align: middle;
    }

    #siteNav > li:hover > a,
    #siteNav > li > a:hover:hover,
    #siteNav > li > a:hover {
        color: var(--primaryred);
        font-weight: 500;
    }

    #siteNav > li .megamenu {
        opacity: 0;
        visibility: hidden;
        padding: 30px;
        width: 100%;
        position: absolute;
        top: 59px;
        left: 0;
        z-index: 999;
        background-color: #fff;
        box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.3);
        pointer-events: none;
        -ms-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        max-height: 600px;
        overflow: auto;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    }

        #siteNav > li .megamenu ul {
            padding: 0;
            list-style: none;
        }

    #siteNav > li:hover > .megamenu {
        top: 40px;
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
    }

    #siteNav > li .megamenu li.lvl-1 {
        margin-bottom: 30px;
    }

    #siteNav > li .megamenu.style1 li.lvl-1 {
        margin-bottom: 0;
    }

    #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
        color: #000;
        font-size: 13px;
        text-transform: uppercase;
        padding: 0 0 8px;
        font-weight: 400;
    }

    #siteNav > li .megamenu li.lvl-1 li .site-nav {
        color: #000;
        padding: 3px 0;
        font-weight: 400;
    }

        #siteNav > li .megamenu li.lvl-1 li .site-nav:hover {
            color: #5a0202;
            font-weight: 600;
        }

        #siteNav > li .megamenu li.lvl-1 li .site-nav:before {
            content: "";
            display: inline-block;
            width: 0px;
            height: 2px;
            vertical-align: middle;
            background-color: #f77575;
            -ms-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #siteNav > li .megamenu li.lvl-1 li .site-nav:hover:before {
            width: 5px;
            margin-right: 3px;
        }

    #siteNav > li .megamenu.style1 {
        width: 600px;
        overflow: hidden;
    }

    #siteNav > li .megamenu.style2 li.lvl-1 {
        margin-bottom: 10px;
    }

    #siteNav > li .megamenu .menu-title {
        font-weight: 600 !important;
    }

    #siteNav > li.mdropdown {
        position: relative;
    }

    #siteNav > li .megamenu .imageCol {
        padding-bottom: 25px;
    }

    #siteNav > li ul.dropdown li a .anm {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    #siteNav a .lbl {
        color: #ffffff;
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        padding: 3px 4px;
        background-color: #0a9339;
        position: relative;
        vertical-align: middle;
    }

        #siteNav a .lbl:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            bottom: 3px;
            left: -7px;
            border: 4px solid transparent;
            border-right-color: transparent;
            border-right-color: #0a9339;
        }

        #siteNav a .lbl.nm_label3 {
            background-color: #fb6c3e;
        }

        #siteNav a .lbl.nm_label1 {
            background-color: #ff0000;
        }

        #siteNav a .lbl.nm_label4 {
            background-color: #fdb818;
        }

            #siteNav a .lbl.nm_label4:after {
                border-right-color: #fdb818;
            }

        #siteNav a .lbl.nm_label3:after {
            border-right-color: #fb6c3e;
        }

        #siteNav a .lbl.nm_label1:after {
            border-right-color: #ff0000;
        }

    #siteNav > li.dropdown {
        position: relative;
    }

        #siteNav > li .dropdown,
        #siteNav > li .dropdown ul {
            background-color: #fff;
            list-style: none;
            opacity: 0;
            visibility: hidden;
            width: 220px;
            position: absolute;
            top: 59px;
            left: 0;
            z-index: 999;
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
            -ms-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            padding: 10px;
        }

            #siteNav > li:hover > .dropdown,
            #siteNav > li .dropdown li:hover > ul {
                top: 40px;
                opacity: 1;
                visibility: visible;
            }

    #siteNav > li ul.dropdown li {
        border-top: 1px solid #eeeeee;
        position: relative;
    }

        #siteNav > li ul.dropdown li:first-child {
            border: 0;
        }

        #siteNav > li ul.dropdown li a {
            color: #000;
            font-weight: 400;
            padding: 8px 12px;
            background-color: #fff;
        }

            #siteNav > li ul.dropdown li:hover > a,
            #siteNav > li ul.dropdown li a:hover {
                color: #000;
                background-color: #eee;
                padding-left: 17px;
            }

        #siteNav > li ul.dropdown li ul {
            top: 20px;
            left: 100%;
        }

        #siteNav > li ul.dropdown li:hover > ul {
            top: 0;
        }

    #siteNav .menu-brand-logo {
        width: 50%;
        float: left;
        padding-right: 10px;
    }

        #siteNav .menu-brand-logo a {
            display: block;
            margin-bottom: 10px;
            border: 1px solid #ddd;
        }

            #siteNav .menu-brand-logo a:hover {
                border-color: #000;
            }

            #siteNav .menu-brand-logo a img {
                display: inline-block;
                vertical-align: middle;
            }

    .mm-Banners:before,
    .mm-Banners:after {
        content: '';
        clear: both;
        display: block;
    }

    .mm-Banners {
        clear: both;
    }

        .mm-Banners .imageCol {
            width: 50%;
            padding-top: 20px;
            padding-bottom: 0 !important;
        }
}

.header-content-wrapper {
    width: 100%;
    padding: 15px 0;
}


/*======================================================================
  8. Homepage Demo's
========================================================================*/
.index-demo1 .imgBanners.style2 .details {
    background-color: rgba(255, 255, 255, 0.8);
}

    .index-demo1 .imgBanners.style2 .details .title {
        color: #000;
        font-size: 16px;
        text-transform: uppercase;
    }

.index-demo1 .slideshow .wrap-caption.left {
    text-align: center;
}

body.index-demo2,
html .index-demo2,
.index-demo2 button,
.index-demo2 input,
.index-demo2 select,
.index-demo2 textarea,
.index-demo2 .btn {
    font-size: 15px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.index-demo2 .mfp-close {
    font-size: 28px;
}

.index-demo2 h1,
.index-demo2 .h1,
.index-demo2 h2,
.index-demo2 .h2,
.index-demo2 h3,
.index-demo2 .h3,
.index-demo2 h4,
.index-demo2 .h4,
.index-demo2 h5,
.index-demo2 .h5,
.index-demo2 h6,
.index-demo2 .h6,
.index-demo2 #siteNav > li .megamenu .menu-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
}

.index-demo2 .mask-overlay,
.index-demo16 .mask-overlay {
    z-index: 9;
}

.index-demo2 .slideshow .slideshow__title {
    font-weight: 600;
}

.index-demo2 .slideshow .mega-small-title {
    font-size: 20px;
    letter-spacing: -0.5px;
}

.index-demo2 .slideshow .slideshow__subtitle {
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

.index-demo2 .product-notification h5 {
    color: #000;
    font-size: 12px;
}

.index-demo2 .section .section-header {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .index-demo2 .section .section-header h2 {
        font-size: 25px;
        text-transform: none;
        font-weight: 600;
    }

    .index-demo2 .section .section-header p {
        font-size: 15px;
        margin: 0;
    }

.index-demo2 .imgBanners .row .img-banner-item {
    padding-left: 8px;
    padding-right: 8px;
}

body.index-demo3,
html .index-demo3,
.index-demo3 button,
.index-demo3 input,
.index-demo3 select,
.index-demo3 textarea,
.index-demo3 .btn {
    font-size: 14px;
    font-family: 'Open sans', sans-serif;
}

.index-demo3 .mfp-close {
    font-size: 28px;
}

.index-demo3 h1,
.index-demo3 .h1,
.index-demo3 h2,
.index-demo3 .h2,
.index-demo3 h3,
.index-demo3 .h3,
.index-demo3 h4,
.index-demo3 .h4,
.index-demo3 h5,
.index-demo3 .h5,
.index-demo3 h6,
.index-demo3 .h6,
.index-demo3 #siteNav > li .megamenu .menu-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.index-demo3 .btn {
    background-color: #e34848;
}

    .index-demo3 .btn:hover {
        background-color: #000;
        opacity: 1;
    }

.index-demo3 .section-header h2 {
    font-size: 18px;
}

.index-demo3 .section-header p {
    font-size: 15px;
}

.index-demo3 .search-drawer .title {
    font-size: 18px;
    text-transform: uppercase;
}

body.index-demo4,
html .index-demo4,
.index-demo4 button,
.index-demo4 input,
.index-demo4 select,
.index-demo4 textarea,
.index-demo4 .btn {
    font-family: 'Work Sans', sans-serif;
}

.index-demo4 h1,
.index-demo4 .h1,
.index-demo4 h2,
.index-demo4 .h2,
.index-demo4 h3,
.index-demo4 .h3,
.index-demo4 h4,
.index-demo4 .h4,
.index-demo4 h5,
.index-demo4 .h5,
.index-demo4 h6,
.index-demo4 .h6,
.index-demo4 #siteNav > li .megamenu .menu-title {
    font-family: 'Bitter', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo4 .mfp-close {
    font-size: 28px;
}

.index-demo4 .search-drawer .title {
    font-size: 18px;
    text-transform: none;
}

.index-demo4 .hero .mega-title {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.index-demo4 .hero .mega-subtitle {
    font-size: 15px;
}

body.index-demo5,
html .index-demo5,
.index-demo5 button,
.index-demo5 input,
.index-demo5 select,
.index-demo5 textarea,
.index-demo5 .btn {
    font-family: 'Roboto', sans-serif;
}

.index-demo5 h1,
.index-demo5 .h1,
.index-demo5 h2,
.index-demo5 .h2,
.index-demo5 h3,
.index-demo5 .h3,
.index-demo5 h4,
.index-demo5 .h4,
.index-demo5 h5,
.index-demo5 .h5,
.index-demo5 h6,
.index-demo5 .h6,
.index-demo5 #siteNav > li .megamenu .menu-title {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo5 .mfp-close {
    font-size: 28px;
}

.index-demo5 .slideshow .mega-small-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.index-demo5 .slideshow .slideshow__title {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.index-demo5 .slideshow .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #000;
    opacity: 0.2;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.index-demo5 .section.imgBanners {
    padding-top: 15px;
}

.index-demo5 .section-header h2 {
    text-transform: uppercase;
}

.index-demo5 .tab-slider-product .tabs > li {
    font-size: 12px;
    text-transform: uppercase;
}

.index-demo5 .imgBanners.style3 {
    padding-left: 20px;
    padding-right: 20px;
}

.index-demo5 .section-header p {
    font-size: 15px;
}

.index-demo5 .section.info-section {
    background-color: #f06543;
}

.index-demo5 .info-section .anm {
    vertical-align: middle;
}

.index-demo5 .info-section a:hover {
    color: #000;
}

.index-demo5 .home-instagram #instafeed .insta-img {
    width: 10%;
}

.index-demo5 .btn {
    background-color: #f06543;
}

body.index-demo6,
html .index-demo6,
.index-demo6 button,
.index-demo6 input,
.index-demo6 select,
.index-demo6 textarea,
.index-demo6 .btn {
    font-family: 'Karla', sans-serif;
}

.index-demo6 h1,
.index-demo6 .h1,
.index-demo6 h2,
.index-demo6 .h2,
.index-demo6 h3,
.index-demo6 .h3,
.index-demo6 h4,
.index-demo6 .h4,
.index-demo6 h5,
.index-demo6 .h5,
.index-demo6 h6,
.index-demo6 .h6,
.index-demo6 #siteNav > li .megamenu .menu-title {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo6 .mfp-close {
    font-size: 28px;
}

.index-demo6 .btn {
    color: #fff;
    background-color: #000;
    border: 2px solid transparent;
}

    .index-demo6 .btn:hover {
        color: #000;
        background-color: #fff;
        border-color: #000;
    }

.index-demo6 .btn,
.index-demo9 .btn,
.index-demo10 .btn {
    color: #fff;
    background-color: #000;
    border: 2px solid transparent;
    padding: 7px 15px;
}

    .index-demo6 .btn:hover,
    .index-demo9 .btn:hover,
    .index-demo10 .btn:hover {
        color: #000;
        background-color: #fff;
        border-color: #000;
    }

.index-demo6 .notification-bar {
    background-color: #fef9f8;
}

    .index-demo6 .notification-bar .notification-bar__message {
        color: #111111;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 11px;
        display: block;
        padding: 6px 10px;
    }

    .index-demo6 .notification-bar .close-announcement {
        color: #111;
    }

.index-demo6 .section.custom-text-masonry-grid {
    padding-top: 30px;
    padding-bottom: 30px;
}

.index-demo6 .custom-text-masonry-item .img,
.index-demo6 .custom-text-masonry-item .custom-text {
    margin-bottom: 15px;
}

    .index-demo6 .custom-text-masonry-item .custom-text a {
        text-decoration: underline;
    }

.index-demo6 .custom-text-masonry-item .small-title {
    font-weight: normal;
}

.index-demo6 .custom-text-masonry-item img {
    width: 100%;
}

.index-demo6 .custom-text-masonry-item .last.btn {
    margin-top: 20px;
}

.index-demo6 .button-set li .btn-icon {
    color: #000;
    background-color: #fff;
}

    .index-demo6 .button-set li .btn-icon:hover {
        color: #000;
        background-color: rgba(255, 255, 255, 0.89);
    }

body.index-demo7,
html .index-demo7,
.index-demo7 button,
.index-demo7 input,
.index-demo7 select,
.index-demo7 textarea,
.index-demo7 .btn {
    font-family: 'IBM Plex Sans', sans-serif;
}

.index-demo7 h1,
.index-demo7 .h1,
.index-demo7 h2,
.index-demo7 .h2,
.index-demo7 h3,
.index-demo7 .h3,
.index-demo7 h4,
.index-demo7 .h4,
.index-demo7 h5,
.index-demo7 .h5,
.index-demo7 h6,
.index-demo7 .h6,
.index-demo7 #siteNav > li .megamenu .menu-title {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.header-7 #siteNav > li > a {
    padding: 0 10px;
}

.index-demo7 .mfp-close {
    font-size: 28px;
}

.index-demo7 .hero {
    height: 750px;
}

    .index-demo7 .hero .font-bold .mega-title {
        color: #fff;
        font-size: 50px;
        letter-spacing: 0.8px;
    }

    .index-demo7 .hero .font-bold .black-color.mega-title {
        color: #000;
    }

    .index-demo7 .hero .text-small .mega-subtitle {
        color: #fff;
    }

.index-demo7 .imgBanners.style2 .row {
    margin: 0;
}

.index-demo7 .imgBanners.style2 {
    margin-top: 0;
}

.index-demo7 .imgBanners .row .img-banner-item {
    padding: 0;
}

.index-demo7 .imgBanners .collection-grid-item__title {
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

.index-demo7 .imgBanners .btn {
    padding: 5px 20px;
}

body.index-demo8,
html .index-demo8,
.index-demo8 button,
.index-demo8 input,
.index-demo8 select,
.index-demo8 textarea,
.index-demo8 .btn {
    font-family: 'IBM Plex Sans', sans-serif;
}

.index-demo8 h1,
.index-demo8 .h1,
.index-demo8 h2,
.index-demo8 .h2,
.index-demo8 h3,
.index-demo8 .h3,
.index-demo8 h4,
.index-demo8 .h4,
.index-demo8 h5,
.index-demo8 .h5,
.index-demo8 h6,
.index-demo8 .h6,
.index-demo8 #siteNav > li .megamenu .menu-title {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo8 .mfp-close {
    font-size: 28px;
}

.index-demo8 .notification-bar {
    background-color: #eeeeee;
}

.index-demo8 .notification-bar__message {
    color: #000;
}

.index-demo8 .close-announcement {
    color: #333;
    top: 7px;
}

.index-demo8 .hero .hero__inner .wrap-text {
    position: relative;
}

    .index-demo8 .hero .hero__inner .wrap-text:before {
        background-color: #fff;
        opacity: 0.9;
    }

.index-demo8 .hero .mega-title {
    font-size: 36px;
    letter-spacing: 0.8px;
    font-weight: 300;
    line-height: normal;
}

    .index-demo8 .hero .mega-title b {
        font-weight: 700;
    }

.index-demo8 .hero .mega-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
}

.index-demo8 .hero .btn {
    padding: 8px 20px;
}

body.index-demo9,
html .index-demo9,
.index-demo9 button,
.index-demo9 input,
.index-demo9 select,
.index-demo9 textarea,
.index-demo9 .btn {
    font-family: 'IBM Plex Sans', sans-serif;
}

.index-demo9 h1,
.index-demo9 .h1,
.index-demo9 h2,
.index-demo9 .h2,
.index-demo9 h3,
.index-demo9 .h3,
.index-demo9 h4,
.index-demo9 .h4,
.index-demo9 h5,
.index-demo9 .h5,
.index-demo9 h6,
.index-demo9 .h6,
.index-demo9 #siteNav > li .megamenu .menu-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.index-demo9 .mfp-close {
    font-size: 28px;
}

.index-demo9 .btn,
.index-demo9 .button-set li .btn-icon,
.index-demo10 .btn,
.index-demo10 .button-set li .btn-icon,
.index-demo12 .btn,
.index-demo12 .button-set li .btn-icon,
.index-demo18 .btn {
    color: #fff;
    background-color: #000;
}

    .index-demo9 .btn:hover,
    .index-demo9 .button-set li .btn-icon:hover,
    .index-demo10 .btn:hover,
    .index-demo10 .button-set li .btn-icon:hover,
    .index-demo12 .btn:hover,
    .index-demo12 .button-set li .btn-icon:hover,
    .index-demo18 .btn:hover {
        color: #000;
        opacity: 1;
        background-color: transparent;
        border-color: #000;
    }

.index-demo9 .top-header-wrapper .top-header {
    font-size: 12px;
}

.index-demo9 .collection-banners {
    margin-top: 0;
}

    .index-demo9 .collection-banners.style4 .collection-grid-item .details {
        padding: 15px 25px;
        background: rgba(255, 255, 255, 0.9);
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .index-demo9 .collection-banners.style4 .collection-grid-item a:hover,
    .index-demo9 .collection-banners.style4 .collection-grid-item:hover .details {
        opacity: 1;
    }

    .index-demo9 .collection-banners.style4 .collection-grid-item .details .inner {
        -webkit-transform: none;
        transform: none;
    }

    .index-demo9 .collection-banners.style4 .row {
        margin-left: -5px;
        margin-right: -5px;
    }

        .index-demo9 .collection-banners.style4 .row .col-12 {
            padding: 0 5px;
        }

.index-demo9 .hero .font-bold .mega-title {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

body.index-demo10,
html .index-demo10,
.index-demo10 button,
.index-demo10 input,
.index-demo10 select,
.index-demo10 textarea,
.index-demo10 .btn {
    font-family: 'Roboto', sans-serif;
}

.index-demo10 h1,
.index-demo10 .h1,
.index-demo10 h2,
.index-demo10 .h2,
.index-demo10 h3,
.index-demo10 .h3,
.index-demo10 h4,
.index-demo10 .h4,
.index-demo10 h5,
.index-demo10 .h5,
.index-demo10 h6,
.index-demo10 .h6,
.index-demo10 #siteNav > li .megamenu .menu-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo10 .mfp-close {
    font-size: 28px;
}

.index-demo10 .imgBanners.style2 .details .title,
.index-demo10 .section-header h2 {
    font-size: 26px;
    font-weight: normal;
}

.index-demo10 .hero .mega-title {
    font-size: 28px;
    text-transform: none;
    font-weight: normal;
}

.index-demo10 .hero .mega-subtitle {
    font-size: 14px;
}

.index-demo10 .imgBanners .details {
    padding: 20px;
}

body.index-demo11,
html .index-demo11,
.index-demo11 button,
.index-demo11 input,
.index-demo11 select,
.index-demo11 textarea,
.index-demo11 .btn {
    font-family: 'IBM Plex Sans', sans-serif;
}

.index-demo11 h1,
.index-demo11 .h1,
.index-demo11 h2,
.index-demo11 .h2,
.index-demo11 h3,
.index-demo11 .h3,
.index-demo11 h4,
.index-demo11 .h4,
.index-demo11 h5,
.index-demo11 .h5,
.index-demo11 h6,
.index-demo11 .h6,
.index-demo11 #siteNav > li .megamenu .menu-title,
.index-demo11 .imgBanners .ttl {
    font-family: 'Glegoo', serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo11 #siteNav > li > a {
    font-weight: normal !important;
}

.header-8 #siteNav > li:first-child > a {
    padding-left: 0;
}

.index-demo11 .notification-bar {
    background-color: #f89c9a;
}

.index-demo11 .collection-banners {
    margin-top: 20px;
}

.index-demo11 .imgBanners .ttl {
    text-transform: uppercase;
}

body.index-demo12,
html .index-demo12,
.index-demo12 button,
.index-demo12 input,
.index-demo12 select,
.index-demo12 textarea,
.index-demo12 .btn {
    font-family: 'IBM Plex Sans', sans-serif;
}

.index-demo12 h1,
.index-demo12 .h1,
.index-demo12 h2,
.index-demo12 .h2,
.index-demo12 h3,
.index-demo12 .h3,
.index-demo12 h4,
.index-demo12 .h4,
.index-demo12 h5,
.index-demo12 .h5,
.index-demo12 h6,
.index-demo12 .h6,
.index-demo12 #siteNav > li .megamenu .menu-title,
.index-demo12 .imgBanners .ttl {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo12 .section-header h2 {
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}

.index-demo12 .section-header p {
    max-width: 600px;
    font-size: 15px;
    margin: 5px auto 0;
}

.index-demo12 .search-drawer .title {
    text-transform: uppercase;
    font-weight: 600;
}

.index-demo12 .grid-products .item .product-name a,
.index-demo13 .grid-products .item .product-name a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.index-demo13 .slideshow .slideshow__title {
    color: #fff;
    font-size: 26px;
    line-height: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.index-demo13 .slideshow .slideshow__subtitle {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}

.index-demo13 .slideshow .mega-small-title {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}

.index-demo13 .mask-overlay {
    z-index: 9;
}

.index-demo13 .search-drawer .container {
    max-width: 100%;
}

.index-demo13 #cart-drawer > h4 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.index-demo13 .section-header h2 {
    font-size: 16px;
}

.index-demo13 .collection-banners.style2 .collection-grid-item {
    margin-bottom: 10px;
}

    .index-demo13 .collection-banners.style2 .collection-grid-item .details {
        opacity: 1;
    }

        .index-demo13 .collection-banners.style2 .collection-grid-item .details:before {
            background-color: #fff;
        }

.index-demo13 .collection-banners.style2 .collection-grid-item__title {
    color: #000;
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
}

body.index-demo14,
html .index-demo14,
.index-demo14 button,
.index-demo14 input,
.index-demo14 select,
.index-demo14 textarea,
.index-demo14 .btn {
    font-family: 'Roboto', sans-serif;
}

.index-demo14 h1,
.index-demo14 .h1,
.index-demo14 h2,
.index-demo14 .h2,
.index-demo14 h3,
.index-demo14 .h3,
.index-demo14 h4,
.index-demo14 .h4,
.index-demo14 h5,
.index-demo14 .h5,
.index-demo14 h6,
.index-demo14 .h6,
.index-demo14 #siteNav > li .megamenu .menu-title {
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo14 .btn {
    background-color: #e34848;
}

    .index-demo14 .btn:hover {
        background-color: #000;
        opacity: 1;
    }

.index-demo14 #siteNav > li > a {
    padding: 0 10px;
}

.index-demo14 .search-drawer .container {
    max-width: 100%;
}

.index-demo14 .mfp-close {
    font-size: 28px;
}

.index-demo14 .imgBanners.style2 .details .title,
.index-demo14 .section-header h2 {
    font-size: 26px;
    font-weight: normal;
}

.index-demo14 .slideshow-wrapper .container-fluid {
    padding: 0;
}

.index-demo14 .slideshow-carousel.style2 .slide .details h3 {
    text-transform: none;
}

.index-demo14 .imgBanners.style4 .details {
    padding-bottom: 0;
}

    .index-demo14 .imgBanners.style4 .details .title {
        font-size: 18px;
    }

.index-demo14 .imgBanners.style2 .details {
    padding: 30px;
    text-align: center;
}

    .index-demo14 .imgBanners.style2 .details p {
        margin-bottom: 5px;
    }

    .index-demo14 .imgBanners.style2 .details .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

@media only screen and (min-width: 767px) {
    .index-demo14 .imgBanners.style2 .details {
        max-width: 400px;
    }
}

.index-demo14 .mini-product .column-ttl {
    font-weight: normal;
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.index-demo14 .mini-product .product-price__price {
    font-weight: normal;
}

.index-demo14 .home-slideshow-carousel.slick-slider {
    margin: 0;
}

.index-demo15 h1,
.index-demo15 .h1,
.index-demo15 h2,
.index-demo15 .h2,
.index-demo15 h3,
.index-demo15 .h3,
.index-demo15 h4,
.index-demo15 .h4,
.index-demo15 h5,
.index-demo15 .h5,
.index-demo15 h6,
.index-demo15 .h6,
.index-demo15 #siteNav > li .megamenu .menu-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo15 .slideshow .slideshow__title {
    font-size: 26px;
    margin: 0;
}

.index-demo15 .info-section a:hover {
    color: #fff;
    opacity: 0.8;
}

.index-demo15 .section-header h2 {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.index-demo15 .tab-slider-product-style1 .tabs > li {
    font-size: 12px;
    text-transform: uppercase;
}

.index-demo15 .imgBanners.style2 .row {
    margin-left: -10px;
    margin-right: -10px;
}

.index-demo15 .imgBanners .inner .ttl {
    font-size: 15px;
    font-weight: 600;
    background-color: transparent;
    padding: 0 5px;
    text-transform: uppercase;
}

.index-demo15 .btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

body.index-demo14,
html .index-demo14,
.index-demo14 button,
.index-demo14 input,
.index-demo14 select,
.index-demo14 textarea,
.index-demo14 .btn {
    font-family: 'IBM Plex Sans', sans-serif;
}

.index-demo16 h1,
.index-demo16 .h1,
.index-demo16 h2,
.index-demo16 .h2,
.index-demo16 h3,
.index-demo16 .h3,
.index-demo16 h4,
.index-demo16 .h4,
.index-demo16 h5,
.index-demo16 .h5,
.index-demo16 h6,
.index-demo16 .h6,
.index-demo16 #siteNav > li .megamenu .menu-title,
.index-demo16 .product-with-colletion-bnr .btn-inner span {
    font-family: 'PT Serif', serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo16 .slideshow .slideshow__title {
    font-size: 55px;
    margin-bottom: 30px;
}

.index-demo16 .section-header {
    max-width: 450px;
    margin: 0 auto;
    padding-bottom: 35px;
}

    .index-demo16 .section-header h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .index-demo16 .section-header p {
        font-size: 15px;
    }

body.index-demo17,
html .index-demo17,
.index-demo17 button,
.index-demo17 input,
.index-demo17 select,
.index-demo17 textarea,
.index-demo17 .btn {
    font-size: 14px;
    font-family: 'Karla', sans-serif;
}

.index-demo17 h1,
.index-demo17 .h1,
.index-demo17 h2,
.index-demo17 .h2,
.index-demo17 h3,
.index-demo17 .h3,
.index-demo17 h4,
.index-demo17 .h4,
.index-demo17 h5,
.index-demo17 .h5,
.index-demo17 h6,
.index-demo17 .h6,
.index-demo17 #siteNav > li .megamenu .menu-title {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo17 .mfp-close {
    font-size: 28px;
}

.index-demo17 .collection-banners.style1 .full-banner-item {
    width: 100%;
    float: none;
}

.index-demo17 .collection-banners .details .title {
    font-size: 17px;
    font-weight: normal;
    font-family: 'Karla', sans-serif;
    text-transform: none;
}

.index-demo17 .collection-banners.style1 .banner-grid {
    margin: 0 -10px;
}

.index-demo17 .imgBanners.style3 .details {
    background-color: rgba(255, 255, 255, 0.8);
}

    .index-demo17 .imgBanners.style3 .details .tt-small {
        font-size: 15px;
        margin-bottom: 0;
    }

    .index-demo17 .imgBanners.style3 .details .title {
        text-transform: none;
    }

.index-demo17 .grid-products .item .product-name a {
    font-size: 15px;
    font-weight: 600;
}

.index-demo17 .grid-products .item .product-price {
    font-size: 15px;
}

.index-demo17 .collection-banners .details .btn {
    font-size: 13px;
    padding: 7px 15px;
}

body.index-demo18,
html .index-demo18,
.index-demo18 button,
.index-demo18 input,
.index-demo18 select,
.index-demo18 textarea,
.index-demo18 .btn {
    font-family: 'Roboto', sans-serif;
}

.index-demo18 h1,
.index-demo18 .h1,
.index-demo18 h2,
.index-demo18 .h2,
.index-demo18 h3,
.index-demo18 .h3,
.index-demo18 h4,
.index-demo18 .h4,
.index-demo18 h5,
.index-demo18 .h5,
.index-demo18 h6,
.index-demo18 .h6,
.index-demo18 #siteNav > li .megamenu .menu-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-demo18 .btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.index-demo18 .notification-bar__message {
    padding: 5px 10px;
}

.index-demo18 .close-announcement {
    top: 3px;
}

.index-demo18 .hero .hero__inner span {
    font-size: 13px;
    line-height: normal;
}

.index-demo18 .hero .mega-title {
    font-size: 28px;
    margin-bottom: 15px;
}

.index-demo18 .hero .hero__inner .wrap-text {
    max-width: 370px;
}

.index-demo18 .hero .btn {
    padding: 10px 20px;
}

.index-demo18 .footer-4 .newsletter-section .btn {
    padding: 10px 20px 10px 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.index-demo18 .footer-4 .newsletter-form .input-group__btn {
    padding-left: 0;
}

body.medical-demo,
html .medical-demo,
.medical-demo button,
.medical-demo input,
.medical-demo select,
.medical-demo textarea,
.medical-demo .btn {
    font-family: 'Roboto', sans-serif;
}

.medical-demo h1,
.medical-demo .h1,
.medical-demo h2,
.medical-demo .h2,
.medical-demo h3,
.medical-demo .h3,
.medical-demo h4,
.medical-demo .h4,
.medical-demo h5,
.medical-demo .h5,
.medical-demo h6,
.medical-demo .h6,
.medical-demo #siteNav > li .megamenu .menu-title {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.medical-demo .notification-bar {
    background-color: #282828;
}

    .medical-demo .notification-bar a {
        font-size: 13px;
        padding: 12px 10px;
        letter-spacing: 0.5px;
        text-transform: none;
    }

    .medical-demo .notification-bar .close-announcement {
        top: 12px;
    }

.medical-demo #siteNav a {
    font-size: 14px;
}

.medical-demo #siteNav > li > a {
    text-transform: none;
}

.medical-demo .btn,
.medical-demo .slideshow .btn {
    background-color: #3185cd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    letter-spacing: 0.02em;
}

    .medical-demo .btn:hover,
    .medical-demo .slideshow .btn:hover {
        background-color: #262525;
    }

.medical-demo .mega-small-title {
    color: #e93c3c;
    font-size: 15px;
    margin-bottom: 5px;
}

.medical-demo .collection-banners {
    margin-top: 0;
}

    .medical-demo .collection-banners .details .title {
        font-size: 18px;
        text-transform: none;
    }

    .medical-demo .collection-banners .details .btn {
        font-size: 13px;
        padding: 7px 15px;
    }

.medical-demo .tab-slider-product-style1 .tabs > li.active,
.medical-demo .tab-slider-product-style1 .tabs > li:hover {
    color: #3185cd;
}

.medical-demo .tab-slider-product-style1 .tabs > li::after {
    background: #3185cd;
}

.medical-demo .hero .hero__inner .wrap-text {
    background-color: rgba(255, 255, 255, 0.8);
}

.medical-demo .hero-section .mega-title {
    font-size: 30px;
}

.medical-demo .hero-section .small-title {
    color: #F00;
    margin: 0;
}

.medical-demo .hero-section .mega-subtitle {
    font-size: 14px;
    margin: 5px 0 15px;
}

.medical-demo .hero .saleTime span > span {
    background: #3185cd;
    border-radius: 3px;
}

.medical-demo .section.info-section {
    font-size: 22px;
    background-color: #3185cd;
    padding: 20px 10px;
}

    .medical-demo .section.info-section a:hover {
        color: #fff;
        opacity: 0.8;
    }

.medical-demo .footer .footer-top {
    background-color: #fff;
}

.medical-demo .footer .footer-bottom {
    border-color: #bbb;
}

    .medical-demo .footer .footer-bottom .payment-icons {
        color: #aeaeae;
    }

.medical-demo .product-review .fa {
    color: #111111;
}

body.pet-store,
html .pet-store,
.pet-store button,
.pet-store input,
.pet-store select,
.pet-store textarea,
.pet-store .btn {
    font-size: 14px;
    font-family: 'Karla', sans-serif;
}

.pet-store h1,
.pet-store .h1,
.pet-store h2,
.pet-store .h2,
.pet-store h3,
.pet-store .h3,
.pet-store h4,
.pet-store .h4,
.pet-store h5,
.pet-store .h5,
.pet-store h6,
.pet-store .h6,
.pet-store #siteNav > li .megamenu .menu-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.pet-store .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1,
.pet-store #siteNav > li > a {
    text-transform: uppercase;
}

.pet-store .mask-overlay {
    z-index: 9;
}

.pet-store .slideshow .wrap-caption {
    background-color: rgba(243, 222, 206, 0.7);
}

.pet-store .slideshow .slideshow__text-content {
    max-width: 560px;
}

.pet-store .slideshow .mega-small-title {
    font-size: 15px;
    margin-bottom: 5px;
}

.pet-store .btn,
.pet-store .slideshow .btn,
.pet-store .button-set li .btn-icon,
.featuredContentStyle2.featuredContent .btn {
    color: #fff;
    background-color: #9c6233;
}

    .pet-store .btn:hover,
    .pet-store .slideshow .btn:hover,
    .pet-store .button-set li .btn-icon:hover,
    .featuredContentStyle2.featuredContent .btn:hover {
        color: #fff;
        background-color: #bb753d;
    }

.pet-store .notification-bar {
    background-color: #62462d;
}

.pet-store .imgBanners .img-banner-item {
    margin-bottom: 20px;
}

.pet-store .imgBanners .details {
    background-color: rgba(255, 255, 255, 0.85);
}

    .pet-store .imgBanners .details .tt-small {
        font-size: 15px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }

.pet-store .product-review .fa {
    color: #111111;
}

body.index-jewelry-store,
html .index-jewelry-store,
.index-jewelry-store button,
.index-jewelry-store input,
.index-jewelry-store select,
.index-jewelry-store textarea,
.index-jewelry-store .btn {
    font-family: 'Karla', sans-serif;
    font-size: 14px;
}

.index-jewelry-store h1,
.index-jewelry-store .h1,
.index-jewelry-store h2,
.index-jewelry-store .h2,
.index-jewelry-store h3,
.index-jewelry-store .h3,
.index-jewelry-store h4,
.index-jewelry-store .h4,
.index-jewelry-store h5,
.index-jewelry-store .h5,
.index-jewelry-store h6,
.index-jewelry-store .h6,
.index-jewelry-store #siteNav > li .megamenu .menu-title,
.index-jewelry-store .collection-grid-item__title {
    font-family: 'PT Serif', serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-jewelry-store .mfp-close {
    font-size: 28px;
}

.index-jewelry-store .btn,
.index-jewelry-store .slideshow .btn,
.index-jewelry-store .featuredContentStyle2.featuredContent .btn {
    color: #fff;
    background-color: #45cfbe;
    border: 2px solid #45cfbe;
    padding: 7px 15px;
}

    .index-jewelry-store .btn:hover,
    .index-jewelry-store .slideshow .btn:hover,
    .index-jewelry-store .featuredContentStyle2.featuredContent .btn:hover {
        color: #45cfbe;
        background-color: #fff;
        border-color: #45cfbe;
    }

.index-jewelry-store .notification-bar {
    background-color: #45cfbe;
}

    .index-jewelry-store .notification-bar .notification-bar__message {
        color: #ffffff;
        letter-spacing: 0.5px;
        font-size: 12px;
        display: block;
        padding: 6px 10px;
    }

    .index-jewelry-store .notification-bar .close-announcement {
        color: #ffffff;
    }

.index-jewelry-store .section.custom-text-masonry-grid {
    padding-top: 30px;
    padding-bottom: 30px;
}

.index-jewelry-store .custom-text-masonry-item .img,
.index-jewelry-store .custom-text-masonry-item .custom-text {
    margin-bottom: 15px;
}

    .index-jewelry-store .custom-text-masonry-item .custom-text a {
        text-decoration: underline;
    }

.index-jewelry-store .custom-text-masonry-item .small-title {
    font-weight: normal;
}

.index-jewelry-store .custom-text-masonry-item img {
    width: 100%;
}

.index-jewelry-store .custom-text-masonry-item .last.btn {
    margin-top: 20px;
}

.index-jewelry-store .button-set li .btn-icon {
    color: #000;
    background-color: #fff;
}

    .index-jewelry-store .button-set li .btn-icon:hover {
        color: #000;
        background-color: rgba(255, 255, 255, 0.89);
    }

.index-jewelry-store .header-6 .menu-outer {
    border-top: 0;
    border-bottom: 1px solid #f2f2f2;
}

@media only screen and (min-width: 990px) {
    .index-jewelry-store #siteNav a {
        font-size: 14px;
    }
}

.index-jewelry-store .mega-small-title {
    font-size: 17px;
    margin-bottom: 10px;
}

.index-jewelry-store .slideshow .slideshow__title {
    font-size: 40px;
}

.index-jewelry-store .slideshow-wrapper {
    margin: 20px 0;
}

.index-jewelry-store .container.left .slideshow__text-content {
    left: 70px;
}

.index-jewelry-store .imgBanners.style3 .details {
    position: static;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    padding-left: 0;
}

    .index-jewelry-store .imgBanners.style3 .details .title {
        font-size: 20px;
        margin: 0;
        font-weight: 400;
    }

.index-jewelry-store .imgBanners.style3 .img {
    overflow: hidden;
    position: relative;
}

.index-jewelry-store .custom-map-section .custom-text h3.medium {
    font-size: 25px;
}

.index-jewelry-store .collection-grid-item__title {
    font-size: 20px;
    font-weight: normal;
}

.index-jewelry-store .featuredContent p {
    font-size: 14px;
}

body.christmas-demo1,
html .christmas-demo1,
.christmas-demo1 button,
.christmas-demo1 input,
.christmas-demo1 select,
.christmas-demo1 textarea,
.christmas-demo1 .btn {
    font-size: 13px;
    font-family: "IBM Plex Sans", sans-serif;
}

.christmas-demo1 .btn,
.christmas-demo1 .slideshow .btn {
    background: #72ac26;
}

.christmas-demo1 .btn-secondary {
    border: 0;
}

.christmas-demo1 .btn:hover,
.christmas-demo1 .slideshow .btn:hover {
    background: #000;
}

.christmas-demo1 .mfp-close {
    font-size: 28px;
}

.christmas-demo1 h1,
.christmas-demo1 .h1,
.christmas-demo1 h2,
.christmas-demo1 .h2,
.christmas-demo1 h3,
.christmas-demo1 .h3,
.christmas-demo1 h4,
.christmas-demo1 .h4,
.christmas-demo1 h5,
.christmas-demo1 .h5,
.christmas-demo1 h6,
.christmas-demo1 .h6,
.christmas-demo1 #siteNav > li .megamenu .menu-title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}

.christmas-demo1 .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
    font-size: 14px;
    text-transform: uppercase;
}

.christmas-demo1 .mask-overlay,
.christmas-demo1 .mask-overlay {
    z-index: 9;
}

.christmas-demo1 .slideshow .slideshow__title {
    color: #fff;
    font-weight: 600;
}

.christmas-demo1 .slideshow .mega-small-title {
    color: #fff;
    font-size: 25px;
    font-family: "IBM Plex Sans", sans-serif;
    letter-spacing: -0.5px;
    font-weight: 700;
}

.christmas-demo1 .slideshow .slideshow__subtitle {
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.christmas-demo1 .product-notification h5 {
    color: #000;
    font-size: 12px;
}

.christmas-demo1 .section .section-header {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .christmas-demo1 .section .section-header h2 {
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .christmas-demo1 .section .section-header p {
        font-size: 13px;
        margin: 0;
    }

.christmas-demo1 .imgBanners .row .img-banner-item {
    padding-left: 8px;
    padding-right: 8px;
}

.christmas-demo1 .header-2 {
    min-height: 85px;
}

    .christmas-demo1 .header-2 #siteNav a {
        font-size: 13px;
    }

.christmas-demo1 #siteNav > li > a {
    color: #fff;
    font-size: 13px;
}

    .christmas-demo1 #siteNav > li:hover > a,
    .christmas-demo1 #siteNav > li > a:hover:hover,
    .christmas-demo1 #siteNav > li > a:hover {
        color: #fff;
        opacity: 0.8;
    }

.christmas-demo1 #siteNav > li > a {
    font-family: "IBM Plex Sans", sans-serif;
    text-transform: uppercase;
}

.christmas-demo1 #siteNav > li ul.dropdown li a,
.christmas-demo1 #siteNav > li .megamenu li.lvl-1 li .site-nav {
    font-family: "IBM Plex Sans", sans-serif;
}

.christmas-demo1 .iconset,
.christmas-demo1 .iconset a {
    color: #fff;
}

.christmas-demo1 .header-2.stickyNav .logo img.logoF,
.christmas-demo1 .header-2 .logo img.stlogo {
    display: none;
}

.christmas-demo1 .header-2.stickyNav .logo img.stlogo {
    display: block;
}

.christmas-demo1 .header-2.stickyNav .iconset,
.christmas-demo1 .header-2.stickyNav .iconset a,
.christmas-demo1 .header-2.stickyNav #siteNav > li > a {
    color: #000;
}

.christmas-demo1 .header-2.stickyNav {
    min-height: 60px;
}

.christmas-demo1 .hero.hero__overlay {
    background-attachment: fixed;
}

.christmas-demo1 .hero .hero__inner .wrap-text {
    background: rgba(255, 255, 255, 0.9);
    max-width: 370px;
}

    .christmas-demo1 .hero .hero__inner .wrap-text .mega-title {
        color: #c80505;
    }

.christmas-demo1 .store-info-section.small-pd {
    padding: 35px 0;
}

.christmas-demo1 .footer-2 .footer-top {
    background-color: #d20606;
}

    .christmas-demo1 .footer-2 .footer-top .h4,
    .christmas-demo1 .footer-2 .footer-top h4 {
        font-size: 1em;
        text-transform: uppercase;
    }

.christmas-demo1 .footer-2 .footer-bottom {
    color: #333;
    background-color: #fff;
    border: 0;
    text-align: left;
}

body.christmas-demo2,
html .christmas-demo2,
.christmas-demo2 button,
.christmas-demo2 input,
.christmas-demo2 select,
.christmas-demo2 textarea,
.christmas-demo2 .btn {
    font-size: 13px;
    font-family: "IBM Plex Sans", sans-serif;
}

body.christmas-demo2 {
    background-image: url(../images/c-bg.jpg);
    background-repeat: repeat;
    background-size: auto;
    background-position: center center;
    background-attachment: inherit;
}

.christmas-demo2 .btn,
.christmas-demo1 .slideshow .btn {
    background-color: #72ac26 !important;
}

.christmas-demo2 .button-set li .btn-icon {
    background-color: #000 !important;
}

    .christmas-demo2 .button-set li .btn-icon:hover,
    .christmas-demo2 .button-set li .btn-icon:focus {
        background-color: #72ac26 !important;
    }

.christmas-demo2 .btn-secondary {
    border: 0;
}

.christmas-demo2 .btn:hover,
.christmas-demo2 .slideshow .btn:hover {
    background: #000;
}

.christmas-demo2 .mfp-close {
    font-size: 28px;
}

.christmas-demo2 h1,
.christmas-demo2 .h1,
.christmas-demo2 h2,
.christmas-demo2 .h2,
.christmas-demo2 h3,
.christmas-demo2 .h3,
.christmas-demo2 h4,
.christmas-demo2 .h4,
.christmas-demo2 h5,
.christmas-demo2 .h5,
.christmas-demo2 h6,
.christmas-demo2 .h6,
.christmas-demo2 #siteNav > li .megamenu .menu-title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}

.christmas-demo2 .header-17 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
    font-size: 14px;
    text-transform: uppercase;
}

.christmas-demo2 .mask-overlay,
.christmas-demo1 .mask-overlay {
    z-index: 9;
}

.christmas-demo2 .slideshow.small-pd {
    padding: 20px 0;
}

.christmas-demo2 .slideshow .red .mega-small-title,
.christmas-demo2 .slideshow .red .slideshow__title {
    color: #d60014;
}

.christmas-demo2 .slideshow .slideshow__title {
    color: #fff;
    font-weight: 600;
}

.christmas-demo2 .slideshow .mega-small-title {
    color: #fff;
    font-size: 18px;
    font-family: "IBM Plex Sans", sans-serif;
    letter-spacing: -0.5px;
    font-weight: 700;
}

.christmas-demo2 .slideshow .slideshow__subtitle {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.christmas-demo2 .product-notification h5 {
    color: #000;
    font-size: 12px;
}

.christmas-demo2 .section .section-header {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .christmas-demo2 .section .section-header h2 {
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .christmas-demo2 .section .section-header p {
        font-size: 13px;
        margin: 0;
    }

.christmas-demo2 .header-17 {
    z-index: 15;
    background-color: #ffffff;
    background-image: url(../images/c-header-bg.png);
    background-repeat: repeat;
    background-size: auto;
    background-position: center center;
    background-attachment: inherit;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    min-height: 80px;
}

    .christmas-demo2 .header-17 #siteNav a {
        font-size: 13px;
    }

    .christmas-demo2 .header-17 #siteNav > li > a {
        color: #fff;
        font-size: 13px;
        font-weight: 600;
    }

.christmas-demo2 #siteNav > li:hover > a,
.christmas-demo2 #siteNav > li > a:hover:hover,
.christmas-demo2 #siteNav > li > a:hover {
    color: #fff;
    opacity: 0.8;
}

.christmas-demo2 #siteNav > li > a {
    font-family: "IBM Plex Sans", sans-serif;
    text-transform: uppercase;
}

.christmas-demo2 #siteNav > li ul.dropdown li a,
.christmas-demo2 #siteNav > li .megamenu li.lvl-1 li .site-nav {
    font-family: "IBM Plex Sans", sans-serif;
}

.christmas-demo2 .header-17.stickyNav {
    min-height: 60px;
}

.christmas-demo2 .hero.hero__overlay {
    background-attachment: fixed;
}

.christmas-demo2 .hero .hero__inner .wrap-text {
    background: rgba(255, 255, 255, 0.9);
    max-width: 370px;
}

    .christmas-demo2 .hero .hero__inner .wrap-text .mega-title {
        color: #c80505;
    }

.christmas-demo2 .store-info-section.small-pd {
    padding: 35px 0;
}

.christmas-demo2 .footer-2 .footer-top {
    background-color: #d20606;
    background-image: url(../images/c-header-bg.png);
    background-repeat: repeat;
    background-size: auto;
    background-position: center center;
}

    .christmas-demo2 .footer-2 .footer-top .h4,
    .christmas-demo1 .footer-2 .footer-top h4 {
        font-size: 1em;
        text-transform: uppercase;
    }

.christmas-demo2 .footer-2 .footer-bottom {
    color: #333;
    background-color: #fff;
    border: 0;
    text-align: left;
}

.christmas-demo2 .featuredContentStyle2 {
    background-color: transparent;
}

    .christmas-demo2 .featuredContentStyle2.featuredContent h3 {
        font-size: 30px;
    }

.christmas-demo2 .featuredContent p {
    font-size: 13px;
}

.christmas-demo2 .collection-banners,
.christmas-demo2 .imgBanners.style2 {
    margin-top: 0;
}

.christmas-demo2 .imgBanners .details {
    width: 70%;
}

    .christmas-demo2 .imgBanners .details h3 {
        font-size: 16px;
    }

    .christmas-demo2 .imgBanners .details h3,
    .christmas-demo2 .imgBanners .details p {
        margin-bottom: 5px !important;
    }

.christmas-demo2 .imgBanners .bnrGrid .img-banner-item {
    margin-bottom: 30px;
}

.christmas-demo2 .imgBanners.style2 .row {
    margin-left: -10px;
    margin-right: -10px;
}

.christmas-demo2 .footer-2 .social-icons li {
    display: inline-block;
    padding-right: 5px;
}

body.index-yoga-shop,
html .index-yoga-shop,
.index-yoga-shop button,
.index-yoga-shop input,
.index-yoga-shop select,
.index-yoga-shop textarea,
.index-yoga-shop .btn {
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}

.index-yoga-shop h1,
.index-yoga-shop .h1,
.index-yoga-shop h2,
.index-yoga-shop .h2,
.index-yoga-shop h3,
.index-yoga-shop .h3,
.index-yoga-shop h4,
.index-yoga-shop .h4,
.index-yoga-shop h5,
.index-yoga-shop .h5,
.index-yoga-shop h6,
.index-yoga-shop .h6,
.index-yoga-shop #siteNav > li .megamenu .menu-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-yoga-shop .btn,
.index-yoga-shop .featuredContentStyle2.featuredContent .btn {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #000;
}

.index-yoga-shop .header-16 {
    position: static;
    background-color: #fff;
}

.index-yoga-shop #siteNav > li:hover > a {
    color: #f77575;
}

.index-yoga-shop #siteNav > li > a {
    font-size: 13px;
    font-weight: 600;
}

.index-yoga-shop .slideshow .slideshow__subtitle {
    font-size: 15px;
}

.index-yoga-shop .imgBanners .section-header {
    margin-bottom: 75px;
    margin-top: 30px;
}

.index-yoga-shop .imgBanners.style2 {
    margin-top: 0;
}

.index-yoga-shop .imgBanners {
    background-color: #fafafa;
}

    .index-yoga-shop .imgBanners .details {
        padding: 10px;
    }

    .index-yoga-shop .imgBanners.style2 .details .title {
        font-size: 15px;
    }

.index-yoga-shop .section-header h2 {
    text-transform: uppercase;
}

.index-yoga-shop .simple-add-btn {
    margin-top: 10px;
}

.index-yoga-shop .featuredContent .row-text {
    padding-left: 40px;
}

.index-yoga-shop .featuredContentStyle2.featuredContent p {
    font-size: 15px;
    margin-bottom: 20px;
}

.index-yoga-shop .hero .hero__inner .wrap-text,
.index-yoga-shop .featuredContentStyle2.whiteBg,
.index-yoga-shop .featuredContentStyle2.featuredContent.whiteBg .d-flex {
    background-color: #fff;
}

.index-yoga-shop .hero .hero__inner .wrap-text {
    max-width: 390px;
}

    .index-yoga-shop .hero .hero__inner .wrap-text span {
        font-size: 13px;
    }

.index-yoga-shop .store-features {
    color: #000;
    background-color: #eeeeee;
}

.index-yoga-shop .store-info h5,
.index-yoga-shop .store-info p,
.index-yoga-shop .store-info,
.index-yoga-shop .store-info a {
    color: #000;
}

.index-yoga-shop .footer .footer-top {
    background-color: #fafafa;
}

body.bags-store,
html .bags-store,
.bags-store button,
.bags-store input,
.bags-store select,
.bags-store textarea,
.bags-store .btn {
    font-size: 14px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.bags-store .mfp-close {
    font-size: 28px;
}

.bags-store h1,
.bags-store .h1,
.bags-store h2,
.bags-store .h2,
.bags-store h3,
.bags-store .h3,
.bags-store h4,
.bags-store .h4,
.bags-store h5,
.bags-store .h5,
.bags-store h6,
.bags-store .h6,
.bags-store #siteNav > li .megamenu .menu-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
}

.bags-store .header-2.stickyNav {
    background-color: #000;
}

.bags-store #siteNav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

    .bags-store #siteNav > li:hover > a,
    .bags-store #siteNav > li > a:hover:hover,
    .bags-store #siteNav > li > a:hover {
        color: #fff;
        opacity: 0.8;
    }

.bags-store .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
    font-size: 14px;
    text-transform: uppercase;
}

.bags-store .iconset a.btn-minicart,
.bags-store .iconset {
    color: #fff;
}

.bags-store .mask-overlay {
    z-index: 9;
}

.bags-store .slideshow .slideshow__title {
    font-weight: 600;
}

.bags-store .slideshow .mega-small-title {
    font-size: 20px;
    letter-spacing: -0.5px;
}

.bags-store .slideshow .slideshow__subtitle {
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

.bags-store .product-notification h5 {
    color: #000;
    font-size: 12px;
}

.bags-store .section .section-header {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .bags-store .section .section-header h2 {
        font-size: 22px;
        text-transform: none;
        font-weight: 600;
    }

    .bags-store .section .section-header p {
        font-size: 15px;
        margin: 0;
    }

.bags-store .imgBanners .row .img-banner-item {
    padding-left: 8px;
    padding-right: 8px;
}

.bags-store .collection-banners .row {
    margin: 0;
}

.bags-store .hero .mega-title {
    font-size: 26px;
}

.bags-store .hero .mega-subtitle {
    font-size: 21px;
    line-height: normal;
}

.bags-store .hero .saleTime {
    margin: 20px 0 5px;
}

.bags-store .product-with-colletion-bnr a {
    display: inline-block;
}

.bags-store .footer .footer-top .h4 {
    font-size: 14px;
}

body.digital-store,
html .digital-store,
.digital-store button,
.digital-store input,
.digital-store select,
.digital-store textarea,
.digital-store .btn {
    font-size: 14px;
    font-family: 'Karla', sans-serif;
}

.digital-store .mfp-close {
    font-size: 28px;
}

.digital-store h1,
.digital-store .h1,
.digital-store h2,
.digital-store .h2,
.digital-store h3,
.digital-store .h3,
.digital-store h4,
.digital-store .h4,
.digital-store h5,
.digital-store .h5,
.digital-store h6,
.digital-store .h6,
.digital-store #siteNav > li .megamenu .menu-title {
    font-family: Roboto, sans-serif;
    font-weight: 700;
}

.digital-store #siteNav > li > a {
    text-transform: uppercase;
    font-size: 13px;
}

.digital-store .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
    font-size: 14px;
    text-transform: uppercase;
}

.digital-store .top-header .list-item {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .digital-store .top-header .list-item > li {
        display: inline-block;
    }

        .digital-store .top-header .list-item > li:before {
            content: '|';
            display: inline-block;
            padding: 0 5px;
        }

        .digital-store .top-header .list-item > li:first-of-type:before {
            content: '';
        }

.digital-store .mask-overlay {
    z-index: 9;
}

.digital-store .slideshow .slideshow__title {
    font-weight: 600;
}

.digital-store .slideshow .mega-small-title {
    font-size: 16px;
}

.digital-store .slideshow .slideshow__subtitle {
    line-height: 1.5;
}

.digital-store .product-notification h5 {
    color: #000;
    font-size: 12px;
}

.digital-store .section .section-header {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .digital-store .section .section-header h2 {
        font-size: 22px;
        text-transform: none;
        font-weight: 600;
    }

    .digital-store .section .section-header p {
        font-size: 15px;
        margin: 0;
    }

.digital-store .imgBanners .row .img-banner-item {
    padding-left: 8px;
    padding-right: 8px;
}

.digital-store .collection-banners .row {
    margin: 0;
}

.digital-store .hero .mega-title {
    font-size: 26px;
}

.digital-store .hero .mega-subtitle {
    font-size: 21px;
    line-height: normal;
}

.digital-store .hero .saleTime {
    margin: 20px 0 5px;
}

.digital-store .product-with-colletion-bnr a {
    display: inline-block;
}

.digital-store .footer .footer-top .h4 {
    font-size: 14px;
}

.digital-store .slideshow .slide {
    display: block !important;
}

.digital-store .featured-grid .container-fluid {
    padding: 0;
}

.digital-store .featured-grid .grid-products .item .product-name a {
    font-size: 17px;
}

.digital-store .featured-grid .grid-products.style2 .row .col-12 {
    padding: 0;
}

.digital-store .featured-grid .grid-products.style2 .item,
.digital-store .featured-grid .grid-products .item .product-image {
    margin: 0;
}

.digital-store .footer .footer-top {
    background-color: #fff;
}

body.beachwear-demo,
html .beachwear-demo,
.beachwear-demo button,
.beachwear-demo input,
.beachwear-demo select,
.beachwear-demo textarea,
.beachwear-demo .btn {
    font-family: 'Roboto', sans-serif;
}

.beachwear-demo h1,
.beachwear-demo .h1,
.beachwear-demo h2,
.beachwear-demo .h2,
.beachwear-demo h3,
.beachwear-demo .h3,
.beachwear-demo h4,
.beachwear-demo .h4,
.beachwear-demo h5,
.beachwear-demo .h5,
.beachwear-demo h6,
.beachwear-demo .h6,
.beachwear-demo #siteNav > li .megamenu .menu-title {
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    text-transform: none;
}

.beachwear-demo .mfp-close {
    font-size: 28px;
}

.beachwear-demo .imgBanners.style2 .details .title,
.beachwear-demo .section-header h2 {
    font-size: 26px;
}

.beachwear-demo .hero .mega-title {
    font-size: 28px;
    text-transform: none;
    font-weight: normal;
}

.beachwear-demo .hero .mega-subtitle {
    font-size: 14px;
}

.beachwear-demo .imgBanners .details {
    padding: 20px;
}

    .beachwear-demo .imgBanners .details.left {
        left: 5%;
        bottom: 9%;
    }

.beachwear-demo .collection-banners .details {
    background-color: transparent;
    text-align: left;
}

    .beachwear-demo .collection-banners .details h3 {
        color: #fff;
        margin: 0;
        font-size: 25px;
    }

    .beachwear-demo .collection-banners .details .btn {
        color: #000;
        background-color: #fff;
        font-size: 13px;
        padding: 12px 26px;
    }

.beachwear-demo .section-header h2 {
    font-size: 15px;
    line-height: 1.3;
    max-width: 600px;
    margin: 0 auto;
}

.beachwear-demo .footer-10.footer .footer-top .h4 {
    font-weight: 700;
}

body.bike-store-demo,
html .bike-store-demo,
.bike-store-demo button,
.bike-store-demo input,
.bike-store-demo select,
.bike-store-demo textarea,
.bike-store-demo .btn {
    font-family: 'Work Sans', sans-serif;
}

.bike-store-demo h1,
.bike-store-demo .h1,
.bike-store-demo h2,
.bike-store-demo .h2,
.bike-store-demo h3,
.bike-store-demo .h3,
.bike-store-demo h4,
.bike-store-demo .h4,
.bike-store-demo h5,
.bike-store-demo .h5,
.bike-store-demo h6,
.bike-store-demo .h6,
.bike-store-demo #siteNav > li .megamenu .menu-title {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
}

.bike-store-demo .header-8.header .container {
    max-width: 1200px;
}

.bike-store-demo #siteNav > li > a {
    padding: 0 7px;
    font-weight: 400 !important;
    font-size: 12px;
}

.bike-store-demo #siteNav > li .megamenu .menu-title {
    font-weight: 700 !important;
}

.bike-store-demo .header-8 .logo img {
    max-width: 90px;
}

.bike-store-demo .imgBanners.style4,
.bike-store-demo .imgBanners.style8 {
    background-color: #f5f5f5;
}

    .bike-store-demo .imgBanners.style4 .row .img-banner-item {
        padding-left: 30px;
        padding-right: 30px;
    }

    .bike-store-demo .imgBanners.style4 .details {
        text-align: left;
        padding-left: 0;
        background-color: transparent;
    }

        .bike-store-demo .imgBanners.style4 .details .title {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 700;
        }

.bike-store-demo .section-header {
    font-size: 20px;
    text-transform: uppercase;
}

    .bike-store-demo .section-header p {
        font-size: 16px;
        text-transform: none;
    }

.bike-store-demo .imgBanners.style8 .row:first-of-type {
    margin-bottom: 20px;
}

.bike-store-demo .imgBanners.style8 .details .title {
    font-size: 14px;
}

.bike-store-demo .store-info-section {
    background-color: transparent;
}

    .bike-store-demo .store-info-section .style2 .display-table-cell {
        padding: 0 10px;
    }

    .bike-store-demo .store-info-section .style2 .details {
        display: block;
        padding-left: 65px;
    }

    .bike-store-demo .store-info-section .style2.store-info h5 {
        margin-bottom: 5px;
    }

.bike-store-demo .info-section {
    background-color: #f76969;
    font-weight: 500;
    font-size: 20px
}

    .bike-store-demo .info-section a:hover {
        color: #fff;
        opacity: 0.8;
    }

.bike-store-demo .footer-17 .footer-bottom {
    background-color: #fff;
    color: #000;
}

    .bike-store-demo .footer-17 .footer-bottom .copytext {
        color: #000;
        float: none;
        text-align: center;
    }

body.index-pottery-store,
html .index-pottery-store,
.index-pottery-store button,
.index-pottery-store input,
.index-pottery-store select,
.index-pottery-store textarea,
.index-pottery-store .btn {
    font-family: 'IBM Plex Sans', sans-serif;
}

.index-pottery-store h1,
.index-pottery-store .h1,
.index-pottery-store h2,
.index-pottery-store .h2,
.index-pottery-store h3,
.index-pottery-store .h3,
.index-pottery-store h4,
.index-pottery-store .h4,
.index-pottery-store h5,
.index-pottery-store .h5,
.index-pottery-store h6,
.index-pottery-store .h6,
.index-pottery-store #siteNav > li .megamenu .menu-title {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: none;
}

.index-pottery-store .imgBanners.style2 {
    margin-top: 0;
}

    .index-pottery-store .imgBanners.style2 .row .img-banner-item {
        padding: 0;
    }

    .index-pottery-store .imgBanners.style2 .details .title {
        font-size: 16px;
    }

.index-pottery-store .imgBanners .details p {
    margin-bottom: 0;
}

.index-pottery-store .header-2 {
    min-height: 70px
}

    .index-pottery-store .header-2 #siteNav a {
        font-size: 12px;
    }

.index-pottery-store #siteNav.medium > li > a {
    text-transform: uppercase;
}

.index-pottery-store #siteNav.medium > li a,
.index-pottery-store .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
    font-weight: 600;
}

.index-pottery-store .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.index-pottery-store #siteNav > li ul.dropdown li a {
    font-weight: 400;
}

.index-pottery-store .mask-overlay,
.index-wine-store .mask-overlay {
    z-index: 9;
}

.index-pottery-store .collection-banners {
    margin-top: 0;
}

.index-pottery-store .imgBanners .inner .ttl {
    background-color: #fff;
    max-width: 50%;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 20px;
}

.index-pottery-store .lookbook .grid-lookbook {
    padding: 0;
}

.index-pottery-store .btn {
    background-color: #47352b;
    border-radius: 6px;
}

    .index-pottery-store .btn:hover {
        background-color: #25160e;
    }

.index-pottery-store .footer-2 .footer-top {
    background-color: #211f1f;
    border-top: 1px solid #fff;
}

    .index-pottery-store .footer-2 .footer-top .h4 {
        font-size: 13px;
        text-transform: uppercase;
    }

.index-pottery-store .footer-2 .footer-bottom {
    color: #fff;
    background-color: #211f1f;
}

    .index-pottery-store .footer-2 .footer-bottom .copytext {
        float: left;
    }

.index-pottery-store .footer-2 .payment-icons {
    color: #fff;
    font-size: 23px;
}

.index-pottery-store .store-info.style4 .anm {
    color: #47352b;
}

.index-pottery-store .featuredContent .d-flex {
    background-color: #211f1f;
}

.index-pottery-store .featuredContent .btn {
    color: #000;
}

    .index-pottery-store .featuredContent .btn:hover {
        color: #fff;
    }

.index-pottery-store .featuredContent p {
    font-size: 14px;
    margin-bottom: 20px;
}

body.index-wine-store,
html .index-wine-store,
.index-wine-store button,
.index-wine-store input,
.index-wine-store select,
.index-wine-store textarea,
.index-wine-store .btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.index-wine-store h1,
.index-wine-store .h1,
.index-wine-store h2,
.index-wine-store .h2,
.index-wine-store h3,
.index-wine-store .h3,
.index-wine-store h4,
.index-wine-store .h4,
.index-wine-store h5,
.index-wine-store .h5,
.index-wine-store h6,
.index-wine-store .h6,
.index-wine-store #siteNav > li .megamenu .menu-title {
    font-family: 'PT Serif', serif;
}

.index-wine-store .header-10.stickyNav {
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
}

.index-wine-store .header-10:not(.stickyNav) {
    position: absolute;
    z-index: 100;
}

.index-wine-store .notification-bar__message {
    padding: 12px 30px;
}

.index-wine-store #siteNav.medium > li > a {
    font-weight: 600;
    font-size: 12px;
}

.index-wine-store .slideshow .slideshow__title {
    font-size: 42px;
}

.index-wine-store .slideshow .slideshow__subtitle {
    line-height: 1.6;
}

.index-wine-store .collection-banners .collection-grid-item:hover img {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.index-wine-store .collection-banners .details {
    font-size: 15px;
    font-weight: 400;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    padding: 20px 0;
}

    .index-wine-store .collection-banners .details .title {
        font-size: 25px;
        text-transform: none;
    }

    .index-wine-store .collection-banners .details p {
        margin: 20px 0;
    }

.index-wine-store .collection-grid-item .video-sec video {
    height: 320px;
}

.index-wine-store .collection-banners .videoSection .details {
    background-color: transparent;
    left: 0;
}

    .index-wine-store .collection-banners .videoSection .details .title {
        color: #fff;
        font-size: 18px;
    }

.index-wine-store .collection-banners .details .btn {
    padding: 8px 15px;
}

.index-wine-store .section-header h2 {
    font-size: 27px;
    text-transform: none;
}

.index-wine-store .store-info-section {
    background-color: transparent;
}

.index-wine-store .featuredContentStyle3 h3.small {
    font-size: 18px;
    font-weight: 600;
}

.index-wine-store .featuredContentStyle3 p {
    font-weight: normal;
}

.index-wine-store .section.featuredContentStyle3 {
    padding-top: 50px;
    padding-bottom: 50px;
}

body.index-modern,
html .index-modern,
.index-modern button,
.index-modern input,
.index-modern select,
.index-modern textarea,
.index-modern .btn,
.index-modern h1,
.index-modern .h1,
.index-modern h2,
.index-modern .h2,
.index-modern h3,
.index-modern .h3,
.index-modern h4,
.index-modern .h4,
.index-modern h5,
.index-modern .h5,
.index-modern h6,
.index-modern .h6,
.index-modern #siteNav > li .megamenu .menu-title {
    font-family: 'Karla', sans-serif;
}

body.index-modern {
    font-size: 14px;
}

.index-modern .container {
    max-width: 1400px;
}

.index-modern #siteNav a {
    font-size: 14px;
}

.index-modern .logo img {
    max-width: 70px;
}

.index-modern .iconset .icon {
    font-size: 15px;
}

.index-modern .store-features {
    background-color: #f5a4a4;
}

.index-modern #site-scroll {
    background-color: #f5a4a4;
}

.index-plant button,
.index-plant input,
.index-plant select,
.index-plant textarea,
.index-plant .btn,
.index-plant h1,
.index-plant .h1,
.index-plant h2,
.index-plant .h2,
.index-plant h3,
.index-plant .h3,
.index-plant h4,
.index-plant .h4,
.index-plant h5,
.index-plant .h5,
.index-plant h6,
.index-plant .h6,
.index-plant #siteNav > li .megamenu .menu-title {
    font-family: 'PT Serif', serif;
}

body.index-plant,
html .index-plant,
.index-plant .btn,
.index-plant .slideshow .btn {
    font-family: 'Karla', sans-serif;
    font-size: 14px;
}

body.index-plant,
html .index-plant,
.index-plant #siteNav a {
    font-size: 14px;
}

.index-plant .notification-bar__message {
    background-color: #677e52;
    padding: 12px 10px;
}

.index-plant .container {
    max-width: 1400px;
}

.index-plant #siteNav > li:hover > a,
.index-plant #siteNav > li > a:hover:hover,
.index-plant #siteNav > li > a:hover {
    color: #677e52;
}

.index-plant #siteNav > li > a {
    text-transform: none;
}

.index-plant .home-slideshow .mega-small-title {
    font-size: 20px;
}

.index-plant .btn,
.index-plant .slideshow .btn,
.index-plant .button-set li .btn-icon {
    background-color: #677e52;
    border-color: #677e52;
}

    .index-plant .btn:hover,
    .index-plant .btn:focus,
    .index-plant .slideshow .btn:hover,
    .index-plant .slideshow .btn:focus,
    .index-plant .button-set li .btn-icon:hover,
    .index-plant .button-set li .btn-icon:focus {
        background-color: #88725b;
        border-color: #88725b;
    }

.index-plant .imgBanners {
    margin: 20px 0 0;
}

    .index-plant .imgBanners .row {
        margin-left: -15px;
        margin-right: -15px;
    }

        .index-plant .imgBanners .row .img-banner-item {
            padding-left: 15px;
            padding-right: 15px;
        }

.index-plant .tab-slider-product-style1 .tabs > li {
    color: #000;
    font-size: 22px;
    font-weight: 700;
}

    .index-plant .tab-slider-product-style1 .tabs > li.active,
    .index-plant .tab-slider-product-style1 .tabs > li:hover {
        color: #027903;
    }

    .index-plant .tab-slider-product-style1 .tabs > li:after {
        background: #027903;
    }

.index-plant .featured-content .featured-content-bg {
    margin-top: 0 !important;
    background-color: #b7ca79;
}

.index-plant .featured-content .featured-content-bg1 {
    background-color: #f5e8b1;
}

.index-plant .featured-content .featured-content-bg .display-table-cell:first-of-type {
    background-color: transparent;
}

.index-plant .featured-content .featured-text {
    max-width: 450px;
    margin: 0 auto;
    padding: 20px;
}

.index-plant .section-header h2 {
    color: #444;
    font-size: 25px;
    line-height: 1.3;
    text-transform: none;
}

.index-plant .store-info.style3 {
    color: #444444;
    background-color: transparent;
}

    .index-plant .store-info.style3 i {
        color: #9bb644;
        font-size: 40px;
        display: block;
        margin-right: 0;
    }

    .index-plant .store-info.style3 h5 {
        color: #444444;
        font-size: 15px;
        text-transform: none;
        font-weight: 700;
        letter-spacing: 0;
    }

.index-plant .footer.footer-3 {
    color: #fff;
    background-image: url(../images/plant-ftr-bg.jpg);
    background-repeat: no-repeat;
    background-color: #677e52;
    background-position: center bottom;
}

    .index-plant .footer.footer-3 a,
    .index-plant .footer-links a,
    .index-plant .footer .footer-top .h4,
    .index-plant .social-icons .icon,
    .index-plant .footer-bottom,
    .index-plant .footer-bottom .payment-icons {
        color: #fff;
    }

.index-plant .footer-3.footer .footer-top {
    background-color: transparent;
    color: #fff;
    padding-top: 55px;
    padding-bottom: 55px;
}

.index-plant .footer-3.footer .footer-bottom {
    background-color: transparent;
    border-color: #677e52;
}

.index-kids-toy h1,
.index-kids-toy .h1,
.index-kids-toy h2,
.index-kids-toy .h2,
.index-kids-toy h3,
.index-kids-toy .h3,
.index-kids-toy h4,
.index-kids-toy .h4,
.index-kids-toy h5,
.index-kids-toy .h5,
.index-kids-toy h6,
.index-kids-toy .h6,
.index-kids-toy #siteNav > li .megamenu .menu-title,
body.index-kids-toy,
html .index-kids-toy,
.index-kids-toy button,
.index-kids-toy input,
.index-kids-toy select,
.index-kids-toy textarea,
.index-kids-toy .btn {
    font-family: 'Nunito', sans-serif;
}

body.index-kids-toy {
    color: #444;
}

body.index-kids-toy,
html .index-kids-toy,
.index-kids-toy #siteNav a {
    font-size: 14px;
}

.index-kids-toy #siteNav a {
    text-transform: none;
}

.index-kids-toy .logo img {
    max-width: 105px;
}

.index-kids-toy .top-header {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

    .index-kids-toy .top-header a {
        color: #000;
    }

.index-kids-toy .container {
    max-width: 1300px;
}

.index-kids-toy #siteNav > li:hover > a,
.index-kids-toy #siteNav > li > a:hover:hover,
.index-kids-toy #siteNav > li > a:hover,
.index-kids-toy #siteNav > li .megamenu li.lvl-1 li .site-nav:hover {
    color: #68d1ef;
}

.index-kids-toy #siteNav > li .megamenu li.lvl-1 li .site-nav::before {
    background-color: #68d1ef;
}

.index-kids-toy .iconset .icon {
    font-size: 16px;
}

.index-kids-toy .imgBanners.style2,
.index-kids-toy .collection-banners {
    margin-top: 0;
}

.index-kids-toy .imgBanners .inner .ttl {
    font-size: 18px;
    background-color: #ffffff;
    border-radius: 3px;
}

.index-kids-toy .section-header h2 {
    color: #435ba5;
    text-transform: none;
    font-size: 24px;
    font-weight: 700;
}

.index-kids-toy .btn,
.index-kids-toy .button-set li .btn-icon,
.index-kids-toy .featuredContentStyle2.featuredContent .btn {
    background-color: #d8798c;
    border-radius: 5px;
}

.index-kids-toy .button-set li .btn-icon {
    border-radius: 100px;
    font-size: 15px;
}

.index-kids-toy .section-header p {
    color: #435ba5;
}

.index-kids-toy .collection-box {
    background-color: #fae7f6;
}

.index-kids-toy .collection-box2 {
    background-color: #ceecfc;
}

.index-kids-toy .collection-grid-slider .details:before {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}

.index-kids-toy .collection-grid-slider .details .collection-item-title {
    color: #cc539e;
    font-size: 18px;
    font-weight: 400;
}

.index-kids-toy .collection-grid-slider .collection-item .img img {
    border-radius: 10px 10px 0 0;
}

.index-kids-toy .logo-section {
    background-color: #fdf5f5;
}

.index-kids-toy .featuredContentStyle2,
.index-kids-toy .featuredContentStyle2.featuredContent .d-flex {
    background-color: #fff;
}

.index-kids-toy .featuredContentStyle2,
.index-kids-toy .featuredContent p {
    color: #444;
    font-size: 14px;
}

    .index-kids-toy .featuredContentStyle2 h1 {
        font-size: 20px;
        font-weight: 700;
    }

.index-kids-toy .store-info {
    background-color: #fff;
}

    .index-kids-toy .store-info.style2 .anm {
        color: #ff6f69;
        font-size: 40px;
    }

.index-kids-toy .style2.store-info h5 {
    font-weight: 700;
    text-transform: none;
}

.index-kids-toy .footer.footer-3 {
    color: #056893;
    font-size: 13px;
    background-image: url(../images/kids-bg-foot.jpg);
    background-repeat: repeat-x;
    background-size: auto;
    background-position: center top;
    background-color: #e8f6f7;
}

.index-kids-toy .footer-3.footer .footer-top {
    color: #056893;
    background-color: transparent;
    padding-top: 55px;
    padding-bottom: 55px;
}

.index-kids-toy .footer-3.footer .footer-bottom {
    color: #056893;
    background-color: transparent;
    border-color: #fbfbfb;
}

.index-kids-toy .footer-3.footer .footer-top .h4 {
    font-size: 14px;
    color: #ff6f69;
    letter-spacing: 0;
}

.index-kids-toy .footer.footer-3 a,
.index-kids-toy .footer-links a,
.index-kids-toy .footer-bottom .payment-icons {
    color: #056893;
}

.custom-text-banner {
    color: #fff;
    background: #b0cc99;
}

.custom-text-banner-in {
    padding: 30px;
}

.custom-text-banner .h1 {
    color: #fff;
    font-size: 30px;
}

.home-slideshow-carousel.style2 {
    padding: 15px;
}

    .home-slideshow-carousel.style2 .slide .details {
        position: static;
        opacity: 1;
        visibility: visible;
    }

        .home-slideshow-carousel.style2 .slide .details::before {
            display: none;
        }

    .home-slideshow-carousel.style2 .slide .inner {
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        position: static;
    }

.marquee-text .top-bar .flex-item.center {
    text-align: center;
}

.marquee-text .top-info-bar .flex-item {
    color: #fff;
    font-size: 14px;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    padding-left: 30px;
    padding-right: 30px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

    .marquee-text .top-info-bar .flex-item a {
        color: #fff;
        white-space: nowrap;
    }

        .marquee-text .top-info-bar .flex-item a:hover {
            opacity: 0.8;
        }

.marquee-text .top-info-bar {
    width: 200%;
    display: flex !important;
    -webkit-animation: marquee 20s linear infinite running;
    -moz-animation: marquee 20s linear infinite running;
    -o-animation: marquee 20s linear infinite running;
    -ms-animation: marquee 20s linear infinite running;
    animation: marquee 20s linear infinite running;
}

    .marquee-text .top-info-bar:hover {
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        -o-animation-play-state: paused;
        -ms-animation-play-state: paused;
        animation-play-state: paused;
    }

.marquee-text {
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

@-moz-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@-o-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}


.grid-with-banner-section {
    background-color: #f5f5f5;
}

.grid-with-banners .custom-banner {
    color: #fff;
    background: #f5a4a4;
    padding: 30px;
    margin-bottom: 15px;
}

    .grid-with-banners .custom-banner .h1 {
        color: #fff;
        font-size: 30px;
    }

.grid-with-banners.grid-products.style2 .row .col-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.grid-with-banners.grid-products.style2 .item {
    margin-bottom: 0;
}

.grid-with-banners .imgBanners .row .img-banner-item {
    padding-left: 15px;
    padding-right: 15px;
}


.simple-text-section {
    font-size: 22px;
    max-width: 950px;
    margin: 0 auto;
    font-weight: 400;
}

.header-18 {
    min-height: 65px;
}

    .header-18.stickyNav {
        min-height: 55px;
    }

    .header-18 #siteNav > li a {
        font-weight: 600;
    }


.header-17 {
    min-height: 55px;
}

.top-header-wrapper.header-16-top .top-header {
    font-size: 12px;
}

.top-header-wrapper.header-16-top .wl-msg {
    padding-right: 10px;
}

.top-header-wrapper.header-16-top .text-right a {
    padding-left: 10px;
}

.header-16 .logo {
    text-align: center;
    float: none;
}

    .header-16 .logo a {
        float: none;
    }

    .header-16 .logo img {
        display: inline-block;
    }

.header-16 {
    background-color: transparent;
    position: absolute;
    z-index: 10;
}

    .header-16.stickyNav {
        position: fixed;
        background-color: #fff;
        z-index: 100;
    }

    .header-16 #siteNav > li > a {
        padding: 0 10px;
        font-size: 12px;
    }

    .header-16 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
        font-size: 13px;
        letter-spacing: 0;
        font-weight: 700 !important;
        text-transform: none;
    }

    .header-16 .search-drawer .container {
        max-width: 100%;
    }

    .header-16 .search-drawer .title {
        font-size: 18px;
    }

.header-15 {
    min-height: 70px;
}

    .header-15.stickyNav {
        min-height: 55px;
    }

.custom-map-section {
    background-color: #fafafa;
    padding: 50px 0;
}

.header-12 .store-info-slider {
    color: #fff;
    text-align: center;
    background-color: #000;
    padding: 7px;
}

    .header-12 .store-info-slider .info-bar {
        text-align: left;
    }

    .header-12 .store-info-slider .slick-slide:nth-last-of-type {
        text-align: right;
    }

    .header-12 .store-info-slider a {
        color: #fff;
        font-size: 12px;
    }

.header-10 .d-flex {
    min-height: 60px;
}

.header-10.stickyNav {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.header-10 .logo a {
    float: none;
    text-align: center;
}

.header-10 .logo img {
    max-width: 100px;
    margin: 0 auto;
}

.header-9 {
    min-height: 70px;
}

    .header-9.stickyNav {
        min-height: 50px;
    }

    .header-9 .wishlist-count,
    .header-9 .site-cart-count {
        background-color: #e55151;
    }

    .header-9 .search-drawer .container {
        max-width: 100%;
    }

.header-8,
.header-17 {
    background-color: #111111;
}

    .header-8 .logo img {
        max-width: 120px;
    }

    .header-8 .logo.center a,
    .header-17 .logo.center a {
        float: none;
    }

    .header-8 .logo.center img,
    .header-17 .logo.center img {
        margin: 0 auto;
    }

    .header-8.header .container {
        max-width: 100%;
    }

    .header-8 #siteNav > li > a,
    .header-17 #siteNav > li > a {
        color: #fff;
        font-weight: 600;
    }

    .header-8 .iconset,
    .header-8 .iconset a,
    .header-17 .iconset,
    .header-17 .iconset a {
        color: #fff;
    }

    .header-8 .site-cart-count,
    .header-8 .wishlist-count,
    .header-17 .site-cart-count,
    .header-17 .wishlist-count {
        color: #000;
        background-color: #fff;
    }

    .header-8 #siteNav > li > a:hover,
    .header-8 #siteNav > li:hover > a {
        color: #d1d1d1;
    }

    .header-8 #siteNav > li .megamenu li.lvl-1 li .site-nav:hover {
        color: #000;
    }

    .header-8 #siteNav > li .megamenu li.lvl-1 li .site-nav:before {
        background-color: #000;
    }

    .header-17 #siteNav > li > a {
        color: #fff;
        font-weight: 400;
    }

.header-7 .topbar-slider {
    color: #fff;
    text-align: center;
    background-color: #000;
}

    .header-7 .topbar-slider .top-info-bar {
        padding: 10px 5px;
    }

.topbar-slider-items {
    margin: 0 40px;
}

    .topbar-slider-items a {
        color: #fff;
    }

    .topbar-slider-items .slick-arrow {
        opacity: 0;
        visibility: hidden;
    }

    .topbar-slider-items:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
    }

    .topbar-slider-items .slick-arrow:before {
        color: #fff;
        font-size: 16px;
    }

    .topbar-slider-items .slick-next {
        right: -40px;
    }

    .topbar-slider-items .slick-prev {
        left: -40px;
    }

.header-2 {
    background-color: transparent;
    position: absolute;
    z-index: 10;
}

    .header-2.stickyNav {
        position: fixed;
        background-color: #fff;
        z-index: 100;
    }

    .header-2 #siteNav a {
        font-size: 14px;
        text-transform: none;
    }

    .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 700 !important;
        text-transform: none;
    }

.header-social-icons {
    display: inline-block;
    font-weight: normal;
}

    .header-social-icons li {
        display: inline-block;
        padding-left: 8px;
    }

.header-2 .search-drawer .title {
    font-size: 18px;
}

.header-2 .search-drawer .container {
    max-width: 100%;
}

.header-3 #siteNav a {
    font-size: 12px;
    text-transform: uppercase;
}

.header-4 {
    min-height: 80px;
    border-bottom: 0;
}

    .header-4.stickyNav {
        min-height: 60px;
    }

    .header-4 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
        font-size: 15px;
        letter-spacing: 0.5px;
    }

.header-5 > .d-flex {
    min-height: 60px;
}

.header-5.stickyNav {
    position: static;
}

.header-5 .menu-outer {
    background-color: #131313;
    padding: 0 60px;
}

@media (min-width:992px) {
    .header-5 #siteNav > li > a {
        color: #fff;
        line-height: 45px;
    }

    .header-5 #siteNav > li:hover > a {
        color: #f77575;
    }

    .header-5 #siteNav.medium > li > a .anm {
        font-size: 16px;
        vertical-align: middle;
        display: inline-block;
    }

    .header-5 #siteNav > li:hover > .megamenu,
    .header-5 #siteNav > li:hover > .dropdown,
    .header-5 #siteNav > li .dropdown li:hover > ul {
        top: 45px;
    }

    .header-5 #siteNav > li ul.dropdown li:hover > ul {
        top: 0;
    }
}

.header-5 .search-drawer .title {
    font-size: 20px;
    margin-bottom: 10px;
}

.header-5 .search-drawer {
    padding: 30px 50px;
}

.header-6 > .d-flex {
    min-height: 80px;
}

.header-6.stickyNav > .d-flex {
    min-height: 50px;
}

.header-6 .logo a {
    float: none;
}

    .header-6 .logo a img {
        margin: 0 auto;
    }

.header-6 .menu-outer {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.header-13 {
    background-color: transparent;
    position: absolute;
    z-index: 10;
}

    .header-13 .logo a {
        float: none;
        text-align: center;
    }

    .header-13 .logo img {
        margin: 0 auto;
    }

    .header-13.stickyNav {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 100;
    }

    .header-13 #siteNav a {
        color: #fff;
        font-size: 14px;
        text-transform: none;
        padding: 0 10px;
    }

    .header-13 #siteNav > li:hover > a,
    .header-13 #siteNav > li > a:hover,
    .header-13 #siteNav > li > a:hover {
        color: #fff;
        opacity: 0.7;
    }

    .header-13 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 700 !important;
        text-transform: none;
    }

    .header-13 .search-drawer .title {
        font-size: 18px;
    }

    .header-13 #siteNav a {
        font-size: 12px;
        text-transform: uppercase;
    }

.header-13 {
    min-height: 80px;
    border-bottom: 0;
}

    .header-13.stickyNav {
        min-height: 60px;
    }

    .header-13 #siteNav > li .megamenu li.lvl-1 a.lvl-1 {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .header-13 .header-cart.iconset a,
    .header-13 .iconset {
        color: #fff;
    }

    .header-13 .site-cart-count,
    .header-13 .wishlist-count {
        color: #000;
        background-color: #fff;
    }

.header-17 .logo img {
    max-width: 100px;
}

.top-header-wrapper .top-header {
    font-size: 13px;
}

    .top-header-wrapper .top-header .text-left a {
        margin-right: 10px;
    }

    .top-header-wrapper .top-header i {
        vertical-align: middle;
    }

.index-demo2 .store-info-section {
    margin-top: -5px;
}

.index-demo2 .style2.store-info h5,
.index-demo2 .style2.store-info .h5 {
    font-size: 16px;
    text-transform: none;
}

.store-info-section {
    background-color: #fafafa;
}

.style2.store-info h5,
.style2.store-info span,
.style2.store-info,
.store-info a,
.store-info.style2 .anm {
    color: #333333;
}

    .style2.store-info h5,
    .style2.store-info .h5 {
        margin-bottom: 0;
        letter-spacing: 0;
        font-size: 14px;
    }

.store-info.style2 .anm {
    float: left;
    margin: 0 15px 0 0;
}

@media only screen and (min-width: 767px) {
    .large-pd {
        padding: 55px 0;
    }

    .small-pd {
        padding: 30px 0;
    }
}



/*======================================================================
  9. Homepage Elements
========================================================================*/

/* Video Elemnets */
.video-sec {
    position: relative;
    font-size: 0px;
}

.video-text {
    position: absolute;
}

    .video-text .ttl {
        color: #ffffff;
        font-size: 40px;
        display: block;
        margin-bottom: 15px;
    }

/* 9.1 Products With Tab Slider */
.tab-slider-product.section .section-header {
    margin-bottom: 15px;
}

.tab-slider-product .tabs {
    border: 0;
    text-align: left;
    margin: 0 0 20px;
    padding: 0;
}

    .tab-slider-product .tabs > li {
        float: none;
        display: inline-block;
        margin: 0 2px;
        cursor: pointer;
    }

    .tab-slider-product .tabs > li {
        background: none;
        border: 0;
        text-transform: none;
        letter-spacing: 0;
        color: #000;
        font-weight: 400;
        font-size: 16px;
        padding: 5px 15px;
        border-radius: 0px;
    }

        .tab-slider-product .tabs > li.active {
            color: #fff;
            background: #014491;
        }

    .tab-slider-product .tabs li:hover,
    .tab-slider-product .tabs li:focus {
        color: #fff;
        opacity: 1;
        background: #014491;
    }

.tab-slider-product .tab_container {
    clear: both;
    width: 100%;
    background: #fff;
}

.tab-slider-product .tab_content {
    display: flex;
}

.tab-slider-product .tab_drawer_heading {
    display: none;
}

.tab_container .grid-products .item {
    padding-left: 10px;
    padding-right: 10px;
}

/*.tab_container .grid-products .slick-arrow {
    width: 30px;
}*/

.tab-slider-product-style1 .tabs > li {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.02em;
    margin: 0 12px;
    position: relative;
    padding: 0;
}

    .tab-slider-product-style1 .tabs > li:after {
        width: 0;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        bottom: -6px;
        left: 0;
        z-index: 1;
        background: #111111;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
    }

    .tab-slider-product-style1 .tabs > li.active:after {
        width: 100%;
    }

    .tab-slider-product-style1 .tabs > li:hover:after {
        width: 100%;
        opacity: 1;
    }

    .tab-slider-product-style1 .tabs > li.active,
    .tab-slider-product-style1 .tabs > li:hover {
        color: #000;
        background-color: transparent;
    }

.tab-slider-product-style2 .tabs > li {
    color: #848484;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
}

    .tab-slider-product-style2 .tabs > li.active {
        color: #000;
        background: transparent;
    }

    .tab-slider-product-style2 .tabs > li:hover {
        color: #000;
        background-color: transparent;
    }

/* 9.2 Hero/Parallax Banners */
.parallax-banner-style1 .hero--exlarge {
    background-attachment: fixed;
}

.parallax-banner-style3 .hero__inner .wrap-text {
    position: relative;
    background-color: rgba(255, 255, 255, 0.7);
}

.parallax-banner-style3 .hero {
    background-attachment: fixed;
}

.hero {
    position: relative;
    height: 475px;
    display: table;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: scroll;
}

.hero__inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 35px 0;
    color: #000;
    z-index: 2;
    text-align: center;
}

.hero[data-stellar-background-ratio] {
    background-attachment: fixed;
}

.hero .text-small .mega-title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.hero .text-small .mega-subtitle {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
}

.hero .hero__inner span {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px;
    display: inline-block;
}

.hero .saleTime {
    position: static;
}

    .hero .saleTime span > span {
        color: #fff;
        font-weight: 700;
        min-width: 60px;
        padding: 6px 4px 4px;
        line-height: normal;
        display: inline-block;
        margin: 0 0 0 1px;
        text-align: center;
        background: #000;
        border-radius: 0;
    }

        .hero .saleTime span > span span {
            display: block !important;
            background: none;
            font-size: 13px;
            font-weight: 400;
            margin-top: 0;
            text-transform: uppercase;
            line-height: 16px;
            margin-top: -5px;
        }

    .hero .saleTime .time-count {
        font-size: 16px;
    }

@media only screen and (min-width:990px) {
    .hero__inner .wrap-text {
        max-width: 500px;
    }
}

.hero--large {
    height: 600px;
}

.hero--exlarge {
    height: 650px;
}

.hero--small {
    height: 380px;
}

.hero .text-large .mega-title {
    font-size: 45px;
}

.hero__inner .center {
    text-align: center;
    margin: 0 auto;
}

.hero .hero__inner .wrap-text.left {
    float: left;
}

.hero .hero__inner .wrap-text.right {
    float: right;
}

.hero .text-large .mega-subtitle {
    font-size: 20px;
}

.hero .mega-subtitle {
    margin-bottom: 25px;
}

.hero .font-bold .mega-title {
    font-weight: 700;
}

.hero__inner .right {
    float: right;
    text-align: center;
}

.hero .text-medium .mega-title {
    font-size: 35px;
}

.hero .text-medium .mega-subtitle {
    font-size: 18px;
}

@media (min-width:767px) {
    .hero .hero__inner .wrap-text {
        max-width: 700px;
        padding: 30px;
        margin: 0 auto;
    }

    .medical-demo .hero .hero__inner .wrap-text {
        max-width: 400px;
    }
}

.hero .hero__inner .wrap-text:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    left: 0px;
    top: 0px;
    z-index: -1;
}

.hero .hero__inner .wrap-text.topleft {
    position: absolute;
    left: 5%;
    top: 10%;
}

.hero .hero__inner .wrap-text.bottomleft {
    position: absolute;
    left: 5%;
    bottom: 10%;
}

.hero .hero__inner .wrap-text.bottomright {
    position: absolute;
    right: 5%;
    bottom: 10%;
}


/* 9.3 Featured Content Section */
.featured-content .col-12 {
    padding: 0;
}

.featured-content .featured-text.right {
    padding-left: 60px;
}

.featured-content .featured-text h2 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-transform: none;
}

.featured-content .featured-text p {
    font-size: 16px;
    margin-bottom: 20px;
}

.featured-content .featured-content-bg {
    margin-top: 60px !important;
}

    .featured-content .featured-content-bg .display-table-cell {
        padding: 0;
    }

        .featured-content .featured-content-bg .display-table-cell:first-of-type {
            background-color: #f4f4f4;
            text-align: center;
            padding: 60px;
        }

/* 9.4 Newletter Section */
.newsletter-section {
    background-color: #f5f5f5;
}

    .newsletter-section .section-header {
        margin-bottom: 20px;
    }

    .newsletter-section .newsletter-form .newsletter-input {
        border: 0;
        background-color: #fff;
    }

.newsletter-form .input-group__field,
.newsletter-form .input-group__btn {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.newsletter-form .input-group__btn {
    white-space: nowrap;
    width: 1%;
}

/* 9.5 Testimonial Slider */
.quote-wraper {
    background: #f5f5f5;
    padding: 40px;
}

.quotes-slider .author-pic {
    margin-bottom: 20px;
    display: block;
}

    .quotes-slider .author-pic img {
        border-radius: 50%;
        margin: 0 auto;
    }

.quotes-slider blockquote {
    border: 0;
    max-width: 700px;
    margin: 0 auto;
    line-height: 26px;
}

.quotes-slider__text {
    font-size: 1.13462em;
    font-weight: 400;
    font-style: normal;
    padding: 0 15px;
}

.quotes-slider .authour {
    color: #555;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    line-height: 18px;
}

.quotes-slider__text p {
    margin-bottom: 30px;
}

.quotes-slider .slick-arrow {
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: -30px;
    height: 35px;
    line-height: 34px;
    width: 35px;
    text-align: center;
    font-size: 0px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .quotes-slider .slick-arrow:before {
        line-height: 35px;
    }

.quotes-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.quotes-slider .slick-prev {
    left: -10px;
}

.quotes-slider .slick-next {
    right: -10px;
}

.testimonial-slider-style1 {
    background: url(../images/slideshow-banner/dome13-banner2.jpg) no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: cover;
    background-attachment: fixed;
}

    .testimonial-slider-style1.quote-wraper {
        padding: 90px 40px;
    }

    .testimonial-slider-style1 .section-header h2 {
        color: #fff;
    }

    .testimonial-slider-style1 .rte-setting,
    .testimonial-slider-style1 .quotes-slider .authour {
        color: #fff;
        font-size: 16px;
    }

/* 9.6 Info/Simple Text Section */
.section.info-section {
    padding: 15px;
}

.info-section {
    color: #fff;
    font-size: 16px;
    background-color: #111111;
    padding: 20px 10px;
}

    .info-section a {
        color: #fff;
        letter-spacing: 0.5px;
    }

        .info-section a:hover {
            color: #f06543
        }

/* 9.7 Instagram Section */
.index-demo4 .home-instagram {
    padding-top: 30px;
}

.home-instagram #instafeed .insta-img {
    position: relative;
    display: block;
    padding: 0;
    float: left;
    width: 20%;
}

    .home-instagram #instafeed .insta-img a {
        margin: 0 1px 2px;
        display: block;
        overflow: hidden;
    }

    .home-instagram #instafeed .insta-img img {
        display: block;
        width: 100%;
    }

.home-instagram #instafeed .overlay {
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
}

.home-instagram #instafeed .insta-img:hover .overlay {
    opacity: 1;
    visibility: visible;
}

.home-instagram #instafeed .counter {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    text-align: center;
}

    .home-instagram #instafeed .counter span {
        padding: 0 4px;
    }

    .home-instagram #instafeed .counter .anm {
        color: #fff;
        margin-right: 5px;
    }

    .home-instagram #instafeed .counter span {
        padding: 0 4px;
        color: #fff;
    }

.instagram-section .slick-prev,
.instagram-section .slick-next {
    background-color: rgba(255, 255, 255, 0.6);
    opacity: 0;
    visibility: hidden;
}

.instagram-section:hover .slick-prev,
.instagram-section:hover .slick-next {
    opacity: 1;
    visibility: visible;
}

.instagram-section .instagram-item,
.instagram-grid .instagram-item {
    padding: 0 5px;
}

    .instagram-section .instagram-item a,
    .instagram-grid .instagram-item a {
        position: relative;
        height: 100%;
        display: block;
        overflow: hidden;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
    }

        .instagram-section .instagram-item a img,
        .instagram-grid .instagram-item a img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            transition: 800ms ease 0s;
            -ms-transition: 800ms ease 0s;
            -webkit-transition: 800ms ease 0s;
            opacity: 1 !important;
        }

    .instagram-section .instagram-item .ins-icon,
    .instagram-grid .instagram-item .ins-icon {
        font-size: 24px;
        line-height: 1;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        transition: transform .3s ease;
        -webkit-transition: transform .3s ease;
        -ms-transition: transform .3s ease;
        width: 100%;
        height: 100%;
        display: inline-flex;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
    }

    .instagram-section .instagram-item:hover .ins-icon,
    .instagram-grid .instagram-item:hover .ins-icon {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        z-index: 3;
    }

    .instagram-section .instagram-item:hover a:before,
    .instagram-grid .instagram-item:hover a:before {
        content: '';
        background-color: rgba(0, 0, 0, 0.5);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

    .instagram-section .instagram-item:hover img,
    .instagram-grid .instagram-item:hover img {
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
    }

.instagram-grid ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .instagram-grid ul > li {
        list-style: none;
        padding: 0;
        margin: 0 0 10px;
    }

.instagram-grid .instagram-item {
    width: 16%;
    float: left;
}

.instagram-grid-style2.instagram-grid ul > li {
    margin: 0;
}

.instagram-grid-style2 .instagram-item {
    width: 25%;
    float: left;
    padding: 0;
}

/* 9.8 Miniproduct List Section */
.mini-product .column-ttl {
    font-size: 17px;
    text-transform: uppercase;
    margin: 0 0 25px;
}

.mini-product .mini-list-item {
    margin-bottom: 20px;
    display: flex;
    display: -webkit-flex;
}

    .mini-product .mini-list-item .mini-view_image {
        width: 35%;
        max-width: 100px;
        float: left;
        overflow: hidden;
    }

    .mini-product .mini-list-item .details {
        margin-left: 0;
        padding-left: 15px;
    }

    .mini-product .mini-list-item .mini-view_image img {
        max-width: 100px;
    }

    .mini-product .mini-list-item .product-review .fa {
        font-size: 13px;
        margin: 0;
    }

/* 9.9 Homepage Slideshow */
.slideshow-wrapper {
    position: relative;
}

.slideshow .slide {
    position: relative;
}

.slideshow .wrap-caption.center {
    max-width: 1200px;
    text-align: center;
}

.slideshow .slideshow__text-content.center {
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .slideshow .slideshow__text-content.center .wrap-caption.center {
        display: block;
    }

.slideshow .wrap-caption.right {
    float: right;
    text-align: right;
}

.slideshow .wrap-caption.left {
    float: left;
    text-align: left;
}

.left .slideshow__text-content {
    left: 7%;
    text-align: center;
}

.container.left .slideshow__text-content {
    left: auto;
}

.right .slideshow__text-content {
    right: 7%;
    text-align: center;
}

.slideshow__text-content {
    position: absolute;
    max-width: 600px;
    width: 50%;
    top: 50%;
    z-index: 3;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slideshow .wrap-caption {
    display: inline-block;
    padding: 25px;
}

/* Slide Caption Animation */
.slideshow__text-wrap .anim-tru.style1 {
    opacity: 0;
    -ms-transition: 1s all 100ms;
    -webkit-transition: 1s all 100ms;
    transition: 1s all 100ms;
    -webkit-transition: 1s all 100ms;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}

.slick-active .slideshow__text-content .anim-tru.style1 {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}

.slideshow__text-content.bottom {
    top: auto;
    bottom: 10%;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.slideshow__text-content.top {
    top: 10%;
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
}

.slick-active .slideshow__text-content {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
}

    .slick-active .slideshow__text-content.bottom {
        top: auto;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .slick-active .slideshow__text-content.top {
        -ms-transform: translateY(-5%);
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }

.slideshow .topcenter .slideshow__text-content {
    left: 50%;
    top: 5%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.slideshow .bottomcenter .slideshow__text-content {
    top: inherit;
    left: 50%;
    bottom: 5%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

/* End Slide Caption Animation */
.slideshow .slideshow__title {
    color: #000000;
    font-weight: 700;
    font-size: 50px;
    text-transform: none;
    line-height: 1.1;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0);
}

.slideshow .slideshow__subtitle {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    margin-bottom: 20px;
    line-height: 1.2;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0);
    display: block;
}

.slideshow__text-wrap {
    height: 100%;
}

.slideshow .whiteText .slideshow__title,
.slideshow .whiteText .slideshow__subtitle,
.slideshow .whiteText .mega-small-title {
    color: #fff;
}

.slick-active .slideshow__image.img-animate {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.slideshow__image.img-animate {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.slideshow__overlay.bottom:before {
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.slideshow__overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 3;
}

.slideshow .slick-slide img {
    width: 100%;
}

.slideshow .slick-prev,
.slideshow .slick-next {
    line-height: normal;
    font-size: 0px;
    padding: 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 4;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    -ms-transition: all ease-out 0.2s;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.slideshow:hover .slick-prev,
.slideshow:hover .slick-next {
    opacity: 0.75;
    visibility: visible;
    opacity: 0.7;
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.slideshow .slick-prev {
    left: 10px;
}

.slideshow .slick-next {
    right: 10px;
}

    .slideshow .slick-next:before {
        content: "\ea8c";
        font-family: "annimex-icons";
        color: #000;
    }

.slideshow .slick-prev:before {
    content: "\ea8b";
    font-family: "annimex-icons";
    color: #000;
}

.slideshow .slick-prev:before,
.slideshow .slick-next:before {
    font-size: 20px;
    line-height: 20px;
}

.slideshow .btn {
    color: #fff;
    background-color: #5a0202;
}

    .slideshow .btn:hover,
    .slideshow .btn:focus {
        opacity: 0.8;
    }

.slideshow .slick-dots {
    margin: 0;
    width: auto;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

    .slideshow .slick-dots li {
        width: 12px;
        height: 12px;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        padding: 0;
        cursor: pointer;
        margin-right: 8px;
    }

        .slideshow .slick-dots li button {
            color: transparent;
            line-height: 0;
            font-size: 0;
            border: 0;
            background: transparent;
            display: block;
            cursor: pointer;
            color: #fff;
            width: 12px;
            height: 12px;
            text-indent: -9999px;
            padding: 0;
            border-radius: 100%;
            background-color: #fff;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
            -ms-transition: all 0.2s;
            opacity: 0.5;
        }

        .slideshow .slick-dots li.slick-active button {
            opacity: 1;
        }

.slideshow img.mobile-hide {
    display: none;
}

.slideshow.style2 .slideshow__title {
    font-size: 42px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.slideshow.style2 .mega-small-title {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.slideshow.style2 .slideshow__subtitle {
    font-size: 15px;
    line-height: normal;
}

.slideshow.style2 .btn {
    color: #fff;
    padding: 5px 15px;
    border: 2px solid #000;
}

    .slideshow.style2 .btn:hover,
    .slideshow.style2 .btn:focus {
        color: #000;
        border-color: #000;
        background-color: transparent;
    }

.slideshow-carousel.slideshow .slick-prev,
.slideshow-carousel.slideshow .slick-next {
    opacity: 0.9;
    background-color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.home-slideshow-carousel.slick-slider {
    margin: 0 -6px;
}

.home-slideshow-carousel .slick-slide {
    margin: 0 6px 12px;
}

.home-slideshow-carousel .slide .img {
    position: relative;
    overflow: hidden;
}

    .home-slideshow-carousel .slide .img img {
        display: block;
        width: 100%;
        -ms-transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

.home-slideshow-carousel .slide .details {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .home-slideshow-carousel .slide .details h3 {
        color: #000;
        font-size: 20px;
        line-height: 1.3;
        margin: 0;
        font-weight: 600;
        text-transform: uppercase;
    }

    .home-slideshow-carousel .slide .details .btn {
        background-color: #e34848;
        display: inline-block;
        margin-top: 15px;
        font-size: 12px;
        padding: 10px 25px;
    }

        .home-slideshow-carousel .slide .details .btn:hover {
            background-color: #000;
            opacity: 1;
        }

    .home-slideshow-carousel .slide .details:before {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: #ffffff;
        opacity: 0.8;
    }

.home-slideshow-carousel .slide:hover .details {
    opacity: 1;
    visibility: visible;
}

.home-slideshow-carousel .slide .inner {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 15px;
}

.home-slideshow-carousel .slide:hover .img img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.slideshow-carousel.style2 .slick-slide {
    margin: 0;
}

.slideshow-carousel.style2 .slide .details {
    height: auto;
    top: auto;
    bottom: 20px;
    opacity: 1;
    visibility: visible;
}

    .slideshow-carousel.style2 .slide .details h3 {
        color: #fff;
        font-size: 32px;
        margin: 0;
        font-weight: 400;
    }

    .slideshow-carousel.style2 .slide .details:before {
        display: none;
    }

.slideshow-carousel.style2 .slide .inner {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.mega-subtitle ul {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.mega-subtitle li {
    line-height: 1.5;
    position: relative;
    padding-left: 20px
}

    .mega-subtitle li:before {
        position: absolute;
        left: 0;
        content: "\ea7f";
        font-family: "annimex-icons";
        font-size: 14px;
        top: 50%;
        margin-top: -10px
    }

/* 9.10 Collection Slider */
.collection-slider .collection-grid-item {
    margin: 0 10px;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: auto !important;
}

    .collection-slider .collection-grid-item .img {
        position: relative;
        overflow: hidden;
    }

        .collection-slider .collection-grid-item .img img {
            display: block;
            width: 100%;
            -ms-transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
        }

    .collection-slider .collection-grid-item:hover .img img {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.collection-slider .slick-arrow {
    opacity: 0;
    visibility: hidden;
    width: 30px;
    height: 30px;
}

.collection-slider:hover .slick-arrow {
    color: #000;
    opacity: 1;
    visibility: visible;
}

.collection-slider .collection-grid .slick-prev {
    left: 10px;
}

.collection-slider .collection-grid .slick-next {
    right: 10px;
}

.collection-slider-full .collection-grid-slider {
    padding: 0 40px;
}

.collection-slider-full .slick-prev {
    left: 40px;
}

.collection-slider-full .slick-next {
    right: 40px;
}

.collection-slider-full .collection-grid-slider .collection-item {
    position: relative;
}

.collection-slider-full .collection-grid-slider .details {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: auto;
}

    .collection-slider-full .collection-grid-slider .details:before {
        background: #ffffff;
        opacity: 0.9;
    }

    .collection-slider-full .collection-grid-slider .details .collection-item-title {
        color: #333333;
    }

.collection-slider-full .collection-slider-4items.caption-on-image .slick-slide {
    padding: 15px;
}

.collection-slider-full .collection-slider-4items.caption-on-image .collection-item {
    position: relative;
}

.collection-slider-full .collection-slider-4items.caption-on-image .details {
    color: #000;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: auto;
    text-align: center;
    margin: 0 auto;
}

    .collection-slider-full .collection-slider-4items.caption-on-image .details.wd-70 {
        width: 70%;
    }

    .collection-slider-full .collection-slider-4items.caption-on-image .details .collection-item-title {
        color: #333333;
        margin-bottom: 5px;
    }

    .collection-slider-full .collection-slider-4items.caption-on-image .details .inner {
        background: #ffffff;
        padding: 20px;
    }

.collection-slider-full .collection-slider-4items.caption-on-image .collection-item .img {
    position: relative;
    overflow: hidden;
}

    .collection-slider-full .collection-slider-4items.caption-on-image .collection-item .img img {
        display: block;
        width: 100%;
        -ms-transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

.collection-slider-full .collection-slider-4items.caption-on-image .collection-item:hover .img img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* 9.11 Brands Logo Slider */
.logo-bar__item:hover {
    opacity: 0.6;
}

.logo-bar .slick-arrow {
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.logo-bar:hover .slick-arrow {
    color: #000;
    opacity: 1;
}

.logo-bar .slick-prev {
    left: 0;
}

.logo-bar .slick-next {
    right: -5px;
}

.logo-bar .slick-slide img {
    margin: 0 auto;
}

.logo-bar .slick-prev,
.logo-bar .slick-next {
    text-align: center;
    font-size: 0px;
    height: 30px;
    width: 30px;
    line-height: 29px;
    border-radius: 50%;
    opacity: 1 !important;
}


/* 9.12 Home Blog Post */
.home-blog-post {
    background-color: #fafafa;
    padding: 50px 0;
}

.home-blog-post-style1 {
    background-color: #fff;
}

.blogpost-item {
    width: auto !important;
    margin: 0 10px 10px;
}

    .blogpost-item .post-thumb {
        display: block;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }

        .blogpost-item .post-thumb img {
            display: block;
            width: 100%;
            -ms-transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
        }

    .blogpost-item:hover .post-thumb img {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .blogpost-item .post-detail {
        text-align: center;
    }

    .blogpost-item .article-excerpt {
        font-size: 14px;
        margin-top: 10px;
    }

    .blogpost-item .publish-detail {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .blogpost-item .publish-detail li {
            display: inline-block;
            padding: 0;
        }

            .blogpost-item .publish-detail li a {
                color: #101010;
            }

                .blogpost-item .publish-detail li a:hover {
                    text-decoration: none;
                }

    .blogpost-item .post-detail .excerpt {
        margin: 15px 0;
    }

.home-blog-post .slick-arrow {
    opacity: 0;
    visibility: hidden;
    width: 30px;
    height: 30px;
}

.home-blog-post:hover .slick-arrow {
    color: #000;
    opacity: 1;
    visibility: visible;
}

.home-blog-post .slick-prev {
    left: 10px;
}

.home-blog-post .slick-next {
    right: 10px;
}

.home-blog-post-style1 .blogpost-item .post-detail .post-title {
    font-weight: normal;
    font-size: 15px;
}

.home-blog-post-style1 .blogpost-item .post-thumb {
    margin-bottom: 20px;
}

.home-blog-post-style1 .blogpost-item .publish-detail {
    font-size: 13px;
}

    .home-blog-post-style1 .blogpost-item .publish-detail li {
        padding: 0;
    }

/* 9.13 Store Features */
.store-features {
    background-color: #5a0202;
    padding: 30px 0;
}

.store-info .anm {
    float: left;
    margin: 0 15px 0 0;
    font-size: 40px;
    vertical-align: middle;
    display: block;
}

.store-info h5,
.store-info .h5 {
    margin-bottom: 5px;
    letter-spacing: 0.05em;
    font-size: 14px;
    text-transform: uppercase;
}

.store-info h5,
.store-info p,
.store-info,
.store-info a {
    color: #ffffff;
}

    .store-info p {
        display: block;
        padding-left: 55px;
    }

    .store-info.style3 {
        background-color: #f5f5f5;
    }

        .store-info.style3 li {
            text-align: center;
        }

        .store-info.style3 h5 {
            font-weight: normal;
            margin-bottom: 3px;
        }

        .store-info.style3 h5,
        .store-info.style3 p,
        .store-info.style3,
        .store-info.style3 a {
            color: #000;
        }

            .store-info.style3 p {
                padding: 0;
            }

            .store-info.style3 .anm {
                float: none;
                font-size: 40px;
                vertical-align: middle;
                display: block;
                margin-bottom: 20px;
            }

    .store-info.style4 {
        background-color: #fff;
    }

        .store-info.style4 li {
            text-align: center;
        }

        .store-info.style4 h5 {
            font-weight: 600;
            margin-bottom: 3px;
        }

        .store-info.style4 h5,
        .store-info.style4 p,
        .store-info.style4,
        .store-info.style4 a {
            color: #000;
        }

            .store-info.style4 p {
                padding: 0;
            }

            .store-info.style4 .anm {
                color: #139ddd;
                float: none;
                font-size: 40px;
                vertical-align: middle;
                display: block;
                margin: 0 0 20px;
            }

    .store-info.style5 {
        background-color: #fff;
    }

        .store-info.style5 li {
            text-align: center;
            padding: 0 20px;
        }

        .store-info.style5 h5 {
            color: #776657;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .store-info.style5 p,
        .store-info.style5,
        .store-info.style5 a {
            color: #000;
        }

            .store-info.style5 p {
                padding: 0;
                font-size: 15px;
            }

            .store-info.style5 img {
                display: block;
                margin: 0 auto 20px;
            }

    .store-info.style6 {
        background-color: #eeeeee;
        padding: 50px 0;
    }

        .store-info.style6 li {
            text-align: center;
            padding: 0 30px;
        }

        .store-info.style6 h5 {
            font-weight: bold;
            margin-bottom: 10px;
            font-size: 20px;
            text-transform: none;
            letter-spacing: 0;
        }

        .store-info.style6 h5,
        .store-info.style3 p,
        .store-info.style3,
        .store-info.style3 a {
            color: #000;
        }

        .store-info.style6 p {
            padding: 0;
            color: #000;
            font-size: 15px;
        }

        .store-info.style6 .anm {
            float: none;
            font-size: 40px;
            vertical-align: middle;
            display: block;
            margin-bottom: 20px;
        }

        .store-info.style6 img {
            margin-bottom: 20px;
        }

/* 9.14 Promotion Product Popup */
.product-notification {
    display: block;
    width: 270px;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0 7px 2px rgba(158, 158, 158, 0.2);
    box-shadow: 0px 0 7px 2px rgba(158, 158, 158, 0.2);
    margin: 10px;
    position: fixed;
    bottom: 0;
    -webkit-animation: movebottom 15s infinite;
    animation: movebottom 15s infinite;
    z-index: 99;
}

    .product-notification img {
        height: 70px;
    }

    .product-notification h5 {
        color: #666;
        font-size: 10px;
    }

    .product-notification .pname {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .product-notification .detail {
        font-size: 11px;
        line-height: 1.2;
        margin: 0;
        color: #666;
    }

    .product-notification .media-body {
        padding-left: 10px;
    }

    .product-notification p {
        margin: 0 0 10px;
    }

    .product-notification .close {
        font-size: 13px !important;
        cursor: pointer;
        position: absolute;
        right: 7px;
        top: 6px;
        z-index: 99;
    }

@-webkit-keyframes movebottom {
    0% {
        display: block;
        bottom: -200px;
    }

    25% {
        bottom: 0px;
    }

    75% {
        bottom: 0px;
    }

    100% {
        display: none;
        bottom: -200px;
    }
}

@keyframes movebottom {
    0% {
        display: block;
        bottom: -200px;
    }

    25% {
        bottom: 0px;
    }

    75% {
        bottom: 0px;
    }

    100% {
        display: none;
        bottom: -200px;
    }
}


.instagram_gallery img {
    padding: 5px;
}

/* 9.15 Custom Content */
.custom-content-section .col-lg-6 {
    margin-bottom: 30px;
}

.custom-content-section .section-header {
    margin-bottom: 10px;
}

.custom-content-section .custom-details {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}

    .custom-content-section .custom-details p {
        margin-bottom: 20px;
    }

/* 9.16 Instagram Shop */
.instagram-shop {
    margin-top: 20px;
}

    .instagram-shop .row {
        margin-left: -8px;
        margin-right: -8px;
    }

        .instagram-shop .row .col-6 {
            padding: 0 8px;
            margin-bottom: 16px;
        }

    .instagram-shop .insta-item img {
        display: block;
        -ms-transition: all ease-out 0.5s;
        -webkit-transition: all ease-out 0.5s;
        transition: all ease-out 0.5s;
    }

    .instagram-shop .insta-item {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .instagram-shop .insta-item:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
        }

        .instagram-shop .insta-item:after {
            content: '\e931';
            font-family: 'annimex-icons';
            display: inline-block;
            position: absolute;
            right: 10px;
            bottom: 10px;
            font-size: 15px;
            background-color: rgba(0, 0, 0, 0.18);
            border-radius: 100px;
            -webkit-border-radius: 100px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }


/*======================================================================
  10. Collection Banner Grid
========================================================================*/
.collection-banners {
    margin-top: 15px;
}

    .collection-banners .row {
        margin-left: -10px;
        margin-right: -10px;
    }

        .collection-banners .row .banner-item {
            padding-left: 10px;
            padding-right: 10px;
        }

    .collection-banners .collection-grid-item {
        position: relative;
        overflow: hidden;
    }

        .collection-banners .collection-grid-item img {
            display: block;
            width: 100%;
            -ms-transition: all ease-out 0.5s;
            -webkit-transition: all ease-out 0.5s;
            transition: all ease-out 0.5s;
        }

        .collection-banners .collection-grid-item:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            border-radius: 0px;
            border: 0px;
            -ms-transform: scale(1.1);
        }

    .collection-banners .details {
        background-color: #fff;
        color: #000;
        width: 50%;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        bottom: 30px;
        right: 0;
        padding: 20px;
        text-align: center;
    }

        .collection-banners .details .title {
            margin: 0;
            font-size: 16px;
            text-transform: uppercase;
        }

        .collection-banners .details p {
            margin: 5px 0 0;
        }

        .collection-banners .details .btn {
            font-size: 12px;
            padding: 5px 15px;
            margin-top: 10px;
        }

.banner-item:after,
.collection-page-item:after {
    content: '';
    display: block;
    clear: both;
}

.grid-sizer,
.banner-item,
.collection-page-item {
    width: 50%;
}

    .grid-sizer.grid-5col,
    .collection-banners.style4 .collection-page-item {
        width: 20%;
    }

    .grid-sizer.grid-6col,
    .collection-banners.style5 .collection-page-item {
        width: 16.66667%;
    }

    .grid-sizer.grid-7col,
    .collection-banners.style6 .collection-page-item {
        width: 14.28571%;
    }

@media (min-width:576px) and (max-width: 767px) {

    .grid-sizer,
    .banner-item,
    .collection-page-item {
        width: 50%;
    }

        .grid-sizer.grid-5col,
        .collection-banners.style4 .collection-page-item,
        .grid-sizer.grid-6col,
        .collection-banners.style5 .collection-page-item,
        .grid-sizer.grid-7col,
        .collection-banners.style6 .collection-page-item {
            width: 33.33%;
        }
}

.banner-item,
.collection-page-item {
    float: left;
    margin-bottom: 20px;
}

    .banner-item img,
    .collection-page-item img {
        display: block;
        max-width: 100%;
    }

.collection-page-grid .collection-page-item {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.collection-grid-item .collection-grid-item__link {
    opacity: 1;
}

.collection-grid-item .details {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 1;
    padding: 15px;
    width: 100%;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .collection-grid-item .details:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        z-index: -1;
    }

    .collection-grid-item .details .inner {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
    }

.collection-grid-item__title {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 600;
    display: block;
}

.collection-grid-item .counts {
    color: #fff;
    font-size: 13px;
    display: block;
}

.collection-grid-item:hover .details {
    opacity: 0.8;
}

.collection-banners.style0 .collection-grid-item .details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 1;
    padding: 15px;
    width: 100%;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .collection-banners.style0 .collection-grid-item .details:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        z-index: -1;
    }

.collection-banners.style0 .collection-grid-item:hover .details {
    opacity: 0.8;
}

.collection-banners.style0 .collection-grid-item .details .inner {
    position: static;
}

.collection-banners.style1 .collection-grid-item .overlay {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.collection-banners.style1 .collection-grid-item:hover .overlay {
    visibility: visible;
    opacity: 1;
}

.collection-banners.style1 .collection-grid-item .details {
    opacity: 1;
    visibility: visible;
    height: auto;
    top: auto;
    width: auto;
}

    .collection-banners.style1 .collection-grid-item .details.transparent {
        background-color: transparent;
    }

    .collection-banners.style1 .collection-grid-item .details:before {
        display: none;
    }

    .collection-banners.style1 .collection-grid-item .details.wd-70 {
        width: 70%;
    }

    .collection-banners.style1 .collection-grid-item .details.wd-90 {
        width: 90%;
    }

    .collection-banners.style1 .collection-grid-item .details .inner {
        position: static;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
    }

.collection-banners.style1 .collection-banners .details p {
    margin-top: 10px;
}

.collection-banners.style2 .collection-grid-item .details {
    text-align: center;
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    height: auto;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.collection-banners.style2 .collection-grid-item:hover .details {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.collection-banners.style2 .collection-grid-item__title,
.collection-banners.style3 .collection-grid-item__title {
    font-size: 15px;
}

.collection-banners.style3 .collection-page-item {
    margin-bottom: 30px;
}

.collection-banners.style3 .collection-grid-item .details {
    color: #000000;
    position: relative;
    opacity: 1;
    visibility: visible;
    margin-top: -40px;
    width: 94%;
}

    .collection-banners.style3 .collection-grid-item .details:before,
    .collection-banners.style4 .collection-grid-item .details:before,
    .collection-banners.style5 .collection-grid-item .details:before,
    .collection-banners.style6 .collection-grid-item .details:before {
        display: none;
    }

.collection-banners.style3 .collection-grid-item .collection-grid-item__title,
.collection-banners.style3 .collection-grid-item .counts {
    color: #000000;
}

.collection-banners.style4 .collection-grid-item .details,
.collection-banners.style5 .collection-grid-item .details,
.collection-banners.style6 .collection-grid-item .details {
    padding: 10px;
    width: auto;
    height: auto;
    top: auto;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: 1;
    visibility: visible;
    background: rgba(255, 255, 255, 0.8);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.collection-banners.style4 .collection-grid-item__title,
.collection-banners.style5 .collection-grid-item__title,
.collection-banners.style6 .collection-grid-item__title {
    color: #000000;
    font-size: 15px;
}

.collection-banners.style6 .collection-grid-item .details {
    background: #000;
    position: static;
}

.collection-banners.style6 .collection-grid-item__title {
    color: #ffffff;
}

.category-6col-page .container-fluid,
.category-7col-page .container-fluid {
    padding: 0;
}

.collection-banners.style5 .collection-grid-item__title {
    font-family: 'Montserrat', sans-serif;
}

.collection-box {
    background-color: #f5f5f5;
}

.collection-grid-slider {
    margin: 0 -7.5px;
}

    .collection-grid-slider .slick-slide {
        margin: 0 7.5px;
    }

    .collection-grid-slider .collection-item .img {
        position: relative;
        overflow: hidden;
    }

        .collection-grid-slider .collection-item .img img {
            display: block;
            width: 100%;
            -ms-transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
        }

    .collection-grid-slider .collection-item:hover .img img {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .collection-grid-slider .details {
        z-index: 1;
        position: relative;
        padding: 15px;
        width: 100%;
        text-align: center;
        -ms-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        .collection-grid-slider .details:before {
            position: absolute;
            left: 0;
            top: 0;
            content: "";
            width: 100%;
            height: 100%;
            background: #111111;
            opacity: 1;
            z-index: -1;
        }

        .collection-grid-slider .details .collection-item-title {
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
            margin: 0;
        }

    .collection-grid-slider .slick-arrow {
        background-color: rgba(255, 255, 255, 0.75);
        opacity: 0;
        visibility: hidden;
    }

    .collection-grid-slider:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
    }

.collection-banner-grid {
    background-color: inherit;
}

    .collection-banner-grid .collection-item {
        margin-bottom: 30px;
    }

    .collection-banner-grid .details {
        background-color: rgba(88, 195, 141, 0.7);
        padding: 15px;
        text-align: center;
    }

    .collection-banner-grid .collection-item-title {
        font-size: 15px;
    }

.collection-slider-4items .slick-list {
    margin-left: -5px;
    margin-right: -5px;
}

.collection-slider-4items .slick-slide {
    padding: 5px;
}

.collection-slider-4items .slick-arrow {
    background-color: rgba(255, 255, 255, 0.9);
}

.collection-slider-4items .slick-prev {
    left: 0;
}

.collection-slider-4items .slick-next {
    right: 0;
}

.imgBanners .inner * {
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.imgBanners .row {
    margin-left: -10px;
    margin-right: -10px;
}

    .imgBanners .row .img-banner-item {
        padding-left: 10px;
        padding-right: 10px;
    }

.imgBanners .inner {
    position: relative;
    overflow: hidden;
}

    .imgBanners .inner img {
        display: block;
        width: 100%;
    }

.imgBanners .imgBanner-grid-item {
    position: relative;
    overflow: hidden;
}

    .imgBanners .imgBanner-grid-item img {
        display: block;
        object-fit: cover;
        height: 315px;
        object-position: top;
        width: 100%;
        -ms-transition: all ease-out 0.5s;
        -webkit-transition: all ease-out 0.5s;
        transition: all ease-out 0.5s;
    }

    .imgBanners .imgBanner-grid-item:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

.imgBanners .inner .ttl {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    line-height: 25px;
    font-size: 17px;
    display: inline-block;
    padding: 10px 20px;
    max-width: 80%;
    position: absolute;
    z-index: 1;
}

.imgBanners .inner.btmleft .ttl {
    left: 20px;
    bottom: 20px;
    text-align: left;
}

.imgBanners .inner.topleft .ttl {
    left: 20px;
    top: 20px;
    text-align: left;
}

.imgBanners .inner.topright .ttl {
    right: 20px;
    top: 20px;
    text-align: right;
}

.imgBanners .inner.middle .ttl {
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.imgBanners .inner.center .ttl {
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    margin: 0 auto;
}

.imgBanners .img-banner-item.last .imgBanner-grid-item {
    margin-bottom: 20px;
}

    .imgBanners .img-banner-item.last .imgBanner-grid-item + .imgBanner-grid-item {
        margin-bottom: 0;
    }

.imgBanners .details {
    display: inline-block;
    position: absolute;
    z-index: 1;
    padding: 15px;
    width: auto;
    background-color: #fff;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .imgBanners .details .title {
        color: #000;
        margin-bottom: 5px;
    }

    .imgBanners .details p {
        margin-bottom: 10px;
    }

    .imgBanners .details .tt-small {
        display: block;
    }

    .imgBanners .details .ttl {
        display: inline-block;
    }

    .imgBanners .details.w-60 {
        width: 60%;
    }

    .imgBanners .details.w-70 {
        width: 70%;
    }

    .imgBanners .details.center {
        left: 0;
        right: 0;
        bottom: 20px;
        text-align: center;
        margin: 0 auto;
    }

    .imgBanners .details.left {
        left: 20px;
        right: auto;
        bottom: 20px;
        text-align: left;
        margin: 0 auto;
    }

    .imgBanners .details.right {
        left: auto;
        right: 20px;
        bottom: 20px;
        text-align: right;
        margin: 0 auto;
    }

    .imgBanners .details.left-top {
        left: 20px;
        right: auto;
        bottom: auto;
        top: 30px;
        text-align: left;
        margin: 0 auto;
    }

.index-demo3 .imgBanners.style2 .row {
    margin-left: -5px;
    margin-right: -5px;
}

    .index-demo3 .imgBanners.style2 .row .img-banner-item {
        padding-left: 5px;
        padding-right: 5px;
    }

.index-demo3 .imgBanners.style2 .img-banner-item {
    margin-bottom: 10px;
}

    .index-demo3 .imgBanners.style2 .img-banner-item .title {
        color: #000;
        font-size: 18px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

.index-demo3 .imgBanners.style2 .details p {
    margin-bottom: 10px;
}

.index-demo3 .imgBanners.style2 .btn {
    font-size: 12px;
}

.imgBanners.style2 {
    margin-top: 10px;
}

    .imgBanners.style2 .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .imgBanners.style2 .banner-item {
        padding-right: 5px;
    }

        .imgBanners.style2 .banner-item:nth-of-type(1) {
            padding-left: 0;
            margin-bottom: 0;
        }

        .imgBanners.style2 .banner-item:nth-of-type(2) {
            padding-right: 0;
            padding-left: 5px;
            margin-bottom: 0;
        }

    .imgBanners.style2 .details .title {
        font-size: 20px;
        margin: 0 0 5px;
    }

.imgBanners.style3 .details {
    background-color: transparent;
}

    .imgBanners.style3 .details .title {
        color: #000;
        font-size: 24px;
        margin: 0;
        text-transform: uppercase;
    }

    .imgBanners.style3 .details .tt-small {
        font-size: 14px;
        margin-bottom: 5px;
    }

.imgBanners.style4 .inner .img {
    position: relative;
    overflow: hidden;
}

.imgBanners.style4 .details {
    position: static;
    text-align: center;
    width: 100%;
}

    .imgBanners.style4 .details .title {
        font-size: 26px;
        font-weight: normal;
    }

.imgBanners.style4 .imgBanner-grid-item:hover img {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    opacity: 0.8;
}

.imgBanners.style4 .details p {
    margin-bottom: 15px;
}

.imgBanners.style5 .details {
    padding: 0;
    background-color: transparent;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

    .imgBanners.style5 .details .ttl {
        margin: 0;
        background: #fff;
        font-size: 15px;
        display: inline-block;
        padding: 10px 20px;
    }

.imgBanners.style5 .row + .row {
    margin-top: 20px;
}

    .imgBanners.style5 .row + .row .col-12 {
        margin-bottom: 20px;
    }

.imgBanners.style6 {
    margin-top: 20px;
}

    .imgBanners.style6 .row .img-banner-item.last {
        margin-top: 20px;
    }

    .imgBanners.style6 .inner .ttl {
        font-size: 15px;
        font-weight: bold;
        background-color: transparent;
        padding: 5px 10px;
    }

.imgBanners.style7 .ttl {
    background-color: transparent;
    line-height: normal;
}

    .imgBanners.style7 .ttl .tt-small {
        font-size: 14px;
        display: block;
    }

    .imgBanners.style7 .ttl .tt-big {
        font-size: 23px;
        line-height: 35px;
    }

.imgBanners.style8 .img {
    position: relative;
    overflow: hidden;
}

.imgBanners.style8 .details {
    position: static;
    width: 100%;
}

.collection-banners.style2 .imgBanner-grid-item {
    position: relative;
}

    .collection-banners.style2 .imgBanner-grid-item .img {
        position: relative;
        overflow: hidden;
    }

    .collection-banners.style2 .imgBanner-grid-item img {
        -ms-transition: all ease-out 0.4s;
        -webkit-transition: all ease-out 0.4s;
        transition: all ease-out 0.4s;
    }

    .collection-banners.style2 .imgBanner-grid-item:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    .collection-banners.style2 .imgBanner-grid-item .details {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        margin: -30px auto;
        background: transparent;
        width: 100%;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    .collection-banners.style2 .imgBanner-grid-item:hover .details {
        opacity: 1;
        visibility: visible;
    }

.lookbook {
    margin: 0 -5px;
}

    .lookbook .collection-grid-item {
        position: relative;
        overflow: visible;
    }

    .lookbook .grid-lookbook {
        float: left;
        padding: 5px;
    }

    .lookbook .collection-grid-item.gallery {
        overflow: hidden;
    }

    .lookbook a {
        opacity: 1;
    }

    .lookbook .zoom-img {
        text-align: center;
        border-radius: 2px;
        display: block;
        width: 31px;
        height: 28px;
        opacity: 0;
        visibility: hidden;
        -ms-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        cursor: pointer;
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 9;
        background-color: #fff;
    }

    .lookbook .grid-lookbook:hover .zoom-img {
        opacity: 1;
        visibility: visible;
    }

    .lookbook .zoom-img .anm {
        color: #111111;
        font-size: 19px;
        line-height: 28px;
    }

    .lookbook .grid-lookbook img {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

.lookbook-caption {
    background: #000000;
}

.lookbook .lookbook-caption {
    font-size: 20px;
    text-align: center;
    bottom: -100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 12px 18px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

    .lookbook .lookbook-caption a {
        color: #fff;
    }

    .lookbook .lookbook-caption .text-1 {
        font-size: 15px;
    }

    .lookbook .lookbook-caption .text-2 {
        font-size: 13px;
        display: block;
    }

.lookbook .grid-lookbook:hover .lookbook-caption {
    bottom: 0;
}

.lookbook-shop-page .collection-grid-item.gallery {
    overflow: visible;
}

.lookbook-shop-page .lookbook .grid-lookbook {
    z-index: inherit;
}

.lookbook .collection-grid-item:hover img {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.lookbook .products {
    position: absolute;
}

    .lookbook .products .btn-shop {
        z-index: 1;
        margin: 5px;
        cursor: pointer;
        background: #000;
        color: #fff;
        border-radius: 50%;
        display: block;
        height: 24px;
        width: 24px;
        text-align: center;
        line-height: 23px;
    }

        .lookbook .products .btn-shop::before {
            content: "";
            position: absolute;
            animation: box-shadow 1.5s linear infinite;
            -webkit-animation: box-shadow 1.5s linear infinite;
            left: 5px;
            top: 5px;
            border-radius: 50%;
            height: 24px;
            width: 24px;
            color: rgba(255, 255, 255, 0.4);
        }

        .lookbook .products .btn-shop .anm {
            font-size: 10px;
        }

.lookbook .grid-lb {
    visibility: hidden;
    z-index: 2;
    box-shadow: 0 0 2px #bbb;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    display: table;
    position: absolute;
    table-layout: fixed;
    width: 260px;
    background: #fff;
    border-radius: 0;
    padding: 10px;
}

    .lookbook .grid-lb.active {
        opacity: 1;
        visibility: visible;
    }

    .lookbook .grid-lb.left {
        right: 0;
    }

    .lookbook .grid-lb .btn-shop-close {
        background: #131313;
        color: #ffffff;
        position: absolute;
        right: -8px;
        top: -8px;
        padding: 1px 6px;
        cursor: pointer;
        z-index: 3;
    }

    .lookbook .grid-lb .pro-img {
        display: table-cell;
        margin: 0;
        width: 80px;
    }

    .lookbook .grid-lb .detail {
        width: 160px;
        display: table-cell;
        vertical-align: top;
        text-align: left;
        margin: 0;
        padding: 0 0 0 15px;
    }

        .lookbook .grid-lb .detail .title {
            color: #000;
        }

        .lookbook .grid-lb .detail .price {
            margin: 5px 0;
        }

        .lookbook .grid-lb .detail .btn {
            margin-top: 5px;
            font-size: 12px;
            padding: 5px 10px;
        }

@keyframes box-shadow {

    0%, 100% {
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
    }

    50% {
        -webkit-box-shadow: 0 0 0 4px;
        -moz-box-shadow: 0 0 0 4px;
        box-shadow: 0 0 0 4px;
    }
}

.custom-text-masonry-item {
    float: left;
    margin-bottom: 10px;
}

    .custom-text-masonry-item .btn {
        text-decoration: none !important;
        padding: 10px 20px;
    }

/*======================================================================
  11. Breadcrumbs
========================================================================*/
.breadcrumbs-wrapper {
    /*background: #f9f9f9;*/
    margin: 0 0 30px;
}

    .breadcrumbs-wrapper .container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.breadcrumbs a,
.breadcrumbs span {
    color: #111111;
    display: inline-block;
    padding: 0 3px 0 0;
    margin-right: 3px;
    font-size: 16px;
}

.page-title h1 {
    letter-spacing: normal;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 30px 0;
    text-align: center;
}

/*======================================================================
  12. Section
========================================================================*/
.section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-header {
    margin-bottom: 25px;
    text-align: center;
}

    .section-header h2 {
        font-size: 44px;
        font-weight: 500;
        line-height: 1.3;
        letter-spacing: -1px;
        margin: 0 auto;
    }

    .section-header p {
        color: black;
        font-size: 16px;
        margin: 5px 0 0;
        display: block;
    }

.pb-section {
    padding-bottom: 50px;
}

.pt-section {
    padding-top: 50px;
}

.no-pb-section {
    padding-bottom: 0 !important;
}

.no-pt-section {
    padding-top: 0 !important;
}

@media only screen and (min-width: 992px) {
    #page-content {
        min-height: 400px;
    }
}

/*======================================================================
  13. Product Grid
========================================================================*/
.grid-products a {
    text-decoration: none !important;
}

@media only screen and (min-width: 992px) {
    .shop-grid-5 .grid-products .item.col-lg-2 {
        -ms-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media only screen and (min-width: 1540px) {
    .shop-grid-7 .grid-products .item.col-lg-2 {
        -ms-flex: 0 0 14.2222%;
        -webkit-flex: 0 0 14.2222%;
        flex: 0 0 14.2222%;
        max-width: 14.2222%;
    }
}

.grid-products .item .product-image .showVariantImg img {
    opacity: 0;
    visibility: hidden;
}

.grid-products .item .product-image .showVariantImg .variantImg {
    visibility: visible;
    opacity: 1;
}

.grid-products .item .product-image .showLoading {
    transition: .5s;
    animation: loader-rotate .8s infinite linear;
    background: none !important;
    border: 3px solid rgba(100, 100, 100, .5);
    border-top-color: rgba(100, 100, 100, 0.5);
    border-radius: 100%;
    border-top-color: #fff;
    content: "";
    height: 34px !important;
    left: 50%;
    line-height: 1;
    margin-left: -17px;
    margin-top: -17px;
    pointer-events: none;
    position: absolute;
    top: 50% !important;
    -webkit-animation: loader-rotate .8s infinite linear;
    width: 34px !important;
    z-index: 154 !important;
}

.grid-products .item .product-image {
    position: relative;
    overflow: hidden;
    margin: 0 auto 15px;
}

    .grid-products .item .product-image > a {
        display: block;
        white-space: nowrap;
        opacity: 1;
    }

    .grid-products .item .product-image img {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        vertical-align: middle;
        -ms-transition: all ease-out 0.4s;
        -webkit-transition: all ease-out 0.4s;
        transition: all ease-out 0.4s;
    }

    .grid-products .item .product-image .hover {
        visibility: hidden;
        opacity: 0;
        left: 50%;
        top: 50%;
        position: absolute;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .grid-products .item .product-image:hover .primary {
        opacity: 0;
    }

    .grid-products .item .product-image:hover .hover:not(.variantImg) {
        opacity: 1;
        visibility: visible;
    }

.grid-view_image:hover .primary {
    opacity: 0;
    visibility: hidden;
}

.grid-view_image:hover .hover:not(.variantImg) {
    opacity: 1;
    visibility: visible;
}

.grid-products .item .product-details.text-left .product-name,
.grid-products .item .product-details.text-left .product-price .price {
    font-size: 14px;
}

.add-to-cart-btn {
    margin: 10px 0;
}

    .add-to-cart-btn i {
        vertical-align: middle;
        padding-right: 2px;
    }

    .add-to-cart-btn span {
        vertical-align: middle;
    }

.tab_container .grid-products.grid-products-style1 .item {
    padding: 0;
}

.grid-products-style1 .slick-slide {
    margin-right: 15px;
    margin-left: 15px;
}

.grid-products-style1 .item {
    border: 1px solid #eeeeee;
    padding: 0;
}

    .grid-products-style1 .item:hover {
        border: 1px solid #ddd;
    }

    .grid-products-style1 .item .product-details {
        padding: 10px;
    }

    .grid-products-style1 .item .saleTime span {
        background-color: #efefef;
    }

.medical-demo .btn.soldOutBtn,
.soldOutBtn {
    background-color: #f00;
}

.grid-products.style2 {
    position: relative;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .grid-products.style2 .item {
        position: relative;
        margin-bottom: 25px;
    }

        .grid-products.style2 .item .overlay {
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 4;
            background-color: rgba(255, 255, 255, 0.85);
            -ms-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .grid-products.style2 .item:hover .overlay {
            visibility: visible;
            opacity: 1;
        }

        .grid-products.style2 .item.product-image {
            width: 100%;
            overflow: hidden;
            position: relative;
            z-index: 1;
        }

        .grid-products.style2 .item .product-details {
            width: 100%;
            height: auto;
            padding-bottom: 30px;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 50%;
            left: 0;
            z-index: 5;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -ms-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .grid-products.style2 .item:hover .product-details {
            opacity: 1;
            visibility: visible;
        }

        .grid-products.style2 .item .button-set {
            width: 100%;
            display: block;
            font-size: 0px;
            position: absolute;
            bottom: -20px;
            top: auto;
            left: 0;
            z-index: 444;
            -ms-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .grid-products.style2 .item:hover .button-set {
            bottom: -10px;
            top: auto;
        }

        .grid-products.style2 .item .product-review {
            margin-bottom: 10px;
        }

    .grid-products.style2 .row {
        margin-left: -10px;
        margin-right: -10px;
    }

        .grid-products.style2 .row .col-12 {
            padding-left: 10px;
            padding-right: 10px;
        }

.grid-view_image .product-image > a:after {
    content: "";
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
}

.slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    z-index: 9;
    display: block;
    line-height: normal;
    font-size: 0px;
    padding: 6px 10px;
    cursor: pointer;
    background: #f7faff;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    opacity: 1;
    box-shadow: 0px 1px 2px rgba(55, 73, 87, .1), 0px 2px 5px rgba(55, 73, 87, .15);
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

    .slick-prev:before,
    .slick-next:before {
        font-family: "FontAwesome";
        font-size: 15px;
        line-height: 30px;
        color: #111;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
        display: block;
    }

.slick-prev:before {
    content: "\f104";
}

.slick-next::before {
    content: "\f105";
}

.productSlider:hover .slick-arrow,
.productPageSlider:hover .slick-arrow,
.productSlider-style1:hover .slick-arrow,
.MGallery:hover .slick-arrow,
.productSlider-style2:hover .slick-arrow,
.productSlider-style2:hover .slick-arrow,
.productSlider-fullwidth:hover .slick-arrow {
    opacity: 1;
}

.grid-products .slick-arrow {
    margin-top: -10px;
    width: 40px;
}

.productPageSlider .slick-arrow {
    margin-top: -20px;
}

.productSlider-style1 .slick-arrow,
.MGallery .slick-arrow,
.productSlider-style2 .slick-prev,
.productSlider-fullwidth .slick-prev {
    margin-top: -10px;
}

.productSlider .slick-arrow,
.productPageSlider .slick-arrow,
.productSlider-style1 .slick-arrow,
.MGallery .slick-arrow,
.productSlider-style2 .slick-arrow,
.productSlider-fullwidth .slick-arrow {
    padding: 6px 10px;
    border-radius: 25px;
    opacity: 1;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.productSlider .slick-next,
.productPageSlider .slick-next,
.productSlider-style1 .slick-next,
.MGallery .slick-next,
.productSlider-style2 .slick-next,
.productSlider-fullwidth .slick-next {
    right: -35px;
}

.productSlider .slick-prev,
.productPageSlider .slick-prev,
.productSlider-style2 .slick-prev,
.productSlider-fullwidth .slick-prev {
    left: -35px;
}

.productSlider-style1 .slick-prev, .MGallery .slick-prev {
    left: -10px;
}

.productSlider-style1 .slick-next, .MGallery .slick-next {
    right: -10px;
}

.grid-products .slick-slider .item,
.grid-products.slick-slider .item {
    margin-bottom: 0;
}

.product-labels {
    position: absolute;
    left: 5px;
    top: 5px;
}

    .product-labels.rectangular .lbl {
        border-radius: 0;
    }

    .product-labels.radius .lbl {
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .product-labels.round .lbl {
        border-radius: 100px;
        -webkit-border-radius: 100px;
        width: 45px;
        height: 43px;
        line-height: 44px;
        padding: 0 10px;
    }

    .product-labels .lbl {
        display: block;
        white-space: nowrap;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        padding: 0 5px;
        height: 20px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .product-labels .on-sale {
        right: 5px;
        background: #f54337;
    }

    .product-labels .pr-label1,
    .product-labels .new {
        left: 5px;
        background: #01bad4;
    }

    .product-labels .pr-label2,
    .product-labels .hot {
        left: 5px;
        background: #e9a400;
    }

    .product-labels .pr-label3 {
        left: 5px;
        background: #81d53d;
    }

    .product-labels.rounded .lbl {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        white-space: nowrap;
        word-break: break-all;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center;
        height: 50px;
        width: 50px;
    }

.grid-view-item--sold-out .grid-view-item__image {
    opacity: 0.5;
}

.sold-out {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}

    .sold-out span {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        text-align: center;
        background-color: #f00;
        width: 80%;
        margin: -20px auto;
        padding: 10px
    }

.product-image:hover .variants.add {
    bottom: 5px;
}

.button-set {
    position: absolute;
    right: 5px;
    top: 30px;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .button-set.style1 {
        right: 0;
        left: 0;
        width: 100%;
        text-align: center;
        bottom: -10px;
        top: auto;
    }

.index-demo9 .button-set.style1 .tooltip-label,
.index-demo10 .button-set .tooltip-label,
.index-demo12 .button-set .tooltip-label {
    bottom: 40px;
}

.button-set.style2 {
    right: auto;
    left: 10px;
    width: 35px;
    text-align: center;
    bottom: 10px;
    top: auto;
}

    .button-set.style2 ul li {
        display: block;
    }

.button-set ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .button-set ul li {
        display: inline-block;
        vertical-align: middle;
    }

.button-set li .btn-icon {
    color: #ffffff;
    display: inline-block;
    border: 0;
    background-color: #111111;
    position: relative;
    font-size: 18px;
    padding: 0;
    margin: 2px;
    width: 100%;
    height: 33px;
    width: 33px;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
    border: 2px solid transparent;
}

    .button-set li .btn-icon.btn-square {
        line-height: 32px;
    }

.grid-products .item:hover .button-set.style1 {
    bottom: 10px;
    top: auto;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.grid-products .item:hover .button-set.style2 {
    bottom: 10px;
    top: auto;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.grid-products .item:hover .button-set {
    top: 5px;
    opacity: 1;
    visibility: visible;
}

a.quick-view,
a.wishlist,
.cartIcon,
.add-to-compare {
    color: #000000;
    background-color: #ffffff;
    border: 0;
    width: 35px;
    height: 35px;
    line-height: 34px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    margin-bottom: 5px;
}

    a.quick-view:hover,
    a.wishlist:hover,
    .cartIcon:hover,
    .variants.add button:hover,
    .add-to-compare:hover {
        color: #ffffff;
        background-color: #000000;
        opacity: 0.8;
    }

.button-set .tooltip-label {
    height: 23px;
    position: absolute;
    top: -20px;
    left: 50%;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 21px;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    background: #000000;
    color: #ffffff;
    border-radius: 0;
    padding: 1px 7px;
    white-space: nowrap;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    letter-spacing: 0;
}

    .button-set .tooltip-label:before {
        content: "";
        border: 5px solid transparent;
        border-top: 6px solid #000000;
        bottom: -10px;
        margin-left: -3px;
        left: 50%;
        position: absolute;
    }

.button-set li .btn-icon:hover .tooltip-label {
    opacity: 1;
    visibility: visible;
    top: -33px;
}

.button-set.style2 .tooltip-label {
    left: 30px;
    top: 50% !important;
    height: 24px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button-set.style2 li .btn-icon:hover .tooltip-label {
    top: 50% !important;
    left: 40px;
}

.button-set.style2 .tooltip-label:before {
    border: 5px solid transparent;
    border-right: 6px solid #000000;
    bottom: auto;
    left: -7px;
    top: 7px;
}

.button-set .btn-icon.btn-square .tooltip-label {
    line-height: 18px;
}

.button-style2,
.button-style2 .variants.add {
    position: static;
    opacity: 1;
}

    .button-style2 .btn-style2 {
        display: block;
        float: left;
        width: 25%;
    }

    .button-style2 .cartIcon,
    .button-style2 .quick-view-popup,
    .button-style2 .wishlist,
    .button-style2 .compare {
        color: #fff;
        background-color: #000;
        border-right: 1px solid #fff;
    }

    .button-style2 .compare {
        border-right: 0;
    }

    .button-style2 .wishlist,
    .button-style2 .compare {
        width: 100%;
    }

    .button-style2 .variants.add button {
        color: #fff;
        background-color: #000;
    }

.button-set li .btn-icon.btn-square {
    border-radius: 0;
    -webkit-border-radius: 0;
}

    .button-set li .btn-icon.btn-square .tooltip-label {
        border-radius: 0;
        -webkit-border-radius: 0;
    }

.button-set li .btn-icon.btn-radius {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    font-size: 14px;
}

    .button-set li .btn-icon.btn-radius .tooltip-label {
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.grid-products .item {
    margin: 0 0 30px;
}

.tab_container .grid-products .item {
    margin-bottom: 0;
}

.grid-products .item .product-name a {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0;
}

    .grid-products .item .product-name a:hover {
        opacity: 0.8;
    }

.grid-products .item .product-price {
    margin: 5px 0;
    color: #000000;
    font-weight: 400;
}

.product-price .old-price {
    color: #555;
    font-size: 12px;
    opacity: 0.8;
    text-decoration: line-through;
}

    .product-price .old-price + .price {
        padding-left: 5px;
        color: #e95144 !important;
    }

.product-price .price {
    color: #000000;
    font-size: 18px;
}

.product-price__sale,
.product__price--sale {
    color: #000 !important;
}

.product-review .fa {
    font-size: 15px;
    opacity: 1;
    color: #ffb503;
    margin: 0 1px;
}

.grid-products .item .swatches {
    margin: 8px 0 0;
    list-style: none;
    padding: 0;
}

    .grid-products .item .swatches li {
        position: relative;
        display: inline-block;
        height: 17px;
        width: 17px;
        margin: 3px 2px;
        cursor: pointer;
        box-shadow: 0 0 1px 1px #ddd;
        -webkit-box-shadow: 0 0 1px 1px #ddd;
        border: 2px solid #ffffff;
    }

.tooltip-label {
    z-index: 2;
    -ms-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -38px;
    bottom: auto;
    left: 50%;
    background: #000000;
    color: #ffffff;
    border-radius: 3px;
    padding: 2px 6px;
    white-space: nowrap;
    font-size: 10px;
    transform: translateX(-50%);
    text-transform: uppercase;
}

    .tooltip-label:before {
        content: "";
        border: 5px solid transparent;
        border-top: 5px solid #000000;
        position: absolute;
        bottom: -9px;
        left: 50%;
        margin-left: -5px;
    }

.grid-products .item .swatches li:hover .tooltip-label {
    opacity: 1;
    top: -28px;
    visibility: visible;
}

.grid-products .item .swatches li img {
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    max-height: 30px;
    margin: 0 auto;
}

.grid-products .item .swatches li.square img {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.grid-products .item .swatches li.radius img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.grid-products .item .swatches li:hover {
    box-shadow: 0 0 1px 1px #000;
    -webkit-box-shadow: 0 0 1px 1px #000;
}

.grid-products .item .swatches li.rounded {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.grid-products .item .swatches li.radius {
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}

.grid-products .item .swatches li.medium {
    height: 30px;
    width: 30px;
}

.grid-products .item .swatches li.navy {
    background-color: navy;
}

.grid-products .item .swatches li.green {
    background-color: green;
}

.grid-products .item .swatches li.gray {
    background-color: gray;
}

.grid-products .item .swatches li.aqua {
    background-color: aqua;
}

.grid-products .item .swatches li.orange {
    background-color: orange;
}

.grid-products .item .swatches li.purple {
    background-color: purple;
}

.grid-products .item .swatches li.teal {
    background-color: teal;
}

.grid-products .item .swatches li.black {
    background-color: black;
}

.grid-products .item .swatches li.red {
    background-color: red;
}

.grid-products .item .swatches li.yellow {
    background-color: yellow;
}

.grid-products .item .swatches li.darkgreen {
    background-color: darkgreen;
}

.grid-products .item .swatches li.maroon {
    background-color: maroon;
}

.grid-products .item .image-swatches li {
    width: 30px;
    height: 30px;
}

    .grid-products .item .image-swatches li img {
        max-height: 26px;
    }

.grid-view-item__title {
    color: #000;
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: 0;
}

.grid-view-item__meta {
    margin: 5px 0;
}

.product-price__price {
    color: #000000;
    font-weight: 600;
    display: inline-block;
}

.grid-products-hover-btn a.quick-view,
.grid-products-hover-btn a.wishlist,
.grid-products-hover-btn .variants.add button,
.grid-products-hover-btn .cartIcon,
.grid-products-hover-btn .add-to-compare {
    color: #ffffff;
    background-color: #000000;
}

.grid-products-hover-gry a.quick-view,
.grid-products-hover-gry a.wishlist,
.grid-products-hover-gry .variants.add button,
.grid-products-hover-gry .cartIcon,
.grid-products-hover-gry .add-to-compare {
    color: #ffffff;
    background-color: #555555;
}

.brand-name a {
    color: #555;
    font-size: 12px;
    text-transform: uppercase;
}

/* Countdown Timer On listing */
.grid-products .item:hover .saleTime {
    display: none
}

.saleTime {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 111
}

    .saleTime .time-count {
        font-weight: 700;
        font-size: 14px;
    }

    .saleTime span > span {
        color: #141414;
        font-weight: 700;
        min-width: 30px;
        padding: 6px 4px 4px;
        line-height: 12px;
        display: inline-block;
        margin: 0 0 0 1px;
        text-align: center;
        background: rgba(255, 255, 255, 0.7);
    }

        .saleTime span > span span {
            display: block;
            background: none;
            font-size: 10px;
            font-weight: 400;
            margin-top: -3px;
            text-transform: uppercase;
            line-height: 8px
        }

.timermobile {
    margin: 0 -10px;
    display: none
}

    .timermobile .saleTime {
        position: relative;
        margin-top: 20px
    }

.countdown-deals {
    line-height: 35px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

    .countdown-deals .cdown {
        background: #efefef;
        display: inline-block;
        height: 50px;
        width: 44px;
    }

        .countdown-deals .cdown span {
            font-size: 14px;
            font-weight: 500;
        }

        .countdown-deals .cdown > p {
            font-size: 12px;
            text-transform: uppercase;
            line-height: 0;
            margin: 0;
        }

.grid-products .countdown-deals {
    position: absolute;
    bottom: -10px;
}

    .grid-products .countdown-deals .cdown {
        color: #fff;
        background-color: #000;
    }

.product-list .countdown-deals {
    line-height: 40px;
    text-align: left;
}

    .product-list .countdown-deals .cdown {
        font-size: 14px;
        height: 59px;
        width: 65px;
        text-align: center;
        color: #fff;
        background-color: #000;
    }

.product-load-more .list-product,
.product-load-more .item {
    display: none;
}

.grid-products .item .brands {
    margin: 10px 0;
    font-size: 13px;
}

    .grid-products .item .brands p {
        margin: 0;
    }

    .grid-products .item .brands .label {
        font-weight: 600;
    }

#quickView-modal {
    max-width: 800px;
    margin: 50px auto;
    background-color: #fff;
    position: relative;
    padding: 25px;
}

.loading .loadingBox {
    display: block;
    position: fixed;
}

.loadingBox {
    display: none;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    position: fixed;
    z-index: 1050;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .loadingBox .anm {
        font-size: 40px;
        opacity: 0.9;
    }

.loading .modalOverly {
    display: block;
}

.modalOverly {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 666;
    background-color: rgba(0, 0, 0, 0.6);
    -ms-transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
    transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1);
}

.anm-spin {
    animation: anm-spin 1.5s infinite linear;
    -webkit-animation: anm-spin 1.5s infinite linear;
    -ms-animation: anm-spin 1.5s infinite linear;
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes scaleimg {

    0%, 100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2) -ms-transform:scale(1.2)
    }
}

.model-thumbnail-img .carousel-indicators {
    position: static;
    left: initial;
    width: auto;
    margin: 0;
}

    .model-thumbnail-img .carousel-indicators > li {
        width: 100px;
        height: auto;
        text-indent: initial;
    }

        .model-thumbnail-img .carousel-indicators > li img {
            width: 100px;
        }

        .model-thumbnail-img .carousel-indicators > li.active img {
            opacity: 1;
        }

.model-thumbnail-img {
    position: relative;
    margin: 10px auto 0 auto;
}

    .model-thumbnail-img .carousel-control {
        color: #000;
        position: absolute;
        top: 45%;
    }

        .model-thumbnail-img .carousel-control.left {
            left: 10px;
        }

        .model-thumbnail-img .carousel-control.right {
            right: 10px;
        }

#quickView-modal .product-brand {
    text-transform: uppercase;
}

#quickView-modal .product-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 10px;
}

#quickView-modal .product-info .product-stock {
    color: #447900;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
}

#quickView-modal .product-review {
    margin-bottom: 15px;
}

    #quickView-modal .product-review .rating {
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
    }

    #quickView-modal .product-review .reviews {
        display: inline-block;
        vertical-align: middle;
    }

#quickView-modal .pricebox {
    margin: 10px 0;
}

    #quickView-modal .pricebox .price {
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
    }

    #quickView-modal .pricebox .old-price {
        color: #888;
        text-decoration: line-through;
        font-weight: 400;
        padding-right: 20px;
    }

#quickView-modal .sort-description {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #939393;
}

#quickView-modal .wishlist-btn a.wishlist {
    width: auto;
    display: inline-block;
}

    #quickView-modal .wishlist-btn a.wishlist:hover {
        color: #000;
        background-color: transparent;
    }

#quickView-modal .product-options {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    -wekit-flex-wrap: wrap;
}

.product-with-colletion-bnr .grid-products .item {
    margin-bottom: 0;
}

.product-with-colletion-bnr a {
    position: relative;
    display: block;
}

.product-with-colletion-bnr .btn-inner {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

    .product-with-colletion-bnr .btn-inner span {
        font-weight: 700;
        margin: 0;
        background: #fff;
        font-size: 14px;
        display: inline-block;
        padding: 8px 25px;
        word-wrap: break-word;
        color: #111;
        letter-spacing: 0.02em;
        line-height: normal;
    }

.product-with-colletion-bnr .item:hover .btn-inner span {
    background-color: rgba(255, 255, 255, 0.8);
}

.product-with-colletion-bnr .customTextPro {
    text-align: left;
    padding-top: 30px;
    padding-left: 30px !important;
}

    .product-with-colletion-bnr .customTextPro h3 {
        font-size: 25px;
        line-height: 36px;
        font-weight: 500;
    }

    .product-with-colletion-bnr .customTextPro p {
        font-size: 15px;
    }

    .product-with-colletion-bnr .customTextPro .btn-sm {
        font-size: 12px;
        padding: 6px 15px;
    }

.products-grid-section .grid-products .button-set.style3 {
    position: static;
    opacity: 1;
    visibility: visible;
    margin-top: 10px;
}

.products-grid-section .grid-products .row .item {
    margin-bottom: 40px;
}

.products-grid-section .grid-products .row:last-of-type .item {
    margin-bottom: 20px;
}

/*======================================================================
  14. Product Listview
========================================================================*/
.list-view-item {
    display: table;
    table-layout: fixed;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #e8e9eb;
    text-decoration: none;
}

    .list-view-item:hover {
        text-decoration: none;
    }

    .list-view-item p {
        color: #555;
    }

.list-view-item__image-column {
    display: table-cell;
    vertical-align: middle;
    width: 230px;
}

.list-view-item__image-wrapper {
    position: relative;
    margin-right: 20px;
}

.list-view-item__title-column {
    display: table-cell;
    vertical-align: middle;
}

.list-view-items .grid-view-item__title {
    font-size: 15px;
    font-weight: 700;
    font-family: 'IBM Plex Sans', sans-serif;
    margin-bottom: 10px;
    text-align: left;
}

.list-view-items .product-price {
    font-size: 16px;
}

.list-view-items .product-price__sale {
    padding-left: 5px;
}

.list-view-items .variants {
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
}

.list-view-items .button-box {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

    .list-view-items .button-box > div {
        display: inline-block;
    }

        .list-view-items .button-box > div .btn-icon {
            color: #fff;
            font-size: 16px;
            background-color: #000;
            width: 40px;
            height: 30px;
            line-height: 34px;
            padding: 0 10px;
            display: inline-block;
            vertical-align: top;
            margin: 0;
        }

/*======================================================================
  15. Products Detail Page
========================================================================*/
.product-form .swatch {
    margin-bottom: 10px;
}

    .product-form .swatch .product-form__item {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

.product-form__item {
    -webkit-flex: 1 1 200px;
    -moz-flex: 1 1 200px;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
    margin-bottom: 10px;
    padding: 5px 5px 0;
}

.product-form .swatch label {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}

    .product-form .swatch label .required {
        color: #F00;
    }

    .product-form .swatch label .slVariant {
        font-weight: normal;
        padding-right: 20px;
    }

.product-template__container label .slVariant {
    font-weight: 700;
}

.product-form .swatch .swatch-element {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}

.product-form .swatch .swatchInput + .swatchLbl.color.medium {
    width: 50px;
    height: 50px;
}

.product-form .swatch .swatchInput:checked + .swatchLbl {
    border: 2px solid #111111;
    box-shadow: none;
}

.product-form .swatch .swatchInput + .swatchLbl.color {
    width: 30px;
    padding: 0;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    cursor: pointer;
}

.product-form .swatch .swatchInput + .swatchLbl.large {
    width: 40px;
    height: 40px;
}

    .product-form .swatch .swatchInput + .swatchLbl.large:not(.color) {
        line-height: 36px;
    }

.product-form .swatch .swatchInput + .swatchLbl {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
    display: inline-block;
    margin: 0;
    min-width: 30px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    background-color: #f9f9f9;
    padding: 0 10px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 0;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.product-form .swatch .swatchInput {
    display: none;
}

.product-action {
    width: 100%;
    display: block;
    margin: 5px 0 10px;
    padding: 0 5px;
}

    .product-action .quantity {
        float: left;
        margin: 0 10px 10px 0;
    }

    .product-action .add-to-cart {
        width: auto;
        overflow: hidden;
    }

        .product-action .add-to-cart .button-cart {
            width: 100%;
            padding: 6px 15px;
            min-height: 42px;
        }

    .product-action .wishlist-btn .wishlist {
        width: auto;
        float: left;
        padding: 0;
        line-height: normal;
    }

        .product-action .wishlist-btn .wishlist i {
            vertical-align: middle;
        }

        .product-action .wishlist-btn .wishlist:hover {
            color: #555;
            background-color: transparent;
        }

.share-icon {
    clear: both;
}

    .share-icon span {
        display: inline-block;
        font-weight: 600;
        text-transform: uppercase;
    }

    .share-icon .social-icons {
        display: inline-block;
    }

        .share-icon .social-icons li {
            margin-right: 10px;
        }

.product-single-1 .product-details-img .product-zoom-right {
    width: 100%;
}

.product-details-img:before,
.product-details-img:after {
    content: '';
    clear: both;
    display: block;
}

.product-details-img .product-thumb {
    display: inline-block;
    padding: 0 10px 0 0;
    width: 15%;
    margin: 0;
    float: left;
}

.product-details-img .product-thumb-1 {
    display: block;
    padding: 0;
    width: 100%;
    margin: 0;
    float: left;
    padding-right: 0;
}

.product-details-img .product-zoom-right {
    display: inline-block;
    position: relative;
    width: 100%;
    float: left;
}

.product-thumb .product-dec-slider-2 a {
    cursor: pointer;
}

.product-thumb .slick-slide {
    margin-bottom: 3px;
}

.product-details-img .product-thumb .slick-arrow {
    top: auto;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px 10px;
    opacity: 0;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.product-details-img:hover .product-thumb .slick-arrow {
    opacity: 1;
}

.product-details-img .product-thumb .slick-prev {
    top: 16px;
    left: 50%;
    margin-left: -15px;
}

.product-details-img .product-thumb .slick-next {
    bottom: -10px;
    left: 50%;
    right: auto;
    margin-left: -15px;
}

.product-details-img .product-thumb .slick-prev:before {
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 20px;
}

.product-details-img .product-thumb .slick-next:before {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 20px;
}

.product-details-img .product-labels {
    z-index: 99;
}

.product-details-img.product-single__photos.bottom .product-thumb .slick-arrow {
    background: transparent;
}

.product-details-img.product-single__photos.bottom .product-thumb .slick-next {
    right: 0;
    top: 50%;
    left: inherit;
}

.product-details-img.product-single__photos.bottom .product-thumb .slick-prev {
    left: 15px;
    top: 50%;
    bottom: 0;
}

    .product-details-img.product-single__photos.bottom .product-thumb .slick-prev:before {
        content: "\ea8b";
        font-family: "annimex-icons";
        font-size: 16px;
    }

.product-details-img.product-single__photos.bottom .product-thumb .slick-next:before {
    content: "\ea8c";
    font-family: "annimex-icons";
    font-size: 16px;
}

.product-details-img .social-sharing {
    text-align: center;
    clear: both;
    padding-top: 20px;
}

    .product-details-img .social-sharing .share-title {
        display: none;
    }

.trustseal-img {
    margin-bottom: 20px;
}

.zoomContainer {
    z-index: 2;
}

.product-buttons > a {
    position: relative;
}

.product-buttons .tooltip-label {
    padding: 4px 6px;
    line-height: normal;
    top: -42px;
    left: 50%;
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border-radius: 0;
}

.product-buttons .btn:hover .tooltip-label {
    opacity: 1;
    visibility: visible;
    top: -30px;
    z-index: 1000;
}

.product-form .swatch .swatchInput + .swatchLbl.rounded {
    border-radius: 50% !important;
}

.product-form .swatch .swatchInput + .swatchLbl.rectangle {
    border-radius: 7px !important;
}

.product-buttons {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 99;
}

    .product-buttons .btn.popup-video i,
    .product-buttons .btn i {
        line-height: 33px;
    }

    .product-buttons .btn {
        font-size: 19px;
        height: 36px;
        width: 36px;
        text-align: center;
        margin-top: 5px;
        clear: both;
        padding: 0;
        line-height: 33px;
        background: #000000;
        color: #ffffff;
        opacity: 0.9;
    }

.product-template__container .product-single {
    margin-bottom: 20px;
}

.product-template__container .product-single__meta {
    position: relative;
    margin-bottom: 20px;
}

h1.product-single__title,
.product-single__title.h1 {
    color: #000;
    font-size: 26px;
    margin-bottom: 10px;
    font-weight: bold;
}

.product-template__container .product-nav {
    position: absolute;
    right: 0;
    top: 10px;
}

    .product-template__container .product-nav .next {
        float: right;
    }

    .product-template__container .product-nav .prev,
    .product-template__container .product-nav .next {
        font-size: 20px;
        display: block;
        line-height: 22px;
        text-align: center;
        height: 20px;
        width: 20px;
        padding: 0;
        color: #000;
    }

.product-detail-container .prInfoRow {
    margin-bottom: 10px;
}

    .product-detail-container .prInfoRow > div {
        display: inline-block;
        margin-right: 5%;
    }

    .product-detail-container .prInfoRow .instock {
        color: #447900;
    }

    .product-detail-container .prInfoRow .spr-badge-caption {
        color: #424242;
        padding-left: 5px;
    }

    .product-detail-container .prInfoRow a:hover {
        text-decoration: none;
    }

.product-single__price .product-price__price {
    font-size: 18px;
    padding-left: 3px;
}

.discount-badge {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    font-size: 13px;
}

    .discount-badge .product-single__save-amount {
        font-weight: 700;
    }

    .discount-badge .off,
    .discount-badge .product-single__save-amount {
        color: #e95144;
    }

.product-single__price {
    display: inline-block;
    margin-right: 10px;
    font-weight: 600;
    margin-bottom: 15px;
}

.orderMsg {
    color: #fff;
    margin-bottom: 20px;
    display: block;
}

    .orderMsg p {
        color: #fff;
        line-height: normal;
        background-color: #000;
        padding: 3px 10px;
        display: inline-block;
    }

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.product-description ul,
.product-single__description ul {
    margin-left: 0;
}

.product-single__description ul {
    text-align: left;
}

    .product-description ul li,
    .product-single__description ul li {
        position: relative;
        margin-left: 15px;
        list-style: disc;
    }

.rte {
    margin-bottom: 20px;
}

    .rte li {
        margin-bottom: 4px;
        list-style: inherit;
    }

    .rte h1,
    .rte .h1,
    .rte h2,
    .rte .h2,
    .rte h3,
    .rte .h3,
    .rte h4,
    .rte .h4,
    .rte h5,
    .rte .h5,
    .rte h6,
    .rte .h6 {
        margin-top: 30px;
        margin-bottom: 15px;
    }

        .rte h1:first-child,
        .rte .h1:first-child,
        .rte h2:first-child,
        .rte .h2:first-child,
        .rte h3:first-child,
        .rte .h3:first-child,
        .rte h4:first-child,
        .rte .h4:first-child,
        .rte h5:first-child,
        .rte .h5:first-child,
        .rte h6:first-child,
        .rte .h6:first-child {
            margin-top: 0
        }

    .rte:last-child {
        margin-bottom: 0;
    }

.product-template__container #quantity_message {
    color: #31a3a3;
    font-size: 16px;
    text-align: center;
    padding: 5px 9px;
    margin-bottom: 15px;
    border: 1px dashed #31a3a3;
}

    .product-template__container #quantity_message .items {
        font-weight: 700;
    }

.product-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    width: auto;
    margin: 0 -5px -10px;
}

.product-detail-container .product-form .swatch {
    width: 100%;
}

.product-form .swatch {
    margin-bottom: 10px;
}

    .product-form .swatch .product-form__item {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

.product-form__item {
    -webkit-flex: 1 1 200px;
    -moz-flex: 1 1 200px;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
    margin-bottom: 10px;
    padding: 5px;
}

.product-form .swatch label {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

.product-template__container label .slVariant {
    font-weight: 700;
}

.product-form .swatch .swatch-element {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}

.product-form .swatch .swatchInput + .swatchLbl.color.medium {
    width: 50px;
    height: 50px;
}

.product-form .swatch .swatchInput:checked + .swatchLbl {
    border: 2px solid #111111;
    box-shadow: none;
}

.product-form .swatch .swatchInput + .swatchLbl.color {
    width: 30px;
    padding: 0;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    cursor: pointer;
}

.product-form .swatch .swatchInput + .swatchLbl.large {
    width: 40px;
    height: 40px;
}

    .product-form .swatch .swatchInput + .swatchLbl.large:not(.color) {
        line-height: 36px;
    }

.product-form .swatch .swatchInput + .swatchLbl {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    text-transform: capitalize;
    display: inline-block;
    margin: 0;
    min-width: 30px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    background-color: #f9f9f9;
    padding: 0 10px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 0;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.product-form .swatch .swatchInput {
    display: none;
}

.product-form .swatch .swatch-element .black {
    background-color: #000;
}

.product-form .swatch .swatch-element .white {
    background-color: #fff;
    border: 1px solid #ddd;
}

.product-form .swatch .swatch-element .red {
    background-color: #fe0000;
}

.product-form .swatch .swatch-element .blue {
    background-color: #0000fe;
}

.product-form .swatch .swatch-element .pink {
    background-color: #ffc1cc;
}

.product-form .swatch .swatch-element .gray {
    background-color: #818181;
}

.product-form .swatch .swatch-element .green {
    background-color: #027b02;
}

.product-form .swatch .swatch-element .orange {
    background-color: #fca300;
}

.product-form .swatch .swatch-element .yellow {
    background-color: #f9f900;
}

.product-form .swatch .swatch-element .blueviolet {
    background-color: #8A2BE2;
}

.product-form .swatch .swatch-element .brown {
    background-color: #A52A2A;
}

.infolinks {
    margin: 15px 0;
    padding: 0 5px;
}

    .infolinks .btn,
    .infolinks .wishlist {
        border: 0;
        background-color: transparent;
        color: #000;
        padding: 0;
        margin-right: 15px;
        display: inline-block;
        vertical-align: top;
    }

        .infolinks .btn:focus,
        .infolinks .wishlist:focus {
            outline: 0;
            box-shadow: none;
        }

        .infolinks .btn i {
            font-size: 14px;
            vertical-align: middle;
        }

    .infolinks .wishlist {
        background: none !important;
        color: #000 !important;
        width: auto;
        text-align: left;
        line-height: inherit;
        height: auto;
        text-decoration: none;
        margin-bottom: 0;
    }

#sizechart {
    text-align: center;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    max-width: 800px;
    position: relative;
}

    #sizechart table tr th {
        background: #000;
        color: #fff;
        border: 0 !important;
    }

    #sizechart table tr th,
    #sizechart table tr td {
        padding: 7px 12px;
        text-align: center;
        font-size: 12px;
        border: 1px solid #e8e9eb;
    }

table {
    margin-bottom: 15px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

#sizechart ul,
#ShippingInfo ul {
    margin: 0 0 20px 15px;
}

#productInquiry {
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    max-width: 700px;
    position: relative;
}

    #productInquiry h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    #productInquiry input[type="tel"],
    #productInquiry input[type="email"],
    #productInquiry input[type="text"],
    #productInquiry textarea {
        background-color: #fff;
        margin-bottom: 20px;
    }

    #productInquiry textarea {
        padding: 10px;
    }

.product-template__container .product-action {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    padding: 0 5px;
}

.product-template__container .product-form__item--quantity {
    float: left;
    margin: 0 10px 10px 0;
}

.wrapQtyBtn {
    float: left;
}

.product-action .qtyField {
    display: table;
    margin: 0 auto;
    border: 1px solid #ddd;
}

    .product-action .qtyField .qty {
        width: 40px;
    }

    .product-action .qtyField .qtyBtn,
    .product-action .qtyField .qty {
        padding: 10px 6px;
        width: 30px;
        height: 42px;
        border-radius: 0;
        float: left;
        border: 0;
    }

    .product-action .qtyField a {
        background-color: #fff;
        color: #000;
        border: 0;
    }

        .product-action .qtyField a .fa {
            font-size: 12px;
            line-height: 21px;
        }

    .product-action .qtyField > a,
    .product-action .qtyField > span,
    .qtyField input {
        display: table-cell;
        line-height: normal;
        text-align: center;
        padding: 3px 6px;
        border: 1px solid #f5f5f5;
    }

.product-form__item--submit {
    width: auto;
    overflow: hidden;
    padding-left: 15px;
}

    .product-form__item--submit .btn {
        width: 100%;
        padding: 11px 15px 10px 15px;
        min-height: 42px;
    }

.agree-check {
    margin: 15px 0 10px;
}

    .agree-check .checkbox {
        margin-right: 3px;
    }

.buy-it-btn .btn {
    border-radius: 0;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    background-color: #e95144;
    float: right;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    width: 100%;
    padding: 1em 2em;
    margin: 0 0 15px;
    letter-spacing: 0.02em;
}

    .buy-it-btn .btn[disabled] {
        opacity: 0.6;
        cursor: default;
    }

.social-sharing .btn {
    color: #000 !important;
    padding: 0 5px;
    margin-bottom: 0;
    background: none !important;
    border: 0;
    letter-spacing: normal;
    text-transform: capitalize;
}

.btn--share .fa {
    color: #222222;
    font-size: 14px;
}

.freeShipMsg {
    margin-bottom: 12px;
}

    .freeShipMsg .fa {
        font-size: 20px;
        width: 25px;
        vertical-align: middle;
    }

.shippingMsg {
    margin-bottom: 12px;
}

    .shippingMsg .fa {
        font-size: 18px;
        width: 25px;
        vertical-align: middle;
    }

#quantity_message {
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 5px 9px;
    margin-bottom: 15px;
    border: 1px dashed #000;
}

    #quantity_message .items {
        font-weight: 700;
    }

.userViewMsg {
    clear: both;
    margin-bottom: 12px;
}

    .userViewMsg .fa,
    .userViewMsg .uersView {
        color: #e95144;
    }

    .userViewMsg .fa {
        font-size: 18px;
        width: 25px;
    }

.prFeatures {
    padding: 20px 0;
}

    .prFeatures .feature {
        margin-bottom: 20px;
    }

    .prFeatures img {
        float: left;
    }

    .prFeatures .details {
        margin-left: 65px;
        line-height: 1.5;
    }

        .prFeatures .details h3,
        .prFeatures .details .h3 {
            margin-bottom: 5px;
            text-transform: uppercase;
        }

.template-product .tabs-listing {
    margin-top: 40px;
}

    .template-product .tabs-listing .tabs-ac-style {
        display: none;
    }

    .template-product .tabs-listing .product-tabs {
        border-bottom: 1px solid #e8e9eb;
        width: 100%;
        margin-bottom: 0;
    }

        .template-product .tabs-listing .product-tabs li {
            float: none;
            display: inline-block;
            cursor: pointer;
            margin-right: 5px;
        }

        .template-product .tabs-listing .product-tabs a {
            font-size: 13px;
            line-height: normal;
            position: relative;
            border-bottom: 0;
            letter-spacing: 0.2px;
            display: block;
            border: 1px solid #dddddd;
            border-bottom: 0;
            padding: 11px 25px 8px 25px;
            background: #f5f5f5;
            text-transform: uppercase;
            font-weight: 600;
            border-radius: 0;
            outline: none;
            color: #2e2d2d;
            text-decoration: none;
        }

.template-product .product-tabs li.active a,
.template-product .product-tabs li.active a:focus {
    background: transparent;
    text-decoration: none;
    border: 1px solid #ddd;
    color: #000;
    border-bottom: 0;
    opacity: 1;
}

    .template-product .product-tabs li.active a:before,
    .template-product .product-tabs li.active a:before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #fff;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
    }

.acor-ttl.active {
    border-bottom: 1px solid #000;
}

.acor-ttl {
    display: block;
    padding: 15px 0;
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 1px solid #e8e9eb;
    font-family: IBM Plex Sans, Helvetica, Tahoma, Arial, sans-serif;
    margin: 0;
    font-size: 12px;
    cursor: pointer;
}

.template-product .tabs-listing .tab-container {
    padding: 30px 0;
    text-align: left;
}

.tab-container .tab-content {
    display: none;
}

.product-template__container .product-single-1 .tab-container .tab-content {
    padding-top: 20px;
}

.template-product .prstyle2 .tabs-listing .acor-ttl:before {
    position: absolute;
    right: 15px;
    top: 15px;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: normal;
}

.template-product .prstyle2 .tabs-listing .acor-ttl.active:before {
    content: "\f106";
    color: #000;
}

#shopify-product-reviews {
    *zoom: 1;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 1em 0;
}

.spr-container:before,
.spr-container:after {
    content: " ";
    display: table;
}

.spr-summary-starrating {
    margin: 0 6px 0 0;
}

.spr-summary-actions-newreview {
    float: right;
    background: #000;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 10px;
    text-transform: uppercase;
}

.spr-form-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 0;
    text-transform: uppercase;
}

.spr-form-contact-name,
.spr-form-contact-email,
.spr-form-contact-location,
.spr-form-review-rating,
.spr-form-review-title,
.spr-form-review-body {
    *zoom: 1;
    margin: 0 0 15px 0;
}

.spr-container input,
.spr-container select,
.spr-container textarea {
    border-color: #d3d3d3;
}

.product-template__container label {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.spr-reviews {
    padding: 0 0 20px;
}

    .spr-reviews .review-inner {
        max-height: 525px;
        overflow-y: auto;
    }

    .spr-reviews .spr-review:not(:last-of-type) {
        border-bottom: 1px dotted #a6a6a6;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

.spr-review-header-starratings {
    margin: 0;
    display: inline-block;
}

.spr-review-header-title {
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}

.spr-review-header-byline {
    font-weight: normal;
    font-size: 12px;
    opacity: 0.7;
    display: inline-block;
    margin: 0 0 1em 0;
}

    .spr-review-header-byline strong {
        font-weight: normal;
    }

.spr-review-content {
    *zoom: 1;
    margin: 0;
}

.spr-form-actions .spr-button-primary {
    float: left;
}

.new-review-form .spr-form-label {
    display: block;
    margin-bottom: 3px;
}

    .new-review-form .spr-form-label .required {
        color: #F00;
    }

.tabs-listing .tab-container table tr th {
    background: #000;
    color: #fff;
    border: 0 !important;
}

.tabs-listing .tab-container table tr th,
.tabs-listing .tab-container table tr td {
    padding: 7px 12px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #e8e9eb;
}

.related-product {
    margin-bottom: 40px;
}

    .related-product .section-header {
        margin-bottom: 20px;
    }

        .related-product .section-header p {
            margin-left: auto;
            margin-right: auto;
        }

    .related-product .button-set.style1 li .btn-icon {
        font-size: 14px;
        margin: 1px;
        width: 30px;
        height: 30px;
        line-height: 28px;
    }

.product-template__container .section-header {
    margin-bottom: 40px;
}

.sub-heading {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

.related-product .grid--view-items {
    overflow: visible;
}

.recently-product .grid-products .item {
    float: left;
}

.product-single__photos.bottom .product-dec-slider-1 {
    padding: 8px 0;
    margin-left: -4px;
}

    .product-single__photos.bottom .product-dec-slider-1 .slick-list {
        margin: 0 -2px;
    }

    .product-single__photos.bottom .product-dec-slider-1 .slick-slide {
        margin: 0 4px;
    }

.product-info .lbl {
    font-weight: 700;
}

.left-content-product {
    float: left;
    width: 80%;
    padding-right: 30px;
}

.sidebar-product {
    float: left;
    width: 20%;
}

    .sidebar-product .prFeatures {
        padding-top: 0;
    }

        .sidebar-product .prFeatures h5 {
            font-size: 1.07692em;
            font-family: 'IBM Plex Sans', sans-serif;
            font-weight: 600;
        }

.template-product-right-thumb .sidebar-product .prFeatures {
    padding-top: 0;
}

.sidebar-product .section-header {
    margin-bottom: 20px;
}

.prstyle3 .related-product {
    margin-bottom: 20px;
}

    .prstyle3 .related-product:before,
    .prstyle3 .related-product:after {
        content: '';
        clear: both;
        display: block;
    }

    .prstyle3 .related-product .section-header .h2,
    .prstyle3 .related-product .section-header .sub-heading {
        text-align: left;
    }

    .prstyle3 .related-product .section-header {
        margin-bottom: 12px;
    }

.prSidebar .section-header h2,
.prSidebar .section-header .h2 {
    font-size: 130%;
    text-align: left !important;
}

.prstyle3 .mini-list-item .mini-view_image img {
    max-width: 110px;
}

.prstyle3 .mini-list-item .mini-view_image {
    width: 28%;
}

.prstyle3 .mini-list-item .details {
    margin-left: 32%;
}

.template-product-right-thumb .product-details-img .product-thumb {
    padding-right: 0;
    padding-left: 5px;
}

.template-product-right-thumb .product-thumb .product-dec-slider-2 a {
    padding-bottom: 3px;
}

.template-product-right-thumb .prFeatures {
    padding: 40px 0 20px;
}

.product-countdown {
    position: static;
    margin: 15px 0;
}

    .product-countdown:before,
    .product-countdown:after {
        content: '';
        clear: both;
        display: block;
    }

    .product-countdown .time-count {
        font-weight: 700;
        font-size: 24px;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0;
    }

.saleTime.product-countdown {
    position: static;
    margin: 15px 0;
}

    .saleTime.product-countdown .count-inner {
        background-color: #f8f8f8;
        min-width: 65px;
        border: 1px solid #dddddd;
        padding: 10px;
        margin-right: 5px;
    }

        .saleTime.product-countdown .count-inner .time-count {
            color: #000;
            font-size: 20px;
            line-height: 23px;
            font-weight: bold;
        }

    .saleTime.product-countdown span > span {
        margin-top: 0;
    }

        .saleTime.product-countdown span > span span {
            font-size: 13px;
            line-height: 16px;
            display: block;
            background-color: transparent;
            border: 0;
            padding: 0;
        }

.product-right-sidebar .product-details-img {
    width: 50%;
    float: left;
    padding-right: 10px;
}

.product-right-sidebar .product-information {
    width: 50%;
    float: left;
    padding-left: 10px;
}

.product-right-sidebar .sidebar-product {
    width: 100%;
}

.product-right-sidebar .tabs-listing {
    clear: both;
    padding-top: 30px;
}

.product-right-sidebar .sub-heading {
    text-align: left;
}

.product-right-sidebar .related-product {
    margin-bottom: 20px;
}

.product-labels .pr-label3 {
    left: 5px;
    background: #fb6c3e;
}

.product-single .product-single__meta {
    position: relative;
    margin-bottom: 10px;
}

.product-single .product-featured-img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.product-single .grid_item-title {
    font-size: 26px;
    margin-bottom: 25px;
}

.mfpbox {
    margin: 0 auto;
    padding: 20px;
    max-width: 800px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 20px rgba(51, 51, 51, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(51, 51, 51, 0.3);
}

    .mfpbox .mfp-close {
        right: 0;
        opacity: 1;
        top: 0;
        color: #333;
        line-height: 30px;
        height: 30px;
        width: 30px
    }

.mfp-close {
    font-size: 28px !important;
}

.product-nav {
    color: #333333;
    font-size: 12px;
    line-height: 1.2;
    max-width: 200px;
    padding: 5px;
    opacity: 0.3;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    position: fixed;
    top: 45%;
    z-index: 10;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

    .product-nav:hover {
        color: #333;
        opacity: 1;
    }

    .product-nav.prev-pro {
        left: -130px;
    }

    .product-nav.next-pro {
        right: -130px;
    }

    .product-nav .details {
        width: 125px;
        padding: 5px;
    }

    .product-nav span.img {
        width: 60px;
    }

    .product-nav:hover.prev-pro {
        left: 0;
    }

    .product-nav:hover.next-pro {
        right: 0;
    }

    .product-nav .price {
        margin-top: 10px;
        display: block;
    }

.product-horizontal-style .product-zoom-right {
    width: 100%;
}

.product-horizontal-style .product-horizontal-thumb {
    width: 100%;
    padding: 10px 0;
}

    .product-horizontal-style .product-horizontal-thumb .slick-slider {
        margin: 0 -10px 0 0;
    }

    .product-horizontal-style .product-horizontal-thumb .slick-slide {
        margin: 0 10px 0 0;
        cursor: pointer;
    }

    .product-horizontal-style .product-horizontal-thumb .slick-prev {
        left: 0;
        top: 50%;
        margin: 0;
    }

        .product-horizontal-style .product-horizontal-thumb .slick-prev:before {
            content: "\ea8b";
            font-family: "annimex-icons";
            font-size: 14px;
            line-height: 18px;
        }

    .product-horizontal-style .product-horizontal-thumb .slick-next {
        right: 9px;
        left: auto;
        bottom: auto;
        top: 50%;
        margin: 0;
    }

        .product-horizontal-style .product-horizontal-thumb .slick-next:before {
            content: "\ea8c";
            font-family: "annimex-icons";
            font-size: 14px;
            line-height: 18px;
        }

.product-360-degree-layout .trustseal-img {
    margin-top: 20px;
}

.social-sharing .btn .share-title {
    display: none;
}

.product-single .type-product {
    display: block;
    margin: 10px 0;
}

.stickyCart {
    display: none;
    color: #f5f5f5;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    text-align: center;
    width: 100%;
    padding: 5px;
    background-color: #000000;
}

    .stickyCart .img,
    .stickyCart .sticky-title {
        display: inline-block;
        vertical-align: middle
    }

    .stickyCart .product-featured-img {
        display: block;
        margin: 0 auto;
        max-width: 40px;
    }

    .stickyCart .sticky-title {
        padding: 0 60px 0 10px;
    }

    .stickyCart .stickyOptions {
        margin-right: 10px;
        border: 1px solid #535353;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

        .stickyCart .stickyOptions .selectedOpt {
            padding: 8px 30px 0 15px;
            font-size: 110%;
            height: 35px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 220px;
            text-overflow: ellipsis;
            cursor: pointer;
            position: relative;
        }

            .stickyCart .stickyOptions .selectedOpt:after {
                content: "\e905";
                font-family: "annimex-icons";
                position: absolute;
                top: 8px;
                right: 10px;
            }

        .stickyCart .stickyOptions ul {
            position: absolute;
            bottom: 100%;
            left: 0;
            display: none;
            min-width: 100%;
            max-height: 300px;
            overflow: auto;
            background-color: #000;
        }

            .stickyCart .stickyOptions ul li {
                font-size: 90%;
                padding: 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
                cursor: pointer;
            }

                .stickyCart .stickyOptions ul li.soldout {
                    opacity: 0.5;
                    text-decoration: line-through;
                }

    .stickyCart .product-form__cart-submit {
        padding: 0 20px;
        line-height: 37px;
        border: 0;
        background: #e34848;
        color: #ffffff;
    }

    .stickyCart .wrapQtyBtn {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        float: none;
    }

    .stickyCart .qtyField {
        border: 1px solid #535353;
    }

        .stickyCart .qtyField .qtyBtn,
        .stickyCart .qtyField .qty {
            color: #f5f5f5;
            height: 35px;
            background-color: #000;
            border: 0;
        }

    .stickyCart.popup {
        padding-right: 16px;
    }

    .stickyCart .product-form__variants.selectbox.no-js {
        display: none;
    }

.template-product .tabs-listing.tab-accordian-style {
    margin-top: 10px;
}

.tab-accordian-style .acor-ttl {
    line-height: normal;
    text-transform: uppercase;
    color: #000;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    display: block;
    padding: 15px 30px 15px 15px;
    margin-bottom: 5px;
}

    .tab-accordian-style .acor-ttl.active {
        color: #000000;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        padding: 10px;
        display: block;
        padding: 15px 30px 15px 15px;
    }

    .tab-accordian-style .acor-ttl:before {
        font-family: "annimex-icons";
        content: "\eb66";
        font-size: 18px;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -10px;
    }

    .tab-accordian-style .acor-ttl.active:before {
        content: "\eb69";
    }

.tab-accordian-style .tab-container .tab-content {
    padding: 20px 0;
}

.product-single-style2 .product-sticky-style {
    margin-bottom: 45px;
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
}

.product-single-style2 .product-details-img .product-zoom-right {
    width: 100%;
}

.product-single-style2 .product-details-img .zoompro-wrap {
    margin-bottom: 10px;
}

.product-single-style2 .product-form__item .sizelink,
.product-single-style3 .product-form__item .sizelink {
    padding-left: 10px;
}

.product-single-style3 .product-form {
    margin-left: 0;
    margin-right: 0;
}

    .product-single-style3 .product-form .col-12 {
        padding: 0 5px;
    }

    .product-single-style3 .product-form .row {
        width: 100%;
        margin: 0 -5px;
    }

.product-single-style3 .infolinks {
    margin: 10px 0 30px;
}

.product-single-style3 .orderMsg {
    color: #000;
}

    .product-single-style3 .orderMsg .anm {
        font-size: 20px;
        padding-right: 5px;
    }

.product-single-style3 .product-action {
    margin: 10px 0;
    padding: 0;
}

.product-single-style3 .storeFeatures {
    padding-top: 10px;
    color: #111;
    margin: 0 -10px 10px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .product-single-style3 .storeFeatures p {
        padding: 5px 10px;
        margin: 0;
    }

.product-single-style3 .userViewMsg .anm {
    font-size: 14px;
    padding-right: 5px;
}

.product-single-style3 .userViewMsg .anm,
.product-single-style3 .userViewMsg .uersView {
    color: #000;
}

.product-single-style3 .product-sticky-style {
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
}

.product-single-style3 .product-single {
    margin-bottom: 40px;
}

.product-single-style4 .product-sticky-style {
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
}

.product-single-style4 .product-single {
    margin-bottom: 40px;
}

.product-single-style4 .product-details-img .product-zoom-right {
    width: 100%;
    margin-bottom: 10px;
}

.product-single-style4 .product-details-img > .row {
    margin-left: -5px;
    margin-right: -5px;
}

.product-single-style4 .product-details-img .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.template-product .list-sidebar-products .grid__item {
    margin-bottom: 15px;
}

.template-product .mini-list-item .mini-view_image {
    width: 30%;
}

    .template-product .mini-list-item .mini-view_image img {
        max-width: 90px;
    }

ol#compare-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ol#compare-items li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ECECEC;
        position: relative;
    }

        ol#compare-items li .btn-remove1 {
            position: absolute;
            right: 5px;
            top: 5px;
        }

.template-product .block-cart .list-sidebar-products .grid__item {
    margin-bottom: 0;
}

.block {
    background-color: #f5f5f5;
    padding: 15px;
}

.block-cart .block-subtitle {
    font-weight: 600;
}

.block-cart .list-sidebar-products {
    margin-top: 15px;
}

.block-cart .summary {
    padding: 0 0 15px;
    border-bottom: 1px solid #ECECEC;
}

    .block-cart .summary p {
        margin-bottom: 5px;
    }

    .block-cart .summary .subtotal .price {
        font-weight: 600;
    }

.block-cart .product-name {
    display: block;
    margin: 5px 0;
}

.block-cart .details {
    position: relative;
}

.block-cart .btn-remove1 {
    position: absolute;
    right: 5px;
    top: 5px;
}

.product-single-center-mode .product-details-img {
    margin-bottom: 30px;
}

.product-single-center-mode .product-buttons {
    bottom: 86px;
    right: 26px;
}

.product-single-center-mode .product-center-style3 .slick-slide {
    opacity: 0.5;
}

    .product-single-center-mode .product-center-style3 .slick-slide.slick-active.slick-center {
        opacity: 1;
    }

.product-single-center-mode .tabs-listing {
    margin-bottom: 20px;
}

    .product-single-center-mode .tabs-listing .product-tabs {
        text-align: center;
    }

.product-single-center-mode .product-info-center {
    max-width: 700px;
    margin: 0 auto 30px;
    text-align: center;
}

.product-simple-layout #freeShipMsg {
    margin-top: 20px;
}

.product-simple-layout .product-form-product-template {
    border-top: 1px dotted #a0a0a0;
    border-bottom: 1px dotted #a0a0a0;
    padding: 20px 0 10px;
    margin: 20px 0 10px;
}

.product-simple-layout .tabs-listing .product-tabs {
    text-align: center;
}

.product-variable-layout .product-form-product-template {
    border-top: 1px dotted #a0a0a0;
    border-bottom: 1px dotted #a0a0a0;
    padding: 20px 0;
    margin: 20px 0 30px;
}

.product-variable-layout .infolinks .btn {
    margin-right: 10px;
}

.product-grouped-layout .product-form__item--submit {
    padding-left: 0;
}

    .product-grouped-layout .product-form__item--submit .btn {
        width: 50%;
    }

.product-grouped-layout .infolinks {
    margin-bottom: 25px;
}

.grouped-product-list {
    border-collapse: collapse;
}

    .grouped-product-list tr {
        border-bottom: 1px dotted #b7b7b7;
    }

    .grouped-product-list td {
        padding: 10px 5px;
    }

        .grouped-product-list td.grouped-product-list-item__thumb img {
            max-width: 70px;
        }

        .grouped-product-list td .qtyField a {
            background: #fff;
        }

        .grouped-product-list td .qtyField .qtyBtn,
        .grouped-product-list td .qtyField .qty {
            height: 35px;
            padding: 7px 6px;
        }

        .grouped-product-list td.grouped-product-list-item__price .old-price {
            color: #999;
            padding-right: 10px;
            text-decoration: line-through;
        }

#threesixty {
    max-width: 400px;
    background: #fff;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

.threesixty {
    overflow: hidden;
}

    .threesixty .nav_bar {
        position: absolute;
        bottom: 20px;
        left: 50%;
        z-index: 11;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

        .threesixty .nav_bar a {
            font-size: 0;
            width: 40px;
            line-height: 40px;
            height: 40px;
            float: left;
            background-color: #fff;
            text-align: center;
        }

            .threesixty .nav_bar a::before {
                display: inline-block;
                font-size: 24px;
                font-family: "annimex-icons";
            }

            .threesixty .nav_bar a.nav_bar_previous::before {
                content: "\ea46";
            }

            .threesixty .nav_bar a.nav_bar_play::before {
                content: "\ebdf";
            }

            .threesixty .nav_bar a.nav_bar_next::before {
                content: "\ea47";
            }

            .threesixty .nav_bar a.nav_bar_stop::before {
                content: "\ebd8";
            }

    .threesixty .spinner {
        width: 60px;
        display: block;
        margin: 0 auto;
        height: 30px;
        background: #333;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .threesixty .spinner span {
            font-family: Arial, "MS Trebuchet", sans-serif;
            font-size: 12px;
            font-weight: bolder;
            color: #FFF;
            text-align: center;
            line-height: 30px;
            display: block;
        }

    .threesixty .threesixty_images {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .threesixty .threesixty_images img {
            position: absolute;
            top: 0;
            left: 50%;
            height: auto;
            max-height: 500px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        }

            .threesixty .threesixty_images img.current-image {
                visibility: visible;
            }

            .threesixty .threesixty_images img.previous-image {
                visibility: hidden;
            }

.out-of-stock-layout .product-form__item--submit {
    padding-left: 0;
}

.out-of-stock-layout .out-of-stock-btn {
    background-color: #ff0000;
    opacity: 1;
    cursor: default;
}

/*======================================================================
  16. Sidebar
========================================================================*/
.sidebar .sidebar_widget {
    margin-bottom: 35px;
    clear: both;
    width: 100%;
}

    .sidebar .sidebar_widget:last-of-type {
        margin-bottom: 0;
    }

.sidebar h2,
.sidebar .h2 {
    font-family: 'IBM Plex Sans', sans-serif;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
}

.sidebar .sidebar_widget .widget-content ul {
    margin: 0 0 15px;
    list-style: none;
}

.sidebar .sidebar_widget.sidePro .widget-content ul {
    margin: 0;
}

.sidebar .sidebar_widget .widget-content ul li {
    list-style: none;
    padding: 3px 0;
    font-size: 12px;
}

.filterBox ul:not(.filter-color) {
    list-style: none;
}

    .filterBox ul:not(.filter-color) input[type="checkbox"] {
        width: 20px;
        height: auto;
        margin: 0;
        padding: 0;
        font-size: 1em;
        opacity: 0;
    }

        .filterBox ul:not(.filter-color) input[type="checkbox"] + label {
            display: inline-block;
            margin-left: -20px;
            line-height: 1.5em;
            cursor: pointer;
            margin-bottom: 0;
        }

    .filterBox ul:not(.filter-color) li label {
        font-weight: 400;
        font-size: 14px;
        font-weight: 400;
    }

    .filterBox ul:not(.filter-color) input[type="checkbox"] + label > span {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 7px 0 0;
        border: 1px solid #d0d0d0;
        vertical-align: middle;
    }

    .filterBox ul:not(.filter-color) input[type="checkbox"]:checked + label > span::before {
        content: "\f00c";
        font-family: "FontAwesome";
        display: block;
        width: 14px;
        color: #000;
        font-size: 11px;
        line-height: 13px;
        text-align: center;
    }

.filterBox .filter-color {
    display: table;
    list-style: none;
    width: 100%;
}

    .filterBox .filter-color .swacth-btn {
        display: block;
        float: left;
        margin-bottom: 10px;
        position: relative;
        height: 25px;
        width: 25px;
        border: 1px solid transparent;
        background-color: #f2f2f2;
        margin-right: 8px;
        text-align: center;
        font-size: 10px;
        line-height: 21px;
        color: #000;
        cursor: pointer;
        border-radius: 100px;
    }

        .filterBox .filter-color .swacth-btn.checked {
            border-color: #000;
        }

    .filterBox .filter-color .black {
        background-color: #000;
    }

    .filterBox .filter-color .white {
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .filterBox .filter-color .red {
        background-color: #fe0000;
    }

    .filterBox .filter-color .blue {
        background-color: #0000fe;
    }

    .filterBox .filter-color .pink {
        background-color: #ffc1cc;
    }

    .filterBox .filter-color .gray {
        background-color: #818181;
    }

    .filterBox .filter-color .green {
        background-color: #027b02;
    }

    .filterBox .filter-color .orange {
        background-color: #fca300;
    }

    .filterBox .filter-color .yellow {
        background-color: #f9f900;
    }

    .filterBox .filter-color .blueviolet {
        background-color: #8A2BE2;
    }

    .filterBox .filter-color .brown {
        background-color: #A52A2A;
    }

    .filterBox .filter-color .darkGoldenRod {
        background-color: #B8860B;
    }

    .filterBox .filter-color .darkGreen {
        background-color: #006400;
    }

    .filterBox .filter-color .darkRed {
        background-color: #8B0000;
    }

    .filterBox .filter-color .khaki {
        background-color: #F0E68C;
    }

    .filterBox .filter-color .blue-red {
        background: url(../images/swatches/blue-red.jpg) no-repeat center center;
    }

    .filterBox .filter-color .black-grey {
        background: url(../images/swatches/grey-black.jpg) no-repeat center center;
    }

    .filterBox .filter-color .pink-black {
        background: url(../images/swatches/pink-black.jpg) no-repeat center center;
    }

.shop-fullwidth-layout.shop-listing .page-title h1 {
    text-align: center;
}

.shop-fullwidth-layout .filterbar {
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    width: 300px;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: -240px;
    z-index: 1000;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.shop-fullwidth-layout .btn-filter {
    margin-bottom: 0;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 18px;
}

    .shop-fullwidth-layout .btn-filter i {
        vertical-align: middle;
    }

.shop-fullwidth-layout .filterbar .sidebar_widget:not(.filterBox),
.filterbar .static-banner-block {
    display: none;
}

.shop-fullwidth-layout .filterbar.active {
    left: 0;
    opacity: 1;
    visibility: visible
}

.shop-fullwidth-layout .filterbar .closeFilter {
    color: #fff;
    font-size: 16px;
    line-height: 29px;
    height: 30px;
    width: 30px;
    text-align: center;
    visibility: hidden;
    cursor: pointer;
    position: fixed;
    top: 15px;
    left: -30px;
    background-color: #000;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.shop-fullwidth-layout .filterbar.active .closeFilter {
    visibility: visible;
    left: 300px;
}

.full-page-title .breadcrumbs-wrapper {
    margin-bottom: 0;
}

.full-page-title .page-title {
    background: url(../images/collection-banner/collection-banner.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: 50% 50%;
    padding: 110px 0;
}

    .full-page-title .page-title h1 {
        margin-bottom: 0 !important;
    }

.brand-filter li {
    margin-bottom: 4px;
}

.sidebar .sidebar_widget.categories .sub-level {
    position: relative;
}

    .sidebar .sidebar_widget.categories .sub-level > a:after {
        content: '\ebe0';
        font-family: 'annimex-icons';
        display: inline-block;
        position: absolute;
        right: 0;
        top: 3px;
    }

    .sidebar .sidebar_widget.categories .sub-level > a.active:after {
        content: '\ebd1';
        font-family: 'annimex-icons';
        display: inline-block;
    }

    .sidebar .sidebar_widget.categories .sub-level ul {
        margin-left: 15px;
        margin-bottom: 0;
        display: none;
    }

.sidebar .sidebar_widget.categories li a {
    color: #111;
    font-size: 14px;
    display: block;
}

    .sidebar .sidebar_widget.categories li a:focus {
        outline: 0;
    }

.filter-widget .widget-title {
    position: relative;
    cursor: pointer;
}

    .filter-widget .widget-title:after {
        content: '\eb69';
        font-family: 'annimex-icons';
        display: inline-block;
        position: absolute;
        right: 0;
        top: -1px;
        font-size: 17px;
    }

    .filter-widget .widget-title.active:after {
        content: '\eb66';
        font-family: 'annimex-icons';
        display: inline-block;
    }

.size-swacthes .swacth-list ul {
    margin-left: 0;
}

.size-swacthes .swacth-list li {
    float: left;
    display: block;
}

.size-swacthes .swacth-list .swacth-btn {
    font-size: 11px;
    display: block;
    margin-bottom: 2px;
    width: 30px;
    height: 30px;
    line-height: 28px;
}

/* Price Range */
.price-filter input[type="text"] {
    height: 30px;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    width: 100%;
}

#slider-range.ui-slider-horizontal {
    background: #e9e9e9;
    border: none;
    border-radius: 0;
    height: 3px;
    margin-bottom: 20px;
}

#slider-range .ui-slider-handle {
    background: #000;
    border: 2px solid #000;
    height: 12px;
    outline: none;
    top: -5px;
    width: 12px;
    border-radius: 50%;
    cursor: w-resize;
    margin-left: -1px;
}

#slider-range.ui-slider-horizontal .ui-slider-range {
    background: #777;
    border: 0;
}

    #slider-range.ui-slider-horizontal .ui-slider-range ~ .ui-slider-range {
        background: #000;
    }

/* Color Swatches */
.sidebar .swacth-list ul {
    margin: 0;
}

    .sidebar .swacth-list ul:before,
    .sidebar .swacth-list ul:after {
        content: '';
        clear: both;
        display: table;
    }

.sidebar .swacth-list li {
    position: relative;
    float: left;
}

    .sidebar .swacth-list li .tooltip-label {
        top: -23px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -3px;
    }

    .sidebar .swacth-list li:hover .tooltip-label {
        opacity: 1;
        top: -28px;
        visibility: visible;
    }

.grid-products .item .swatches.color-style li {
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .grid-products .item .swatches.color-style li input[type="checkbox"] {
        display: none;
    }

        .grid-products .item .swatches.color-style li input[type="checkbox"] + label.color {
            margin: 0;
            cursor: pointer;
            border: 1px solid #ccc;
        }

            .grid-products .item .swatches.color-style li input[type="checkbox"] + label.color span {
                display: block;
                height: 25px;
                width: 25px;
            }

        .grid-products .item .swatches.color-style li input[type="checkbox"]:checked + label.color {
            border: 1px solid #000;
            box-shadow: 0 0 1px #000;
        }

    .grid-products .item .swatches.color-style li .black {
        background-color: #000;
    }

    .grid-products .item .swatches.color-style li .white {
        background-color: #fff;
    }

    .grid-products .item .swatches.color-style li .red {
        background-color: #fe0000;
    }

    .grid-products .item .swatches.color-style li .blue {
        background-color: #0000fe;
    }

    .grid-products .item .swatches.color-style li.rounded {
        width: 25px;
        height: 25px;
        border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
    }

        .grid-products .item .swatches.color-style li.rounded input[type="checkbox"] + label.color,
        .grid-products .item .swatches.color-style li.rounded input[type="checkbox"] + label.color span,
        .grid-products .item .swatches.color-style li.rounded input[type="checkbox"]:checked + label.color {
            border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
        }

    .grid-products .item .swatches.color-style li.radius input[type="checkbox"] + label.color,
    .grid-products .item .swatches.color-style li.radius input[type="checkbox"] + label.color span,
    .grid-products .item .swatches.color-style li.radius input[type="checkbox"]:checked + label.color {
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
    }

    .grid-products .item .swatches.color-style li.small,
    .grid-products .item .swatches.color-style li.small input[type="checkbox"] + label.color span {
        width: 15px;
        height: 15px;
    }

/* End Color Swatches */

.list-sidebar-products {
    margin-top: 30px;
}

    .list-sidebar-products:before,
    .list-sidebar-products:after,
    .sidebar .sidebar_widget:before,
    .sidebar .sidebar_widget:after {
        content: '';
        clear: both;
        display: block;
    }

    .list-sidebar-products .grid__item {
        margin-bottom: 5px;
    }

.mini-list-item {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .mini-list-item:before,
    .mini-list-item:after {
        content: '';
        clear: both;
        display: block;
    }

    .mini-list-item .mini-view_image {
        float: left;
    }

        .mini-list-item .mini-view_image img {
            width: 100%;
            max-width: 70px;
        }

    .mini-list-item .details {
        flex: 6;
        -ms-flex: 6;
        padding-left: 15px;
    }

.product-tags li {
    border-radius: 18px;
    display: inline-block;
    border: 1px solid #e8e9eb;
    margin-bottom: 5px;
    height: 25px;
}

    .product-tags li a {
        padding: 5px 10px;
        font-size: 11px;
    }

.btnview {
    background: none;
    color: #000;
    padding: 5px 0;
    border-bottom: 1px solid #000;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .btnview:hover {
        background: none;
        border-color: #fff;
        color: #000;
    }

.filters-toolbar-wrapper {
    border: 0;
    margin: -10px 0 20px 0;
}

    .filters-toolbar-wrapper .change-view {
        color: #555;
        font-size: 16px;
        cursor: pointer;
        background: none;
        border: 0;
        padding: 0 5px;
    }

    .filters-toolbar-wrapper .change-view--active {
        color: #000;
    }

.filters-toolbar__product-count {
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.filters-toolbar-wrapper select {
    width: auto;
    font-size: 12px;
}

.filters-toolbar__input {
    padding: 0 5px;
    -ms-transition: all ease-out 0.15s;
    -webkit-transition: all ease-out 0.15s;
    transition: all ease-out 0.15s;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    height: 30px;
    opacity: 1;
}

.toolbar {
    margin-top: 30px;
}

.infinitpagin {
    clear: both;
    padding: 15px 0 30px;
    text-align: center;
}

.loadMore {
    color: #fff !important;
}

.pagination {
    width: 100%;
    text-align: center;
    list-style: none;
    font-size: 1.15385em;
}

    .pagination ul {
        display: block;
        margin: 0 auto;
    }

    .pagination li {
        display: inline-block;
    }

        .pagination li.active a {
            border: 2px solid #636871;
            color: #555;
        }

        .pagination li a {
            font-size: 12px;
            color: #a2a2a2;
            height: 30px;
            width: 30px;
            line-height: 28px;
            display: inline-block;
            border: 2px solid #e8e9eb;
            vertical-align: middle;
        }

            .pagination li a i {
                line-height: 28px;
                vertical-align: middle;
            }

/* Countdown Timer On listing */
.grid-products .item:hover .saleTime {
    display: none
}

.saleTime {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 111
}

    .saleTime .time-count {
        font-weight: 700;
        font-size: 14px;
    }

    .saleTime span > span {
        font-weight: 700;
        min-width: 30px;
        padding: 6px 4px 4px;
        line-height: 12px;
        display: inline-block;
        margin: 0 0 0 1px;
        text-align: center;
        background: rgba(255, 255, 255, 0.9);
        color: #141414
    }

        .saleTime span > span span {
            display: block;
            background: none;
            font-size: 10px;
            font-weight: 400;
            margin-top: -3px;
            text-transform: uppercase;
            line-height: 8px
        }

.timermobile {
    margin: 0 -10px;
    display: none
}

    .timermobile .saleTime {
        position: relative;
        margin-top: 20px
    }

.countdown-deals {
    line-height: 35px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

    .countdown-deals .cdown {
        background: #efefef;
        display: inline-block;
        height: 50px;
        width: 44px;
    }

        .countdown-deals .cdown span {
            font-size: 14px;
            font-weight: 500;
        }

        .countdown-deals .cdown > p {
            font-size: 12px;
            text-transform: uppercase;
            line-height: 0;
            margin: 0;
        }

.grid-products .countdown-deals {
    position: absolute;
    bottom: -10px;
}

    .grid-products .countdown-deals .cdown {
        color: #fff;
        background-color: #000;
    }

.product-list .countdown-deals {
    line-height: 40px;
    text-align: left;
}

    .product-list .countdown-deals .cdown {
        font-size: 14px;
        height: 59px;
        width: 65px;
        text-align: center;
        color: #fff;
        background-color: #000;
    }

.product-load-more .item {
    display: none;
}

.sideProSlider .slick-next {
    right: 0;
}

.sideProSlider .slick-prev {
    left: 0;
}

.sideProSlider .slick-arrow {
    opacity: 0;
    visibility: hidden;
    width: 35px;
    height: 35px;
    background: #fff;
}

.sideProSlider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.sidebar .storeFeatures {
    margin: 10px 0 20px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}

    .sidebar .storeFeatures p {
        width: 100%;
    }

    .sidebar .storeFeatures .anm {
        font-size: 16px;
        min-width: 25px;
        display: inline-block;
    }

/*======================================================================
  End Sidebar
========================================================================*/

/*======================================================================
  17. Shop Pages
========================================================================*/
.category-banner,
.category-description {
    margin-bottom: 20px;
}

.shop-listing .page-title h1 {
    font-size: 18px;
    text-align: left;
    margin-bottom: 20px;
}

.small-heading .page-title {
    background-color: #f5f5f5;
    padding: 45px 0;
}

    .small-heading .page-title h1 {
        text-align: center;
        margin-bottom: 0;
    }

.small-heading .breadcrumbs-wrapper {
    margin-bottom: 0;
}

.category-text-banner {
    background: url(../images/collection-banner/accessories.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: relative;
}

    .category-text-banner .page-title {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -25px;
        padding: 0 50px;
    }

        .category-text-banner .page-title h1 {
            margin-bottom: 10px;
        }

    .category-text-banner .block-ttl {
        width: 100%;
    }

.category-banner-slider {
    margin-bottom: 20px;
}

    .category-banner-slider .slick-arrow {
        opacity: 0;
        visibility: hidden;
        width: 40px;
        border-radius: 5px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.5);
    }

        .category-banner-slider .slick-arrow:before {
            line-height: 40px;
        }

    .category-banner-slider:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
    }

    .category-banner-slider .slick-arrow:hover {
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    }

    .category-banner-slider .slick-prev {
        left: 10px;
    }

    .category-banner-slider .slick-next {
        right: 10px;
    }


/*======================================================================
  End Shop Pages
========================================================================*/

/*======================================================================
  18. CMS Page
========================================================================*/
.about-style-2 #page-content .col-12 img {
    text-align: center;
}

.about-style-2 .team-bio {
    margin: 15px 0;
    text-align: center;
}

    .about-style-2 .team-bio p {
        margin-bottom: 0;
    }

.about-style-2 .social-url {
    text-align: center;
    margin-bottom: 20px;
}

    .about-style-2 .social-url a {
        margin: 0 7px;
    }

.error-404-page .page-title h1 {
    font-size: 40px;
    margin: 0 0 10px;
}

.error-404-page #page-content .error-content p {
    color: #000;
    font-size: 16px;
}

.dashboard-upper-info {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 40px;
}

    .dashboard-upper-info p {
        margin-bottom: 0;
        font-size: 15px;
    }

    .dashboard-upper-info .d-single-info {
        border-right: 1px solid #ebebeb;
        padding: 30px 20px;
    }

    .dashboard-upper-info [class*="col-"]:last-child .d-single-info {
        border-right: 0;
    }

.dashboard-list li a {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 15px;
}

    .dashboard-list li a.active,
    .dashboard-list li a:hover {
        color: #fff;
        background-color: var(--primaryred);
    }

.dashboard-content {
    background-color: white;
    padding: 20px;
}

    .dashboard-content h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 10px 0;
        letter-spacing: 0.8px;
    }

    .dashboard-content p {
        margin: 0;
    }

.product-order .table thead th {
    font-size: 14px;
    padding: 10px;
    font-weight: 600;
}

.product-order .table tbody tr td {
    line-height: 18px;
    font-weight: 500;
}

    .product-order .table tbody tr td a:hover {
        text-decoration: underline;
    }

.dashboard-content .billing-address {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin: 15px 0 10px;
}

.dashboard-content .address .view:hover {
    text-decoration: underline;
}

.contact-details {
    padding: 60px 30px;
    background: #f8f8f8;
    color: #111111;
}

.visually-hidden,
.icon__fallback-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

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

    .addressFooter .icon {
        color: #000 !important;
        font-size: 18px;
        float: left;
        margin-top: 2px;
    }

    .addressFooter li {
        padding-bottom: 12px;
    }

        .addressFooter li p {
            padding-left: 30px;
        }

.contact-us-page .section-header {
    margin-bottom: 0;
}

.contact-us-page .map-section {
    margin-bottom: 0;
    overflow: hidden;
    height: 350px;
}

    .contact-us-page .map-section .container {
        position: relative;
        height: 100%;
    }

.contact-us-page .map-section__overlay {
    left: auto;
    width: 300px;
    padding: 20px;
    display: inline-block;
    text-align: center;
    z-index: 3;
    position: absolute;
    left: 30px;
    top: 0;
    transform: translateY(-135%);
    -webkit-transform: translateY(-135%);
    margin-top: 0;
    background: rgba(255, 255, 255, 0.8);
}

.contact-us-page .map-section__overlay-wrapper {
    position: static;
    text-align: left;
    height: 100%;
}

.rte-setting {
    margin-bottom: 11.11111px;
}

.contact-us-page .btn--secondary {
    background-color: #ededed;
    color: #000;
    border: 1px solid #000;
}

.contact-form textarea {
    height: 120px;
}

.contact-us-page2 .contact-form-in {
    padding: 30px;
    background: #f8f8f8;
    color: #111111;
}

    .contact-us-page2 .contact-form-in .input-text,
    .contact-us-page2 .contact-form-in textarea {
        background-color: #fff;
    }

.contact-us-page2 .contact-details {
    background-color: #fff;
    padding: 0;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form select {
    background-color: #fff;
}

.mailsendbtn {
    position: relative;
}

    .mailsendbtn .loading {
        display: none;
        position: absolute;
        right: 0;
        left: 0;
        top: 6px;
        width: 28px;
        height: 28px;
        margin: 0 auto;
        text-align: center;
    }

.error_msg {
    display: block;
    font-size: 13px;
    color: #ff4141;
}

/* Social Icon */
.site-footer__social-icons li {
    padding: 0 10px;
}

.social-icons .icon {
    color: #111111;
    font-size: 16px;
}

.site-footer__social-icons .icon {
    width: 16px;
}

.faqs-style1 #accordion .card {
    border: 0;
    margin: 0;
}

.faqs-style1 #accordion .card-header {
    line-height: 22px;
    cursor: pointer;
    font-weight: 600;
    font-size: 105%;
    text-transform: uppercase;
    background: none;
    padding: 18px 40px 0 0;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    border-radius: 0;
}

    .faqs-style1 #accordion .card-header:before {
        display: none;
    }

    .faqs-style1 #accordion .card-header a:before {
        content: "\e622";
        font-family: 'themify';
        position: absolute;
        top: 18px;
        right: 10px;
    }

    .faqs-style1 #accordion .card-header a.collapsed:before {
        content: "\e61a";
    }

    .faqs-style1 #accordion .card-header a {
        color: #000;
        display: block;
        margin: 0 0 15px;
    }

        .faqs-style1 #accordion .card-header a:focus {
            outline: 0;
        }

.faqs-style1 #accordion .collapse.show {
    margin: 0;
}

.faq-style2 h3 {
    color: #eeeeee;
    font-size: 20px;
    font-weight: 600;
    background: #333333;
    padding: 15px 20px;
    margin-top: 15px;
}

.faq-style2 .panel-title {
    line-height: 22px;
    font-weight: 600;
    font-size: 105%;
    text-transform: uppercase;
    background: none;
    padding: 18px 40px 18px 0;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.faq-style2 .panel-content {
    padding: 25px 0;
}

.coming-soon-page {
    height: 100vh;
}

.password-page {
    display: table;
    height: 100%;
    width: 100%;
    background-image: url(../images/coming-soon.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.password-main__inner {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    height: 100vh;
}

.coming-soon-form {
    color: #000000;
    display: inline-block;
    max-width: 600px;
    padding: 35px;
    margin: 0 auto;
    position: relative;
    background-color: #ffffff;
}

    .coming-soon-form h2 {
        font-size: 20px;
        font-family: 'PT Sans', sans-serif;
        font-weight: 700;
        letter-spacing: 0.2px;
    }

    .coming-soon-form .h4 {
        font-size: 15px;
        font-family: 'PT Sans', sans-serif;
        font-weight: 400;
        letter-spacing: 0.2px;
    }

.coming-soon-page .site-header__logo-image {
    max-width: 150px;
    display: block;
    margin: 0 auto 20px;
}

.coming-soon-page .input-group__field {
    background-color: #fff;
    margin-bottom: 10px;
}

.coming-soon-page .input-group__btn {
    margin: 0 auto 30px;
}

/* Wishlist Page & Compare page */
.wishlist-table {
    margin: 30px 0;
}

    .wishlist-table tr,
    .wishlist-table td {
        vertical-align: middle;
    }

    .wishlist-table .product-thumbnail a img {
        max-width: 100px;
    }

    .wishlist-table .in-stock {
        color: #01BD01;
        text-transform: uppercase;
        font-weight: 600;
    }

    .wishlist-table .out-stock {
        color: #DD0101;
        text-transform: uppercase;
        font-weight: 600;
    }

.compare-page .table {
    border: 1px solid #ddd;
}

    .compare-page .table th {
        background-color: #efefef;
        vertical-align: middle;
    }

    .compare-page .table td {
        border: 1px solid #ddd;
        vertical-align: middle;
    }

    .compare-page .table .remove-compare {
        border: 0;
        cursor: pointer;
    }

        .compare-page .table .remove-compare:hover {
            color: #000000;
        }

    .compare-page .table .featured-image {
        max-width: 185px;
        margin-bottom: 10px;
    }

    .compare-page .table .product-price.product_price {
        margin-bottom: 10px;
        display: block;
    }

    .compare-page .table .available-stock p {
        color: #090;
        text-transform: uppercase;
    }

.compare-page2 .table .remove-compare {
    float: right;
    width: 100%;
    text-align: right;
}

.compare-page2 .table .grid-link__title {
    margin-bottom: 10px;
}

/* My Account Pages */
.login-page .box {
    margin-bottom: 30px;
}

    .login-page .box h3,
    .register-page .box h3 {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 20px 0;
    }

.login-page form .required,
.register-page .required {
    color: #F00;
}

/*======================================================================
  19. Blog Pages
========================================================================*/
.loadmore-post {
    text-align: center;
}

.blog--grid-load-more .article {
    display: none;
    padding: 0 0 30px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #bbb;
}

.no-border .article {
    border-bottom: 0;
    padding-bottom: 0;
}

.custom-search {
    margin-bottom: 20px;
}

    .custom-search .search {
        opacity: 1;
        border: 1px solid #ddd;
        max-width: 100%;
        padding: 8px 10px;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        display: table;
        top: 0;
        transform: none;
        -webkit-transform: none;
        visibility: visible;
    }

    .custom-search .search__input {
        font-size: 13px;
        border: none;
        display: table-cell;
        width: 100%;
        padding: 0 10px;
    }

    .custom-search .input-group__field,
    .custom-search .input-group__btn {
        display: table-cell;
        vertical-align: middle;
        margin: 0;
    }

    .custom-search .input-group__btn {
        text-align: center;
        white-space: nowrap;
        width: 1%;
    }

    .custom-search .btnSearch {
        border: 0;
        cursor: pointer;
        font-size: 14px;
    }

.article_featured-image {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
}

    .article_featured-image img {
        margin-bottom: 20px;
    }

.blog-list-view .article_featured-image img {
    margin-bottom: 0;
}

.publish-detail {
    margin: 0 0 10px 0;
}

    .publish-detail li {
        list-style: none;
        display: inline-block;
    }

    .publish-detail > li:after {
        content: '|';
        display: inline-block;
        padding: 0 10px;
        vertical-align: middle;
    }

    .publish-detail > li:last-of-type:after {
        content: "";
    }

.article .rte {
    margin-bottom: 20px;
}

.article .h3 {
    font-size: 20px;
    font-weight: bold;
    text-transform: none
}

.featured-content .list-items {
    margin-left: 10px;
}

#comment_form {
    padding: 30px;
    background: #faf9f9;
    margin-top: 40px;
}

    #comment_form input[type="text"],
    #comment_form input[type="email"],
    #comment_form textarea {
        background: #fff;
    }

    #comment_form h2 {
        font-size: 24px;
        margin: 0 0 20px;
    }

.blog-nav {
    margin-top: 20px;
}

    .blog-nav .icon {
        vertical-align: middle;
        padding-right: 4px;
    }

    .blog-nav .text-right .icon {
        padding-left: 4px;
    }

.list-sidebar-products .article__date {
    color: #888;
}

.tags-clouds li {
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 6px;
}

    .tags-clouds li a {
        color: #000000;
        display: block;
        border: 1px solid #ddd;
        padding: 5px 9px !important;
        text-transform: uppercase;
    }

        .tags-clouds li a:hover {
            background-color: #efefef;
        }

.blog-fullwidth-page .article .article_featured-image img {
    width: 100%;
}

.blog-single-page .article {
}

    .blog-single-page .article blockquote {
        background: #f8f8f8;
        text-align: center;
        font-weight: 600;
        font-size: 15px;
        font-style: normal;
        padding: 30px;
        margin: 0 0 20px;
    }

    .blog-single-page .article .btn-link {
        color: #000;
        padding-right: 10px;
    }

        .blog-single-page .article .btn-link:hover {
            text-decoration: none;
        }

.blog-single-page .blog-nav a {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 0;
}

    .blog-single-page .blog-nav a i,
    .blog-single-page .blog-nav span {
        vertical-align: middle;
    }

.blog-single-page .blog-nav .nav-prev {
    float: left;
}

.blog-single-page .blog-nav .nav-next {
    float: right;
}

.blog-single-page .comments-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-single-page .comment {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
}

.blog-single-page .blog-comment h2 {
    font-size: 24px;
    margin: 20px 0 30px;
}

.blog-single-page .comment__avatar {
    width: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    margin-right: 24px;
}

.blog-single-page .comment__content {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.blog-single-page .comment__avatar img {
    max-width: 100%;
    border-radius: 222px;
}

.blog-single-page .comment__header {
    margin-top: -4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.blog-single-page .comments-list--level--1 {
    border-top: 1px solid #ebebeb;
    margin-top: 24px;
    padding-top: 28px;
}

.blog-single-page .comments-list__item + .comments-list__item {
    border-top: 1px solid #ebebeb;
    margin-top: 24px;
    padding-top: 28px;
}

.blog-single-page .comments-list--level--1 > .comments-list__item {
    margin-left: 46px;
}

.blog-single-page .comment__author {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.blog-single-page .comment__date {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
}

.blog-single-page .comment__reply .btn {
    color: #555;
    height: 22px;
    padding: .125rem .375rem;
    display: block;
    background-color: transparent;
    border: 0;
}

    .blog-single-page .comment__reply .btn:hover {
    }


/*======================================================================
  20. Cart Pages
========================================================================*/
.cart-col h5 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.cart__row {
    position: relative;
}

.cart th {
    padding: 10px 0 8px;
    background: #f2f2f2;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
}

.cart td {
    padding: 10px;
}

.cart .cart__meta {
    padding-right: 15px;
}

.cart th.cart__meta,
.cart td.cart__meta {
    text-align: left;
}

.cart__image-wrapper a {
    display: block;
}

.cart .list-view-item__title {
    color: #000;
    font-size: 1.15385em;
    min-width: 100px;
}

.cart__image-wrapper {
    width: 80px;
}

.cart .qtyField a {
    height: 30px;
    line-height: 34px;
    padding: 0;
}

.cart .qtyField .cart__qty-input {
    height: 30px;
    width: 30px;
    float: left;
}

.cart .qtyField a .icon {
    line-height: 33px;
    font-size: 10px;
}

.cart .cart__remove {
    border: 0;
    margin-top: 4px;
    font-size: 14px;
    padding: 0;
    height: 25px;
    width: 26px;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    border-radius: 100px;
}

    .cart .cart__remove .icon {
        line-height: 25px;
    }

.cart table tfoot .icon {
    vertical-align: middle;
}

.style2 .cart__footer .cart-note {
    margin-bottom: 30px;
}

.cart__footer .solid-border {
    border: 1px solid #e8e9eb;
    padding: 20px;
    margin-bottom: 20px;
}

.cart__footer h5,
.cart__footer .h5,
.cart__footer h5 label,
.cart__footer .h5 label,
.cart__footer .cart__subtotal-title {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-family: IBM Plex Sans, Helvetica, Tahoma, Arial, sans-serif;
    letter-spacing: 0.02em;
}

.cart-note__input {
    min-height: 50px;
    width: 100%;
    height: 178px;
}

.cart-note__label,
.cart-note__input {
    display: block;
}

.cart__subtotal {
    font-weight: 700;
    padding-left: 15px;
    display: inline-block;
}

.cart__shipping {
    font-style: italic;
    font-size: 13px;
    padding: 12px 0;
}

.cart_tearm label {
    cursor: pointer;
}

input.checkbox {
    height: auto;
    vertical-align: middle;
    padding: 0;
    box-shadow: none;
}

#cartCheckout {
    width: 100%;
    padding: 15px;
}

.cart-variant1 .cart .cart__price-wrapper {
    text-align: center;
}

.cart-variant1 .cart table {
    border: 1px solid #f2f2f2;
}

    .cart-variant1 .cart table td {
        border: 1px solid #f2f2f2;
    }

.cart-variant1 .cart th.text-right,
.cart-variant1 .cart .text-right.cart-price {
    text-align: center !important;
}

.cart__meta-text {
    color: #a2a2a2;
    font-size: 12px;
}

.wrapQtyBtn {
    float: left;
}

.qtyField {
    display: table;
    margin: 0 auto;
}

    .qtyField .qty {
        width: 40px;
    }

    .qtyField .qtyBtn,
    .qtyField .qty {
        padding: 10px 6px;
        width: 30px;
        height: 30px;
        border-radius: 0;
        float: left;
    }

    .qtyField a {
        background-color: #eee;
        color: #000;
    }

        .qtyField a .fa {
            font-size: 12px;
            line-height: 21px;
        }

    .qtyField > a,
    .qtyField > span,
    .qtyField input {
        display: table-cell;
        line-height: normal;
        text-align: center;
        padding: 3px 6px;
        border: 1px solid #f5f5f5;
    }

/*======================================================================
  21. Checkout Page Styles
========================================================================*/
.login-title,
.order-title,
.payment-title,
.checkout-page-style2 .title {
    font-size: 16px;
    font-weight: 700;
}

.customer-box h3 {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 15px;
    text-transform: uppercase;
    background-color: #000;
}

    .customer-box h3 i {
        margin-right: 5px;
    }

    .customer-box h3 a {
        font-weight: 700;
        text-decoration: none;
    }

.billing-fields {
    margin-bottom: 30px;
}

.order-table .table thead th {
    background-color: #fff;
    font-size: 13px;
    padding: 8px 5px 5px;
    border-bottom: 1px solid #ddd;
}

.order-table .table td {
    font-size: 13px;
    padding: 8px 5px 5px;
}

.card {
    border-radius: 0;
    margin-bottom: 10px;
}

.card-header {
    position: relative;
    padding: 10px 15px;
}

    .card-header:before {
        content: "\f078";
        font-family: 'FontAwesome';
        font-size: 13px;
        position: absolute;
        right: 10px;
        top: 9px;
        color: #555;
    }

.payment-accordion .card .card-header {
    background-color: #fff;
}

    .payment-accordion .card .card-header a {
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

.order-button-payment .btn {
    font-size: 18px;
    font-size: 700;
    padding: 10px 20px;
}

.customer-box .discount-coupon,
.customer-box .customer-info {
    background-color: #f7f7f7;
    padding: 20px;
}

.create-ac-content,
.your-order-payment {
    border: 1px solid #ddd;
    padding: 20px;
}

    .create-ac-content .form-check {
        margin-left: 15px;
    }

.customer-box input[type="email"],
.customer-box input[type="text"],
.customer-box input[type="password"] {
    background-color: #fff;
}

.order-button-payment {
    margin-top: 30px;
}

.checkout-page .form-control,
.checkout-page input,
.checkout-page select,
.checkout-page textarea {
    font-size: 13px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.checkout-page .required-f {
    color: #F00;
}

.checkout-page .form-check-input {
    margin-top: 3px;
}

.card.card--grey {
    background-color: #fbfbfb;
}

.card {
    background-color: #fff;
    border-color: #f7f7f7;
}

.checkout-page-style2 input[type="checkbox"] + label,
.checkout-page-style2 input[type="radio"] + label {
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 10px 12px 0;
    min-width: 100px;
    padding-left: 5px;
    position: relative;
}

.checkout-page-style2 .card-body h2 {
    font-size: 16px;
    font-weight: 700;
}

.checkout-page-style2 .table-bordered .thumb {
    width: 60px;
    display: block;
}

.checkout-page-style2 .order-table .table td {
    vertical-align: middle;
}


/*======================================================================
  22. Nesletter Popup Styles
========================================================================*/
.newsletter-section .input-group {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    max-width: 500px;
    margin: 0 auto;
}

#newsletter-modal {
    text-align: center;
    width: 90%;
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fafafa;
    color: #111;
    margin: 20px auto;
    z-index: 444;
    transform: translate(-50%, -50%) scale(0.9);
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    -ms-transform: translate(-50%, -50%) scale(0.9);
}

    #newsletter-modal .newsltr-text {
        padding: 40px 30px;
    }

        #newsletter-modal .newsltr-text h2,
        #newsletter-modal .newsltr-text .h2 {
            font-weight: 700;
            font-size: 16px;
            text-transform: uppercase;
            margin: 0 0 15px 0;
            color: #111;
            letter-spacing: 0.08em;
        }

        #newsletter-modal .newsltr-text .input-group {
            display: block;
            margin: 0 auto 20px;
            position: relative;
            width: 100%;
        }

            #newsletter-modal .newsltr-text .input-group input {
                width: 100%;
                margin: 0 0 10px 0;
            }

        #newsletter-modal .newsltr-text p.sub-text {
            max-width: 400px;
            margin: 0 auto 20px;
            font-size: 13px;
            line-height: 1.3;
        }

        #newsletter-modal .newsltr-text .btn.mcNsBtn {
            width: 100%;
        }

        #newsletter-modal .newsltr-text .social-icons {
            margin: 0 0 20px;
        }

            #newsletter-modal .newsltr-text .social-icons li {
                display: inline-block;
                margin: 0 5px;
                list-style: none;
            }

                #newsletter-modal .newsltr-text .social-icons li a {
                    color: #111111;
                    display: inline-block;
                    width: 26px;
                    height: 26px;
                    line-height: 26px;
                    text-align: center;
                }

                    #newsletter-modal .newsltr-text .social-icons li a:hover {
                        opacity: 0.5;
                    }

                    #newsletter-modal .newsltr-text .social-icons li a .anm {
                        font-size: 14px;
                    }

        #newsletter-modal .newsltr-text #Subscribe {
            width: 100%;
            border: 0;
            background: #111111;
            color: #ffffff;
        }

            #newsletter-modal .newsltr-text #Subscribe:hover {
                opacity: 0.9;
            }

    #newsletter-modal .checkboxlink {
        font-size: 10px;
        text-transform: uppercase;
    }

        #newsletter-modal .checkboxlink input[type="checkbox"] {
            vertical-align: middle;
        }

    #newsletter-modal .wraptext {
        max-width: 300px;
        margin: 0 auto;
    }

    #newsletter-modal.style1 {
        max-width: 500px;
    }

@media (min-width: 767px) {
    #newsletter-modal.style1 .input-group {
        display: table;
    }

    #newsletter-modal.style1 .newsltr-text .input-group input {
        display: table-cell;
        border-right: 0;
        margin: 0;
    }

    #newsletter-modal.style1 .input-group__btn {
        display: table-cell;
        vertical-align: top;
    }

    #newsletter-modal.style1 #Subscribe {
        width: 110px;
        padding: 0;
        height: 37px;
        border: 0;
    }
}

#newsletter-modal.style1 .wraptext {
    max-width: 350px;
}

#newsletter-modal.style2 {
    max-width: 650px;
}

    #newsletter-modal.style2 .newsltr-tbl {
        display: table;
        table-layout: fixed;
        vertical-align: middle;
        margin: 0 auto;
    }

        #newsletter-modal.style2 .newsltr-tbl .newsltr-img,
        #newsletter-modal.style2 .newsltr-tbl .newsltr-text {
            display: table-cell;
            vertical-align: middle;
        }

            #newsletter-modal.style2 .newsltr-tbl .newsltr-img img {
                float: left;
                width: 100%;
            }

        #newsletter-modal.style2 .newsltr-tbl .wraptext {
            padding: 0 20px;
        }

    #newsletter-modal.style2 .newsletter__submit {
        width: 100%;
    }

#newsletter-modal.style3 {
    max-width: 400px;
    background-repeat: no-repeat;
    background-size: cover
}

    #newsletter-modal.style3 .newsltr-text {
        padding: 40px 50px;
    }

.mfp-ready #newsletter-modal {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
}

#newsletter-modal .mfp-close {
    color: #111111;
    font-size: 30px;
    opacity: 1;
}

.mfp-hide {
    display: none !important;
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    opacity: 0;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.ad-spin {
    animation: ad-spin 1.5s infinite linear;
    -webkit-animation: ad-spin 1.5s infinite linear;
}

@keyframes scaleimg {

    0%, 100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1)
    }

    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
}

.featuredContent .d-flex {
    background-color: #67b0ee;
}

.featuredContent .row-text {
    padding: 20px;
}

.featuredContent h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 15px;
}

.featuredContent p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
}

.featuredContent .btn {
    color: #67b0ee;
    background-color: #fff;
}

.featuredContentStyle2 {
    background-color: #fafafa;
}

    .featuredContentStyle2.featuredContent .d-flex {
        color: #000;
        background-color: #fafafa;
    }

    .featuredContentStyle2.featuredContent h3,
    .featuredContentStyle2.featuredContent p {
        color: #000;
    }

.section.featuredContentStyle3 {
    padding: 0;
    color: #000;
}

.featuredContentStyle3.featuredContent .container-fluid {
    padding: 0;
}

.featuredContentStyle3.featuredContent .d-flex {
    background-color: #fff;
}

.featuredContentStyle3 p {
    color: #000;
    font-size: 15px;
}

.featuredContentStyle3 h3 {
    color: #000;
    font-size: 28px;
}

.featuredContentStyle3 .btn {
    color: #fff;
    background-color: #000;
}

    .featuredContentStyle3 .btn:hover {
        color: #fff;
        background-color: #333;
    }

.featuredContentStyle3 img {
    width: 100%;
}

.featuredContentStyle3.featuredContent .row-text {
    padding: 30px 7%;
}

/*======================================================================
  23. Footer
========================================================================*/
#site-scroll {
    color: #fff;
    line-height: 35px;
    cursor: pointer;
    font-size: 13px;
    width: 35px;
    height: 35px;
    right: 30px;
    position: fixed;
    border-radius: 50px;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    bottom: 40px;
    z-index: 444;
    display: none;
    background: black;
}

    #site-scroll i {
        line-height: 35px;
    }

.template-index .footer {
    margin-top: 0;
}

/*.footer {
	margin-top: 40px;
}*/

.footer .footer-top {
    color: white;
    /*background-color: #192c3b;*/
    background-color: #072478;
    /*border-top: 1px solid #e2e2e2;*/
    padding-top: 35px;
    padding-bottom: 35px;
}

    .footer .footer-top .h4 {
        color: #000000;
        font-size: 15px;
        letter-spacing: 0.5px;
        margin: 0 0 15px;
        text-transform: uppercase;
    }

@media (min-width:992px) {
    /*.footer .col-lg-3 {
		max-width: 20%;
		flex: 0 0 20%;
		-webkit-flex: 0 0 20%;
	}*/

    .index-wine-store .footer.footer-8 .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .footer-6 .col-lg-3,
    .bags-store .footer-1 .col-lg-3,
    .digital-store .footer-1 .col-lg-3 {
        max-width: 22%;
        flex: 0 0 22%;
        -webkit-flex: 0 0 22%;
    }

    .footer-12 .col-lg-3,
    .footer-15 .col-lg-3 {
        max-width: 25%;
        flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
    }

    .footer-17 .newsletter-col {
        max-width: 40%;
        flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
    }
}

.footer .about-us-col img {
    margin-bottom: 20px;
}

.footer .social-icons li {
    padding-right: 10px;
}

    .footer .social-icons li a {
        color: #111;
        font-size: 14px;
    }

.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin: 5px 0;
}

.footer-links a {
    color: white;
    font-size: 15px;
    opacity: 0.85;
}

    .footer-links a:hover {
        color: white;
    }

    .footer-links a:before {
        content: "";
        display: inline-block;
        width: 0px;
        height: 3px;
        vertical-align: middle;
        background-color: #111111;
    }

    .footer-links a:hover:before {
        width: 4px;
        margin-right: 3px;
    }

.footer-newsletter .newsletter-input {
    background: #fff;
    margin-bottom: 10px;
}

.footer-newsletter .btn {
    font-size: 12px;
}

.footer-bottom {
    /*background-color: #192c3b;*/
    background-color: #072478;
    color: white;
    clear: both;
    padding: 15px 0;
    border-top: 1px solid #ffffff;
}

    .footer-bottom .payment-icons {
        color: white;
        float: right;
        font-size: 30px;
        line-height: 30px;
        text-align: right;
    }

    .footer-bottom .copytext {
        float: left;
        line-height: 30px;
    }

@media (min-width:992px) {

    .footer-2.footer .col-lg-3,
    .footer-16.footer .col-lg-3 {
        max-width: 25%;
        flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
    }

    .footer-7.footer .col-lg-3 {
        max-width: 22%;
        flex: 0 0 22%;
        -webkit-flex: 0 0 22%;
    }

    .footer.footer-13 .col-lg-3 {
        max-width: 21%;
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
    }

    .footer-13.footer .about-us-col {
        max-width: 36%;
        -ms-flex: 0 0 36%;
        flex: 0 0 36%;
    }
}

.footer-2 .store-info.store-info-section {
    background-color: #131313;
}

.footer-2 .style2.store-info h5,
.footer-2 .style2.store-info span,
.footer-2 .style2.store-info,
.footer-2 .store-info a,
.footer-2 .store-info.style2 .anm {
    color: #fff;
}

.footer-2 .footer-top {
    color: #ffffff;
    background-color: #111111;
    border-top: 1px solid rgba(0, 0, 0, 0);
    padding: 35px 0;
}

    .footer-2 .footer-top .h4 {
        color: #ffffff;
        font-size: 16px;
        text-transform: none;
    }

.footer-2 .footer-links a {
    color: #ffffff;
}

    .footer-2 .footer-links a:before {
        background-color: #000;
    }

.footer-2 .about-us-col .anm {
    color: #ffffff;
    font-size: 12px;
    padding-right: 12px;
    min-height: 25px;
    float: left;
    margin-top: 7px;
    text-align: center;
}

.footer-2 .about-us-col a,
.footer-2 .social-icons .icon {
    color: #fff;
}

.footer-2 .social-icons .icon {
    padding-right: 10px;
}

.footer-2 .social-icons li {
    display: block;
}

    .footer-2 .social-icons li a {
        color: #fff;
    }

.footer-2 .footer-bottom {
    color: #ffffff;
    background-color: #111111;
    border-color: #3e3e3e;
    text-align: center;
}

    .footer-2 .footer-bottom .copytext {
        float: none;
    }

.footer-3.footer .footer-top {
    background-color: #fff;
}

    .footer-3.footer .footer-top .h4 {
        font-size: 13px;
    }

.footer-3.footer .footer-bottom {
    border-top: 1px solid #ddd;
}

.footer-3.footer .social-icons li {
    display: block;
    margin-bottom: 5px
}

    .footer-3.footer .social-icons li a {
        font-size: 13px;
    }

        .footer-3.footer .social-icons li a i {
            font-size: 13px;
            margin-right: 7px;
        }

.footer-3.footer .about-us-col .social-icons li {
    display: inline-block;
}

.footer-4 .newsletter-section h2 {
    font-size: 18px;
}

.footer-4 .newsletter-section .section-header {
    margin-bottom: 15px;
}

.footer-4 .newsletter-form .input-group__btn {
    padding-left: 2px;
}

.footer-4 .newsletter-section .newsletter-form .newsletter-input {
    border: 1px solid #ddd;
}

.footer-4 .newsletter-section .btn {
    padding: 11px 20px 12px 20px;
}

.footer-4 .social-icon {
    margin-top: 30px;
}

    .footer-4 .social-icon h3 {
        font-size: 18px;
    }

.footer-4 .footer-bottom {
    background: #111111;
    color: #f5f5f5;
    clear: both;
    padding: 15px 0;
    border-top: 0;
}

    .footer-4 .footer-bottom .payment-icons {
        color: #fff;
    }

        .footer-4 .footer-bottom .payment-icons .anm {
            font-size: 25px;
        }

.footer-5.footer .col-lg-3 {
    max-width: 22%;
}

.footer-5.footer .footer-top {
    color: #ffffff;
    background-color: #131313;
}

.footer-5 .footer-top .h4 {
    color: #ffffff;
    font-size: 16px;
}

.footer-5 .footer-links a {
    color: #ffffff;
}

    .footer-5 .footer-links a:before {
        background-color: #fff;
    }

.footer-5 .about-us-col .anm {
    color: #ffffff;
    font-size: 12px;
    padding-right: 12px;
    min-height: 25px;
    float: left;
    margin-top: 7px;
    text-align: center;
}

.footer-5 .about-us-col a,
.footer-5 .social-icons .icon {
    color: #fff;
}

.footer-5 .footer-bottom {
    background-color: #000;
    border-color: #000;
}

    .footer-5 .footer-bottom .copytext,
    .footer-5 .footer-bottom .payment-icons {
        color: #fff;
    }

.footer-5 .footer-newsletter .btn {
    padding: 10px 15px;
}

.footer-6 .section.newsletter-section {
    padding-bottom: 10px;
}

.footer-6 .newsletter-section .btn {
    padding: 10px 20px;
}

.footer-6 .newsletter-section .input-group .input-group__field {
    border: 1px solid #ddd;
}

.footer-6.footer .footer-top {
    border-top: 0;
}

.footer-6 .section-header h2 {
    font-size: 15px;
}

.footer-6.footer .footer-top .h4 {
    font-size: 15px;
    text-transform: none;
}

.footer-7.footer .footer-bottom {
    background: #000;
    color: #fff;
    border: 0;
}

    .footer-7.footer .footer-bottom .payment-icons {
        color: #fff;
    }

.footer-7.footer .contact-info {
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}

    .footer-7.footer .contact-info .footer-logo {
        margin: 0 auto 20px;
    }

        .footer-7.footer .contact-info .footer-logo img {
            display: block;
            margin: 0 auto;
            max-width: 120px;
        }

    .footer-7.footer .contact-info .text {
        max-width: 710px;
        margin: 0 auto 30px;
    }

    .footer-7.footer .contact-info .contactDetail {
        margin-bottom: 30px;
    }

    .footer-7.footer .contact-info .social-icons {
        margin-bottom: 30px;
    }

.footer-8.footer .footer-top .h4 {
    font-size: 13px;
}

@media (min-width:992px) {
    .footer .instagram-col {
        max-width: 40%;
        flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
    }
}

.footer .instagram-col .insta-img {
    max-width: 87px;
    float: left;
    position: relative;
}

.footer .instagram-col #instafeed .overlay {
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
}

.footer .instagram-col #instafeed .insta-img:hover .overlay {
    opacity: 1;
    visibility: visible;
}

.footer .instagram-col #instafeed .counter {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    text-align: center;
}

    .footer .instagram-col #instafeed .counter span {
        padding: 0 4px;
    }

    .footer .instagram-col #instafeed .counter .anm {
        color: #fff;
        margin-right: 5px;
    }

    .footer .instagram-col #instafeed .counter span {
        padding: 0 4px;
        color: #fff;
    }

.footer-8.footer .footer-bottom {
    color: #f5f5f5;
    background-color: #111;
    border-top: 0;
}

    .footer-8.footer .footer-bottom .payment-icons {
        color: #f5f5f5;
        font-size: 25px;
    }

.footer-8.footer .newsletter-col .social-icon {
    margin-top: 20px;
}

.footer-8-black .footer-top,
.footer-8-black .footer-bottom {
    background-color: #111;
}

.footer-8.footer.footer-8-black .footer-bottom {
    border-top: 1px dotted #444;
}

.footer-8.footer .footer-top {
    color: #ffffff;
    background-color: #131313;
    border-top: 0;
}

.footer-8 .footer-top .h4 {
    color: #ffffff;
    font-size: 16px;
}

.footer-8 .footer-links a {
    color: #ffffff;
}

    .footer-8 .footer-links a:before {
        background-color: #fff;
    }

.footer-8 .about-us-col .anm {
    color: #ffffff;
    font-size: 12px;
    padding-right: 12px;
    min-height: 25px;
    float: left;
    margin-top: 7px;
    text-align: center;
}

.footer-8 .about-us-col a,
.footer-8 .social-icons .icon {
    color: #fff;
}

.footer-9.footer .store-info-section {
    background-color: #f0f0f0;
}

.footer-9.footer .style2.store-info h5,
.footer-9.footer .style2.store-info .h5 {
    font-weight: normal;
    margin-bottom: 2px;
    letter-spacing: 0.5px;
}

.footer-9.footer .style2.store-info .sub-text {
    color: #000;
}

.footer-9.footer .footer-bottom {
    color: #fff;
    background-color: #111;
    border-top: 0;
}

    .footer-9.footer .footer-bottom .payment-icons {
        color: #fff;
        font-size: 25px;
    }

.footer-10.footer .footer-top {
    background-color: #fff;
    padding-top: 10px;
}

    .footer-10.footer .footer-top .h4 {
        font-size: 13px;
        font-weight: normal;
    }

.footer-10 .footer-bottom {
    border-color: #dadada;
}

.footer-10 .social-icons li {
    display: block;
    margin: 5px 0;
}

    .footer-10 .social-icons li a:before {
        display: none;
    }

    .footer-10 .social-icons li a {
        font-size: 12px;
    }

.footer-10 .social-icons .icon {
    font-size: 14px;
    margin-right: 5px;
}

.footer-12.footer .social-icons li {
    display: block;
    margin-bottom: 5px
}

    .footer-12.footer .social-icons li a {
        font-size: 13px;
    }

        .footer-12.footer .social-icons li a i {
            font-size: 13px;
            margin-right: 7px;
        }

.footer-12 .footer-bottom {
    background-color: #f5f5f5;
    text-align: center;
    padding-top: 0;
    border-top: 0;
}

    .footer-12 .footer-bottom .copytext {
        float: none;
    }

.footer-12.footer .footer-top .h4 {
    font-size: 14px;
    font-weight: normal;
}

.footer-13 .footer-top {
    color: #fff;
    font-size: 12px;
    background-color: #000;
}

.footer-13.footer .about-us-col {
    color: #b8b8b8;
}

.footer-13.footer .social-icons {
    margin-top: 30px;
}

.footer-13.footer .footer-bottom {
    color: #fff;
    background-color: #000;
    border-color: #222;
}

.footer-13 .footer-top .h4 {
    color: #ffffff;
    font-size: 12px;
}

.footer-13 .footer-links a {
    color: #b8b8b8;
}

    .footer-13 .footer-links a:before {
        background-color: #fff;
    }

.footer-13 .about-us-col .anm {
    color: #b8b8b8;
    font-size: 12px;
    padding-right: 12px;
    min-height: 25px;
    float: left;
    margin-top: 7px;
    text-align: center;
}

.footer-13 .about-us-col a,
.footer-13 .social-icons .icon {
    color: #b8b8b8;
}

.footer-13 .footer-newsletter {
    color: #b8b8b8;
}

    .footer-13 .footer-newsletter .btn {
        background-color: #333;
    }

        .footer-13 .footer-newsletter .btn:hover {
            background-color: #222;
        }

.footer-13 .footer-bottom .payment-icons {
    color: #999;
    font-size: 25px;
}

.footer-15.footer .footer-top .h4 {
    font-size: 13px;
}

.footer-15 .social-icons {
    margin-top: 20px;
}

.footer-15 .footer-bottom {
    color: #fff;
    background-color: #000;
}

    .footer-15 .footer-bottom .payment-icons {
        color: #fff;
        font-size: 24px;
    }

.footer-16.footer .footer-top .h4 {
    font-size: 13px;
    text-transform: none;
}

.footer-16.footer .footer-bottom {
    background-color: #000;
}

    .footer-16.footer .footer-bottom .copytext {
        color: #fff;
    }

.footer-16 .footer-bottom {
    border-top: 0;
}

    .footer-16 .footer-bottom .payment-icons {
        color: #fff;
        font-size: 25px;
    }


.footer-17 .newsletter-col .social-icon {
    margin-top: 20px;
}

.footer-17.footer .footer-top,
.footer-17 .footer-bottom {
    background-color: #000;
    border-top: 0;
}

    .footer-17 .footer-bottom .payment-icons {
        color: #fff;
        font-size: 25px;
    }

    .footer-17,
    .footer-17 .footer-bottom .copytext,
    .footer-17 .social-icons .icon,
    .footer-17.footer .footer-top .h4,
    .footer-17.footer .col-lg-3,
    .footer-17.footer a {
        color: #fff;
    }

        .footer-17 .footer-links a::before {
            background-color: #fff;
        }

        .footer-17.footer .footer-top .h4 {
            font-size: 14px;
        }

        .footer-17 .footer-newsletter .btn {
            font-size: 14px;
            background-color: #232323;
            padding: 10px 25px
        }

            .footer-17 .footer-newsletter .btn:hover {
                background-color: #555;
            }

        .footer-17 .about-us-col p {
            position: relative;
            padding-left: 20px;
        }

            .footer-17 .about-us-col p i {
                position: absolute;
                left: 0;
                top: 5px;
            }

        .footer-17 .footer-newsletter .newsletter-input {
            border: 0;
        }

.footer-3-boxed,
.footer-3-boxed.footer-3.footer .footer-top,
.footer-3-boxed.footer-3.footer .footer-bottom {
    background-color: #f8ede6;
    color: #8b7d71;
}

    .footer-3-boxed a {
        color: #8b7d71;
    }

    .footer-3-boxed.footer-3.footer .footer-bottom {
        border-color: #f2e3da;
    }

    .footer-3-boxed .about-us-col img {
        max-width: 120px;
    }

    .footer-3-boxed.footer .footer-top .h4 {
        color: #62462d;
        font-size: 15px;
    }

@media (min-width:992px) {
    .footer-3-boxed.footer .newsletter-col {
        max-width: 40%;
        flex: 0 0 40%;
        -webkit-flex: 0 0 40%;
    }
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}

.blur-up {
    /* -webkit-filter: blur(5px);
	filter: blur(5px); */
    transition: filter 400ms, -webkit-filter 400ms;
    -webkit-transition: filter 400ms, -webkit-filter 400ms;
}


/*======================================================================
  24. Brands Page
========================================================================*/
.letter-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    background-color: #efefef;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.brands-list .brands-row {
    margin-bottom: 20px;
}

.brands-list .brands-logo {
    text-align: center;
}

    .brands-list .brands-logo a {
        display: block;
        margin-bottom: 10px;
    }

    .brands-list .brands-logo img {
        border: 1px solid #ddd;
    }

    .brands-list .brands-logo a:hover img {
        border-color: #000;
    }

.brands-search .alphaBets {
    background-color: #efefef;
    padding: 10px;
}

    .brands-search .alphaBets .listing {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .brands-search .alphaBets .listing li {
            display: inline-block;
            margin: 0 5px 0 0;
        }

            .brands-search .alphaBets .listing li .alpha {
                border: 0;
                background-color: #fff;
                padding: 5px 10px;
                border: 1px solid transparent;
            }

                .brands-search .alphaBets .listing li .alpha.active {
                    color: #fff;
                    background-color: #000;
                    border: 1px solid #000;
                }

                .brands-search .alphaBets .listing li .alpha:hover {
                    background-color: #fff;
                    border-color: #000;
                }

.brands-search-logo {
    border: 4px solid #efefef;
    padding: 10px 0;
    margin-bottom: 40px;
}

    .brands-search-logo .brands-row {
        margin: 10px 0;
    }


/*======================================================================
  25. Cookie Popup
========================================================================*/
.cookie-popup {
    color: #fff;
    background-color: #000;
    padding: 20px;
    position: fixed;
    z-index: 1000;
    max-width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

    .cookie-popup .btn {
        background-color: #fff;
        color: #000;
        margin-right: 10px;
    }


.home-instagram .instafeed .insta-img {
    padding: 0;
    float: left;
}

    .home-instagram .instafeed .insta-img a {
        position: relative;
        padding-bottom: 100%;
        display: block;
        overflow: hidden;
    }

.falling-snow.style1:before {
    background-color: transparent;
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-image: url(../images/snowballs-sm.png), url(../images/snowballs-lg.png), url(../images/snowballs-md.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-animation: falling-down-snow 10s linear infinite;
    -moz-animation: falling-down-snow 12s linear infinite;
    -ms-animation: falling-down-snow 10s linear infinite;
    animation: falling-down-snow 10s linear infinite;
}

.falling-snow.style2:before {
    background-color: transparent;
    position: absolute;
    width: 100%;
    content: '';
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-image: url(../images/snow-1.png), url(../images/snow-2.png), url(../images/snow-2.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

.falling-snow {
    position: relative;
}

@keyframes falling-down-snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px
    }

    100% {
        background-position: 0 700px, 0 500px, 0 300px
    }
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px
    }
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    background-color: #bb9494;
}

.marquee {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
}

    .marquee:hover {
        animation-play-state: paused;
    }

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.marqueetext {
    padding: 0 2rem;
    margin-right: 1rem;
    line-height: 30px;
    letter-spacing: 1.3px;
}

.bg_lightpink {
    background-color: #f0f5f2;
}

.fs-26 {
    font-size: 26px;
}

.parallax-bg {
    background-image: url('../images/categories/sarees.jpg');
    background-attachment: fixed;
    background-position: center;
    height: 600px;
    padding: 6% 0px;
}

.shop-by {
    text-align: center;
}

.price-range {
    background-color: #fff;
    padding: 10px 20px;
}

.shop-now {
    text-transform: uppercase;
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-small);
    letter-spacing: .05em;
    text-align: center;
    height: var(--height-button);
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: #f3c0af;
    color: var(--color-button-text);
    border: none;
    opacity: 1;
    transition: opacity .25s ease;
}


.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-14 {
    font-size: 14px;
}

.fs-44 {
    font-size: 44px;
}

.logo-theme-bg {
    background-color: antiquewhite;
    background-image: url('../images/logo-icon.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.br_22 {
    border-radius: 22.4px 0 !important;
}

.categoriesImg {
    object-fit: cover;
    height: 180px;
    object-position: top;
    border-radius: 13px;
    border: 3px solid #e5e2e2;
    padding: 5px;
}

.text_black {
    color: black;
}

.bg_lightwhite {
    background-color: #f3f3f385;
}

.bg_flowerimg {
    background-image: url(../images/bgimage/bg-petals.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.shopBypriceImg {
    height: 450px;
    background-position: top;
    background-size: cover;
}

.priceSection {
    /* background: #fbf7f2; */
    display: inline-block;
    padding: 15px;
    /* top: -40px; */
    position: absolute;
    z-index: 333;
    margin-top: -110px;
    color: white;
}

.collection-banners .collection-grid-item .imgprice {
    display: block;
    width: 100%;
    -ms-transition: all ease-out 0.5s;
    -webkit-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
    height: 450px;
    object-fit: cover;
    object-position: top;
}

.opacity-2 {
    opacity: 0.85;
}


.fs-30 {
    font-size: 30px;
}

.text_yellow {
    color: #ff9800;
}

.mil-service-card-sm {
    position: relative;
    display: block;
    padding: 10px 0px;
}

    /*.mil-service-card-sm p {
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}*/

    .mil-service-card-sm .mil-button {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.8;
    }

    .mil-service-card-sm:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 0;
        background-color: var(--primaryred);
        -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
        transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
    }
    /*
.mil-service-card-sm:hover p {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}*/

    .mil-service-card-sm:hover .mil-button {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
    }

    .mil-service-card-sm:hover:before {
        width: 100%;
    }

@media screen and (max-width: 992px) {
    .mil-service-card-sm p {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .mil-service-card-sm .mil-button {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
    }
}

.bg_lightgrey {
    background-color: rgb(242, 242, 242);
}

.booknow-btn {
    background-color: #066ee8;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-block;
    line-height: 2.2;
    text-align: center;
}

.mil-team-card .mil-description {
    opacity: 0;
    text-align: end;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    right: 0%;
    width: 100%;
    height: 100%;
    /* padding: 60px 30px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    /* justify-content: flex-end; */
    pointer-events: none;
    -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
    transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}

    .mil-team-card .mil-description .mil-secrc-text {
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
        transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

        .mil-team-card .mil-description .mil-secrc-text a {
            color: rgb(255, 255, 255);
            -webkit-transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
            transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
        }

            .mil-team-card .mil-description .mil-secrc-text a:hover {
                color: #014491;
            }

.mil-team-card:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mil-team-card:hover:after {
    width: 100%;
}

.mil-team-card:hover .mil-description {
    opacity: 1;
    pointer-events: all;
}

    .mil-team-card:hover .mil-description .mil-secrc-text {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

.mil-team-list {
    position: relative;
}

    .mil-team-list .mil-lines-place {
        position: absolute;
        top: -120px;
        left: -22.5%;
    }

.mil-team-card:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    height: 4px;
    width: 0;
    background-color: #014491;
    -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
    transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}

.filter_0 {
    filter: brightness(0%);
}

.fw-500 {
    font-weight: 500;
}

.fw-300 {
    font-weight: 300;
}

.text_grey {
    color: #69696ca8;
}

.btn_primary {
    background-color: #014491;
    padding: 14px 28px;
    border-radius: 70px;
    text-transform: capitalize;
}

.bg_greygradient {
    background: linear-gradient(to top, #fffefe 0%, white 30%, #f2f2f2 20%, white 0%, #f2f2f2 40%);
}

.bg_yellowgradient {
    background: linear-gradient(to top, #fffefe 0%, white 30%, #ffdba6 20%, white 0%, #ffeaca 40%);
}

.shadow_sm {
    box-shadow: 0 0 10px rgba(19, 16, 34, .06);
    border-radius: 10px;
    overflow: hidden;
}

.shadow_grey {
    box-shadow: 0 10px 50px 15px #eae8ef;
}

.text_navy {
    color: #014491;
}

.header_fixed {
    /*position: fixed;*/
    z-index: 999;
    background-color: #072478;
    /*background-color: rgba(0,0,0,0.5);*/
}

/*.stickyNav .row {
	background-color: white;
	padding: 20px;
	border: 0.2px dotted #d6d4d0;
	box-shadow: 0 4px 20px rgba(19, 16, 34, .06);
}*/

.fw-600 {
    font-weight: 600;
}

.bg_lightblue {
    background-color: #f7faff;
}

.newlaunch_text {
    position: absolute;
    width: 80%;
    bottom: 0%;
    background-color: white;
    right: 0%;
    padding: 8px;
    border-left: 2px solid #014491;
}

.py_6 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.shadow_light {
    box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);
}

.bg_networkimg {
    background-image: url(../images/gallery/bg-network.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_curveimg {
    background-image: url(../images/gallery/bg-curve.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_lightcream {
    background-color: rgb(247,248,252);
}

.bg_whitecream {
    background-color: #FAFAFA;
}

.searchbar_sticky {
    position: sticky;
    top: 110px;
    z-index: 99;
}

.filterbar_sticky {
    position: sticky;
    top: 90px;
}

.border-black {
    border: 1px solid black;
}

.wishlistButton {
    position: absolute;
    right: 4%;
    font-size: 22px;
    background: white;
    width: 33px;
    height: 33px;
    top: 2%;
    border-radius: 25px;
    text-align: center;
}

.btn_outline {
    background-color: black;
    width: fit-content;
    padding: 10px;
    border-radius: 70px;
    cursor: pointer;
}

.btn_secondary {
    padding: 8px 27px;
    border-radius: 7px;
    background-color: white;
    border: 1px solid var(--primaryred);
    color: var(--primaryred);
    text-transform: capitalize;
    border-radius: 4px;
}

.br_10 {
    border-radius: 10px;
}

.br_bottom-10 {
    border-radius: 0px 0px 10px 0px;
}

.btn_secondary:hover {
    background-color: var(--primaryred);
    color: white;
    opacity: 1;
}

.btn_padding {
    width: 100%;
    padding: 12px;
}

.bg_lightbrown {
    background: #eaeaea;
}

.btn_close {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 0px;
    background: #b41e12;
    border-radius: 0px 4px 0px 0px;
    line-height: 2.4;
}

.prlightbox {
    height: 500px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.bluegradient {
    background: linear-gradient(270deg, #f1f1f1 9.47%, #fafcff);
}

.fs-68 {
    font-size: 68px;
}
/*.carousel-indicators [data-bs-target] {
	width: 11px !important;
	height: 11px !important;
	border-radius: 50px;
	border: 0px;
}*/
.fs-24 {
    font-size: 24px !important;
}

.fs-20 {
    font-size: 20px;
}

.text_primary {
    color: #023F94;
}

.br-15 {
    border-radius: 15px;
}

.text_lightblue {
    color: #111;
}
/*}
.offers_img::before {
	content: "";
	position: absolute;
	inset-inline-start: -40px;
	top: -190px;
	height: 515px;
	width: 515px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.03);
	z-index: -2;
}*/
input.globalsearch {
    width: 305px;
    display: block;
    padding: 9px 90px 9px 19px;
    /*background: #fff url("/assets/images/products/search.png") no-repeat 13px;*/
    border-radius: 6px;
    height: 55px;
}

input.input_search {
    width: 100%;
    display: block;
    padding: 9px 11px 9px 55px;
    background: #fff url("/assets/images/products/search.png") no-repeat 13px;
    border-radius: 11px;
    height: 46px;
    /*	max-width: 350px;
*/ box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

/* Product Popup */
.product-detail-modal .feature_detail {
    padding: 0;
    max-height: 34dvh;
    overflow: auto;
    overflow-x: hidden;
}

.product-detail-modal .modal-body h2 {
    font-size: 22px;
    font-weight: 600;
    color: #b41e12;
    margin-bottom: 0 !important;
    /*	border-bottom: 1px solid #eee;*/
    padding-bottom: 12px;
}

.product-detail-modal .modal-body .productSlider-style1 img, .product-detail-modal .modal-body .MGallery img {
    max-height: 500px;
    object-fit: contain;
    margin: 0 auto;
}

.qtyField .qtyBtn {
    background: #e22c2c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 4px;
}

.create_order {
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.update_item .qtyField {
    margin: 0;
}

.product-detail-modal .product-slider .img-fluid {
    display: block;
    margin: 30px auto;
    border-radius: 10px;
}

.carousel-inner.offer-banner .carousel-item {
    position: relative;
    z-index: 1;
}

    .carousel-inner.offer-banner .carousel-item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /*background: #000;
        opacity: 0.6;*/
    }

.br_4 {
    border-radius: 4px;
}

.max_height {
    max-height: calc(100vh - 170px);
    overflow-y: auto;
}

.order_table tbody tr:nth-of-type(even) {
    background: #f7faff;
}

.order_table tbody td {
    padding: 1rem;
    vertical-align: middle;
    /*border: 1px solid #eee;*/
}

.order_table tr:hover {
    background-color: #f7faff;
    --bs-table-hover-bg: none;
}

.order_pending {
    background-color: #F29339;
    color: white;
    padding: 7px 12px;
    width: 90px;
    display: inline-block;
    border-radius: 4px;
}

.order_paid {
    background-color: #22B14C;
    color: white;
    padding: 7px 12px;
    border-radius: 4px;
    width: 90px;
    display: inline-block;
}

.order_failed {
    background-color: #A82E2E;
    color: white;
    padding: 7px 12px;
    border-radius: 4px;
    width: 90px;
    display: inline-block;
}

.badge_pending {
    background-color: #F29339;
    border-radius: 4px;
    padding: 4px 8px;
    color: white;
    font-size: 14px;
    align-self: center;
}

.order_table img {
    width: 60px;
    height: 60px;
}

.product_img {
    width: fit-content;
    border-radius: 4px;
    padding: 10px;
}

.card_header {
    padding: 1.2rem;
    border-bottom: 1px solid #eee;
}

.profile_card input,
.profile_card select {
    height: 43px !important;
}

.lh_1 {
    line-height: 1.4;
}

.about_us h2 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.fw-700 {
    font-weight: 700;
}
/*.stickyNav {
	background: rgba(0, 0, 0, 0.5) !important;
}*/
.form_section {
    min-height: calc(100vh - 116px);
}

.login_section {
    min-height: calc(100vh - 56px);
}

/*old
    .banner_text {
    position: absolute;
    top: 40%;
    left: 15%;
}*/

/*new*/
.banner_text {
    position: absolute;
    top: 80%;
    left: 10%;
}

/*Old
    .mobilebannertext {
    position: absolute;
    top: 31%;
    left: 6%;
    padding: 0px 28px 0px 23px;
}*/
.mobilebannertext {
     position: relative ; 
    top: 80%;
    left: 10%;
    padding: 0px 28px 0px 23px;
    width: 100%;
    text-align: center;
}
.filter_66 {
    filter: brightness(0.6)
}

.btn_contact {
    color: white;
    background-color: #014491;
    padding: 14px 22px;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 15px;
}









/*.modal-content.rounded-0 {
	border-radius: 40px !important;
	padding: 30px;
}*/
/*
p.px-3 {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	border-left: 4px solid #464646;
}*/


.pdf-btn a {
    padding: 4px;
    background: #fae9e5;
    border-radius: 4px;
    border: 2px solid #b41e12;
    margin-top: 16px;
    text-align: center;
}



.text_red {
    color: #b41e12;
}

.text_orange {
    color: #f87b44;
}

.btnClose {
    padding: 4px;
    background: #fae9e5;
    border-radius: 4px;
    border: 2px solid #b41e12;
    margin-top: 16px;
    text-align: center;
}

input.cart__qty-input.qty {
    border: none !important;
}

.qty-btn {
    background-color: #bd1b16 !important;
    border-radius: 20px;
    margin-top: 15px;
}

.qtyBtn_red {
    background-color: #bd1b16 !important;
}

.qty_btn_f > a {
    border: none !important;
}

.fw-900 {
    font-weight: 900;
}

.b_r {
    border-radius: 0px !important;
    height: 30px !important;
    color: #fdfaf8 !important;
}

.qtyField.qty_btn_f {
    border: 2px solid #b41e12;
    border-radius: 4px;
}

.clr {
    color: #fdfaf8 !important;
}
/*
.modal-footer.border-0 {
	padding-right: 45px;
}*/

input.cart__qty-input.qty.clr {
    height: 30px;
}

.product-detail-modal .modal-content {
    border-radius: 5px;
    padding: 30px;
}

.modalheader p {
    border-left: 4px solid #464646;
    padding-left: 6px;
    color: #464646;
    font-weight: 600;
    font-size: 18px;
}

.product-detail-modal .product-slider {
    border-top: 1px dotted #dddddd;
}

.btn_darkred {
    color: white;
    background-color: #b41e12;
    padding: 15px 21px;
    border-radius: 25px;
    text-transform: capitalize;
    font-size: 15px;
}

.btn_darkblue {
    color: white;
    background-color: var(--primaryred);
    padding: 13px 21px;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 15px;
    border: 2px solid #fff;
}

.br_25 {
    border-radius: 25px;
}

.card_minheight {
    /*	min-height:365px;
*/ min-height: 505px;
}



.featureDesc ul {
    list-style-type: none;
}

    .featureDesc ul li {
        padding-left: 1.3em;
    }

        .featureDesc ul li:before {
            content: "\f058"; /* FontAwesome Unicode */
            font-family: FontAwesome;
            display: inline-block;
            margin-left: calc( 1.3em * -1 );
            width: 1.3em;
            color: #b41e12;
        }


/*contact us page*/

/*.section-header {
	padding-top: 80px;
	padding-bottom: 10px;
	background-color: #fefefe;
}*/

.section-header h1 {
    font-weight: 700;
    color: #072478;
}



.contactpage-details {
    padding: 48px 30px;
    background: #f8f8f8;
    color: #111111;
}

.contact-info-box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.contact-icon {
    margin-right: 15px;
    font-size: 24px;
    color: #072478;
}

.contactpage-details h4 {
    margin: 0 0 5px 0;
    font-size: 18px;
    color: #072478;
}

.contactpage-details p, .contactpage-details a {
    margin: 0;
    color: #555;
}

/*.contact-form-box {
	background-color: #fff;
	
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}*/

.contact-form-box h3 {
    margin-bottom: 20px;
    font-size: 32px;
    color: #072478;
}

.form-group {
    margin-bottom: 1rem;
}

.form-label {
    font-weight: 500;
    color: #072478;
}

.btn-custom {
    background-color: #072478;
    border-color: #072478;
    color: #fff;
}

    .btn-custom:hover {
        background-color: #072478;
        border-color: #072478;
    }

.social-links a {
    font-size: 18px;
    color: #555;
    margin-right: 10px;
    transition: color 0.3s;
}

    .social-links a:hover {
        color: #072478;
    }

.social-links.mt-2 {
    margin-left: 50px;
}

.message {
    height: 120px !important;
}

.bg_silvergrey {
    background-color: #fafafa;
}

.img_minheight {
    height: 160px;
    object-fit: contain;
    mix-blend-mode: darken;
    display: flex;
    margin: 0 auto;
}

.camera_products a:hover {
    mix-blend-mode: darken !important;
}

.hotstocks {
    background-color: white;
    padding: 2px 10px;
    border-radius: 8px;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 10px rgba(19, 16, 34, .06);
    height: 100%;
}

    .hotstocks img {
        background: #c9d6f9;
        padding: 8px;
        border-radius: 6px;
        height: 45px;
    }

.offersImg img {
    border-radius: 10px;
    height: 340px;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}

    .offersImg img:hover {
        border-radius: 0px;
    }

.hotstocks:hover {
    transform: translateY(-10px)
}

.contactdetails {
    background-color: #e7f0ff;
    padding: 30px 45px;
    border-radius: 8px;
}

.searchbarbgimg {
    background-image: url(../images/globe-img.webp);
    padding: 25px 15px;
    background-repeat: no-repeat;
    background-size: cover;
}

.search_btn .btn {
    background-color: #072478;
    width: 55px;
    height: 46px;
    border-radius: 6px;
    font-size: 18px;
}

.search_btn {
    position: absolute;
    right: 2.4%;
    top: 4px;
}

.filter_8 {
    filter: brightness(0.7);
}

.text_darkgrey {
    color: grey;
}

.search_btn img {
    width: 25px;
}

.MGallery {
    max-height: 270px;
}

/*.scrollbar::-webkit-scrollbar-track {
	background-color: #d0d0d0;
}

.scrollbar::-webkit-scrollbar {
	width: 8px;
	background-color: #d0d0d0;
}

.scrollbar::-webkit-scrollbar-thumb {
	background-color: #231965;
}*/


.scrollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #eee;
}

.scrollbar::-webkit-scrollbar {
    width: 8px;
    background-color: #eee;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c1c1c1;
}

.featureDesc ul {
    padding-left: 16px;
}

.fs-13 {
    font-size: 13px;
}

.product_image {
    height: 170px;
    object-fit: contain;
    background: white;
}

.p-6 {
    padding: 2rem;
}

.bg_animatedimg {
    background-image: url('../images/img/animated-shape.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
/*---------------- owl-carousel style starts here ------------------*/
.owl-nav button {
    position: absolute;
    width: 38px;
    height: 38px;
    z-index: 9;
    top: 40%;
    background-color: #0000009c !Important;
    color: #ffffff !Important;
    border-radius: 50px;
}

    .owl-nav button.owl-next {
        left: auto;
        right: 5px;
    }

    .owl-nav button span {
        font-size: 30px;
        line-height: 30px;
    }

    .owl-nav button.owl-prev {
        left: 5px;
    }

.room-slider .owl-dots {
    display: none;
}

/*---------------- owl-carousel style ends here ------------------*/
a.btnStock {
    width: 100%;
    display: block;
    background: #b41e12;
    color: white;
    padding: 8px 19px !important;
    border-radius: 5px !important;
    font-weight: 600;
    border: 1px solid #ffffff !important;
    opacity: 60%;
    pointer-events: none;
}