@import url('https://fonts.googleapis.com/css2?family=Alata&family=Bitter:ital,wght@0,400;0,700;1,400&family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;600;700&family=PT+Sans:ital,wght@0,400;0,700;1,700&family=Poppins:wght@300;400;500;600;700;900&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500;700;900&family=Work+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&family=Roboto+Slab:wght@300;400;600;700&family=Glegoo:wght@400;700&family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');

/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

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

body {
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Microsoft YaHei', sans-serif;
    color: #111;
    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: 'Microsoft YaHei', 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: .01px;
    text-overflow: '';
    cursor: pointer;
    padding-bottom: 8px
}

iframe {
    border: 0;
    width: 100%
}

a {
    color: #555;
    text-decoration: none;
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .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: .8
}

a:hover {
    color: #f06543;
    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
}

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 0 15px 0
}

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

h1, .h1 {
    font-size: 24px
}

h2, .h2 {
    font-size: 19px;
    text-transform: uppercase
}

h3, .h3 {
    font-size: 18px
}

h4, .h4 {
    font-size: 17px
}

h5, .h5 {
    font-size: 15px
}

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

img {
    max-width: 100%
}

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

input, button, select, textarea {
    font-size: 13px;
    font-family: 'Microsoft YaHei', sans-serif;
    background: transparent;
    border: 1px solid #d7d7d7;
    transition: all .4s ease-out 0s;
    -webkit-transition: all .4s ease-out 0s;
    color: #424242
}

input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active {
    outline: 0;
    border-color: #5b77d8
}

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: " ";
    display: table
}

.clearfix:after {
    clear: both
}

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

th {
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.text-italic {
    font-style: italic
}

.text-normal {
    font-style: normal
}

.text-underline {
    text-decoration: underline
}

.body-font {
    font-family: "Microsoft YaHei", sans-serif
}

.heading-font {
    font-family: "Microsoft YaHei", 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: 0;
    padding: 8px 15px 8px;
    background-color: #000;
    color: #fff;
    font-family: 'Microsoft YaHei', sans-serif;
    font-weight: 400;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    line-height: normal;
    white-space: normal;
    font-size: 13px;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.btn:hover, .btn:focus {
    background-color: #1a1a1a;
    opacity: .8;
    color: #fff;
    text-decoration: none
}

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

.btn-secondary {
    background-color: #e34848;
    color: #fff;
    border: 1px solid #e34848
}

.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: .7;
    -ms-filter: "alpha(opacity=70)"
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"
}

label {
    margin-bottom: 3px
}

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

.container {
    max-width: 1200px;
    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
}

.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
}

#pre-loader {
    background-color: #000;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden !important;
    right: 0;
    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
}

.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: #000;
    height: 38px
}

.top-header a {
    color: #fff
}

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

.header-1 {
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.logo {
    margin: 0
}

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

.logo img {
    display: block;

}

.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: 'Poppins', sans-serif;
    display: inline-block;
    color: #fff;
    background-color: #000;
    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: #fff;
    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 .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#settingsBox {
    visibility: hidden;
    opacity: 0;
    padding: 20px;
    width: 300px;
    position: absolute;
    top: 130%;
    right: 15px;
    z-index: 99
}

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

#settingsBox .btn {
    width: 100%
}

.icons-col .customer-links {
    font-size: 12px;
    /*text-transform: uppercase*/
}

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

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

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

.cnrLangList li a {
    color: #000;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    padding: 1px 10px;
    opacity: .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: #fff;
    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: 'Poppins', sans-serif;
    display: inline-block;
    color: #fff;
    background-color: #000;
    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: 350px;
    max-width: 100%;
    height: 100%;
    z-index: 1024;
    -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: 0;
    border-radius: 0;
    height: 100%;
    overflow-y: auto
}

.minicart-right-drawer.right.fade .modal-dialog {
    right: -350px;
    -webkit-transition: opacity .3s linear, right .3s ease-out;
    -moz-transition: opacity .3s linear, right .3s ease-out;
    -o-transition: opacity .3s linear, right .3s ease-out;
    transition: opacity .3s linear, right .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: .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: 25%;
    float: left
}

.minicart-content .item .product-details {
    float: left;
    width: 75%;
    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: #000;
    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: 0;
    border: 0 none
}

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

.search-drawer .action.search:hover {
    color: #000
}

