@font-face {
    src: url("/tp/T0402/font/Chronicle Display Roman.otf");
    font-family: 'Chronicle';
}
@font-face {
    src: url("/tp/T0402/font/MTD AlFresco.otf");
    font-family: 'MTD AlFresco';
}
@font-face {
    src: url("/tp/T0402/font/Raleway-Regular.ttf");
    font-weight: 400;
    font-family: 'Raleway';
}
@font-face {
    src: url("/tp/T0402/font/Raleway-Medium.ttf");
    font-weight: 500;
    font-family: 'Raleway';
}
@font-face {
    src: url("/tp/T0402/font/Raleway-Bold.ttf");
    font-weight: 700;
    font-family: 'Raleway';
}

@font-face {
    src: url("/tp/T0402/font/UTM God's WordBold.ttf");
    font-family: UTM;
}
@font-face {
    src: url("/tp/T0402/font/UTM God's WordBoldItalic.ttf");
    font-family: UTM WordBoldItalic;
}
@font-face {
    src: url("/tp/T0402/font/UTM God's WordR.ttf");
    font-family: UTM WordR;
}
@font-face {
    src: url("/tp/T0402/font/UTM God's WordRItalic.ttf");
    font-family: UTM R WordItalic;
}
@font-face {
    src: url("/tp/T0402/font/aP-Casablanca.ttf");
    font-family: 'aP Casablanca';
}
@font-face {
    src: url("/tp/T0402/font/aP-Casablanca-Italic.ttf");
    font-family: 'aP Casablanca Italic';
}

.one-fifth {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

body {
    font-family: UTM R WorldItalic;
}

body {
    background: #fff;
    position: relative;
}

* {
    color: #4f4f4f !important;
}

.page-header {
    margin: 0;
    border-bottom: none;
    padding-bottom: 0;
}

img {
    width: 100%;
}
.d_block{
    display: block!important;
}
.breadcrumb{
    background-color: #fffdf5;
    padding: 8px 0;
    margin: 10px 0 20px;
}
a{
    color: inherit;
}

button, button:focus{
    outline: none;
}
.justify-content-xl-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*!*header */
header .top-header {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    /*padding-top: 15px;*/
}

header .top-header.affix-mobile .top-header-row {
    display: none;
}
header .top-header .top-header-row {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 20px;
}
.all-product .product-item a img {
    object-fit: scale-down;
}
header .top-header .top-header-row .logo-header {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
}

.title-logo, .sub-title-logo {
    font-weight: normal;
    margin-top: 0;
    color: rgba(74,74,75,1);
}

.sub-title-logo {
    font-size: 16px;
    letter-spacing: 0.35em;
}

.logo-header a img{
    height: 100%;
    max-width: 100%;
    width: auto;
}
.logo-header a {
    height: 110px;
    margin-top: 70px;
}

header .top-header .top-header-row .action-wrapper {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    justify-content: flex-end;
}

header .top-header .top-header-row .action-wrapper .action .user-top{
    margin: 10px 15px 0;
    cursor: pointer;
    height: 100%;
}
.action-wrapper .action .user-top:hover .hd-account-content{
    display: inline-block;
}
.hd-account-content ul>li>a {
    position: relative;
    display: inline-block;
    color: #009dfd;
    font-size: 13px;
}
.hd-account-content ul>li {
    display: block;
    margin-bottom: 5px;
    text-align: left;
}
.hd-account-content ul:after {
    content: '';
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    position: absolute;
    top: -16px;
    left: 38px;
    margin: auto;
    width: 10px;
    display: block !important;
}
.hd-account-content ul {
    margin: 0;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .17);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .17);
}
.hd-account-content ul>li>a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.hd-account-content ul>li>a:hover:after {
    width: 100%;
}
.hd-account-content ul>li>a:after {
    content: '';
    display: block;
    border-bottom: 1px solid #1aa8ff;
    width: 0;
    position: absolute;
    left: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}
.hd-account-content{
    display: none;
    position: absolute;
    top: 100%;
    right: -10px;
    z-index: 100;
    min-width: 200px;
}
header .top-header .search-site .search-keyword{
    border-radius: 0;
    border: 1px solid #e6e6e6;
    width: 150px;
    font-size: 14px;
    color: #555;
    padding: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    border-right: none;
}
header .top-header .search-site .btntop i{
    color: #000;
}
header .top-header .search-site .btntop{
    /*background: #1aa8ff;*/
    /*border: #1aa8ff;*/
    background: #fff;
    border: 1px solid #e6e6e6;
    border-left: none;
}
.searchFolding {
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99999;
    -webkit-box-shadow: 0 0 5px #bbb;
    -moz-box-shadow: 0 0 5px #bbb;
    box-shadow: 0 0 5px #bbb;
}
.searchFolding a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 10px;
    color: #7e7e7e;
    text-align: left;
    font-size: 13px;
}
.searchFolding a:nth-of-type(odd) {
    background: #f6f6f6;
}
.searchFolding a span{
    color: #1aa8ff;
    font-size: 11px;
}
.action-wrapper .action .searchFolding a i {
    color: #1aa8ff;
    font-size: 11px;
}
header .top-header .search-site{
    display: flex;
    /*padding: 5px;*/
    /*-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.75);*/
    /*-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.75);*/
    /*box-shadow: 0 0 3px 0 rgba(0,0,0,.75);*/
    position: relative;
}
header .top-header .top-header-row .action-wrapper .action .page_header-search{
    display: none;
    top: 100%;
    position: absolute;
    bottom: 0;
    right: 50px;
}
header .top-header .top-header-row .action-wrapper .action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.action-wrapper .action i {
    font-size: 16px;
    color: black;
}

.hd-mn-txt {
    text-transform: uppercase;
    font-size: 17px;
    color: #4F4F4F;
    font-weight: 400;
    font-family: 'aP Casablanca'
}

.top-header.affix-mobile{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    top: 0;
}
.action .cart-top {
    position: relative;
}

.cart-top .cart-number {
    /*position: absolute;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*border-radius: 50%;*/
    /*background: #000;*/
    /*color: #fff;*/
    /*text-align: center;*/
    /*bottom: calc(100% - 8px);*/
    /*left: calc(100% - 8px);*/
}

.navbar-wrapper {
    display: flex;
    list-style: none;
    justify-content: center;
}

.navbar-wrapper>li>a.nav-link:hover{
    border-bottom: 1px solid rgba(74,74,75,1);
}
.navbar-wrapper .nav-item:not(:first-child) {
    margin-left: 56px;
}
.navbar-wrapper .nav-item {
    list-style: none;
    position: relative;
    padding: 9px 0;
}

