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