/*
Theme Name: Flatsome Child
Template: flatsome
Version: 1.0
*/

  @font-face {
        font-family: "Neue Haas Grotesk Display";
        font-display: swap;
        font-weight: 700;
        font-style: normal;
        src: url("/wp-content/themes/flatsome/fonts/NHaasGroteskDSPro-75Bd.woff2") format("woff2"), url("/wp-content/themes/flatsome/fonts/NHaasGroteskDSPro-75Bd.woff") format("woff");
    }
    @font-face {
        font-family: "Neue Haas Grotesk Text";
        font-display: swap;
        font-weight: 700;
        font-style: 12px;
        src: url("/wp-content/themes/flatsome/fonts/NHaasGroteskTXPro-75Bd.woff2") format("woff2"), url("/wp-content/themes/flatsome/fonts/NHaasGroteskTXPro-75Bd.woff") format("woff");
        font-size: 12px;
    }
    @font-face {
        font-family: "Neue Haas Grotesk Text";
        font-display: swap;
        font-weight: 400;
        font-style: normal;
        src: url("/wp-content/themes/flatsome/fonts/NHaasGroteskTXPro-55Rg.woff2") format("woff2"), url("/wp-content/themes/flatsome/fonts/NHaasGroteskTXPro-55Rg.woff") format("woff");
    }


@media only screen and (max-width: 48em) {
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block;
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden;
}

.slick-dots li button::before, .slick-next::before, .slick-prev::before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
}

.slick-slider {
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.slick-list:focus {
    outline: 0px;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0px, 0px, 0px);
}

.slick-track {
    top: 0px;
    left: 0px;
}

.slick-track::after, .slick-track::before {
    display: table;
    content: "";
}

.slick-track::after {
    clear: both;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    display: block;
    padding: 0px;
}

.slick-next, .slick-prev {
    font-size: 0px;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(0px, -50%);
    cursor: pointer;
    color: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: 0px;
    background: 0px 0px;
}

.slick-next::before, .slick-prev::before {
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: rgb(255, 255, 255);
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev::before {
    content: "←";
}

.slick-next::before, [dir="rtl"] .slick-prev::before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

[dir="rtl"] .slick-next::before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    bottom: 10px;
    width: 100%;
    margin: 0px;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0px;
    cursor: pointer;
    margin: 0px 5px !important;
}

.slick-dots li button {
    font-size: 0px;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0px;
    outline: 0px;
    background: 0px 0px;
    width: 9px;
    height: 9px;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0px;
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0px;
}

.slick-dots li button:focus::before, .slick-dots li button:hover::before {
    opacity: 1;
}

.slick-dots li button::before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    display: none;
    color: rgb(0, 0, 0);
}

.slick-dots li.slick-active button::before {
    opacity: 0.75;
    color: rgb(0, 0, 0);
}

.slick-dots > li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(177, 185, 203);
    margin: 0px 5px;
}

.slick-dots > li.slick-active button {
    background: rgb(113, 156, 67);
}

body {
	font-style: normal;
	font-family: "Neue Haas Grotesk Text", "Neue Haas Grotesk Text fallback", sans-serif;
	font-weight: 400;
	/* font-size: .625rem; */
	/* line-height: .8125rem; */
}


#header .header-inner #logo, .top-divider{
	display: none
}

.from84-header{
    position:fixed;
    top:0;
    left:0;
    width:280px;
    height:100vh;
    padding:25px;
    z-index:9999;
    transition:.3s;
    max-width: calc(((((100% - 110px) / 12) * 2) + 10px) + 18px);
    -webkit-transition: opacity 350ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, visibility 0ms 601ms;
    transition: opacity 350ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, visibility 0ms 601ms;
    overflow: hidden;
    width: 100%;
}

/* nền trắng chỉ hiện khi hover */

.from84-header:hover{
    background: #fff;
}

/* logo */

.from84-logo{
    position:relative;
    z-index:10;
    padding: 0 1.6875rem;
}

.from84-logo a{
    font-size: 55px;
    font-weight:700;
    color:#000;
    text-decoration:none;
    line-height:1;
    margin-top: 1.6875rem;
    display: inline-block;
}

/* nav */

.from84-nav{
    margin-top:50px;

    opacity:0;
    visibility:hidden;

    transform:translateY(10px);

    transition:.25s;
}

