* {
    font-family: 'Helvetica Neue', sans-serif;
    margin: 0;
    padding: 0;
}

.glyphicon {
    font-family: 'Glyphicons Halflings'!important;
}


/*.fa{font-family: '"Font Awesome\ 5 Free"'!important;}*/

html,
body {
    border: 0;
    background-color: #fff;
}

html {
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    object-fit: scale-down;
}

body {
    line-height: 1.4;
    font-size: 13px;
    color: #000;
    overflow-x: hidden;
    background: #fff;
    position: initial !important;
}


/* 1.2 - HTML5 Elements */

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


/* 1.4 - Typography */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin: 0 0 13px 0;
    font-weight: 600;
    line-height: 1.2;
}

html {
    -webkit-text-size-adjust: none;
    touch-action: manipulation;
}

h1 {
    font-size: 35px;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 23px;
}

h4 {
    font-size: 12px;
    line-height: 18px;
}

h5 {
    font-size: 12px;
    line-height: 18px;
}

h6 {
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
}

p {
    margin: 0 0 10px 0;
    line-height: 18px
}


/* 1.5 - Links and Buttons */

a {
    color: #000;
    text-decoration: none;
    outline: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover,
a:focus {
    color: #323030;
    text-decoration: none;
    outline: none;
}

a:active {
    outline: none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #000;
    line-height: 1.1;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #323030;
}


/* 1.6 - Tables */

table {
    width: 100%;
    border-spacing: 0;
}

table tr td {
    border-top: 1px solid #dddddd;
}

table tr td,
table tr th {
    padding: 10px;
    text-align: left;
}

table tr td:first-child,
table tr th:first-child {
    padding-left: 0px;
}

table tr td:last-child,
table tr th:last-child {
    padding-right: 0px;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}


/* 2.3 - Lists */

ul {
    padding: 0;
    list-style-type: none;
}

ul.unstyled,
ol.unstyled {
    margin: 0;
    list-style: none outside none;
}

ul.unstyled>li,
ol.unstyled>li {
    list-style: none;
}

ul.horizontal>li,
ol.horizontal>li {
    display: block;
    float: left;
}

ul.horizontal-inline,
ol.horizontal-inline {
    text-align: center;
}

ul.horizontal-inline>li,
ol.horizontal-inline>li {
    display: inline;
    margin: 0 5px;
}

ul.expanded>li,
ol.expanded>li {
    margin-bottom: 10px;
}

a {
    transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
}

input:focus {
    outline: none;
}


/*========================================================================*/

main.main-index {
    position: relative;
    z-index: 99;
}

.button .icon {
    width: 0;
    height: 100%;
    display: block;
    text-align: right;
    position: absolute;
    right: 40px;
    top: 0;
    opacity: 0;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}

.button .icon svg {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    fill: #fff;
}

.button:hover .icon,
.button:focus .icon {
    opacity: 1;
    right: 15px;
    width: 31px;
}

.button:hover,
.button:focus {
    padding-right: 60px!important;
}

.wrap-flex-align {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.flex-column {
    -webkit-flex-direction: column;
    flex-direction: column;
}

button:focus {
    border-color: transparent;
    outline: none;
}

.header-page h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    display: block;
    white-space: normal;
    vertical-align: middle;
}

@media (min-width:1014px) {
    .animation-tran .site-animation {
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -o-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 1;
        -webkit-transition: opacity 300ms linear, transform 300ms linear;
        -moz-transition: opacity 300ms linear, transform 300ms linear;
        -o-transition: opacity 300ms linear, transform 300ms linear;
        transition: opacity 300ms linear, transform 300ms linear
    }
    .animation-tran.active .site-animation {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.wrapbox-heading-page {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.wrapbox-heading-page .header-page {
    position: relative;
}

.wrapbox-heading-page .header-page:after {
    content: "";
    background: #000;
    display: block;
    width: 60px;
    height: 4px;
    margin-top: 70px;
}

.wrapbox-heading-page .header-page h1 {
    font-size: 54px;
    font-weight: 700;
    margin: 0px 0;
    line-height: initial;
}

.wrapbox-heading-page .header-page p {
    font-size: 14px;
    opacity: .66;
    margin: 20px 0 0 0;
    position: relative;
}

.wrapbox-heading-page .header-page p span {
    font-weight: 600;
}

.wrapper-row {
    margin-top: 30px;
}


/*-----------------------------------------------------------
HEADER
-----------------------------------------------------------*/


/*----------------- Topbar ---------------*/

#homepage_slider.owl-carousel .owl-item img {
    object-fit: contain;
}

.topbar {
    text-align: right;
    padding: 2px 15px;
    font-size: 12px;
    position: relative;
    z-index: 100;
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.topbar ul {
    margin-bottom: 0;
    font-size: 13px
}

.topbar ul p {
    margin-bottom: 0;
    display: inline-block;
    padding: 2px 0;
}

.topbar ul p b {
    color: #a73340;
}

.topbar ul i {
    font-size: 13px;
    line-height: 26px;
    background: #e4e4e4;
    display: block;
    color: #313131;
    width: 24px;
    height: 24px;
    float: left;
    text-align: center;
    border-radius: 100%;
    margin-right: 5px;
}

.topbar ul li {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.topbar ul li:before {
    content: '';
    position: absolute;
    top: 7px;
    right: -2px;
    width: 1px;
    height: 40%;
    background: #000;
}

.topbar ul li:last-child {
    padding-right: 0;
}

.topbar ul li:last-child:before {
    content: none;
}

.topbar ul li img {
    width: 18px;
    height: 18px;
    vertical-align: -2px;
    margin-right: 3px;
}

.topbar ul li.header-ship span {
    width: 5px;
    margin: 0 5px;
    height: 9px;
    display: inline-block;
    position: relative;
}

.topbar ul li.header-ship span:before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    content: "";
    right: 0;
    background: #000000;
}

.topbar ul li.header-store a b {
    font-weight: 700;
    color: #a73340;
}

.topbar ul li.header-ship strong {
    text-transform: uppercase;
}

.top-header {
    /*height: 47px;*/
    background: #ffffff;
    position: relative;
    z-index: 100;
}

.top-header .bg-top-header.type-2 {
    height: 47px;
    background-repeat: no-repeat;
    /*background-position: center center;*/
    background-size: 100% 100%;
    background-color: #850601;
}

.top-header.top-header-2 .bg-top-header.type-2 {
    height: 35px;
}

.top-header-text {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #ffffff;
    padding: 0 15px;
}

.top-header-text p {
    margin-bottom: 0;
}

@media(max-width:767px) {
    .wrap-flex-align {
        display: block;
    }
    .top-header .bg-top-header.type-2 {
        background-image: url(//theme.hstatic.net/200000000131/1000466964/14/banner-top-header-t2-mb.jpg?v=1033);
    }
    .language-hd {
        max-width: 50px;
        margin: 0 0 10px 0;
    }
    .language-hd .name-lg {
        display: none;
    }
    .language-hd .language p.toggle {
        display: flex;
        padding: 5px 10px !important;
    }
}


/* Banner topbar 2 */

#soon-slots>.soon-group>.soon-group-inner>span.soon-group {
    width: auto;
    margin: 10px;
}

#soon-espa.soon-top {
    padding-bottom: 12rem;
    font-size: 20px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 20%;
}

#soon-espa.soon-top .soon-reflection {
    opacity: .1;
    background-color: #dedede;
    background-image: linear-gradient(#dedede 25%, rgba(222, 222, 222, 0));
}

#soon-espa.soon-top .soon-label {
    margin-top: -1.5em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    letter-spacing: 2px;
}

.soon[data-scale='l'] {
    font-size: 5rem
}

.soon[data-layout*=group] {
    padding: 0.35em 0;
}

.soon[data-face*=color-dark] .soon-flip-face {
    font-weight: bold;
    color: #fff;
    background: #000;
    letter-spacing: 1px;
}

.soon-group.soon-group-sub {
    padding-top: 10px!important;
}

#soon-espa span.soon-group.soon-group-sub {
    padding: 0 !important;
}

#soon-espa>span>.soon-group-inner {
    display: block !important;
}

#soon-espa .soon-group-sub .soon-group-inner {
    white-space: nowrap;
    margin: 0 5px 0 0 !important;
}

#soon-espa span.soon-flip-inner {
    padding: 0.11em 0.125em;
}

#soon-espa .soon-flip-face {
    background: #fff;
    color: #722923;
}

#soon-espa .soon-label {
    left: unset !important;
    position: static !important;
    margin: 0 !important;
    top: 0 !important;
    right: unset !important;
    display: inline-block !important;
}

@media(max-width: 991px) and (min-width:768px) {
    #soon-espa.soon-top .soon-label {
        display: none!important;
    }
}


/*----------------- Header ---------------*/

.main-header {
    border-bottom: 0;
    width: 100%;
    background: #fff;
    color: #252a2b;
    font-weight: bold;
    position: relative;
    z-index: 99;
    //position: absolute;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wrap-logo {
    float: left;
}

.wrap-logo a {
    display: block;
}

.wrap-logo svg {
    width: 140px;
    height: 27px;
}

.header-wrap-icon {
    float: right;
    position: relative;
}

.header-wrap-icon .group-icon>span,
.header-wrap-icon .group-icon>.icon-item {
    display: inline-block;
    text-align: center;
    margin: 0px 4px 0;
    position: relative;
    transition: opacity 150ms linear;
    vertical-align: -2px;
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.header-wrap-icon .group-icon>span img,
.header-wrap-icon .group-icon>.icon-item img {
    width: 20px;
    height: 20px;
}

.menu__list .menu__list menu__list--four {
    display: none;
}

#site-cart-handle {
    position: relative
}

.cart-menu .count-holder {
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    color: #000;
}

.cart-menu .count {
    position: relative;
    top: 2px;
}

.hamburger-menu {
    width: 27px;
    height: 19px;
    cursor: pointer;
    display: block;
    transition: all 150ms linear;
    position: relative;
}

.hamburger-menu .bar,
.hamburger-menu .bar:after,
.hamburger-menu .bar:before {
    width: 27px;
    height: 3px;
}

.hamburger-menu .bar:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    background: #252a2b;
    -ms-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    -webkit-transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    transition: bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
}

.hamburger-menu .bar:after {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    background: #252a2b;
    -ms-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    -webkit-transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
    transition: top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), width 150ms linear, background 150ms linear;
}

.hamburger-menu .bar {
    position: relative;
    background: #252a2b;
    display: block;
    top: 8px;
    -ms-transition: all 0ms 100ms, width 150ms linear;
    -webkit-transition: all 0ms 100ms, width 150ms linear;
    transition: all 0ms 100ms, width 150ms linear;
    -ms-transform: translateY(7px);
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
}

.hamburger-menu:not(.active):hover .bar {
    width: 31px;
}

.hamburger-menu:not(.active):hover .bar:before {
    width: 17px;
}

.hamburger-menu:not(.active):hover .bar:after {
    width: 20px;
}

.filter-menu {
    height: 20px;
    display: block;
    cursor: pointer;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}

.filter-menu .bar {
    width: 2px;
    height: 17px;
    background: #252a2b;
    position: absolute;
    -webkit-transition: all 150ms linear, transform 150ms linear 100ms;
    -moz-transition: all 150ms linear, transform 150ms linear 100ms;
    -o-transition: all 150ms linear, transform 150ms linear 100ms;
    transition: all 150ms linear, transform 150ms linear 100ms;
}

.filter-menu .bar:nth-child(1) {
    left: 1px;
}

.filter-menu .bar:nth-child(2) {
    left: 10px;
}

.filter-menu .bar:nth-child(3) {
    left: 19px;
}

.filter-menu .bar:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 3px;
    background: #252a2b;
    left: -2px;
    transition: all 150ms linear;
}

.filter-menu .bar:nth-child(1):after {
    top: 11px;
}

.filter-menu .bar:nth-child(2):after {
    top: 5px;
}

.filter-menu .bar:nth-child(3):after {
    top: 7px;
}

.site-filter-handle:hover .filter-menu .bar:nth-child(1):after {
    top: 7px;
}

.site-filter-handle:hover .filter-menu .bar:nth-child(2):after {
    top: 11px;
}

.site-filter-handle:hover .filter-menu .bar:nth-child(3):after {
    top: 5px;
}

#site-search-handle {
    display: inline-block;
}

.search-box,
.group-icon {
    float: left;
}

.search-box {
    margin-right: 8px;
}

.search-box .navbar-form {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

.search-box .navbar-form .form-group input {
    border: 1px solid #888;
    background: #fff;
    border-radius: 20px;
    height: 30px;
    width: 100%;
    font-size: 11px;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 30px;
    font-style: italic;
    font-weight: 300;
}

.search-box .navbar-form .btn {
    position: absolute;
    top: -2px;
    right: 0;
    background: none;
    padding: 0;
    height: 32px;
    width: 30px;
    line-height: 30px;
}

.search-box .navbar-form .btn img {
    width: 15px;
    height: 15px;
}


/*----------------- Search auto ---------------*/

.smart-search-wrapper {
    position: absolute;
    top: 115%;
    width: 100%;
    background: #fff;
    z-index: 100;
    right: 80px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}

.smart-search-wrapper .item-ult {
    padding: 5px 8px;
    border-bottom: 1px dotted #dfe0e1;
    clear: both;
    width: 100%;
    float: left;
}

.smart-search-wrapper .item-ult .thumbs {
    width: 40px;
    display: inline-block;
    text-align: right;
}

.smart-search-wrapper .item-ult .title {
    width: calc(100% - 45px);
    padding-right: 5px;
    float: left;
    line-height: 20px;
    position: relative;
    margin-top: 3px;
}

.smart-search-wrapper .item-ult .title a {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    float: left;
    width: 100%;
    color: #000;
    margin-bottom: 4px;
}

.smart-search-wrapper .item-ult .title p {
    line-height: 15px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    float: left;
    margin: 0;
}

.smart-search-wrapper .item-ult .title p del {
    font-size: 11px;
    margin-left: 5px;
    color: #797979;
}

.smart-search-wrapper .item-ult:hover .title a {
    color: #323030;
}

.smart-search-wrapper a.select,
.smart-search-wrapper .item-ult:hover {
    background: #fafafa;
    color: #000;
}

.resultsMore {
    width: 100%;
    float: left;
}

.resultsMore a {
    text-align: center;
    display: block;
    font-size: 13px;
    color: #000;
    padding: 10px 0;
}

.dataEmpty {
    color: #111;
    text-align: center;
    padding: 10px 0;
    color: #000;
}


/*----------------------------------------------------
MEGAMENU
-----------------------------------------------------------*/

.header-top {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.main-nav-menu .menu__list {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding-left: 0;
    flex-wrap: wrap;
}


/*.main-nav-menu .menu__list .menu-flex .menu__item{*/


/*columns: 2 !important;*/


/*width: auto !important;*/


/*-webkit-columns: 2;*/


/*-moz-columns: 2 !important;*/


/*}*/

#nav-menu .main-nav-menu .menu__list--top>li>a {
    position: relative;
    display: block;
    color: #323030;
}

#nav-menu .main-nav-menu .menu__list--top>li>a:before {
    content: '';
    top: 100%;
    left: 20px;
    right: 20px;
    margin: auto;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    border-bottom: 1px solid #000;
    z-index: 3;
}

#nav-menu .main-nav-menu .menu__list--top>li:hover>a:before {
    opacity: 1;
    visibility: visible;
}

#nav-menu .main-nav-menu .menu__list--top>.menu__item--dropdown>a {
    display: block;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 70px;
    letter-spacing: 1px;
}

#nav-menu .main-nav-menu .menu__list--top .menu__item--dropdown .menu__item--dropdown a {
    padding: 9px 18px;
    white-space: nowrap;
    text-align: left;
    display: block;
    font-size: 14px;
}

#nav-menu .main-nav-menu .menu__list--top .menu__item--dropdown {
    position: relative;
}

#nav-menu .main-nav-menu .menu__list--top .menu__list--dropdown {
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    background: #fff;
    min-width: 155px;
    position: absolute;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    -moz-transform: rotate3d(1, 0, 0, -90deg);
    -o-transform: rotate3d(1, 0, 0, -90deg);
    -ms-transform: rotate3d(1, 0, 0, -90deg);
    transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0
}

#nav-menu .main-nav-menu .menu__list--top .menu__list--dropdown .menu__list--dropdown {
    left: 100%;
    top: 0;
    margin-left: 1px;
    margin-top: 0;
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    -moz-transform: rotate3d(0, 1, 0, 90deg);
    -o-transform: rotate3d(0, 1, 0, 90deg);
    -ms-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg);
}

#nav-menu .main-nav-menu .menu__list--top .menu__item--dropdown:hover>.menu__list--dropdown {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
}

#nav-menu .main-nav-menu ul>li i {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    margin-left: 4px;
    font-weight: lighter;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

#nav-menu .main-nav-menu ul>li:hover>a i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#nav-menu .main-nav-menu .menu__list:not(.menu__list--top)>li i {
    display: none;
}


/* megamenu */

.main-nav-menu .menu__list:not(.menu__list--second)>.menu__item>.menu__content {
    width: 100%;
    display: none;
    padding: 15px 0 20px;
    position: absolute;
    left: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    z-index: 2;
    transition: max-height 0.5s ease;
    overflow: hidden;
}

.main-nav-menu .menu__list:not(.menu__list--second)>.menu__item:hover>.menu__content {
    display: block;
}

.main-nav-menu .menu__list .menu-flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.main-nav-menu .menu__list .menu-flex .menu__item {
    width: 100%;
}

.main-nav-menu .menu__list--second {
    font-weight: 400;
    text-transform: capitalize;
    flex-direction: column;
    //flex-basis: 20%;
    background-color: inherit;
    padding: 0 15px;
}

.main-nav-menu .menu__list:not(.menu__list--second)>.menu__item>.menu__link {
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 70px;
    letter-spacing: 2px;
}

.main-nav-menu .menu__list--second .menu__item .menu__link {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding: 16px 0 8px;
    letter-spacing: 2px;
}

.main-nav-menu .menu__list .menu__list .menu__list.menu__list--third {
    padding: 0 0 0 10px;
}

.main-nav-menu .menu__list .menu__list--third li {
    padding: 5px 0;
    font-size: 14px;
}

.main-nav-menu .menu_list_img {
    position: relative;
    text-align: center;
    margin: 15px 0 0 0;
    display: flex;
    justify-content: center;
    flex-basis: 40%;
}

.main-nav-menu .menu_list_img a {
    padding: 0 20px;
    display: inline-block;
    color: #000;
    text-decoration: none;
    padding: 0 40px !important;
}

.main-nav-menu .menu_list_img p {
    margin-top: 10px;
    line-height: 20px;
    text-transform: capitalize;
    font-size: 14px;
}

.main-nav-menu .menu__list .menu__list .menu__list {
    border: 0;
    padding: 0;
    margin-bottom: 0;
    display: none;
}

.main-nav-menu .menu__list--second .menu__item .menu__list .menu__link {
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
    padding: 5px 0;
    line-height: 22px;
}

.main-nav-menu .menu_list_img.menu_lookbooks {
    flex-basis: 65%;
}

.main-nav-menu .menu__list--second .menu__item .menu__link:hover,
.main-nav-menu .menu_list_img .menu__item .menu__link:hover p {
    text-decoration: underline;
}

.dl_ani {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@media (max-width: 1024px) {
    .header-bottom {
        display: none;
    }
    #nav-menu .main-nav-menu>ul>li>a {
        padding: 0 8px;
        font-size: 13px;
    }
}

#nav-menu .main-nav-menu>ul>li>a[href='/collections/flash-deal-1212'] {
    color: #9A1A1F!important;
    animation: blink 1s linear infinite;
}

#nav-menu .main-nav-menu>ul>li:last-child>a {
    color: #323030;
}

@media (max-width: 1024px) {
    .header-bottom {
        display: none;
    }
    #nav .main-nav>ul>li>a {
        padding: 0 8px;
        font-size: 13px;
    }
}

.main-header.affix-mobile .wrap-logo img {
    height: 50px;
    object-fit: scale-down;
}

.main-header.affix-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.main-header.affix-mobile .wrap-logo svg {
    width: 105px;
    height: 25px;
}

.main-header.affix-mobile #nav .main-nav>ul>li>a[href='https://hnossfashion.com/collections/flash-sale-thang-10'] {
    color: #ff0000;
}

{
    line-height: 55px
}


/* Main menu 2 */

.sub_menu_2 {
    display: -webkit-flex;
    display: flex;
}

.sub_menu_2>li {
    min-width: 150px;
    max-width: 180px;
}

.sub_menu_2 li.relative>ul {
    display: block;
    position: static !important;
    transform: initial !important;
    box-shadow: none !important;
    border: none !important;
}

.sub_menu_2 li.relative>ul a {
    border: none !important;
    box-shadow: none !important;
}

.sub_menu_2 li.relative>ul>li {
    border: none !important;
}

.sub_menu_2 li.relative>ul>li a {
    padding: 2px 18px !important;
}

.sub_menu_2>li>a {
    font-weight: 500;
    font-size: 14px !important;
    padding: 9px 18px 5px !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.sub_menu_2>li>a>i {
    display: none !important;
}

#nav-menu .main-nav-menu .menu__list--top .menu__item--dropdown.menu_red>a {
    color: #a73340;
}


/*----------------------------------------------------
SLIDER
-----------------------------------------------------------*/

.box__slideshow-split .slideshow-item .box_slideshow-item {
    float: left
}

.box__slideshow-split .slideshow-item:after {
    content: '';
    display: table;
    clear: both
}

.box__slideshow-split .slideshow-item .site-box-background:after {
    display: none
}

.box__slideshow-split {
    z-index: 4
}

.slideshow-item .caption-inner {
    width: 50%;
    z-index: 9;
    text-align: left;
    padding-bottom: 70px;
}

.slideshow-item .caption-inner .caption {
    color: #262627;
    opacity: .92;
    font-size: 14px;
    margin-bottom: 70px;
}

.slideshow-item .caption-inner h3.title {
    color: #262627;
    font-size: 48px;
    line-height: 1.125;
    margin-bottom: 0;
    font-weight: 700;
}

.slideshow-item .caption-inner .subtitle {
    color: #262627;
    font-style: italic;
    font-size: 17px;
    line-height: 1;
    opacity: .66;
    margin-top: 50px
}

.slideshow-item .caption-inner .button {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 30px;
    position: relative;
    background: #262627;
    color: #e2e3e6;
    cursor: pointer;
    height: 55px;
    margin: 0;
    margin-top: 30px;
    display: inline-block;
    line-height: 53px;
    border-radius: 0;
    -webkit-appearance: none;
    -ms-transition: opacity 150ms linear, color 150ms linear, padding 200ms linear;
    -webkit-transition: opacity 150ms linear, color 150ms linear, padding 200ms linear;
    transition: opacity 150ms linear, color 150ms linear, padding 200ms linear;
}

.slideshow-item .image-banner>div {
    position: absolute;
    width: 100%;
    height: 100%;
}

.slideshow-item .image-banner .site-box-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-transition: background 200ms linear;
    -webkit-transition: background 200ms linear;
    transition: background 200ms linear;
}

.slideshow-item .image-banner .site-box-background img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
    opacity: 0;
    -ms-transition: opacity 150ms linear;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slideshow-item .image-banner .site-box-background img.lazyloaded {
    opacity: 1;
}


/*---*/

.box__slideshow-split {
    position: relative;
    border-bottom: 0px solid #ededed;
    background: #fff;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.box__slideshow-split .site-box-content {
    z-index: 9;
    width: 100%
}

.box__slideshow-split .slideshow-item .box_slideshow-item {
    position: relative;
    width: 50%;
    height: 100vh;
    overflow: visible;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.slideshow-item .caption-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    z-index: 9;
}

.box__slideshow-split .slideshow-item .image-banner .site-box-black-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
}

.box__slideshow-split .slideshow-item:first-child .box_slideshow-item .site-box-content {
    opacity: 0;
    -webkit-transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
    -moz-transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
    -o-transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
    transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.box__slideshow-split .slideshow-item:first-child .box_slideshow-item.active .caption-inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.box__slideshow-split .slideshow-item .site-box-background-container>div.clip-transition {
    -webkit-transition: clip 600ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 600ms linear;
    -moz-transition: clip 600ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 600ms linear;
    -o-transition: clip 600ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 600ms linear;
    transition: clip 600ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 600ms linear;
}

.box__slideshow-split .slideshow-item:not(:first-child) .site-box-background-container div:not(.active) {
    display: none
}

@media(max-width:1199px) and (min-width:992px) {
    .slideshow-item .caption-inner {
        width: 70%;
    }
}

@media(min-width:992px) {
    .box__slideshow-split .slideshow-item .box_slideshow-item {
        background: #daddde;
        height: 100vh;
    }
    .box__slideshow-split .slideshow-item .image-banner {
        position: fixed;
        width: 50%;
        height: 100vh;
        right: 0;
        top: 0;
    }
    .box__slideshow-split.back-to-normal .image-banner {
        position: absolute;
        width: 100%;
        right: -100%;
    }
    .slideshow-item .caption-inner .button {
        align-self: flex-start;
        -webkit-align-items: flex-start;
    }
    .box__slideshow-split:not(.back-to-normal) .image-banner {
        -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) {
    .box__slideshow-split:not(.back-to-normal) .image-banner {
        -webkit-transition: transform 250ms linear;
        -moz-transition: transform 250ms linear;
        -o-transition: transform 250ms linear;
        transition: transform 250ms linear
    }
}

@media(max-width:991px) {
    .box__slideshow-split .site-box-content {
        width: 100%;
        height: 100%
    }
    .box__slideshow-split .slideshow-item {
        width: 100%;
        height: calc(100% - 60px);
    }
    .box__slideshow-split .slideshow-item .box_slideshow-item {
        width: 100%;
        height: 100%;
    }
    .box__slideshow-split .slideshow-item .image-banner {
        width: 100%;
        height: 100%;
        right: 0;
        position: absolute;
    }
    .box__slideshow-split .slideshow-item .image-banner>div {
        clip: auto !important;
    }
    .box__slideshow-split .slideshow-item .caption-inner {
        width: 70%;
        margin: auto;
        text-align: center;
        color: #fff;
    }
    .slideshow-item .caption-inner h3.title,
    .slideshow-item .caption-inner .subtitle,
    .slideshow-item .caption-inner .caption {
        color: #fff;
    }
    .slideshow-item .caption-inner .subtitle {
        margin-top: 30px
    }
    .slideshow-item .caption-inner .button {
        background: #fff;
        color: #000;
        align-self: center;
        -webkit-align-self: center;
    }
    .box__slideshow-split .slideshow-item .image-banner .site-box-black-overlay {
        opacity: .4 !important;
    }
    .box__slideshow-split .slider-meta {
        display: -webkit-flex!important;
        display: flex!important;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        padding: 18px 30px 0;
        z-index: 99
    }
    .box__slideshow-split .slider-index {
        font-size: 13px;
        text-align: center;
        font-weight: 600;
        cursor: default;
    }
    .box__slideshow-split .slider-nav {
        position: absolute;
        right: 30px;
    }
    .box__slideshow-split .slider-nav span {
        cursor: pointer;
    }
    .box__slideshow-split .slider-nav .go-prev {
        margin-right: 30px;
    }
    .box__slideshow-split .go-prev svg {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    /* slide mobie */
    .box__slideshow-split {
        min-height: initial;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
    }
    .box__slideshow-split .flickity-enabled .slideshow-item {
        opacity: 1 !important
    }
    .box__slideshow-split .slideshow-item:not(:first-child) {
        opacity: 0
    }
    .box__slideshow-split .slideshow-item:first-child .site-box-content {
        -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 400ms linear 100ms, transform 400ms linear 100ms;
    }
    .box__slideshow-split .slideshow-item:first-child .box__slideshow-item.active .site-box-background {
        opacity: 1
    }
    .box__slideshow-split>.site-box-content:after {
        content: 'flickity';
        display: none
    }
}

@media(max-width:767px) {
    .divider span {
        left: 40% !important;
        right: 40%;
    }
    .box__slideshow-split .slideshow-item .caption-inner {
        width: 80%;
    }
    .slideshow-item .caption-inner .caption {
        margin-bottom: 40px
    }
    .slideshow-item .caption-inner h3.title {
        font-size: 36px;
    }
}


/*------------ SLIDER OWL ------------*/

#homepage_slider {
    position: relative;
    //background:#000;
    overflow: hidden;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("//theme.hstatic.net/200000000131/1000466964/14/owl.video.play.png?v=1033") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}

#homepage_slider .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 48px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
}

#homepage_slider .owl-nav button.owl-prev {
    left: 15px;
    color: #303232
}

#homepage_slider .owl-nav button.owl-next {
    right: 15px;
    color: #303232
}


/*-------------------------------------------------------------------------
HOME BANNER
--------------------------------------------------------------*/

.home-banner-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}

.home-banner-col {
    width: 100%;
}

.home-banner-col .banner-box {
    padding: 5px;
    position: relative
}

.home-banner-col.one .banner-box {
    padding-left: 0;
}

.home-banner-col.three .banner-box {
    padding-right: 0;
}

.home-banner-col .banner-box a.banner-img {
    display: block;
    position: relative;
    overflow: hidden;
}

.home-banner-col .banner-box a.banner-img:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.home-banner-col .banner-box:hover a.banner-img:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

.home-banner-col .banner-box .banner-overlay {
    position: absolute;
    top: 50%;
    left: 30px;
    color: #fff;
    transform: translateY(-50%);
    max-width: 250px;
}

.home-banner-col .banner-box .banner-overlay:before {
    content: "";
    background: #000;
    position: absolute;
    width: 45px;
    height: 1px;
    top: -22px;
    left: -25px;
}

.home-banner-col .banner-box.one .banner-overlay {
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 10%;
    text-align: right;
    width: 200px;
}

.home-banner-col .banner-box.one .banner-overlay:before {
    left: auto;
    right: -22px;
}

.home-banner-col.three .banner-box .banner-overlay h3,
.home-banner-col .banner-box.one .banner-overlay h3,
.home-banner-col.three .banner-box .banner-overlay a,
.home-banner-col .banner-box.one .banner-overlay a {
    color: #000;
}

.home-banner-col .banner-box.one .banner-overlay:before,
.home-banner-col.three .banner-box .banner-overlay:before {
    background: #000;
}

.home-banner-col .banner-box .banner-overlay h3.sub {
    margin-bottom: 30px;
    font-size: 17px
}

.home-banner-col .banner-box:hover .banner-overlay a {
    color: #323030;
}

.home-banner-col .banner-box .banner-overlay a i {
    padding: 0 3px;
    position: relative;
    top: 1px;
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@media (min-width:1024px) {
    .home-banner-col.two .banner-box.one {
        margin-bottom: 2px;
    }
}

@media (max-width:768px) {
    #sliderproduct .owl-nav button {
        position: absolute;
        top: 50%;
        height: 50px;
        width: 50px;
        background: #fff;
        border-radius: 50%;
        font-size: 30px;
        opacity: 0.7;
        z-index: 9999;
    }
    #sliderproduct .owl-nav button.owl-next {
        right: 0;
    }
    .product-image-detail ul {
        overflow: hidden;
    }
    .home-banner-list {
        flex-wrap: wrap;
    }
    .home-banner-col.one .banner-box,
    .home-banner-col.three .banner-box {
        padding: 5px;
    }
    .home-banner-list img {
        width: 100%;
    }
}


/*-------------------------------------------------------------------------
INDEX
--------------------------------------------------------------*/

div.wrapper-heading-home {
    padding: 30px 0 30px;
    text-align: center;
    background: #ffffff no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

@media (max-width:991px) {
    div.wrapper-heading-home {
        padding: 40px 0;
    }
}

.wrapper-heading-home h2 {
    font-size: 20px;
    line-height: 1.6;
    margin: 0;
    text-transform: uppercase;
}

.wrapper-heading-home h2 a {
    color: #000;
    font-weight: 600;
}

.wrapper-heading-home h2 a:hover {
    color: #323030;
}

div.wrapper-home-banner .home-banner-pd {
    padding: 0;
}

.block-banner-category {
    position: relative;
    overflow: hidden;
}

.caption_banner p {
    color: #000;
    font-size: 14px;
    margin-bottom: 35px;
    font-weight: 500
}

.caption_banner h2 {
    font-size: 37px;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
}

.caption_banner h2:after {
    display: block;
    content: "";
    margin: auto;
    width: 40px;
    height: 4px;
    margin-top: 50px;
    background: #000;
    -ms-transition: all 150ms linear;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
}

.block-banner-category img {
    -ms-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear;
    -webkit-transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear;
    transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), background 200ms linear, opacity 400ms linear
}

.caption_banner {
    position: absolute;
    text-align: center;
    padding: 0 20px;
    z-index: 2;
}

.block-banner-category a.link-banner {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.block-banner-category a.link-banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #fff;
    -ms-transition: opacity 200ms linear, background 200ms linear;
    -webkit-transition: opacity 200ms linear, background 200ms linear;
    transition: opacity 200ms linear, background 200ms linear;
}

