@charset "UTF-8";
@font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/Roboto-Black.ttf"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Roboto-Bold.ttf"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/Roboto-Medium.ttf"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Roboto-Regular.ttf"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/RobotoCondensed-SemiBold.ttf"); }
@font-face { font-family: "arial2"; src: url("../fonts/SVN-Arial 2.ttf"); }
@font-face { font-family: "hel"; src: url("../fonts/UTM HelvetIns.ttf"); }

/* Main */
:root { --color-red: #ec2d3f; --color-medium-red: #cc2c32; --color-dark-red: #c31829; --color-green: #28a745; --color-dark-green: #207d36; --color-black: #212529; --color-gray: #6c757d; --color-white: #FFFFFF; --color-main: rgb(229, 27, 36); --color-main-rgb: 229, 27, 36; --color-hover: rgb(226, 72, 92); --color-hover-rgb: 226, 72, 92; --color-text: rgb(51, 51, 51); --color-text-rgb: 51, 51, 51; }
body { font-size: 14px; font-family: Roboto; font-weight: 400; top: 0px !important; }
img { max-width: 100%; height: auto; vertical-align: top; }
a { text-decoration: none; }
a, input, textarea { outline: none; padding: 0px; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.🐷 { margin-top: 50px; }
.w-clear:after { display: block; content: ""; clear: both; }
.hidden { display: none; }
.clear { clear: both; }
.none { display: none; }
.hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; }
.wrap-main, .wrap-content { width: calc(100% - 20px); max-width: 1300px; margin: 40px auto; }
.wrap-home { width: 100%; max-width: 100%; padding: 0px; margin: 0; }
.wrap-content { margin: auto; }

/* Scroll */
.scroll-maded { overflow-y: scroll; overflow-x: hidden; }
.scroll-maded::-webkit-scrollbar { width: 2px; }
.scroll-maded::-webkit-scrollbar-thumb { width: 2px; background: var(--color-main); }
.scroll-maded::-webkit-scrollbar-thumb:hover, .scroll-maded::-webkit-scrollbar-thumb:active { width: 2px; }
img.skeleton { animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; border-radius: 4px; background: linear-gradient(-90deg, rgb(235, 235, 240) 0%, rgb(255, 255, 255) 50%, rgb(235, 235, 240) 100%) 0% 0%/400% 400%; animation: 1.5s ease-in-out 0s infinite normal none running skeleton; }
img.skeleton.initial, img.skeleton.loaded, img.skeleton.error { background: none; animation: none; }
img:not(.initial) { transition: all 1s; }
img:not([src]) { visibility: hidden; }

/*banner detail*/
.wrap-brand-detail { margin-top: 50px; margin-bottom: 50px; position: relative; }
.box_bottom-brand { position: relative; }
.box_brand-detail { float: left; width: 18%; margin: 0 2% 2% 0; text-align: center; }
.box_brand-detail:nth-child(5n+1) { clear: both; }
.box_brand-detail:nth-child(5n) { margin-right: 0; }
.box_brand-detail a img { border: 1px solid #cccccc; }

/*tin tức slick*/
.box_main-news--video { padding-top: 40px; }
.slick-news .slick-list .slick-track .slick-slide:nth-child(odd) .box_news-main a { flex-direction: row-reverse; }
.time { text-align: center; background: #ed1d23; margin-bottom: 0; padding: 6px 0; }
.time-1 { font-size: 20px !important; color: #ffffff; font-weight: 700; text-align: center; }
.time span { font-size: 14px; color: #ffffff; text-align: center; margin-bottom: 0; text-transform: uppercase; }
.box_news-main { border-bottom: 1px dashed #333333; margin-bottom: 18px; }
.left-news-detail { text-align: center; width: calc(50% - 10px); }
.left-news-detail a{max-width: 550px; margin-left: auto; margin-right: auto; padding: 10px; border: 1px solid var(--clr-gray);}
.right-news-detail { width: calc(50% - 10px); }

/* General */
.title-main { margin-bottom: 1.5rem; }
.title-main span {text-transform: uppercase;font-size: 30px;color: var(--color-main);font-weight: 900;text-align: start;}
.title-main p { font-size: 16px; color: #313131; }
.time-main { margin-bottom: 0.75rem; color: #999999; }
.time-main i { vertical-align: top; margin: 3px 7px 0px 0px; }
.time-main span { vertical-align: top; display: inline-block; }
.social { list-style: none; padding: 0px; margin: 0px; }
.social li { display: inline-block; vertical-align: top; }
.social li:last-child { margin-right: 0px; }
.control-carousel { position: absolute; top: calc(50% - 15px); margin-bottom: 0px; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #eee; z-index: 2; background-color: #fff; color: #ccc; cursor: pointer; }
.control-carousel:hover { background-color: var(--color-red); border-color: var(--color-red); color: #fff; }
.prev-carousel { left: 0px; }
.next-carousel { right: 0px; }

/* Header */
.header-top { background-color: var(--color-main); padding: 5px 0; }
.header-info { color: var(--color-white); font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; }
.header-lang { position: relative; color: #fff; width: 103px; height: 26px; border-radius: 5px; border: 1px solid var(--color-white); background: var(--color-hover); }
.header-lang .lang_current { cursor: pointer; border-radius: 5px; padding: 0 8px; width: 100%; height: 100%; }
.header-lang .lang_current .lang_txt { font-size: 14px; color: #fff; letter-spacing: 1px; height: 100%; line-height: 26px; text-align: center; }
.header-lang .box_solang { position: absolute; top: 105%; right: 0; width: -moz-max-content; width: max-content; background: #fff; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); padding: 12px 20px; display: none; z-index: 10000; border-radius: 3px; width: 150px; box-sizing: border-box; }
.header-lang .box_solang a { background-repeat: no-repeat; background-position: left center; color: #333; font-size: 12px; letter-spacing: 1px; height: 20px; display: flex; align-items: center; text-transform: uppercase; background-size: 30px 20px; margin-bottom: 10px; }
.header-lang .box_solang a:hover { color: var(--color-main); }
.header-bottom { padding: 8px 0px 35px; background: var(--color-white); box-shadow: 0px 4px 6.4px 0px rgba(47, 47, 47, 0.25); }
.header-user { position: relative; z-index: 999; }
.header-user .item { text-decoration: none; }
.header-user .item p { color: var(--color-text); font-size: 15px; font-weight: 600; margin-bottom: 0; }
.header-user .item span { color: var(--color-text); font-size: 14px; font-weight: 400; }
.header-user:hover .item p { color: var(--color-main); }
.header-user:hover .dropdown-user { opacity: 1; pointer-events: auto; visibility: visible; }
.header-user .dropdown-user { display: block; position: absolute; left: 0px; top: calc(100% + 10px); min-width: 100%; min-width: 200px; background: #fff; margin: 0; list-style: none; padding: 10px; border-radius: 3px; border: 1px solid #E4E4E4; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); z-index: 9; opacity: 0; pointer-events: none; transition: 0.1s; visibility: hidden; }
.header-user .dropdown-user a { display: block; padding: 5px 0; color: #000; text-decoration: none; }
.header-user .dropdown-user a:hover { color: var(--color-main); }
.header-user .dropdown-user:before { content: ""; display: inline-block; width: 10px; height: 10px; transform: rotate(45deg); position: absolute; left: 12px; top: -4px; background: #fff; box-shadow: -2px -2px 0px #E4E4E4; }
.header-user .dropdown-user:after { content: ""; display: block; width: 100%; height: 10px; top: -10px; left: 0; position: absolute; }
.header-cart p { color: var(--color-text); font-size: 15px; font-weight: 600; margin-bottom: 0; }
.header-cart span { color: var(--color-text); font-size: 14px; font-weight: 400; }
.header-cart:hover p { color: var(--color-main); }
.header__search { display: flex; align-items: center; justify-content: flex-end; height: 39px; border-radius: 5px; background-color: #ffffff; border: 1px solid #cccccc; transition: 0.3s ease-in-out; position: relative; z-index: 1000; max-width: 555px; }
.header__search>p { width: 91px; height: 39px; cursor: pointer; margin: 0px; font-size: 16px; color: #fff; background-color: var(--color-hover); margin: -1px -1px 0 0; border-radius: 0 5px 5px 0; display: flex; align-items: center; justify-content: center; }
.header__search input { width: calc(100% - 91px); height: 39px; outline: none; padding: 0px; border: 0px; background: transparent; text-indent: 20px; font-size: 15px; }
.header__search input::-webkit-input-placeholder, .header__search input:-moz-placeholder, .header__search input::-moz-placeholder, .header__search input:-ms-input-placeholder { color: #ccc; }
.header__search--result { position: absolute; left: 0; right: 0; top: 100%; display: none; }
.header__search--result .box { background: #fff; border: 1px solid #c9d0cd; padding: 10px 0; max-height: 312px; }
.header__search--result .box .price { margin-bottom: 0.25rem; }
.header__search--result .box .price .new { font-weight: 600; font-size: 15px; color: var(--color-hover); }
.header__search--result .box .price .old { color: var(--color-gray); margin-left: 10px; }
.header__search--result .box .name { font-size: 15px; color: #111; margin-bottom: 0; }
.header__search--result .box .name:hover { color: var(--color-main); }
.header__search--result .button { background-color: #fff; padding: 0.5rem; display: flex; align-items: center; justify-content: space-between; }
.header__search--result .button span b { color: var(--color-hover); }
.header__search--result .button a { font-size: 15px; font-weight: 600; color: #111; cursor: pointer; }
.header__search--result .button a:hover { color: var(--color-hover); }
.header__info--info p { font-size: 14px; line-height: 24px; color: #4d4d4d; margin-bottom: 0; }
.header__info--info span { display: block; font-size: 18px; text-transform: uppercase; color: var(--color-main); font-weight: 700; }
.search__shadow { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }
.menu { position: relative; margin-top: -30px; }
.menu.fixed { position: fixed; left: 0; top: 0; width: 100%; }
.menu .left { width: 215px; position: relative; z-index: 99; }
.menu .left .menu-left { position: absolute; width: 100%; cursor: pointer; border-radius: 5px; border: 1px solid #E4E4E4; background: var(--color-white); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); }
.menu .left .menu-left .title { display: flex; align-items: center; gap: 8px; text-transform: uppercase; color: var(--color-main); font-size: 14px; font-weight: 600; padding: 8px 0; margin: 0 10px; border-bottom: 1px dashed rgba(var(--color-hover-rgb), 0.3); }
.menu .left .menu-left .ul-menu { width: 100%; box-sizing: border-box; position: inherit !important; background-color: #ffffff; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; max-height: 446px; }
.menu .left .menu-left .ul-menu>li { width: 100%; position: relative; padding: 0px 12px; }
.menu .left .menu-left .ul-menu>li>a { display: block; position: relative; border-bottom: 1px dashed rgba(var(--color-text-rgb), 0.15); padding: 16px 0; transition: 0.3s ease-in-out; }
.menu .left .menu-left .ul-menu>li>a p { margin-bottom: 0; color: var(--color-text); font-size: 16px; font-weight: 500; }
.menu .left .menu-left .ul-menu>li>a span { color: var(--color-text); font-size: 12px; }
.menu .left .menu-left .ul-menu>li .sub-menu { display: none; top: 30px; position: absolute; left: calc(100% - 3px); z-index: 1234; width: 100vw; max-width: 1090px; height: calc(100% - 30px); background-color: #ffffff; padding: 30px; border: 1px solid #e6e6e6; border-left: 0; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }
.menu .left .menu-left .ul-menu>li ul li a { font-size: 16px; color: var(--color-main); font-weight: 700; margin-bottom: 0.5rem; display: block; }
.menu .left .menu-left .ul-menu>li ul li a:hover { color: var(--color-main); }
.menu .left .menu-left .ul-menu>li ul li li a { font-size: 14px; font-weight: 400; margin-bottom: 0; color: #131212; }
.menu .left .menu-left .ul-menu>li:hover { background-color: var(--color-main); padding-left: 20px; }
.menu .left .menu-left .ul-menu>li:hover>a { transform: translateX(10px); }
.menu .left .menu-left .ul-menu>li:hover>a p, .menu .left .menu-left .ul-menu>li:hover>a span { color: var(--color-white); }
.menu .left .menu-left .ul-menu>li:hover>.sub-menu { display: block; }
.menu .left .menu-left .ul-menu>li:hover { position: inherit !important; }
.menu .left .menu-left .ul-menu a:hover, .menu .left .menu-left .ul-menu a.active { color: var(--color-main); text-decoration: none; }
.menu .left .menu-left .ul-menu a span.text-split {-webkit-line-clamp: 1;}
.menu .right { width: calc(100% - 215px); }
.menu .right ul { width: 100%; padding: 0px; margin: auto; list-style: none; }
.menu .right ul li:not(.line):not(.search-menu) { position: relative; }
.menu .right ul li.line { width: 1px; height: 19px; opacity: 0.2; background: var(--color-text); margin: 0px 24px; }
.menu .right ul li a { display: block; position: relative; z-index: 1; text-align: center; width: 100%; font-size: 15px; color: var(--color-hover); margin: 0px; line-height: 30px; text-transform: capitalize; }
.menu .right ul li a.active { color: var(--color-main); text-decoration: underline; }
.menu .right ul li:hover>a { color: var(--color-main); }
.menu .right ul li ul { position: absolute; min-width: 200px; background: #fff; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1); transform: perspective(600px) rotateX(-90deg); transform-origin: 0 0 0; opacity: 0; visibility: hidden; transition: all 0.5s; }
.menu .right ul li:hover>ul { transform: perspective(600px) rotateX(0); -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; transition: all 0.7s; z-index: 88; }
.menu .right ul li ul li a { text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 14px; padding: 7px 15px; line-height: 23px; height: auto; }
.menu .right ul li ul li:last-child>a { border-bottom: 0px; }
.menu .right ul li ul li ul { top: 0px; left: 100%; }
.hidden-menu { height: 0 !important; opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; }

/* Search */
.search { border-radius: 5px; border: 1px solid #D0D0D0; background: var(--color-white); height: 39px; }
.search p { float: left; width: 91px; height: 39px; cursor: pointer; margin: 0px; font-size: 16px; color: #fff; background-color: var(--color-hover); margin: -1px -1px 0 0; border-radius: 0 5px 5px 0; display: flex; align-items: center; justify-content: center; }
.search input { width: calc(100% - 91px); height: 39px; float: left; outline: none; padding: 0px; border: 0px; background: transparent; text-indent: 10px; color: var(--color-text); }
.search input::-webkit-input-placeholder { color: #a3a3a3; }
.search input:-moz-placeholder { color: #a3a3a3; }
.search input::-moz-placeholder { color: #a3a3a3; }
.search input:-ms-input-placeholder { color: #a3a3a3; }

/* Menu RP */
.mm-listview .mm-listitem a { text-transform: uppercase; font-size: 18px; color: #222222; font-weight: 500; }
.menu-res {display: none;height: 40px;/* z-index: 10; */background: var(--color-main);position: relative;line-height: normal;}
.menu-res.fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; }
.menu-bar-res { height: 40px; padding: 0px 10px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; }
#menu { display: none; }
#hamburger { display: block; width: 45px; height: 23px; position: relative; }
#hamburger:before, #hamburger:after, #hamburger span { background: #fff; content: ""; display: block; width: 100%; height: 3px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { transition: none 0.5s ease 0.5s; transition-property: transform, top, bottom, left, opacity; }
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }

/* Search RP */
.search-res { position: relative; }
.search-res .icon-search { width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 42px; color: #fff; font-size: 17px; margin: 0px; }
.search-res .icon-search.active { color: var(--color-red); background: #fff; border-radius: 100%; }
.search-res .search-grid { position: absolute; top: 50px; right: 0px; width: 0px; height: 40px; overflow: hidden; background: #fff; border: 1px solid var(--color-red); z-index: 2; opacity: 0; border-radius: 25px; line-height: normal; }
.search-res .search-grid p { float: left; width: 35px; height: 38px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: var(--color-red); line-height: 40px; text-align: center; }
.search-res .search-grid input { width: calc(100% - 35px); float: right; line-height: 38px; outline: none; border: none; color: var(--color-red); }
.search-res .search-grid input::-webkit-input-placeholder { color: #ccc; }
.search-res .search-grid input:-moz-placeholder { color: #ccc; }
.search-res .search-grid input::-moz-placeholder { color: #ccc; }
.search-res .search-grid input:-ms-input-placeholder { color: #ccc; }

/* Slideshow */
.slideshow { position: relative; }
.slideshow .wrap-content { padding: 32px 0px 0px 224px; }
.slideshow .swiper-slider { border-top: 1px solid #eee; background: #fff; margin-top: 4px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); }
.slideshow .swiper-slider .item { text-align: center; border-right: 1px solid #eee; position: relative; transition: 0.3s; cursor: pointer; }
.slideshow .swiper-slider .item .info { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; display: flex; min-height: 100%; width: 100%; padding: 20px 10px; transition: 0.3s; text-decoration: none !important; position: relative; overflow: hidden; }
.slideshow .swiper-slider .item .info .name { margin-bottom: 0; font-size: 14px; font-weight: 400; color: #333; }
.slideshow .swiper-slider .item .info:before { content: ""; display: block; position: absolute; left: 0; top: 0; transition: 0.3s; width: 100%; height: 5px; background: var(--color-main); transform: translateY(-100%); }
.slideshow .swiper-slider .swiper-slide-thumb-active .item .info:before { transform: translateY(0); }
.slideshow .swiper-slider .swiper-slide-thumb-active .item .info .name { font-weight: 700; }
.slideshow .swiper-button-next, .slideshow .swiper-button-prev { width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; top: 50%; transform: translateY(-50%); background: hsla(0, 0%, 100%, 0.75); margin: 0; }
.slideshow .swiper-button-next:after, .slideshow .swiper-button-prev:after { font-size: 22px; font-weight: 700; color: var(--color-text); }
.slideshow .swiper-button-prev { left: 0; }
.slideshow .swiper-button-next { right: 0; }

/* Breadcrumb */
.breadCrumbs { background-color: #eee; }
.breadCrumbs .wrap-content { padding: 1.25rem 10px 0.75rem; }
.breadCrumbs .wrap-content .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.breadCrumbs .wrap-content .breadcrumb-item a { color: var(--color-black); }
.breadCrumbs .wrap-content .breadcrumb-item.active a { color: var(--color-gray); }

/* Intro */
.wrap-intro { margin-bottom: 60px; }
.left-intro { width: calc(50% - 20px); }
.right-intro { width: calc(50% - 20px); }
.title-intro { border-bottom: 1px solid var(--color-red); margin-bottom: 1.5rem; }
.title-intro span { display: inline-block; font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 10px; font-size: 20px; }
.title-intro span:after { content: ""; position: absolute; width: 100%; height: 4px; bottom: 0px; left: 0px; background-color: var(--color-red); }
.pic-newshome-best img { width: 100%; }
.name-newshome { font-size: 16px; line-height: 23px; color: #2f2f2f; font-weight: 700; margin-bottom: 0.25rem; text-align: justify; white-space: normal; margin-left: 10px; text-align: left; }
.time-newshome { color: var(--color-gray); margin-bottom: 0.25rem; }
.desc-newshome { font-size: 14px; line-height: 24px; color: #4d4d4d; text-align: justify; margin-bottom: 0px; white-space: normal; }
.view-newshome { display: inline-block; border: 1px solid var(--color-black); padding: 8px 15px; color: var(--color-black); text-transform: capitalize; font-weight: 600; margin-top: 1rem; }
.view-newshome:hover { background-color: var(--color-black); color: #fff; }
.newshome-scroll { width: 55.5%; height: 450px; overflow: hidden; }
.newshome-scroll ul li { margin-bottom: 15px !important; }
.newshome-normal { display: block; }
.video-main { position: relative; height: 410px; }
.video-main iframe { position: absolute; width: 580px; height: 410px; top: 0px; left: 0px; }
.listvideos { width: 100%; height: 40px; padding: 0px 10px; font-size: 14px; color: #636363; margin-top: 0; cursor: pointer; border-radius: unset; background: #f0f0f0; }

/* Video */
.video {float: left;margin: 0 2% 2% 0;text-align: center;cursor: pointer;}
.video:nth-child(2n+1) { clear: both; }
.video:nth-child(2n) { margin-right: 0px; }
.pic-video { position: relative; }
.pic-video::after { content: ""; position: absolute; width: 50px; height: 35px; top: calc(50% - 25px); left: calc(50% - 17.5px); z-index: 1; background-repeat: no-repeat; background-image: url(../images/play.png); }
.pic-video img { width: 100%; }
.name-video { font-size: 16px; color: var(--color-black); margin-bottom: 0px; }

/* Album */
.product__slider-main { margin-bottom: 15px; position: relative; }
.product__slider-main img { margin: 0 auto; }
.slick-prev, .slick-next { background: unset !important; color: #000000 !important; }
.slick-prev:before, .slick-next:before { color: #000000 !important; font-size: 35px !important; }
.img_tt { float: left; width: 35%; margin-right: 20px; max-width: 360px; }
.hover_sang1 { position: relative; overflow: hidden; }
.hover_sang1:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ""; z-index: 10; transition: transform 0.6s; transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); }
.hover_sang1:hover:before { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); }
.pic-album { position: relative; }
.pic-album img { width: 100%; }
.name-album { font-size: 18px; color: #323232; font-weight: 700; margin-bottom: 0; }
.time-product { color: #9c9c9c; font-size: 14px; font-style: italic; margin-top: 15px; }
.desc-product { font-size: 15px; line-height: 24px; color: #4d4d4d; text-align: left; margin-bottom: 0px; }
.brand-title { margin-bottom: 1rem; }
.brand-title span { font-size: 34px; font-weight: 700; color: var(--color-main); text-transform: uppercase; }
.brand-search { margin-bottom: 10px; }
.brand-search span { font-weight: 700; }
.brand-search a { display: inline-block; padding: 5px 10px; background: #eee; border-radius: 5px; color: #333; transition: 0.3s ease-in-out; text-decoration: none; }
.brand-search a:hover { background-color: var(--color-main); color: #fff; }
.brand-name { background: #eee; padding: 10px; font-size: 27px; margin-top: 20px; margin-bottom: 1rem; }

/* Sản Phẩm */
.product-template {margin: 40px 0;}
#wrapper1, #wrapper2 { width: 100%; border: none 0px RED; overflow-x: scroll; overflow-y: hidden; }
#wrapper1 { height: 20px; display: none; }
#wrapper2 { height: 80px; }
#div1 { width: 1000px; height: 20px; }
#div2 { width: 100%; height: 100px; overflow: auto; }
#div2 { display: flex !important; justify-content: start; align-items: center; }
.box-boxx { display: inline-block; background: #f50100; height: 43px; }
.left-here { width: calc(24% - 10px); }
.right-here { width: calc(76% - 10px); }
.list-lv1 { padding-left: 0px; }
.sticky_dm { position: sticky; top: 18%; }
.list-lv1 li .name-lv1 { font-size: 16px; color: #000000; margin: 0px; padding: 11px 14px; text-transform: uppercase; }
.list-lv2 { padding-left: 0px; margin-bottom: 4px; display: none; }
.list-lv2 li a { font-size: 14px; color: #000000; margin: 0px; padding: 11px 14px; padding-left: 30px !important; }
.list-lv2 li a:hover { color: #ed1d24; }
.left-dichvu li ul li .name-lv1 { padding: 15px 68px 15px 21px; }
.list-lv2 .list-style1 { margin-top: 0px; width: 100%; }
.list-main:hover, .list-main:focus { cursor: pointer; text-decoration: none; }
.list-main:hover .name-lv1, .list-main:focus .name-lv1 { color: #ed1c24; }
.list-lv1 .list-main .list-lv2 { background-color: #ffffff !important; }
.list-main { width: 100%; }
.list-style1 a { border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; display: block; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { position: relative; background-color: #f1f1f1; overflow: auto; }
.decor-menu { position: absolute; z-index: 1; margin-left: 14.7%; margin-top: 0.9%; }
.decor-menu1 { position: absolute; z-index: 1; margin-left: 15.9%; margin-top: 0.9%; }
.decor-listmenu { position: absolute; z-index: 1; top: 18px; left: 5px; }
.show { display: block; }
.dm-tt .none_none { background-color: #ed1d24; padding: 11px 14px; border: 1px solid #ed1d24; text-align: center; }
.dm-tt li { list-style: none; }
.dm-tt ul li { border: 1px solid #1a1a1a; }
.dm-tt ul li a { padding: 7px 15px; display: block; }
.list-main a:hover { text-decoration: none; }
.dm-tt li .box-leftdichvu { margin: 0px; text-transform: uppercase; font-size: 18px; color: #ffffff; font-weight: 500; }
.product_back-now:nth-child(3n+1) { clear: both; }
.main_product-list { position: relative; }
.list-sanpham { padding-top: 20px; padding-bottom: 1px; }
.box_menucap1 { justify-content: space-between; margin-bottom: 12px; background: #f5f5f5; position: relative; }
.box_viewmore-splist { margin-right: 1%; }
.box_viewmore-splist a { font-size: 15px; text-decoration: underline; color: #2f3192; margin-bottom: 0; }
.box_viewmore-splist a:hover { color: #ed1d24; }
.box_main-pro-bc { padding: 50px 0 60px; background: #f8f8f8; }
.title-main2 a span { font-size: 14px; color: #333333; text-transform: capitalize; margin-bottom: 0; white-space: nowrap; }
.title-main2 a span:hover { color: #fed100; font-weight: 700; cursor: pointer; }
.title-main2 { margin-right: 10px; }
.box_shief { margin-left: 10px; }
.title-main2:last-child a .box_shief { display: none; }
.title-main3 { margin-right: 56px; background: #f50100; position: relative; }
.title-main3::after { position: absolute; z-index: 1; content: ""; left: 100%; top: 0; width: 44px; height: 44px; background: url(../images/decor-dmcap1-2_03.png) no-repeat; }
.title-main3 span { font-size: 22px; color: #ffffff; font-weight: 900; margin-bottom: 0; text-transform: uppercase; margin-left: 14px; margin-right: 16px; }
.product-logo { background-color: #ffffff; }
.box-catmenu { max-width: 500px; }

/* .box-catmenu{display: flex;flex: 1 1 0;} */

/*
.wrap-dmcap2 {
	overflow-x: scroll;
	overflow-y: hidden;
}

.wrap-dmcap2::-webkit-scrollbar {
	height: 2px;
}

.wrap-dmcap2::-webkit-scrollbar-thumb {
	height: 2px;
	background: red;
}

.wrap-dmcap2::-webkit-scrollbar-thumb:hover,
.wrap-dmcap2::-webkit-scrollbar-thumb:active {
	height: 2px;
} */
.box_title-bg h2 { font-size: 45px; color: #ffffff; font-family: "bucthu"; margin-bottom: 0; }
.box_title-bg p { margin-bottom: 0; text-transform: uppercase; font-size: 30px; color: #ffffff; font-family: "semibold"; }
.popup_main { display: none; position: fixed; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.5); z-index: 999; }
.popup_main-content { position: relative; background-color: #cccccc; padding: 15px; margin: auto; width: 46%; }
.close-btn { float: right; color: #2e2e2e; font-size: 25px; font-weight: 700; }
.close-btn:hover { cursor: pointer; color: #d2d2d2; }
.popup-btn {display: block;width: fit-content;font-size: 14px;color: #ffffff;text-align: center;margin-bottom: 0;background-color: #2f3191;padding: 6px 48px;border: unset;border-radius: 8px;cursor: pointer;}
.popup-btn img { margin-top: 3px; margin-right: 4px; }
.popup-btn:hover { background-color: var(--color-red); color: #ffffff; }
.popup_main-content .title_hotline-baogia { text-align: center; font-size: 20px; color: #1a1a1a; text-transform: uppercase; font-weight: 700; }
.hotline-baogia h2 { text-transform: uppercase; font-weight: 700; font-size: 20px; margin-bottom: 0; margin-left: 6px; }
.box_name { margin-bottom: 12px; }
.popup_main-content .hotline-baogia { text-align: center; margin-top: 20px; }
.popup_main-content .hotline-baogia span { text-align: center; font-size: 18px; color: #1a1a1a; text-transform: uppercase; }
.popup_main-content .hotline-baogia span:hover { color: var(--color-red); }
.hotline-baogia a { margin-right: 20px; margin-left: 20px; }
.popup_main-content .form-newsletter .newsletter-input .form-control { margin-bottom: 2%; }
.popup_main-content .form-newsletter .newsletter-button { text-align: center; }
.popup_main-content .form-newsletter .newsletter-button input[type=submit] { padding: 10px 30px; font-weight: bold; }
.popup_main-content .form-newsletter .newsletter-button input[type=submit]:hover { background-color: #4aa30f; }
.box_input-bg { margin-top: 10px; }
.product-dmcap1 { float: left; margin: 0 1% 1% 0; width: 19%; }
.product-dmcap1:nth-child(5n+1) { clear: both; }
.product-dmcap1:nth-child(5n) { margin-right: 0; }
.box_img-sp img { width: 100%; border-radius: 10px; }
.box-nb { position: relative; }
.title_pro { position: absolute; z-index: 1; width: 100%; height: 100%; text-align: center; top: 0; }
.name-product-dmcap1 { margin-bottom: 0; text-transform: capitalize; font-size: 24px; color: #ffffff; font-weight: 700; text-align: center; width: 100%; margin-top: 18%; }
.wrap-product { margin-bottom: 50px; }
.product { float: left; width: 24%; margin: 0 1.3% 2% 0; background: #fff; border-radius: 8px; padding: 8px; padding-bottom: 24px; border: 1px solid #eee; }
.product:nth-child(4n+1) { clear: both; }
.product:nth-child(4n) { margin-right: 0px; }
.product-tt { float: left; width: 32.4%; margin: 0 1.3% 2% 0; background: #fff; border-radius: 8px; padding: 8px; border: 1px solid #eee; }
.product-tt:nth-child(3n+1) { clear: both; }
.product-tt:nth-child(3n) { margin-right: 0px; }
.box-product { position: relative; display: block; margin-bottom: 10px; text-align: center; }
.pic-product { margin-bottom: 10px; }
.pic-product img { width: 100%; border-radius: 3px; }
.name-product { font-size: 18px; color: #323232; text-align: center; }
.name-product.text-split { -webkit-line-clamp: 1; }
.price-product { margin-bottom: 0px; }
.price-new { font-size: 16px; color: #ed1c24; font-weight: 500; }
.price-old { padding-left: 10px; font-size: 14px; color: #6a6a6a; text-decoration: line-through; }
.price-per { position: absolute; top: 0; right: 0; color: #fff; background: url(../images/unnamed.png) no-repeat; font-size: 13px; border-radius: 2px; width: 40px; height: 25px; text-align: center; line-height: 44px; padding-bottom: 54px; font-weight: 700; }
.cart-product { margin-bottom: 0px; }
.cart-product span { cursor: pointer; width: 49%; float: left; color: #fff; text-transform: capitalize; text-align: center; padding: 7px 5px; border-radius: 3px; }
.cart-add { margin-right: 2%; background-color: var(--color-red); }
.cart-add:hover { background-color: var(--color-dark-red); }
.cart-buy { background-color: var(--color-green); }
.cart-buy:hover { background-color: var(--color-dark-green); }
.child-categories { display: flex; flex-wrap: wrap; margin: 20px 0; }
.child-categories__cell { display: inline-block; vertical-align: top; float: none; margin-bottom: 0px; padding: 0; margin-left: -1px; margin-bottom: -1px; width: calc(50% + 1px); }
.catalog-section { display: block; position: relative; border: 1px solid #dfdcdc; margin-bottom: 0px; margin-bottom: 0 !important; color: #000; height: 100%; display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: normal; width: 100%; transition: 0.1s; background: #f5f5f5; text-decoration: none; }
.catalog-section:hover { z-index: 3; border-color: var(--color-main); }
.catalog-section:hover .catalog-section__image img { margin-top: -5px; }
.catalog-section:hover .catalog-section__caption { color: var(--color-main); }
.catalog-section__image { width: 100%; position: relative; padding: 10px; background: #fff; text-align: center; }
.catalog-section__image img { transition: 0.3s; position: relative; margin-left: auto; margin-right: auto;}
.catalog-section__caption { width: 100%; padding: 10px; text-align: center; font-weight: 600; padding: 7px 10px; transition: 0.1s; font-size: 1rem; color: #000; }
.catalog-section__caption span { height: 48px; }
.filter { margin-bottom: 30px; }
.filter-title { margin: 5px 0 0; font-size: 1.6rem; }
.filter-sort label { margin-bottom: 0; font-size: 16px; }
.filter-sort__item {display: inline-block;padding: 5px 10px;background: #eee;border-radius: 3px;margin: 2px;color: #333;border: 1px solid #ccc;transition: 0.1s;text-decoration: none !important;cursor: pointer;}
.filter-sort__item:hover { background: var(--color-main); color: #fff; }
.filter-sort__item.check { background: #cfcfcf; color: #000; } 
.filter-limit label { padding: 0px 12px; font-weight: 400; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px 0px 0px 4px; font-size: 1rem; height: 31px; line-height: 30px; margin-right: -1px; margin-bottom: 0; }
.filter-limit select {font-size: 1rem;height: 31px;width: 62px !important;}
.sort-select { display: flex; align-items: center; gap: 8px; font-family: Arial, sans-serif; flex-wrap: wrap; }
.sort-select span { font-weight: bold; margin-right: 4px; }
.sort-select p { margin: 0; }
.sort-select a { display: inline-block; padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; background-color: #f9f9f9; color: #333; text-decoration: none; font-size: 14px; transition: background-color 0.2s, border-color 0.2s; }
.sort-select a:hover { background-color: #eee; }
.sort-select a.check { background-color: #f3c1c1; /* Màu nền hồng nhạt khi được chọn */ border-color: #f3c1c1; color: #000; }

/* Sản Phẩm Detail */
.grid-pro-detail { margin-bottom: 50px; }
.left-pro-detail { position: relative; float: left; width: 50%; text-align: center; margin-right: 2%; background: white; border: 1px solid var(--clr-gray);}
/* .left-pro-detail .MagicZoom { border: 1px solid #eee; padding: 7px; border-radius: 5px; } */
.right-pro-detail { width: 48%; float: left; }
.gallery-thumb-pro { position: relative; margin-top: 10px; }
.owl-thumb-pro { padding: 0px 40px; }
.thumb-pro-detail { display: block !important; border: 1px solid #eee; padding: 5px; border-radius: 3px; cursor: pointer; }
.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #cecfd2; }
.thumb-pro-detail img { box-shadow: none !important; filter: brightness(100%) !important; border-bottom: 0px !important; padding-bottom: 0px !important; }
.title-pro-detail {text-transform: capitalize;font-size: 24px;display: block;font-family: bold;border-bottom: 1px solid #d9d9d9;padding-bottom: 10px;margin-bottom: 1rem;}
.social-plugin-pro-detail { margin-bottom: 1rem; margin-top: 0px !important; }
.desc-pro-detail { margin-bottom: 1rem; }
.attr-pro-detail { list-style: none; padding: 0px; }
.attr-pro-detail .box_li-detail li { float: left; width: 49%; margin: 0 2% 2% 0; }
.attr-pro-detail .box_li-detail li:nth-child(2n+1) { clear: both; }
.attr-pro-detail .box_li-detail li:nth-child(2n) { margin-right: 0; }
.attr-label-pro-detail { margin: 0px 5px 0px 0px; font-size: 13px; }
.attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px 0px; }
.attr-label-pro-detail i { color: #ea9214; margin-right: 7px; }
.attr-content-pro-detail { display: inline-block; margin-bottom: 0px; font-weight: 500; font-size: 14px; text-transform: capitalize; }
.box_decs-detai .name_mota { font-size: 13px; }
.price-new-pro-detail { font-weight: 500; font-size: 18px; color: var(--color-red); margin-right: 10px; }
.price-old-pro-detail span { text-decoration: unset !important; }
.price-old-pro-detail { font-weight: 500; color: var(--color-gray); text-decoration: line-through; margin-right: 10px; font-size: 16px; }
.boxx_price-product--detail { background: #f2f2f2; padding: 10px; }
.boxx_price-product--detail li {list-style: none;}
.price-new-pro-detail span { font-size: 16px !important; }
.color-pro-detail { display: inline-block; vertical-align: top; position: relative; width: 35px; height: 30px; margin: 0px 0px 3px 0px; border: 1px solid transparent; }
.attr-pro-detail .box_input-bg .box_around-bg {padding-left: unset !important;align-items: unset !important;justify-content: unset !important;display: block !important;}
.attr-pro-detail .box_input-bg .box_around-bg span {display: flex; }
.box_decs-detail { margin-top: 10px; }
.size-pro-detail { border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; }
.attr-pro-detail .box_input-bg { margin-bottom: 10px; }
.size-pro-detail.active, .color-pro-detail.active { border-color: #e5101d; color: #e5101d; }
.top_detail-info--product { margin-bottom: 14px; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; }
.color-pro-detail.active:before, .size-pro-detail.active:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto; z-index: 1; background-image: url(../images/check-cart.png); background-repeat: no-repeat; background-position: bottom right; }
.color-pro-detail input[type=radio], .size-pro-detail input[type=radio] { outline: none; position: absolute; cursor: pointer; width: 100%; height: 100%; -webkit-appearance: none; border: 0px; top: 0px; left: 0px; }
.quantity-pro-detail { width: 100%; max-width: 110px; line-height: normal; display: flex; align-items: center; justify-content: space-between; text-align: center; }
.quantity-pro-detail span { line-height: 40px; padding: 0px; width: 38px; height: 38px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; }
.quantity-pro-detail span.quantity-plus-pro-detail { border-left: 0px; }
.quantity-pro-detail span.quantity-minus-pro-detail { border-right: 0px; }
.quantity-pro-detail input { height: 38px; border: 1px solid #cccccc; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }
.cart-pro-detail { margin-bottom: 1rem; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.cart-pro-detail a { width: auto; text-align: center; color: #fff; text-transform: uppercase; border-radius: 3px; }
.cart-pro-detail a.addnow {margin-left: 10px;background-color: #6c757d;border-color: #6c757d;background: -o-linear-gradient(top, #f59000, #fd6e1d);}
.cart-pro-detail a.buynow {
    background-color: #dc3545;
    border-color: #dc3545;
}
.cart-pro-detail a.buynow:hover {
    background-color: #dc3545;
    border-color: #dc3545;
}
.cart-pro-detail a i { vertical-align: top; margin-top: 3px; margin-right: 8px; }
.tags-pro-detail { margin: 1rem 0px 2rem 0px; }
.tags-pro-detail a { float: left; font-size: 12px; color: #fff; padding: 5px 10px 7px 10px; margin-right: 5px; margin-bottom: 5px; background-color: var(--color-red); border-radius: 3px; }
.tags-pro-detail a:hover { background-color: var(--color-medium-red); }
.tags-pro-detail a i { font-size: 10px; float: left; margin: 5px 5px 0px 0px; }
.tabs-pro-detail .ul-tabs-pro-detail { padding: 0px; list-style: none; margin-bottom: 1rem; border-bottom: 1px solid #e7e7e7; }
.tabs-pro-detail .ul-tabs-pro-detail li { cursor: pointer; float: left; margin-right: 5px; margin-bottom: 5px; background: #eee; padding: 5px 10px; }
.tabs-pro-detail .ul-tabs-pro-detail li.active { background: #333; color: #fafafa; }
.tabs-pro-detail .ul-tabs-pro-detail li:last-child { margin-right: 0px; }
.tabs-pro-detail .content-tabs-pro-detail { display: none; }
.tabs-pro-detail .content-tabs-pro-detail.active { display: block; }
.product-detail-download { line-height: 1.4; padding: 0px; margin-bottom: 30px; overflow: hidden; text-align: justify; border: 1px solid #ddd; border-radius: 10px; padding: 15px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }
.product-detail-download h3 { font-size: 25px; color: var(--color-main); }
.product-detail-download ul { list-style: none; padding: 0; margin: 0px; }
.product-detail-download ul li { line-height: 1.6; margin-bottom: 10px; }
.product-detail-download ul li i { width: 30px; height: 30px; background: #eee; border-radius: 5px; display: inline-block; vertical-align: middle; margin-right: 10px; text-align: center; line-height: 30px; font-size: 18px; color: #000; }
.product-detail-download ul li a { font-weight: bold; color: #333; }
.product-detail-download ul li a:hover { color: var(--color-main); }

/* Toc */
.box-readmore { padding: 8px 15px; border: 1px solid #dedede; margin-bottom: 2rem; border-radius: 5px; background-color: #eeeeee; }
.box-readmore li ul>li { margin: 0; margin-bottom: 8px; }
.box-readmore li ul>li:before { content: counters(item, ".") " "; }
.box-readmore ul { list-style-type: none; counter-reset: item; margin-bottom: 0px; padding-left: 0px !important; margin-top: 8px; }
.box-readmore ul li { display: table; counter-increment: item; margin-bottom: 5px; }
.box-readmore ul li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 5px; }
.box-readmore ul li a { color: #333333; cursor: pointer; font-weight: 600; }
.box-readmore ul li a:hover { color: #767676; }

/* Bài viết */
.grid-video {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.grid-video .video {text-align: center;}
.news {/* width: 32%; */float: left;margin: 0 2% 2% 0;}
.news:nth-child(3n) { margin-right: 0; }
.news:nth-child(3n+1) { clear: both; }
.pic-news img { width: 100%; }
.name-news { font-size: 16px; line-height: 23px; color: #2f2f2f; font-weight: 700; margin-bottom: 0.25rem; text-align: center; }
.name-news:hover { color: var(--color-red); }
.time-news { color: var(--color-gray); margin-bottom: 0.25rem; font-size: 14px; text-align: center; }
.desc-news { font-size: 15px; line-height: 24px; color: #4d4d4d; text-align: center; margin-bottom: 0px; }
.share { padding: 17px 10px 10px 10px; line-height: normal; background: rgba(128, 128, 128, 0.15); margin-top: 15px; border-radius: 5px; }
.share b { display: block; margin-bottom: 5px; }
.othernews b { margin-bottom: 10px; }
.list-news-other { padding-left: 17px; list-style: square; }
.list-news-other li { margin-bottom: 2px; }
.list-news-other li a { text-transform: none; color: #333333; }
.list-news-other li a:hover { color: var(--color-red); }

/* Contact */
.top-contact { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 30px; }
.top-contact .article-contact { width: 48%; }
.form-contact { width: 47%; }
.input-contact { position: relative; margin-bottom: 15px; }
.input-contact input, .input-contact textarea { width: 100%; padding: 0px; outline: none; font-size: 14px; }
.input-contact input { text-indent: 10px; }
.input-contact textarea { resize: none; height: 150px; padding: 10px; }
.input-contact .custom-file-label::after { content: attr(title); }
.bottom-contact { position: relative; height: 500px; }
.bottom-contact iframe { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }
.hvr-bob { display: inline-block; vertical-align: middle; transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover { animation-name: hvr-bob-float, hvr-bob; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }

/* Footer */
.footer { margin-top: 50px; }
.footer-title { margin-bottom: 1rem; color: var(--color-main); font-size: 18px; font-weight: 700; text-transform: uppercase; }
.footer-top { padding: 50px 0; background-color: #b3b3b3; }
.footer-top .newsletter-input { position: relative; }
.footer-top .newsletter-input input { border-radius: 100px; border: 1px solid var(--color-white); padding: 0px 10px 0px 56px; color: #fff; height: 50px; background: url(../images/i_email.png) no-repeat 25px center, #CCC8C8; }
.footer-top .newsletter-input input::-moz-placeholder { color: #fff; }
.footer-top .newsletter-input input::placeholder { color: #fff; }
.footer-top .newsletter-button input[type=submit] { width: 129px; height: 50px; border-radius: 100px; background: var(--color-hover); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; color: var(--color-white); text-align: center; font-family: Roboto; font-size: 15px; font-weight: 600; text-transform: uppercase; transition: 0.3s ease-in-out; cursor: pointer; }
.footer-top .newsletter-button input[type=submit]:hover { background: var(--color-main); }
.footer-center { padding: 50px 0; background-color: #383838; }
.footer-ul { margin: 0; padding: 0; list-style: none; }
.footer-ul li a { color: var(--color-white); font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: 27px; }
.footer-ul li a:hover { color: var(--color-hover); }
.footer-bottom { padding: 50px 0; background-color: #191919; }
.footer-bottom .right { border-radius: 20px; border: 1px solid #626262; padding: 30px 30px 15px; }
.footer-bottom .right .title { margin-bottom: 1rem; }
.footer-bottom .right .title-company { color: var(--color-main); text-align: justify; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 800; line-height: 25px; margin-bottom: 0; }
.footer-bottom .right .title .map { border-radius: 5px; background: var(--color-main); width: 84px; color: var(--color-white); text-align: justify; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 25px; height: 28px; }
.footer-about { color: var(--color-white); text-align: justify; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: 25px; }
.footer-powered { padding: 15px 0; background: #191919; border-top: 1px solid rgba(var(--color-main-rgb), 0.5); }
.footer-powered p { color: var(--color-white); font-family: Roboto; font-size: 13px; font-weight: 400; margin-bottom: 0; }
#footer-map { position: relative; height: 500px; }
#footer-map iframe { position: absolute !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; }
.mh-300 { max-height: 300px; }

/* Like Share */
.social-plugin { display: flex; justify-content: flex-start; margin-top: 10px; }
.social-plugin .at-share-btn { margin-bottom: 0px !important; }
.social-plugin .zalo-share-button { margin-left: 3px; }

/* Phân Trang */
.pagination-home .pagination .page-item .page-link { color: #555555; font-size: 0.875rem; }
.pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; }
.pagination { flex-wrap: wrap; }

/* Phân Trang Ajax */
.pagination-ajax { text-align: center; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 2px 3px 2px; color: #333; background: #eee; border: 1px solid rgba(161, 161, 161, 0.4); font-size: 12px; cursor: pointer; padding: 3px 10px 5px 10px; border-radius: 2px; }
.pagination-ajax a.current, .pagination-ajax a:hover { background: var(--color-red); color: #fff; border-color: var(--color-red); }

/* Popup custom */
.modal-custom .modal-footer { padding: 0.5rem; }
.modal-custom .modal-footer .btn { font-size: 14px; }

/* Popup */
#popup .modal-body { padding: 0px; }

/* Hidden Google Captcha */
.grecaptcha-badge { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; overflow: hidden; }

/* Hidden Check Grammar Coccoc */
coccocgrammar { display: none; }

/* Scroll Top */
.scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 65px; right: 25px; display: none; z-index: 10; cursor: pointer; }

/* Text Hide */
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.text-split-1 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; }
.text-split-2 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.text-split-4 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; }

/* Transition All */
.transition, .carousel-comment-media .carousel-control a span { transition: 0.3s ease-out; }

/* Scale IMG */
.scale-img { overflow: hidden; display: block; }
.scale-img img { transition: 0.3s ease-out; transform: scale(1, 1); }
.scale-img:hover>img { transition: 0.3s ease-out; transform: scale(1.1, 1.1); }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

/* Button Frame */
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 10; cursor: pointer; }
.btn-frame i { display: flex; display: -ms-flex; justify-content: center; align-items: center; -ms-flex-align: center; width: 50px; height: 50px; border-radius: 50%; background: #ed1d24; position: relative; z-index: 1; }
.support-online .support-content .btn-frame:nth-child(1) i { background: #ffa302; }
.support-online .support-content .btn-frame:nth-child(2) i { background: blue; }
.support-online .support-content .btn-frame:nth-child(1) i { background: var(--color-green); }
.btn-frame i img { vertical-align: middle; width: 70%; }
.btn-frame .animated.infinite { animation-iteration-count: infinite; }
.btn-frame .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(7, 41, 103, 0.8); opacity: 0.1; border-color: #ed1d24; opacity: 0.5; }
.btn-frame .zoomIn { animation-name: zoomIn; }
.btn-frame .animated { animation-duration: 1s; animation-fill-mode: both; }
.btn-frame .kenit-alo-circle-fill { width: 70px; height: 70px; top: -10px; right: -10px; position: absolute; transition: all 0.2s ease-in-out; border-radius: 100%; border: 2px solid transparent; transition: all 0.5s; background-color: rgba(7, 41, 103, 0.35); opacity: 0.4; }
.btn-frame .pulse { animation-name: pulse; }

/* Zalo */
.btn-zalo1 { bottom: 230px; }

/* Phone */
#btn-support { bottom: 315px; right: 20px; }
#btn-support1 { bottom: 230px; right: 20px; }

/* Messenger */
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed { display: none !important; }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px; }
.js-facebook-messenger-tooltip { color: #404040; background: #fff; }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }
.js-facebook-messenger-tooltip { display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; z-index: 1000000000000000000000000000000; }
.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px; }
.js-facebook-messenger-box.rubberBand { animation-name: rubberBand; }
.js-facebook-messenger-box.animated { animation-duration: 1s; animation-fill-mode: both; }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }
.js-facebook-messenger-box { display: block; position: fixed; cursor: pointer; bottom: 150px; right: 17px; width: 56px; height: 56px; text-align: center; background: #ed1d24; border-radius: 100%; overflow: hidden; z-index: 99; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); }
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform: rotate(0deg); }
.js-facebook-messenger-box svg#fb-msng-icon { width: 32px; height: 33px; position: absolute; top: 13px; left: 12px; opacity: 1; overflow: hidden; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }
.js-facebook-messenger-box.rotate svg#close-icon { transform: rotate(-45deg); }
.js-facebook-messenger-box svg#close-icon { opacity: 0; width: 19px; height: 20px; position: absolute; top: 19px; left: 19px; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000; }
.js-facebook-messenger-container { position: fixed; opacity: 0; transform: translateY(50px); bottom: 110px; right: 90px; border-radius: 10px; pointer-events: none; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; }
.js-facebook-messenger-top-header { width: 220px; }
.js-facebook-messenger-top-header { color: #fff; background: #ed1d24; }
.js-facebook-messenger-top-header { display: block; position: relative; width: 220px; background: #ed1d24; color: #fff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999; }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000; }
.js-facebook-messenger-top-header { color: #fff; background: #ed1d24; }
.js-facebook-messenger-top-header { width: 220px; }
.js-facebook-messenger-tooltip { color: #404040; background: #fff; }
.js-facebook-messenger-container.open { transform: translateY(0px); opacity: 1; pointer-events: all; }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px; }
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0; }
.js-facebook-messenger-box.rotate.open svg#close-icon { transform: rotate(0deg); }
.js-facebook-messenger-box.open svg#close-icon { opacity: 1; }

/* Cart fix */
.cart-fixed { position: fixed; right: 20px; bottom: 390px; z-index: 10; background: #4b4f56; width: 50px; height: 50px; text-align: center; color: #fff !important; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.cart-fixed i { font-size: 20px; }
.cart-fixed span { position: absolute; top: 0px; right: -5px; color: #fff; width: 25px; height: 25px; background: var(--color-red); text-align: center; line-height: 25px; font-size: 11px; border-radius: 100%; }

/* Toolbar */
.toolbar { background: var(--color-red); width: 100%; padding: 3vw; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; }
.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; }
.toolbar ul li { text-align: center; width: 25%; }
.toolbar ul li a { display: block; width: 100%; cursor: pointer; }
.toolbar ul li a img { height: 6vw; width: auto; }
.toolbar ul li a span { font-weight: 400; color: #fff; font-size: 3.5vw; display: none; }

/* Fixbar */
.fixbar { bottom: 0; display: block; background: #f0eff4; border-top: 1px solid #ddd; width: 100%; box-sizing: border-box; position: fixed; margin: 0; z-index: 500; backface-visibility: hidden; height: 50px; }
.fixbar ul { margin: 0px; padding: 0px; list-style: none; }
.fixbar ul li { display: inline-block; margin: 0 auto 10px; text-align: center; width: 25%; float: left; }
.fixbar .icon-cart-mobile, .fixbar .icon-cart-new, .fixbar .icon-home-new, .fixbar .icon-hotdeal-new { width: 20px; height: 20px; display: block; margin: 8px auto 0; }
.fixbar .icon-cart-mobile { background: url(../images/cart-mobile.png) no-repeat; }
.cart-total-header-mobile { font-size: 10px; position: absolute; background: red; color: #fff !important; border-radius: 50%; height: 15px; width: 15px; line-height: 15px; top: 5px; margin-left: 5px; }
.fixbar ul li a { font-size: 11px; text-decoration: none; color: #333; }
.fixbar ul li a i { font-size: 20px; }

/* Plugbar */
.plugbar { position: fixed; bottom: 0; left: 0; border-top: 1px solid #eae6e6; width: 100%; right: 0; max-width: 767px; margin: 0 auto; background: #fff; padding: 9px 10px 10px 7px; z-index: 10; }
.plugbar ul { list-style: none; padding: 0; margin: 0px; display: -moz-flex; display: flex; justify-content: space-between; align-items: center; }
.plugbar ul li { width: 20%; float: left; }
.plugbar ul li a { display: block; color: #696969; font-size: 12px; text-align: center; position: relative; }
.plugbar ul li a i { font-size: 20px; color: #696969; }
.plugbar ul li a span { position: absolute; width: 50px; height: 50px; top: -40px; left: calc(50% - 25px); font-size: 14px; display: block; border: 1px solid rgba(234, 230, 230, 0.5); border-radius: 100%; }

/* Combo Phone 1*/
.support-online1 { position: fixed; z-index: 999; left: 10px; bottom: 0px; }
.support-online1 a { position: relative; margin: 20px 10px; text-align: left; width: 50px; height: 50px; }
.support-online1 i { width: 50px; height: 50px; background: #ed1d24; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online1 a span { border-radius: 20px; text-align: center; background: green; padding: 5px; width: 110px; position: absolute; color: #ffffff; z-index: 0; padding-right: 10px; top: 11px; right: 70px; transition: all 0.2s ease-in-out 0s; animation: headerAnimation 0.7s 1; }
.support-online1 a:hover span { display: block; }
.support-online1 a { display: block; }
.support-online1 a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; position: absolute; right: -10px; top: 10px; }
.support-online1 .kenit-alo-circle-fill { width: 65px; height: 65px; top: -8px; position: absolute; transition: all 0.2s ease-in-out; border-radius: 100%; border: 2px solid transparent; transition: all 0.5s; background-color: rgba(7, 41, 103, 0.35); opacity: 0.75; right: -8px; }
.support-online1 .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: 0.1; border-color: #ed1d24; opacity: 0.5; }
.support-online1 #btn-support { cursor: pointer; }
.support-online1 .mes i { background: orange; }
.support-online1 .sms i { background: red; }
.support-online1 .call-now i { background: green; }

/* Combo Phone */
.support-online { position: fixed; z-index: 999; left: 10px; bottom: 0px; }
.support-online a { position: relative; margin: 20px 10px; text-align: left; width: 50px; height: 50px; }
.support-online i { width: 50px; height: 50px; background: #ed1d24; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online a span { border-radius: 20px; text-align: center; background: green; padding: 5px; width: 110px; position: absolute; color: #ffffff; z-index: 0; padding-right: 10px; top: 11px; right: 70px; transition: all 0.2s ease-in-out 0s; animation: headerAnimation 0.7s 1; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; position: absolute; right: -10px; top: 10px; }
.support-online .kenit-alo-circle-fill { width: 65px; height: 65px; top: -8px; position: absolute; transition: all 0.2s ease-in-out; border-radius: 100%; border: 2px solid transparent; transition: all 0.5s; background-color: rgba(7, 41, 103, 0.35); opacity: 0.75; right: -8px; }
.support-online .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: 0.1; border-color: #ed1d24; opacity: 0.5; }
.support-online .support-online #btn-support { cursor: pointer; }
.support-online .mes i { background: orange; }
.support-online .sms i { background: red; }
.support-online .call-now i { background: green; }
.support-content { position: fixed; z-index: 999; top: 50%; right: 65px; }

/* Phone Switch */
.widget-mobile { position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999999; }
#my-phone-circle { position: relative; width: 50px !important; height: 50px !important; }
.wcircle-open .wcircle-icon i:before { content: "\f00d"; }
.wcircle-icon { background: #1282fc; border-radius: 50%; display: flex !important; display: -ms-flex !important; align-items: center; -ms-flex-align: center; justify-content: center; position: relative !important; }
.wcircle-icon:before { position: absolute; content: ""; width: 60px; height: 60px; background: rgba(18, 130, 252, 0.5); border: 1px solid #fff; border-radius: 50%; left: -5px; top: -5px; animation: pulse 1s infinite ease-in-out; }
.wcircle-icon:after { position: absolute; content: ""; width: 80px; height: 80px; background: rgba(18, 130, 252, 0.5); border-radius: 50%; left: -15px; top: -15px; animation: zoomIn 2s infinite ease-in-out; }
.wcircle-menu { position: absolute !important; left: 0; top: 0; display: none; }
.wcircle-menu-item { width: 50px; height: 50px; background: #1282fc; border-radius: 50%; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; justify-content: center; }
.wcircle-menu-item img { width: 50px; height: 50px; display: block; border-radius: 50%; }
.wcircle-menu-item i, .wcircle-icon i { font-size: 25px; color: #fff; position: relative; z-index: 9999; }
.shake-anim { animation: shake-anim 1s infinite ease-in-out; transform-origin: 50% 50%; }

/*


Magic Zoom Plus v5.3.4
Copyright 2020 Magic Toolbox
Buy a license: https://www.magictoolbox.com/magiczoomplus/
License agreement: https://www.magictoolbox.com/license/


*/

/**
* Core styles
*/
.MagicZoom, .mz-figure, .mz-lens, .mz-zoom-window, .mz-loading, .mz-hint, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage, .mz-expand .mz-expand-stage .mz-image-stage .mz-caption, .mz-thumb img, .mz-expand-thumbnails, .mz-expand-controls, .mz-button { box-sizing: border-box; }
.MagicZoom, .mz-figure { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr !important; position: relative; z-index: 1; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; backface-visibility: hidden; }
.MagicZoom { -webkit-transform: translate3d(0, 0, 0); touch-action: pan-y; }
figure.mz-figure { overflow: hidden; margin: 0 !important; transform-style: preserve-3d; }
.MagicZoom img, .mz-figure img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; }
.MagicZoom>img, .mz-figure>img { width: 100%; height: auto; }
.ie8-magic .MagicZoom>img, .ie8-magic .mz-figure>img { width: 100%; max-width: none !important; }
.mz-figure.mz-no-zoom.mz-no-expand, .mz-expand .mz-figure.mz-no-zoom { cursor: default !important; }
.mz-figure.mz-active, .mz-expand { touch-action: none; }
.mz-lens, .mz-zoom-window { position: absolute !important; overflow: hidden !important; pointer-events: none !important; }
.mz-lens img, .mz-zoom-window img { position: absolute !important; max-width: none !important; max-height: none !important; }
.mz-lens img { transition: none !important; }
.mz-zoom-window { z-index: 2000000000; transform: translate3d(0, 0, 0); }
.mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); -webkit-mask-clip: content; cursor: none; }
.mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto !important; cursor: inherit !important; }
.mz-zoom-window.mz-magnifier.mz-expanded { z-index: 2147483647; }
.mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto !important; transition: none !important; transform-origin: 50% 50% !important; }
.mz-zoom-window.mz-preview img { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; width: 100% !important; height: auto !important; transform: none !important; }
.lt-ie9-magic .mz-zoom-window img { margin: 0 !important; }
.mz-expand-controls { z-index: 2147483647; }
.mz-fade { transition: opacity 0.25s; }
.mz-hidden { opacity: 0; }
.mz-visible { opacity: 1; }
.mobile-magic .mz-expand .mz-expand-bg { transform-style: flat !important; }
.mobile-magic .mz-expand-controls.mz-fade { transition: none !important; }
.mobile-magic .mz-expand>.mz-zoom-window { top: 0 !important; left: 0 !important; }

/**
* Main figure
*/
.mz-figure.mz-active { background: #fff; }
.mz-figure.mz-no-zoom, .mz-figure.mz-click-zoom, .mz-figure.mz-active { cursor: pointer; cursor: zoom-in; }
.mz-figure.mz-active.mz-no-expand { cursor: crosshair; }
.mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: zoom-out; }
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none; }
.mz-figure.mz-magnifier-zoom.mz-active { overflow: visible !important; }
.mz-figure.mz-active>img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.6'/></feComponentTransfer></filter></svg>#grayscale"); filter: grayscale(80%) opacity(60%); }
.no-cssfilters-magic .mz-figure.mz-active>img { opacity: 0.6; }
.lt-ie10-magic .mz-figure.mz-active>img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=0.6); }
.mz-expand .mz-figure.mz-active.mz-inner-zoom, :not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom>img { opacity: 0; }
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom>img { filter: alpha(opacity=0); }
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent; }

/**
* Zoom lens
*/
.mz-lens { border: 1px solid #aaa; border-color: rgba(170, 170, 170, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); cursor: none; z-index: 10; opacity: 0; }
.mz-figure.mz-active .mz-lens { opacity: 1; transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s; }
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none; }

/**
* Zoom window
*/
.mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
.mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: rgba(255, 255, 255, 0.3); }
.mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid rgba(170, 170, 170, 0.7); box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, 0.3); background: transparent; z-index: 1; }
.mz-zoom-window.mz-magnifier.mz-square, .mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0 !important; }
.lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5; }
.mz-zoom-window.mz-inner { border: none; box-shadow: none; }
.mz-zoom-window.mz-inner:not(.mz-expanded) { z-index: 80; }

/* Caption in zoom window */
.mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal !important; text-align: center !important; }
.lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80); }
.mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0; }
.mz-zoom-window.mz-expanded>.mz-caption { display: none; }

/* Zoom window animations */
.mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating { transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }
.mz-zoom-window.mz-deactivating { transition-duration: 0.25s, 0.25s, 0.25s; }
.mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom { opacity: 0; z-index: -100; }
.mz-zoom-window.mz-p-right { transform: translate3d(-20%, 0, 0); }
.mz-zoom-window.mz-p-left { transform: translate3d(20%, 0, 0); }
.mz-zoom-window.mz-p-top { transform: translate3d(0, 20%, 0); }
.mz-zoom-window.mz-p-bottom { transform: translate3d(0, -20%, 0); }

/* Inner mode animation */
.mz-zoom-window>img { transform: translate3d(0, 0, 0) scale(1); backface-visibility: hidden; }
.mz-zoom-window.mz-p-inner.mz-deactivating>img, .mz-zoom-window.mz-p-inner.mz-activating>img { transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; }

/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier { transform: scale(0.1); }

/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-preview.mz-activating, .mz-zoom-window.mz-custom.mz-deactivating, .mz-zoom-window.mz-custom.mz-activating { transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }
.mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-custom.mz-deactivating { transition-duration: 0.2s; }
.mz-zoom-window.mz-p-preview, .mz-zoom-window.mz-p-custom { opacity: 0; }

/**
* Hint & Loading
*/
.mz-hint, .mz-loading { color: #eee; background: rgba(49, 51, 61, 0.7); font: normal 12px/1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity 0.25s ease; }
.mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; transition: opacity 0.4s ease, z-index 0.4s ease; }
.mz-hint-message { display: inline-block; background: rgba(49, 51, 61, 0.7); border-radius: 2em; padding: 0.7em 1.1em; }
.mz-hint-message:before { content: "⊕"; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; }
.mobile-magic .mz-hint-message:before { display: none; }
.mz-hint-hidden { opacity: 0; z-index: -1; transition-delay: 0.6s; }

/* Hint in the expanded view on mobile */
.mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; transform: translate(0, -50%); }
.mz-expand .mz-hint-message { padding: 1.1em; }
.mz-expand .mz-hint-message:before { display: none; }
.mz-expand .mz-hint-hidden { opacity: 0; transition-delay: 1.5s; }

/* Loading indicator */
.mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mz-loading:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-top-color: transparent; box-sizing: border-box; }
.mz-loading.shown { opacity: 1; z-index: 1; transition: opacity 0s; }
.mz-loading.shown:after { animation: spin-loading 0.9s infinite linear; }
@keyframes spin-loading {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.lt-ie10-magic .mz-loading { border-radius: 2em; font-size: 12px; padding: 0.7em 1.1em; width: auto; height: auto; }
.lt-ie10-magic .mz-loading:after { content: "Loading..."; text-indent: 0; border: none; position: relative; }
.lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto; }
.lt-ie9-magic .mz-hint-message, .lt-ie9-magic .mz-loading.shown { background: transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#7c31333D", EndColorStr="#7c31333D"); }
.lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0); }

/**
* Expanded view
*/
.mz-expand, .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg>img, .mz-expand .mz-expand-bg>svg, .mz-expand .mz-expand-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg>img, .mz-expand .mz-expand-bg>svg { width: auto !important; height: auto !important; }
.mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg>svg { min-width: 100% !important; min-height: 100% !important; }
.mz-expand { background-color: rgb(0, 0, 0); text-align: center; vertical-align: middle; display: block; overflow: hidden; z-index: 2100000000; position: fixed; width: auto; height: auto; perspective: 600px; transform-style: preserve-3d; backface-visibility: hidden; -ms-overflow-style: none; }

/* Expanded view background */
.mz-expand .mz-expand-bg { display: inline-block; max-width: none !important; max-height: none !important; margin: auto; vertical-align: middle; z-index: -100; background-repeat: no-repeat; background-size: cover; perspective: 600px; transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg); }
:root:not([data-magic-ua=safari]) .mz-expand .mz-expand-bg { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur"); filter: blur(20px) brightness(60%); }
.mz-expand .mz-expand-bg>img { margin: auto; transform: translate3d(0, 0, 0); backface-visibility: hidden; }
[data-magic-ua=safari] .mz-expand .mz-expand-bg>img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur"); filter: blur(20px) brightness(60%); }
.mz-expand .mz-expand-bg>svg { margin: auto; opacity: 0.6; }
[data-magic-ua=edge] .mz-expand .mz-expand-bg, .lt-ie10-magic .mz-expand .mz-expand-bg { display: none !important; }
.lt-ie9-magic .mz-expand { background: #1f1f1f; }
[data-magic-ua=edge] .mz-expand { background-color: rgba(31, 31, 31, 0.96); }

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg, .mz-expand.dark-bg .mz-expand-bg, .mz-expand.white-bg .mz-expand-bg { display: none !important; }
.mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31, 31, 31, 0.96); }
.mz-expand.white-bg { background-color: #fff; }

/* Expanded view stage */
.mz-expand .mz-expand-stage { display: flex; flex-direction: column; padding: 0; z-index: 2100000000; }
.mz-expand .mz-expand-stage .mz-image-stage { display: flex; flex-direction: column; flex: 1 1; position: relative; margin: 0; padding: 20px 0; overflow: hidden; text-align: center; vertical-align: middle; backface-visibility: hidden; }
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0 !important; left: 0; right: 0; }
.mz-expand .mz-image-stage>figure { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; padding: 0; font-size: 0; overflow: hidden; }
.mz-expand .mz-figure { max-width: 100% !important; overflow: visible; }
.mz-expand .mz-figure>img { max-width: 100%; width: auto; height: auto; }
.mz-expand .mz-zoom-in .mz-image-stage>figure, .mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-activating, .mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active { flex: 1 0; width: 100%; height: 100%; }
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active>img { pointer-events: none; }
.mz-expand .mz-figure { cursor: pointer; cursor: zoom-in; }
.mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: zoom-out; }

/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage>figure>figure>img { z-index: 1; position: absolute !important; top: -5000px !important; bottom: -5000px !important; left: -5000px !important; right: -5000px !important; margin: auto !important; }
.lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); }
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100); }

/* Caption in expanded view */
.mz-expand .mz-caption { flex: 0 0; color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 30px; font: normal 10pt/1.25 "Lucida Grande", "Lucida Sans Unicode", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; text-align: center; width: 100%; opacity: 0; }
.mz-expand .mz-caption.mz-show { transition: opacity 0.15s ease-out; opacity: 1; }
.mz-expand .mz-zoom-in .mz-image-stage .mz-caption { display: none; }
.mz-expand .mz-caption a { color: inherit; cursor: pointer; }
.mz-expand.white-bg .mz-caption { color: #555; text-shadow: none; }
.lt-ie9-magic .mz-expand .mz-caption { top: 100%; }
.mz-expand .mz-zoom-window { box-shadow: none; background: transparent; }
.lt-ie9-magic .mz-expand .mz-zoom-window { border: 0; }

/**
* Buttons & Arrows
*/
.mz-nav-controls, .mz-expand-controls, button.mz-button { margin: 0 !important; padding: 0 !important; outline: 0 !important; }
.mz-nav-controls { z-index: 2100000000; }
button.mz-button { color: rgba(180, 180, 180, 0.6) !important; font-size: 0; cursor: pointer; z-index: 2100000000 !important; background-color: transparent !important; border: 0 solid transparent !important; border-radius: 100% !important; box-shadow: none !important; position: absolute !important; text-transform: none !important; text-align: center; speak: none; width: 60px !important; height: 60px !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; transition: color 0.25s, background-color 0.25s !important; }
button.mz-button:before { display: block; position: static; height: 100%; transform: scale(0.9); transition: transform 0.25s !important; }
:root:not(.mobile-magic) button.mz-button:hover, button.mz-button:active { color: rgb(180, 180, 180) !important; }
button.mz-button:active:before { transform: scale(0.7) !important; }
.mobile-magic .mz-expand button.mz-button:active { background-color: rgba(49, 51, 61, 0.7) !important; }
button.mz-button.mz-button-prev, button.mz-button.mz-button-next { margin: auto 10px !important; top: 0 !important; bottom: 0 !important; overflow: hidden !important; }
button.mz-button.mz-button-prev { left: 0 !important; transform: rotateZ(180deg) !important; }
button.mz-button.mz-button-next { right: 0 !important; }
button.mz-button.mz-button-close { margin: 10px !important; top: 0 !important; right: 0 !important; z-index: 95 !important; }
button.mz-button.mz-button-close:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); }
button.mz-button.mz-button-prev:before, button.mz-button.mz-button-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); }
@supports ((-webkit-mask-image:url()) or (mask-image:url())) and ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and ((-webkit-mask-position:center) or (mask-position:center)) and ((-webkit-mask-size:cover) or (mask-size:cover)) {
	button.mz-button:before { content: "" !important; background-color: currentColor; background-image: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; }
	button.mz-button.mz-button-close:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); }
	button.mz-button.mz-button-prev:before, button.mz-button.mz-button-next:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); }
}
.lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75); }
.lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100); }

/* Arrows on the main image on the page */
.mz-figure .mz-nav-controls button.mz-button { display: none; width: 32px !important; height: 56px !important; margin: auto 0 !important; padding: 0 !important; border: 0 !important; }
.mz-figure.mz-show-arrows .mz-nav-controls button.mz-button { display: block; }

/**
* Thumbnails
*/

/** Thumbnails on the page **/
a[data-zoom-id], .mz-thumb, .mz-thumb:focus { display: inline-block; line-height: 0; outline: none; }
.mz-thumb:not(.mz-thumb-selected):hover img { border-bottom-color: rgba(180, 180, 180, 0.3); }

/** Thumbnails in expanded view **/
.mz-expand-thumbnails { flex: 0 0 80px; position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 10px 0; z-index: 50; overflow: hidden; }
.ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails, :root[data-magic-ua=firefox] .mz-expand-thumbnails { height: 80px; }
.mz-expand-thumbnails .magic-thumb>img { cursor: pointer; padding-bottom: 4px; border: 0; border-bottom: 2px solid transparent; }
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img { border-bottom-color: rgba(180, 180, 180, 0.3); }
.mz-expand-thumbnails .magic-thumb.magic-thumb-selected img { border-bottom-color: rgb(180, 180, 180); }
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none; }

/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/
.mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none; }

/** Thumbnails shaded style (improved previous one)  **/
.thumbnails-style-shaded.mz-thumb img { border: 0 !important; padding-bottom: 0; box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3); }
.thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img { filter: brightness(0.7); }
.thumbnails-style-shaded.mz-thumb-selected img { filter: brightness(0.7) opacity(0.7); }
.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb>img { border: 0; padding-bottom: 0; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); }
.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected)>img:hover { filter: brightness(0.75); }
.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img { filter: brightness(0.7) opacity(0.7); }
.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected { background: #000; }
.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img { opacity: 0.75; filter: alpha(opacity=75); }
.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img { opacity: 0.7; filter: alpha(opacity=70); }
.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb { position: relative; }
.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; z-index: 100; pointer-events: none; background-color: rgba(0, 0, 0, 0); }
.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after { background-color: rgba(0, 0, 0, 0.2); }
.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after { background-color: rgba(0, 0, 0, 0.3); }
.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img { position: relative; z-index: 1; }
.ie9-magic .thumbnails-style-shaded.mz-thumb img { box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3); }
.magic-thumbs, .magic-thumbs .magic-thumbs-wrapper, .magic-thumbs ul, .magic-thumbs li, .magic-thumbs li:before, .magic-thumbs li:after, .magic-thumbs li img, .magic-thumbs .magic-thumbs-button { margin: 0; padding: 0; outline: 0; box-sizing: border-box; }
.magic-thumbs { direction: ltr; overflow: visible; z-index: 100; position: relative; left: 0; top: 0; padding: 0 40px; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; touch-action: none; }
.magic-thumbs { width: 100%; height: 100%; white-space: nowrap; }
.magic-thumbs.no-buttons { padding: 0 !important; }
.magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; }
.magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap; }
.magic-thumbs.no-buttons ul { left: 0 !important; padding: 0 !important; transition: none !important; transform: none !important; }
.magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block; }
.magic-thumbs ul li:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.magic-thumbs ul li>img { width: auto; height: auto; max-width: none !important; max-height: 100% !important; vertical-align: middle; }
.ie8-magic .magic-thumbs ul li>img { max-width: none !important; max-height: none !important; }

/* vertical */
.magic-thumbs.magic-thumbs-vertical { height: 100%; }
.magic-thumbs-vertical { padding: 40px 0; }
.magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal; }
.magic-thumbs-vertical ul li { width: 100%; height: auto; }
.magic-thumbs-vertical ul li { margin: 4px 0; }
.magic-thumbs-vertical ul li>img { max-width: 100% !important; max-height: none !important; }
.ie8-magic .magic-thumbs-vertical ul li>img { width: 100%; }

/**
* Buttons
*/
.magic-thumbs button.magic-thumbs-button { color: rgba(180, 180, 180, 0.6) !important; font-size: 0; cursor: pointer; z-index: 90 !important; background-repeat: no-repeat; background-color: transparent !important; background-image: none; border: 0; border-radius: 100%; box-shadow: none !important; overflow: hidden; position: absolute; text-transform: none !important; speak: none; text-align: center; width: 33px; height: 33px; top: 0; bottom: 0; margin: auto 3px; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; transition: color 0.25s, background-color 0.25s !important; }
.magic-thumbs button.magic-thumbs-button:before { display: block; position: static; height: 100%; transform: scale(1); transition: transform 0.25s !important; }
.mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled), :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover, .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active { color: rgb(180, 180, 180) !important; }
.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before { transform: scale(0.7) !important; }
.mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active { background-color: rgba(49, 51, 61, 0.7) !important; }
.magic-thumbs .magic-thumbs-button-prev { left: 0; transform: rotateZ(180deg) !important; }
.magic-thumbs .magic-thumbs-button-next { right: 0; }
.magic-thumbs-vertical button.magic-thumbs-button { top: auto; right: 0; bottom: auto; left: 0; margin: 3px auto; }
.magic-thumbs-vertical button.magic-thumbs-button-prev { top: 0; transform: rotateZ(-90deg) !important; }
.magic-thumbs-vertical button.magic-thumbs-button-next { bottom: 0; transform: rotateZ(90deg) !important; }
.magic-thumbs .magic-thumbs-button-prev:before, .magic-thumbs .magic-thumbs-button-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); }
@supports ((-webkit-mask-image:url()) or (mask-image:url())) and ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and ((-webkit-mask-position:center) or (mask-position:center)) and ((-webkit-mask-size:cover) or (mask-size:cover)) {
	.magic-thumbs button.magic-thumbs-button:before { content: "" !important; background-color: currentColor; background-image: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; }
	.magic-thumbs .magic-thumbs-button-prev:before, .magic-thumbs .magic-thumbs-button-next:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); }
}
.magic-thumbs.no-buttons .magic-thumbs-button { display: none !important; }
.magic-thumbs-button-disabled { opacity: 0.2; filter: alpha(opacity=20); }
.MagicZoomBox { margin-bottom: 10px; flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; }
.MagicZoomBox img { background: #fff; }

/* Comment */
.comment-title { font-size: 18px; }
.comment-show { display: block !important; }
.comment-point { font-size: 47px; color: #fe302e; }
.comment-star { font-size: 0; position: relative; display: inline-block; vertical-align: top; margin-bottom: 0.5rem; }
.comment-star span { display: block; position: absolute; top: 0; left: 0px; bottom: 0; z-index: 1; overflow: hidden; text-align: left; white-space: nowrap; }
.comment-star i { display: inline-block; margin: 0.1rem; color: #b8b8b8; text-rendering: auto; font-size: 20px; }
.comment-star i:nth-child(1) { margin-left: 0; }
.comment-star span i { color: #ffc120; }
.comment-progress { width: 100%; margin-bottom: 0.375rem; display: flex; align-items: center; justify-content: space-between; }
.comment-progress:last-child { margin-bottom: 0px; }
.comment-progress .progress { height: 12px; margin-right: 10px; margin-left: 5px; width: calc(100% - 90px); border-radius: 10px; }
.comment-progress .progress-bar#has-rate { background-color: #23b445; }
.comment-progress .progress-num { font-size: 15px; width: 25px; text-align: center; color: #787878; }
.comment-progress .progress-total { font-weight: 600; text-align: left; color: #787878; width: 50px; }
.comment-write { display: none; }
.review-rating-star { font-size: 0; }
.review-rating-star-icon .fa { font-weight: 400; font-style: normal; display: inline-block; margin: 0.1rem; font-size: 21px; cursor: pointer; color: #f0c808; }
.review-rating-star-icon .fa.star-empty { color: #dedddc; }
.review-rating-star-icon .fa.star-not-empty { color: #f0c808; }
.review-rating-star-icon .fa:nth-child(1) { margin-left: 0; }
.review-fileuploader { padding: 20px 15px; text-align: center; background-color: #ffffff; cursor: pointer; border: 2px dashed #c2cdda; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.review-fileuploader .review-fileuploader-text { color: #90a0bc; }
.review-file-uploader .fileuploader { padding: 0px; margin: 0px; background: transparent; }
.review-file-uploader .fileuploader-items .fileuploader-items-list { margin: 1rem -5px 0 -5px; }
.review-file-uploader .fileuploader-items .fileuploader-items-list:after { display: block; content: ""; clear: both; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item { padding: 0px; width: calc(14.2857142857% - 10px); float: left; margin: 0 5px 5px 5px; border-bottom: 0px; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns { display: block; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail { width: auto; height: auto; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image { height: auto; padding: 50% 0; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img { position: absolute; top: 0px; left: 0px; max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transform: none; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title { padding: 0px; margin-top: 0.5rem; text-align: center; display: none; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions { margin: 0px; position: absolute; top: 0px; right: -5px; }
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input { border: 1px solid #dddddd; border-radius: 0.25rem; }
.review-poster-video-avatar { display: flex; align-items: center; justify-content: flex-start; }
.review-poster-video-avatar .avatar-detail { width: 95px; height: 95px; display: flex; align-items: center; justify-content: center; }
.review-poster-video-avatar .avatar-detail img { max-width: 95px; max-height: 95px; }
#review-content { height: 350px; }
.carousel-comment-media .carousel-control a { opacity: 1; width: 45px; height: 45px; top: calc(50% - 22.5px); bottom: inherit; }
.carousel-comment-media .carousel-control a span { display: block; cursor: pointer; color: #222222; width: 45px; height: 45px; padding: 5px; text-align: center; background-color: #ffffff; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.carousel-comment-media .carousel-control a.carousel-control-prev { left: 20px; }
.carousel-comment-media .carousel-control a.carousel-control-prev span { padding-right: 9px; }
.carousel-comment-media .carousel-control a.carousel-control-next { right: 20px; }
.carousel-comment-media .carousel-control a.carousel-control-next span { padding-left: 8px; }
.carousel-comment-media .carousel-indicators { position: static; margin: 0px 0px 0.75rem 0px; text-align: left; display: block; }
.carousel-comment-media .carousel-indicators li { width: auto; max-width: 60px; height: auto; text-indent: inherit; flex: none; margin: 0px 0px 3px 0px; border: 2px solid transparent; opacity: 1; cursor: zoom-in; }
.carousel-comment-media .carousel-indicators li.active { border-color: #ffc120; cursor: zoom-out; transform: scale(1.05); }
.carousel-comment-media .carousel-inner { max-width: 550px; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); }
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video { max-width: 100%; width: 100%; height: 500px; vertical-align: top; display: inline-block; background-color: #000000; }
#form-reply { display: none; }
.comment-item { margin-bottom: 3rem; }
@media only screen and (min-width:992px) {
	.comment-item { display: flex; align-items: flex-start; justify-content: flex-start; }
}
.comment-item-poster { width: 200px; margin-right: 30px; text-align: center; }
@media only screen and (max-width:991px) {
	.comment-item-poster { width: auto; margin-right: 0px; margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: flex-start; }
}
.comment-item-letter { border-radius: 50%; background-color: #d3d2d3; color: #919090; width: 65px; height: 65px; text-transform: uppercase; display: inline-block; vertical-align: top; line-height: 67px; font-size: 18px; font-weight: 700; margin-bottom: 0.5rem; }
@media only screen and (max-width:991px) {
	.comment-item-letter { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 0; }
}
.comment-item-name { margin-bottom: 0.25rem; text-transform: capitalize; }
@media only screen and (max-width:991px) {
	.comment-item-name { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; }
}
.comment-item-posttime { font-size: 12px; color: #999999; }
.comment-item-information { width: calc(100% - 230px); }
@media only screen and (max-width:991px) {
	.comment-item-information { width: 100%; }
}
.comment-item-star { float: left; margin-right: 10px; }
.comment-item-star i { font-size: 17px; }
.comment-item-title { font-size: 15px; font-weight: 500; }
.comment-replies { position: relative; background: #f8f9fa; border: 1px solid #dfdfdf; padding: 1.75rem 1.5rem; }
.comment-replies:after { content: ""; position: absolute; }
.comment-replies:before { content: ""; position: absolute; z-index: 1; top: -13px; left: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #f8f9fa; }
.comment-replies:after { top: -14px; left: 9px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 14px solid #dfdfdf; }
.comment-replies-item { margin-bottom: 1.5rem; display: flex; align-items: flex-start; justify-content: flex-start; }
.comment-replies-item:last-child { margin-bottom: 0px; }
.comment-replies-letter { width: 45px; height: 45px; margin-right: 10px; line-height: 45px; padding-left: 1px; font-size: 14px; border-radius: 50%; background-color: #e5e3e5; color: #919090; text-transform: uppercase; display: inline-block; vertical-align: top; font-weight: 500; text-align: center; margin-top: 0.125rem; }
.comment-replies-letter.admin { position: relative; background-color: #189eff; text-indent: 9999px; overflow: hidden; }
.comment-replies-letter.admin:before { content: "QTV"; text-indent: 0px; color: #ffffff; font-weight: 500; text-transform: uppercase; font-size: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.comment-replies-info { width: calc(100% - 55px); }
.comment-replies-name { font-weight: 500; margin-bottom: 0.125rem; }
.comment-replies [class*=btn-load-more-] { border: 0px; outline: none; padding: 0px; background: transparent; }
.comment-media-play { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.comment-media-play svg { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); }
.comment-media-play svg .comment-media-play-stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; transform-origin: 50% 50%; animation: spin 4s infinite linear; transition: opacity 1s ease, stroke-width 1s ease; }
.comment-media-play svg .comment-media-play-stroke-solid { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 4px; transition: stroke-dashoffset 1s ease, opacity 1s ease; }
.comment-media-play svg .comment-media-play-icon { transform-origin: 50% 50%; transition: transform 200ms ease-out; }
.comment-media-play:hover svg .comment-media-play-stroke-dotted { stroke-width: 4px; opacity: 1; }
.comment-media-play:hover svg .comment-media-play-stroke-solid { opacity: 0; stroke-dashoffset: 300; }
.comment-media-play:hover svg .comment-media-play-icon { transform: scale(1.05); }
#google_language_translator { clear: both; width: auto !important; text-align: right; display: none; }
.goog-te-banner-frame, .skiptranslate iframe { display: none !important; visibility: visible !important; }
#google_language_translator { height: 30px; overflow: hidden; font-size: 0; }
#google_language_translator span { display: none; }
.goog-te-gadget { font-size: 0 !important; }
.title-product { text-align: center; margin-bottom: 1.5rem; background: url(../images/before_title.png) no-repeat center left, url(../images/after_title.png) no-repeat right center; }
.title-product span { color: var(--color-main); font-size: 40px; font-style: italic; font-weight: 600; text-transform: capitalize; }
.section-1 .item { padding: 0px 0px 4px 4px; }
.section-1 .item .pic { margin: 0px 0px -40px 10px; }
.section-1 .item .info { border-radius: 10px; border: 1px solid #EDC0C5; background: #FBEFF1; box-shadow: -4px 4px 0px 0px var(--color-hover); padding: 23px 30px 13px; }
.section-1 .item .info .name { padding-left: 40px; color: var(--color-text); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 10px; text-transform: uppercase; }
.section-1 .item .info .name:hover { color: var(--color-main); }
.section-1 .item .info .desc { margin-bottom: 0; color: var(--color-text); text-align: justify; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; height: 40px; }
.section-2 .box:not(:last-child) { margin-bottom: 50px; }
.section-2 .box .main .hs-grid .item { border-radius: 5px; overflow: hidden; }
.section-2 .box .main .hs-grid .item:hover .info { background-color: var(--color-hover); }
.section-2 .box .main .hs-grid .item .pic { background: radial-gradient(50% 50% at 50% 50%, #7D7D7D 0%, #7A7A7A 36.5%, #666 100%); }
.section-2 .box .main .hs-grid .item .info { padding: 13px 4px; background-color: #212121; transition: 0.3s ease-in-out; }
.section-2 .box .main .hs-grid .item .info .name { margin-bottom: 0; text-align: center; color: var(--color-white); font-size: 15px; text-transform: capitalize; }
.section-2 .box .main-brand { padding: 2px; background: #F5F5F5; }
.section-2 .box .main-brand .swiper-auto { padding: 8px; }
.section-2 .box .main-brand .item { border-radius: 5px; transition: 0.3s ease-in-out; overflow: hidden; }
.section-2 .box .main-brand .item:hover { background: var(--color-white); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); }
.brand-pic {max-width: 130px;}
.user fieldset legend { font-size: 18px; padding: 7px 0px; border-bottom: 1px solid #e5e5e5; }
.user .login .box { padding: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.user .login .box h2 { font-size: 24px; margin-bottom: .5rem; line-height: 1.2; }
.user .login .box p { margin-bottom: 0.5rem; }
.user .login .hs-text-xs {font-size: 0.75rem; line-height: 1rem;     display: inline-block; margin-bottom: 0.5rem;}
.registration-template .form-control,
.user .login .form-control {display: block;width: 100%;height: calc(1.5em + 0.75rem + 2px);padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-shadow: none;}
.user .login .form-control::placeholder {background: var(--color-white);}
.user .form-group {margin-bottom: 1rem;}
.footer-qr {max-width: 100px;}
.account-tempalte legend {font-size: 18px;padding-bottom: .5rem;border-bottom: 1px solid #E5E5E5;}


@keyframes hvr-bob {
	0% { transform: translateY(-8px); }
	50% { transform: translateY(-4px); }
	100% { transform: translateY(-8px); }
}
@keyframes hvr-bob-float {
	100% { transform: translateY(-8px); }
}
@keyframes sliderZoom {
	0% { transform: scale(1); transition: transform 20000ms linear 0s; }
	100% { transform: scale(1.2); transition: transform 20000ms linear 0s; }
}
@keyframes sliderZoomOut {
	from { transform: scale3d(1.5, 1.5, 1.5); }
	to { transform: scale3d(1, 1, 1); }
}
@keyframes nudge {
	0% { transform: translateX(0); }
	30% { transform: translateX(-5px); }
	50% { transform: translateX(5px); }
	70% { transform: translateX(-2px); }
	100% { transform: translateX(0); }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes shake-anim {
	0%, 100%, 50% { -o-transform: rotate(0) scale(1) skew(1deg); }
	10%, 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg); }
	20%, 40% { -o-transform: rotate(25deg) scale(1) skew(1deg); }
}
@keyframes clockwise {
	0% { top: -5px; left: 0; }
	12% { top: -2px; left: 2px; }
	25% { top: 0; left: 5px; }
	37% { top: 2px; left: 2px; }
	50% { top: 5px; left: 0; }
	62% { top: 2px; left: -2px; }
	75% { top: 0; left: -5px; }
	87% { top: -2px; left: -2px; }
	100% { top: -5px; left: 0; }
}
@keyframes counterclockwise {
	0% { top: -5px; right: 0; }
	12% { top: -2px; right: 2px; }
	25% { top: 0; right: 5px; }
	37% { top: 2px; right: 2px; }
	50% { top: 5px; right: 0; }
	62% { top: 2px; right: -2px; }
	75% { top: 0; right: -5px; }
	87% { top: -2px; right: -2px; }
	100% { top: -5px; right: 0; }
}
@keyframes moveGradient {
	50% { background-position: 100% 50%; }
}
@keyframes loader-2-circles {
	0% { box-shadow: 0 0 0 var(--color-main); opacity: 1; transform: rotate(0deg); }
	50% { box-shadow: 24px -22px var(--color-main), 30px -15px 0 -3px var(--color-main), 31px 0px var(--color-main), 29px 9px 0 -3px var(--color-main), 24px 23px var(--color-main), 17px 30px 0 -3px var(--color-main), 0px 33px var(--color-main), -10px 28px 0 -3px var(--color-main), -24px 22px var(--color-main), -29px 14px 0 -3px var(--color-main), -31px -3px var(--color-main), -30px -11px 0 -3px var(--color-main), -20px -25px var(--color-main), -12px -30px 0 -3px var(--color-main), 5px -29px var(--color-main), 13px -25px 0 -3px var(--color-main); transform: rotate(180deg); }
	100% { opacity: 0; transform: rotate(360deg); box-shadow: 25px -22px var(--color-main), 15px -22px 0 -3px black, 31px 2px var(--color-main), 21px 2px 0 -3px black, 23px 25px var(--color-main), 13px 25px 0 -3px black, 0px 33px var(--color-main), -10px 33px 0 -3px black, -26px 24px var(--color-main), -19px 17px 0 -3px black, -32px 0px var(--color-main), -23px 0px 0 -3px black, -25px -23px var(--color-main), -16px -23px 0 -3px black, 0px -31px var(--color-main), -2px -23px 0 -3px black; }
}
@keyframes loader-2-star {
	0% { transform: scale(0) rotate(0deg); }
	100% { transform: scale(0.7) rotate(360deg); }
}
@keyframes skeleton {
	0% { background-position: 0% 0%; }
	100% { background-position: -135% 0%; }
}
@media (min-width:1200px) {
	.child-categories__cell { width: calc(14.2857142857% + 1px); }
}
@media (max-width:1024px) {
	.header-bottom { height: auto !important; }
	.info-location, .info-hotline { margin-right: 10px; }
	.menu ul li a { padding: 16px 12px; font-size: 14px; }
	.menu ul .boxx_search { margin-left: 40px; }
	.collapse.show {visibility: inherit;}
	.header-user .dropdown-user {display: none;}
}
@media (max-width:1001px) {
	.menu { display: none; }
	.menu-res {display: block;/* z-index: 100; */}
	.slideshow a img { width: auto !important; height: auto !important; }
	.skiptranslate { display: none; }
	.slideshow .wrap-content { padding: 0; width: 100%; }
}
@media (max-width:850px) {
	.content-main img { max-width: 100%; height: auto !important; }
	.right_header { display: none !important; }
	.left_header { width: 100%; padding-left: 0; text-align: center; }
	.left_header .logo-header img { margin-top: 6px; margin-bottom: 6px; }
	.product-dmcap1 { float: left; margin: 0 2% 2% 0; width: 23.5%; }
	.product-dmcap1:nth-child(5n+1) { clear: initial; }
	.product-dmcap1:nth-child(4n) { margin-right: 0; }
	.product-dmcap1:nth-child(5n) { margin-right: 2%; }
	.name-product-dmcap1 { font-size: 20px; }
	.popup-btn { padding: 6px 32px; }
	.name-product { font-size: 16px; }
	.name-product.text-split { -webkit-line-clamp: 2; }
	.wrap-form { padding: 0 10px; }
	.pic-newshome-normal { width: calc(43% - 10px); }
	.info-newshome-normal { width: calc(57% - 10px); }
	.time { padding: 6px 5px; }
	.name-newshome { font-size: 14px; margin-left: 8px; }
	.video-main { width: auto !important; height: auto !important; }
	.video-main iframe { position: relative !important; width: 394px; }
	.dm-tt li .box-leftdichvu { font-size: 15px; }
	.list-lv1 li .name-lv1 { font-size: 14px; }
	.list-lv2 li a { font-size: 13px; }
	.box_detail1 { display: block !important; width: 100%; }
	.box_detail { display: none !important; }
	.title-main3 { justify-content: start !important; }
	.box-catmenu { width: 100% !important; max-width: 100% !important; }
	.box_menucap1 { display: block !important; }
	.box_viewmore-splist { text-align: right; }
	.title-main3 { background: unset; }
	.title-main3::after { display: none !important; }
	.box-boxx { position: relative; }
	.box-boxx::after { position: absolute; z-index: 1; content: ""; left: 100%; top: 0; width: 43px; height: 43px; background: url(../images/decor-dmcap1-2_03.png) no-repeat; }
	.title-main3 { margin-right: 0; }
	#div2 { height: 50px; }
	#wrapper2 { height: 50px; }
}
@media screen and (max-device-width:767px) {
	:root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]), :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { overflow: hidden !important; }
	:root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { height: auto !important; }
	.mobile-magic .mz-expand .mz-image-stage .mz-caption { display: none !important; }
	button.mz-button-prev, button.mz-button-next { display: none !important; }
	.mobile-magic .mz-expand button.mz-button.mz-button-close { width: 50px !important; height: 50px !important; color: rgb(180, 180, 180) !important; }
	.mobile-magic .mz-expand button.mz-button:before { transform: scale(0.8); }
	.mz-expanded-view-open, .mz-expanded-view-open body { overflow: hidden !important; }
	.mz-expanded-view-open body { height: auto !important; }
	.title-product { background: none; }
	.title-product span { font-size: 30px; }
	.left-news-detail { width: 100%; }
	.right-news-detail { width: 100%; }
	.brand-title span { font-size: 24px; }
}

/** Thumbnails on the left in expanded view with .expand-thumbnails-left class **/
@media not screen and (max-device-width:767px) and (orientation:portrait) {
	.mz-expand.expand-thumbnails-left .mz-expand-stage { flex-direction: row-reverse; }
	.mz-expand.expand-thumbnails-left .mz-expand-thumbnails { padding: 0 10px; height: 100%; overflow: hidden; }
	.ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails, :root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails { width: 80px; height: 100%; }
}
@media not screen and (max-device-width:767px) and (orientation:portrait) {
	.mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical { height: calc(100% - 40px); margin-top: 20px; margin-bottom: 20px; }
	@media screen and (max-device-width:767px) {
		.mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons { height: calc(100% - 40px); margin-top: 20px; margin-bottom: 20px; }
	}
}
@media (max-width:769px) {
	.top-contact { flex-wrap: wrap; }
	.left-pro-detail, .right-pro-detail, .top-contact .form-contact, .top-contact .article-contact { width: 100%; margin: 0px; }
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
	.box_menucap1 { flex-wrap: wrap; }
	.box_viewmore-splist { width: 100%; margin-right: 0; margin-top: 8px; text-align: right; padding-right: 1%; }
	.product:nth-child(4n+1) { clear: initial; }
	.product { width: 49%; margin: 0 2% 2% 0; }
	.product:nth-child(2n) { margin-right: 0 !important; }
	.wrap-intro { flex-wrap: wrap; }
	.left-intro { width: 100%; }
	.right-intro { width: 100%; }
	.pic-newshome-normal { width: calc(25% - 10px); }
	.info-newshome-normal { width: calc(75% - 10px); }
	.slick-news .slick-list .slick-track .slick-slide .box_news-main a .info-newshome-normal .d-flex { justify-content: start !important; }
	.slick-news .slick-list .slick-track .slick-slide:nth-child(odd) .box_news-main a .info-newshome-normal .d-flex { justify-content: end !important; }
	.video-main iframe { width: 100% !important; }
	.footer-article .wrap-content { flex-wrap: wrap; }
	.left-here { display: none !important; }
	.right-here { width: 100%; }
	.box_brand-detail:nth-child(5n+1) { clear: initial; }
	.box_brand-detail { width: 32%; margin: 0 2% 2% 0; }
	.box_brand-detail:nth-child(3n) { margin-right: 0 !important; }
	.box_brand-detail:nth-child(5n) { margin-right: 2%; }
}
@media (max-width:640px) {
	.product-dmcap1 { width: 49%; }
	.product-dmcap1:nth-child(2n) { margin-right: 0 !important; }
	.box_around-form { padding-top: 38px; padding-bottom: 50px; }
	.right-intro { margin-top: 2%; }
	.pic-newshome-normal { width: calc(28% - 10px); }
	.info-newshome-normal { width: calc(72% - 10px); }
	.footer-powered .wrap-content { flex-wrap: wrap; text-align: center; justify-content: center; }
	.copyright, .statistic { width: 100%; }
	.box-product, .box_sanpham-box { padding: 0 !important; }
}
@media (max-width:440px) {
	.popup-btn { padding: 6px 20px; }
	.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
	.box_detail { flex-wrap: wrap; text-align: center; justify-content: center; }
	.title-main3::after { display: none !important; }
	.title-main3 { width: 100%; margin-right: 0; }
	.box-catmenu { width: 100%; margin-top: 10px; max-width: 100%; }
	.box_form-main .newsletter-input:nth-child(2n+1) { clear: initial; }
	.newsletter-input { width: 100%; margin: 1% 0; }
	.box_form-main .newsletter-input:nth-child(odd) input { border-top-left-radius: unset; border-bottom-left-radius: unset; }
	.box_form-main .newsletter-input:nth-child(even) input { border-top-right-radius: unset; border-bottom-right-radius: unset; }
	.box_around-form { padding-top: 30px; padding-bottom: 30px; }
	.pic-newshome-normal { width: calc(43% - 10px); }
	.info-newshome-normal { width: calc(57% - 10px); }
	.news:nth-child(3n+1) { clear: initial; }
	.news { width: 49%; margin: 0 2% 2% 0; }
	.news:nth-child(3n) { margin-right: 2%; }
	.news:nth-child(2n) { margin-right: 0; }
	.wrap-brand-detail { margin-top: 30px; margin-bottom: 40px; }
	.product-tt:nth-child(3n+1) { clear: initial; }
	.product-tt:nth-child(3n) { margin-right: 2%; }
	.product-tt:nth-child(2n) { margin-right: 0 !important; }
	.product-tt { width: 49%; margin: 0 2% 2% 0; }
}
@media (max-width:375px) {
	.title-main span { font-size: 25px; }
	.title-main p { font-size: 14px; }
	.box_sanpham-box .box-product { padding: 0 10px !important; }
	.box_sanpham-box .box-product { padding: 0 4px !important; }
	.box_brand-detail { width: 49%; }
	.box_brand-detail:nth-child(3n) { margin-right: 2% !important; }
	.box_brand-detail:nth-child(2n) { margin-right: 0 !important; }
}
@media (max-width:369px) {
	.cart-pro-detail { flex-wrap: wrap; }
	.cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; font-size: 12px; }
	.cart-pro-detail a:first-child { margin-bottom: 5px !important; }
	.cart-pro-detail a i { display: none; }
	.popup-btn { display: block; }
}


.hs-relative {
    position  : relative;
  }
  
  .hs-mt-5 {
    margin-top  : 1.25rem;
  }
  
  .hs-grid {
    display  : grid;
  }
  
  .hs-w-full {
    width  : 100%;
  }
  
  .hs-flex-1 {
    flex  : 1 1 0%;
  }
  
  .hs-columns-4 {
    -moz-columns  : 4;
         columns  : 4;
  }
  
  .hs-break-inside-avoid {
    -moz-column-break-inside  : avoid;
         break-inside  : avoid;
  }
  
  .hs-grid-cols-1 {
    grid-template-columns  : repeat(1, minmax(0, 1fr));
  }
  
  .hs-grid-cols-2 {
    grid-template-columns  : repeat(2, minmax(0, 1fr));
  }
  
  .hs-gap-2 {
    gap  : 0.5rem;
  }
  
  .hs-gap-1 {
    gap  : 0.25rem;
  }
  
  .hs-gap-7 {
    gap  : 1.75rem;
  }
  
  .hs-gap-32 {
    gap  : 8rem;
  }
  
  .hs-gap-3 {
    gap  : 0.75rem;
  }
  
  .hs-gap-5 {
    gap  : 1.25rem;
  }
  
  .hs-gap-x-6 {
    -moz-column-gap  : 1.5rem;
         column-gap  : 1.5rem;
  }
  
  .hs-gap-x-5 {
    -moz-column-gap  : 1.25rem;
         column-gap  : 1.25rem;
  }
  
  .hs-gap-y-7 {
    row-gap  : 1.75rem;
  }
  
  .hs-gap-y-5 {
    row-gap  : 1.25rem;
  }
  
  .hs-gap-x-9 {
    -moz-column-gap  : 2.25rem;
         column-gap  : 2.25rem;
  }
  
  .hs-space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse  : 0;
    margin-top  : calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom  : calc(1.25rem * var(--tw-space-y-reverse));
  }
  
  .hs-border {
    border-width  : 1px;
  }
  
  .hs-border-solid {
    border-style  : solid;
  }
  
  .hs-border-gray-300 {
    --tw-border-opacity  : 1;
    border-color  : rgb(209 213 219 / var(--tw-border-opacity));
  }
  
  .hs-pb-3 {
    padding-bottom  : 0.75rem;
  }
  
  .hs-text-xs {
    font-size  : 0.75rem;
    line-height  : 1rem;
  }
  
  .hs-text-split-1 {
    overflow  : hidden;
    text-overflow  : ellipsis;
    white-space  : normal;
    -webkit-box-orient  : vertical;
    display  : -webkit-box;
    -webkit-line-clamp  : 1;
  }
  
  .hs-text-split-2 {
    overflow  : hidden;
    text-overflow  : ellipsis;
    white-space  : normal;
    -webkit-box-orient  : vertical;
    display  : -webkit-box;
    -webkit-line-clamp  : 2;
  }
  
  .hs-text-split-8 {
    overflow  : hidden;
    text-overflow  : ellipsis;
    white-space  : normal;
    -webkit-box-orient  : vertical;
    display  : -webkit-box;
    -webkit-line-clamp  : 8;
  }
  
  .\[a\:com\] {
    a  : com;
  }
  
  .\[a\:lang\] {
    a  : lang;
  }
  
  .\[a\:action\] {
    a  : action;
  }
  
  .\[i\:w\] {
    i  : w;
  }
  
  .\[i\:h\] {
    i  : h;
  }
  
  .\[i\:z\] {
    i  : z;
  }
  
  .\[i\:id\] {
    i  : id;
  }
  
  .\[hostname\:port\] {
    hostname  : port;
  }
  
  @media (min-width: 576px) {
    .sm\:hs-flex-1 {
      flex  : 1 1 0%;
    }
  
    .sm\:hs-text-right {
      text-align  : right;
    }
  }
  
  @media (min-width: 768px) {
    .md\:hs-w-\[215px\] {
      width  : 215px;
    }
  
    .md\:hs-grid-cols-2 {
      grid-template-columns  : repeat(2, minmax(0, 1fr));
    }
  
    .md\:hs-grid-cols-4 {
      grid-template-columns  : repeat(4, minmax(0, 1fr));
    }
  
    .md\:hs-grid-cols-3 {
      grid-template-columns  : repeat(3, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 992px) {
    .lg\:hs-w-\[28\%\] {
      width  : 28%;
    }
  
    .lg\:hs-grid-cols-8 {
      grid-template-columns  : repeat(8, minmax(0, 1fr));
    }
  
    .lg\:hs-grid-cols-4 {
      grid-template-columns  : repeat(4, minmax(0, 1fr));
    }
  
    .lg\:hs-grid-cols-2 {
      grid-template-columns  : repeat(2, minmax(0, 1fr));
    }
  
    .lg\:hs-gap-20 {
      gap  : 5rem;
    }
  
    .lg\:hs-gap-32 {
      gap  : 8rem;
    }
  }
  
  @media (max-width: 767px) {
    .md-max\:hs-w-full {
      width  : 100%;
    }
  
    .md-max\:hs-text-center {
      text-align  : center;
    }
  }
  
  @media (max-width: 991px) {
    .lg-max\:hs-basis-full {
      flex-basis  : 100%;
    }
  }