.from84-header:hover .from84-nav{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.from84-nav ul{
    list-style:none;
    padding:0;
    margin:0;
}

.from84-nav li{
    margin-bottom:6px;
    font-size: 10px;
    line-height: -0.1875rem;
}

.from84-nav .space{
    height:16px;
}

.from84-nav a{
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.5px;
    font-size: 10px;
    /* line-height: .8125rem; */
    font-weight: normal;
}

.from84-nav a:hover {
	font-weight: 700;
}

.a-icon--search-tiny {
    width: 1.1875rem;
    height: 1.1875rem;
    margin-top: -0.0625rem;
    margin-left: -0.125rem;
    color: #000;
}

.search-all {
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.search-all:hover {
	font-weight: bold
}

.bn .col-inner, .bn .col  {
	position: unset;
}

.bn h1 {
	    font-size: 80px;
    color: #fff;
    line-height: 1.4;
}
  .icon-sound{
    display:none;
  }

.video-sound-toggle.active .icon-mute{
    display:none;
}

.video-sound-toggle.active .icon-sound{
    display:block;
}

.video-sound-toggle {
	    position: absolute;
	    right: 0;
	    bottom: -400px;
}

/* mặc định */

.from84-nav{
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.25s;
}

/* hover hiện */

.from84-header:hover .from84-nav{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* scroll hiện */

.from84-header.is-scrolled{
    background: #fff;
}

.from84-header.is-scrolled .from84-nav{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.s1 .row, .single-product .row, .product-footer .container, .woocommerce-shop .row{
	padding-left: calc(((((100% - 110px) / 12) * 2) + 10px) + 18px);
    padding-right: 1.6875rem;
    max-width: 100%;
}

.shop-page-title .container {
	margin: 0 0 40px;
}

.s1 h2 {
	    font-family: "Neue Haas Grotesk Display", "Neue Haas Grotesk Display fallback", sans-serif;
    font-size: 40px;
    line-height: 1.5;
    letter-spacing: .03125rem;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: subpixel-antialiased;
  margin-bottom: 10px;
}

.s1 .tit-home p {
	font-size: 11px;
	line-height: .9375rem;
	letter-spacing: .03em;
	text-transform: uppercase;
	font-style: normal;
	font-family: "Neue Haas Grotesk Text", "Neue Haas Grotesk Text fallback", sans-serif;
	font-weight: 400;
}

.product-home {
	margin-top: 25px;
}

/* Footer */

.from84-footer{
    padding-top: 70px;
    padding-bottom: 30px;
    /* border-top:1px solid #eee; */
    display:flex;
    justify-content:space-between;
    /* align-items:flex-start; */
    gap: 30px;
    font-size:12px;
    letter-spacing:.5px;
    padding-left: calc(((((100% - 110px) / 12) * 2) + 10px) + 18px);
    padding-right: 1.6875rem;
    max-width: 100%;
}

.from84-footer__logo{
    font-size: 20px;
    font-weight:700;
    line-height:1;
    text-transform: uppercase;
    color: #000;
}

.from84-footer__contact{
    display:flex;
    /* flex-direction:column; */
    gap: 50px;
    color: #000;
    justify-content: space-between;
}

.footer-item{
    display:flex;
    flex-direction:column;
    gap:4px;
    color: #000;
}

.footer-item strong{
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
}

.footer-item a,
.footer-item span{
    color: #000;
    text-decoration:none;
}

.from84-footer__social{
    display:flex;
    /* flex-direction:column; */
    gap: 25px;
    font-size: 11px;
}

.from84-footer__social a{
    color:#000;
    text-decoration:none;
    text-transform:uppercase;
}

.from84-footer__social a:hover{
    opacity:.6;
}

@media(max-width:768px){

    .from84-footer{
        flex-direction:column;
        gap: 15px;
        padding: 100px 15px 30px;
    }

}

.product-info .breadcrumbs {
	display: none
}

    .o-product__product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        /* flex-flow: column nowrap; */
        position: relative;
    }

.product-gallery {
	        width: calc((((100% - 90px) / 10) * 6) + 50px);
	        position: sticky;
	        top: 80px;
	        margin-bottom: 0;
	        padding-right: 30px;
}

    .product-info.summary {
        width: calc((((100% - 90px) / 10) * 4) + 30px);
        padding-right: calc(((((100% - 90px) / 10) * 1) + 0px) + 0.625rem);
        font-size: 12px;
        position: sticky;
        bottom: 0;
        top: 20px;
    }

.product-gallery img {
	width: 100%;
}

.product-accordion{
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
}

.acc-item{
    border-bottom: 1px solid #ebebeb;
    /* font-size: 11px; */
}

.acc-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    padding: 12px 0;
    font-size: 11px;
    font-weight: normal;
    letter-spacing:.08em;
    line-height: 1;
}

.acc-item.active .acc-title {
	 font-weight:700;
}

.acc-content{
    display:none;
    padding: 0 0 10px;
    font-size: 12px;
    line-height:1.8;
}

.acc-item.active .acc-content{
    display:block;
}

.acc-item.active .icon{
    content:"−";
}

.single-product .product-info .product-title  {
    font-size: 18px;
    line-height: 1.5;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 600;
    margin-bottom: 10px !important;
}

.price-row {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
}

.price-row .label {
    display: block;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: normal;
    font-size: 11px;
}


.single-product .product-main {
	padding: 0 0 40px
}

.product-section-title-related {
	    font-size: .625rem;
    line-height: .8125rem;
    margin: 0 0 10px;
}

.product-section {
    border-top: 0;
    margin-top: 40px;
}

.image-tools.grid-tools, .single-product .product-footer .category {
	display: none
}

.price-row.current-price .value {
	font-size: 15px;
}

.option-group label {
	    text-transform: uppercase;
	    margin-bottom: 5px;
	    display: block;
	    font-weight: normal;
}

.product-info .variations {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
}

.product-info .quantity {
    display: block;
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 13px;
    background: #fff;
}

.quantity .button.minus, .quantity .button.plus {
	background: #fff;
}

.single_add_to_cart_button {
	width: 49%;
    padding: 10px 0;
    font-weight: normal;
    margin-right: 0%;
}

.single-product .variations tr {
	display: block
}

/* Quantity Flatsome */
.quantity.buttons_added {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    overflow: hidden;
    width: fit-content;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    display: none !important;
}

.quantity.buttons_added .button {
    width: 55px;
    height: 35px;
    border: 0 !important;
    background: transparent !important;
    color: #333;
    font-size: 22px;
    font-weight: normal;
    margin: 0 !important;
    cursor: pointer;
    transition: all .3s ease;
    min-height: 50px;
}

.quantity.buttons_added .button:hover {
    background: #f5f5f5 !important;
    color: #000;
}

.quantity.buttons_added .qty {
    width: 60px;
    height: 35px;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    background: transparent;
    margin: 0 !important;
    padding: 0;
}

.quantity.buttons_added .qty::-webkit-inner-spin-button,
.quantity.buttons_added .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* SINGLE-PRODUCT */

.variations th.label {
    width: 50px;
    font-size: 11px;
    display: block;
    text-transform: uppercase;
}
.option-buttons {
	    grid-template-columns: repeat(auto-fill, minmax(2rem, 1fr));
	    display: grid;
	    gap: 15px;
	    margin-bottom: 15px;
	    padding-bottom: 15px;
	    border-bottom: 1px solid #ececec;
}

.option-group:last-child .option-buttons{
	border-bottom: 0;
}

.option-buttons .option-btn {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    min-width: 2.5rem;
	    min-width: 32px;
	    min-height: 32px;
	    color: #000;
	    /* -webkit-box-shadow: inset 0 0 0 .0625rem #ccc; */
	    /* box-shadow: inset 0 0 0 .0625rem #ccc; */
	    cursor: pointer;
	    position: relative;
	    font-size: .75rem;
	    line-height: .9375rem;
	    letter-spacing: .03em;
	    text-transform: uppercase;
	    font-style: normal;
	    font-family: "Neue Haas Grotesk Text", "Neue Haas Grotesk Text fallback", sans-serif;
	    font-weight: 400;
	    -webkit-font-smoothing: subpixel-antialiased;
	    padding: 0;
	    font-size: 12px;
	    line-height: 1.2;
	    margin: 0;
	    max-width: 32px;
}

.option-btn.disabled{
    opacity:.35;
    cursor:not-allowed;
    pointer-events:none;
    position:relative;
}

.option-btn.disabled:after{
    content:'';
    position:absolute;
    top:50%;
    left:-10%;
    width:120%;
    border-top:1px solid #999;
    transform:rotate(-45deg);
}

.option-btn.active{
    /* background:#111; */
    /* color:#fff; */
    /* border-color:#111; */
    border-bottom: 1px solid #111;
}

.single-product .summary .ux-swatch--color{
    height: 20px;
    padding: 1px;
    width: 20px;
    border-radius: 50%;
}

.box-text-products .ux-swatch--color {
	height: 12px;
	padding: 1px;
	width: 12px;
	border-radius: 50%;
}

.single-product .summary .ux-swatch--color.selected {
  -webkit-box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .125rem #000;
  box-shadow: 0 0 0 .0625rem #fff, 0 0 0 .125rem #000;
  box-shadow: 0 0 0 1px #000000;
  border-radius: 50%;
}

.woocommerce-variation-price {
    border-top: 0;
    padding: 0;
}

.from84-price-wrap, .custom-product-options {
	margin-bottom: 10px;
}

.price-row.regular-price span.value{
	color: #898989;
	/* text-decoration: line-through; */
}

.price-row.regular-price span.amount {
	color: #898989;
  font-weight: normal;
}

.reset_variations, .badge-container {
	display: none
}

.price-row.launch-price span.amount, .price-row.launch-price span.value {
	color: red;

}

.price-wrapper .price {
    display: block;
    font-size: 12px;
}

.ux-swatch.selected {
    box-shadow: 0 0 0 1px #000;
}

/* SEARCH */

.from84-search-panel {
    position: fixed;
    inset: 0;
    background: #fff;
    z-index: 999999;
    display: none;
    z-index: 9998;
}

.from84-search-panel.active {
	display: block
}

.from84-search-panel.active{
    display:block;
}

.grid_search {
	justify-content: space-between;
  display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
}

.grid_left {
	        margin: 0;
        max-width: calc(((((100% - 110px) / 12) * 2) + 10px) + 18px);
        min-width: auto;
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}

.grid_right {
	width: 100%;
}

.from84-search-header {
    display: flex;
    /* justify-content: space-between; */
    padding: 40px 20px 0;
    align-items: end;
}

.ct-search {
	    display: flex;
    align-items: center;
}

.live-search-form {
    width: 100%;
    margin-bottom: 0;
}

.from84-search-header input#woocommerce-product-search-field-0 {
    width: 100%;
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    background: none;
    height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    outline: none;
    box-shadow: none !important;
    background: transparent !important;
    font-size: 12px;
    padding: 0 !important;
    margin-bottom: 0;
}

.sr-in {
	width: 100%;
}

.from84-search-header input#woocommerce-product-search-field-0::placeholder {
	font-size: 12px; 
  color: #696666
}