.block-banner-category:hover img {
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.block-banner-category:hover a.link-banner:after {
    opacity: .5;
}

.block-banner-category:hover .caption_banner h2:after {
    width: 70px;
}

div.wrapper-home-promotion {
    background: url(//theme.hstatic.net/200000000131/1000466964/14/bg-promotion.jpg?v=1033) no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding: 145px 0;
    text-align: center;
}

.wrapper-home-promotion h2 {
    line-height: inherit;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 35px;
}

.wrapper-home-promotion span {
    line-height: 40px;
    font-weight: 500;
    //text-transform: uppercase;
    color: #fff;
    font-size: 13px;
}

.wrapper-home-promotion a {
    line-height: 18px;
    padding: 20px 35px;
    background: #16aafe;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    z-index: 0;
    display: inline-block;
}

div.wrapper-home-blog h2 {
    margin: 50px 0;
    text-align: center;
    text-transform: uppercase;
}

.wrapper-home-blog .blog-item {
    padding: 0;
    background: #323030;
}

.wrapper-home-blog .blog-item:nth-child(even) {
    background: #323030;
}

.wrapper-home-blog .blog-item .blog-image,
.wrapper-home-blog .blog-item .blog-detail {
    width: 50%;
    float: left;
}

.wrapper-home-blog .blog-item .blog-image {
    overflow: hidden;
    position: relative;
}

.wrapper-home-blog .blog-item .blog-image img {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.wrapper-home-blog .blog-item:hover .blog-image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.wrapper-home-blog .blog-item .blog-detail {
    padding: 26px 20px;
    text-align: center;
    color: #fff;
}

.wrapper-home-blog .blog-item .blog-detail .time {
    margin-bottom: 10px;
}

.wrapper-home-blog .blog-item .blog-detail h3 a {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

@media (max-width:991px) {
    .wrapper-home-blog .blog-item:nth-child(even) .blog-image,
    .wrapper-home-blog .blog-item:nth-child(even) .blog-detail {
        float: right;
    }
}

@media (max-width: 480px) {
    .wrapper-home-blog .blog-item .blog-detail {
        padding: 15px 20px;
    }
    .wrapper-home-blog .blog-item .blog-detail h3 a {
        -webkit-line-clamp: 2;
    }
    .wrapper-home-blog .blog-item .blog-detail p {
        display: none;
    }
    .wrapper-home-collection .banner-collection .col-content h3 {
        font-size: 40px !important;
    }
    .wrapper-home-collection .banner-collection .col-content {
        left: 50% !important;
        transform: translate(-50%, -50%) translate3d(0, 0, 0) !important;
        text-align: center;
    }
}

div.wrapper-home-newsletter {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #263238;
    margin: 0 0 10px;
    position: relative;
    line-height: 30px;
    text-transform: uppercase;
    text-align: left;
}

.content-newsletter {
    max-width: 525px;
    margin: auto;
}

.content-newsletter h2 {}

.content-newsletter p {
    font-size: 13px;
    line-height: 16px;
    margin: 0 auto 20px;
}

.content-newsletter form .form-group {
    position: relative;
}

.content-newsletter input {
    width: 100%;
    font-size: 14px;
    color: #999999;
    padding: 0 10px;
    border-radius: 0;
    box-shadow: none;
    outline: none!important;
    transition: initial;
    height: 40px;
    line-height: 25px;
    font-weight: 300;
}

.content-newsletter button {
    background: #000;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    border-radius: 0;
    border: 1px solid transparent;
    width: 80px;
    height: 40px;
}

.content-newsletter button span {
    font-size: 14px;
}

.btn_newsletter {
    background: #323030;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid transparent;
    height: 65px;
    width: 100px;
    padding: 15px;
}

.btn_newsletter:hover,
.btn_newsletter:focus {
    background: #323030;
    color: #ffffff;
}

@media (max-width:991px) {
    div.wrapper-home-newsletter {
        background-attachment: inherit;
        background-position: center;
        padding: 80px 0;
    }
}

div.wrapper-home-information {
    background-color: #f5f5f5;
}

.wrap-pd-infor {
    padding: 0;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.box-banner-inf h2 {
    color: #fff;
    font-size: 54px;
    margin: 0;
    font-weight: 700;
}

.box-banner-inf a.button {
    margin-top: 65px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 30px;
    position: relative;
    color: #000;
    background: #fff;
    cursor: pointer;
    height: 55px;
    margin: 0;
    margin-top: 30px;
    display: inline-block;
    line-height: 53px;
    border-radius: 0;
    -webkit-appearance: none;
    -ms-transition: opacity 150ms linear, color 150ms linear, padding 200ms linear;
    -webkit-transition: opacity 150ms linear, color 150ms linear, padding 200ms linear;
    transition: opacity 150ms linear, color 150ms linear, padding 200ms linear;
}

.box-banner-inf a.button:hover {
    background: #323030;
    color: #fff;
}

.wrap-pd-infor .inf-content {
    font-size: 14px;
    font-weight: 500;
    margin: auto;
}

.wrap-pd-infor.box_stick .container-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: background 200ms linear;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wrap-pd-infor.box_stick .container-background:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .4;
    transition: opacity 200ms linear, background 200ms linear;
}

.wrap-pd-infor.box_stick img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
    -ms-transition: opacity 150ms linear;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wrapper-heading-home .block-pding {
    margin-top: 10px;
}

div.wrapper-collection-1 .owl-nav button {
    position: absolute;
    top: 35%;
    width: 50px;
    height: 50px;
    transform: translateY(-35%);
    left: 0;
}

div.wrapper-collection-1 .owl-nav button.owl-next {
    left: auto;
    right: 0;
}

div.wrapper-collection-1 .owl-nav button span {
    font-size: 0;
}

div.wrapper-collection-1 .owl-nav button:before {
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    color: #000;
}

div.wrapper-collection-1 .owl-nav button.owl-prev:before {
    content: "\f177";
    font-family: "Font Awesome 5 Pro"
}

div.wrapper-collection-1 .owl-nav button.owl-next:before {
    content: "\f178";
    font-family: "Font Awesome 5 Pro"
}

div.wrapper-collection-2 .owl-nav button {
    position: absolute;
    top: 35%;
    width: 50px;
    height: 50px;
    transform: translateY(-35%);
    left: 0;
}

div.wrapper-collection-2 .owl-nav button.owl-next {
    left: auto;
    right: 0;
}

div.wrapper-collection-2 .owl-nav button span {
    font-size: 0;
}

div.wrapper-collection-2 .owl-nav button:before {
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    color: #000;
}

div.wrapper-collection-2 .owl-nav button.owl-prev:before {
    content: "\f177";
}

div.wrapper-collection-2 .owl-nav button.owl-next:before {
    content: "\f178";
}

.wrapper-home-collection {
    position: relative;
    margin-top: 20px;
}

.wrapper-home-collection .banner-collection {
    position: relative;
    width: 55%;
    padding: 0;
    float: none;
    overflow: hidden;
    margin-right: 0;
    margin-left: auto;
}

.wrapper-home-collection .banner-collection .col-content {
    position: absolute;
    top: 50%;
    left: 20%;
    width: 70%;
    transform: translateY(-50%) translate3d(0, 0, 0);
}

.wrapper-home-collection .banner-collection .col-content {
    margin: 0;
    text-transform: uppercase;
    font-family: "Playfair Display", "Playfair Display", serif;
}

.wrapper-home-collection .banner-collection .col-content h3 {
    font-size: 60px;
    letter-spacing: 1px;
    color: #ffffff;
    background: transparent !important;
}

.wrapper-home-collection .banner-collection .col-content p {
    letter-spacing: 1.2px;
    color: #ffffff;
    font-size: 20px;
    line-height: 25px;
}

.wrapper-home-collection .banner-collection img {
    width: 100%;
    transition: all 0.35s ease;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.wrapper-home-collection .banner-collection:hover img {
    transform: scale(1.2, 1.2);
    opacity: 0.8;
}

.wrapper-home-collection .box-collection {
    width: 55%;
    position: absolute;
    top: 50%;
    background-color: #fff;
    transform: translateY(-50%);
    z-index: 5;
    padding-bottom: 20px;
}

.wrapper-home-collection .owl-nav {
    text-align: center;
    position: relative;
}

.wrapper-home-collection .owl-nav:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: 40%;
    background: rgba(0, 0, 0, 0.2);
}

.wrapper-home-collection .owl-nav button {
    line-height: 22px!important;
    width: 12%;
    position: relative;
}

.wrapper-home-collection .owl-nav button span {
    font-size: 20px;
    vertical-align: -1px;
}

.wrapper-home-collection .owl-nav button.owl-prev {
    right: 20px;
}

@media only screen and (max-width: 480px) {
    /*.wrapper-home-collection-new .owl-nav button.owl-prev {
		left: 40%;
		width: auto;
		transform: translateX(-50%);
		right: 0;
		position: absolute;
		top: -11px;
		z-index: 2;
	}
	.wrapper-home-collection-new .owl-nav button.owl-next{
		width: auto;
		left: initial;
		position: absolute;
		right: 43%;
		transform: translateX(50%);
		top: -11px;
		z-index: 2;
	}
	*/
}

.wrapper-home-collection .owl-nav button.owl-prev:after {
    content: "previous";
    padding: 0 5px 0 5px;
    text-transform: uppercase;
}

.wrapper-home-collection .owl-nav button.owl-next {
    width: 6%;
    left: -10px;
}

.wrapper-home-collection .owl-nav button.owl-next:before {
    content: "next";
    padding: 0 5px 0 5px;
    text-transform: uppercase;
}

.wrapper-home-collection .wrapper-heading-home {
    padding: 20px 0;
}

@media (max-width: 991px) {
    .wrapper-home-collection .banner-collection {
        width: 100%;
    }
    .wrapper-home-collection .box-collection {
        width: 100%;
        position: relative;
        transform: none;
        margin-bottom: 10px;
    }
}


/*------------------------- PRODUCT ITEM-------------------------*/


/* .pro-loop {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
    background: #fff;
} */

.pro-loop a {
    display: block;
}

.pro-loop .product-img {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.pro-loop .product-img .product-sale,
.pro-loop .product-img .sold-out {
    position: absolute;
    top: 0;
    font-size: 12px;
    line-height: 1;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 9;
    color: #a73340;
    background: #ededed;
}

.pro-loop .product-img .product-sale {
    left: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e43333;
}

.pro-loop .product-img .sold-out {
    right: 0;
}

.pro-loop .product-img .sold-out span {
    opacity: .66;
}

.pro-loop .product-img .buy1_get1 {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 45px;
    z-index: 1;
}

@media only screen and (max-width: 480px) {
    .buy1_get1 {
        width: 25px!important;
    }
}

.pro-loop .product-img picture:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.pro-loop .product-detail {
    padding: 15px 10px;
    text-align: center;
}

.pro-loop .product-detail h3 {
    color: #000;
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 600;
    position: relative;
}

.pro-loop .product-detail h3 a {
    line-height: 16px;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.pro-loop .product-detail a:hover h3 {
    color: #323030;
}

.pro-loop .product-detail .box-pro-prices {
    position: relative;
    overflow: hidden;
}

p.pro-price {
    color: #000;
    font-size: 14px;
    margin: 0;
}

p.pro-price.highlight {
    color: #a73340
}

p.pro-price span.pro-price-del {
    color: #777a7b;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 5px
}

.pro-loop .product-img .button-add {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    width: 100%;
    height: 35px;
    line-height: 40px;
    text-align: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro-loop .product-img .button-add:not(.out_of):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 40%;
    background: #fff;
}

.pro-loop .product-img .button-add button {
    width: 100%;
    background: none;
    border: none;
    color: #fff;
}

.pro-loop .product-img .button-add button span {
    position: relative;
    top: 0;
    padding-right: 3px;
    font-size: 12px;
}

.pro-loop .product-img .button-add svg {
    width: 15px;
    height: 15px;
    fill: #fff;
    vertical-align: -4px;
}

.pro-loop .product-button {
    padding-bottom: 30px;
    text-align: center;
}

.pro-loop .product-button button,
.pro-loop .product-button a {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    border: 1px solid #191919;
    background: transparent;
    color: #191919;
    padding: 5px 12px;
    display: inline-block;
    margin: 0 auto;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.pro-loop .product-button button:hover,
.pro-loop .product-button a:hover {
    border: 1px solid #191919;
    background: #191919;
    color: #fff;
}

.pro-loop .product-button button i,
.pro-loop .product-button a i {
    margin-left: 8px;
    font-size: 13px;
}

.pro-colors {
    display: none;
}

.pro-colors {
    margin-bottom: 5px;
    display: block;
}

.loop-swatch>label.tt-label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    text-transform: uppercase;
    width: 85px;
    text-align: right;
}

.loop-swatch .loop-select-swap {
    display: inline-block;
    vertical-align: middle;
}

.loop-swatch input {
    display: none;
}

.loop-swatch .loop-swatch-element {
    float: left;
    margin-right: 0px;
    position: relative;
    vertical-align: bottom;
}

.loop-swatch .loop-swatch-element.color label {
    width: 18px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    padding: 2px;
    border: none;
}

.loop-swatch .loop-swatch-element.color span {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0;
    font-size: 0;
    border-radius: 50%;
    border: 1px solid #dfe0e1;
}

@media(min-width:1024px) {
    /*.pro-loop {width: 20%;}*/
    .pro-loop:hover .product-img picture:nth-of-type(2) {
        opacity: 1;
        visibility: visible;
    }
    .pro-loop:hover .product-img .button-add {
        opacity: 1;
        bottom: 0;
        visibility: visible;
    }
    p.pro-price {
        font-size: 14px;
    }
    p.pro-price span.pro-price-del {
        font-size: 14px;
    }
}

@media(max-width:767px) {
    .loop-swatch .loop-swatch-element.color label {
        width: 12px;
        height: 12px;
        line-height: 12px;
        padding: 1px;
    }
}

.pro-loop .product-img img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

.collection-one-slide .pro-loop .product-img img,
#collection-one-slide .pro-loop .product-img img,
.slide-product .pro-loop .product-img img {
    width: 100%;
}

.pro-loop .product-block {
    position: relative;
}

.pro-loop .icongr {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
    z-index: 9;
}


/*--------------------------------------------------------------------
PRODUCT DETAIL
--------------------------------------------------*/

.product-detail {
    padding: 30px 0;
}

.product-detail-main {
    margin-bottom: 40px;
}

.product-content-desc {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.product-title {}

.product-title h1 {
    font-size: 18px;
    font-weight: 700;
    color: #252a2b;
    margin: 0 0 5px;
    line-height: 26px;
    text-transform: uppercase;
}

.pro_sku {
    font-size: 12px;
    color: #a3a5a7;
}

.hook-reviews {
    border-bottom: 1px dotted #dfe0e1;
    padding-bottom: 15px;
}

.hook-reviews .rating {
    line-height: 1;
    position: relative;
    white-space: nowrap;
    display: inline-block;
}

.hook-reviews .rating .rating {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    line-height: 1;
}

.hook-reviews .rating .icon {
    display: inline-block;
}

.hook-reviews .rating .icon::before {
    color: #d5d5d5;
    content: "\f005";
    font-family: "Font Awesome 5 Pro";
    font-size: 13px;
    font-style: normal;
}

.hook-reviews .rating .icon.star-full::before {
    color: #ffae00;
}

.number-rating {
    padding-left: 5px;
    font-size: 13px;
}

.product-price {
    padding: 10px 0;
    border-bottom: 1px dotted #dfe0e1;
}

.product-price span.pro-price {
    color: #252a2b;
    font-size: 18px;
    opacity: .92;
    font-weight: bold;
}

.product-price span.pro-sale {
    display: inline-block;
    padding: 5px 15px;
    margin-right: 10px;
    background: #ededed;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

.product-price del {
    font-size: 13px;
    color: #777a7b;
    padding-left: 10px;
    font-weight: 500;
}

.khtt {
    display: flex;
    justify-content: center;
    padding: 6px;
    align-items: center;
    border: 1px solid #a73340;
    text-align: center;
}

.khtt-item:first-child {
    padding-right: 25px;
    border-right: 1px solid rgba(167, 51, 64, 0.5);
}

.khtt-item:not(:first-child) {
    padding-left: 25px;
}

.khtt-item-type {
    text-transform: uppercase;
    font-weight: 500;
}

.khtt-item-description strong {
    color: #a73340;
}

.khtt-check {
    padding: 10px 0;
    color: #a73340;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

#myModal .modal-header {
    background: #252a2b;
}

#myModal button,
#myModal h4 {
    color: white;
    opacity: 1;
}

.modal-khtt-phone {
    padding: 20px;
    border: 4px solid #ffeae3;
}

.modal-khtt-phone strong {
    font-weight: 600;
}

.modal-khtt-phone-description {
    margin-bottom: 15px;
}

.modal-khtt-phone-input {
    display: flex;
    justify-content: space-between;
}

.modal-khtt-phone-input input {
    padding: 5px 10px;
    width: 75%;
    flex-shrink: 0;
    border: 1px solid #252a2b;
}

.modal-khtt-phone-input button {
    width: 24%;
    background: #252a2b;
    text-transform: uppercase;
}

.modal-khtt-info {
    background: #ffeae3;
    padding: 20px;
}

.modal-khtt-info .highlight {
    font-weight: 600;
    color: #a73340;
}

.modal-khtt-info-icon {
    text-align: center;
}

.modal-khtt-info-icon img {
    width: 80px;
}

.modal-khtt-info-greeting {
    padding-top: 10px;
    text-align: center;
    font-size: 1.15em;
}

.modal-khtt-info-rank {
    padding: 10px 0;
}

.modal-khtt-info-bonuses {
    padding: 0 20px 0 50px;
    line-height: 1.5em;
}

@media only screen and (max-width: 480px) {
    .modal-khtt-info-bonuses {
        padding: 0
    }
}

.selector-actions {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.wrap-addcart a {
    margin-top: 15px;
    display: block;
}

button.btn-addtocart,
button.coming_soon {
    font-size: 14px;
    background: #252a2b;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: none;
    border: 0;
    padding: 14px 35px;
    line-height: 22px;
    width: 100%;
}

button.btn-addtocart.gift-lixi {
    background: #6d1010;
    color: #f1c251;
}

button.btn-addtocart[disabled] {
    opacity: 0.8;
}

button.btn-addtocart:hover {
    background: #323030;
}

.size-guide a {
    text-decoration: underline;
}

.limit-w .select-swap {
    float: left;
}

.limit-w .size-guide {
    display: inline-block;
    width: 100%;
    float: right;
    text-align: left;
    height: 40px;
    vertical-align: top;
    line-height: 40px;
    font-size: 12px;
    white-space: nowrap;
}

#add-item-form #quantity {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

#add-item-form i[class*='detail-step-'] {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
    line-height: 40px;
    margin: 0 -5px;
    vertical-align: bottom;
}

#add-item-form .detail-step-down {
    border-radius: 4px 0 0 4px;
    margin-left: 0px !important;
    cursor: pointer;
}

#add-item-form .detail-step-up {
    border-radius: 0 4px 4px 0;
    border-left: none;
    margin-left: -4px;
    cursor: pointer;
}

.select-quantity {
    margin-bottom: 15px;
}

#provinceStore {
    width: 100%;
    padding: 10px;
    display: flex;
}

#provinceStore option[data-value="Hồ Chí Minh"] {
    order: 1;
}


/*
.size-chart__table {font-size: 13px;}
.size-chart__table tr:nth-child(even) {background: #f7f7f8;}
.size-chart__table tr td {border: none}
*/

@media (min-width: 768px) {
    #size-guide-modal .modal-dialog {
        width: 700px;
    }
    .language-hd .language {
        min-width: 80px;
    }
}

@media (min-width: 1024px) {
    #size-guide-modal .modal-dialog {
        width: 950px;
        margin: 30px auto;
    }
}

.product-description {
    margin: 20px 0;
    color: #444
}

.product-description .title-bl h2,
.product-description h2,
.product-description h3 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.product-gallery__thumbs-container {
    width: 9%;
    margin-right: 10px;
}

.product-gallery__thumbs {
    box-sizing: border-box;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    padding-bottom: 1px;
}

.product-gallery__thumb a {
    background-color: #f3f3f3;
    display: block;
}

.product-gallery__thumb {
    line-height: 0;
    margin-bottom: 10px;
    border: 1px solid #f7f7f8;
    width: 100%
}

.product-gallery__thumb:last-child {
    margin-bottom: 0
}

.product-gallery__thumb:hover {
    border-color: #a3a5a7
}

.product-gallery__thumb img {
    cursor: pointer;
    background-color: #f7f7f8;
    width: 100%
}

.product-gallery__thumb.active,
.product-gallery__thumb.active:hover {
    border-color: #808284
}

.product-gallery__thumb.active img {
    opacity: .9;
    width: 100%
}

.product-gallery__thumb--video {
    position: relative;
    background-color: #f7f7f8
}

.product-gallery__thumb--video:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    content: '';
    width: 40%;
    height: 35%;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    background-image: url(https://everlane.imgix.net/static/play.svg?dpr=1.5&q=60);
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: 57% 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

.product-gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product-image-detail {
    width: 91%;
    position: relative;
}

@media screen and (min-width: 1920px) {
    .product-gallery__thumbs-container {
        width: 15%;
    }
    .product-image-detail {
        width: 85%;
    }
}

.product-gallery-item {
    background-color: #fff;
    margin-bottom: 10px
}

.product-gallery-item.video {
    position: relative;
}

.product-gallery-item.video .product-image-feature {
    visibility: hidden;
    opacity: 0;
}

.product-gallery-item.video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}


/*------------------------- Menu Sidebar ------------------------*/

.sidebar-menu-fix {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

#menu-sidebar li a {
    padding: 5px 5px 5px 0;
    color: #444;
    line-height: 25px;
}

#menu-sidebar .menu-item.has-child>ul {
    padding-left: 15px;
}

#menu-sidebar .menu-item.has-child ul {
    display: none;
}

#menu-sidebar .menu-item.has-child.current ul {
    display: block;
}

#menu-sidebar .menu-item.has-child.current>a {
    color: #000;
    font-weight: bold;
}


/* ------------------------ Style variant ------------------------ */

.product-image-detail ul {
    margin: 0;
}

.selector-wrapper,
.select {
    display: none;
}

.swatch {
    padding: 10px 0;
    width: 100%;
    float: left;
    border-bottom: 1px dotted #dfe0e1;
}

.swatch .header {
    margin: 0 0 8px;
    font-size: 13px;
    text-align: left;
    color: #4c4c4b;
    line-height: initial;
}

.swatch input {
    display: none;
}

.swatch>label.tt-label {
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    text-transform: uppercase;
    width: 85px;
    text-align: right;
}

.swatch .select-swap {
    display: inline-block;
    vertical-align: middle;
}

.limit-w .select-swap {
    width: 64%;
}

.swatch input {
    display: none;
}

.swatch .swatch-element {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    vertical-align: bottom;
}

.swatch .swatch-element a {
    display: block;
    margin: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    color: #252a2b;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

.swatch .swatch-element.color.soldout label span {
    overflow: hidden;
    position: relative;
}

.swatch .swatch-element.color.soldout label span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 50%;
    background: url(//theme.hstatic.net/200000000131/1000466964/14/soldout.png?v=1033) no-repeat;
    background-size: contain;
}

.swatch .swatch-element.soldout label {
    opacity: 0.5
}

.swatch .swatch-element.color a {
    width: 30px;
    height: 30px;
    padding: 3px;
    border-radius: 50%;
    border: none;
    display: inline-block;
}

.swatch .swatch-element.color img {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0;
    font-size: 0;
    border-radius: 50%;
    border: 1px solid #dfe0e1;
}

.swatch .swatch-element.color label.sd {
    background: transparent;
    border: 1px solid #808284
}

.swatch .swatch-element label.sd {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.swatch .swatch-element.soldout:not(.color) label {
    overflow: hidden;
}

.swatch .swatch-element.soldout:not(.color) label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 50%;
    background: url(//theme.hstatic.net/200000000131/1000466964/14/soldout.png?v=1033) no-repeat;
    background-size: contain;
}

label[for="product-select-option-0"] {
    display: none;
}

label[for="product-select-option-1"] {
    display: none;
}

label[for="product-select-option-2"] {
    display: none;
}

#product-select-option-0 {
    display: none;
}

#product-select-option-1 {
    display: none;
}

#product-select-option-2 {
    display: none;
}

#product-select-option-0+.custom-style-select-box {
    display: none !important;
}

#product-select-option-1+.custom-style-select-box {
    display: none !important;
}

#product-select-option-2+.custom-style-select-box {
    display: none !important;
}

@media (max-width:767px) {
    .swatch .swatch-element.color {
        margin: 5px 8px 5px 0;
    }
}


/* ------------------- Setting varian màu sắc -------------------- */

.color.swatch-element label.xanh span:not([style*='background']),
.color.loop-swatch-element label.xanh span:not([style*='background']) {
    background: #7eb2d9 !important;
}

.color.swatch-element label.vang span:not([style*='background']),
.color.loop-swatch-element label.vang span:not([style*='background']) {
    background: #ffc312 !important;
}

.color.swatch-element label.den span:not([style*='background']),
.color.loop-swatch-element label.den span:not([style*='background']) {
    background: #000000 !important;
}

.color.swatch-element label.nau span:not([style*='background']),
.color.loop-swatch-element label.nau span:not([style*='background']) {
    background: #664e4e !important;
}

.color.swatch-element label.tim span:not([style*='background']),
.color.loop-swatch-element label.tim span:not([style*='background']) {
    background: #7158e2 !important;
}

.color.swatch-element label.cam span:not([style*='background']),
.color.loop-swatch-element label.cam span:not([style*='background']) {
    background: #ff6348 !important;
}

.color.swatch-element label.hong span:not([style*='background']),
.color.loop-swatch-element label.hong span:not([style*='background']) {
    background: #fda7df !important;
}

.color.swatch-element label.xanh-reu span:not([style*='background']),
.color.loop-swatch-element label.xanh-reu span:not([style*='background']) {
    background: #082614 !important;
}

.color.swatch-element label.xam span:not([style*='background']),
.color.loop-swatch-element label.xam span:not([style*='background']) {
    background: #c9d1e0 !important;
}

.color.swatch-element label.man span:not([style*='background']),
.color.loop-swatch-element label.man span:not([style*='background']) {
    background: #6f1e51 !important;
}

.color.swatch-element label.do span:not([style*='background']),
.color.loop-swatch-element label.do span:not([style*='background']) {
    background: #ea2027 !important;
}

.color.swatch-element label.xanh-duong span:not([style*='background']),
.color.loop-swatch-element label.xanh-duong span:not([style*='background']) {
    background: #0652dd !important;
}

.color.swatch-element label.xanh-co-vit span:not([style*='background']),
.color.loop-swatch-element label.xanh-co-vit span:not([style*='background']) {
    background: #196f78 !important;
}

.color.swatch-element label.xanh-den span:not([style*='background']),
.color.loop-swatch-element label.xanh-den span:not([style*='background']) {
    background: #12055c !important;
}

.color.swatch-element label.trang span:not([style*='background']),
.color.loop-swatch-element label.trang span:not([style*='background']) {
    background: #ffffff !important;
}

.color.swatch-element label.xanh-la span:not([style*='background']),
.color.loop-swatch-element label.xanh-la span:not([style*='background']) {
    background: #079161 !important;
}

.color.swatch-element label.reu span:not([style*='background']),
.color.loop-swatch-element label.reu span:not([style*='background']) {
    background: #137d3d !important;
}

.color.swatch-element label.soc-den span:not([style*='background']),
.color.loop-swatch-element label.soc-den span:not([style*='background']) {
    background: #000000 !important;
}

.color.swatch-element label.xanh-nhat span:not([style*='background']),
.color.loop-swatch-element label.xanh-nhat span:not([style*='background']) {
    background: #85beee !important;
}

.color.swatch-element label.xam-dam span:not([style*='background']),
.color.loop-swatch-element label.xam-dam span:not([style*='background']) {
    background: #82817f !important;
}

.color.swatch-element label.red span:not([style*='background']),
.color.loop-swatch-element label.red span:not([style*='background']) {
    background: #ea2027 !important;
}

.color.swatch-element label.orange span:not([style*='background']),
.color.loop-swatch-element label.orange span:not([style*='background']) {
    background: #ff6348 !important;
}

.color.swatch-element label.nude span:not([style*='background']),
.color.loop-swatch-element label.nude span:not([style*='background']) {
    background: #d9bdbd !important;
}

.color.swatch-element label.soc-cam span:not([style*='background']),
.color.loop-swatch-element label.soc-cam span:not([style*='background']) {
    background: #ff6348 !important;
}

.color.swatch-element label.soc-xanh span:not([style*='background']),
.color.loop-swatch-element label.soc-xanh span:not([style*='background']) {
    background: #163f60 !important;
}

.color.swatch-element label.trang-hoa span:not([style*='background']),
.color.loop-swatch-element label.trang-hoa span:not([style*='background']) {
    background: #ffffff !important;
}

.color.swatch-element label.hoa-den span:not([style*='background']),
.color.loop-swatch-element label.hoa-den span:not([style*='background']) {
    background: #0a0101 !important;
}

.color.swatch-element label.xam-nhat span:not([style*='background']),
.color.loop-swatch-element label.xam-nhat span:not([style*='background']) {
    background: #dbd7d7 !important;
}

.color.swatch-element label.caro span:not([style*='background']),
.color.loop-swatch-element label.caro span:not([style*='background']) {
    background: #030303 !important;
}

.color.swatch-element label.xanh-dam span:not([style*='background']),
.color.loop-swatch-element label.xanh-dam span:not([style*='background']) {
    background: #12055c !important;
}

.tag-wrapper label {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 700;
}

.tag-wrapper ul.tags {
    display: inline-block;
}

.tag-wrapper ul.tags li {
    display: inline-block;
    list-style-type: none;
    margin-right: 3px;
}

.tag-wrapper ul.tags li:after {
    content: ",";
}

.tag-wrapper ul.tags li a {
    color: #000;
}

.tag-wrapper ul.tags li a:hover {
    color: #323030;
}

.product-image__button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.product-sharing,
.product-zoom,
.gallery-index {
    position: absolute;
    z-index: 6;
}

.gallery-index {
    display: none;
}

.product-sharing {
    height: auto;
    width: 26px;
    left: 10%;
    bottom: 50px;
    cursor: pointer;
    padding-bottom: 30px;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.product-sharing .icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
}

.product-sharing a {
    width: 26px;
    position: absolute;
    text-align: center;
    padding: 30px 0;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    transform: translateY(50%);
}

.product-sharing a:nth-child(2) {
    bottom: 20px;
    -ms-transition: all 150ms linear;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear
}

.product-sharing a:nth-child(3) {
    bottom: 70px;
    -ms-transition: all 150ms linear 100ms;
    -webkit-transition: all 150ms linear 100ms;
    transition: all 150ms linear 100ms
}

.product-sharing a:nth-child(4) {
    bottom: 130px;
    -ms-transition: all 150ms linear 200ms;
    -webkit-transition: all 150ms linear 200ms;
    transition: all 150ms linear 200ms
}

.product-sharing a:nth-child(4) {
    bottom: 130px;
    -ms-transition: all 150ms linear 200ms;
    -webkit-transition: all 150ms linear 200ms;
    transition: all 150ms linear 200ms
}

.product-sharing a:nth-child(5) {
    bottom: 180px;
    -ms-transition: all 150ms linear 300ms;
    -webkit-transition: all 150ms linear 300ms;
    transition: all 150ms linear 300ms
}

.product-sharing:hover a {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.product-sharing a svg {
    fill: #000;
    width: 24px;
    height: 24px;
}

.product-sharing a:hover svg {
    fill: #323030;
}

.product-zoom {
    width: 30px;
    height: 30px;
    overflow: visible;
    cursor: pointer;
    top: auto;
    bottom: 48px;
    right: auto;
    left: 50%;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.product-zoom polyline,
.product-sharing .icon svg {
    fill: #000;
}

.product-zoom polyline {
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transform-origin: center;
    -ms-transition: transform 150ms linear;
    -webkit-transition: transform 150ms linear;
    transition: transform 150ms linear
}

.product-zoom:hover polyline:nth-child(1) {
    -ms-transform: scale(0.9) translate3d(-2px, -2px, 0);
    -webkit-transform: scale(0.9) translate3d(-2px, -2px, 0);
    transform: scale(0.9) translate3d(-2px, -2px, 0);
}

.product-zoom:hover polyline:nth-child(2) {
    -ms-transform: scale(0.9) translate3d(2px, -2px, 0);
    -webkit-transform: scale(0.9) translate3d(2px, -2px, 0);
    transform: scale(0.9) translate3d(2px, -2px, 0);
}

.product-zoom:hover polyline:nth-child(3) {
    -ms-transform: scale(0.9) translate3d(2px, 2px, 0);
    -webkit-transform: scale(0.9) translate3d(2px, 2px, 0);
    transform: scale(0.9) translate3d(2px, 2px, 0);
}

.product-zoom:hover polyline:nth-child(4) {
    -ms-transform: scale(0.9) translate3d(-2px, 2px, 0);
    -webkit-transform: scale(0.9) translate3d(-2px, 2px, 0);
    transform: scale(0.9) translate3d(-2px, 2px, 0)
}

.gallery-index {
    bottom: 55px;
    width: 47px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    cursor: default;
    right: 10%;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.icon-pr-fix {
    transition: all 300ms linear
}


/* --------------------------- tooltip --------------------------- */

.swatch-element .tooltip-inner {
    background-color: rgba(33, 33, 33, .97);
    border-radius: 0px;
    width: 100%;
    white-space: nowrap;
    font-size: 11px;
    color: #f7f7f7;
}

.swatch-element .tooltip.top .tooltip-arrow {
    border-top-color: rgba(33, 33, 33, .97);
}


/* -------- Zoom product  ------------------------ */

#divzoom {
    position: fixed;
    display: none;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100vh;
    overflow: hidden;
    width: 100vw;
    background: #fff;
}

#divzoom #closedivZoom {
    position: absolute;
    z-index: 1000;
    border: 2px solid #333;
    top: 15px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
}

#divzoom #closedivZoom i:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #333;
    left: 20%;
    top: calc(50% - 3px);
    z-index: 1001;
    display: block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#divzoom #closedivZoom i:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #333;
    right: 30%;
    top: calc(50% - 3px);
    z-index: 1001;
    display: block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#divzoom #closedivZoom i {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
}