.nav-item:not(:first-child):before {
    content: '';
    width: 7px;
    height: 7px;
    background: #754734;
    display: block;
    position: absolute;
    right: calc(100% + 24px);
    top: 50%;
    transform: translateY(-50%);
}

.navbar-wrapper .nav-item .nav-link {
    color: rgba(74,74,75,1);
    /*padding-bottom: 5px;*/
    font-size: 17px;
    text-transform: uppercase;
}

.menu-lv2 {
    min-width: 200px;
    margin-top: 8px;
    position: absolute;
    transform: translateY(50px);
    transition: all .6s ease;
}
.menu-lv2, .menu-lv3 {
    box-shadow: 1px 1px 5px #ccc;
    background: white;
    color: black;
    z-index: 2;
}
.menu-lv2 li {
    display: none;
}
.nav-item-lv2 {
    position: relative;
}
.menu-lv2 li a, .menu-lv3 li a {
    color: black !important;
}
.nav-item-lv2 a {
    padding-left: 10px;
}
.menu-lv3 {
    position: absolute;
    width: 100%;
    left: 100%;
    top: 0;
    transform: translateX(50px);
}
.menu-lv3 {
    box-shadow: 1px 1px 5px #ccc;
    position: absolute;
    transform: translateX(50px);
    transition: all .6s ease;
}
.navbar-wrapper .nav-item:hover>.menu-lv2 {
    transform: translateY(0);
}
.navbar-wrapper .nav-item:hover>.menu-lv2 .nav-item-lv2 {
    display: block;
}
.nav-item-lv2:hover>.menu-lv3 {
    transform: translateX(0);
}
.nav-item-lv2:hover>.menu-lv3 li {
    display: block;
}
ul {
    padding-inline-start: 0;
}
.banner-home .owl-nav{
    margin: 0;
}
.home-title {
    text-align: center;
    /*font-size: 32px;*/
    margin-top: 35px;
    border-bottom: 1px solid #d3d3d3;
    padding: 30px 0;
    font-style: initial;
}
.home-title h3{
    font-size: 25px;
    letter-spacing: 0.15em;
    line-height: 28px;
    font-family: 'Chronicle';
    margin: 0;
    text-transform: uppercase;
}
.home-title h3 span {
    font-size: 34px !important;
}

.home-title p{
    font-family: 'Raleway';
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 0;
    margin-top: 20px;
}
.home-title a{
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-family: 'Chronicle';
    color: #828282;
    border: 0.5px solid #BDBDBD;
    padding: 7.4px 0;
    width: 310px;
    margin-top: 23px;
    display: inline-block;
}

.banner-logo-wrapper .banner-text>p{
    font-family: 'Raleway';
}

.title_product{
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.email .title_product {
    padding-bottom: 0;
}
.title_product h3,.partner-title{
    font-family: 'Chronicle';
}
.title_product h3 {
    font-size: 34px;
}
.title_product h3.title-block{
    font-size: 25px;
}
.maxim{
    padding-bottom: 40px;
}
.maxim p{
    font-family: 'MTD AlFresco';
    font-size: 47px;
    line-height: 1;
    max-width: 950px;
    margin: 0 auto 20px;
}

.maxim span{
    font-family: 'Raleway';
    font-size: 15px;
    font-style: italic;
}
.nav-item-lv2, .nav-item-lv3 {
    padding: 5px 0;
}
.nav-item-lv2:hover, .nav-item-lv3:hover {
    background: #000;
}
.nav-item-lv2:hover>a, .nav-item-lv3:hover>a {
    color: #fff!important;
}
.nav-item-lv2 a.nav-link-lv2, .nav-item-lv3 a.nav-link-lv3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}
.nav-item-lv2 .nav-link-lv2 i {
    margin-right: 8px;
    font-weight: 500;
    font-size: 11px;
}
.product-img {
    width: 100%;
}

.product-price {
    display: flex;
}

.product-price .price {
    margin-right: 10px;
}

.hot-wrapper .product {
    display: flex;
    margin-bottom: 20px;
}

.see-more {
    display: flex;
    justify-content: center;
}

.see-more .btn-see-more {
    border-radius: 0;
    position: relative;
    height: 34px;
    line-height: 32px;
    width: 175px;
    border: 1px solid #4F4F4F;
    padding: 0;
    font-size: 16px;
    color: #4F4F4F;
    text-transform: uppercase;
    font-family: 'Chronicle';
}

.hot-product {
    margin-bottom: 80px;
}

.banner-logo-wrapper .banner {
    display: flex;
}
.banner .banner-detail .btn-wrapper {
    display: flex;
    justify-content: flex-start;
}

.banner .banner-detail .btn-wrapper .btn-detail {
    border: 1px solid lightgray;
    border-radius: 0;
    padding: 10px 25px;
    color: rgba(74,74,75,1);
}

.banner-text {
    padding: 20px 70px;
    background: #f5f5f5;
    width: 100%;
}

.banner-detail {
    display: flex;
    position: relative;
}

.banner-container {
    padding: 50px 0;
    /*border-top: 1px solid lightgray;*/
    /*border-bottom: 1px solid lightgray;*/
}

.banner-reverse .btn-wrapper {
    justify-content: flex-start!important;
}

.logo-partner {
    margin: 80px 0;
}

.partner-title, .title-container {
    text-align: center;
    text-transform: uppercase;
}

.news .title-container{
    margin-bottom: 50px;

}
.news {
    margin: 30px 0 50px 0;
}
.banner .detail-title{
    font-size: 28px;
    font-family: 'Chronicle';
}
.banner-text h5 {
    font-size: 16px;
}
.news-title, .title-contact {
    text-align: center;
}
.title-contact{
    font-family: 'Chronicle';
    font-size: 21px;
    line-height: 25px;
    text-transform: uppercase;
}

.email-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.email {
    background: #f2f2f2;
    margin: 40px auto 40px;
    padding: 50px 0 80px 0;
}

.email .email-wrapper>p{
    font-size: 18px;
    line-height: 1.6;
    font-family: 'Raleway';
    margin-top: 10px;
}

.email .form-email {
    display: flex;
    justify-content: center;
    width: fit-content;
    position: relative;
    margin-top: 20px;
    width: 100%;
    max-width: 327px;
}

.form-email button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 16px;
    line-height: 16px;
    right: 0;
    color: #fff !important;
    border-radius: 0;
    border: 0.5px solid #754734;
    background: #754734;
    text-transform: uppercase;
    font-family: 'aP Casablanca';
    width: 117px;
}