.from84-search-suggestions h4 {
	    font-size: 12px;
    margin-bottom: 15px;
}

.from84-search-body {
    /* display: grid; */
    /* grid-template-columns: 250px 1fr; */
    gap: 80px;
    padding: 40px 20px 0;
}

.from84-search-body li {
    list-style: none;
    font-size: 11px;
  margin-bottom: 15px;
}

.from84-search-body li:hover {
	font-weight: bold
}

.from84-search-header p {
	margin-bottom:  0;
}

.from84-search-close {
	font-size: 10px;
	margin: 0;
	line-height: 1;
	font-weight: normal;
}

.from84-search-header .autocomplete-suggestion img+.search-name {
  
    font-size: 12px;
}

.single_add_to_cart_button {
	    border: 1px solid #000;
    background: #fff !important;
    color: #000;
}

.single_add_to_cart_button:hover {
	background: #000 !important;
  color: #fff
}

.buy_now_button {
    border: 1px solid #000;
    min-height: 31px;
    width: 49%;
    margin-left: 1%;
    padding: 10px 0;
    margin-right: 0;
    font-weight: normal;
}
.nav-dropdown .product_list_widget, .widget_shopping_cart p.total {
    font-size: 12px;
    color: #000;
}

.widget_shopping_cart .button {
    font-size: 11px;
}