.divzoom_main {
    height: calc(100vh - 40px);
}

.divzoom_main .product-thumb {
    height: 100%;
    width: 100%;
}

.divzoom_main .product-thumb img {
    max-height: 100%;
}

body.open_layer {
    overflow: hidden;
}

.list-productRelated h2 {
    text-transform: uppercase;
    margin: 0;
    font-size: 20px
}

.list-productRelated .seperate-icon {
    margin: 10px 0 20px 0;
}

.list-productRelated .subtitle {
    position: relative;
    display: inline-block;
}

.list-productRelated .subtitle span {
    padding: 0 10px;
}

.list-productRelated .subtitle:before,
.list-productRelated .subtitle:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    height: 1px;
    background: #000;
    content: "";
}

.list-productRelated .subtitle:before {
    left: 100%;
}

.list-productRelated .subtitle:after {
    right: 100%;
}

.list-productRelated .pro-loop .product-img button {
    width: initial;
}

.list-productRelated .pro-loop .product-img button.out_of_stack,
.list-productRelated .pro-loop .product-img button.comingsoon {
    width: 100%;
}
.count-search {
    text-align: center;
    padding-bottom: 15px;
    font-size: 16px;
}
#collection-rl-slide .owl-nav button {
    position: absolute;
    top: 35%;
    width: 50px;
    height: 50px;
    transform: translateY(-35%);
    left: 0;
}

#collection-rl-slide .owl-nav button.owl-next {
    left: auto;
    right: 0;
}

#collection-rl-slide .owl-nav button span {
    font-size: 0;
}

#collection-rl-slide .owl-nav button:before {
    font-family: "Font Awesome 5 Pro";
    font-size: 18px;
    color: #000;
}

#collection-rl-slide .owl-nav button.owl-prev:before {
    content: "\f177";
}

#collection-rl-slide .owl-nav button.owl-next:before {
    content: "\f178";
}

.swal2-popup .swal2-styled.swal2-confirm {
    background: #000;
    border: 1px solid #000;
}

.swal2-popup .swal2-styled.swal2-confirm:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 0, 0, .4);
}

.swal2-icon.swal2-error {
    border-color: #a73340;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #a73340;
}


/*--------------------------------------------------------------------
COLLECTIONS LIST
--------------------------------------------------*/

#collections-list .shop_banner {
    position: relative;
    margin-bottom: 15px;
}

#collections-list .shop_banner_title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

#collections-list .shop_banner_title h1 {
    font-size: 10em;
    font-family: "UVF Didot" !important;
}

#collections-list .shop_banner_title span {
    font-size: 2em;
    font-family: "Roboto-Thin";
    font-weight: bold;
    color: #4f4f4f;
}

#collections-list .block-shop-content {
    padding: 0;
}

#collections-list .block-shop-content:nth-of-type(1),
#collections-list .block-shop-content:nth-of-type(3),
#collections-list .shop-content-1,
#collections-list .shop-content-3 {
    padding-left: 0;
    padding-right: 7.5px;
}

#collections-list .block-shop-content:nth-of-type(2),
#collections-list .block-shop-content:nth-of-type(4),
#collections-list .shop-content-2,
#collections-list .shop-content-4 {
    padding-right: 0;
    padding-left: 7.5px;
}

.shop-content-1,
.shop-content-2,
.shop-content-3,
.shop-content-4,
.shop-content-5,
.shop-content-6,
.shop-content-7 {
    margin-bottom: 15px;
}

#collections-list.shop-content-3 {
    clear: both;
}

#collections-list .box-shop {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#collections-list .box-shop:hover {
    opacity: .7;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#collections-list .shop-desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

#collections-list .shop-desc .shop-title {
    font-size: 30px;
    color: white;
}

#collections-list .shop-desc .shop-buy {
    color: white;
}


/*--------------------------------------------------------------------
COLLECTION
--------------------------------------------------*/

.wrap-collection-body {
    margin-top: 40px;
}

.wrap-collection-title .heading-collection h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.wrap-collection-title .heading-collection .note-h1 {
    font-size: 13px;
    opacity: .66;
    margin: 8px 0 0 0;
    position: relative;
}

.wrap-collection-title .heading-collection .note-h1 p {
    margin: 0;
}

.wrap-collection-title .heading-collection {
    position: relative;
}

.wrap-collection-title .heading-collection:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin-top: 10px;
    background: #000;
}

.title-heading {
    margin-bottom: 19px;
}

#collection .content-product-list {
    margin-bottom: 15px;
}

.box-banner {
    position: relative;
    width: 100%;
}

.box-banner .caption-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 30px;
    overflow: hidden;
}

.box-banner .caption-banner .content-caption {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.box-banner .caption-banner .content-caption h2 {
    color: #fff;
    font-size: 30px;
    line-height: initial;
    margin-bottom: 20px;
    font-weight: 600;
}

.box-banner .caption-banner .content-caption a {
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 15px;
    line-height: initial;
    display: inline-block;
    transition: opacity .15s ease-in-out;
}

.box-banner .caption-banner .content-caption a:hover {
    -webkit-opacity: 0.6;
    opacity: 0.6;
}

.box-banner .caption-banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: -100%;
    background: rgba(0, 0, 0, 0.4);
    transition: all ease-in-out .4s;
}

.box-banner:hover .caption-banner:before {
    margin-top: 0;
}


/*
#collection-newin .heading-collection h1{font-size:80px;	font-weight: 600;margin: 0;text-transform: uppercase; letter-spacing: 4px;}
#collection-newin .heading-collection .note-h1 {font-size: 14px;opacity: .66;	margin: 8px 0 0 0;	position: relative;}
#collection-newin .heading-collection .note-h1 p{margin:0;}
#collection-newin .heading-collection { position: relative;}
*/

#collection-newin .title-heading {
    margin-bottom: 30px;
}

#collection-newin .banner-collection-header {
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
}

.banner-header-left {
    width: 30%;
    padding: 80px 0 170px;
}

.banner-header-right {
    width: 60%;
}

#collection-newin .content-product-list {
    margin-bottom: 15px;
}

#collection-newin .content-product-list .pro-loop .product-img button {
    width: 70%;
}

#collection-newin .pro-loop {
    margin-bottom: 35px;
}


/* ================  VIDEO  ================ */

#bg_video,
#bg_video1 {
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}

#bg_video .loading,
#bg_video1 .loading {
    display: none!important;
}

@media (min-width:1400px) {
    .main-body .wrapper-collection-1 .product-img {
        max-height: 700px;
    }
}

@media (min-width:1200px) {
    #bg_video .off {
        opacity: 0;
    }
    #bg_video1 .off {
        opacity: 0;
    }
    .main-nav-menu .menu__list:not(.menu__list--second)>.menu__item>.menu__link {
        padding: 0 10px;
    }
}

#bg_video h2,
#bg_video1 h2 {
    margin: 0;
    font-size: 74px;
    color: #303030;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#bg_video p,
#bg_video1 p {
    margin: 10px 0 0 0;
    font-size: 44px;
    color: #303030;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#bg_video_content,
#bg_video_content1 {
    text-align: center;
    position: relative;
    padding: 22% 0;
    z-index: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#bg_video_content.off *,
#bg_video_content1.off * {
    cursor: default!important;
}

#bg_video_content #bg_video_btn,
#bg_video_content1 #bg_video_btn1 {
    height: 100px;
    width: 100px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 50%;
    bottom: 0;
    cursor: pointer;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


/*
#bg_video_content #bg_video_btn:before, #bg_video_content1 #bg_video_btn1:before {
content: '\f144';
display: inline-block;
font-size: 64px;
font-family: '"Font Awesome\ 5 Free"';
color: #cd0080;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
*/

.mb_YTPBar {
    width: 100%;
    height: 50px;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.mb_YTPBar.off {
    bottom: -50px;
    display: none;
}

.mb_YTPBar .buttonBar {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.mb_YTPBar .ytpicon {
    width: 40px;
    height: 40px;
    display: inline-block;
    font-family: '"Font Awesome 5 Pro"';
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    line-height: 40px;
    position: relative;
}

.mb_YTPBar .ytpicon:hover {
    color: #ffffff;
}

.mb_YTPBar .mb_YTPPlaypause,
.mb_YTPBar .mb_YTPMuteUnmute {
    float: left;
}

.mb_YTPBar .mb_YTPVolumeBar,
.mb_YTPBar .mb_OnlyYT {
    display: none!important;
}

.mb_YTPBar .mb_YTPTime {
    display: block;
    float: left;
    padding: 0 0 0 10px;
    font: 16px/40px 'Arial';
    color: #fff;
}

.mb_YTPBar .mb_YTPUrl {
    width: 77px;
    float: right;
    font-size: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAoCAYAAAC7MHdZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACV1JREFUeNrsWmtsHFcVPndm387asR3bidO4Sf1IGtKoVQWCtJVKkqYgEH9KiQBFNKhxglAltyBKGxQJhKBQURUJNekDRKFCFYgC4uUYSiVEmzRR07QpCXVSJ068Nk5sx147+565fOfOHXt27Y3teF36Y6/0eXbmPmbmu98595w7FlJKKpf5FaNMQZm0Mmll0sqklUkrlzJpi198szUQQpTsZs+vXkWfXhqlccuefh8Hd+LPdvxcBzQC1UAQ8OtnNRcw0TkPMkAcGADOAf9AuPorW1KCG64+cWphpJWyhAxBEcOYkTSE2A8A38WPykUUiPd9a5gf4GPA54HbgK8BI7MKabaMoJRKW+n3U1soQL9Zcz3F7TzibsFtuihnLZOZTPFnCUJ0ZhGh4T1kOk0EuYgQ2hnXIEhJD+DvT0qhtFsBnv1x4B0gpa83A016Zk4A9mwDxbJZGgdZ3ekMtYK8MShOv9pnbMteZlRWkr+hQcluRvvqj5FMJqcTwhNvmuRraSPh86FdH9qlroW4e/ASv9CmuyDSHgK+oEn7HNAJhMkZfBPwS2DnXJ8qblm0/WwvvbimiVqgnLhlh4UhbrYTCYps2Ur13/tB0b4D7fdT8vXDJCoiDlFuwZhmZRUtP/AsmdXVFLt/J6WPHnXaza/cAtwAHF/o6vlb7TCjwEZ9jQf+qP79d37s+TzZhUyWtvecp/+k0hQQohoWtV5ZazBExpIlRUEwbxtkoX0eLD7Cvo3KKBnRKEmozqLp7eaAKuBDC149UV4DjgGfAj6ir92hCR8EjlyLf+uDqQ7ncrQ+FAwmc1a1CIfoyuHDdOG+HXBeBtV/8xEKrl1HyaNHaOjJJ0GYSanjb5JtW2SgH7exU0mlOAGS2DdLjKkUCOXZiSRJzITwB0gEAq6DVm1kJq1N2kcG+8l8v72sFKQNA3/SpN0MXKdlTJqw8/p3G7AU4GX7lEd9/BCrgMtAr/aPrNS4KUQPBBbA40fYJ2UvXaR0z3uKhNrde1Tn7MWLFO/6KxkVS8jfuJJMKMkeG1N+z2xsxPsaZI0Mg8wpl5qbmCCzvp6CrW2U7j1HdjyuiLOTCYztp8DaG8nAJOUwdjbWRyIcwRxMGl1lKUjD9NHLegFYA9zuMc2/aZI6AF55VuqF4Y/Aw8Ao8EVgH3BQ+77NwHPAG5aU98C0giAgrDwUyBIgRylHr5Ls2CkQJH9LC616+llMhU2xrz9I2cFBanr+BdV24FuPUvLtt1R7Gyto9K67acmdH6fQunWUOPYGxR7qoOzAABaZ5VT/jYdVnVlRQZnzvTS0fz+N/uH3ZIbD7vtGS5URnAVe1e2/rFXFCnxFLwaPa/UwSSuAduArnofgmKhOn4f1eYPAK+NYBUkaLEtL+Sep4F0YLY7rfH4KNrdQsK1NkSgNE+fNFFiNUCsSUW2kxebop9r23VAlVBgKUcWm2yh864cpdyVBNbvaaeln78WiEaXcyIgy/xXff4yCN64nC2RbMFPLeb6SkMZR9Ev6910cpwIndQjySa3YfwJrgQO63VZ9PelRrPSYbZqdL0iJSOeYB2/Ywec2GJXsqxBK2EyQrX0Y12dzaC6Ub2LlxfY+St3btlLqlBNvGXX1MNcGim7e4oQ++/ZR9ye2QYXHYKZhim7bRrlUyr23v5S55yEPAaRJIo+C+oExrUouEQ1ZPJZUwZ1wOfKioM20QQrbSO3o4dwo2d1NGfirzOCgY+Ig0qiqIrO2Rp2PHzlKV/59klKnT6tz9pUSvlGPY5bCp7nlPW2iW7UfO1hQbxYZszhpnuXee03I/DBMKdKTpBb2cc+FS1wgBPP1eeql01+vFXU7d1Ll5s0UvukmLR3D6W/P7XvJfEjjKPltTdqAJ9SQVxHSLFmLEzHMqJqCc/sqbQqvSZLT6h0+nKvLduzIT8+w2Egpaa6fmOabsOdcfzTfgPYqpGULlaYqhMc8Z1BjntJo5npZpP0A4r7kmTMkEe/ZSOk4rKFIhdsmW2rShOdoFFybd8HLSjAflzPIU+a3u+p5MT/obe8tI50HKf7qvyiycSMFVzRSLu6kmlKozun3cxPSLlCjmKHe3ctS9TyzOUljOGYKUxqXhUnVeGQjcxZZqXRRZVmZDFk5a+oRhO6vI38OZtnvNXZ00Npfv0jL9+yhLHJfG6xhnCuLRZos8HVu5B/VGQNpclJ6A5H0kVfaeydnHOYBFpMYLFF0BdVkSOGEFGrnIuCnpVu3qJgsT2mcFaBNsKmJfLW15OMdE67jWRmPkzXmPGpkwwYya2ophIBZIN6zEbqokMYZZ7zU5ukSUOG51qUzgi06T23R11/WxCU8+epbnr7Bjv6YeKU5kg6RSFhOCja5eho6XzR4b4zVk3TyTM4VW596ikxO4F1eDVP1U3kk71k98SPKDA1RqKnJkf7oGKX7/0vDXV3U2L6LmvY+Qg33fYnCzTeoWG/4z39RwbOtAjUVoJdUaUM6E+jziIF3OR7kzQtgg14kngF+rOs7dbjCIclhYK9O9GMG+zRbJmAV523elXABQWUuDeFlRyk7PEwSBKb6+2kEL81qsmBKvT98nFLnepUT59SJdcJxWRrpUuy5n5I1Pq4S94k3j9Mobych14wdeJouvvQ7JOxZELaG0n0xOvvt79DooUOoDzJpHDb3lnrnls2LNT+hk29v5zZdP6GzBe8q1KL3+9/RpPI3gAm/EH2dq5tl2DD2w7B2uw6K7+mrqSEf8sMcXj57+bLeM4tSBGlU+kIfpfr6KIwUSvhMEIyEPZOmIJJ0wnmqt5cCdXVQ2vUg9qxSHavQQjbBCo60tkKpFSD8EiV6esjENYl+eJszuPXmTaffvfCB2e4uLE80Xkd3IEFP2TYn9S/krRqsHhDFMZRjqoJ4K9wGOMIXwYDa3nbNUiDB5xSL35x3NDic4PRK+H2TZqvGyGaUD1OTA//IW+ieHY6fcd58+5l3rQ/Mh5XCEuWHduTaiT+cYdw9OVlIyoU3duNWcPyGfyo1FKFwXhtO0Kf6m2qMqf56DPguw+eflpnoratn5hJ//l+/e1pT4cQwDl+Fif4cuGy7Aev7h9cA/nT4+mJkBItZeLHYBTwGEjfoz2uV0tmqCenvnwH9zH7PUXi+ibrxoLujkvXEhlkdAvGmQ1I4qzpvMJyEBzqhF7i5Rfjlf+qbfyn/W0KZtDJpZdLKpJVJK5f5lv8JMAArzFLSVFc7YwAAAABJRU5ErkJggg==') 0 0 no-repeat rgba(255, 255, 255, 0.3);
}

.mb_YTPBar .mb_YTPUrl:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.mb_YTPBar .player_close,
.mb_YTPBar .player_close1 {
    float: right;
    line-height: 39px;
}

.mb_YTPBar .mb_YTPProgress {
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 0;
    cursor: pointer;
}

.mb_YTPBar .mb_YTPLoaded {
    height: 10px;
    width: 0;
    background: rgba(255, 255, 255, 0.3);
    left: 0;
}

.mb_YTPBar .mb_YTPseekbar {
    height: 10px;
    width: 0;
    background: #303030;
    bottom: 0;
    left: 0;
}

#mbYTP_bg_video,
#mbYTP_bg_video1 {
    margin: 0!important;
    width: 100%!important;
    height: 100%!important;
}


/* ================  BEST SELLER  ================ */

.best-seller-product {
    margin-top: 150px;
    position: relative;
    padding-bottom: 50px;
}

.best-seller-product:before {
    position: absolute;
    content: "";
    top: 0;
    left: -15px;
    right: -15px;
    bottom: 50%;
    background: #595959;
}

.best-seller-list {
    margin-top: -150px;
}

.best-seller-list .owl-carousel .product-detail {
    position: absolute;
    top: 50%;
    right: 16%;
    transform: translateY(-50%);
    padding: 0;
}

.best-seller-list .owl-carousel .product-detail .box-pro-detail {
    padding-bottom: 16px;
}

.best-seller-list .owl-dots {
    position: absolute;
    top: 20%;
    right: 5%;
}

.best-seller-list .owl-dots .owl-dot {
    background: transparent;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #000;
    margin: 10px 5px;
    display: block;
}

.best-seller-list .owl-dots .owl-dot.active {
    background: #000;
    border: 1px solid #000;
}

.best-seller-title {
    top: 30%;
    transform: rotate(-90deg);
    position: absolute;
    right: -15%;
    z-index: 9;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
}

.best-seller-bottom {
    display: flex;
    justify-content: space-between;
}

.best-seller-left {
    width: 60%;
}

.best-seller-right {
    width: 30%;
    padding: 150px 0;
}


/* ================  SIDEBAR  ================ */

.tree-menu li a {
    padding: 5px 5px 5px 0;
    color: #666;
    line-height: 26px;
    font-size: 12px;
}

.tree-menu>li>a {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 1px;
}

.tree-menu li.has-child ul {
    display: block;
}

.tree-menu li.has-child:first-child ul {
    display: block;
}

.tree-menu li.has-child>ul {
    padding-left: 15px;
}

.tree-menu li.has-child.active ul {
    display: block;
}

.tree-menu li a .icon-control {
    font-size: 8px;
    position: relative;
    top: -2px;
}

.tree-menu li.menu-collapsed .icon-control .fa-minus:before {
    content: "\f067";
}

@media(min-width:1024px) {
    #collection .row.filter-here {
        margin-right: -5px;
        margin-left: -5px;
    }
    #collection .row.filter-here .pro-loop {
        padding: 0 5px;
    }
}


/*--------------------------------------------------------------------
BLOG - ARTICLE
--------------------------------------------------*/

.bg-blog-title {
    width: 100%;
    background: url(//theme.hstatic.net/200000000131/1000466964/14/bg-title.png?v=1033) no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    margin: 35px 0 25px;
}

.bg-blog-title h2,
.bg-blog-title h1 {
    text-transform: uppercase;
    padding: 0px 45px 0px 45px;
    line-height: 65px;
    height: 65px;
    font-size: 24px;
    color: #4f4f4f;
    position: relative;
    border: 0px;
    margin: 0;
}

.header-blog .info-title {
    font-size: 16px;
    margin-bottom: 30px;
    font-style: italic;
    color: #5b5b5c;
    font-weight: 500;
}

#blog .bg-blog-title {
    margin: 15px 0 50px;
}

#blog .blog-item img {
    width: 100%;
}

#blog .blog-item {
    margin-bottom: 17px;
}

#blog .blog-col-left .blog-item .blog-img {
    border: 1px solid rgba(224, 224, 224, 0.2)
}

#blog .blog-col-left .blog-item .blog-detail {
    padding: 10px;
    background: rgba(224, 224, 224, 0.3);
}

#blog .blog-col-left .blog-item .blog-detail h3 {
    line-height: 20px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
    margin: 10px 0;
}

#blog .blog-col-left .blog-item .blog-detail h3 a {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
}

#blog .blog-col-right .blog-item .blog-img {
    float: left;
    width: 30%;
    margin-right: 15px;
    overflow: hidden;
}

#blog .blog-col-right .blog-item .blog-detail {
    float: left;
    width: calc(100% - 35%);
    margin: auto;
}

#blog.blog-tuyendung .blog-col-right .blog-item .blog-detail {
    float: none!important;
    width: calc(100% - 35%);
    margin: auto;
}

#blog .blog-col-right .blog-item .blog-detail h3 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

#blog .viewmore-blog {
    font-size: 14px;
    background: #fff;
    border-top: 1px dotted rgba(37, 42, 43, 0.1);
    color: #252a2b;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: none;
    padding: 14px 35px;
    line-height: 22px;
    width: 100%;
    text-align: center;
}

#blog .section-blog {
    margin-bottom: 40px;
}

#blog .section-blog .title {
    margin: 0px 0 40px;
    text-align: center;
    line-height: 24px;
    position: relative;
}

#blog .section-blog .title h2 {
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000 !important;
    background: #FFFFFF;
    padding: 0px 30px;
    display: inline-block;
    position: relative;
    top: 0px;
}

#blog .section-blog .title:before {
    background: #000;
    top: 15px;
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0%;
    top: 12px;
}

#blog .section-blog .title h2:before,
#blog .section-blog .title h2:after {
    top: 5px;
}

#blog .section-blog .title h2:before {
    margin-left: -1px;
}

#blog .section-blog .title h2:after {
    margin-right: -1px;
}

#blog .section-blog .title .button-viewmore a {
    border-bottom: 1px dotted #000;
}

#blog .news-item .news-img {
    width: 43.66%;
    float: left;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

#blog .news-item .news-img img,
#blog .blog-col-right .blog-item img {
    max-width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#blog .news-item:hover .news-img img,
#blog .blog-col-right .blog-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#blog .news-item {
    padding-bottom: 20px;
}

#blog .news-item .news-detail {
    width: 55.34%;
    float: left;
    position: relative;
    background: #fff;
    left: 0;
    overflow: hidden;
    padding: 0px 10px 0 10px;
}

#blog .news-item .news-title {
    text-transform: uppercase;
    line-height: 22px;
    margin: 0;
    position: relative;
    margin-bottom: 12px;
    color: #000;
    font-weight: 600;
    font-size: 13px;
}

#blog .news-item a:hover .news-title {
    color: #323030;
}

#blog .news-item .news-meta {
    margin-bottom: 15px;
}

#blog .news-item .news-meta ul li {
    display: inline-block;
    color: #666;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 12px;
}

#blog .news-item .news-meta ul li:last-child {
    position: relative;
    top: 2px;
}

#blog .news-item .news-meta ul li span {
    padding-right: 15px;
    position: relative;
}

#blog .news-item .news-meta ul li span::after {
    content: "•";
    display: block;
    position: absolute;
    top: 0;
    right: 3px;
    font-size: 15px;
    line-height: 15px;
    color: #000
}

#blog .news-item .news-meta ul li:last-child span::after {
    content: none;
}

#blog .news-item .news-content {
    font-style: italic
}

#blog .news-list-style .col-md-6:nth-of-type(2n+1) {
    clear: both;
}

@media (max-width: 991px) {
    .product-detail-main {
        margin-bottom: 0;
    }
    #blog .news-item .news-img {
        width: 100%;
    }
    .list-productRelated h2 {
        margin: 10px 0;
    }
    #blog .news-item .news-detail {
        width: 100%;
        text-align: center;
    }
    .viewmore-blog {
        text-align: center;
    }
}


/* ================  ARTICLE DEFAULT  ================ */

.article-title {
    text-align: center;
    padding: 20px 0;
}

.article-title h1 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    display: block;
    white-space: normal;
    vertical-align: middle;
    margin: 0;
}

.article-title .meta-info {
    margin-top: 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    color: #666;
}

.article-title .meta-info:after,
.article-title .meta-info:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    top: 12px;
}

.article-title .meta-info:before {
    right: calc(100% + 10px);
}

.article-title .meta-info:after {
    left: calc(100% + 10px);
}

.article-title .meta-info .date {
    padding-right: 10px;
    position: relative;
}

.article-title .meta-info .date::after {
    content: "•";
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
    font-size: 16px;
    line-height: 16px;
    color: #000
}

.article-img {
    margin-bottom: 20px;
    text-align: center
}

.news-latest {
    border: 1px solid #eaeaea;
    padding: 30px 30px 20px 30px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(234, 234, 234, 0.5);
    -moz-box-shadow: 0px 1px 0px 0px rgba(234, 234, 234, 0.5);
    box-shadow: 0px 1px 0px 0px rgba(234, 234, 234, 0.5);
}

.news-latest .sidebarblog-title {
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
}

.news-latest h2 {
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.item-article {
    margin-bottom: 10px;
}

.item-article .post-content h3 {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    margin: 5px 0;
    font-style: normal;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.item-article .post-image {
    overflow: hidden;
}

.item-article .post-image img {
    max-width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.item-article:hover .post-image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.item-article .post-content span {
    color: #666;
    font-size: 12px;
}

.item-article .post-content .date a {
    color: #666;
    padding-right: 10px;
    position: relative;
}

.item-article .post-content .date a::after {
    content: "•";
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
    font-size: 16px;
    line-height: 16px;
}

.meta-tags .tags-title {
    font-weight: 500;
}

.meta-tags a.tag {
    opacity: 0.8;
    font-style: italic;
    font-size: 13px;
}

.meta-tags a.tag:after {
    content: ",";
    margin: 1px;
}

.post-navigation {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #252a2b;
    font-weight: 600;
}

.post-navigation a {
    color: #000;
}

.post-navigation .right {
    float: right;
}

.post-navigation .left {
    float: left;
}

.article-pages,
.meta-tags,
.article-comment .comment_form,
.post-navigation {
    margin-bottom: 40px;
}

.article-pages * {
    max-width: 100%!important;
}

.article-pages ul {
    list-style: initial;
    padding-left: 20px;
}

.article-pages ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.article-pages ul ul {
    list-style-type: circle;
}

.article-pages ul ul ul {
    list-style-type: square;
}

.article-pages * img {
    margin: auto;
}

.article-comment .title-bl h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}

.article-comment .title-bl h2 a,
.article-comment .title-bl h2 a:hover,
.article-comment .title-bl h2 a:focus {
    color: #000;
}

.article-comment .title-bl h2:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 30px;
    height: 3px;
    background: #000;
}

.article-comment .comment_form .form-group input,
.article-comment .comment_form .form-group textarea {
    box-shadow: none;
    background: #ededed;
    color: #252a2b;
    border: 0;
    border-radius: 0;
}

.article-comment .comment_form .form-group input {
    padding: 0 20px;
    height: 55px;
}

.article-comment .comment_form .form-group textarea {
    padding: 20px;
    resize: none;
}

.article-comment .comment_form button.btn-rb {
    background: #252a2b;
    border: 0;
    height: 55px;
    display: inline-block;
    padding: 0 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.article-comment .comment_form button.btn-rb:hover {
    background: #323030;
}

#article h3.author {
    font-size: 13px;
    font-style: normal;
    text-transform: capitalize;
}

#binhluan .date {
    float: right;
    color: rgb(51, 51, 51);
    font-size: 12px;
}

#binhluan .comment-user {
    padding: 25px 0;
    border-bottom: 1px solid #ededed;
}

@media(min-width:992px) {
    .article-body {
        padding: 0 50px;
    }
}


/* ================  ARTICLE LOOKBOOK  ================ */

#article-lookbook .content-lookbook {
    margin-bottom: 30px;
}

#article-lookbook .content-lookbook .slider {
    background: #000;
}

#article-lookbook button.slick-prev.slick-arrow {
    left: 170px;
    background-image: url(//theme.hstatic.net/200000000131/1000466964/14/icon-prev.png?v=1033);
}

#article-lookbook button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    color: #FFF;
    font-size: 24px;
    border: 0px;
    position: absolute;
    z-index: 1000;
    top: calc( 50% - 0px);
    width: 23px;
    height: 39px;
    text-indent: -99999px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

#article-lookbook button.slick-next.slick-arrow {
    right: 170px !important;
    background-image: url(//theme.hstatic.net/200000000131/1000466964/14/icon-next.png?v=1033);
}

#article-lookbook ul.slick-dots {
    display: none !Important;
}

#article-lookbook .slick-slide img {
    margin: auto;
}

#article-lookbook .item-2.slick-slide {
    padding: 0px;
    background: #000 !Important;
}

#article-lookbook .item-2.slick-slide img {
    opacity: 0.3 !important;
}

#article-lookbook .item-2.slick-slide.slick-current.slick-active.slick-center {
    padding: 0px;
}

#article-lookbook .item-2.slick-slide.slick-current.slick-active.slick-center img {
    opacity: 1 !important;
}

#article-lookbook .article-lookbook .item-article .content-img {
    width: initial !important;
    max-width: 100%;
    min-height: 150px;
    max-height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

#article-lookbook .article-lookbook .item-article .content-img a {
    position: relative;
    overflow: hidden;
    display: block;
}

#article-lookbook .article-lookbook .item-article .content-img a:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

#article-lookbook .article-lookbook .item-article:hover .content-img a:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

#article-lookbook .article-lookbook {
    margin-bottom: 40px;
}

#article-lookbook .article-lookbook .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 29px;
}

#article-lookbook .article-lookbook .owl-nav button.owl-next {
    left: auto;
    right: -50px;
}

#article-lookbook .text-care h2 {
    font-size: 24px;
    margin: 20px 0 30px;
    text-transform: uppercase;
}

#article-lookbook .blogs-item.pad-0 img {
    width: 100%;
}

#article-lookbook .content-title {
    margin-top: -20px;
}

#article-lookbook .content-info a.view-more {
    margin-bottom: 25px;
}

#article-lookbook .blogs-item.pad-0 .info-article {
    top: -50px !important;
}


/*
#article-lookbook .share-social ul {margin-bottom:30px;}
#article-lookbook .share-social ul, #article-lookbook .share-social ul li {display: inline-block;}
#article-lookbook .share-social ul li.social {
position: relative;
margin: 8px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
display: inline-block;
text-align: center;
}
#article-lookbook .share-social ul li.twitter {background: #00aced;}
#article-lookbook .share-social ul li.facebook {background: #3b5998;}
#article-lookbook .share-social ul li a {color: #FFF;font-size: 20px;}
*/

.content-lookbook {
    position: relative;
}

.menu-social {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    right: 50px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background-color: #000;
    color: #FFFFFF;
    font-size: 17px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

.menu-social:hover {
    background: #000;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}

.menu-social a {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 17px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

.menu-social a:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}

.menu-social a:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: #3b5998;
}

.menu-social a:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: #dc4e41;
}

.menu-social a:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: #00aced;
}

.menu-social:hover a {
    opacity: 1;
    width: 40px;
    height: 40px;
}

.menu-social:hover a:nth-child(2) {
    right: 65px;
    bottom: 0px;
}

.menu-social:hover a:nth-child(3) {
    right: 50px;
    bottom: 50px;
}

.menu-social:hover a:nth-child(4) {
    right: 0px;
    bottom: 65px;
}


/*------------------------------------------------------------------------
ABOUT - CONTACT
--------------------------------------------------*/

.header-page-contact h1 {
    font-size: 44px;
    font-weight: 700;
    margin: 0px 0
}

.header-page-contact:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin-top: 30px;
    background: #000;
    margin-bottom: 50px;
}

.box-info-contact li {
    margin-bottom: 30px;
}

.box-info-contact li p {
    margin-bottom: 5px;
    color: #666;
    font-weight: 500;
    line-height: 22px;
}

.box-info-contact li p strong {
    font-weight: 600;
    color: #000;
}

.box-send-contact h2 {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    margin: 40px 0 35px;
}