.form-email input {
    width: 100%;
    height: 23px;
    font-size: 17px;
    border: 0.5px solid #BDBDBD;
    padding-left: 8px;
}

input:focus {
    outline: none;
}

.form-email input::placeholder {
    font-size: 15px;
    color: #BDBDBD;
}

footer {
    font-family: 'Raleway';
}
footer>div{
    border-top: 1px solid #868686;
}

footer .page-footer{
    padding: 30px 0;
}

footer h4 {
    margin-bottom: 20px;
}

footer p, footer i, footer a {
    font-size: 17px;
}

footer p, footer a, footer h4, footer i {
    color: rgba(107,107,107,1);
}

footer .logo-footer a img{
    height: 100%;
    width: auto;
}
footer .logo-footer a{
    height: 110px;
}
footer .logo-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    margin: 30px 0;
}

.logo-footer img {
    width: fit-content;
}

.logo-footer .title-logo {
    text-align: center;
}

a:hover {
    color: inherit;
}

a:hover {
    text-decoration: none;
}

footer a {
    margin-bottom: 5px;
}

.logo-footer {
    display: flex;
    justify-content: center;
}

.connect {
    display: flex;
    justify-content: flex-end;
}

.connect .connect-page {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.media {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.media a {
    margin-left: 15px;
}

.media a i {
    color: rgba(213,211,90,1);
}

.navbar-mobile {
    display: none;
    padding: 10px;
}

.toggle-mobile {
    background: transparent;
    border: none;
}

.toggle-mobile i {
    font-size: 26px;
    color: rgba(107,107,107,0.5);
}

.partner-title {
    margin-bottom: 20px;
}

.banner-img img {
    height: 417px;
    object-fit: cover;
}

.navbar-mobile .action .cart-top i {
    font-size: 20px;
    color: rgba(107,107,107,0.5);
}

.bg-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    z-index: 3;
    display: none;
}

.nav-mobile {
    transform: translateX(-320px);
    overflow-y: auto;
    transition: all .6s ease;
    position: fixed;
    padding: 20px 15px;
    width: 320px;
    z-index: 4;
    background-color: #fff;
    height: 100%;
}

.nav-mobile .media i {
    font-size: 16px;
}

.nav-mobile .media {
    justify-content: flex-start;
}

.nav-mobile .media a:first-child {
    margin-left: 0;
}

.nav-mobile .btn-nav {
    border: none;
    background-color: transparent;
    width: 100%;
    text-align: left;
    color: #000;
}
.btn-close {
    margin-bottom: 15px;
}
.search-mobile {
    position: relative;
    margin-bottom: 30px;
}
.menu-mobile {
    padding-inline-start: 15px;
    margin-bottom: 60px;
}
ul {
    list-style: none;
}
.nav-mobile .btn-nav i {
    padding-right: 10px;
    font-weight: 500;
    font-size: 18px;
}
.search-mobile .btn-search-mobile {
    width: auto;
    position: absolute;
    right: 0;
    top: 5px;
    font-weight: 500;
}
.search-mobile input {
    width: 100%;
    border: none;
    border-bottom: 3px solid black;
    padding-bottom: 8px;
    background: transparent;
}
.search-mobile .btn-search-mobile i {
    padding-right: 0;
}
.menu-mobile li {
    margin-bottom: 10px;
}
.menu-mobile a {
    color: black;
    font-weight: 600;
}
.text-pale {
    color: rgba(0,0,0,.3)!important;
}
.mobile-lv2 {
    padding-inline-start: 25px;
    margin-bottom: 20px;
    display: none;
}
.mobile-lv2 li {
    margin: 10px 0 20px 0;
}
.mobile-lv2 li a {
    font-weight: normal;
    color: rgba(0,0,0,0.8);
}
.nav-mobile .menu-mobile .mobile-lv2 li a span {
    color: lightgray;
}
.nav-mobile .info p {
    margin: 0 0 5px;
}

/*Category*/
.top-category {
    margin-bottom: 30px;
}
.top-category .container * {
    text-align: center;
}
.filter-list {
    margin-bottom: 30px;
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 10px 20px;
}
.filter-product .filter .filter-list .title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid whitesmoke;
    align-items: center;
}
.filter-list .title {
    cursor: pointer;
    color: rgba(74,74,75,1);
    font-style: normal;
}
.filter-content>li .catalog_filters {
    padding-left: 10px;
    display: none;
}
.icon_category.open i:before{
    content: "\f078";
}
.filter-content.open{
    display: none;
}

.filter-product .filter .filter-list .title h5 {
    font-weight: 500;
}
.filter-list .title i, .sort i.fa-chevron-down {
    transition: all .3s ease;
    transform: rotate(0deg);
}
.filter-product .filter .filter-list .filter-content li .icon-up{
    position: absolute;
    right: 0;
    cursor: pointer;
}
.filter-product .filter .filter-list .filter-content li.open .catalog_filters, .filter-product .filter .filter-list .filter-content li.active .catalog_filters {
    display: block;
}
.filter-product .filter .filter-list .filter-content li {

}
.filter-product .filter .filter-list .filter-content li .cat_lever_3{
    padding-left: 15px;
}
.filter-product .filter .filter-list .filter-content li .cat_lever_2{
    padding-left: 15px;

}
.filter-product .filter .filter-list .filter-content li {
    padding-top: 8px;
    position: relative;
}
.filter-product .filter .filter-list .filter-content li a, .filter-product .filter .filter-list .filter-content li p {
    color: gray;
    font-size: 16px;
}
.filter-product .filter .filter-list .filter-content li.check>a{
    color: red !important;
}
.filter-product .filter .filter-list .filter-content>li.active>a{
    color: red !important;
}
.rotate {
    transform: rotate(180deg) !important;
}
.all-product {
    display: flex;
    flex-wrap: wrap;
}
.product .all-product .product-item {
    margin-bottom: 25px;
}
.product-item {
    position: relative;
}
.product-item .wishlist {
    top: 8px;
    right: 23px;
    z-index: 2;
    position: absolute;
    display: block;
}
.product-info {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
.product .product-color {
    display: flex;
    justify-content: center;
}
.product-action {
    display: flex;
    position: absolute;
    justify-content: center;
    width: calc(100% - 30px);
    transition: all .6s ease;
}
.wishlist-btn--round.btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
}
.product .all-product .product-name {
    text-align: center;
}
.product .all-product .product-name {
    font-size: 13px;
    font-weight: lighter;
}
.hot-product .product-name {
    text-align: left!important;
}
.product-name {
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
}
.product .all-product .product-price p.pro-price-del{
    margin-right: 15px;
}
.product .all-product .product-price {
    display: flex;
    font-size: 16px;
}
.product-price {
    font-weight: 700;
}
.product-name a {
    color: #89654B;
    font-size: 18px;
    text-transform: uppercase;
}
#pagination{
    margin: 20px;
    text-align: center;
}
#pagination .paginator .labelPages, #pagination .paginator .titlePages{
    display: none;
}
#pagination .paginator a, #pagination .paginator span.currentPage {
    border: 1px solid #444;
    padding: 5px 11px;
    font-weight: 500;
    font-size: 15px;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    margin-right: 5px;
    color: #444;
}
#pagination .paginator a:hover, #pagination .paginator span.currentPage {
    background: #444;
    color: #fff;
}
.paginator a.paging-next:before {
    content: "\f105";
    font-family: "FontAwesome";
}
.paginator a.paging-last:before {
    content: "\f101";
    font-family: "FontAwesome";
}
.paginator a.paging-previous:before {
    content: "\f104";
    font-family: "FontAwesome";
}
.paginator a.paging-first:before {
    content: "\f100";
    font-family: "FontAwesome";
}