.header .flex-row {
    max-width: 94%;
}

.checkout-breadcrumbs a, .cart_totals .button, .woocommerce-cart .page-wrapper {
   
    font-size: 12px;
}

.checkout-breadcrumbs a {
	color: #000
}

.breadcrumbs {
    font-size: 12px;
    font-weight: normal;
    display: none;
}

.page-title-inner {
    padding-top: 0;
}

.woocommerce-result-count, .woocommerce-ordering {
	display: none
}

.product-home .product-small img {
	height: 800px;
  object-fit: contain;
  width: auto
}

.product-home  .has-hover:hover img.show-on-hover, .related-products-wrapper .has-hover:hover img.show-on-hover {
	display: none !important
}

.related-products-wrapper img {
	height: 360px;
    object-fit: contain;
    width: auto;
}

.single-product .product-info .ux-swatch--color .ux-swatch__text {
    /* display: block; */
    margin-left: 80px;
    text-transform: uppercase;
    font-size: 10px;
    background: transparent;
    position: absolute;
}

.header-button .header-cart-link {
	color: #000
}

.absolute-footer {
   
    display: none;
}

.header-cart-link .cart-icon strong{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:none!important;
    border:none!important;
    color:#000!important;
    font-size:18px;
    font-weight:400;
}

.header-cart-link span:after {
	background-color: transparent !important;
      color: #000;
      box-shadow: none;
      font-family: 'Neue Haas Grotesk Text' !important;
    font-size: 16px;
  
    right: 13px;
    text-align: center;
    top: 5px;
}