.box-send-contact h2:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 30px;
    height: 3px;
    background: #000;
}

.contact-form .input-group {
    width: 100%;
    margin: 0 0 10px;
}

.contact-form .input-group input,
.contact-form .input-group textarea {
    border: 0;
    box-shadow: none;
    height: 55px;
    font-weight: 500;
    padding: 0 20px;
    background: #ededed;
    color: #000;
}

.contact-form .input-group textarea {
    width: 100%;
    height: 130px;
    padding: 20px 20px;
}

.contact-form .input-group textarea:focus {
    outline: none;
}

.box-send-contact button {
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
    border-radius: 0;
    border: 1px solid #252a2b;
    background: #252a2b;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.box-send-contact button:hover {
    border-color: #323030;
    background: #323030;
}

.sidebarpage-title {
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
}

.sidebarpage-title h2 {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 22px;
    margin: 0 0 15px;
}

.sidebar-page ul li {
    display: block;
    line-height: 28px;
    position: relative;
    padding-left: 20px;
}

.sidebar-page ul li a {
    position: relative;
    overflow: hidden;
}

.sidebar-page ul li.active a {
    color: #323030;
}

.sidebar-page ul li a:after {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f178";
    font-size: 10px;
    left: -18px;
    opacity: 1;
    position: absolute;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.pagelayout .page-col-left {
    margin-bottom: 30px;
}

@media(min-width:768px) {
    .sidebar-page {
        padding-left: 20px;
    }
    .pagelayout .page-col-left {
        border-right: 1px solid rgba(136, 136, 136, 0.57);
        padding-right: 30px;
    }
}


/*----------------------------------------------------------------------------------
PAGE STORE
----------------------------------------------------------------------------------*/

.storeslist .header-page h1 {
    margin: 30px 0 0;
}

.stores {
    margin-top: 30px;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 40px;
}

.center-store {
    width: 60%;
}

.center-store .owl-item {
    overflow: hidden;
}

.gallery-store {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-store button {
    display: none;
}

.btn-custom-left {
    margin-right: 15px;
    font-size: 50px;
}

[class*="btn-custom-"] button {
    border: none;
    background: transparent;
}

.btn-custom-right {
    margin-left: 15px;
    font-size: 50px;
}

select.change-tinh {
    display: inline-block;
    min-width: 60px;
    max-width: 100%;
    height: auto;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 0 0 0 transparent inset;
    padding: .6em .8em;
    color: rgba(0, 0, 0, 0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjE2MTYxIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMzAgMjQiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy40MSA3Ljg0TDEyIDEyLjQybDQuNTktNC41OEwxOCA5LjI1bC02IDYtNi02eiIvPjxwYXRoIGQ9Ik0wLS43NWgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==') no-repeat right center;
}

.address-map h3 {
    font-size: 19px;
    font-weight: 400;
}

.address-map .address-cont {
    margin-bottom: 30px;
}

.address-map .address-cont .address-detail {
    overflow: auto;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}

.address-map .address-cont .address-detail::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background-color: #aaa;
}

.address-map .address-cont .address-detail::-webkit-scrollbar-thumb {
    background: #000;
}

.address-map .address-cont .address-detail ul li {
    padding-left: 14px;
    border: 1px solid #f5f5f5;
    border-top: 0;
    background: #fff;
}

.address-map .address-cont .address-detail ul li.active {
    background: #dfdfdf;
}

.address-map .address-cont .address-detail ul li a {
    color: #444;
    display: block;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    padding: 8px 0;
    box-sizing: border-box;
}

.address-map .address-cont .address-detail ul li a:before {
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    background: #000;
    margin-right: 10px;
    border-radius: 50%;
}

.address-map .address-cont .address-detail ul li p.storePhone {
    color: #444;
    font-size: 14px;
}

.address-map .address-cont .address-detail ul li p.storePhone i {
    font-size: 14px;
    margin-right: 5px;
}

.address-map .change-tinh {
    width: 100%;
    border: 1px solid #d7d7d7;
    color: #333;
    text-indent: 5px;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#address-link {
    border-top: 1px solid #f5f5f5;
    margin-bottom: 0px;
}

#map-store {
    height: 500px;
    margin-bottom: 30px;
}

#map-store iframe {
    width: 100%;
    height: 500px;
}

.detail-address>strong {
    font-size: 17px;
    margin-bottom: 10px;
    display: block;
}

.detail-address.open {
    margin-bottom: 23px;
}

.gm-style-iw strong {
    color: #444;
    font-weight: 600;
    text-shadow: none;
}

.slide-store img {
    width: auto !important;
    margin: 0 auto;
}

.stores-comingsooon {
    margin-top: 30px;
}

.stores-comingsooon .store-content {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
}

.stores-comingsooon .store-content .content {
    margin: auto;
    max-width: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stores-comingsooon .store-content h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    display: block;
    white-space: normal;
    vertical-align: middle;
    margin: 0;
    text-align: left;
    color: #000000;
    white-space: nowrap;
}

.list-store-csoon ul {
    margin-left: 20px;
    margin-bottom: 0;
}

.list-store-csoon ul li {
    padding-left: 20px;
    border-left: 2px solid #000000;
}

.list-store-csoon li {
    margin-bottom: 20px;
    text-align: left;
}

.list-store-csoon li:last-child {
    margin-bottom: 0;
}

.list-store-csoon li span {
    display: block;
    margin-bottom: 8px;
    color: #000000;
}

.list-store-csoon li span:last-child {
    margin-bottom: 0;
}

.list-store-csoon li span.name {
    font-weight: bold;
    font-size: 18px;
}

.text-js {
    color: white
}

.cursor {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    right: -5px;
    width: 2px;
    /* Change colour of Cursor Here */
    background-color: #000000;
    z-index: 1;
    -webkit-animation: flash 0.5s none infinite alternate;
    animation: flash 0.5s none infinite alternate;
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media(max-width:767px) {
    .stores-comingsooon .store-content {
        background-attachment: initial;
        background-size: cover;
    }
    .stores-comingsooon .store-content .content {
        display: block;
    }
    .stores-comingsooon .store-content .content h2 {
        margin-bottom: 20px;
    }
}


/* --------------------------------------------------------------------------------
CART PAGE
-------------------------------------------------------------------------------- */

#layout_Cart {
    margin-bottom: 30px;
}

#layout_Cart .layout-cart {
    margin-top: 30px;
}

#layout_Cart .heading-cart {
    font-size: 27px;
    line-height: 35px;
    color: #000;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 28px;
}

#layout_Cart .heading-cart.has-notify {
    margin-bottom: 5px;
}

.noti-cart {
    border: 1px dashed #f00;
    display: inline-block;
    padding: 10px 10px 0 10px;
    margin-bottom: 15px;
}

#layout_Cart .cart-shipping {
    font-weight: 500;
    font-size: 15px;
    color: #111;
    margin-top: 10px;
}

#layout_Cart .cart-shipping.notifi {
    background-color: #fff8f8;
    border: 1px solid #ffa7bf;
    border-radius: 3px;
    color: #f35d87;
    padding: 15px 15px 6px 40px;
    font-size: 12px;
    position: relative;
}

#layout_Cart .cart-shipping.notifi:before {
    content: '';
    background: url("//theme.hstatic.net/1000260683/1000380712/14/icon-warning-1.svg?v=92") center no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: absolute;
    left: 15px;
}

#layout_Cart .cart-more-block {
    margin-top: 15px;
}

#layout_Cart .cart-more-block:after {
    content: "";
    display: table;
    clear: both;
}

#layout_Cart .cart-more-block>div {
    display: inline-block;
    float: left;
    width: 50%;
}

#layout_Cart .cart-more-block>div:first-child {
    padding-right: 30px;
}

#layout_Cart .cart-more-block>div:last-child {
    padding-left: 30px;
}

#layout_Cart .cart-more-block>div>a {
    display: block;
    text-align: center;
    border: 1px solid #ffcfe4;
    background-color: #fff5fc;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
}

#layout_Cart .list-pageform-cart .cart-row {
    background: #fafafa;
    padding: 15px;
}

#layout_Cart .list-pageform-cart .cart-row:after {
    content: "";
    display: table;
    clear: both;
}

#layout_Cart .list-pageform-cart .note-label {
    font-size: 14px;
}

#layout_Cart .list-pageform-cart .form-control {
    box-shadow: none;
    border-color: #dfe0e1;
    border-radius: 0;
}

#layout_Cart .list-pageform-cart .title-number-cart {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 10px;
}

#layout_Cart .list-pageform-cart .note-block {
    margin-top: 15px;
    padding-bottom: 15px;
}

#layout_Cart .list-pageform-cart .policy_return h4 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
}

#layout_Cart .list-pageform-cart .policy_return li {
    display: block;
    line-height: 25px;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
}

#layout_Cart .list-pageform-cart .policy_return li:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f178";
    font-size: 10px;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

#cartformpage:after {
    content: "";
    display: table;
    clear: both;
}

#cartformpage .o_cart_table {
    background: #fff;
}

#cartformpage .o_cart_table .item {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
}

#cartformpage .o_cart_table .item:last-child {
    border-bottom: none;
}

#cartformpage .o_cart_table .item .left {
    display: inline-flex;
    width: 15%;
    padding: 0 10px;
}

#cartformpage .o_cart_table .item .left .item-img {
    margin: 0 auto;
}

#cartformpage .o_cart_table .item .right {
    display: inline-flex;
    width: 85%;
}

#cartformpage .o_cart_table .item .right .item-info {
    display: inline-flex;
    width: 40%;
    align-items: center;
}

#cartformpage .o_cart_table .item .right .item-info a {
    text-decoration: none;
    color: #000;
}

#cartformpage .o_cart_table .item .right .item-info a .item-vendor {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 2px;
}

#cartformpage .o_cart_table .item .right .item-info a .item-desc {
    font-size: 12px;
    color: #777;
    margin-top: 3px;
}

#cartformpage .o_cart_table .item .right .item-info a .small {
    color: #999;
    display: block;
    font-size: 12px;
}

#cartformpage .o_cart_table .item .right .item-quan {
    display: inline-flex;
    width: 20%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#cartformpage .o_cart_table .item .right .item-quan .cart_quality {
    display: flex;
}

#cartformpage .o_cart_table .item .right .item-quan .cart_quality .fal {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #e1e1e1;
    color: #999;
    cursor: pointer;
    font-size: 8px;
}

#cartformpage .o_cart_table .item .right .item-quan .cart_quality .fal:hover {
    background: #fafafa;
}

#cartformpage .o_cart_table .item .right .item-quan .cart_quality .fal.fa-minus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#cartformpage .o_cart_table .item .right .item-quan .cart_quality .fal.fa-plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#cartformpage .o_cart_table .item .right .item-quan .cart_quality input {
    width: 40px;
    height: 30px;
    display: inline-block;
    border-radius: 0;
    box-shadow: none;
    border-left: none;
    border-right: none;
    text-align: center;
    border-color: #e1e1e1;
    color: #a73340;
}

#cartformpage .o_cart_table.gift-table .item .right .item-quan .cart_quality input {
    border: 1px solid #e1e1e1;
}

#cartformpage .o_cart_table .item .right .item-quan .cart_quality input::-webkit-inner-spin-button,
#layout_Cart .list-pageform-cart #cartformpage .o_cart_table .item .right .item-quan .cart_quality input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

#cartformpage .o_cart_table .item .right .item-price {
    display: inline-flex;
    width: 15%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#cartformpage .o_cart_table .item .right .item-price .price_item {
    font-size: 15px;
    font-weight: bold;
}

#cartformpage .o_cart_table .item .right .item-price del {
    font-size: 13px;
    color: #555;
}

#cartformpage .o_cart_table .item .right .item-price .label-percent {
    font-size: 13px;
    color: #777;
}

#cartformpage .o_cart_table .item .right .item-price .label-percent span {
    color: #E50000;
    font-size: 15px;
    font-weight: bold;
}

#cartformpage .o_cart_table .item .right .item-total-price {
    display: inline-flex;
    text-align: center;
    width: 25%;
    flex-direction: column;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
    color: #a73340;
}

#cartformpage .o_cart_table .item .right .item-total-price div span {
    display: block;
    font-weight: normal;
    font-size: 13px;
    color: #777;
}

#cartformpage .o_cart_table .item .right .item-total-price span.line-item-total {
    font-weight: bold;
    color: #a73340;
}

#cartformpage .o_cart_table .item .right .item-total-price .remove {
    display: block;
    text-transform: uppercase;
    color: #999;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}

#cartformpage .o_cart_table .item .right .item-total-price .remove:hover {
    color: #333;
}

#layout_Cart .continue {
    display: block;
    margin-top: 40px;
    text-align: right;
    margin-bottom: 5px;
}

#layout_Cart .update-btn {
    display: inline-block;
    padding: 7px 20px;
    color: #fff;
    text-decoration: none;
    background: #000;
    float: right;
    border-radius: 0;
}

#layout_Cart .order-summary-block {
    border: 1px solid #dfe0e1;
    padding: 15px 15px 30px;
}

#layout_Cart .order-summary-block .order-summary-title {
    font-size: 17px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 15px;
}

#layout_Cart .order-summary-block .summary-subtotal span {
    font-weight: bold;
    float: right;
}

#layout_Cart .order-summary-block .summary-subtotal span.warning {
    font-weight: normal;
    font-size: 13px;
    max-width: 55%;
    text-align: right;
}

#layout_Cart .order-summary-block .summary-total {
    padding-bottom: 10px;
    border-top: 1px dotted #dfe0e1;
    padding-top: 15px;
    font-weight: bold;
}

#layout_Cart .order-summary-block .summary-total:after {
    content: "";
    display: table;
    clear: both;
}

#layout_Cart .order-summary-block .summary-total p {
    margin-bottom: 5px;
}

#layout_Cart .order-summary-block .summary-total span {
    font-weight: bold;
    float: right;
}

#layout_Cart .order-summary-block .summary-total .shipping-note {
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

#layout_Cart .order-summary-block .summary-action {
    border-top: 1px dotted #dfe0e1;
    padding-top: 10px;
    text-align: center;
}

#layout_Cart .order-summary-block .summary-action p {
    font-size: 13px;
    color: #777;
    font-weight: 400;
    text-align: left;
}

#layout_Cart .order-summary-block .summary-action .checkout-btn {
    display: block;
    background: #000;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 5px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0;
}

#layout_Cart .order-summary-block .summary-action .checkout-btn:hover {
    background: #000;
}

#layout_Cart .order-summary-block .summary-action .checkout-btn.disable {
    pointer-events: none;
    background: #c7c7c7;
}

#layout_Cart .mobile-cart-overview {
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);
}

#layout_Cart .mobile-cart-overview .left,
#layout_Cart .mobile-cart-overview .right {
    display: inline-block;
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
}

#layout_Cart .mobile-cart-overview .head .right {
    text-align: right
}

#layout_Cart .mobile-cart-overview .action .left {
    display: none;
}

#layout_Cart .mobile-cart-overview .action .right {
    width: 100%;
}

#layout_Cart .mobile-cart-overview .head {
    font-weight: bold;
    margin-bottom: 5px;
}

#layout_Cart .mobile-cart-overview .head:after {
    content: "";
    display: table;
    clear: both;
}

#layout_Cart .mobile-cart-overview .update-btn-fixed,
#layout_Cart .mobile-cart-overview .checkout-btn-fixed {
    display: block;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 8px;
    border-radius: 3px;
    text-decoration: none;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}

#layout_Cart .mobile-cart-overview .update-btn-fixed {
    background: #1f8dec;
}

#layout_Cart .mobile-cart-overview .checkout-btn-fixed {
    background: #E50000;
}

#layout_Cart .mobile-cart-overview .checkout-btn-fixed.disable {
    pointer-events: none;
    background: #c7c7c7;
}

#layout_Cart .empty-page-cart {
    margin-top: 15px;
}

@media (max-width: 767px) {
    #layout_Cart .cart-more-block {
        display: none;
    }
    #layout_Cart .list-pageform-cart .cart-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    #cartformpage .o_cart_table .item .left {
        display: inline-block;
        width: 25%;
    }
    #layout_Cart .list-pageform-cart #cartformpage .o_cart_table .item .right {
        display: inline-block;
        width: 75%;
        position: relative;
    }
    #layout_Cart .list-pageform-cart #cartformpage .o_cart_table .item .right .item-info {
        display: block;
        width: 100%;
    }
    #layout_Cart .list-pageform-cart #cartformpage .o_cart_table .item .right .item-quan {
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #cartformpage .o_cart_table .item .right .item-price {
        display: inline-block;
        width: 50%;
        float: left;
    }
    #cartformpage .o_cart_table .item .right .item-price .price_item {
        display: block;
    }
    #cartformpage .o_cart_table .item .right .item-price del {
        display: block;
    }
    #cartformpage .o_cart_table .item .right .item-price .label-percent {
        display: none!important;
    }
    #layout_Cart .list-pageform-cart #cartformpage .o_cart_table .item .right .item-total-price {
        display: inline-block;
        width: 50%;
        float: left;
    }
    #cartformpage .o_cart_table .item .right .item-total-price>div {
        position: absolute;
        bottom: 0;
        right: 10px;
    }
    #cartformpage .o_cart_table .item .right .item-total-price .remove {
        position: absolute;
        z-index: 10;
        top: 0px;
        right: 10px;
    }
    #layout_Cart .update-btn {
        margin-top: 10px;
    }
    /***********************  ew-alo-circle **********************/
    .ew-alo-phone {
        display: none;
        position: fixed;
        bottom: 154px;
        z-index: 9999;
        left: -12%;
    }
    @media screen and (max-width: 991px) {
        .ew-alo-phone {
            display: block !important;
        }
    }
    .ew-alo-ph-circle {
        width: 160px;
        height: 160px;
        top: 20px;
        left: 20px;
        position: absolute;
        background-color: transparent;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid #48A5D4;
        opacity: .1;
        -webkit-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
        -moz-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
        -ms-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
        -o-animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
        animation: ew-alo-circle-anim 1.2s infinite ease-in-out;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    .ew-alo-phone:hover .ew-alo-ph-circle {
        border-color: #309ACF;
        opacity: .5
    }
    .ew-alo-phone.ew-alo-red:hover .ew-alo-ph-circle {
        border-color: #ffc272;
        opacity: .5
    }
    .ew-alo-phone.ew-alo-red .ew-alo-ph-circle {
        border-color: #000;
        opacity: .5
    }
    .ew-alo-ph-circle-fill {
        width: 100px;
        height: 100px;
        top: 50px;
        left: 50px;
        position: absolute;
        background-color: #000;
        opacity: .75 !important;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: .1;
        -webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
        animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    .ew-alo-phone:hover .ew-alo-ph-circle-fill {
        background-color: #ffc272;
        opacity: .75 !important
    }
    .ew-alo-ph-img-circle {
        width: 60px;
        height: 60px;
        top: 70px;
        left: 70px;
        position: absolute;
        background: rgba(30, 30, 30, 0.1) url('../img/fa-phone.png') no-repeat center center;
        background-color: #000;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: .7;
        -webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
        -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
        -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
        -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
        animation: ew-alo-circle-img-anim 1s infinite ease-in-out;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    .ew-alo-phone:hover .ew-alo-ph-img-circle {
        background-color: #000;
    }
    @-moz-keyframes ew-alo-circle-anim {
        0% {
            -moz-transform: rotate(0) scale(.5) skew(1deg);
            opacity: .1;
            -moz-opacity: .1;
            -webkit-opacity: .1;
            -o-opacity: .1
        }
        30% {
            -moz-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .5;
            -moz-opacity: .5;
            -webkit-opacity: .5;
            -o-opacity: .5
        }
        100% {
            -moz-transform: rotate(0) scale(1) skew(1deg);
            opacity: .6;
            -moz-opacity: .6;
            -webkit-opacity: .6;
            -o-opacity: .1
        }
    }
    @-webkit-keyframes ew-alo-circle-anim {
        0% {
            -webkit-transform: rotate(0) scale(.5) skew(1deg);
            -webkit-opacity: .1
        }
        30% {
            -webkit-transform: rotate(0) scale(.7) skew(1deg);
            -webkit-opacity: .5
        }
        100% {
            -webkit-transform: rotate(0) scale(1) skew(1deg);
            -webkit-opacity: .1
        }
    }
    @-o-keyframes ew-alo-circle-anim {
        0% {
            -o-transform: rotate(0) kscale(.5) skew(1deg);
            -o-opacity: .1
        }
        30% {
            -o-transform: rotate(0) scale(.7) skew(1deg);
            -o-opacity: .5
        }
        100% {
            -o-transform: rotate(0) scale(1) skew(1deg);
            -o-opacity: .1
        }
    }
    @-moz-keyframes ew-alo-circle-fill-anim {
        0% {
            -moz-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
        50% {
            -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
            opacity: .2
        }
        100% {
            -moz-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }
    @-webkit-keyframes ew-alo-circle-fill-anim {
        0% {
            -webkit-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
        50% {
            -webkit-transform: rotate(0) scale(1) skew(1deg);
            opacity: .2
        }
        100% {
            -webkit-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }
    @-o-keyframes ew-alo-circle-fill-anim {
        0% {
            -o-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
        50% {
            -o-transform: rotate(0) scale(1) skew(1deg);
            opacity: .2
        }
        100% {
            -o-transform: rotate(0) scale(.7) skew(1deg);
            opacity: .2
        }
    }
    @-moz-keyframes ew-alo-circle-img-anim {
        0% {
            transform: rotate(0) scale(1) skew(1deg)
        }
        10% {
            -moz-transform: rotate(-25deg) scale(1) skew(1deg)
        }
        20% {
            -moz-transform: rotate(25deg) scale(1) skew(1deg)
        }
        30% {
            -moz-transform: rotate(-25deg) scale(1) skew(1deg)
        }
        40% {
            -moz-transform: rotate(25deg) scale(1) skew(1deg)
        }
        50% {
            -moz-transform: rotate(0) scale(1) skew(1deg)
        }
        100% {
            -moz-transform: rotate(0) scale(1) skew(1deg)
        }
    }
    @-webkit-keyframes ew-alo-circle-img-anim {
        0% {
            -webkit-transform: rotate(0) scale(1) skew(1deg)
        }
        10% {
            -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
        }
        20% {
            -webkit-transform: rotate(25deg) scale(1) skew(1deg)
        }
        30% {
            -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
        }
        40% {
            -webkit-transform: rotate(25deg) scale(1) skew(1deg)
        }
        50% {
            -webkit-transform: rotate(0) scale(1) skew(1deg)
        }
        100% {
            -webkit-transform: rotate(0) scale(1) skew(1deg)
        }
    }
    @-o-keyframes ew-alo-circle-img-anim {
        0% {
            -o-transform: rotate(0) scale(1) skew(1deg)
        }
        10% {
            -o-transform: rotate(-25deg) scale(1) skew(1deg)
        }
        20% {
            -o-transform: rotate(25deg) scale(1) skew(1deg)
        }
        30% {
            -o-transform: rotate(-25deg) scale(1) skew(1deg)
        }
        40% {
            -o-transform: rotate(25deg) scale(1) skew(1deg)
        }
        50% {
            -o-transform: rotate(0) scale(1) skew(1deg)
        }
        100% {
            -o-transform: rotate(0) scale(1) skew(1deg)
        }
    }
    /*********************** End ew-alo-circle **********************/
}

#cartformpage .section_gift .cart_quality,
#cartformpage .section_gift .item-total-price .remove {
    display: none!important;
}


/*============================ PAGINATION - 404 - SEARCH PAGE ================================= */

.breadcrumb-shop,
.breadcrumb {
    background: #fafafa;
}

.breadcrumb-shop .breadcrumb-arrows {
    padding: 10px 15px;
    padding-left: 0;
    background: transparent;
    border-radius: 0;
    margin: 0;
}

.breadcrumb-shop .breadcrumb>li+li:before {
    padding: 0 3px 0 10px;
}

.breadcrumb-shop .breadcrumb-arrows li {
    font-size: 13px;
}

#pagination {
    margin-bottom: 15px;
    text-align: right;
}

#pagination .page-node,
#pagination .next,
#pagination .prev {
    display: inline-block;
    margin: 15px 5px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    opacity: 0.4;
}

#pagination .next {
    margin-left: 15px
}

#pagination .prev {
    margin-right: 15px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#pagination .page-node.current,
#pagination .page-node:hover,
#pagination .next:hover,
#pagination .prev:hover {
    opacity: 1;
}

#pagination span.special {
    font-weight: bold;
}

#blog #pagination {
    text-align: center;
}

@media(max-width:992px) {
    #pagination {
        text-align: center;
    }
}

.pageNot {
    min-height: 80vh;
}

.content-pagenot h1 {
    font-weight: 700;
    font-size: 39px;
}

.content-pagenot p.subtext {
    font-weight: 500;
    opacity: 0.66;
}

.content-pagenot:after {
    content: "";
    display: block;
    background: #000;
    width: 80px;
    height: 4px;
    margin: 50px auto 0;
}

.content-pagenot a {
    font-weight: 500;
    font-size: 15px;
    color: #000;
    margin: 30px 0 0;
    display: block;
}

.searchPage .block-heading-search h1 {
    font-size: 54px;
    font-weight: 700;
    margin: 0px 0;
}

.block-heading-search .subtxt {
    font-size: 14px;
    opacity: .66;
    margin-top: 15px;
}

.block-heading-search .header-page:after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    margin-top: 70px;
    background: #000;
}

.searchPage .block-heading-search {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.search-field {
    width: 100%;
    float: left;
    display: block;
}

input#go {
    width: 55px;
    height: 55px;
    float: right;
    background: url(//hstatic.net/0/0/global/design/theme-default/icon-search.png) #000 center no-repeat;
    margin: 0px;
    position: relative;
    top: 0;
    border-radius: 0;
    font-size: 0;
    border: 0;
}

.btnLoadMore img {
    width: 50px;
    margin-bottom: 5px;
    cursor: pointer;
}

.btnLoadMore a {
    color: #a73340;
}

.btnLoadMore {
    text-align: center;
    margin-bottom: 20px;
}

#search .search_box {
    width: calc(100% - 55px);
    float: left;
    outline: none;
    height: 55px;
    padding: 0 20px;
    background: #ededed;
    border: 0;
    box-shadow: none;
}

.expanded-message .message-txt {
    width: 100%;
    float: left;
    padding-top: 25px;
}

.expanded-message .message-txt p {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
}

.expanded-message h2 {
    font-weight: 600;
    font-size: 20px;
}

.expanded-message .subtext {
    margin-bottom: 40px;
    display: block;
}

.search-item {
    margin-bottom: 40px;
    position: relative;
    width: 100%;
    float: left;
}

.search-item .thumb-image {
    display: block;
    width: 80px;
    position: relative;
    overflow: hidden;
    float: left;
}

.search-item .thumb-image img {
    vertical-align: middle;
    -webkit-transition: transform 250ms linear;
    -moz-transition: transform 250ms linear;
    -o-transition: transform 250ms linear;
    transition: transform 250ms linear
}

.search-item .thumb-image:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    transition: opacity 250ms linear;
    opacity: 0;
    content: ""
}

.search-item .content {
    float: left;
    padding-left: 35px;
    width: calc(100% - 100px);
}

.search-item .content .title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.search-item .content .caption {
    opacity: .66;
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

.search-item .content .caption del {
    font-size: 12px;
    margin-left: 15px;
    opacity: 0.5;
}

.subtext-result {
    margin-bottom: 40px;
}

.search-item:hover .thumb-image:after {
    opacity: 1;
}

.search-item:hover .content .title {
    color: #323030;
}


/*========================= ACCOUNT ======================== */

.userbox h2 {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}

.large_form {
    margin-bottom: 30px;
}

.icon-field {
    display: none;
}

.userbox input[type=email],
.userbox input[type=password],
.userbox input[type=text] {
    width: 100%;
    height: 55px;
    border: 1px solid transparent;
    background: #ededed;
    color: #252a2b;
    padding: 0 20px;
    font-weight: 500;
    -webkit-appearance: none;
}

.userbox input[type=email]:focus,
.userbox input[type=password]:focus,
.userbox input[type=text]:focus {
    background: #fff;
    border-color: #ededed;
}

.action_account_custommer .action_bottom,
.action_account_custommer .req_pass {
    display: inline-block;
    vertical-align: middle;
}

.action_bottom .btn {
    display: inline-block;
    border-radius: 0;
    background: #252a2b;
    padding: 0 30px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.req_pass {
    color: #959898;
    font-weight: 500;
}

.come-back {
    margin-top: 35px;
    display: block;
    font-weight: 500;
}

.come-back i {
    margin-right: 20px
}

.action_bottom .btn:hover {
    background: #323030;
}


/* --- order ---- account -- address --  */

.layout-info-account {
    padding-bottom: 50px;
}

.title-infor-account {
    padding: 100px 15px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 60px;
}

.title-infor-account h1 {
    font-size: 44px;
    font-weight: 700;
    margin: 0;
    text-align: center;
}

#customer_login ul li.btns input:hover,
#create_customer ul li.btns input:hover {
    background: #323030;
}

#customer_login ul li.btns input,
#create_customer ul li.btns input {
    border: none;
    display: inline-block;
    border-radius: 0;
    background: #252a2b;
    padding: 0 30px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.title-infor-account h1:after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    margin: 50px auto 0;
    background: #000;
}

.title-detail {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    border-bottom: 1px solid #ededed;
    padding-bottom: 8px;
}

.sb-title:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 30px;
    height: 3px;
    background: #252a2b;
}

.name_account {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    margin: 10px 0 5px
}

#customer_sidebar p {
    margin-bottom: 0;
    font-size: 13px;
}

.customer-table-wrap {
    background: #f7f7f7;
    padding: 10px;
}

.customer-table-bg {
    background: #fff;
    padding: 10px;
}

.customer-table-bg p {
    margin-bottom: 0;
}

#customer_orders table thead th,
#order_details tr th {
    font-weight: 600;
    font-size: 13px;
}

#customer_orders table tr a {
    font-weight: 500;
    float: left;
    width: 85%;
    margin-left: 3px;
    line-height: 20px;
    opacity: 0.66;
}

#customer_orders table,
#order_details {
    width: 100%;
    background: #fff;
}

#customer_orders table tr,
#order_details tr {
    height: 25px;
    line-height: 30px;
}

#customer_orders table tr.odd,
#order_details tr {
    background: #fff;
}

#customer_orders table tr td,
#order_details tr td {
    vertical-align: middle;
    border-top: none;
    font-size: 13px;
}

#order_details tr td {
    line-height: 21px;
}

#order_details tr td a,
#order_details b {
    font-weight: 500;
}

a#view_address {
    font-weight: 500;
    opacity: 0.8;
}

#customer_orders,
#order_payment,
#order_shipping {
    margin-bottom: 30px;
    margin-top: 30px;
}

.customer-table-bg .table>tbody>tr>th {
    border-top: none;
}

.detail-table-order {
    margin-top: 30px;
}

.name-order {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.order_section_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 10px 0px;
    position: relative;
    text-transform: uppercase;
}

.order_date {
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
}

.text_status {
    font-weight: 500;
}

.address p {
    margin-bottom: 5px;
}

.account-order .address {
    margin: 0px 0px 30px;
    padding: 10px;
    background-color: #fbfbfb;
}

span.variant_acc {
    font-size: 12px;
    opacity: 0.8;
}

.alert-info {
    border-radius: 0;
    margin-bottom: 0;
}

.address_title {
    margin-bottom: 0;
    font-size: 15px;
    padding: 10px 0 10px 10px;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.address_table {
    margin-bottom: 10px;
    border-top: 0px solid #ddd;
    background: #fafafa;
    padding: 15px;
}

.address_title h3 {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
}

.address_title span {
    font-weight: 400;
    font-size: 13px;
}

.account-address .note {
    border: none;
    padding: 0;
}

p.address_actions.text-right {
    margin: 10px 5px 0px 0;
    position: relative;
    z-index: 99;
}

.action_link a {
    text-transform: uppercase;
    font-size: 14px;
}

span.action_link {
    padding: 5px;
}

.view_address p>b {
    font-weight: 500;
    font-size: 13px;
}

.view_address p {
    margin: 5px 0;
    line-height: 15px;
    font-size: 13px;
}

.add-new-address {
    display: inline-block;
    padding: 10px;
    background: #252a2b;
    color: #fff;
}

.add-new-address:focus,
.add-new-address:hover {
    color: #fff;
}

.account-address .input-group-addon {
    display: none
}

.input-group {
    margin: 15px 0px;
}

.input-group .input-group-addon {
    padding: 6px 10px;
    border-radius: 0;
    color: #DAD9D9;
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.input-group .form-control {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ebebeb;
}

.icon-user:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/userico.png);
}

.icon-envelope:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/email.png);
}