/*Product-view*/
.img-big {
    margin-bottom: 10px;
}
.form-product {
    padding-top: 0;
    width: 100%;
    float: left;
}
.form-product {
    padding: 0;
    margin-bottom: 30px;
}
.swatch:first-child {
    border-bottom: none;
    padding: 0;
}
.details-pro .swatch {
    margin: 0;
    padding: 15px 0 0;
}
.swatch {
    margin: 15px 0;
}
.form-product .form-group {
    width: 100%;
}
.form-group {
    padding-bottom: 0;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.form-group {
    margin: 0;
    padding: 0 0 8px;
    border: 0;
}
.form-group {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.border_product {
    border-top: 1px solid #ebebeb;
    float: left;
    width: 100%;
}
.form-product .swatch .header {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #707070;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "Product Sans";
}
.swatch .swatch-element {
    margin: 0 10px 10px 0;
    float: left;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    position: relative;
}
.swatch .tooltip {
    text-align: center;
    background: #f72b3f;
    color: #fff;
    bottom: 100%;
    padding: 10px;
    display: block;
    position: absolute;
    width: 100px;
    left: 0;
    margin-bottom: 15px;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
    -ms-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
    -o-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
    box-shadow: 2px 2px 6px rgba(0,0,0,.28);
    z-index: 10000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}
.swatch .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.swatch .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #f72b3f 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
}
input[type=checkbox]+label, input[type=radio]+label {
    font-weight: 400;
}
.swatch-element label {
    padding: 0 21px;
}
.swatch label {
    float: left;
    min-width: 60px;
    height: 36px;
    margin: 0;
    background-color: #eeece8;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    white-space: nowrap;
    color: #b9bbc3;
    border-radius: 0;
    text-transform: uppercase;
    padding: 0 10px;
    cursor: pointer;
}
.title_color{
    display: none;
    border: 1px solid;
    padding: 5px;
    color: red;
}
.swatch label.deactive{
    background-color: rgb(91 91 91 / 49%);
    pointer-events: none;
}
.swatch label.active{
    background-color: #b7ae9c;
    color: #fff;
}
label[for] {
    cursor: pointer;
}
.swatch .swatch-element .crossed-out {
    display: none;
}
.swatch .swatch-element .crossed-out {
    display: none;
}
.crossed-out {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.swatch .swatch-element input {
    left: 0;
    height: 36px;
}
input[type=checkbox], input[type=radio] {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    position: absolute;
    background: 0 0;
    outline: none;
    opacity: 0;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.form_button_details {
    display: flex;
    justify-content: center;
}
.form_button_details button {
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: 1px solid gray;
    background: #fffdf5;
    display: none;
}
.form_button_details input {
    height: 40px;
    width: 100px;
    border-radius: 0;
    border: 1px solid gray;
    /*border-bottom: 1px solid gray;*/
    /*border-left: none;*/
    /*border-right: none;*/
    background: #fffdf5;
    font-weight: bold;
    text-align: center;
}
.form_button_details button i {
    font-weight: 500;
}
.form_button_cart .button_actions {
    display: flex;
    justify-content: center;
}
.form_button_cart .button_actions button:not(:first-child) {
    margin-left: 15px;
}
.form_button_cart .button_actions button {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #D8BF81;
    border-radius: 0;
    border: none;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    width: 230px;
}
.details-pro {
    margin: 10px 0 20px 0;
}
.owl-related img {
    max-height: 366px;
    object-fit: cover;
}
.related-pro {
    margin-bottom: 30px;
}
.related-pro h3.title {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.product-side .price-product .tp_product_detail_price{
    color: #d8bf81;
}
.product-side .price-product {
    font-size: 20px;font-weight: bold;
}
.product-side .title-product {
    margin-top: 0;
    text-transform: uppercase;
}
.title_pview{
    font-weight: bold;
}

/*cart*/
.site-nav.style--sidebar.active {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.site-nav.style--sidebar {
    position: fixed;
    width: 480px;
    height: 100vh;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 999999;
    overflow: hidden;
    -ms-transition: transform .5s cubic-bezier(.25,.46,.45,.94);
    -webkit-transition: transform .5s cubic-bezier(.25,.46,.45,.94);
    transition: transform .5s cubic-bezier(.25,.46,.45,.94);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
#site-nav--mobile.show-cart #site-cart {
    display: block;
}
#site-cart {
    display: none;
}
.site-nav.style--sidebar .site-nav-container {
    width: calc(100% + 20px);
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.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-last {
    width: calc(100% - 0px);
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 60px 20px 250px;
}
.site-nav.style--sidebar .site-nav-container .title {
    font-size: 14px;
    text-transform: uppercase;
    margin: 3px 0 0;
    font-weight: 500;
}
.textCartSide {
    float: left;
    width: 100%;
    margin: 5px 0 0;
    border-bottom: 1px dotted #bcbcbc;
    padding: 0 0 15px;
}
.cart-view table {
    width: 100%;
}
#cart-view tr:last-child {
    border: none;
}
.cart-view table td.img img {
    width: 100px;
    border: 1px solid #ededed;
    margin-right: 10px;
    max-width: none;
}
#cart-view tr td:not(.img) {
    padding: 20px 20px 20px 0;
    position: relative;
}
.cart-view table td a.pro-title-view {
    float: left;
    width: 100%;
    font-size: 14px;
}
span.pro-price-view {
    display: block;
    text-align: center;
    float: left;
    line-height: 26px;
    font-weight: 500;
}
span.pro-quantity-view {
    display: none;
    float: left;
    width: auto;
    background: #ededed;
    text-align: center;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    margin-right: 12px;
}
span.pro-quantity-view {
    position: relative;
    vertical-align: top;
    padding-right: 15px;
    display: inline-block;
    margin-right: 10px;
}
.remove-cart {
    float: left;
    width: 100%;
}
.remove-cart a {
    border: 1px solid #ededed;
    padding: 5px;
    display: inline-block;
    font-size: 12px;
}
.cart-view .line {
    float: left;
    width: 100%;
    border-top: 2px solid #000;
    margin: 10px 0;
}
.cart-view a.linktocheckout {
    padding: 10px 30px;
    position: relative;
    width: 100%;
    white-space: nowrap;
    float: left;
    background: #000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.cart-view a.linktocart {
    padding: 0;
    position: relative;
    width: 100%;
    white-space: nowrap;
    color: #000;
    text-align: center;
    float: left;
}
.site-overlay.active {
    opacity: 1;
    visibility: visible;
}
.site-overlay {
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all .2s linear;
}
.site-close-handle {
    position: absolute;
    top: 55px;
    right: 18px;
    width: 35px;
    height: 35px;
    z-index: 999;
    background: 0 0;
    border: none;
    box-shadow: none;
    cursor: pointer;
    -ms-transition: transform .15s linear;
    -webkit-transition: transform .15s linear;
    transition: transform .15s linear;
}
.cart_remove{
    cursor: pointer;
}


/*News*/
.content-news {
    margin-bottom: 20px;
    /*border-bottom: 0.5px solid rgba(249,249,249,1);*/
}
.tab-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 25px 0;
    border-bottom: 1.5px solid lightgray;
}
.tab-view .tab-content .tab-link {
    color: #846C96;
}
.content-news .left {
    padding: 40px 45px 40px 40px;
}
.content-news .right {
    padding: 40px 15px 40px 25px;
    border-left: 1.5px solid lightgray;
}
.content-news .right .news-item {
    padding-right: 30px;
    margin-bottom: 30px;
}
.banner-left h3 {
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 20px;
    color: rgba(107,107,107,1);
    font-family: 'Raleway';
}
.img-news img {
    max-height: 250px;
    object-fit: cover;
}
.banner-info p {
    margin-top: 20px;
    color: rgba(107,107,107,1);
    font-size: 14px;
    font-family: 'Raleway';
}
.search-News {
    margin: 30px 0;
}
.search-News .form-News input {
    border-radius: 0;
    padding: 7px 12px;
    border: 1.5px solid rgba(107,107,107,.4);
}
.search-News .form-News input::placeholder {
    color: rgba(107,107,107,.6);
    font-size: 13px;
}
.media-left {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    margin-bottom: 40px;
}
.media-left h4 {
    text-align: center;
    margin-bottom: 20px;
    font-style: italic;
    font-family: 'aP Casablanca';
    font-size: 21px;
}
.media-left p ,.media-left span{
    font-family: 'Raleway';
}
.media-left .media {
    margin: 0;
}
.media-left .media i {
    font-size: 16px;
}
.feature-post .news-item {
    margin-bottom: 15px;
}
.feature-post .img-news img {
    max-height: 150px;
    object-fit: cover;
}
.feature-post .news-title {
    font-size: 16px;
}
.news-title {
    color: rgba(107,107,107,1);
    font-family: 'aP Casablanca';
}
.news .news-title{
    font-family: 'aP Casablanca';
    font-size: 27px;
    line-height: 1.6;
}
.news-item h4.news-title{
    font-size: 20px;
}
.feature-title {
text-align: center;
font-size: 16px;
margin-bottom: 30px;
color: rgba(107,107,107,1);
}
.feature-title:after {
content: '';
height: 1px;
background: rgba(107,107,107,0.5);
width: 33%;
display: block;
margin: 15px auto;
}
.content-news .page-title{
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
}
/*News-detail*/

.news-detail .news-title {
    text-align: left;
}
.news-wrapper {
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
    position: relative;
}
.category-abs {
    position: absolute;
    width: fit-content;
    right: 60px;
    top: calc(100% - 10px);
    z-index: 2;
    background: #fff;
}
.category-abs a {
    padding: 8px 20px;
    border: 2px solid lightgray;
    color: rgba(107,107,107,1);
    font-style: italic;
    font-size: 16px;
}
.news-content {
    margin-top: 40px;
}
.news-content p {
    font-size: 16px;
    color: rgba(107,107,107,1);
}

/*About-us*/

.banner-top>.banner-full img {
    max-height: 400px;
    object-fit: cover;
}
.banner-full {
    padding-top: 8px;
}
.banner-full>.banner-half:last-child {
    padding-left: 0;
}
.banner-full>.banner-half:first-child {
    padding-right: 15px;
}
.banner-full>.banner-half img {
    max-height: 268px;
    object-fit: cover;
}
.banner-half-height div.col-md-12 {
    padding-left: 8px;
    padding-right: 0;
    padding-bottom: 8px;
}
.banner-half-height img {
    max-height: 130px!important;
}
.mission {
    margin: 50px 0;
}
.mission h4, .mission p {
    text-align: center;
    color: rgba(107,107,107,1);
}
.mission h4 {
    font-size: 13px;
    letter-spacing: .15rem;
}
.mission .slogan {
    font-size: 16px;
    margin-top: 40px;
    letter-spacing: normal;
    font-style: italic;
}
.banner-team {
    background: #F1F1F1;
    padding: 15px 0 20px 0;
}
.member a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    color: rgba(107,107,107,1);
}
.member a i {
    margin-top: 15px;
}
.member a h4 {
    margin-top: 10px;
    letter-spacing: unset;
    font-size: 16px;
    font-family: 'Raleway';
    font-weight: 400
}
.banner-team h3 {
    margin: 15px 0 30px 0;
    text-align: center;
    /*color: rgba(107,107,107,1);*/
}
.favourite {
    margin: 30px 0;
}
.favourite-item {
    padding: 40px;
    border: 1px solid lightgray;
}
.favourite-item img {
    max-height: 210px;
    object-fit: cover;
}
.favourite-title {
    font-size: 25px;
    letter-spacing: 0;
    text-align: center;
    margin-top: 0;
    font-family: 'aP Casablanca'
}
.favourite-title:after {
    content: '';
    height: 1px;
    background: rgba(107,107,107,0.5);
    width: 20%;
    display: block;
    margin: 15px auto;
}
.favourite-item p {
    margin: 15px 0;
    font-family: 'Raleway';
    font-size: 15px;
}
.favourite-item p, .favourite-item h3 {
    color: rgba(107,107,107,1);
    text-align: center;
}
.even-item .favourite-title {
    margin-top: 20px;
}
.favourite-item:first-child {
    border: none;
    padding-top: 0;
}
.favourite-item:nth-child(2) {
    border-top: none;
    padding-top: 0;
    border-bottom: none;
}
.favourite-item:nth-child(3) {
    border: none;
    padding-top: 0;
}
.favourite-item:nth-child(4) {
    border-left: none;
    border-bottom: none;
    padding-bottom: 0;
    border-right: none;
}
.favourite-item:nth-child(5) {
    border-bottom: none;
    padding-bottom: 0;
}
.favourite-item:nth-child(6) {
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding-bottom: 0;
}
.favourite .main-title {
    text-align: center;
}
.favourite .row {
    margin-top: 50px;
}

/*Gift*/
.gift {
    margin: 40px 0;
}
.gift>.container {
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
}
.custom-text p, .custom-text h3 {
    text-align: center;
}
.custom-text h3 {
    color: #B97A57;
    margin-top: 0;
    margin-bottom: 40px;
    font-family: 'aP Casablanca';
    font-size: 30px;
}
.gift-description p,.gift-description span{
    font-family: 'aP Casablanca' !important;
    font-size: 22px !important;
}
.gift-custom .gift-description p,.gift-custom .gift-description span{
    font-family: 'Raleway' !important;
    font-size: 16px !important;
}
.banner-gift .event-description{
    font-size: 20px;
    font-family: 'aP Casablanca';
}
.custom-text p, .bottom-text p {
    color: rgba(107,107,107,1);
    font-size: 16px;
}
.custom-text .gift-description, .bottom-text p {
    line-height: 26px;
}
.custom-text .top-text {
    margin-bottom: 5px;
    font-style: italic;
}
.banner-gift a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.banner-gift a img {
    padding: 20px;
    border: 1px solid lightgray;
    max-height: 440px;
    object-fit: cover;
}
.event-description {
    color: rgba(107,107,107,1);
    text-align: center;
}
.event h3 {
    text-align: center;
    margin-bottom: 40px;
}
.bottom-text {
    margin: 40px 0;
}
.bottom-text p {
    text-align: center;
}


/* Cart */
.heading-pageNew {
    margin: 0 0 15px 0;
}

.header-pageCart h1 {
    display: inline-block;
    margin: 0;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

.heading-pageNew {
    margin: 0 0 15px 0;
}

.checkout-note {
    border-top: 1px solid #ececec;
    padding: 30px 0 0 0;
}

.deleteItem {
    border: 1px solid #ededed;
    padding: 5px;
    float: left;
    font-size: 12px;
}

.editItem {
    border: 1px solid #ededed;
    padding: 5px;
    float: left;
    font-size: 12px;
    margin-right: 10px;
}

.totalLinePrice {
    text-align: right;
    font-weight: bold;
}

.site-close-handle img {
    width: 20px;
}

.quantity-partent select {
    width: 80px;
    padding: 5px;
    border: 1px solid #ededed;
    outline: none;
}

.imageVariantCart,
.quantityVariantCart,
.totalLinePriceVariantCart {
    width: 20%;
}

.itemVariantCart {
    width: 40%;
}

.boxRightCart {
    float: left;
    width: 100%;
    background: #f2f2f2;
    padding: 15px;
}

.titleInfoCart {
    font-weight: bold;
    margin: 0 0 10px 0;
}

.summary-subtotal {
    font-size: 14px;
    border-bottom: 1px dotted #bcbcbc;
}

.valOrder {
    float: right;
}

.valOrder.noBold b {
    font-weight: normal;
}

.boldPrice .total_price {
    font-weight: bold;
}

.note-subtotal {
    font-size: 13px;
    float: left;
    width: 100%;
    margin: 10px 0;
}

#checkout {
    padding: 10px 30px;
    position: relative;
    width: 100%;
    white-space: nowrap;
    float: left;
    background: black;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    transition: opacity 150ms linear, color 150ms linear, background 150ms linear;
}

#checkout:hover {
    background: #000000;
}