.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: 16px;
        display: block;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        letter-spacing: .05em;
        position: relative
    }

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

    #siteNav > li > a {
        color: #000;
        padding: 0 15px;
        text-transform: uppercase;
        line-height: 40px
    }

    #siteNav.medium > li a {
        font-weight: 400;
        font-size: 16px;
    }

    #siteNav.medium > li a.active {
        font-weight: 700;
        border-bottom: 2px solid #212121
    }

    #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: #f77575
    }

    #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 0 rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.3);
        pointer-events: none;
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        max-height: 600px;
        overflow: auto;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 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: #f77575
    }

    #siteNav > li .megamenu li.lvl-1 li .site-nav:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 2px;
        vertical-align: middle;
        background-color: #f77575;
        -ms-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .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: 330px;
        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: #fff;
        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: #f00
    }

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

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

    #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: 0 0 15px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        -ms-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .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 #eee;
        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
    }
}

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

.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: 'Jost', 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: 'Jost', 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: .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: .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: .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: .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: .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: #111;
    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: 'Poppins', 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: .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: .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: 'Poppins', 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: .2px;
    text-transform: none
}

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

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

.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: .9
}

.index-demo8 .hero .mega-title {
    font-size: 36px;
    letter-spacing: .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: 'Poppins', 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: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: .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: .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: 'Poppins', 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: .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: 'Poppins', 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: .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: .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: .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: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: .2px;
    text-transform: none
}

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

.index-demo15 .info-section a:hover {
    color: #fff;
    opacity: .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: 'Poppins', 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: .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: .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: .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: .2px;
    text-transform: none
}

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

.medical-demo .notification-bar a {
    font-size: 13px;
    padding: 12px 10px;
    letter-spacing: .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: .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-section .saleTime {
    position: static
}

.medical-demo .hero-section .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: #3185cd;
    border-radius: 3px
}

.medical-demo .hero-section .saleTime span > span span {
    display: block !important;
    background: 0;
    font-size: 13px;
    font-weight: 400;
    margin-top: 0;
    text-transform: uppercase;
    line-height: 16px;
    margin-top: -5px
}

.medical-demo .hero-section .saleTime .time-count {
    font-size: 16px
}

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

.medical-demo .section.info-section a:hover {
    color: #fff;
    opacity: .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: #111
}

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: 'Microsoft YaHei', sans-serif;
    font-weight: 700;
    letter-spacing: .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: #111
}

.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: #111
}

.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: 999
}

.header-2.stickyNav {
    position: fixed;
    background-color: #fff;
    z-index: 999
}

.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: .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: .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: .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: #333
}

.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
    }
}

.tab-slider-product.section .section-header {
    margin-bottom: 15px
}

.tab-slider-product .tabs {
    border: 0;
    text-align: center;
    margin: 0 0 30px;
    padding: 0
}

.tab-slider-product .tabs > li {
    float: none;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer
}

.tab-slider-product .tabs > li {
    background: 0;
    border: 0;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 20px
}

.tab-slider-product .tabs > li.active {
    color: #fff;
    background: #000
}

.tab-slider-product .tabs li:hover, .tab-slider-product .tabs li:focus {
    color: #fff;
    opacity: 1;
    background: #000
}

.tab-slider-product .tab_container {
    clear: both;
    width: 100%;
    background: #fff
}

.tab-slider-product .tab_content {
    display: none
}

.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: .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: #111;
    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
}

.parallax-banner-style1 .hero--exlarge {
    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
}

@media only screen and (min-width: 990px) {
    .hero__inner .wrap-text {
        max-width: 500px
    }
}

.hero--large {
    height: 600px
}

.hero--exlarge {
    height: 900px
}

.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: 460px;
        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: 0;
    top: 0;
    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%
}

.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
}

.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%
}

.quote-wraper {
    background: #f5f5f5;
    padding: 40px
}

.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: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .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
}

.section.info-section {
    padding: 15px
}

.info-section {
    color: #fff;
    font-size: 16px;
    background-color: #111;
    padding: 20px 10px
}

.info-section a {
    color: #fff;
    letter-spacing: .5px
}

.info-section a:hover {
    color: #f06543
}

.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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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
}

.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
}

.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
}

.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 .slideshow__title {
    color: #000;
    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: #000;
    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%
}

.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: .5;
    z-index: 3
}

.slideshow .slick-slide img {
    width: 100%
}