.icon-shield:after {
    content: url(//hstatic.net/0/0/global/design/theme-default/pass.png);
}

.layout-info-account .action_bottom .btn {
    height: 35px;
    line-height: 35px;
    outline: 0;
    margin-right: 5px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 30px;
    border: 0;
    background: #252a2b;
    color: #fff;
    display: inline-block;
    border-radius: 0;
}

.AccountTitle {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
}

.AccountList ul>li>a {
    display: block;
    position: relative;
    padding: 5px 0px;
}

.AccountList ul>li>a:before {
    content: "\f0c8";
    font-family: ""Font Awesome 5 Pro"";
    font-size: 8px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: 3px;
}


/*================================= FOOTER STORE =====================================*/

.store_footer {
    background-image: url("//theme.hstatic.net/200000000131/1000466964/14/bg_map2.jpg?v=1033");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #fafafa;
    padding-bottom: 30px;
}

.footer-store {
    padding-top: 20px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #263238;
    margin: 0 0 10px;
    position: relative;
    line-height: 22px;
    text-transform: uppercase;
}

.store_footer .seperate-icon {
    margin-bottom: 15px;
}

.area h3,
.area h4 {
    font-size: 16px;
    text-transform: initial;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: 500;
}

.area h3 {
    margin-bottom: 8px;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
}

.area h4 {
    color: #f00;
}

.area h5 {
    font-size: 14px;
}

.address-map .address-cont .address-detail::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background-color: #aaa;
}

.address-map .address-cont .address-detail::-webkit-scrollbar-thumb {
    background: #000;
}

.area_section {
    max-height: 210px;
    overflow: hidden;
    overflow-y: scroll;
}

.area_section::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background-color: #aaa;
}

.area_section::-webkit-scrollbar-thumb {
    background: #000;
}

.list_store p {
    margin-bottom: 5px;
}

.list_store p:last-child {
    margin-bottom: 15px;
}

.wrapper-home-instagram {
    padding-top: 30px;
}

#a73340 {
    color: #f00;
}


/*================================= FOOTER =====================================*/

.main-footer {
    padding: 20px 0;
    border-bottom: 2px solid #000;
}

.bottom-footer {
    position: relative;
}

.bottom-footer p {
    margin-bottom: 2px;
}

.footer h4 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #263238;
    margin: 0 0 10px;
    position: relative;
    line-height: 30px;
    text-transform: uppercase;
}

.footer-content ul {
    margin-bottom: 15px;
}

.footer-content ul li {
    display: block;
    line-height: 28px;
    position: relative;
    padding-left: 20px;
}

.footer-content ul li a {
    position: relative;
    overflow: hidden;
}

.footer-contact ul p {
    display: inline-block;
}

.footer-content.toggle-footer ul li a:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f178";
    font-size: 10px;
    left: -18px;
    opacity: 1;
    position: absolute;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
}

.footer-contact ul li {
    padding: 0;
}

.footer-contact ul li span {
    font-weight: 600;
    color: #000;
}

.footer .list-social {
    margin-bottom: 20px;
}

.footer .list-social li {
    display: inline-block;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 0;
    margin-right: 10px;
}

.footer .list-social li a {
    color: #000;
    font-size: 14px;
    display: block;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    width: 38px;
    position: relative;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50%;
}

.footer .list-social li a:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    left: 0px;
    top: 0px;
    background: #000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: width 0.7s, height 0.7s;
    -webkit-transition: width 0.7s, height 0.7s;
    -moz-transition: width 0.7s, height 0.7s;
    -ms-transition: width 0.7s, height 0.7s;
    -o-transition: width 0.7s, height 0.7s;
}

.footer .list-social li a:hover {
    color: #fff;
}

.footer .list-social li a:hover:after {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
}

.footer .list-social li a .fa:before {
    position: relative;
    z-index: 2;
}

.footer-contact ul>li {
    padding: 0px;
    background-size: 15px 15px!important;
    line-height: 24px;
    font-size: 13px;
}

.footer-contact ul>li i.fas {
    font-size: 16px;
    padding: 0 10px;
}

.footer-static-content iframe {
    width: 100%!important;
    position: relative!important;
}

.footer-static-content .fb_iframe_widget>span {
    width: 100%!important;
}

.footer-contact ul>li.home-list-store {
    padding: 0px;
    background: #7d0000;
    text-align: center;
    margin-top: 10px;
}

.footer-contact ul>li.home-list-store a {
    color: #fff;
    padding: 5px;
    display: block;
}

.footer-connect-juno,
.footer-connect-bct {
    margin-bottom: 20px;
}

.footer-connect-juno p {
    font-style: italic;
    margin-bottom: 20px;
}

.logo-connect img {
    width: 90px;
}

.logo-bct img {
    width: 150px;
    margin-left: -5px;
}

@media (min-width: 992px) {
    .col-md-3.pro-loop:nth-child(4n+1) {
        clear: both;
    }
    .footer-connect-bct {
        position: absolute;
        right: 10%;
        top: 50%;
        transform: translateY(-50%);
        margin-bottom: 0;
    }
}

.footer-content .wrapper-home-newsletter {
    padding: 0;
}

.footer-content .wrapper-home-newsletter .content-newsletter {
    max-width: inherit;
}


/*----------------------------------------------------------------------------------
MAIN SIDEBAR
---------------------------------------------------------------------------------------------*/


/* ===  search sidebar === */

.site-nav form.search-header,
.site-nav .main-navbar,
.cart-view {
    margin-top: 50px;
}

.site-nav form.search-header {
    position: relative;
}

form.search-header input[type="search"] {
    background: #ededed;
    color: #252a2b;
    width: 100%;
    border: none;
    height: 55px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 55px 0 20px;
    margin: 0;
    display: inline-block;
    border-radius: 0;
    -webkit-appearance: none;
    transition: all 150ms linear;
}

form.search-header .btn-search {
    width: 55px;
    height: 55px;
    line-height: 64px;
    position: absolute;
    padding: 0;
    top: 0px;
    right: 0px;
    background: transparent;
    transition: opacity 150ms linear;
}

form.search-header .btn-search svg {
    width: 25px;
    height: 22px;
    opacity: .12;
}

form.search-header input:focus {
    background: #f7f7f7;
    outline: none;
}


/* ===  cart view === */

.cart-info {
    display: inline-block;
    position: relative;
}

.cart-view table {
    width: 100%;
}

.cart-view table td.img img {
    width: 70px;
    border: 1px solid #ededed;
    margin-right: 10px;
    max-width: none;
}

.cart-view table td a {
    float: left;
    width: 100%;
}

.cart-view table td a {
    font-size: 12px;
    font-weight: 600;
    color: #252a2b;
    text-transform: uppercase;
}

#cart-view .variant {
    font-size: 12px;
    float: left;
    width: 100%;
    margin: 5px 0 12px;
    opacity: 0.66;
    text-transform: uppercase;
}

#cart-view tr td,
.table-total tr td {
    border: none!important;
}

.cart-view .line {
    float: left;
    width: 100%;
    border-top: 2px solid #000000;
    margin: 10px 0px;
}

.cart-view a.linktocheckout,
.cart-view a.linktoupdate {
    background: #252a2b;
    color: #ffffff;
    border: 1px solid #252a2b;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 19px 30px;
    position: relative;
    width: 100%;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 25px;
}

.cart-view a.linktocheckout:hover,
.cart-view a.linktoupdate:hover {
    background: #323030;
    border-color: #323030;
}

.cart-view a.linktocart:hover {
    color: #323030;
}

table#cart-view tr {
    border-bottom: 1px dotted #bcbcbc;
}

table#cart-view tr td {
    border-top: 0;
}

table#cart-view tr td {
    border: none;
}

#cart-view tr td:not(.img) {
    padding: 25px 0;
    position: relative;
    padding-right: 20px;
}

.remove-cart {
    position: absolute;
    right: 5px;
    top: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    z-index: 10;
}

.remove-cart a i {
    color: #000;
}

span.pro-quantity-view {
    position: relative;
    vertical-align: top;
    padding-right: 15px;
    display: inline-block;
    margin-right: 10px;
}

span.pro-quantity-view {
    float: left;
    width: auto;
    background: #ededed;
    text-align: center;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    margin-right: 12px;
}

span.pro-price-view {
    display: block;
    float: left;
    line-height: 26px;
    font-weight: 500;
    opacity: 0.7;
}

#cart-view tr:last-child {
    border: none;
}

.cart-view-freeship,
.cart-view-fresship td {
    text-align: right;
    color: #7d7d7d;
}

.cart-view-freeship a,
.cart-view-thang-5 a {
    color: #a73340!important;
    text-decoration: underline;
    font-weight: 600;
}

.added-cart-view-thang-5 {
    color: #a73340!important;
}


/*  ===  menu  ===  */

.site-nav a {
    color: #000;
}

.menu-collection {
    margin-bottom: 50px;
}

.menu-collection li.navi1 {
    margin-bottom: 5px
}

.menu-collection li.navi1 span.icon-subnav {
    text-align: center;
    width: 40px;
    cursor: pointer;
    font-size: 24px;
    display: none;
    vertical-align: middle;
    transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}

.menu-collection ul.submenu.submenu-lv3 {
    padding-left: 15px;
}

.menu-collection li a {
    display: inline-block;
    width: calc(100% - 45px);
    vertical-align: middle;
}

.menu-collection li a[href='/collections/flash-deal-1212'] {
    color: #9A1A1F!important;
    animation: blink 1s linear infinite;
}

.menu-collection li.navi1>a {
    font-weight: 600;
    font-size: 20px;
}

.menu-collection li.navi1:last-child>a {
    color: #323030
}

.menu-collection ul.subnav-children li.navi2>a {
    padding: 8px 0px 8px 20px;
    font-size: 14px;
    font-weight: 600;
}

.menu-collection ul.subnav-children ul.subnav-child li a {
    padding: 8px 0px 8px 45px;
}

.menu-collection li.active>span.icon-subnav {
    color: #323030;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.menu-about li {
    margin-bottom: 12px;
}

.menu-about li a {
    font-weight: 500;
    font-size: 13px;
}

.menu-about li.login {
    margin-top: 50px;
}

.menu-about li.list-store-menu {
    padding: 0;
    background: #000;
    color: #fff;
    text-align: center;
}

.menu-about li.list-store-menu a {
    color: #fff;
    padding: 10px;
    display: block;
}

.to-bottom-content {
    position: absolute;
    bottom: 60px;
    left: 70px;
}

.to-bottom-content .site-social {
    margin-bottom: 30px;
}

.site-social a {
    opacity: .62;
    margin: 0 5px;
    display: inline-block;
    width: 22px;
    text-align: center;
    font-size: 21px;
}

.to-bottom-content .site-copyright p {
    font-size: 12px;
    opacity: .66;
    margin: 0;
}

.menu-collection li a:hover,
.menu-collection li.active>a,
.menu-about li a:hover {
    color: #323030;
}

.site-social a :hover {
    opacity: 1;
    color: #323030;
}


/* ================  FILTER  ================ */

.content-filter .option {
    margin-top: 30px;
}

.option .lb-filter {
    display: block;
    font-size: 13px;
    opacity: .92;
    margin-bottom: 0px;
}

.content-filter .filter-button {
    background: #252a2b;
    border: 1px solid #252a2b;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    position: relative;
    margin: 0 0 30px;
    width: 49%;
}

.content-filter .filter-button:hover {
    background: #323030;
    border-color: #323030;
}

.custom-dropdown {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0px;
}

.custom-dropdown::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-size: 13px;
    color: #252a2b;
    opacity: .42;
    display: block;
    position: absolute;
    top: 10px;
    right: 17px;
}

.option .custom-dropdown .custom-dropdown__select {
    font-size: 13px;
    width: 100%;
    display: block;
    height: 35px;
    padding: 0 20px 0 0;
    border-color: transparent;
    border-bottom: 1px solid #000;
    background-color: #fff;
    outline: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    text-indent: 1px;
}

.option .custom-dropdown {
    width: 100%;
}

.option .custom-dropdown::after {
    content: "\f103";
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    color: #000;
    display: block;
    position: absolute;
    top: 9px;
    right: 2px;
}

.option .option-children:not(:first-child) {
    margin-bottom: 30px;
}

.option select option {
    background: #fff;
}

.option.browse-tags .lb-filter {
    display: inline-block;
}

.option.browse-tags .custom-dropdown {
    width: auto;
    float: right;
}

.left-module {
    margin-bottom: 20px;
    overflow: hidden;
}

.block .title_block {
    display: block;
    font-size: 13px;
    margin: 0 0 5px;
    font-weight: 700;
    text-transform: uppercase;
    background: #ddd;
    padding: 8px 15px;
}

.layered .layered_subtitle {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 22px;
    padding: 10px 0 10px;
    //margin-top: 30px;
    cursor: pointer;
    position: relative;
    //border-top: 1px solid #e5e5e5;
}

.layered .layered_subtitle span {
    font-weight: 600;
    font-size: 13px;
}

.layered .filter-menu-tag .layered_subtitle {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0;
}

.layered span.icon-control {
    position: relative;
    top: -2px;
    left: 5px;
    font-size: 8px;
}

.group-filter[aria-expanded=false] .dropdown-filter .icon-control i:before {
    content: "\f067";
}

.group-filter[aria-expanded=false] .layered-content {
    display: none;
    height: 0;
}

.group-filter[aria-expanded=true] .layered-content {
    height: auto;
}

.group-filter .layered-content {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.check-box-list {
    margin: 0;
}

.check-box-list li {
    line-height: 20px;
    font-size: 12px;
}

.check-box-list label {
    display: inline-block;
    cursor: pointer;
    line-height: 18px;
    font-weight: normal;
    margin-bottom: 0;
    color: #111;
}

.check-box-list li:hover label {
    color: #8d8d8d;
}

.check-box-list input[type="checkbox"] {
    display: none;
}

.check-box-list input[type="checkbox"]+label span.button,
.not_show span.buttonk {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: url("//theme.hstatic.net/1000181686/1000233929/14/checkbox.png?v=161") no-repeat;
    padding: 0!important;
    border: none;
}

.color-filter ul {
    padding: 0;
    margin: 0 0 10px;
    overflow: hidden;
}

.color-filter li {
    display: inline;
    margin: 10px 10px 0 0;
    line-height: normal;
    float: left;
}

.color-filter li label {
    border: 1px solid #eaeaea;
    width: 18px;
    height: 18px;
    border-radius: 0;
    float: left;
    position: relative;
    background-size: contain;
}

.color-filter li input[type="checkbox"]:checked+label:before {
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: '';
    border-width: 0 0 2px 2px !important;
    height: 5px;
    width: 9px;
    z-index: 99;
    border: solid #fff;
    margin: 4px 0 0 4px;
}

.size-filter ul {
    margin: 8px 0 9px;
    max-height: 350px;
    overflow-y: auto;
}

.size-filter li {
    text-align: left;
    width: 50%;
    float: left;
}

.size-filter li label {
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

.sidebar-sort li span {
    display: inline-block;
    vertical-align: text-top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 78%;
}

.sidebar-sort li input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: 0 0;
    border: 1px solid #dedede;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.sidebar-sort input[type=checkbox]:checked:after {
    content: '\2714';
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    outline: none;
    color: #1aa8ff;
    outline: 1px solid #fff;
}

.sidebar-sort li input[type=checkbox]:checked+label {
    background-color: #111;
    color: #fff;
    border: 1px solid #111;
}

.tag-filter li {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.block .block_content {
    overflow-y: auto;
    overflow-x: hidden;
}

.loadingModal {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10000;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.loadingModal.is {
    opacity: 1;
    z-index: 10000;
    visibility: visible;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.loadingModal span {
    display: inline-block;
}

.bl-filter [type="checkbox"]:not(:checked),
.bl-filter [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.bl-filter [type="checkbox"]:not(:checked)+label,
.bl-filter [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 15px;
    cursor: pointer;
}

.bl-filter [type="checkbox"]:not(:checked)+label:before,
.bl-filter [type="checkbox"]:checked+label:before {
    content: none;
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 2px;
}

.bl-filter [type="checkbox"]:checked+label:before {
    border: 1px solid #000;
}

.bl-filter [type="checkbox"]:not(:checked)+label:after,
.bl-filter [type="checkbox"]:checked+label:after,
.bl-filter li.active [type="checkbox"]+label:after {
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: '';
    border-width: 0 0 2px 2px !important;
    height: 4px;
    width: 7px;
    border: solid #111;
    margin: 9px 0 0 4px;
    left: 0;
    top: -3px;
    transition: all .2s;
}

.bl-filter [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
}

.bl-filter [type="checkbox"]:checked+label:after,
.bl-filter li.active [type="checkbox"]+label:after {
    opacity: 1;
}

.bl-filter label:hover:before {
    border: 1px solid #000 !important;
}

.slider-range,
.slider-range-sm {
    margin-top: 15px;
}

.irs-slider {
    background: #fff !important;
    border-color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.4);
    width: 10px;
    height: 10px;
    top: 32px;
}

.irs-bar {
    height: 1px;
    top: 37px;
    background: #000 !important;
    border-top: 1px solid #000 !important;
    border-bottom: none;
}

.irs-line {
    height: 1px;
    top: 37px;
    background: #666 !important;
    border: none;
    border-top: 1px solid #666 !important;
}

.irs-from,
.irs-to {
    display: none !important;
    font-size: 12px;
    line-height: 1;
    background: #000;
    color: #fff;
    font-weight: 500;
}

.irs-single {
    visibility: visible !important;
    font-size: 12px;
    line-height: 14px;
    background: #eee;
    color: #111;
    font-weight: bold;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 30px;
}

.irs-min,
.irs-max {
    display: none !important;
}

.loading {
    display: block;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #000;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#collection-body .append-search>span {
    display: inline-block;
    padding: 5px 15px 5px 10px;
    font-size: 12px;
    line-height: 19px;
    border: 1px solid #f4f4f4;
    margin-right: 5px;
    color: #111;
    position: relative;
    overflow: hidden;
}

#collection-body .append-search>span .append-search-remove {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    text-align: center;
    cursor: pointer;
}

#collection-body .append-search>span .append-search-remove>span {
    position: relative;
}

#collection-body .append-search>span .append-search-remove>span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #333;
}

#collection-body .append-search>span .append-search-remove>span:after {
    content: "x";
    position: absolute;
    top: -21px;
    right: -7px;
    font-size: 10px;
    color: #fff;
    z-index: 1;
}


/* END ----------------------------- */

.main-body {
    position: relative;
    right: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -ms-transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.site-nav.style--sidebar {
    position: fixed;
    width: 480px;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    color: #000;
    z-index: 8888;
    overflow: hidden;
    -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.site-nav.style--sidebar .site-nav-container {
    width: calc(100% + 20px);
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.site-nav.style--sidebar .site-nav-container-last {
    width: calc(100% - 0px);
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 60px 70px 250px;
}

.site-nav.style--sidebar.show-filters .site-nav-container-last,
.site-nav.style--sidebar.show-cart .site-nav-container-last,
.site-nav.style--sidebar.show-search .site-nav-container-last {
    padding-bottom: 100px;
}

.site-nav.style--sidebar .site-nav-container .title {
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    margin: 3px 0 0 0;
    font-weight: 600;
}

.site-nav.style--sidebar .site-nav-container .subtitle {
    margin: 40px 0 0 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
    opacity: .66;
}

#site-filters {
    display: none;
}

#site-nav--mobile.show-filters #site-filters {
    display: block
}

#site-nav--mobile.show-filters #site-navigation,
#site-nav--mobile.show-filters #site-cart,
#site-nav--mobile.show-filters #site-search {
    display: none
}

#site-search {
    display: none
}

#site-nav--mobile.show-search #site-search {
    display: block
}

#site-nav--mobile.show-search #site-navigation,
#site-nav--mobile.show-search #site-cart,
#site-nav--mobile.show-search #site-filters {
    display: none
}

#site-cart {
    display: none
}

#site-nav--mobile.show-cart #site-cart {
    display: block
}

#site-nav--mobile.show-cart #site-filters,
#site-nav--mobile.show-cart #site-navigation,
#site-nav--mobile.show-cart #site-search {
    display: none
}

.site-close-handle {
    position: absolute;
    top: 50px;
    right: 60px;
    width: 35px;
    height: 35px;
    z-index: 999;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    -ms-transition: transform 150ms linear;
    -webkit-transition: transform 150ms linear;
    transition: transform 150ms linear;
}

#site-nav--mobile #site-navigation a img {
    max-height: 50px;
    padding: 10px;
}

.site-close-handle .hamburger-menu .bar.animate {
    background: transparent;
}

.site-close-handle .hamburger-menu .bar.animate:before {
    bottom: 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
}

.site-close-handle .hamburger-menu .bar.animate:after {
    top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
}

.site-close-handle:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.site-overlay {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 7777;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms linear;
}


/* menu active */

.site-overlay.active {
    opacity: 1;
    visibility: visible;
}

.main-body.sidebar-move {
    right: 480px;
}

.site-nav.style--sidebar.active {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@media(min-width:992px) {
    .main-body.sidebar-move .box__slideshow-split:not(.back-to-normal) .site-box-background-container {
        transform: translateX(-480px);
    }
}

@media(max-width:767px) {
    .site-nav.style--sidebar {
        width: 320px;
    }
    .main-body.sidebar-move {
        right: 320px;
    }
    .site-nav.style--sidebar .site-nav-container {
        width: 100%
    }
    .site-nav.style--sidebar .site-nav-container-last {
        padding-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .site-close-handle {
        top: 35px;
        right: 30px;
    }
    .to-bottom-content {
        left: 60px
    }
    /* site cart */
    .cart-view a.linktocheckout,
    .cart-view a.linktoupdate {
        font-size: 11px;
        padding: 15px 8px;
    }
    /* site menu */
    .menu-collection li.navi1>a {
        font-size: 13px;
    }
    .menu-collection ul.subnav-children li.navi2>a {
        font-size: 13px;
    }
    /* Store */
    .stores {
        display: block;
    }
    #map-store {
        height: 300px;
    }
    .back-popup {
        left: 0;
    }
}

.notify-text {
    margin: 20px 0;
}


/*-------------------------------------------------------------------------
CSS NEW
--------------------------------------------------------------*/

.wrapper-home-service {
    padding: 30px 0 10px;
    background: #fafafa;
    margin-bottom: 0px;
    overflow: hidden;
}

.service-box {
    text-align: center;
    margin-bottom: 15px;
}

.service-box .icon {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    width: 55px;
    height: 55px;
    font-size: 0;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
}

.service-box .icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 100px;
    background-color: #1f2027;
    transition: all 400ms;
}

.service-box .icon img {
    position: relative;
    z-index: 9;
    width: 30px;
}

.service-box .icon:hover img,
.service-box .icon:focus img {
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.service-box .icon:hover:before,
.service-box .icon:hover:before {
    border-radius: 3px;
}

.service-box h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.service-box p {
    color: #000;
    margin-bottom: 0;
    font-size: 13px;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}

.wrapper-home-instagram h2 {
    text-transform: uppercase;
    margin: 10px 0 30px;
    font-size: 17px;
}

.list-img li a {
    position: relative;
    overflow: hidden;
    display: block;
}

.list-img li a:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.list-img li:hover a:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

.wrapper-home-instagram ul.list-img {
    margin-bottom: 0;
}

.wrapper-home-instagram .subtitle {
    position: relative;
    display: inline-block;
}

.wrapper-home-instagram .subtitle span {
    padding: 0 10px;
    font-size: 14px;
}

.wrapper-home-instagram .subtitle:before,
.wrapper-home-instagram .subtitle:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    height: 1px;
    background: #000;
    content: "";
}

.wrapper-home-instagram .subtitle:before {
    left: 100%;
}

.wrapper-home-instagram .subtitle:after {
    right: 100%;
}

.modal-backdrop {
    opacity: 0!important;
}

.modal {
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}


/*-------------------------------------------------------------------------
QUICKVIEW
--------------------------------------------------------------*/

#quick-view-modal {
    z-index: 9999;
    overflow: hidden
}

#quick-view-modal h4.modal-title {
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

#quick-view-modal .selector-wrapper label {
    width: 25%;
}

#quick-view-modal .selector-wrapper {
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
}

.m-sku,
.m-vendor {
    font-size: 12px;
    color: #a3a5a7;
    margin-bottom: 5px;
}

#quick-view-modal .btn-detail {
    float: left;
}

#quick-view-modal .form-input label {
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}

#quick-view-modal .form-input {
    float: left;
    width: 300px;
    max-width: 100%;
}

#quick-view-modal .form-input.head {
    width: 100%;
}

#quick-view-modal .modal-body {
    padding: 30px;
}

#quick-view-modal .form-input input[type=number] {
    max-width: 55px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

#quick-view-modal .qv-readmore a {
    color: #000;
    font-weight: bold;
    font-size: 14px !important;
}

#quick-view-modal .qv-readmore {
    text-align: center;
    padding: 12px 0px;
    display: block
}

#quick-view-modal div#p-sliderproduct {
    margin: auto;
}

#quick-view-modal div#p-sliderproduct ul {
    margin: 0;
    overflow: hidden;
    padding-bottom: 2px;
}

#quick-view-modal li.product-thumb {
    float: none;
    display: block !important;
    width: 100%;
    border: 1px solid #f7f7f8;
    margin-top: 10px;
    margin-bottom: 3px;
}

#quick-view-modal li.product-thumb a {
    display: block;
    position: relative;
}

#quick-view-modal li.product-thumb.active {
    border-color: #000;
}

#quick-view-modal .product-thumb.active a {
    position: relative;
}

#quick-view-modal .product-thumb.active a:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #000;
    content: "";
    position: absolute;
    top: -7px;
    left: -2px;
    right: 0px;
    margin: auto;
    width: 6px;
}

#quick-view-modal li.product-thumb img {
    max-width: 100%;
}

#quick-view-modal .image-zoom.row {
    text-align: center;
}

#quick-view-modal .image-zoom>img {
    max-width: 100%;
    margin-bottom: 5px;
}

#quick-view-modal .btn-soldout {
    width: 100%;
}

#quick-view-modal button.btn-addcart,
#quick-view-modal button.btn-soldout {
    font-size: 12px;
    background: #252a2b;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: none;
    border: 0;
    padding: 14px 35px;
    line-height: 22px;
    width: 100%;
}

#quick-view-modal button.btn-addcart:hover {
    background: #58b3f0;
}

#quick-view-modal .btn-soldout {
    background: #58b3f0;
}

#quick-view-modal .modal-content {
    border: none;
}

#quick-view-modal del {
    font-size: 13px;
    display: inline-block;
    margin-top: 5px;
    color: #9e9e9e!important;
}

#quick-view-modal .modal-header {
    background: #000;
    padding: 10px;
}

#quick-view-modal .modal-header .close {
    position: absolute;
    margin-top: 0;
    background: transparent;
    top: 15px;
    outline: none;
    padding: 0;
    height: auto;
    width: auto;
    right: 13px;
    opacity: 1;
    text-shadow: none;
}

#quick-view-modal .modal-header .close a {
    color: #fff;
}

#quick-view-modal .product-title h3 {
    font-size: 19px;
    font-weight: 700;
    color: #252a2b;
    margin: 0 0 5px;
    line-height: 26px;
}

#quick-view-modal .product-price {
    padding: 10px 0;
    border-bottom: 1px dotted #dfe0e1;
}

#quick-view-modal .p-price {
    color: #252a2b;
    font-size: 17px;
    opacity: .92;
    font-weight: bold;
}

#quick-view-modal .product-description {
    float: left;
    margin: 20px 0 0;
    color: #444;
    font-weight: 300;
}

#quick-view-modal .product-description h4 {
    color: #252a2b;
    font-size: 13px;
    font-weight: 700;
}

#quick-view-modal .owl-carousel .owl-nav button {
    width: 25px;
    height: 30px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    position: absolute;
    background: #000;
    top: 60%;
    transform: translateY(-60%);
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    font-family: -webkit-body;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

#quick-view-modal .slides:hover .owl-nav button {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

#quick-view-modal .owl-carousel .owl-nav button.owl-next {
    right: -30px;
}

#quick-view-modal .owl-carousel .owl-nav button.owl-prev {
    left: -30px;
}

#quick-view-modal .slides:hover .owl-nav button.owl-next {
    right: 1px;
}

#quick-view-modal .slides:hover .owl-nav button.owl-prev {
    left: 1px;
}

#quick-view-modal .owl-carousel .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px;
    line-height: 1;
    font-size: 0;
    padding: 5px;
    /* background: rgba(0, 166, 81, .2); */
    background: #f1f1f1;
    display: none !important;
}

#quick-view-modal .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid;
    border-color: #00adef;
    margin: 0px 3px;
    line-height: 1;
}

#quick-view-modal .owl-carousel .owl-dots .owl-dot.active {
    background: #00adef;
}

#quick-view-modal .owl-carousel .owl-nav button:hover {
    background: #58b3f0;
    color: #fff;
}

@media (max-width: 768px) {
    .language-hd {
        clear: both;
    }
}


/*-------------------------------------------------------------------------
RESPONSIVE
--------------------------------------------------------------*/

@media(min-width:768px) {
    #site-menu-handle {
        padding-right: 80px;
    }
    #site-menu-handle:hover {
        color: #323030;
    }
    span#site-menu-handle:after {
        font-size: 13px;
        display: inline-block;
        content: "Menu";
        text-transform: uppercase;
        position: absolute;
        right: 0;
        top: 7px;
        opacity: 0.6;
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .wrapbox-content-page {
        padding: 100px 60px;
    }
    .wrapbox-heading-page .header-page {
        width: 80%;
    }
    /*index */
    .box-banner-inf {
        width: 80%;
        z-index: 4;
    }
}

@media(min-width:992px) {
    .wrapbox-heading-page,
    .box-heading-contact {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        border-right: 1px solid #ededed;
        height: 100vh;
        padding: 0;
    }
    .box-map iframe {
        height: 100vh!important
    }
    .wrapbox-heading-page .header-page {
        padding-bottom: 70px;
    }
    /* HEADER */
    .main-header {
        padding: 0 35px;
    }
    /**** INDEX ****/
    .wrap-pd-infor.box_stick {
        position: -webkit-sticky;
        position: sticky!important;
        height: 100vh;
        top: 0;
        border-right: 1px solid #ededed;
    }
    .wrap-pd-infor .inf-content {
        padding: 100px 15px;
        max-width: 80%;
        margin: auto;
    }
    /**** PRODUCT DETAIL ****/
    .icon-pr-fix.out-with-you {
        opacity: 1;
    }
    /**** BLOG ****/
    .list-article-content .news-content {
        height: 50vh;
    }
    footer.footer {
        padding: 0 27px;
    }
}

@media(min-width: 768px) {
    .wrapper-home-promotion h2 {
        font-size: 119px;
    }
    .wrapper-home-promotion span {
        font-size: 39px;
    }
    .wrapper-home-promotion a {
        font-size: 17px;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .wrapbox-heading-page,
    .box-heading-contact {
        height: 50vh;
        border-bottom: 1px solid #ededed;
    }
    .wrapbox-heading-page .header-page {
        width: 80%;
        text-align: center;
        padding-bottom: 50px;
    }
    .wrapbox-heading-page .header-page:after {
        margin: 50px auto 0;
    }
    .wrapbox-content-page {
        padding: 100px 80px;
    }
    .box-map iframe {
        height: 50vh!important
    }
    /* HEADER */
    .main-header {
        padding: 20px 0;
    }
    /* INDEX */
    .caption_banner h2 {
        font-size: 23px;
    }
    .wrap-pd-infor.box_stick {
        height: 50vh;
    }
    .box-banner-inf {
        width: 70%;
        z-index: 4;
        text-align: center;
    }
    .wrap-pd-infor .inf-content {
        padding: 100px 15px;
        max-width: 80%;
        margin: auto;
    }
    /* COLLECTION */
    .no-product {
        text-align: center
    }
    /* PRODUCT DETAIL*/
    .icon-pr-fix {
        position: absolute;
        bottom: 25px;
    }
    .product-zoom.icon-pr-fix {
        right: 15px;
        left: initial;
        margin: 0;
    }
    .product-sharing.icon-pr-fix {
        left: 15px;
    }
    .gallery-index.icon-pr-fix {
        display: none;
    }
    .divzoom_main .product-thumb {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    .box__product-gallery {
        height: 70vh;
        overflow: visible;
    }
    .box__product-gallery.no-img {
        height: auto;
    }
    .box__product-gallery.no-img .flickity-slider {
        transform: translateX(0%)!important;
    }
    .box__product-gallery .flickity-button,
    .box__product-gallery.no-img .flickity-page-dots {
        display: none;
    }
    .box__product-gallery.no-img .flickity-viewport {
        overflow: inherit;
    }
    .slide_product {
        width: 100%;
        height: 100%;
    }
    .slide_product li.gallery-item {
        height: 100%;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }
    .box__product-gallery.scroll .site-box-content:after {
        content: 'flickity';
        display: none;
    }
    /* BLOGS */
    .list-article-content .news-content {
        height: 50vh;
    }
    footer.footer {
        padding: 0 7px;
    }
    footer.footer .col-lg:nth-of-type(2n+1) {
        clear: both;
    }
}

@media(max-width:1024px) {
    .center-store {
        width: 80%;
    }
    .sub_menu_2>li {
        min-width: 130px;
        max-width: 135px;
    }
    #nav .main-nav ul>li a i {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }
    #nav .main-nav li.open>.sub_menu {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        -moz-transform: rotate3d(0, 0, 0, 0deg);
        -o-transform: rotate3d(0, 0, 0, 0deg);
        -ms-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg)
    }
    #nav .main-nav ul>li.open>a i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    #nav .main-nav>ul>li.relative>a:hover,
    #nav .main-nav>ul>li.relative>a:focus {
        color: #000;
    }
    #nav .main-nav>ul>li.relative.open>a {
        color: #323030;
    }
    #site-search-handle {
        display: inline-block;
    }
    .search-box {
        display: none;
    }
}