.policyCart {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}

.emptyProduct {
    margin: 0 0 50px 0;
    text-align: center;
}

.collectionInCart {
    margin: 30px 0 0 0;
}

.headingBorderLeft h2 {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}

#quickview-cart .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.expanded-message {
    margin: 20px 0;
}

.modal-content .close,
#quickview-cart-desktop .close {
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 9999;
}
.modal-content .close.btn.close-singup{
    position: unset;
    float: unset;
}

.modal-content .close img,
#quickview-cart-desktop .close img {
    width: 20px;
}
/* --------------------------------------------------------------------------------
CART PAGE
-------------------------------------------------------------------------------- */
.wrapbox-content-cart {
    padding-bottom: 30px;
}

#layout-cart .heading-page {
    position: relative;
    text-align: center;
    padding: 0 0 30px 0;
}

#layout-cart .heading-page:after {
    content: "";
    background: #252a2b;
    display: block;
    width: 60px;
    height: 4px;
    margin: 25px auto 0;
}

#layout-cart .heading-page h1 {
    font-size: 30px;
    margin: 0 0 10px;
}

table.table-cart {
    margin-bottom: 30px;
    width: 100%;
}

table.table-cart thead {
    display: none;
}

table.table-cart tr td {
    padding: 20px 0;
    border-top: 1px solid #ededed;
    vertical-align: middle;
    text-align: center;
}