.header-cart-link .image-icon img {
    max-width: 45px;
}

html,
body,
#wrapper {
    background: #fff !important;
}

.lh {
	text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
}

.product-info .ux-swatch__color {
    border-radius: 50%;
}

del {
    text-decoration: none !important;
}

.product-title {
	font-size: 11px;
}

.ux-swatch__color--single-color {
   
    border-radius: 50%;
}

.product-small .price-wrapper {
	display: none
}

.pr-care h2 {
	font-size: 17px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.pr-care h3 {
	font-size: 14px;
  line-height: 1.5;
   margin-bottom: 20px;
}

.pr-care p, .pr-care li {
	font-size: 14px;
  line-height: 1.5;
  margin-bottom: 15px;
}

.popup-gioithieu{
    display:none;
    position:fixed;
    z-index:99999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
}
.popup-content{
    position:relative;
    max-width:800px;
    margin:50px auto;
    text-align:center;
}
.popup-content img{
    max-width:95%;
    max-height:90vh;
}
.close-popup{
    position:absolute;
    right:0;
    top:-40px;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}

.product-care{
   position: relative
}

.product-care:before {
	content: "";
	display: inline-block;
	width: 0.5px;
	height: 100%;
	background: #ddd;
	position: absolute;
	top: 0;
	left: 50%;
	trasitio;
	transform: translateX(-50%);
}

.care-header,
.care-row,
.care-footer{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap: 50px;
}

.care-col{
    padding: 0;
}

.care-header .care-col:first-child,
.care-row .care-col:first-child,
.care-footer .care-col:first-child{
    /* border-right:1px solid #ddd; */
}

.care-row{
    /* border-top:1px solid #ddd; */
}

.care-footer{
    /* border-top:1px solid #ddd; */
}

.care-col h4{
   margin-top: 20px;
}

.care-col h3{
    /* margin:25px 0 15px; */
    /* font-size:20px; */
    /* font-weight:700; */
}

.care-col ul{
    margin:0;
    /* padding-left:20px; */
    margin-bottom: 20px;
}

.care-col li{
    margin-bottom:12px;
}

.care-col li .br {
	border: 0
}

.pro-title {
	display: none
}

@media(max-width:768px){
.care-col li .br {
	display: block
}
    .care-header,
    .care-row,
    .care-footer{
        /* grid-template-columns:1fr; */
        gap: 25px;
    }

    .care-header .care-col:first-child,
    .care-row .care-col:first-child,
    .care-footer .care-col:first-child{
        /* border-right:0; */
        /* border-bottom:1px solid #ddd; */
    }
}
    .s1 h3 {
        margin: 20px 0 10px;
        text-transform: uppercase;
        font-weight: 400;
    }

@media screen and (max-width: 1145px) {
  #breadcrumbs {
  	padding: 0 12px
  }
  .from84-header {
  	display: none
  }
  
  .pr-care .medium-6 {
  	    flex-basis: 50% !important;
    max-width: 50% !important;
  }
  
  .pr-care h2 {
    font-size: 14px;
    height: 35px;
}
  
  .pr-care p, .pr-care li {
    font-size: 12px;
}
  
  .pr-care h3 {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 15px;
}
    #header .header-inner #logo {
        display: block !important;
        order: 0;
        margin: 0;
        text-align: left;
    }
  .transparent #logo img {
    max-height: 35px !important;
    margin: 0;
}
  #logo img {
    max-height: 35px !important;
    margin: 0;
}
  