@media(max-width:991px) {
    .block .title_block {
        position: relative;
        display: inline-block;
    }
    .block .title_block span {
        display: block;
        top: 8px;
        right: 10px;
        position: absolute;
    }
    .block .block_content {
        display: none;
    }
    .filter-default {
        padding: 0 15px;
    }
    .product-image-detail {
        width: 100%;
        padding: 0;
    }
    .product-content-desc {
        position: relative;
        top: 0;
        /*margin-top: 75px;*/
    }
}

@media(min-width:768px) and (max-width: 1023px) {
    .header-wrap-icon,
    .header-wrap-icon>.group-icon {
        width: 100%;
    }
    .iconSearch {
        text-align: right;
    }
    .wrap-logo {
        float: left;
        width: 100%;
        text-align: center;
    }
    .wrap-logo img {
        max-width: 120px !important;
    }
}

@media(max-width:767px) {
    .language-hd .language ul li a {
        padding: 5px 15px !important;
    }
    .wrap-logo img {
        max-width: 100% !important;
        margin: 0 auto;
        display: block;
        padding: 5px 0;
    }
    .button .icon {
        display: none;
    }
    .button:hover,
    .button:focus {
        padding-right: 30px!important;
    }
    .wrapbox-heading-page {
        padding: 100px 15px;
        border-bottom: 1px solid #ededed;
    }
    .wrapbox-heading-page .header-page {
        text-align: center;
    }
    .wrapbox-heading-page .header-page h1 {
        font-size: 34px;
    }
    .wrapbox-heading-page .header-page:after {
        margin: 50px auto 0;
    }
    .wrapbox-content-page {
        padding: 60px 15px;
    }
    /*header*/
    .main-header {
        padding: 14px 0 0 0;
    }
    .header-wrap-icon>span {
        margin: 0px 8px;
        width: 25px;
    }
    .wrap-logo svg {
        width: 100px;
        height: 30px;
    }
    .scroll-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 999;
        -webkit-animation: fadeInDown 500ms ease-in-out;
        -moz-animation: fadeInDown 500ms ease-in-out;
        -ms-animation: fadeInDown 500ms ease-in-out;
        animation: fadeInDown 500ms ease-in-out;
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;
    }
    .iconLogo,
    .header-wrap-icon .iconSearch {
        line-height: 50px;
    }
    .header-wrap-icon {
        top: -5px;
        width: 100%
    }
    .header-wrap-icon .iconSearch {
        padding: 0;
        text-align: right;
    }
    .iconLogo {
        padding: 0;
    }
    .header-wrap-icon>.group-icon {
        width: 100%;
    }
    .header-wrap-icon .group-icon>span img,
    .header-wrap-icon .group-icon>.icon-item img {
        width: 18px;
        height: 18px;
    }
    .hamburger-menu .bar {
        top: 5px;
    }
    .top-header {
        height: auto;
    }
    /* index */
    .wrapper-heading-home h2 {
        font-size: 27px;
    }
    .caption_banner h2 {
        font-size: 25px;
    }
    .wrap-collection-title h2,
    .wrap-collection-title .link-more {
        font-size: 23px;
    }
    .wrap-collection-title.image-resize {
        padding-top: 50px;
    }
    .box-banner-inf {
        width: 100%;
        padding: 0 15px;
        z-index: 4;
        text-align: center;
    }
    .wrap-pd-infor.box_stick {
        height: 50vh
    }
    .wrap-pd-infor .inf-content {
        padding: 70px 35px;
        max-width: 100%;
        margin: auto;
    }
    .box-banner-inf h2 {
        font-size: 31px;
    }
    .box-banner-inf a.button {
        height: 48px;
        line-height: 46px;
    }
    /* service */
    .wrapper-home-service {
        padding: 30px 0 15px;
        margin-bottom: 0px;
    }
    .service-box {
        text-align: left;
        margin-bottom: 10px;
    }
    .service-box .icon,
    .service-box .detail-sv {
        float: left;
    }
    .service-box .icon {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .service-box .detail-sv {
        width: calc(100% - 100px);
    }
    .service-box h3 {
        margin-bottom: 8px;
    }
    .service-box .icon img {
        width: 25px;
    }
    /* List Store */
    .home-list-store {
        padding: 30px;
        background: #000;
        text-align: center;
        margin-bottom: 30px;
    }
    .home-list-store a {
        color: #fff;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: bold;
    }
    .logo-connect {
        padding: 10px 0;
        display: inline-block;
    }
    /* Instagram */
    .wrapper-home-instagram {
        margin-bottom: 0px;
    }
    .wrapper-home-instagram h2 {
        margin-bottom: 20px;
    }
    .wrapper-home-instagram .subtitle {
        margin-bottom: 20px;
    }
    /* collection */
    .wrap-collection-body {
        margin-top: 20px;
    }
    .wrap-collection-title .heading-collection {
        width: 100%;
        text-align: center;
    }
    .wrap-collection-title .heading-collection h1 {
        font-size: 19px;
    }
    .wrap-collection-title .heading-collection:after {
        margin: 40px auto auto;
    }
    .no-product {
        text-align: center
    }
    /* product detail*/
    .product-detail {
        padding-bottom: 0;
    }
    .product-title h1 {
        font-size: 15px;
        margin-top: 15px;
    }
    .icon-pr-fix {
        position: absolute;
        bottom: 45px;
    }
    .product-sharing.icon-pr-fix {
        left: 15px;
    }
    .product-zoom.icon-pr-fix {
        right: 15px;
        left: initial;
        margin: 0;
    }
    .gallery-index.icon-pr-fix {
        display: none;
    }
    .divzoom_main .product-thumb {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    .box__product-gallery {
        height: 70vh;
        overflow: visible;
        min-height: 400px;
    }
    .box__product-gallery.no-img {
        height: auto;
        min-height: 300px;
    }
    .box__product-gallery.no-img .flickity-slider {
        transform: translateX(0%)!important;
    }
    .box__product-gallery .flickity-button {
        display: block;
    }
    .box__product-gallery.no-img .flickity-page-dots {
        display: none;
    }
    .box__product-gallery.no-img .flickity-viewport {
        overflow: inherit;
    }
    .slide_product {
        width: 100%;
        height: 100%;
    }
    .slide_product li.gallery-item {
        height: 100%;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    .box__product-gallery.scroll .site-box-content:after {
        content: 'flickity';
        display: none;
    }
    .slide_product li.gallery-item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .slide_product .flickity-page-dots {
        bottom: -45px;
        z-index: 2;
    }
    .product-action-bottom {
        display: block
    }
    .product-action-bottom {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 700;
        background: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        padding: 8px 10px;
    }
    .product-action-bottom .price-fixed-mb {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 999;
        border: 0;
        padding: 10px;
        text-align: right;
        height: 62px;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .product-action-bottom .select-swatch-mb {
        position: fixed;
        bottom: -145px;
        width: 100%;
        left: 0;
        padding: 10px;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08);
        z-index: 99;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
        visibility: hidden;
        opacity: 0;
        z-index: 4;
    }
    .product-action-bottom .select-swatch-mb.fixed {
        bottom: 61px;
        visibility: visible;
        opacity: 1;
    }
    .product-action-bottom .price-fixed-mb span.pro-sale {
        display: none!important;
    }
    .product-action-bottom .close-swach-mb {
        position: absolute;
        top: -10px;
        right: 10px;
        width: 20px;
        height: 20px;
        text-align: center;
        background: #000;
        color: #fff;
        transform: rotate(45deg);
    }
    .input-bottom {
        width: 54px;
        float: left;
        margin-right: 15px;
    }
    .input-bottom input {
        width: 54px;
        height: 45px;
        border: 1px solid #d1d1d1;
        text-align: center;
        outline: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .add-cart-bottom {
        background: #000;
        border: 0;
        color: #fff;
        font-weight: 600;
        height: 45px;
        line-height: 45px;
        padding: 0 10px;
        border-radius: 4px;
        float: left;
        width: calc(100% - 200px);
    }
    .list-productRelated .pro-loop-title .product-resize,
    .list-productRelated .pro-loop-title .wrap-collection-title.image-resize {
        height: initial!important
    }
    .list-productRelated .wrap-collection-title.image-resize {
        padding-bottom: 45px;
    }
    .list-productRelated .wrap-collection-title .block-pding:after {
        content: "";
        display: block;
        width: 50px;
        height: 4px;
        margin: 30px auto auto;
        background: #000;
    }
    .main-footer.main-product-footer {
        padding-bottom: 60px;
    }
    /******* blog - article *******/
    .list-article-content .news-content {
        min-height: 250px;
        height: 50vh;
    }
    .article-body h2.title-article {
        font-size: 23px;
    }
    /******* ABOUT-CONTACT *******/
    .box-heading-contact {
        padding: 0;
    }
    .header-page-contact h1 {
        font-size: 34px;
    }
    .box-send-contact h2 {
        font-size: 20px
    }
    .box-map iframe {
        height: 50vh!important
    }
    /* 	ACCOUNT */
    .title-infor-account h1 {
        font-size: 30px;
    }
    .title-infor-account h1:after {
        margin-top: 32px;
    }
    .AccountSidebar {
        margin-bottom: 40px;
    }
    .table-responsive {
        padding: 0 8px;
    }
    /* breadcumb */
    .breadcrumb-shop .breadcrumb-arrows li {
        font-size: 10px;
    }
    /* Page Store */
    .gm-style-iw {
        width: 80% !important;
    }
}

@media(min-width: 1200px) {
    .main-header {
        padding: 0 60px;
    }
    .wrapbox-content-page {
        padding: 100px;
    }
    .wrapbox-heading-page .header-page {
        width: 60%;
    }
    /*index - product detail */
    .box-banner-inf {
        width: 50%;
        z-index: 4;
    }
}

.btnHelp {
    display: block;
    border: 1px solid #252a2b;
    padding: 13px 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #252a2b;
    text-align: center;
    font-size: 12px;
}

div[id*=ematic_] {
    //display: none !important;
}


/* ------------------------------------------------- */


/* ADD CSS */


/*-------------------------------------------------- */

.modal.modal_succes,
.modal.popup_email_succes {
    background: rgba(0, 0, 0, 0.5);
}

.modal.modal_succes .modal-dialog,
.modal.popup_email_succes .modal-dialog {
    margin-top: 10%;
}

.modal.modal_succes .modal-content,
.modal.popup_email_succes .modal-content {
    padding: 45px;
    background: #000;
}

.modal.modal_succes .modal-body,
.modal.popup_email_succes .modal-body {
    border: 2px dashed #000;
    background: #fff;
    padding: 25px;
}

.modal.modal_succes .logo-modal,
.modal.popup_email_succes .logo-modal {
    margin-bottom: 10px
}

.modal.modal_succes .logo-modal svg.svg-logo-website,
.modal.popup_email_succes .logo-modal svg.svg-logo-website {
    width: 110px;
    height: 25px;
}

.modal.modal_succes .closemodel,
.modal.popup_email_succes .closemodel {
    position: absolute;
    z-index: 99;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    padding: 5px 10px;
    margin-top: 0;
    font-size: 20px;
}

.modal.modal_succes p,
.modal.popup_email_succes p {
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 5px;
}


/*----- Popup Email ----*/

.float-ck {
    position: fixed;
    left: 0;
    bottom: 0px;
    z-index: 999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 1;
}

.float_content_right {
    position: relative;
    text-align: right;
    font-size: 11px;
}

.float_content_right a.hide_qc {
    position: absolute;
    top: 0px;
    right: 0;
    background: transparent;
    color: #FFF;
    font-size: 12px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
}

.float_content_right a.show_qc {
    position: absolute;
    right: -82px;
    top: 63px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #000;
    padding: 2px 10px;
    color: #FFF;
    display: none;
}

.email-popup-left {
    background: #f1c15d;
    color: #000;
    padding: 30px 20px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.email-popup-left .text-popup-left h2 {
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
}

.email-popup-left .text-popup-left h2:after {
    position: absolute;
    content: '';
    width: 40px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #000;
}

.email-popup-left .text-popup-left p {
    margin: 0;
    line-height: initial;
}

.email-popup-left .text-popup-left span {
    font-size: 45px;
    line-height: initial;
}

.email-popup-left .form-popup-left {
    position: relative;
    margin-top: 15px;
}

.email-popup-left .form-popup-left .form-group {
    margin-bottom: 0;
}

.email-popup-left .form-popup-left input {
    width: 100%;
    height: 40px;
    line-height: 25px;
    color: #000;
    padding: 10px 5px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    outline: none!important;
    transition: initial;
    font-style: italic;
    font-weight: normal;
    font-size: 10px;
}

.email-popup-left .form-popup-left button {
    background: #000;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    border-radius: 0;
    border: 1px solid transparent;
    height: 40px;
    width: 60px;
}

.swal2-popup #swal2-content {
    font-size: 16px;
}


/* Popup Inventory Store */

.multinventory {
    margin: 10px 0;
    cursor: pointer;
}

a.clickmultistock {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.5px;
}

a.clickmultistock i {
    font-size: 20px;
    margin-right: 5px;
}

a.fitting {
    font-size: 13px;
    background: #fff;
    border: 1px solid #252a2b;
    color: #252a2b;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: none;
    padding: 13px 20px;
    line-height: 22px;
    width: 100%;
    text-align: center;
    display: block;
}

.btn-showroom {
    margin-top: 15px;
}

a.link-showroom {
    display: block;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    font-weight: bold;
}

a.link-showroom i {
    font-size: 20px;
    margin-right: 5px;
}

#multistock .modal-dialog {
    margin: calc(100vh/2 - 222px) auto;
}

.inventory-location-box {
    margin-top: 0px;
    margin-bottom: 0px;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.inventory-location-box h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}

#inventory_popup .close {
    width: 30px;
    height: 30px;
}

#inventory_popup h4 {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.0px;
}

.inventory-location-box.data ul {
    padding-left: 0;
    margin: 5px 0;
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}

.inventory-location-box.data ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    background-color: #F5F5F5;
}

.inventory-location-box.data ul::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.inventory-location-box.data ul::-webkit-scrollbar-thumb {
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.inventory-location-box.data ul li .bold-light {
    font-weight: bold;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
}

.inventory-location-box.data ul li .desc {
    font-size: 14px;
}

.inventory-location-box.error {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #F06455;
    border: 1px dashed #f88d81;
}

.inventory-location-ajax ul li {
    color: #555555;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.inventory-location-ajax ul li:first-child {
    margin-top: 10px;
}

.inventory-location-ajax ul li:last-child {
    margin-bottom: 0px;
}

.inventory-location-ajax ul li input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.inventory-location-ajax ul li label {
    position: relative;
    font-weight: normal;
    font-size: 13px;
    padding: 0 0 0 25px;
    margin: 4px auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.breadcrumb {
    margin-bottom: 0;
}

.inventory-location-ajax ul li .check {
    display: block;
    position: absolute;
    border: 1px solid #AAAAAA;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 5px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    background: #fff
}

.inventory-location-ajax ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.inventory-location-ajax input[type=radio]:checked~.check::before {
    background: #488be5;
}

button.close {
    margin: 5px 10px;
}


/* Popup lì xì Tết 1 */

[id*='pop_up_'] .modal-header {
    padding: 0;
    border-bottom: 0;
    z-index: 1;
}

[id*='pop_up_'] .close {
    margin: 0;
    top: 18px;
    right: 20px;
    position: absolute;
}

[id*='pop_up_'] .close:hover {
    opacity: 1;
}

[id*='pop_up_'] .close img {
    width: 25px;
}

.use_bg_alert_1 {
    background: url("//theme.hstatic.net/200000000131/1000466964/14/banner_alert_1.jpg?v=1033") no-repeat;
    background-size: cover;
    min-height: 300px;
    padding-top: 100px;
}

.use_bg_alert_1 #alert_1_item {
    width: 70%;
    margin: 0 auto;
    color: #eaf72c;
}

.use_bg_alert_1 p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 600;
}

#pop_up_1_item .modal-lg {
    width: 600px;
}

#pop_up_1_item .modal-body {
    padding: 0
}

.box-popup-notify {
    position: relative;
}

.box-popup-notify div.btn-group {
    position: absolute;
    bottom: 23%;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 230px;
    display: flex;
}

#continue_shopping {
    background: #feb300;
    color: #fff;
    padding: 8px 15px;
    margin: 0 5px 0 25px;
    width: 100%;
    border-radius: 20px;
}

#close_popup_1 {
    background: #feb300;
    color: #fff;
    padding: 10px;
    padding: 8px 15px;
    margin: 0 10px 0 5px;
    border: none;
    width: 100%;
    border-radius: 20px;
}


/* Popup lì xì Tết 2 */

#pop_up_2_item .modal-header {
    padding: 10px 30px;
    position: relative;
}

#pop_up_2_item .modal-header:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 15px solid #7c0000;
    border-top-color: #fff;
    top: 100%;
    left: 50%;
    margin-left: -15px;
}

#pop_up_2_item h3 {
    font-size: 16px;
    text-align: center;
    margin: 10px 0;
    padding: 0 25px;
    line-height: 23px;
}

#pop_up_2_item .modal-body {
    padding: 30px 10px 20px;
    background: #7c0000;
}

#alert_2_item .list-choose {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 70px;
}

#alert_2_item .list-choose li {
    height: 155px;
    color: #fff;
    background-image: url(//theme.hstatic.net/200000000131/1000466964/14/banner_aler_2.jpg?v=1033);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    position: relative;
}

#alert_2_item .list-choose li img {
    width: 50px;
    height: 50px;
}

#alert_2_item label {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

#alert_2_item label span.text {
    display: block;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    font-size: 15px;
}

#alert_2_item .list-choose li.item.active {
    -webkit-box-shadow: 0 0 10px rgb(254, 178, 10);
    -moz-box-shadow: 0 0 10px rgb(254, 178, 10);
    box-shadow: 0 0 10px rgb(254, 178, 10);
}

#alert_2_item .gift_action {
    display: flex
}

#alert_2_item button[id$='_gift'] {
    padding: 10px 20px;
}

#alert_2_item button#agree_gift {
    margin: 0 auto;
    background: #feb20a;
    color: #fff;
    border: 1px solid #feb20a;
    width: 50%;
    text-transform: uppercase;
    border-radius: 20px;
}

#alert_2_item button#degree_gift {
    background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
    width: 100%;
    text-transform: uppercase;
    border-radius: 20px;
}

.list-choose [type="radio"]:not(:checked),
.list-choose [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

#alert_gift_collection,
.title-alert-gift,
.back-popup {
    display: none;
}

#alert_gift_collection .box-list-gifts {
    max-height: 465px;
    overflow: hidden;
    overflow-y: scroll;
}

#alert_gift_collection .box-list-gifts:before,
#alert_gift_collection .box-list-gifts:after {
    clear: both;
    content: "";
    display: block;
}

#alert_gift_collection .box-list-gifts .item-gift {
    float: left;
    width: calc(100%/4);
    display: block;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 15px;
}

#alert_gift_collection .box-list-gifts .img-gift {
    position: relative;
    overflow: hidden;
}

#alert_gift_collection .box-list-gifts .img-gift a img {
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#alert_gift_collection .box-list-gifts .img-gift a:hover img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

#alert_gift_collection .box-list-gifts h4 {
    margin: 10px 0;
}

#alert_gift_collection .box-list-gifts h4 a {
    color: #feb20a;
}

.back-popup {
    position: absolute;
    top: 12px;
    left: 20px;
    padding: 10px;
}

#alert_gift_collection .box-list-gifts::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

#alert_gift_collection .box-list-gifts::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#alert_gift_collection .box-list-gifts::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#alert_gift_collection .box-list-gifts::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(105, 105, 105, 0.4);
}

@media (max-width: 480px) {
    .float-ck {
        width: 100%;
    }
    .iconLogo,
    .header-wrap-icon .iconSearch {
        line-height: 40px;
    }
}

@media (max-width: 325px) {
    .main-body {
        overflow: hidden;
    }
    .iconLogo,
    .header-wrap-icon .iconSearch {
        line-height: 30px;
    }
}


/* SCROLL TOP */

.back-to-top {
    position: fixed;
    right: 0px;
    bottom: 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}

.back-to-top a {
    color: #323030
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.back-to-top .btt-label-back {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    -webkit-transform: rotate(-90deg) translateX(50%) translateY(50%);
    -moz-transform: rotate(-90deg) translateX(50%) translateY(50%);
    transform: rotate(-90deg) translateX(50%) translateY(50%);
}

.back-to-top .btt-icon-back {
    position: absolute;
    bottom: 235%;
    left: 81%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    -webkit-transition: -webkit-transform .45s cubic-bezier(0, .95, .77, 1);
    transition: transform .45s cubic-bezier(0, .95, .77, 1);
    will-change: transform;
}


/* Animate Snow */

.snow-canvas {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    position: fixed;
    pointer-events: none;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
    }
    12.5% {
        -webkit-transform: rotate(-30deg);
    }
    25% {
        -webkit-transform: rotate(25deg);
    }
    37.5% {
        -webkit-transform: rotate(-20deg);
    }
    50% {
        -webkit-transform: rotate(15deg);
    }
    62.5% {
        -webkit-transform: rotate(-10deg);
    }
    75% {
        -webkit-transform: rotate(5deg);
    }
    97.5% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
    }
    12.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }
    37.5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    62.5% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    97.5% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.available_gift {
    position: fixed;
    bottom: 90px;
    right: 25px;
    z-index: 100;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

#pop_up_1_item,
#pop_up_2_item {
    z-index: 8888;
}

@media (max-width: 767px) {
    .available_gift {
        bottom: 155px;
    }
    #pop_up_1_item .modal-lg {
        width: calc(100% - 20px);
        margin-top: 60%;
    }
    .box-popup-notify div.btn-group {
        bottom: 10%;
    }
}


/* ------------------------------------------------- */


/* NEW CSS - 09/04/2019 */


/*-------------------------------------------------- */


/* Banner home style 1 */

.wrapper-home-banner-top-new {
    margin-top: 10px;
}

.home-banner-list-new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.home-banner-list-new.top .home-banner-col-new:nth-child(1),
.home-banner-list-new.top .home-banner-col-new:nth-child(2),
.home-banner-list-new.bottom .home-banner-col-new:nth-child(2),
.home-banner-list-new.bottom .home-banner-col-new:nth-child(3) {
    width: 20%;
}

.home-banner-list-new.top .home-banner-col-new:nth-child(3),
.home-banner-list-new.bottom .home-banner-col-new:nth-child(1) {
    width: 60%;
}

.banner-box-new {
    overflow: hidden;
    position: relative;
}

.banner-box-new a {
    display: block;
}

.banner-title {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.banner-title h3 {
    color: #fff;
    margin: 0;
    font-size: 20px;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
    -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(-100px);
}

.banner-box-new a:hover .banner-title {
    opacity: 1;
    visibility: visible;
}

.home-banner-col-new.col-1 a:before {
    background-color: #e9e4de;
}

.home-banner-col-new.col-2 a:before {
    background-color: #e6d4d0;
}

.home-banner-col-new.col-3 a:before {
    background-color: #f3e4d1;
}

.home-banner-col-new.col-4 a:before {
    background-color: #efefef;
}

.home-banner-col-new.col-5 a:before {
    background-color: #d3b1a7;
}

.home-banner-col-new.col-6 a:before {
    background-color: #d6d6d4;
}

.home-banner-col-new.col-7 a:before {
    background-color: #d6d6d4;
}

.banner-box-new a:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.4;
    //background-color: currentColor;
    position: absolute;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
    transition: transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.banner-box-new a:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.banner-box-new a:hover .banner-title h3 {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
    -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(0px);
    opacity: 1;
}

.paginator .totalPages,
.paginator .labelPages,
.paginator .titlePages {
    display: none;
}

.paginator a,
.paginator span {
    display: inline-block;
    margin: 15px 5px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    opacity: 0.4;
}

.paginator span.currentPage {
    opacity: 1;
}

.paginator .paging-last:before {
    content: "\f101";
    font-family: "Font Awesome 5 Pro";
}

.paginator .paging-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
}

.paginator .paging-first:before {
    content: "\f100";
    font-family: "Font Awesome 5 Pro";
}

.paginator .paging-previous:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
}

@media (max-width:991px) {
    .home-banner-list-new {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .home-banner-list-new.top .home-banner-col-new:nth-child(1),
    .home-banner-list-new.top .home-banner-col-new:nth-child(2),
    .home-banner-list-new.bottom .home-banner-col-new:nth-child(2),
    .home-banner-list-new.bottom .home-banner-col-new:nth-child(3) {
        width: 50%;
    }
    .home-banner-list-new.top .home-banner-col-new:nth-child(3),
    .home-banner-list-new.bottom .home-banner-col-new:nth-child(1) {
        width: 100%;
    }
    .home-banner-list-new.bottom .home-banner-col-new:nth-child(1) {
        order: 1
    }
    .home-banner-list-new.bottom .home-banner-col-new:nth-child(2) {
        order: 3
    }
    .home-banner-list-new.bottom .home-banner-col-new:nth-child(3) {
        order: 2
    }
    .banner-title {
        visibility: visible;
        opacity: 1;
    }
}

.home-banner-col-new {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/* Banner home style 2 */

@media(min-width:992px) {
    .style-2 .home-banner-list-new {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
}

.style-2 .home-banner-list-new,
.style-2 .home-banner-list-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.style-2 .home-banner-list-col {
    width: 100%;
}

.style-2 .home-banner-list-col.col-left,
.style-2 .home-banner-list-col.col-right .col-right {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.style-2 .home-banner-list-col .home-banner-col-new {
    padding: 7.5px;
    width: 100%;
}

.style-2 .home-banner-list-col.col-left .home-banner-col-new:nth-child(1),
.style-2 .home-banner-list-col.col-left .home-banner-col-new:nth-child(2) {
    width: 50%;
}

.style-2 .home-banner-list-col.col-right .col-4,
.style-2 .home-banner-list-col.col-right .col-right {
    width: 50%;
}

.style-2 .home-banner-list-new .banner-src img {
    width: 100%;
}

.style-2 .home-banner-col-new.col-1 a:before {
    background-color: #18212b;
}

.style-2 .home-banner-col-new.col-2 a:before {
    background-color: #5a5e6a;
}

.style-2 .home-banner-col-new.col-3 a:before {
    background-color: #7e959b;
}

.style-2 .home-banner-col-new.col-4 a:before {
    background-color: #abb7b5;
}

.style-2 .home-banner-col-new.col-5 a:before {
    background-color: #dcd9d4;
}

.style-2 .home-banner-col-new.col-6 a:before {
    background-color: #78716a;
}

@media (max-width:991px) {
    .style-2 .home-banner-list-new {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
        padding: 0 7.5px;
    }
}


/* Collection Home  */

.wrapper-heading-home {
    padding: 30px 0;
}

.collection-banner a.effect {
    display: block;
    position: relative;
    overflow: hidden;
}

.collection-banner a.effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.collection-banner a.effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

.wrapper-home-collection-new {
    margin-top: 30px;
}

.wrapper-home-collection-new .banner-collection {
    position: relative;
    width: 55%;
    padding: 0;
    float: none;
    overflow: hidden;
    margin-left: 0;
    margin-right: auto;
}

.wrapper-home-collection-new .box-collection {
    right: 0;
}

@media (max-width: 991px) {
    .wrapper-home-collection-new {
        margin-top: 15px;
    }
    .wrapper-home-collection-new .banner-collection {
        width: 100%;
        padding: 0 15px;
    }
    .wrapper-home-collection-new .row {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }
    .wrapper-home-collection-new .row .right-side {
        order: 2
    }
    .wrapper-home-collection-new .row .left-side {
        order: 1
    }
    .wrapper-home-collection-new .owl-nav {
        margin-top: 10px;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }
    .wrapper-home-collection-new .owl-nav button.owl-prev {
        right: 20px;
        margin-right: 5px;
        width: auto;
    }
    .wrapper-home-collection-new .owl-nav button.owl-next {
        width: auto;
        left: 0;
    }
}


/* SCROLL TOP NEW */

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: -50px;
    z-index: 100;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.back-to-top a {
    display: block;
    z-index: 999;
}

.back-to-top.show {
    right: 15px;
}

.l-gh__scrollnav-pagetop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transform: rotateY(90deg) translateX(100%);
    transform: rotateY(90deg) translateX(100%);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
    text-decoration: none;
    color: #111
}

.l-gh__scrollnav-pagetop-arr {
    overflow: hidden;
    position: relative;
    width: 9px;
    height: 32px;
    left: 6px;
    bottom: -5px;
}

.l-gh__scrollnav-pagetop-arr::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 0;
    width: 1px;
    height: 32px;
    background: #111;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) .1s;
    transition: -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) .1s;
    transition: transform .4s cubic-bezier(.45, .05, .3, .93) .1s;
    transition: transform .4s cubic-bezier(.45, .05, .3, .93) .1s, -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) .1s;
}

.l-gh__scrollnav-pagetop-arr .head {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-bottom: 4.5px solid #111;
    -webkit-transform: translateY(27px);
    transform: translateY(27px);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) .1s;
    transition: -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) .1s;
    transition: transform .4s cubic-bezier(.45, .05, .3, .93) .1s;
    transition: transform .4s cubic-bezier(.45, .05, .3, .93) .1s, -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) .1s
}

.back-to-top a .text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 15px 0 0;
    font-size: 14px;
    color: #111;
}

.back-to-top.show .l-gh__scrollnav-pagetop {
    -webkit-transform: rotateY(0) translateX(0);
    transform: rotateY(0) translateX(0)
}

.back-to-top a:hover .l-gh__scrollnav-pagetop-arr::before {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) 0s;
    transition: -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) 0s;
    transition: transform .4s cubic-bezier(.45, .05, .3, .93) 0s;
    transition: transform .4s cubic-bezier(.45, .05, .3, .93) 0s, -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) 0s;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.back-to-top a:hover .l-gh__scrollnav-pagetop-arr .head {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) 0s;
    transition: -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) 0s;
    transition: transform .4s cubic-bezier(.45, .05, .3, .93) 0s;
    transition: transform .4s cubic-bezier(.45, .05, .3, .93) 0s, -webkit-transform .4s cubic-bezier(.45, .05, .3, .93) 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fb_customer_chat_bubble_pop_in {
    right: 30pt!important;
}

.fb_customer_chat_bounce_in_v2 {
    right: 20pt!important;
}


/* COLLECTION NEW IN */

.row-1:after,
.row-2:after {
    content: '';
    display: block;
    clear: both;
}

.row-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    max-width: 1170px;
    margin: auto;
}

.row-2 .pro-loop {
    width: 100%;
}

@media (min-width:1024px) {
    .product-list-new .pro-loop .product-block {
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .product-list-new .pro-loop:hover .product-block {
        transform: translateY(-5px);
    }
    .product-list-new .product-detail {
        bottom: -50px;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }
    .product-list-new .pro-loop:hover .product-detail {
        bottom: 0px;
        visibility: visible;
        opacity: 1;
    }
    .product-list-new .box-pro-detail {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }
    .product-list-new .pro-loop .product-detail h3 {
        margin-bottom: 0;
    }
    .product-list-new .product-detail {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgb(0, 0, 0, 0.4);
    }
    .product-list-new .product-detail a,
    .product-list-new .product-detail p.pro-price {
        color: #fff;
    }
    .product-list-new .product-detail p.pro-price span.pro-price-del {
        color: #ddd;
    }
}

@media (max-width:991px) {
    .row-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .row-1 .pro-loop:last-child {
        width: 70%;
    }
    .row-1 .pro-loop:nth-child(1),
    .row-2 .pro-loop:nth-child(1) {
        padding-right: 7.5px;
    }
    .row-1 .pro-loop:nth-child(2),
    .row-2 .pro-loop:nth-child(2) {
        padding-left: 7.5px;
    }
    #sliderproduct>div.owl-stage-outer,
    #sliderproduct>div.owl-stage-outer * {
        height: 100%;
    }
    #sliderproduct .owl-nav button {
        position: absolute;
        top: 50%;
        height: 50px;
        width: 50px;
        background: #fff;
        border-radius: 50%;
        font-size: 30px;
        opacity: 0.7;
        z-index: 9999;
    }
    #sliderproduct .owl-nav button.owl-next {
        right: 0;
    }
}

#collection-new #pagination {
    text-align: center;
}

#collection-new .breadcrumb-shop {
    background: #fff;
}

.linktocheckout.noti_button {
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.linktocheckout.noti_button span {
    display: block;
    width: 100%;
    font-size: 10px;
    font-weight: normal;
}

.cart-view a.linktocheckout {
    padding: 0 5px;
    width: 100%;
}

.cart-view a.linktocheckout.buyOrther {
    display: block;
    height: 60px;
    line-height: 60px;
}

.td_button {
    width: 50%;
}

@media (max-width: 767px) {
    .row-1 .pro-loop:last-child {
        width: 100%;
    }
    .cart-view a.linktocheckout.buyOrther {
        height: 40px;
        line-height: 40px;
    }
    .linktocheckout.noti_button span {
        font-size: 8px;
    }
    .linktocheckout.noti_button {
        height: 40px;
    }
    .cart-view a.linktocheckout {
        padding: 0 3px;
    }
}

#cart-view .cart_quality {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

#cart-view .cart_quality .fal {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #e1e1e1;
    color: #999;
    cursor: pointer;
    float: left;
    font-size: 8px;
}