.slideshow .slick-prev, .slideshow .slick-next {
    line-height: normal;
    font-size: 0;
    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 .2s;
    -webkit-transition: all ease-out .2s;
    transition: all ease-out .2s
}

.slideshow:hover .slick-prev, .slideshow:hover .slick-next {
    opacity: .75;
    visibility: visible;
    opacity: .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: #000
}

.slideshow .btn:hover, .slideshow .btn:focus {
    opacity: .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 .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    opacity: .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: .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 .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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: #fff;
    opacity: .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
}

.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 .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .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: #fff;
    opacity: .9
}

.collection-slider-full .collection-grid-slider .details .collection-item-title {
    color: #333
}

.logo-bar__item:hover {
    opacity: .6
}

.logo-bar .slick-arrow {
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .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: 0;
    height: 30px;
    width: 30px;
    line-height: 29px;
    border-radius: 50%;
    opacity: 1 !important
}

.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 .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .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;
    position:relative;
    margin-top:-50%;
    background: rgba(255,255,255,.8)
}

.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
}

.store-features {
    background-color: #131313;
    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: .05em;
    font-size: 14px;
    text-transform: uppercase
}

.store-info h5, .store-info p, .store-info, .store-info a {
    color: #fff
}

.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
}

.product-notification {
    display: block;
    width: 270px;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7px 2px rgba(158, 158, 158, 0.2);
    box-shadow: 0 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: 0
    }
    75% {
        bottom: 0
    }
    100% {
        display: none;
        bottom: -200px
    }
}

@keyframes movebottom {
    0% {
        display: block;
        bottom: -200px
    }
    25% {
        bottom: 0
    }
    75% {
        bottom: 0
    }
    100% {
        display: none;
        bottom: -200px
    }
}

.instagram_gallery img {
    padding: 5px
}

.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
}

.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 .5s;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .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
}

.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 .5s;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .5s
}

.collection-banners .collection-grid-item:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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
}

.collection-grid-item:hover .details {
    opacity: .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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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: .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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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: #000;
    position: relative;
    opacity: 1;
    visibility: visible;
    background: #f5f5f5
}

.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: #000
}

.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: #000;
    font-size: 15px
}

.collection-banners.style6 .collection-grid-item .details {
    background: #000;
    position: static
}

.collection-banners.style6 .collection-grid-item__title {
    color: #fff
}

.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 .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.collection-grid-slider .details:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #111;
    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 .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .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;
    width: 100%;
    -ms-transition: all ease-out .5s;
    -webkit-transition: all ease-out .5s;
    transition: all ease-out .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.center .ttl {
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center
}

.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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.imgBanners .details .title {
    color: #000;
    margin-bottom: 5px
}

.imgBanners .details p {
    margin-bottom: 10px
}

.imgBanners .details .ttl {
    display: inline-block
}

.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: .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
}

.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;
    display: block;
}

.pswp__button--share {
    display:none;
}

.lookbook .zoom-img {
    text-align: center;
    border-radius: 2px;
    display: block;
    width: 31px;
    height: 28px;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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: #111;
    font-size: 19px;
    line-height: 28px
}

.lookbook .grid-lookbook img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.lookbook-caption {
    background: #000
}

.lookbook .lookbook-caption {
    font-size: 20px;
    text-align: center;
    bottom: -100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 12px 18px;
    transition-duration: .5s;
    -webkit-transition-duration: .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 .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .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: #fff;
    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: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    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
}

.breadcrumbs-wrapper {
    background: #f9f9f9;
    margin: 0 0 30px
}

.breadcrumbs-wrapper .container {
    padding-top: 10px;
    padding-bottom: 10px
}

.breadcrumbs a, .breadcrumbs span {
    color: #111;
    display: inline-block;
    padding: 0 3px 0 0;
    margin-right: 3px;
    font-size: 14px
}

.breadcrumbs a:last-child {
    font-weight: 700;
}

.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
}

.section {
    padding-top: 50px;
    padding-bottom: 50px
}

.section-header {
    margin-bottom: 35px;
    text-align: center
}

.section-header h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 auto 10px
}

.section-header p {
    color: #000;
    font-size: 13px;
    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
    }
}

.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 .4s;
    -webkit-transition: all ease-out .4s;
    transition: all ease-out .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 #eee;
    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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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: 0;
    position: absolute;
    bottom: -20px;
    top: auto;
    left: 0;
    z-index: 444;
    -ms-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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: 0;
    height: 100%;
    vertical-align: middle
}

