:root{--bs-body-line-height:1.7;--bs-body-color:#343F52}
body{font-family:'Roboto',sans-serif;color:#202020;font-size:16px;font-style:normal;font-weight:400}
a{color:#3097d1;text-decoration:none}
a:hover,
a:focus{color:#216a94;text-decoration:underline}
h1,
.h1{font-size:40px}
h2,
.h2{font-size:26px}
h3,
.h3{font-size:22px}
h4,
.h4{font-size:19px}
h5,
.h5{font-size:16px}
h6,
.h6{font-size:14px}
h1,
.h1,
h2,
.h2{font-weight:700}
h1,
.h1,
h2,
.h2,
h3,
.h3{margin-bottom:13.5px}
p.lead{font-size:20px;font-weight:400}
code{padding:2px 4px;font-size:90%;color:#D35400;background-color:#ECF0F1;border-radius:4px}
.collapsing{transition:none}
.breadcrumb-container .breadcrumb{margin-bottom:0;justify-content:center;padding-top:0 !important;padding-bottom:0 !important}
.breadcrumb-container .breadcrumb .breadcrumb-item,
.breadcrumb-container .breadcrumb a{line-height:180%;text-decoration:none;color:rgba(102,102,102,0.7)}
.breadcrumb-container .breadcrumb .breadcrumb-item.active,
.breadcrumb-container .breadcrumb a.active,
.breadcrumb-container .breadcrumb .breadcrumb-item:hover,
.breadcrumb-container .breadcrumb a:hover{color:#202020}
.breadcrumb-container .breadcrumb .breadcrumb-item + .breadcrumb-item:before{content:url('data:image/svg+xml,')}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.page-full-width{max-width:100%}
.page-full-width.page-full-width-spacing{margin:0 5%}
@media screen and (max-width:990px){.page-full-width.page-full-width-spacing{margin:0 2.5%}}
.ajax-page-loading{position:relative}
.ajax-page-loading:after{content:"";position:fixed;top:50vh;left:50%;vertical-align:middle;margin-left:0.4em;height:1.5rem;width:1.5rem;animation:spin 0.8s infinite linear;border:0.2em solid #fff;border-right-color:transparent;border-radius:50%;opacity:1;z-index:999999}
@media screen and (max-width:541px){.ajax-page-loading:after{margin-left:unset}}
.ajax-page-loading:before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.4);z-index:999999}
@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
@media screen and (max-width:576px){.fs-vw-5{font-size:5vw !important}.fs-vwh-5{font-size:5.5vw !important}.w-vw-5{width:5vw !important}.fs-vw-4{font-size:4vw !important}.fs-vwh-4{font-size:4.5vw !important}.w-vw-4{width:4vw !important}.fs-vw-3{font-size:3vw !important}.fs-vwh-3{font-size:3.5vw !important}.w-vw-3{width:3vw !important}.fs-vw-2{font-size:2vw !important}.fs-vwh-2{font-size:2.5vw !important}.w-vw-2{width:2vw !important}.fs-vw-1{font-size:1vw !important}.fs-vwh-1{font-size:1.5vw !important}.w-vw-1{width:1vw !important}}
.fit-img{object-fit:cover;object-position:center}
.pagination .page-item .page-link{box-shadow:none;color:#202020;text-decoration:none}
.pagination .page-item.active .page-link{background-color:#202020;color:#fff;border-color:#202020}.hotline-phone-ring-wrap{position:fixed !important;bottom:0;left:-9px;z-index:1111111}
.hotline-phone-ring-wrap .hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-wrap .hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}
.hotline-phone-ring-wrap .hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-wrap .hotline-phone-ring-circle-fill{width:55px;height:55px;top:22px;left:26px;position:absolute;background-color:rgba(230,8,8,0.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-wrap .hotline-phone-ring-img-circle{background-color:#e4212a;width:33px;height:33px;top:33px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-wrap .hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-wrap .hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}
.hotline-bar{position:absolute;background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#e4212a);height:40px;width:230px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.1);border-radius:50px !important;border:2px solid #fff;left:33px;bottom:40px}
.hotline-bar>a{color:#fff;text-decoration:none;font-size:18px;font-weight:900;text-indent:40px;display:block;letter-spacing:1px;line-height:38px}
.hotline-bar>a:hover,
.hotline-bar>a:active{color:#fff}
@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}
@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}}
@-webkit-keyframes phonering-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)}}
@media (max-width:768px){.hotline-bar{display:none}}img{max-width:100%}
.shop-page-title{color:#948372}
.nav-line-pills{border-bottom:1px solid var(--bs-gray-300)}
.nav-line-pills .nav-item{margin-right:2rem}
.nav-line-pills .nav-item .nav-link{font-weight:500;color:var(--bs-gray-600);white-space:nowrap;padding:16px 0px;margin-bottom:-1px;border-bottom:2px solid transparent;border-radius:0px}
.nav-line-pills .nav-item .nav-link.active{color:var(--bs-primary);background-color:transparent;border-bottom:2px solid var(--bs-primary)}
.nav-line-pills .nav-item .nav-link:hover{color:var(--bs-primary);background-color:transparent;border-bottom:2px solid var(--bs-primary)}
@media (max-width:576px){.nav-line-pills{overflow-x:scroll;flex-wrap:nowrap;overflow-y:hidden}.nav-line-pills::-webkit-scrollbar{display:none}}
#layout-header{border-bottom:1px solid rgba(205,134,92,0.2);font-family:"Josefin Sans",sans-serif;z-index:10;width:100%;background:white}
#layout-header.active{position:fixed;top:0;z-index:999;animation:headerAnimation 1s}
@keyframes headerAnimation{0%{opacity:0;transform:translateY(-50%)}100%{opacity:1;transform:translateY(0)}}
.fw-medium{font-weight:500}
.list-style-none{list-style-type:none}
.navbar.navbar-dark{background-color:transparent}
.navbar .navbar-brand{margin-top:-5px}
.navbar a:hover,
.navbar a:focus,
.navbar a.focus{text-decoration:none}
.navbar .dropdown-item.active,
.navbar .dropdown-item:active{background-color:#6bc48d}
.navbar .header-search-container{margin-left:auto}
.navbar .header-search-container .dropdown-search{right:0;left:unset}
.navbar .navbar-toggler-icon{background-image:url('data:image/svg+xml,') !important}
@keyframes spin{100%{transform:rotate(360deg)}}
.snow-container{position:fixed;top:0;left:0;overflow:hidden;width:100vw;height:100vh;z-index:99999;pointer-events:none}
.snowflake{position:absolute;background-size:cover;background-repeat:no-repeat;border-radius:50%;opacity:0.8;pointer-events:none}
@keyframes fall{0%{opacity:0;transform:translateY(0)}10%{opacity:1}100%{opacity:0.5;transform:translateY(100vh)}}
[data-active-theme="3"] .snowflake{background-image:url('data:image/svg+xml,')}
[data-active-theme="2"] .snowflake{background-image:url('data:image/svg+xml,')}
@keyframes diagonal-fall{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}100%{opacity:0.25;transform:translate(10vw,100vh)}}
[data-active-theme="2"] .top-bar,
[data-active-theme="3"] .top-bar{background-color:#9e0000}
[data-active-theme="2"] .scroll-top,
[data-active-theme="3"] .scroll-top{background:#9e0000}
[data-active-theme="2"] .navbar .navbar-nav>li.nav-item>a.nav-link.active,
[data-active-theme="3"] .navbar .navbar-nav>li.nav-item>a.nav-link.active{color:#9e0000}
[data-active-theme="2"] .navbar .navbar-nav>li.nav-item>a.nav-link.active:before,
[data-active-theme="3"] .navbar .navbar-nav>li.nav-item>a.nav-link.active:before{background:#9e0000}
[data-active-theme="2"] .navbar .navbar-nav>li.nav-item>a.nav-link:hover,
[data-active-theme="3"] .navbar .navbar-nav>li.nav-item>a.nav-link:hover{color:#9e0000}
[data-active-theme="2"] .navbar .navbar-nav>li.nav-item>a.nav-link:hover:before,
[data-active-theme="3"] .navbar .navbar-nav>li.nav-item>a.nav-link:hover:before{background:#9e0000}
[data-active-theme="2"] #shopDropdown #dropdownProducts .category-item a:hover,
[data-active-theme="3"] #shopDropdown #dropdownProducts .category-item a:hover{color:#9e0000}
[data-active-theme="2"] .link-dark:hover svg path,
[data-active-theme="3"] .link-dark:hover svg path{fill:#9e0000}
[data-active-theme="2"] #layout-header,
[data-active-theme="3"] #layout-header{border-bottom:1px solid #9e0000}
[data-active-theme="2"] #searchModal .form--search input,
[data-active-theme="3"] #searchModal .form--search input{border-bottom:1px solid #9e0000}
[data-active-theme="2"] .section-homepage .wrap-banner .swiper-pagination-bullet-active,
[data-active-theme="3"] .section-homepage .wrap-banner .swiper-pagination-bullet-active{background-color:#9e0000 !important}
[data-active-theme="2"] .section-homepage .btn-collection:hover,
[data-active-theme="3"] .section-homepage .btn-collection:hover{background:#9e0000 !important}
[data-active-theme="2"] .section-homepage .feature-product .nav-link.active,
[data-active-theme="3"] .section-homepage .feature-product .nav-link.active{border-bottom:1px solid #9e0000 !important}
[data-active-theme="2"] .section-homepage .product-name:hover,
[data-active-theme="3"] .section-homepage .product-name:hover{color:#9e0000}
[data-active-theme="2"] .section-homepage .date-blog,
[data-active-theme="3"] .section-homepage .date-blog{background:#9e0000 !important;color:white}
[data-active-theme="2"] .section-homepage .wrap-feature-product .title,
[data-active-theme="3"] .section-homepage .wrap-feature-product .title{width:fit-content;margin:0 auto;position:relative}
[data-active-theme="2"] .section-homepage .wrap-feature-product .title:before,
[data-active-theme="3"] .section-homepage .wrap-feature-product .title:before{position:absolute;content:"";background-image:url('data:image/svg+xml,');width:160px;height:100%;background-size:contain;background-repeat:no-repeat;top:0;left:-130px}
[data-active-theme="2"] .section-homepage .wrap-feature-product .title:after,
[data-active-theme="3"] .section-homepage .wrap-feature-product .title:after{position:absolute;content:"";background-image:url('data:image/svg+xml,');width:160px;height:100%;background-size:contain;background-repeat:no-repeat;top:0;margin-left:12px}
@media (max-width:576px){[data-active-theme="2"] .section-homepage .wrap-feature-product .title:before,[data-active-theme="3"] .section-homepage .wrap-feature-product .title:before{width:0;background-image:unset}[data-active-theme="2"] .section-homepage .wrap-feature-product .title:after,[data-active-theme="3"] .section-homepage .wrap-feature-product .title:after{width:0;background-image:unset}}
[data-active-theme="2"] #layout-footer a:hover,
[data-active-theme="3"] #layout-footer a:hover{color:#9e0000}
[data-active-theme="2"] #layout-footer svg:hover rect,
[data-active-theme="3"] #layout-footer svg:hover rect{stroke:#9e0000}
[data-active-theme="2"] #layout-footer svg:hover path,
[data-active-theme="3"] #layout-footer svg:hover path{fill:#9e0000}
.top-bar{background-color:#948372}
.top-bar .container{justify-content:end}
.top-bar .container .nav-link{color:#f6f5f0;font-size:14px;font-style:normal;font-weight:300;line-height:25.2px;text-decoration:none;display:flex;align-items:center;gap:8px}
.top-bar .container .nav-link:hover{color:#202020}
@media (max-width:576px){.top-bar{display:none}}
@media screen and (min-width:992px){.navbar .navbar-nav>li.nav-item{padding:0 8px}.navbar .navbar-nav>li.nav-item>a.btn{padding:3px 22px;border-radius:100px;font-size:14px;margin-top:7px}.navbar .navbar-nav>li.nav-item>a.nav-link{position:relative;transition:all 0.5s ease 0.05s;color:#202020;font-weight:500;font-size:14px;width:fit-content}.navbar .navbar-nav>li.nav-item>a.nav-link.active{color:#cd865c}.navbar .navbar-nav>li.nav-item>a.nav-link.active:before{background:#cd865c;position:absolute;height:2px;bottom:5px;content:"";z-index:5;width:100%;left:50%;transform:translateX(-50%);border-radius:2px;transition:all 0.2s ease 0.05s}.navbar .navbar-nav>li.nav-item>a.nav-link:before{position:absolute;height:2px;bottom:5px;content:"";z-index:5;width:0;left:50%;transform:translateX(-50%);border-radius:2px;transition:all 0.3s ease 0.05s}.navbar .navbar-nav>li.nav-item>a.nav-link:hover{color:#cd865c;transition:all 0.5s ease 0.05s}.navbar .navbar-nav>li.nav-item>a.nav-link:hover:before{background:#cd865c;content:"";z-index:5;width:100%;transition:all 0.3s ease 0.05s}}
.navbar-mobile{display:none}
@media (max-width:991px){.navbar-mobile{display:block}.navbar-mobile .navbar-collapse{background:#fff;position:fixed;z-index:10001;right:-260px;top:0;bottom:0;width:260px;padding:20px;height:100% !important;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;text-align:left;backface-visibility:hidden;transform:translate3d(0,0,0);transform-origin:0 10%;transform:perspective(1000px) scale(1.3);transition:all 0.4s 0s ease-in}.navbar-mobile .navbar-collapse.collapsing{transition-duration:0.1s}.navbar-mobile .navbar-collapse.show{transition:all 0.3s 0s ease-out;transform:perspective(1000px) scale(1) translate3d(-260px,0,0)}.navbar-mobile .navbar-collapse .nav-link{color:black}.navbar-mobile .navbar-toggler{color:#202020;padding:10px;opacity:0.8}.navbar-mobile .navbar-toggler:hover,.navbar-mobile .navbar-toggler:focus{opacity:1}.navbar-mobile .nav-item .nav-link{color:202020}.navbar-mobile .nav-item .nav-link:hover{color:#202020}.navbar-mobile .nav-item .btn{margin-top:1rem;margin-left:1rem}}
.cursor-pointer{cursor:pointer;z-index:99999}
#shopDropdown{width:max-content;display:flex;align-items:center}
#shopDropdown #dropdownProducts{display:none;position:absolute;box-shadow:0 1px 5px rgba(0,0,0,0.1);background:white;width:max-content}
#shopDropdown #dropdownProducts .category-item{flex:1 0 auto}
#shopDropdown #dropdownProducts .category-item span{font-size:16px}
#shopDropdown #dropdownProducts .category-item a{color:black;font-size:16px;transition:all 0.3s;text-decoration:none}
#shopDropdown #dropdownProducts .category-item a:hover{color:#cd865c}
#shopDropdown:hover #dropdownProducts{padding:16px;display:flex;gap:40px;animation:opacity 1s;top:100%;left:50%;transform:translateX(-50%)}
#shopDropdown::after{content:url('data:image/svg+xml,')}
#accordionExample{display:none}
@media (max-width:576px){#accordionExample{display:block}#shopDropdown{display:none}.accordion-button{padding:0;color:black;font-size:16px}.accordion-button:not(.collapsed){color:black;background-color:unset}.accordion-item{padding-left:15px;padding-bottom:8px;padding-top:5px;border:0 !important}.accordion-body{padding:10px;color:black}.nav-link{padding-left:15px;padding-bottom:8px}}
@keyframes opacity{0%{opacity:0}100%{opacity:1}}
@keyframes opacityRotate{0%{opacity:1}100%{opacity:0}}
.link-dark svg path{transition:all 0.5s}
.link-dark svg rect{transition:all 0.5s}
.link-dark:hover svg path{fill:#cd865c}
.link-dark:hover svg rect{stroke:#cd865c}
.modal-open .top-bar{position:relative;z-index:9999}
#searchModal{transition:all 0.1s;transform:translateY(-20px)}
#searchModal.show{transition:all 0.5s;transform:translateY(0px)}
#searchModal .modal-dialog{max-width:100% !important;height:14%}
#searchModal .modal-dialog .modal-content{border-radius:0}
#searchModal .form--search{width:fit-content;margin:0 auto;transform:translateY(-50%);position:relative;top:50%}
#searchModal .form--search input{border:0;padding-right:50px;outline:0;border-bottom:1px solid #cd865c}
#searchModal .form--search .input--search{position:relative}
#searchModal .form--search .input--search::after{position:absolute;cursor:po;top:50%;right:0;transform:translatey(-50%);content:url('data:image/svg+xml,')}
.scroll-top{transform:translateY(50%);transition:all 1s;background:#948372;border-radius:50%;width:50px;height:50px;align-items:center;justify-content:center;margin-right:20px;margin-bottom:20px;display:flex;bottom:-50px}
.scroll-top.active{overflow:hidden;bottom:0;display:flex;transform:translateY(0);transition:all 1s}
.scroll-top svg{fill:white}
.scroll-top .scroll-text{text-decoration:none;font-size:8px;color:white;font-weight:500;transform:translateY(150%);transition:all 0.4s}
.scroll-top .scroll-arrow{transition:all 0.4s}
.scroll-top:hover .scroll-arrow{transform:translateY(-150%);transition:all 0.4s}
.scroll-top:hover .scroll-text{transform:translateY(0%);margin-top:0;transition:all 0.4s}
[data-active-theme="2"] footer,
[data-active-theme="3"] footer{position:relative}
[data-active-theme="2"] footer:before,
[data-active-theme="3"] footer:before{content:'';background:url('../themes/tvnt/assets/images/bg-chirs.png');position:absolute;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;inset:0;z-index:1;margin-top:-30px}
@media (max-width:576px){[data-active-theme="2"] footer:before,[data-active-theme="3"] footer:before{margin-top:-10px}}
[data-active-theme="2"] #layout-footer,
[data-active-theme="3"] #layout-footer{position:relative;background:#9E0000;color:white;padding-top:70px}
[data-active-theme="2"] #layout-footer a,
[data-active-theme="3"] #layout-footer a{color:white}
[data-active-theme="2"] #layout-footer svg path,
[data-active-theme="3"] #layout-footer svg path{fill:white}
[data-active-theme="2"] #layout-footer svg rect,
[data-active-theme="3"] #layout-footer svg rect{stroke:white}
[data-active-theme="2"] #layout-footer svg:hover path,
[data-active-theme="3"] #layout-footer svg:hover path{fill:#b7b6b6}
[data-active-theme="2"] #layout-footer svg:hover rect,
[data-active-theme="3"] #layout-footer svg:hover rect{stroke:#9f9d9d}
[data-active-theme="2"] .coppy-by,
[data-active-theme="3"] .coppy-by{color:white !important}
[data-active-theme="3"] footer{position:relative}
[data-active-theme="3"] footer:before{content:'';background:url('../themes/tvnt/assets/images/bg-year.png');position:absolute;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;inset:0;margin:0}
footer{margin-top:70px}
footer .navbar-brand{margin-top:-24px}
footer h2{color:#202020}
footer .link--text{font-size:14px}
footer .link--text a{text-decoration:none;color:black;transition:all 0.3s;font-size:14px}
footer .link--text a:hover{color:#cd865c}
footer .social--item svg path{transition:all 0.5s}
footer .social--item svg rect{transition:all 0.5s}
footer .social--item:hover svg path{fill:#cd865c}
footer .social--item:hover svg rect{stroke:#cd865c}
.modal-dialog[data-ajax-updating],
.modal-dialog:not([data-ajax-updating]) + .modal-loading{display:none}