#cart-view .cart_quality .fal:hover {
    background: #fafafa;
}

#cart-view .cart_quality .fal.fa-minus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#cart-view .cart_quality .fal.fa-plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#cart-view .cart_quality input {
    width: 35px;
    height: 25px;
    padding: 0 6px;
    font-size: 12px;
    float: left;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    border-left: none;
    border-right: none;
    text-align: center;
    color: #000;
}

#cart-view .cart_quality input[readonly] {
    border: 1px solid #e1e1e1;
}

#cart-view .cart_quality input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.sidebar-fix {
    overflow-y: auto;
}

.sidebar-fix::-webkit-scrollbar-track,
.btn-showroom ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.sidebar-fix::-webkit-scrollbar,
.btn-showroom ul::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

.sidebar-fix::-webkit-scrollbar-thumb,
.btn-showroom ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.goodsli-discount {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    width: 50px;
    height: 50px;
    opacity: .9;
    background: #FDD464;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    box-flex: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
}

.goodsli-discount .disc-txt {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    color: #333;
    font-size: 20px;
}

.goodsli-discount .disc-nowrap {
    white-space: nowrap;
    margin-bottom: 5px;
}

.goodsli-discount .disc-num {
    font-size: 35px;
    color: #333;
}

.goodsli-discount:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    display: inline-block;
    border-top: 5px solid #fdd464;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    width: 25px;
}

.instagram-list-img .list-img .owl-nav button {
    position: absolute;
    top: 50%;
    left: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
    background: #0009;
    border-radius: 50%;
}

.instagram-list-img .list-img .owl-nav button.owl-next {
    right: 10px;
    left: auto;
}

.instagram-list-img .list-img .owl-nav button.owl-next i:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
}

.instagram-list-img .list-img .owl-nav button.owl-prev i:before {
    color: #fff;
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
}

.sidebar-sort input[type=checkbox]:checked:after {
    content: '\2714';
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    color: #1aa8ff;
    outline: 1px solid #fff;
}

#slider-range,
#slider-range-sm {
    margin: 0 8px 0 8px !important;
    height: 4px !important;
    background: #fff !important;
    border: 1px solid #000;
    border-radius: 30px;
}

#slider-range .ui-slider-horizontal,
#slider-range-sm .ui-slider-horizontal {
    height: .5em !important;
}

#slider-range .ui-state-default,
#slider-range .ui-widget-content .ui-state-default,
#slider-range .ui-widget-header .ui-state-default,
#slider-range-sm .ui-state-default,
#slider-range-sm .ui-widget-content .ui-state-default,
#slider-range-sm .ui-widget-header .ui-state-default {
    background: #fff !important;
    border: 1px solid #ddd !important;
}

#price_form,
#price_to {
    color: #000;
    font-weight: normal;
}

.text-green span {
    font-size: 13px;
}

#slider-range.ui-slider .ui-slider-handle,
#slider-range-sm.ui-slider .ui-slider-handle {
    border-radius: 50%;
    width: 12px !important;
    height: 12px !important;
    background: #000 !important;
}

.menu-about li:nth-child(-n+5) a {
    color: black;
    font-weight: bold;
}

.product-img a>span {
    position: absolute;
    top: 0;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #eee;
    padding: 5px 10px;
    right: 0;
}

#settingSkins>div>i.tooltipSkin:before {
    content: "\f013" !important;
    font-family: "Font Awesome 5 Pro";
}

.menu__item.third a,
.menu__item.four a {
    font-weight: 500;
}

.menu__item.four .menu__list.menu__list--four li a {
    font-weight: unset;
    font-size: 13px;
}

.menu__item .iconSub {
    display: inline-block;
    vertical-align: middle;
}

.menu__list.menu__list--third {
    transition: all .5s ease;
}

.menu__item.third.active .menu__list.menu__list--third,
.menu__item.four.active .menu__list.menu__list--four {
    display: block;
}

.menu__list.menu__list--four {
    padding: 0 0 0 10px!important;
    margin-top: 10px!important;
    transition: all .5s ease;
}

.menu__item .fas.fa-chevron-down {
    display: block !important;
    font-size: 9px !important;
    margin-left: 10px!important;
}

.menu__item .menu__link:hover {
    text-decoration: unset!important;
}


/*.container-fluid{*/


/*	padding: 0;*/


/*}*/

.menu__item.mega {
    /*position: relative;*/
}


/*.main-nav-menu .menu__list--second{*/


/*	padding: 0!important;*/


/*}*/


/*.menu__list.menu__list--second .menu__item .menu__link{*/


/*	padding: 16px 16px 8px!important;*/


/*}*/

.menu__content {
    /*min-width: max-content;*/
    /*overflow: unset!important;*/
}


/*.menu__list--third{*/


/*	display: none!important;*/


/*}*/


/*.menu__item.third{*/


/*	position: relative;*/


/*}*/


/*.menu__item.third:hover .menu__list--third{*/


/*	position: absolute;*/


/*	left: 100%;*/


/*	top: 0px;*/


/*	width: 100%;*/


/*	background: #fff;*/


/*	display: block!important;*/


/*}*/


/*.menu__list.menu__list--third li a{*/


/*	font-weight: 500;*/


/*	font-size: 14px;*/


/*	display: flex;*/


/*	padding: 12px 0px 2px;*/


/*	letter-spacing: 2px;*/


/*}*/


/*.menu__list--four{*/


/*	display: none!important;*/


/*}*/


/*.menu__item.four{*/


/*	position: relative;*/


/*}*/


/*.menu__item.four:hover .menu__list--four{*/


/*	position: absolute;*/


/*	left: 100%;*/


/*	top: 0px;*/


/*	width: 100%;*/


/*	background: #fff;*/


/*	display: block!important;*/


/*}*/


/*.menu__item.four{*/


/*	font-weight: 500;*/


/*	font-size: 14px;*/


/*	display: flex;*/


/*	padding: 16px 0 8px;*/


/*	letter-spacing: 2px;*/


/*}*/


/*.menu__list.menu__list--four li a{*/


/*	font-weight: 500;*/


/*	font-size: 14px;*/


/*	display: flex;*/


/*	padding: 12px 8px 2px;*/


/*	letter-spacing: 2px;*/


/*}*/

.main-nav-menu .menu_list_img {
    /*display: none;*/
}

.language img {
    margin-right: 3px;
    width: 15px;
}

.language-hd .language p.toggle {
    padding: 5px 15px;
    font-size: 11px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    margin: 0;
    border: 1px solid #e9e9e9;
}

.language-hd .language {
    clear: both;
    position: relative;
}

.language ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #d3d3d3;
    text-align: center;
    padding: 0;
    display: none;
    z-index: 90;
    width: 100%;
    list-style: none;
    margin: 0;
    text-align: left;
}

.language-hd .language ul li a {
    color: #000;
    font-size: 11px;
    padding: 5px 5px;
    display: block;
    text-decoration: none;
}

@media(min-width: 1025px) {
    .wrapper-collection-1 .product-block {
        min-height: 520px!important;
    }
    .wrapper-collection-1 .product-img {
        min-height: 450px!important;
    }
    .wrapper-collection-featured .product-block {
        min-height: 470px!important;
    }
    .wrapper-collection-featured .product-img,
    .wrapper-collection-3 .product-block {
        min-height: 400px!important;
    }
    .wrapper-collection-3 .product-img {
        min-height: 332px!important;
    }
    .wrapper-collection-1 .product-img img,
    .wrapper-collection-featured .product-img img,
    .wrapper-collection-3 .product-img img {
        object-fit: contain;
    }
}

.menu_cap1 {
    position: relative;
}

.menu_cap1 a {
    font-size: 13px;
    font-weight: 600;
    padding: 8px 0;
}

.menu_cap1 ul {
    padding-left: 20px;
}

.menu_chir {
    display: none;
}

.menu_cap1 .icon-subnav {
    position: absolute;
    padding: 10px;
    top: 0px;
    right: 0px;
}

.icon-subnav i.fal.fa-angle-down {
    transition-duration: 0.4s;
    position: absolute;
    top: 0px;
    font-size: 22px;
    right: 4px;
}

.menu_chir li {
    position: relative;
}

.active_chir_mb i.fal.fa-angle-down {
    transition-duration: 0.4s;
    transform: rotate(180deg);
}


/*
ABOUT - CONTACT
--------------------------------------------------------------------------------*/

.page-contact main {
    min-height: 85vh;
}

.page-wrapper ul,
.page-wrapper ol {
    margin-bottom: 15px;
    padding-left: 40px;
}

.page-wrapper ul {
    list-style-type: initial;
}

.header-page-contact h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0
}

.header-page-contact:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin-top: 30px;
    background: #252a2b;
    margin-bottom: 50px;
}

.box-info-contact li {
    margin-bottom: 30px;
}

.box-info-contact li p {
    margin-bottom: 0;
    color: #666;
    font-weight: 500;
}

.box-info-contact li p strong {
    font-weight: 600;
    color: #252a2b;
}

.box-send-contact h2 {
    font-weight: 700;
    font-size: 25px;
    margin: 40px 0 35px;
}

.box-send-contact h2:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 30px;
    height: 3px;
    background: #252a2b;
}

.contact-form .input-group {
    width: 100%;
    margin-bottom: 20px;
}

.contact-form .input-group input,
.contact-form .input-group textarea {
    border: 1px solid #e7e7e7;
    box-shadow: none;
    height: 45px;
    font-weight: 500;
    padding: 0 20px;
    background: #fbfbfb;
    color: #252a2b;
    width: 100%;
}

.contact-form .input-group textarea {
    width: 100%;
    height: 130px;
    padding: 20px 20px;
}

.contact-form .input-group textarea:focus {
    outline: none;
}

.box-send-contact button {
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
}

.wrapbox-content-page-contact {
    padding: 50px;
}

.wrapbox-content-page {
    padding-bottom: 30px;
}

.sidebar-page .group-menu {
    margin: 0 0 30px;
    position: relative;
    padding: 20px;
    border: 1px solid #e3e5ec;
}

.sidebar-page .page_menu_title h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    text-align: center;
}

.sidebar-page .box_image {
    margin-bottom: 30px;
}

.box_image .banner {
    position: relative;
    overflow: hidden;
}

.box_image .banner img {
    width: 100%;
    -webkit-transition: all 1s ease-in-out 0s;
    -khtml-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.box_image .banner:hover img {
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.product-gallery__video {
    line-height: 0;
    margin-bottom: 10px;
    border: 1px solid #f7f7f8;
    width: 100%;
}

.product-gallery__video .product-gallery__thumb-placeholder {
    background-color: #f3f3f3;
    display: block;
}

.product-gallery__video .product-gallery__thumb-placeholder img {
    cursor: pointer;
    background-color: #f7f7f8;
    width: 100%;
}

.note-cart {
    margin-top: 30px;
}


/* --------------------------------------------------------------------------------*/

.customerDetails span {
    display: block;
    padding: 0 0 5px 0;
}

.selector-gifts .product-title {
    position: relative;
    margin-bottom: 10px;
}

.selector-gifts .product-title span.gift {
    padding: 0 8px 0 0;
    background: #fff;
    display: inline-block;
    z-index: 3;
    position: relative;
    background-color: #fff;
    background-position: left center;
    background-repeat: no-repeat;
}

.selector-gifts .product-title span.gift img {
    width: 90px;
    height: 30px;
}

.selector-gifts .product-title:after {
    position: absolute;
    left: 0;
    top: 65%;
    width: 100%;
    height: 1px;
    content: '';
    background: #ccc;
}

.product-promotion-content {
    background: 0 0;
    padding: 0;
    border: none;
    color: #58595b;
    position: relative;
}

.product-promotion-content .fa-check {
    color: #ed1c24;
    padding-right: 5px;
}

.product-promotion-content a {
    color: #58595b;
}

.product-promotion-content .imgGift {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}

.product-promotion-content .imgGift ul li {
    width: 60px;
    float: left;
    margin-right: 40px;
    display: block;
    position: relative;
}

.product-promotion-content .imgGift ul li:last-child:before {
    content: '';
}

.product-promotion-content .imgGift ul li:before {
    content: '+';
    position: absolute;
    top: 25px;
    color: #000;
    right: -20px;
}



.pro-loop .proGift {
    position: absolute;
    bottom: 40px;
    left: 0;
}

.pro-loop .proGift img {
    width: 90px;
    height: 30px;
}

.article-tags {
    font-size: 14px;
}

.article-tags a {
    display: inline-block;
    padding: 5px;
    margin: 3px 3px 3px 0;
    background: #000;
    color: #fff;
}

.icon-lv1 {
    display: none;
}

.icon-menu {
    max-width: 20px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.inputDateEdit {
    display: block;
    border: none;
    width: 100%;
}

#cartformpage .o_cart_table .item .right .item-info {
    flex-wrap: wrap;
}

.selector-gifts {
    width: 100%;
}

.item-info .selector-gifts .product-title:after,
#cart-view .selector-gifts .product-title:after {
    display: none;
}

.item-info .selector-gifts .product-title span.gift img,
#cart-view .selector-gifts .product-title span.gift img {
    width: 75px;
}

.item-info .selector-gifts .product-title,
#cart-view .selector-gifts .product-title {
    margin-bottom: 0;
}

.item-info .selector-gifts,
#cart-view .selector-gifts {
    margin-top: 5px;
}

.cart-view table td .product-promotion-content a {
    width: auto;
    float: none;
}

.d-none-title {
    display: none !important;
}