.slick-prev, .slick-next {
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    z-index: 9;
    display: block;
    line-height: normal;
    font-size: 0;
    padding: 6px 10px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: 0;
    opacity: 1
}

.slick-prev {
    left: 10px
}

.slick-next {
    right: 10px
}

.slick-prev:before, .slick-next:before {
    font-family: "annimex-icons";
    font-size: 20px;
    line-height: 30px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    display: block
}

/*.slick-prev:before {
    content: "\ea8b"
}

.slick-next::before {
    content: "\ea8c"
}*/

.productSlider .slick-prev {
    width:27px;
    height:49px;
    background: url('../images/left.png') no-repeat;
}

.productSlider .slick-next {
    width:27px;
    height:49px;
    background: url('../images/right.png') no-repeat;
}

.productSlider:hover .slick-arrow, .productPageSlider:hover .slick-arrow, .productSlider-style1: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: 30px
}

.productPageSlider .slick-arrow {
    margin-top: -20px
}

.productSlider-style1 .slick-arrow, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev {
    margin-top: -10px
}

.productSlider .slick-arrow, .productPageSlider .slick-arrow, .productSlider-style1 .slick-arrow, .productSlider-style2 .slick-arrow, .productSlider-fullwidth .slick-arrow {
    padding: 6px 10px;
    border-radius: 5px;
    opacity: 0;
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.productSlider .slick-next, .productPageSlider .slick-next, .productSlider-style1 .slick-next, .productSlider-style2 .slick-next, .productSlider-fullwidth .slick-next {
    right: -35px
}

.productSlider .slick-prev, .productPageSlider .slick-prev, .productSlider-style1 .slick-prev, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev {
    left: -35px
}

.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: .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: .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 .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .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: #fff;
    display: inline-block;
    border: 0;
    background-color: #111;
    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: 30px
}

.grid-products .item:hover .button-set.style1 {
    bottom: 10px;
    top: auto;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.grid-products .item:hover .button-set.style2 {
    bottom: 10px;
    top: auto;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .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: #000;
    background-color: #fff;
    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: #fff;
    background-color: #000;
    opacity: .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 .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    background: #000;
    color: #fff;
    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 #000;
    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 #000;
    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
}

.grid-products .item {
    margin: 0 0 30px;
    text-align: center
}

.tab_container .grid-products .item {
    margin-bottom: 0
}

.grid-products .item .product-name a {
    color: #000;
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 0
}

.grid-products .item .product-name a:hover {
    opacity: .8
}

.grid-products .item .product-price {
    margin: 5px 0;
    color: #000;
    font-weight: 400
}

.product-price .old-price {
    color: #555;
    font-size: 12px;
    opacity: .8;
    text-decoration: line-through
}

.product-price .old-price + .price {
    padding-left: 5px;
    color: #e95144 !important
}

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

.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 #fff
}

.tooltip-label {
    z-index: 2;
    -ms-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -38px;
    bottom: auto;
    left: 50%;
    background: #000;
    color: #fff;
    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 #000;
    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: #000;
    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: #fff;
    background-color: #000
}

.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: #fff;
    background-color: #555
}

.brand-name a {
    color: #555;
    font-size: 12px;
    text-transform: uppercase
}

.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: 0;
    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: .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 .45s cubic-bezier(0.29, 0.63, 0.44, 1);
    -webkit-transition: all .45s cubic-bezier(0.29, 0.63, 0.44, 1);
    transition: all .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: .02em;
    line-height: normal
}

.product-with-colletion-bnr .item:hover .btn-inner span {
    background-color: rgba(255, 255, 255, 0.8)
}

.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
}

.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: 'Poppins', 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
}

.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 #111;
    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 .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .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: 85%;
    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 .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .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: #000;
    color: #fff;
    opacity: .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
    }
}

.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 #111;
    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 .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .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 .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .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: .02em
}

.buy-it-btn .btn[disabled] {
    opacity: .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: #222;
    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: .2px;
    display: block;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 11px 25px 8px 25px;
    background: #f5f5f5;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
    outline: 0;
    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: Poppins, 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: .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: 0
}

.spr-review-header-byline {
    font-weight: normal;
    font-size: 12px;
    opacity: .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: 'Poppins', 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 #ddd;
    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
}