.header .flex-row {
    background: #fff;
    max-width: 100%;
}
  
  .mobile-nav .icon-menu {
  	    color: #000;
    font-size: 30px !important;
  }  
  
  #woocommerce-product-search-field-0 {
  	box-shadow: none;
  	border: 0;
  	border-bottom: 1px solid;
  	padding: 0 0 5px;
  	height: 25px;
  }  
  
  #woocommerce-product-search-field-0::placeholder {
  	font-size: 12px;
    padding-bottom: 12px;
  }
  
  
  .searchform .button.icon {
  
    display: none;
}
  
    .searchform-wrapper {
    margin-bottom: 10px;
    }  
  
 
  
  .bn h1 {
    font-size: 50px;
  
}
  

  
.s1 .row, .single-product .row, .product-footer .container,  .woocommerce-shop .row  {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
  margin: 0 0 0 !important;
}  
  .s1 .row {
  	margin: 0 0 0 !important;
  }
  .s1 .col {
  	padding: 0 !important;
  }  
  
  .s1 .product-small.product {
  	width: 50%;
  	/* padding: 0 7px 20px 0 !important; */
  	/* margin: 0 -7px; */
  }
  
  .s1 .product-small.product:nth-child(2n) {
  	/* padding: 0 0 20px 7px !important; */
  }
  
  .s1 h2 {
    font-size: 30px;
    margin-bottom: 5px;
}
  
 .s1 .product-home {
  	margin-top: 30px !important;
  	/* margin: 50px -7px 0 !important; */
  }
  
    .s1 h3 {
        margin: 20px 0 10px;
        text-transform: uppercase;
        font-weight: 400;
    
}
  
  .o-product__product {
  	flex-wrap: wrap;
  }
  
  .product-info.summary {
    width: 100%;
    padding-right: 0;
    font-size: 12px;
    position: relative;
    bottom: auto;
    top: auto;
}
  
.product-gallery {
    width: 100%;
    position: relative;
    top: auto;
    padding-right: 0;
}  
  
  
.off-canvas .nav-vertical>li>a {
    color: #000;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
}  
  
  .video-sound-toggle {
    position: absolute;
    right: -10px;
    bottom: -40px;
}
  
  .woocommerce-mini-cart.cart_list {
  	font-size: 11px;
    color: #000
  }
  
  .category-page-row {
  	padding: 0 !important
  }
  
  .product-home .product-small img {
    height: 200px;
    object-fit: contain;
    width: auto;
    margin: 0 auto;
}
  
  .product-small .box-image a {
  	text-align: center
  }  
  
.footer-item {
    font-size: 11px;
}  
  
.from84-footer__logo {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 7px;
}  
  
.autocomplete-suggestion {
    font-size: 11px;
}  
  
.related-products-wrapper img {
    height: 200px;
    object-fit: contain;
    width: auto;
}  
  
.single_add_to_cart_button, .buy_now_button {
  
    padding: 7px 0;

}  
  
  .header-cart-link .image-icon img {
    max-width: 34px;
    margin-top: 1px;
}
  
.header-cart-link span:after {
    background-color: transparent !important;
    color: #000;
    box-shadow: none;
    font-family: 'Neue Haas Grotesk Text' !important;
    font-size: 12px;
    right: 9px;
    text-align: center;
    top: 4px;
}  
  
  .lh {
  height: 100vh
  }
  
  .bn .bg {
  	background: #fff !important
  }
  
  .bn {
  padding: 550px 0 50px !important;
  }
  
  .bn video {
  	 width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  #header {
  	position: relative
  }
}