.obj-sd {
    object-fit: scale-down !important;
}
.product-item-action:before{
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 7px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}
.product-item-action.action-wishlist
{
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 10;
    background-color: #fff;
    height: 40px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    padding: 0;
    white-space: nowrap;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 12px;
    font-weight: 500;
    border: none;
    border-radius: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    /*width: 40px;*/
}
.product-item-action.action-wishlist:before{
    content: "";
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjU3NzUgMjAuNTc5N0wyMC4zOTM4IDEyLjc2MzRDMjIuMzE0NCAxMC44NDI4IDIyLjU5NzcgNy42ODMyMyAyMC43ODAyIDUuNjY0ODhDMjAuMzI1IDUuMTU3ODYgMTkuNzcxMiA0Ljc0ODkgMTkuMTUyNyA0LjQ2Mjk3QzE4LjUzNDEgNC4xNzcwNCAxNy44NjM4IDQuMDIwMTMgMTcuMTgyNyA0LjAwMTgxQzE2LjUwMTUgMy45ODM1IDE1LjgyMzcgNC4xMDQxNiAxNS4xOTA3IDQuMzU2NDNDMTQuNTU3NyA0LjYwODcxIDEzLjk4MjggNC45ODczMSAxMy41MDA5IDUuNDY5MTNMMTIuMDMxOCA2LjkzODI1TDEwLjc2MzQgNS42Njk4MUM4Ljg0MjgzIDMuNzQ5MjYgNS42ODMyMyAzLjQ2NTkxIDMuNjY0ODggNS4yODM0QzMuMTU3ODUgNS43Mzg2NiAyLjc0ODkgNi4yOTI0NCAyLjQ2Mjk3IDYuOTEwOTZDMi4xNzcwNCA3LjUyOTQ5IDIuMDIwMTMgOC4xOTk3OSAyLjAwMTgxIDguODgwOTZDMS45ODM1IDkuNTYyMTMgMi4xMDQxNSAxMC4yMzk5IDIuMzU2NDMgMTAuODcyOUMyLjYwODcgMTEuNTA1OSAyLjk4NzMxIDEyLjA4MDggMy40NjkxMyAxMi41NjI3TDExLjQ4NjIgMjAuNTc5N0MxMS42MzA5IDIwLjcyNDQgMTEuODI3MiAyMC44MDU3IDEyLjAzMTggMjAuODA1N0MxMi4yMzY1IDIwLjgwNTcgMTIuNDMyOCAyMC43MjQ0IDEyLjU3NzUgMjAuNTc5N1oiIHN0cm9rZT0iIzMzM0Y0OCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-size: auto;
}
.product-item-action.action-wishlist:hover:before{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjU3NzUgMjAuNTc5N0wyMC4zOTM4IDEyLjc2MzRDMjIuMzE0NCAxMC44NDI4IDIyLjU5NzcgNy42ODMyMyAyMC43ODAyIDUuNjY0ODhDMjAuMzI1IDUuMTU3ODYgMTkuNzcxMiA0Ljc0ODkgMTkuMTUyNyA0LjQ2Mjk3QzE4LjUzNDEgNC4xNzcwNCAxNy44NjM4IDQuMDIwMTMgMTcuMTgyNyA0LjAwMTgxQzE2LjUwMTUgMy45ODM1IDE1LjgyMzcgNC4xMDQxNiAxNS4xOTA3IDQuMzU2NDNDMTQuNTU3NyA0LjYwODcxIDEzLjk4MjggNC45ODczMSAxMy41MDA5IDUuNDY5MTNMMTIuMDMxOCA2LjkzODI1TDEwLjc2MzQgNS42Njk4MUM4Ljg0MjgzIDMuNzQ5MjYgNS42ODMyMyAzLjQ2NTkxIDMuNjY0ODggNS4yODM0QzMuMTU3ODUgNS43Mzg2NiAyLjc0ODkgNi4yOTI0NCAyLjQ2Mjk3IDYuOTEwOTZDMi4xNzcwNCA3LjUyOTQ5IDIuMDIwMTMgOC4xOTk3OSAyLjAwMTgxIDguODgwOTZDMS45ODM1IDkuNTYyMTMgMi4xMDQxNSAxMC4yMzk5IDIuMzU2NDMgMTAuODcyOUMyLjYwODcgMTEuNTA1OSAyLjk4NzMxIDEyLjA4MDggMy40NjkxMyAxMi41NjI3TDExLjQ4NjIgMjAuNTc5N0MxMS42MzA5IDIwLjcyNDQgMTEuODI3MiAyMC44MDU3IDEyLjAzMTggMjAuODA1N0MxMi4yMzY1IDIwLjgwNTcgMTIuNDMyOCAyMC43MjQ0IDEyLjU3NzUgMjAuNTc5N1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-item-action.action-wishlist:hover{
    background: #333f48;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-item-action.action-wishlist span{
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    width: 0;
    color: #fff;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-item-action.action-wishlist:hover span{
    width: auto;
    padding: 0 6px 0 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-item-action.action-wishlist.liked:before{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjU3NzUgMjAuNTc5N0wyMC4zOTM4IDEyLjc2MzRDMjIuMzE0NCAxMC44NDI4IDIyLjU5NzcgNy42ODMyMyAyMC43ODAyIDUuNjY0ODhDMjAuMzI1IDUuMTU3ODYgMTkuNzcxMiA0Ljc0ODkgMTkuMTUyNyA0LjQ2Mjk3QzE4LjUzNDEgNC4xNzcwNCAxNy44NjM4IDQuMDIwMTMgMTcuMTgyNyA0LjAwMTgxQzE2LjUwMTUgMy45ODM1IDE1LjgyMzcgNC4xMDQxNiAxNS4xOTA3IDQuMzU2NDNDMTQuNTU3NyA0LjYwODcxIDEzLjk4MjggNC45ODczMSAxMy41MDA5IDUuNDY5MTNMMTIuMDMxOCA2LjkzODI1TDEwLjc2MzQgNS42Njk4MUM4Ljg0MjgzIDMuNzQ5MjYgNS42ODMyMyAzLjQ2NTkxIDMuNjY0ODggNS4yODM0QzMuMTU3ODUgNS43Mzg2NiAyLjc0ODkgNi4yOTI0NCAyLjQ2Mjk3IDYuOTEwOTZDMi4xNzcwNCA3LjUyOTQ5IDIuMDIwMTMgOC4xOTk3OSAyLjAwMTgxIDguODgwOTZDMS45ODM1IDkuNTYyMTMgMi4xMDQxNSAxMC4yMzk5IDIuMzU2NDMgMTAuODcyOUMyLjYwODcgMTEuNTA1OSAyLjk4NzMxIDEyLjA4MDggMy40NjkxMyAxMi41NjI3TDExLjQ4NjIgMjAuNTc5N0MxMS42MzA5IDIwLjcyNDQgMTEuODI3MiAyMC44MDU3IDEyLjAzMTggMjAuODA1N0MxMi4yMzY1IDIwLjgwNTcgMTIuNDMyOCAyMC43MjQ0IDEyLjU3NzUgMjAuNTc5N1oiIGZpbGw9IiNEQTI5MUMiIHN0cm9rZT0iI0RBMjkxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-size: auto;
}
#quick-view-modal {padding: 19px 20px;}

.quickViewModal .modal-content {
    width: 60%;
    margin: 0 auto;
    top: 20%;
}
#quick-view-modal .qv-readmore {
    padding: 65px 0;
}
.product-area.product-description-review-area {
    padding-top: 100px;
    padding-bottom: 91px;
}
.product-description-review .product-description-tab-menu {
    border: none;
    border-top: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product-description-review .product-description-tab-menu .nav-item .nav-link {
    border: none;
    border-radius: 0;
    background-color: transparent;
    color: #a8a8a8;
    font-size: 18px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    padding: 22px 27px 0;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 575px) {
    .product-description-review .product-description-tab-menu .nav-item .nav-link {
        font-size: 16px;
        padding: 20px 10px 0;
    }
}
.product-description-review .product-description-tab-menu .nav-item.active .nav-link {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}
@media only screen and (max-width: 575px) {
    .product-description-review .product-description-tab-menu .nav-item.active .nav-link {
        font-size: 16px;
        font-weight: 400;
    }
}
.product-description-review .product-description-tab-menu .nav-item .nav-link:after {
    background-color: #c2a18a;
    content: "";
    position: absolute;
    opacity: 0;
    width: 50px;
    height: 4px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.product-description-review .product-description-tab-menu .nav-item.active .nav-link:after {
    opacity: 1;
}
@media only screen and (max-width: 575px) {
    .product-description-review .product-description-tab-menu .nav-item .nav-link:after {
        display: none;
    }
}
.product-description-review .tab-content {
    padding: 75px 0 0;
    margin-bottom: 5px;
}
@media only screen and (max-width: 1199px) {
    .product-description-review .tab-content {
        margin: 55px 0 0;
    }
}
@media only screen and (max-width: 991px) {
    .product-description-review .tab-content {
        margin: 0 0 0;
        padding: 50px 0 0;
    }
}
.product-description-review .tab-content .product-desc {
    font-size: 14px;
    line-height: 24px;
}
.product-description-review .tab-content .product-desc p {
    color: #333;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.8;
}
.product-description-review .tab-content .product-desc .product-desc-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (max-width: 991px) {
    .product-description-review .tab-content .product-desc .product-desc-row {
        display: block;
    }
}
.product-description-review .tab-content .product-desc .product-desc-row .product-thumb {
    margin-right: 70px;
}
@media only screen and (max-width: 1199px) {
    .product-description-review .tab-content .product-desc .product-desc-row .product-thumb {
        margin-right: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .product-description-review .tab-content .product-desc .product-desc-row .product-thumb {
        margin-right: 0;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .product-description-review .tab-content .product-desc .product-desc-row .product-thumb img {
        width: 100%;
    }
}
.product-description-review .tab-content .product-desc .product-desc-row .product-content {
    width: 100%;
    max-width: 550px;
}
@media only screen and (max-width: 1199px) {
    .product-description-review .tab-content .product-desc .product-desc-row .product-content {
        max-width: 100%;
    }
}
.product-description-review .tab-content .product-desc .product-desc-row .product-content h4 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
}
.product-description-review .tab-content .product-desc .product-desc-row .product-content p {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}
@media only screen and (max-width: 1199px) {
    .product-description-review .tab-content .product-desc .product-desc-row .product-content p {
        font-size: 14px;
    }
}
.product-description-review .tab-content .product-desc .product-desc-row .product-content p:last-child {
    margin-bottom: 11px;
}
.product-description-review .tab-content .product-size-chart .table tbody tr td {
    padding: 10px;
    border: 1px solid #ebebeb;
}
.product-description-review .tab-content .product-review .product-review-form .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 17px;
}
.product-description-review .tab-content .product-review .product-review-form p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-style: italic;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
.product-description-review .tab-content .product-review .product-review-form .rating {
    padding-left: 15px;
}
.product-description-review .tab-content .product-review .product-review-form .rating .rating-title {
    margin-right: 15px;
}
.product-description-review .tab-content .product-review .product-review-form .rating span {
    color: #444;
}
.product-description-review .tab-content .product-review .product-review-form form .review-form-content .form-group label {
    color: #444;
    font-size: 16px;
    margin-bottom: 10px;
}
.product-description-review .tab-content .product-review .product-review-form form .review-form-content .form-group textarea {
    padding: 20px;
    max-width: 100%;
    height: 150px;
    width: 100%;
    margin-bottom: 16px;
}
.product-description-review .tab-content .product-review .product-review-form form .review-form-content .form-group input {
    max-height: 60px;
}
.product-description-review .tab-content .product-review .product-review-form form .review-form-content .form-group .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    max-width: 100%;
    padding: 15px 25px;
    line-height: 2;
    width: 100%;
}
.product-description-review .tab-content .product-review .product-review-form form .review-form-content .form-group .btn-theme {
    font-size: 14px;
    min-width: 180px;
    padding: 13.5px 40px;
}
.product-description-review .tab-content .product-review .product-review-form form .review-form-content .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 18px;
    margin-bottom: 16px;
}
.product-description-review .tab-content .product-review .product-review-form form .review-form-content .form-check .form-check-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-right: 20px;
    min-width: 16px;
    min-height: 16px;
}
.product-description-review .tab-content .product-review .product-review-form form .review-form-content .form-check .form-check-label {
    font-size: 14px;
}
.total-star {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 35px;
    padding-bottom: 25px;
}
.product-description-review .tab-content .product-review .product-review-comments .title {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.4px;
}
.product-description-review .tab-content .product-review .product-review-comments .title span {
    font-weight: 600;
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    padding-bottom: 30px;
}
@media only screen and (max-width: 575px) {
    .product-description-review .tab-content .product-review .product-review-comments .comment-item {
        display: block;
    }
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item .thumb img {
    border-radius: 50%;
    min-width: 100px;
    margin-right: 30px;
    width: 100px;
    height: 100px;
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item .content {
    position: relative;
    top: 0;
}
@media only screen and (max-width: 575px) {
    .product-description-review .tab-content .product-review .product-review-comments .comment-item .content {
        top: 0;
        margin-top: 8px;
    }
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item .content .rating {
    margin-bottom: 7px;
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item .content .rating span,
.average-star span{
    color: #F5A623;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.63px;
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item .content .meta {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item .content .meta span {
    font-weight: 600;
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item .content .review {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 7px;
}
.product-description-review .tab-content .product-review .product-review-comments .comment-item2 {
    margin-bottom: 62px;
}
.product-description-review.style-two {
    margin-top: 30px;
}
.product-description-review.style-two .accordion {
    border: none;
    margin: 0;
    padding: 0;
}
.product-description-review.style-two .accordion .accordion-item {
    margin-bottom: 12px;
}
.product-description-review.style-two .accordion .accordion-item .accordion-header .accordion-button {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #c2a18a;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-left: 0;
    text-transform: uppercase;
}
.product-description-review.style-two .accordion .accordion-item .accordion-header .accordion-button:before {
    content: "-";
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 9px;
}
.product-description-review.style-two .accordion .accordion-item .accordion-header .accordion-button:after {
    display: none;
}
.product-description-review.style-two .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    color: #333;
    font-weight: 400;
}
.product-description-review.style-two .accordion .accordion-item .accordion-header .accordion-button.collapsed:before {
    content: "+";
}
.product-description-review.style-two .accordion .accordion-item .accordion-collapse {
    border: none;
    padding: 0;
}
.product-description-review.style-two .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 20px 0 0 0;
}
.product-description-review.style-two .accordion-item .product-desc .product-desc-row .product-content .desc-title {
    font-weight: 600;
    margin-bottom: 20px;
}
.product-description-review.style-two .accordion-item .product-desc .product-desc-row .product-content p {
    color: #444;
    font-size: 16px;
}
.rate {
    float: left;
    height: 46px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
    bottom: 0;
}
.rating-star {
    display: flex;
    align-items: center;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:25px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
#quick-view-modal .close {
    color: #333;
    opacity: 1;
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 0;
}
@media only screen and (max-width: 1199px) {
    .product-area.product-description-review-area {
        padding-top: 60px;
    }
}
@media only screen and (max-width: 1199px) {
    .product-area.product-description-review-area {
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 991px) {
    .product-area.product-description-review-area {
        padding-bottom: 50px;
    }
}
/*
-----------------------------------------------------------------------
    Blog CSS
-----------------------------------------------------------------------
*/
.blog-area.blog-default-area {
    padding: 88px 0 161px;
}
@media only screen and (max-width: 991px) {
    .blog-area.blog-default-area {
        padding: 78px 0 137px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-default-area {
        padding: 58px 0 130px;
    }
}
.blog-area.blog-default-area .container {
    max-width: 1470px;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-default-area .container .section-title {
        margin-bottom: 25px;
    }
}
.blog-area.blog-default-area .container .section-title .title {
    font-size: 50px;
    letter-spacing: -1px;
    margin-bottom: 55px;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-default-area .container .section-title .title {
        font-size: 36px;
    }
}
.blog-area.blog-grid-area {
    padding: 100px 0 100px;
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-grid-area {
        padding: 80px 0 50px;
    }
}
.blog-area.blog-grid-area .blog-content-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-grid-area .blog-content-column {
        display: block;
    }
}
.blog-area.blog-grid-area .sidebar-area {
    max-width: 300px;
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-grid-area .sidebar-area {
        margin-top: 70px;
    }
}
.blog-area.blog-grid-area .blog-content-area {
    max-width: 790px;
    width: 100%;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-grid-area .blog-content-area {
        padding-left: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-grid-area .blog-content-area {
        padding-left: 0;
    }
}
.blog-area.blog-grid-area .blog-content-area.no-sidebar {
    padding: 0;
    max-width: none;
}
.blog-area.blog-grid-area .post-item {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.blog-area.blog-grid-area .post-item .thumb {
    overflow: hidden;
}
.blog-area.blog-grid-area .post-item .thumb img {
    width: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
}
.blog-area.blog-grid-area .post-item .content .meta {
    margin-top: 18px;
    margin-bottom: 4px;
}
.blog-area.blog-grid-area .post-item .content .meta a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}
.blog-area.blog-grid-area .post-item .content .meta a:hover {
    text-decoration: underline;
}
.blog-area.blog-grid-area .post-item .content .inner-content {
    margin-bottom: 22px;
}
.blog-area.blog-grid-area .post-item .content .inner-content .title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.48px;
    line-height: 1.2;
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-grid-area .post-item .content .inner-content .title {
        font-size: 18px;
        line-height: 1.4;
    }
}
.blog-area.blog-grid-area .post-item .content .inner-content .title a {
    color: #333;
}
.blog-area.blog-grid-area .post-item .content .inner-content .title a:hover {
    color: #c2a18a;
}
.blog-area.blog-grid-area .post-item .content .inner-content p {
    color: #444;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
}
.blog-area.blog-grid-area .post-item .content .btn-theme {
    font-size: 14px;
    line-height: 1.7;
    padding: 11px 35px 11.3px;
}
.blog-area.blog-grid-area .post-item:hover .thumb img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.blog-area.blog-grid-area .pagination-area {
    margin-top: 66px;
}
.blog-area.blog-grid-area .pagination-area nav .page-numbers li {
    margin: 0 9px 0 0;
}
.blog-area.blog-grid-area .pagination-area nav .page-numbers li .page-number {
    color: #a8a8a8;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 2px;
    min-width: 38px;
}
.blog-area.blog-grid-area .pagination-area nav .page-numbers li .page-number.next i {
    line-height: 1;
    font-size: 14px;
}
.blog-area.blog-grid-area .pagination-area nav .page-numbers li .page-number.active {
    background-color: #333;
    color: #fff;
    cursor: pointer;
}
.blog-area.blog-grid-area .pagination-area nav .page-numbers li .page-number:hover {
    background-color: #333;
    color: #fff;
}
.blog-area.blog-grid-area.style-two .blog-content-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-grid-area.style-two .blog-content-column {
        display: block;
    }
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-grid-area.style-two .blog-content-area {
        padding-right: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-grid-area.style-two .blog-content-area {
        padding-right: 0;
    }
}
.blog-area.blog-style1-area {
    background-color: #eee;
    padding: 0;
}
.blog-area.blog-style1-area .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}
@media only screen and (max-width: 991px) {
    .blog-area.blog-style1-area .container-fluid {
        padding: 0 50px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid {
        display: block;
        padding: 0 15px;
    }
}
.blog-area.blog-style1-area .container-fluid .col-left {
    padding-top: 105px;
    position: relative;
    width: 41.18%;
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid .col-left {
        margin-bottom: 30px;
        padding-top: 30px;
        width: 100%;
    }
}
.blog-area.blog-style1-area .container-fluid .col-left .post-items.post-items-style3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.blog-area.blog-style1-area .container-fluid .col-left .post-items.post-items-style3 .post-item {
    max-width: 600px;
    position: relative;
    right: -56px;
}
@media only screen and (max-width: 991px) {
    .blog-area.blog-style1-area .container-fluid .col-left .post-items.post-items-style3 .post-item {
        right: auto;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid .col-left .post-items.post-items-style3 .post-item {
        max-width: none;
    }
}
.blog-area.blog-style1-area .container-fluid .col-left .post-items.post-items-style3 .post-item .text-rotate {
    color: #999999;
    font-family: "Mukta", sans-serif;
    font-size: 22px;
    left: -50px;
    letter-spacing: 6.6px;
    line-height: 1;
    margin: auto;
    padding: 0;
    position: absolute;
    top: 13px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 1599px) {
    .blog-area.blog-style1-area .container-fluid .col-left .post-items.post-items-style3 .post-item .text-rotate {
        left: -30px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid .col-left .post-items.post-items-style3 .post-item .text-rotate {
        display: none;
    }
}
.blog-area.blog-style1-area .container-fluid .col-left .btn-theme.btn-top {
    background-color: #222;
    bottom: 0;
    font-size: 18px;
    left: 0;
    letter-spacing: 1.8px;
    line-height: 30px;
    padding: 20px 30px 20px 30px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid .col-left .btn-theme.btn-top {
        display: none;
    }
}
.blog-area.blog-style1-area .container-fluid .col-left .btn-theme.btn-top:hover {
    background-color: #bb7b1c;
}
.blog-area.blog-style1-area .container-fluid .col-right {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 80px;
    padding-top: 100px;
    width: 58.82%;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-style1-area .container-fluid .col-right {
        padding-top: 70px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid .col-right {
        padding-bottom: 60px;
        width: 100%;
    }
}
.blog-area.blog-style1-area .container-fluid .col-right .content-right {
    left: 34px;
    max-width: 546.55px;
    position: relative;
}
@media only screen and (max-width: 991px) {
    .blog-area.blog-style1-area .container-fluid .col-right .content-right {
        left: 0;
        max-width: 300px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid .col-right .content-right {
        max-width: none;
    }
}
.blog-area.blog-style1-area .container-fluid .col-right .post-items.post-items-style3 .post-item {
    position: relative;
}
.blog-area.blog-style1-area .container-fluid .col-right .post-items.post-items-style3 .post-item .text-rotate {
    color: #999999;
    font-family: "Mukta", sans-serif;
    font-size: 22px;
    left: -50px;
    letter-spacing: 6.6px;
    line-height: 1;
    margin: auto;
    padding: 0;
    position: absolute;
    top: 13px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 1599px) {
    .blog-area.blog-style1-area .container-fluid .col-right .post-items.post-items-style3 .post-item .text-rotate {
        left: -30px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid .col-right .post-items.post-items-style3 .post-item .text-rotate {
        display: none;
    }
}
.blog-area.blog-style1-area .container-fluid .col-right .btn-theme.btn-blog {
    background-color: #222;
    font-size: 18px;
    letter-spacing: 1.8px;
    line-height: 30px;
    margin-bottom: 110px;
    padding: 20px 30px 20px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-style1-area .container-fluid .col-right .btn-theme.btn-blog {
        margin-bottom: 50px;
    }
}
.blog-area.blog-style1-area .container-fluid .col-right .btn-theme.btn-blog:hover {
    background-color: #bb7b1c;
}
.blog-area.blog-style1-area .container-fluid .section-title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 88px;
    position: relative;
    right: -58px;
}
@media only screen and (max-width: 991px) {
    .blog-area.blog-style1-area .container-fluid .section-title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        right: auto;
    }
}
@media only screen and (max-width: 767px) {
    .blog-area.blog-style1-area .container-fluid .section-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
    }
}
.blog-area.blog-style1-area .container-fluid .section-title .title {
    font-size: 70px;
    font-weight: 400;
    letter-spacing: -1.4px;
    margin-bottom: 3px;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-style1-area .container-fluid .section-title .title {
        font-size: 40px;
    }
}
.blog-area.blog-style1-area .container-fluid .section-title .title-stroke {
    font-size: 70px;
    font-weight: 400;
    letter-spacing: -1.4px;
    margin-right: 17px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: currentColor;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-style1-area .container-fluid .section-title .title-stroke {
        font-size: 40px;
    }
}
.blog-area.blog-related-area {
    padding-bottom: 69px;
}
.blog-area.blog-related-area .section-title {
    margin: 0;
    padding: 49px 0 50px;
    border-top: 1px solid #ebebeb;
}
.blog-area.blog-related-area .section-title .title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.56px;
    line-height: 1.2;
}
.blog-area.blog-about-area {
    padding: 81px 0 65px;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-about-area {
        padding: 60px 0 60px;
    }
}
.blog-area.blog-about-area .container {
    max-width: 1470px;
}
.blog-area.blog-about-area .container .section-title {
    margin-bottom: 92px;
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-about-area .container .section-title {
        margin-bottom: 70px;
    }
}
.blog-area.blog-about-area .container .section-title .title {
    font-size: 36px;
    letter-spacing: -0.72px;
    line-height: 1.3px;
    margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
    .blog-area.blog-about-area .post-items .post-item {
        display: block;
    }
}
@media only screen and (max-width: 575px) {
    .blog-area.blog-about-area .post-items .post-item .thumb {
        margin-bottom: 30px;
        margin-right: 0;
        width: 100%;
    }
}
@media only screen and (max-width: 1199px) {
    .blog-area.blog-about-area .post-items .post-item .content {
        padding-top: 0;
    }
}
.blog-area.blog-about-area .post-items .post-item .content .inner-content .title {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.blog-area.blog-about-area .post-items .post-item .content .inner-content p {
    font-size: 14px;
}
.blog-area.blog-about-area .post-items .post-item .content .btn-theme {
    font-size: 13px;
    text-transform: capitalize;
}

.post-items .post-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.post-items .post-item .thumb {
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    width: 345px;
}
.post-items .post-item .thumb > a {
    display: block;
    position: relative;
}
.post-items .post-item .thumb img {
    width: 100%;
    transition: 2s;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
}
.post-items .post-item .thumb:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.post-items .post-item .content {
    max-width: 315px;
    padding: 19px 0 0;
}
.post-items .post-item .content .post-meta {
    margin-bottom: 14px;
}
.post-items .post-item .content .post-meta img {
    border-radius: 50%;
    margin-top: 1px;
    height: 40px;
    width: 40px;
}
.post-items .post-item .content .post-meta a {
    color: #333;
    font-size: 14px;
    margin-left: 10px;
}
.post-items .post-item .content .post-meta a:hover {
    color: #9771B0;
}
.post-items .post-item .content .inner-content .title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.post-items .post-item .content .inner-content .title a {
    color: #333;
}
.post-items .post-item .content .inner-content .title a:hover {
    color: #9771B0;
}
.post-items .post-item .content .inner-content p {
    color: #666;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.6;
}
.post-items .post-item .content .btn-theme {
    border-color: #333;
    color: #333;
    font-size: 18px;
    padding: 10px 15px 10px 15px;
    text-transform: uppercase;
    line-height: normal;
}
.post-items .post-item .content .btn-theme:hover {
    background-color: #bfabcd;
    border-color: #bfabcd;
    color: #fff;
}
.post-items.post-items-style3 .post-item {
    display: block;
}
.post-items.post-items-style3 .post-item .thumb {
    width: auto;
    margin-right: 0;
}
@media only screen and (max-width: 1199px) {
    .post-items.post-items-style3 .post-item .thumb {
        width: 345px;
    }
}
@media only screen and (max-width: 991px) {
    .post-items.post-items-style3 .post-item .thumb {
        width: 100%;
    }
}
.post-items.post-items-style3 .post-item .thumb img {
    width: 100%;
}
.post-items.post-items-style3 .post-item .content {
    max-width: none;
    padding-top: 30px;
    text-align: center;
}
.post-items.post-items-style3 .post-item .content .inner-content .title {
    color: #333;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -0.64px;
    text-transform: none;
}
@media only screen and (max-width: 1199px) {
    .post-items.post-items-style3 .post-item .content .inner-content .title {
        font-size: 24px;
    }
}
.post-items.post-items-style3 .post-item .content .inner-content .title a:hover {
    color: #333;
}
.post-items.post-items-style3 .post-item .content .inner-content p {
    color: #666;
    font-size: 20px;
    line-height: 36px;
}
@media only screen and (max-width: 991px) {
    .post-items.post-items-style3 .post-item .content .inner-content p br {
        display: none;
    }
}
.post-items.post-items-style3 .btn-blog {
    background-color: #222;
    margin-bottom: 100px;
    padding: 23px 30px 22px 30px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1.8px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.post-items.post-items-style3 .btn-blog:hover {
    background-color: #bb7b1c;
}

.post-items-style2 .post-item {
    margin-bottom: 50px;
}
.post-items-style2 .pagination-area {
    margin-top: 22px;
}

.post-items-style3 .post-item .content .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 20px;
    text-align: center;
}
.post-items-style3 .post-item .content .title a {
    color: #333;
}
.post-items-style3 .post-item .content .title a:hover {
    color: #c2a18a;
}

.blog-grid-area {
    padding: 100px 0 101px;
}
@media only screen and (max-width: 1199px) {
    .blog-grid-area {
        padding: 70px 0px 70px;
    }
}

.post-slider-container .swiper-pagination {
    bottom: auto;
    position: relative;
    margin-top: 56px;
}
.post-slider-container .swiper-pagination .swiper-pagination-bullet {
    background-color: #d8d8d8;
    width: 14px;
    height: 14px;
    opacity: 1;
    margin: 0 10px !important;
}
.post-slider-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #bfabcd;
}
.post-slider-container .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #bfabcd;
}

.blog-details-area {
    padding: 80px 0 78px;
}
.blog-details-area .blog-content-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 991px) {
    .blog-details-area .blog-content-column {
        display: block;
    }
}
.blog-details-area .blog-content-column .sidebar-area {
    max-width: 300px;
    width: 100%;
}
@media only screen and (max-width: 991px) {
    .blog-details-area .blog-content-column .sidebar-area {
        margin-top: 70px;
    }
}
.blog-details-area .blog-content-column .blog-content-area {
    max-width: 790px;
    width: 100%;
}
@media only screen and (max-width: 1199px) {
    .blog-details-area .blog-content-column .blog-content-area {
        padding-left: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .blog-details-area .blog-content-column .blog-content-area {
        padding-left: 0;
        max-width: none;
    }
}
.blog-details-area .blog-content-column .blog-content-area.no-sidebar {
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.blog-details-area.style-two .blog-content-column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
@media only screen and (max-width: 991px) {
    .blog-details-area.style-two .blog-content-column {
        display: block;
    }
}
@media only screen and (max-width: 1199px) {
    .blog-details-area.style-two .blog-content-area {
        padding-right: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .blog-details-area.style-two .blog-content-area {
        padding-right: 0;
    }
}

.sidebar-area .widget .widget-title {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
    margin: 0;
    text-transform: capitalize;
}
.sidebar-area .widget-search-box form .form-input-item {
    color: #333;
    margin-bottom: 60px;
    margin-top: 17px;
    position: relative;
}
.sidebar-area .widget-search-box form .form-input-item input {
    border: 1px solid #ebebeb;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    height: 60px;
    padding: 15px 40px 15px 20px;
    width: 100%;
    background: transparent;
    color: inherit;
}
.sidebar-area .widget-search-box form .form-input-item input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
}
.sidebar-area .widget-search-box form .form-input-item input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
}
.sidebar-area .widget-search-box form .form-input-item input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
}
.sidebar-area .widget-search-box form .form-input-item input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
}
.sidebar-area .widget-search-box form .form-input-item button {
    border: none;
    background-color: transparent;
    display: block;
    color: inherit;
    position: absolute;
    padding-right: 16px;
    right: 0;
    top: 50%;
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sidebar-area .widget-search-box form .form-input-item button i {
    font-size: 16px;
}
.sidebar-area .widget-custom-menu {
    margin-bottom: 60px;
    margin-top: 20px;
}
.sidebar-area .widget-custom-menu ul .has-sub {
    color: #444;
    padding: 6px 0;
    margin-bottom: 6px;
    position: relative;
}
.sidebar-area .widget-custom-menu ul .has-sub a {
    display: block;
    position: relative;
}
.sidebar-area .widget-custom-menu ul .has-sub .collapsed {
    color: #444;
    font-size: 16px;
}
.sidebar-area .widget-custom-menu ul .has-sub .collapsed:hover {
    color: #c2a18a;
}
.sidebar-area .widget-custom-menu ul .has-sub ul {
    margin-left: 15px;
    margin-left: 16px;
    padding-top: 14px;
    padding-bottom: 3px;
}
.sidebar-area .widget-custom-menu ul .has-sub ul li {
    margin-bottom: 9px;
}
.sidebar-area .widget-custom-menu ul .has-sub ul li a {
    color: #444;
}
.sidebar-area .widget-custom-menu ul .has-sub ul li a:before {
    display: none;
}
.sidebar-area .widget-custom-menu ul .has-sub ul li a:hover {
    color: #c2a18a;
}
.sidebar-area .widget-custom-menu ul .has-sub ul li:last-child {
    margin-bottom: 0;
}
.sidebar-area .widget-tags {
    margin-top: 23px;
}
.sidebar-area .widget-tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sidebar-area .widget-tags ul li {
    margin: 0;
    padding-bottom: 5px;
    padding-right: 4px;
}
.sidebar-area .widget-tags ul li a {
    border: none;
    color: #333;
    font-size: 14px;
    padding: 0;
}
.sidebar-area .widget-tags ul li a:hover {
    background-color: transparent;
    color: #c2a18a;
    text-decoration: underline;
}
.sidebar-area .widget-blog-post {
    margin-top: 36px;
}
.sidebar-area .widget-blog-post ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 38px;
    padding-bottom: 35px;
}
.sidebar-area .widget-blog-post ul li .thumb {
    min-width: 100px;
    margin-right: 20px;
}
.sidebar-area .widget-blog-post ul li .content h4 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    line-height: 1.4;
    margin-bottom: 5px;
}
.sidebar-area .widget-blog-post ul li .content h4 a {
    color: #333;
}
.sidebar-area .widget-blog-post ul li .content h4 a:hover {
    color: #c2a18a;
}
.sidebar-area .widget-blog-post ul li .content span {
    color: #a8a8a8;
    display: block;
    font-size: 12px;
    line-height: 1.8;
}
.sidebar-area .widget-blog-post ul li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sidebar-area .widget-gallery {
    margin-bottom: 68px;
    margin-top: 32px;
}
.sidebar-area .widget-gallery .gallery-item {
    position: relative;
    margin-bottom: 4px;
}
.sidebar-area .widget-gallery .gallery-item:before {
    background-color: rgba(84, 89, 95, 0.6);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    left: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.sidebar-area .widget-gallery .gallery-item a {
    color: #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.sidebar-area .widget-gallery .gallery-item a i {
    font-size: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.sidebar-area .widget-gallery .gallery-item:hover:before {
    opacity: 1;
}
.sidebar-area .widget-gallery .gallery-item:hover a i {
    opacity: 1;
}
.sidebar-area .widget-banner {
    margin-top: 62px;
    margin-bottom: 70px;
    position: relative;
}
.sidebar-area .widget-banner a:before {
    background-color: #333;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.sidebar-area .widget-banner:hover a:before {
    opacity: 0.4;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.post-details-content .post-details-body .content .category {
    margin-top: 23px;
    margin-bottom: 4px;
}
.post-details-content .post-details-body .content .category a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
}
.post-details-content .post-details-body .content .category a:hover {
    text-decoration: underline;
}
.post-details-content .post-details-body .content p {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 0;
    margin-top: 10px;
}
.post-details-content .post-details-body .content h4 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.56px;
    line-height: 1.2;
    margin-top: 0;
}
@media only screen and (max-width: 575px) {
    .post-details-content .post-details-body .content h4 {
        font-size: 20px;
        line-height: 1.41;
    }
}
.post-details-content .post-details-body .content .meta {
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    margin-top: 8px;
    margin-bottom: 30px;
}
.post-details-content .post-details-body .content .meta li {
    color: #444;
    font-size: 14px;
    font-weight: 400;
}
.post-details-content .post-details-body .content .meta li a {
    color: #444;
}
.post-details-content .post-details-body .content .meta li a:hover {
    color: #c2a18a;
}
.post-details-content .post-details-body .content .meta .author {
    margin-right: 14px;
}
.post-details-content .post-details-body .content .meta .date {
    margin-left: 14px;
}
.post-details-content .post-details-body .content .blockquote-area {
    margin-bottom: 10px;
}
.post-details-content .post-details-body .content .blockquote-area .blockquote-style1 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px;
}
.post-details-content .post-details-body .content .blockquote-area2 {
    text-align: center;
    padding: 60px 40px;
    margin: 50px 0;
    position: relative;
}
.post-details-content .post-details-body .content .blockquote-area2:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    background-color: #c2a18a;
    z-index: -1;
    width: 17em;
    height: 17em;
    border-radius: 50%;
    opacity: 0.3;
}
.post-details-content .post-details-body .content .blockquote-area2 .blockquote-style2 {
    color: #333;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -0.68px;
    line-height: 1.3;
    margin: 0;
    max-width: 400px;
    margin-bottom: 11px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.post-details-content .post-details-body .content .blockquote-area2 h5 {
    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    line-height: 1.6;
    margin: 0;
}
.post-details-content .post-details-body .content .video-thumb {
    position: relative;
    margin-top: 20px;
    margin-bottom: 32px;
}
.post-details-content .post-details-body .content .video-thumb:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.post-details-content .post-details-body .content .video-thumb .video-img:before {
    color: #333;
    font-family: LaStudioIcons;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "";
    position: absolute;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: -34px;
    z-index: 2;
    font-size: 18px;
    background: white;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.post-details-content .post-details-body .content .video-thumb:hover .video-img:before {
    color: #c2a18a;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.post-details-content .post-details-body .content .video-thumb:hover:after {
    opacity: 0.2;
}
.post-details-content .post-details-body .content .category-social-content {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 15px;
    margin-top: 70px;
    margin-bottom: 61px;
}
@media only screen and (max-width: 575px) {
    .post-details-content .post-details-body .content .category-social-content {
        display: block;
    }
}
@media only screen and (max-width: 575px) {
    .post-details-content .post-details-body .content .category-social-content .category-items {
        margin-bottom: 15px;
    }
}
.post-details-content .post-details-body .content .category-social-content .category-items span {
    color: #a8a8a8;
    font-size: 14px;
}
.post-details-content .post-details-body .content .category-social-content .category-items a {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    margin-right: 0;
}
.post-details-content .post-details-body .content .category-social-content .category-items a:hover {
    color: #c2a18a;
}
.post-details-content .post-details-body .content .category-social-content .social-items {
    margin-top: 1px;
}
.post-details-content .post-details-body .content .category-social-content .social-items a {
    font-size: 14px;
    margin-left: 6px;
    display: inline-block;
    line-height: 29px;
    width: 27px;
    height: 27px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}
.post-details-content .post-details-body .content .category-social-content .social-items a.one {
    background-color: #272eae;
}
.post-details-content .post-details-body .content .category-social-content .social-items a.two {
    background-color: #1590d8;
}
.post-details-content .post-details-body .content .category-social-content .social-items a.three {
    background-color: #a8a8a8;
}
.post-details-content .post-details-body .content .category-social-content .social-items a.four {
    background-color: #d0021b;
}

.comments-area h2 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 1.4;
    margin-bottom: 15px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-control {
    border-color: #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 17px;
    min-height: 60px;
    padding: 15px 25px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-control.textarea {
    margin-bottom: 20px;
    min-height: 150px;
    padding: 20px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #333;
    font-size: 14px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
    font-size: 14px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #333;
    font-size: 14px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #333;
    font-size: 14px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-control:focus {
    border-color: #bbb;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .comment-form-cookies {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .comment-form-cookies input[type=checkbox] {
    background-color: #fff;
    border: 1px solid #bbb;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    line-height: 0;
    min-width: 16px;
    height: 16px;
    margin: -3px 14px 0 0;
    outline: 0;
    text-align: center;
    vertical-align: middle;
    clear: none;
    cursor: pointer;
    -webkit-appearance: none;
    width: 16px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .comment-form-cookies label {
    color: #444;
    font-size: 14px;
    padding: 0 5px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .btn-theme {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    top: -3px;
    padding: 19px 30px;
    min-width: 180px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-check-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-top: 6px;
}
.comments-area .comments-form-wrap form .comments-form-content .form-group .form-check-label {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    padding-left: 15px;
    margin-bottom: 22px;
}
/*-------- Button Style Css --------*/
.btn-theme {
    background-color: #c2a18a;
    border-color: #c2a18a;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    padding: 21px 37px;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.btn-theme .icon {
    font-size: 23px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 42px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.btn-theme .icon.icon-img {
    max-width: none;
    width: auto;
}
.btn-theme:hover, .btn-theme:focus {
    background-color: #f8f3f0;
    border-color: #f8f3f0;
    color: #fff;
}
.btn-theme:hover .icon, .btn-theme:focus .icon {
    right: 40px;
}
.btn-theme.btn-theme-color2 {
    background-color: #f8f3f0;
    border-color: #f8f3f0;
}
.btn-theme.btn-theme-color2:hover, .btn-theme.btn-theme-color2:focus {
    background-color: #c2a18a;
    border-color: #c2a18a;
}
.btn-theme.btn-black {
    background-color: #333;
    border-color: #333;
}
.btn-theme.btn-black:hover {
    background-color: #c2a18a;
    border-color: #c2a18a;
    color: #fff;
}
.btn-theme.btn-black.btn-border {
    background-color: transparent;
    border-color: #333;
    color: #333;
}
.btn-theme.btn-black.btn-border:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
.btn-theme.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}
.btn-theme.btn-white:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.btn-theme.btn-white.btn-border {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.btn-theme.btn-white.btn-border:hover {
    background-color: #fff;
    border-color: #fff;
    color: #c2a18a;
}
.btn-theme.btn-gray {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #000;
}
.btn-theme.btn-gray:hover {
    background-color: #c2a18a;
    border-color: #c2a18a;
    color: #fff;
}
.btn-theme.btn-border {
    background-color: transparent;
    border: 1px solid #c2a18a;
    color: #c2a18a;
    padding: 5px 25px 5px 25px;
}
.btn-theme.btn-border:hover {
    background-color: #c2a18a;
    border-color: #c2a18a;
    color: #fff;
}
.btn-theme.btn-border.btn-theme-color2 {
    background-color: transparent;
    border-color: #f8f3f0;
    color: #f8f3f0;
}
.btn-theme.btn-border.btn-theme-color2:hover {
    background-color: #f8f3f0;
    border-color: #f8f3f0;
    color: #fff;
}
.btn-theme.btn-border.btn-gray {
    background-color: transparent;
    border-color: #e8e8e8;
    color: #1b1b1b;
}
.btn-theme.btn-border.btn-gray:hover {
    background-color: #c2a18a;
    border-color: #c2a18a;
    color: #fff;
}
.btn-theme.btn-border.btn-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.btn-theme.btn-border.btn-white:hover {
    background-color: #c2a18a;
    border-color: #c2a18a;
    color: #fff;
}
.btn-theme.btn-padding {
    padding: 10px 30px 10px 30px;
}
.btn-theme.btn-round {
    border-radius: 25px;
}
.btn-theme.btn-round.btn-slide:before {
    border-radius: 25px;
}
.btn-theme.btn-slide {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.btn-theme.btn-slide:before {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    bottom: -40px;
    content: "";
    height: 65px;
    left: -27px;
    position: absolute;
    width: 65px;
    z-index: -1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.btn-theme.btn-slide:after {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    content: "";
    height: 65px;
    position: absolute;
    right: -27px;
    top: -40px;
    width: 65px;
    z-index: -1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}
.btn-theme.btn-slide .icon.icon-img {
    right: 42px;
}
.btn-theme.btn-slide:hover:before {
    border-radius: 32.5px;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    width: 100%;
}
.btn-theme.btn-slide:hover:after {
    border-radius: 32.5px;
    height: 100%;
    opacity: 0;
    right: 0;
    top: 0;
    width: 100%;
}
.btn-theme.btn-hover-style {
    background-color: transparent;
    border: 1px solid #3a3a3a;
    color: #333;
    position: relative;
    z-index: 1;
}
.btn-theme.btn-hover-style:before {
    background-color: #0a1039;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.btn-theme.btn-hover-style:hover {
    color: #fff;
}
.btn-theme.btn-hover-style:hover:before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}
.btn-theme.btn-hover-style-bg {
    background-color: #c2a18a;
    border: 1px solid #c2a18a;
    color: #fff;
    position: relative;
    z-index: 1;
}
.btn-theme.btn-hover-style-bg:before {
    background-color: #0a1039;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.btn-theme.btn-hover-style-bg:hover {
    color: #fff;
}
.btn-theme.btn-hover-style-bg:hover:before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}
.btn-theme.btn-size-xs {
    border-radius: 19px;
    font-size: 15px;
    line-height: 1.5;
    min-height: 38px;
    min-width: 105px;
    padding: 8px 17px;
}
.btn-theme.btn-size-xs .icon {
    right: 20px;
}
.btn-theme.btn-size-xs.btn-border {
    padding: 7px 18px;
}
.btn-theme.btn-size-sm {
    font-size: 14.4px;
    padding: 5.76px 21.6px;
}
.btn-theme.btn-size-md {
    font-size: 15px;
    min-height: 45px;
    min-width: 150px;
    padding: 12px 22px;
}
.btn-theme.btn-size-md .icon {
    right: 22px;
}
.btn-theme.btn-size-md.btn-border {
    padding: 10px 20px;
}
.btn-theme.btn-size-lg {
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 30px 10px 30px;
}
.btn-theme.btn-size-xl {
    height: 50px;
    min-width: 220px;
    text-align: center;
}
.btn-theme.btn-size-xxl {
    height: 52px;
    min-width: 270px;
    text-align: center;
}
.row-gutter-4 {
    margin-right: -2px;
    margin-left: -2px;
    column-count: 3;
    column-gap: 5px;
}
.sidebar-area .widget .widget-title {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
    margin: 0;
    text-transform: capitalize;
}
.sidebar-area .widget-tags {
    margin-top: 23px;
}
.sidebar-area .widget-tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sidebar-area .widget-tags ul li {
    margin: 0;
    padding-bottom: 5px;
    padding-right: 4px;
}
.sidebar-area .widget-tags ul li a {
    border: none;
    color: #333;
    font-size: 14px;
    padding: 0;
}
.sidebar-area .widget-tags ul li a:hover {
    background-color: transparent;
    color: #c2a18a;
    text-decoration: underline;
}
/*-------- Pagination Style Css --------*/
.pagination-area .page-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}
.pagination-area .page-numbers li {
    display: inline-block;
    margin: 0 8px 0 0;
}
@media only screen and (max-width: 575px) {
    .pagination-area .page-numbers li {
        margin-bottom: 7px;
    }
}
.pagination-area .page-numbers li .page-number {
    background-color: transparent;
    border: 1px solid #ebebeb;
    border-radius: 0;
    display: inline-block;
    color: #a8a8a8;
    height: 38px;
    padding: 0;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    min-width: 38px;
}
.pagination-area .page-numbers li .page-number.active {
    background-color: #333;
    color: #fff;
}
.pagination-area .page-numbers li .page-number.disabled {
    cursor: not-allowed;
}
.pagination-area .page-numbers li .page-number i {
    font-size: 24px;
    line-height: 40px;
}
.pagination-area .page-numbers li .page-number.prev {
    font-size: 24px;
}
.pagination-area .page-numbers li .page-number.next {
    font-size: 24px;
}
.pagination-area .page-numbers li .page-number:hover {
    background-color: #333;
    color: #fff;
}
.pagination-area .total-pages {
    font-size: 14px;
    line-height: 24px;
}
.pagination-area .total-pages p {
    color: #666666;
    margin: 4px 0 0;
}
/*-------- Page Title Style Css --------*/
.page-title-area {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.page-title-area.page-title-area2 .container {
    max-width: 1670px;
}
.page-title-area .page-title-content {
    letter-spacing: 0;
    padding: 70px 0 52px;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .page-title-area .page-title-content {
        padding: 75px 0 70px;
    }
}
@media only screen and (max-width: 575px) {
    .page-title-area .page-title-content {
        padding: 50px 0 40px;
    }
}
.page-title-area .page-title-content .title {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.8px;
    line-height: 1.2;
    margin-bottom: 13px;
}
@media only screen and (max-width: 1199px) {
    .page-title-area .page-title-content .title {
        font-size: 26px;
    }
}
@media only screen and (max-width: 575px) {
    .page-title-area .page-title-content .title {
        font-size: 18px;
    }
}
.page-title-area .page-title-content .bread-crumbs {
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
}
@media only screen and (max-width: 1199px) {
    .page-title-area .page-title-content .bread-crumbs {
        margin-bottom: 0;
    }
}
.page-title-area .page-title-content .bread-crumbs .line-shape {
    margin-right: 19px;
}
@media only screen and (max-width: 575px) {
    .page-title-area .page-title-content .bread-crumbs .line-shape {
        margin-right: 12px;
    }
}
.page-title-area .page-title-content .bread-crumbs a {
    color: #999999;
}
.page-title-area .page-title-content .bread-crumbs a:hover {
    color: #fff;
}
.page-title-area .page-title-content .bread-crumbs span.active {
    color: #fff;
}
.page-title-area .page-title-content .bread-crumbs .breadcrumb-sep {
    color: #fff;
    padding: 0 4.2px;
    position: relative;
    top: 0;
}
.page-title-area .page-title-content.content-style2 {
    padding: 230px 0;
}
@media only screen and (max-width: 1199px) {
    .page-title-area .page-title-content.content-style2 {
        padding: 90px 0;
    }
}
@media only screen and (max-width: 575px) {
    .page-title-area .page-title-content.content-style2 {
        padding: 70px 0;
    }
}
.page-title-area .page-title-content.content-style2 .title {
    line-height: 1;
    margin: 0;
}
@media only screen and (max-width: 575px) {
    .page-title-area .page-title-content.content-style2 .title {
        line-height: 1.4;
    }
}
.page-title-area .page-title-content.content-style-2 {
    padding: 50px 0 43px;
    text-align: left;
}
.page-title-area .page-title-content.content-style-2 .bread-crumbs a:hover {
    color: #333;
}
.page-title-area .page-title-content.content-style-2 .bread-crumbs .active {
    color: #333;
}
.page-title-area .page-title-content.content-style-2 .bread-crumbs .breadcrumb-sep {
    color: #333;
}

.bread-crumbs {
    color: #777;
    font-size: 16px;
}
.bread-crumbs a {
    color: #777;
}
.bread-crumbs a:hover {
    color: #c2a18a;
}
.dropdown-menu.user-dropdown {
    right: 0;
    left: auto;
    top: 30px;
    border: none;
}
.dropdown-menu.user-dropdown li a {
    font-size: 14px;
}
.topbar ul li.language a {
    display: flex;
    align-items: center;
}
.topbar ul li.language a i {
    background: transparent;
    height: auto;
}
.topbar ul.dropdown_language li {
    margin: 10px 0px;
    display: flex;
    justify-content: center;
}
.language ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #d3d3d3;
    text-align: center;
    padding: 0;
    display: none;
    z-index: 90;
    width: 100px;
    list-style: none;
    margin: 0;
}
.topbar ul.dropdown_language li:before {
    display: none;
}
.topbar .topbar-right>ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.product-gallery-item img {
    width: 100%;
    object-fit: cover;
}
.overflowed.pro-price del {
    color: #a0a0a0;
    padding-left: 5px;
}
.pro-loop .product-img img {
    max-width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover !important;
}
.design-by img {
    width: 20px;
}
/* Main CSS OTP Verification New Changing */
.wrapper{
    padding:0 0 100px;
    background-image:url("images/bg.png");
    background-position:bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
    min-height: 100%;
    /* height:100vh;
    display:flex;
    align-items:center;
    justify-content:center; */
}
.wrapper .logo img{
    max-width:40%;
}
.wrapper input{
    background-color:#f5f8fa;
    border-color:#f5f8fa;
    color:var(--gray);
}
.wrapper input:focus{
    box-shadow: none;
}
.wrapper .password-info{
    font-size:10px;
}
.wrapper .submit_btn{
    padding:10px 15px;
    font-weight:500;
}
.wrapper .login_with{
    padding:8px 15px;
    font-size:13px;
    font-weight: 500;
    transition:0.3s ease-in-out;
}
.wrapper .submit_btn:focus,
.wrapper .login_with:focus{
    box-shadow: none;
}
.wrapper .login_with:hover{
    background-color:#e3e3e3;
    border-color:#e3e3e3;
}
.wrapper .login_with img{
    max-width:7%;
}

/* OTP Verification CSS */
.wrapper .otp_input input{
    width:14%;
    height:70px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
@media (max-width:1200px){
    .wrapper .otp_input input{
        height:50px;
    }
}
@media (max-width:767px){
    .wrapper .otp_input input{
        height:40px;
    }
}