.product-nav {
    color: #333;
    font-size: 12px;
    line-height: 1.2;
    max-width: 200px;
    padding: 5px;
    opacity: .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: #fff;
    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: #000
}

.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: .5;
    text-decoration: line-through
}

.stickyCart .product-form__cart-submit {
    padding: 0 20px;
    line-height: 37px;
    border: 0;
    background: #e34848;
    color: #fff
}

.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: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    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: .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: #f00;
    opacity: 1;
    cursor: default
}

.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: 'Poppins', sans-serif;
    margin-bottom: 20px;
    font-size: 15px
}

.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: 12px
}

.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: .5s;
    -webkit-transition: .5s;
    transition: .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: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.shop-fullwidth-layout .filterbar.active .closeFilter {
    visibility: visible;
    left: 300px
}

.full-page-title .breadcrumbs-wrapper, .blog-sidebar-page .breadcrumbs-wrapper, .category-page .breadcrumbs-wrapper, .lookbook-page .breadcrumbs-wrapper {
    margin-bottom: 0
}

.full-page-title .page-title, .blog-sidebar-page .page-title, .category-page .page-title, .lookbook-page .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, .blog-sidebar-page .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-filter input[type="text"] {
    height: 30px;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    width: 100px
}

#slider-range.ui-slider-horizontal {
    background: #e9e9e9;
    border: 0;
    border-radius: 0;
    height: 3px;
    margin-bottom: 20px
}

#slider-range .ui-slider-handle {
    background: #000;
    border: 2px solid #000;
    height: 12px;
    outline: 0;
    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
}

.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
}

.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: 0;
    color: #000;
    padding: 5px 0;
    border-bottom: 1px solid #000;
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btnview:hover {
    background: 0;
    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: 0;
    border: 0;
    padding: 0 5px
}

.filters-toolbar-wrapper .change-view--active {
    color: #000
}

.filters-toolbar__product-count {
    font-size: .92308em;
    line-height: 35px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.filters-toolbar-wrapper select {
    width: auto;
    font-size: 12px
}

.filters-toolbar__input {
    padding: 0 5px;
    -ms-transition: all ease-out .15s;
    -webkit-transition: all ease-out .15s;
    transition: all ease-out .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
}

.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: 0;
    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 #eee
}

.sidebar .storeFeatures p {
    width: 100%
}

.sidebar .storeFeatures .anm {
    font-size: 16px;
    min-width: 25px;
    display: inline-block
}

.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
}

.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 {
    border-bottom: 1px solid #ebebeb;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    text-transform: uppercase
}

.dashboard-list li a.active, .dashboard-list li a:hover {
    color: #fff;
    background-color: #000
}

.dashboard-content {
    /*border: 1px solid #ebebeb;*/
    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: .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: #111
}

.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: #111
}

.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
}

.site-footer__social-icons li {
    padding: 0 10px
}

.social-icons .icon {
    color: #111;
    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: 0;
    padding: 18px 40px 0 0;
    margin: 0;
    border-bottom: 1px solid #eee;
    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: #eee;
    font-size: 20px;
    font-weight: 600;
    background: #333;
    padding: 15px 20px;
    margin-top: 15px
}

.faq-style2 .panel-title {
    line-height: 22px;
    font-weight: 600;
    font-size: 105%;
    text-transform: uppercase;
    background: 0;
    padding: 18px 40px 18px 0;
    margin: 0;
    border-bottom: 1px solid #eee;
    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: #000;
    display: inline-block;
    max-width: 600px;
    padding: 35px;
    margin: 0 auto;
    position: relative;
    background-color: #fff
}

.coming-soon-form h2 {
    font-size: 20px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    letter-spacing: .2px
}

.coming-soon-form .h4 {
    font-size: 15px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    letter-spacing: .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-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: #000
}

.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
}

.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
}

.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: 0;
    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; margin-right:8px
}

.publish-detail > li:after {
   
    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; margin-top:10px
}

.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: #000;
    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 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
}

.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: 120px
}

.cart .qtyField a {
    height: 36px;
    line-height: 34px;
    padding: 0
}

.cart .qtyField .cart__qty-input {
    height: 36px;
    width: 40px;
    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: Poppins, Helvetica, Tahoma, Arial, sans-serif;
    letter-spacing: .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: 42px;
    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
}

.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;
    border-radius: 0
}

.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
}

.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: .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: #111;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center
}