table.table-cart tr:first-child td {
    border-top: 0;
}

table.table-cart tr td.image {
    text-align: center;
    width: 110px;
}

table.table-cart tr td.image img {
    max-width: 100px;
}

table.table-cart tr td.item {
    padding-left: 15px
}

table.table-cart tr td.item h3 {
    margin: 0 0 5px;
    font-size: 13px;
    font-weight: normal;
    display: inherit;
}

table.table-cart tr td.item p {
    margin-bottom: 5px;
}

table.table-cart tr td.item p del {
    font-size: 12px;
}

table.table-cart tr td.item .price {
    margin: 0;
    float: right;
}

table.table-cart tr td.item .price span.text {
    display: none;
}

table.table-cart tr td.item .price span {
    font-size: 16px;
    padding-right: 0;
    font-weight: 500;
}

table.table-cart tr td.item .variant {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

table.table-cart tr td.remove {
    text-align: right;
}

.qty-click input.item-quantity {
    background: #ededed;
    font-weight: 500;
    font-size: 15px;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 35px;
    border: 1px solid #dadbdd;
    border-left: none;
    border-right: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}

.qty-click {
    float: right;
}

.qty-click button.qty-btn {
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    color: #abafb2;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
    border: 1px solid #dadbdd;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}

.qty-click button.qty-btn:focus {
    outline: none;
}

.checkout-note textarea {
    border-radius: 0;
    -webkit-appearance: none;
    background: white;
    resize: none;
    color: #252a2b;
    font-size: 13px;
    padding: 20px;
    outline: none;
    width: 100%;
    height: 130px;
    font-weight: 500;
    transition: all 150ms linear;
    border: 1px solid #ececec;
    margin: 10px 0 0 0;
    font-style: italic;
}

.cart-buttons a, .cart-buttons .btn-checkout, .cart-buttons .btn-update {
    display: inline-block;
    vertical-align: top;
    padding: 19px 20px;
}

.cart-buttons .link-continue {
    margin: 15px 0 0 0;
    padding: 10px 30px;
    position: relative;
    width: 100%;
    white-space: nowrap;
    float: left;
    color: black;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid black;
    background: white;
    border-bottom: 2px solid black;
}

.link-continue a {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    border-radius: 0;
    -webkit-appearance: none;
    transition: all 150ms linear;
    cursor: pointer;
    margin: 30px 0;
    padding: 0 20px;
}

.cart-buttons .link-continue:hover {
    background: #000000;
    color: white;
    border-color: #000000;
}
.add-action {
    font-weight: bold;
    font-size: 18px;
    width: 20px;
    text-align: center;
    cursor: pointer;
    float: left;
}


/*policy*/
.policyProduct li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
}

.policyProduct img {
    width: 20px;
    float: left;
}

.infoPolicy {
    float: left;
    margin: 0 0 0 15px;
}

.infoPolicy h5 {
    margin: 0;
}

.infoPolicy h5 {
    font-size: 14px;
}

/*user*/
.main-childs{
    padding: 30px;
}
.loginFb{
    width: 275px;
    background: #3b5998;
    display: inline-block;
}
.loginFb span, .loginGg span {
    float: left;
    width: 50px;
    height: 100%;
    font-size: 31px;
    color: #fff;
    border-right:1px solid #15416f;
}
.loginGg span{
    border-right:1px solid #646668;
}
.loginFb a, .loginGg a{
    color: #fff;
    padding: 0 5px;
}
.loginGg{
    width: 250px;
    background: #000;
    color: #fff;
    display: inline-block;
    margin-left: 20px;
}
.user-wrapper {
    margin-top: 20px;
    max-width: 600px;
    margin: auto;
    border:1px solid #ccc;
}
.user-nav {
    border-bottom: 2px solid #cccccc63;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(146, 146, 146, 0.14);
}
.user-nav a{
    width: 50%;
    float: left;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 5px 10px;
    border-bottom: 2px solid transparent;
}
.user-nav a.active, .user-nav a:hover{
    border-bottom: 2px solid #10a2f7;
}
.user-wrapper #formAcount{
    padding: 20px;
}
#formAcount input{
    width: 100%;
    clear: both;
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid #ccc;
}
#formAcount button{
    text-transform: uppercase;
    font-size: 18px;
    background: #000;
    color: #fff;
    border-color: #000;

}
#formAcount button, #formAcount button:hover, #formAcount button:focus{
    outline: 0;
}
.user-foot {
    font-size: 17px;
}
.user-foot a{
    margin: 10px 0;
    display: block;
}
.user-foot a.clearfix{
    color:  #007bff;
}
.user-foot a.clearfix:hover{
    color:  #fd6e1d;
}
.user-foot .btn{
    font-size: 16px;
    background: #3c5a9a;
    border-color: #3c5a9a;
}
.user-wrapper {
    margin-top: 20px;
    max-width: 600px;
    margin: auto;
    border:1px solid #ccc;
}
.user-nav {
    border-bottom: 2px solid #cccccc63;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(146, 146, 146, 0.14);
}
.user-nav a{
    width: 50%;
    float: left;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 5px 10px;
    border-bottom: 2px solid transparent;
}
.user-nav a.active, .user-nav a:hover{
    border-bottom: 2px solid #10a2f7;
}
.user-wrapper #formAcount{
    padding: 20px;
}
#formAcount input{
    width: 100%;
    clear: both;
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid #ccc;
}
#formAcount button{
    text-transform: uppercase;
    font-size: 18px;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
    margin: auto;
}
#formAcount button, #formAcount button:hover, #formAcount button:focus{
    outline: 0;
}
.user-foot {
    font-size: 17px;
}
.user-foot a{
    margin: 10px 0;
    display: block;
}
.user-foot a.clearfix{
    color:  #007bff;
}
.user-foot a.clearfix:hover{
    color:  #fd6e1d;
}
.user-foot .btn{
    font-size: 16px;
    background: #3c5a9a;
    border-color: #3c5a9a;
}
.navbar-desktop{
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
}
.navbar-desktop .tp_menu{
    margin: 0;
}
.banner-insta{
    padding: 40px 15px;
    border-top: 1px solid #d3d3d3;
}
.banner-insta>div{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.banner-insta__title{
    margin-top: -14px;
}


@media (min-width: 992px) {
    .banner-insta .item{
        padding: 0 7.5px;
    }
    .banner-insta{
        padding: 40px 7.5px;
    }
}

.banner-insta h4{
    font-family: 'MTD AlFresco';
    font-size: 53px;
    position: relative;
    display: inline-block;
    line-height: 42px;
}
.banner-insta span{
    font-size: 21px;
    line-height: 1.6;
    font-family: 'Raleway';
    display: inline-block;
    margin-left: 20px;
}
.tab-view .tab-content:first-child a{
    font-family: 'Raleway';
}


/*Responsive*/

@media (min-width: 768px) {
    .content-news .right .news-item:nth-child(2n+1), .favourite-item:nth-child(3n+1) {
        clear: left;
    }
}
@media (max-width: 824px) {
    .hot-wrapper .product {
        flex-wrap: wrap;
    }

    header .top-header .top-header-row {
        margin-bottom: 0;
    }

    .page-header {
        margin: 0
    }

    .navbar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .top-header .action-wrapper .action {
        display: none !important;
    }

    .navbar-desktop {
        display: none;
    }

    .banner-text {
        padding: 0 0 15px 0;
    }

    /*.banner-detail {*/
    /*    padding: 0;*/
    /*}*/

    .banner-text h3, .banner-text p {
        padding: 0 15px;
        text-align: center;
    }

    .banner-text .btn-wrapper {
        justify-content: center !important;
    }

    .logo-partner {
        margin: 50px 0;
    }

    .news {
        margin: 20px 0 40px 0;
    }

    /*.banner .banner-detail {*/
    /*    padding-right: 15px;*/
    /*    padding-left: 0;*/
    /*}*/

    /*.banner-reverse .banner-detail {*/
    /*    padding-left: 15px;*/
    /*    padding-right: 0;*/
    /*}*/

    .btn-detail {
        padding: 5px !important;
        font-size: 11px;
    }

    .hot-product {
        margin-bottom: 50px;
    }

    /*.email {*/
    /*    margin: 0;*/
    /*}*/

    .page-footer h4 {
        display: none;
    }

    .intro-text div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .intro-text p {
        text-align: center;
    }

    .connect .connect-page {
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .media {
        width: 100%;
        justify-content: center;
    }

    /*footer {*/
    /*    padding: 50px 0 20px 0;*/
    /*}*/

    .connect {
        margin-top: 15px;
    }

    .form-email input {
        padding: 0 50px 0 5px;
    }

    /*Category*/
    .top-category {
        margin: 0 0 20px;
    }

    .top-category .container p {
        display: none;
    }

    /*Product-view*/
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form_button_cart .button_actions {
        flex-flow: column;
        align-items: center;
    }

    .form_button_cart .button_actions button {
        margin-left: 0 !important;
        margin-top: 10px;
    }

    .product-side {
        margin-top: 30px;
    }
    .form-product{
        margin-bottom: 10px;
    }
    .details-pro{
        margin-bottom: 0;
    }

    /*News*/
    .tab-view {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 15px 0;
    }

    .tab-view .tab-content {
        padding-right: 20px;
        white-space: nowrap;
    }

    .right {
        border-left: none !important;
    }

    .left-right {
        display: flex;
        flex-flow: column-reverse;
    }

    .content-news .right {
        padding: 40px 0;
    }

    .content-news .right .news-item {
        padding-right: 15px;
    }

    .content-news .left {
        padding: 0 45px 40px 40px;
    }

    .banner-title {
        text-align: center;
    }

    .search-News .form-News input {
        width: 100%;
    }

    .feature-post .img-news img {
        max-height: 250px;
    }

    /*About-us*/
    .banner-top > .banner-full img {
        max-height: 268px;
    }

    .banner-half-height img {
        max-height: 268px !important;
    }

    .banner-half-height .col-md-12 {
        padding-left: 0;
    }

    .banner-full > .banner-half {
        padding-top: 8px;
    }

    .banner-full {
        padding-top: 0;
    }

    .favourite-item {
        border: none;
    }

    .mission {
        margin: 30px 0;
    }

    .favourite-item:nth-child(4) {
        padding-top: 0;
    }

    /*Gift*/
    .banner-gift a img {
        padding: 10px;
    }
}

@media (min-width: 992px) {
    .one-fifth {
        width: 20%;
    }
}

@media (max-width: 768px) {
    header .top-header{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-bottom: 15px;
    }
    .menu-mobile li .menu_chir>li>.menu_chir{
        padding-left: 15px;
    }
    .menu-mobile li .menu_chir>li{
        padding-left: 15px;
    }
    .menu-mobile li .menu_down_mobile{
        display: inline-block;
        width: 30px;
        position: absolute;
        right: 0;
    }
    .menu-mobile li{
        position: relative;
    }
    .banner-logo-wrapper .banner{
        display: block;
    }
    .banner>div:first-child{
        margin-bottom: 20px;
    }
    .filter_mobile{
        display: inline-block;
        border: 1px solid #ddd;
        padding: 10px 15px;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .filter_content.open{
        display: block;
    }
    .filter_content{
        display: none;
    }
}

@media (max-width: 767px) {
    .home-title h3{
        font-size: 18px;
        line-height: 25px;
    }
    .logo-header a {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {
    .nav-item:not(:first-child)::before {
        right: calc(100% + 15px);
    }
    .action-wrapper .action {
        width: 75%;
    }
}
@media (max-width: 991px) {
    .home-title>div{
        padding: 0;
    }
    .banner-insta__content .item{
        padding-top: 15px;
    }
    .banner-insta__content .item:nth-child(2n+1){
        padding-right: 7.5px;
    }
    .banner-insta__content .item:nth-child(2n+2){
        padding-left: 7.5px;
    }
}

@media (min-width: 1200px) {
    .container-970 {
        width: 970px;
    }
    .container-750 {
        width: 750px;
    }
    .banner-logo-wrapper .banner{
        justify-content: space-between;
    }
    .banner-logo-wrapper .banner .banner-img{
        width: 300px;
        padding: 0;
    }
    .banner-logo-wrapper .banner .banner-detail{
        padding: 0;
        width: 842px;
    }
    .logo-partner>div{
        padding-left: 0;
        padding-right: 0;
    }
}
.casa-ft, .casa-ft p {
    font-family: 'aP Casablanca' !important;
}
h4.casa-ft {
    font-size: 27px;
    line-height: 34px;
}
.border-frm {
    width: 842px;
    height: 417px;
    border: 1px solid #bdbdbd;
    position: absolute;
    left: 15px;
    top: 15px;
}
.border-frm.h-sm {
    height: 417px;
}
.content-intro p span {
    line-height: 28.5px;
}

@media (min-width: 1024px) {
    .banner-detail .banner-text h3 {
        margin-top: 40px;
    }
    .banner-detail .banner-text .detail-desc {
        margin: 30px 0;
    }
    .banner-detail .banner-text .see-more {
        margin-top: 40px;
    }
    .banner-reverse .banner-detail .banner-text .see-more {
        margin-top: 30px;
    }
    h3.partner-title {
        font-size: 20px;
    }
    .email .form-email {
        max-width: 372px;
    }
}
.news-wrapper .title_product h3.title-block{
    font-size: 30px;
}
.all-product .product-item a img {
    border-radius: 24px;
}
.footer-social-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.social-icon {
    color: #333;
    line-height: 33px;
    border-radius: 50%;
    margin: 0 5px;
    transition: transform .3s;
    font-size: 20px;
    text-align: center;
    height: 38px;
    width: 38px;
    box-shadow: none;
}
.social-icon img {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background-color: #fff;
    padding: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}
.social-icon img:hover {
    transform: scale(1.1);
}
.social-icon:hover {
    transform: translatey(-5px);
}
.container.news-wrapper .news-item h4.news-title{
    font-size: 25px;
}
.intro-news .mission span{
    font-family: 'Raleway';
}
.bct-box img {
    width: 120px;
}

.bct-box {
    margin-top: 20px;
    padding: 0;
}