#newsletter-modal .newsltr-text .social-icons li a:hover {
    opacity: .5
}

#newsletter-modal .newsltr-text .social-icons li a .anm {
    font-size: 14px
}

#newsletter-modal .newsltr-text #Subscribe {
    width: 100%;
    border: 0;
    background: #111;
    color: #fff
}

#newsletter-modal .newsltr-text #Subscribe:hover {
    opacity: .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: #111;
    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 .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .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
}

#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 .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    bottom: 40px;
    z-index: 444;
    display: none;
    background: #ffad00
}

#site-scroll i {
    line-height: 35px
}

.template-index .footer {
    margin-top: 0
}

.footer {
    margin-top: 40px
}

.footer .footer-top {
    color: #111;
    background-color: #f5f5f5;
    border-top: 1px solid #fff;
    padding-top: 35px;
    padding-bottom: 35px
}

.footer .footer-top .h4 {
    color: #000;
    font-size: 15px;
    letter-spacing: .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%
    }

    .footer-6 .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: #111
}

.footer-links a:hover {
    color: #000
}

.footer-links a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 3px;
    vertical-align: middle;
    background-color: #111
}

.footer-links a:hover:before {
    width: 15px;
    margin-right: 10px
}

.footer-newsletter .newsletter-input {
    background: #fff;
    margin-bottom: 10px
}

.footer-newsletter .btn {
    font-size: 12px
}

.footer-bottom {
    background: #fff;
    color: #111;
    clear: both;
    padding: 15px 0;
    border-top: 1px dotted #eee
}

.footer-bottom .payment-icons {
    color: #111;
    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 .footer-top {
    color: #fff;
    background-color: #111;
    border-top: 1px solid rgba(0, 0, 0, 0);
    padding: 35px 0
}

.footer-2 .footer-top .h4 {
    color: #fff;
    font-size: 16px;
    text-transform: none
}

.footer-2 .footer-links a {
    color: #fff
}

.footer-2 .footer-links a:before {
    background-color: #000
}

.footer-2 .about-us-col .anm {
    color: #fff;
    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: #fff;
    background-color: #111;
    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: #111;
    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: #fff;
    background-color: #131313
}

.footer-5 .footer-top .h4 {
    color: #fff;
    font-size: 16px
}

.footer-5 .footer-links a {
    color: #fff
}

.footer-5 .footer-links a:before {
    background-color: #fff
}

.footer-5 .about-us-col .anm {
    color: #fff;
    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-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 .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .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: #fff;
    background-color: #131313;
    border-top: 0
}

.footer-8 .footer-top .h4 {
    color: #fff;
    font-size: 16px
}

.footer-8 .footer-links a {
    color: #fff
}

.footer-8 .footer-links a:before {
    background-color: #fff
}

.footer-8 .about-us-col .anm {
    color: #fff;
    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: 1px
}

.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: #fff;
    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
}

.pagination a {
    font-size: 12px;
    color: #a2a2a2;
    min-width: 30px;
    line-height: 28px;
    display: inline-block;
    border: none;
    vertical-align: middle;
}

.pagination a.page-num-current {
    background: #f8ede6;
    color: #8b7d71;
}

.page-link {
    padding: 0 .75rem
}

.page-link:focus {
    box-shadow: none
}

.pagination a:nth-child(1) {
    border-right: none
}

.pagination a:nth-child(2) {
    border-right: none
}

.pagination a:last-child {
    border-left: none
}

.pagination a:nth-last-child(2) {
    border-left: none
}

.page-link:hover {
    z-index: 2;
    color: #8b7d71;
    text-decoration: none;
    background-color: #f8ede6;
    border-color: #dee2e6;
}


.pet-store h5:before{content: '';background-color:#212121;width:60px;margin-left:-80px;position: absolute;margin-top:8px;height:2px}
.pet-store h5:after{content: '';background-color:#212121;width:60px;margin-left:20px;position: absolute;margin-top:8px;height: 2px}
.money{ color:#F60; font-size:30px}
.product-single{ margin-top:30px}
.product-single__description ul li{ line-height:30px}
.product-single .product-single__meta{ margin-top:20px}
.post-title{ padding-top:10px !important}

.wap{ display:none}
@media screen and (max-width:768px) {
    .wap{ display:block !important;}
	.pc{ display:none}
	.product-details-img img{ width:100%; height:auto !important}
}
.product-details-img img{ max-width:100%; height:auto !important}