/*-- add style --*/
html, html body, body #wrapper { overflow-x: hidden; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { }
.cGivq { background: #fff } ul, li { list-style: none; margin-bottom: 0 } .section { padding: 30px 0 }
.container { max-width: 1400px; padding-left: 15px; padding-right: 15px; }
.container-none { max-width: 100%; padding-left: 15px; padding-right: 15px; }
.mih-56 { min-height: 56px; } .mih-60 { min-height: 60px; } .mih-66 { min-height: 66px; }
.mih-76 { min-height: 76px; } .mih-86 { min-height: 86px; } .mih-96 { min-height: 96px; }
.mih-56:not(.sticky-header) { min-height: 56px; } .mih-60:not(.sticky-header) { min-height: 60px; } .mih-66:not(.sticky-header) { min-height: 66px; }
.mih-76:not(.sticky-header) { min-height: 76px; } .mih-86:not(.sticky-header) { min-height: 86px; } .mih-96:not(.sticky-header) { min-height: 96px; }
.ai-none { display: none !important }
.si-none { display: none !important } .s-none { display: block !important; }
.mi-none { display: none !important } .m-none { display: block !important; }
.ei-none { display: none !important } .e-none { display: block !important; }
@media (min-width: 992px) {
.col-cm-1s5 { width: 12.49999995% } .col-cm-10s5 { width: 87.49999995% }
.col-cm-10 { width: 10% } .col-cm-15 { width: 15% } .col-cm-20 { width: 20% } .col-cm-25 { width: 25% } .col-cm-30 { width: 30% } .col-cm-35 { width: 35% }
.col-cm-40 { width: 40% } .col-cm-45 { width: 45% } .col-cm-50 { width: 50% } .col-cm-55 { width: 55% } .col-cm-60 { width: 60% } .col-cm-65 { width: 65% }
.col-cm-70 { width: 70% } .col-cm-75 { width: 75% } .col-cm-80 { width: 80% } .col-cm-85 { width: 85% } .col-cm-90 { width: 90% } .col-cm-100 { width: 100% }
}
@media (min-width: 768px) {
.col-mi-10 { width: 10% } .col-mi-15 { width: 15% } .col-mi-20 { width: 20% } .col-mi-25 { width: 25% } .col-mi-30 { width: 30% } .col-mi-35 { width: 35% }
.col-mi-40 { width: 40% } .col-mi-45 { width: 45% } .col-mi-50 { width: 50% } .col-mi-55 { width: 55% } .col-mi-60 { width: 60% } .col-mi-65 { width: 65% }
.col-mi-70 { width: 70% } .col-mi-75 { width: 75% } .col-mi-80 { width: 80% } .col-mi-85 { width: 85% } .col-mi-90 { width: 90% } .col-mi-100 { width: 100% }
}
@media (min-width: 576px) {
.col-min-10 { width: 10% } .col-min-15 { width: 15% } .col-min-20 { width: 20% } .col-min-25 { width: 25% } .col-min-30 { width: 30% } .col-min-35 { width: 35% }
.col-min-40 { width: 40% } .col-min-45 { width: 45% } .col-min-50 { width: 50% } .col-min-55 { width: 55% } .col-min-60 { width: 60% } .col-min-65 { width: 65% }
.col-min-70 { width: 70% } .col-min-75 { width: 75% } .col-min-80 { width: 80% } .col-min-85 { width: 85% } .col-min-90 { width: 90% } .col-min-100 { width: 100% }
}
@media only screen and (max-width: 991px) {
.mih-50:not(.sticky-header), .mih-55:not(.sticky-header), .header-13 .BqmVbYsU { min-height:50px !important; }
.mih-70:not(.sticky-header), .mih-80:not(.sticky-header), .mih-90:not(.sticky-header) { min-height:50px !important; }
.min-50 { min-height: 50px !important; } .min-50:not(.sticky-header) { min-height: 50px !important; }
.min-56 { min-height: 56px !important; } .min-56:not(.sticky-header) { min-height: 56px !important; }
.min-60 { min-height: 60px !important; } .min-60:not(.sticky-header) { min-height: 60px !important; }
.min-66 { min-height: 66px !important; } .min-66:not(.sticky-header) { min-height: 66px !important; }
.min-76 { min-height: 76px !important; } .min-76:not(.sticky-header) { min-height: 76px !important; }
.min-86 { min-height: 86px !important; } .min-86:not(.sticky-header) { min-height: 86px !important; }
.min-96 { min-height: 96px !important; } .min-96:not(.sticky-header) { min-height: 96px !important; }
.si-none { display: block !important } .s-none { display: none !important; }
}
@media only screen and (max-width: 767px) {
.section { padding: 30px 0 !important }
.mi-none { display: block !important } .m-none { display: none !important; }
}
@media only screen and (max-width: 576px) {
.ei-none { display: block !important } .e-none { display: none !important; }
}
/* Flat Slider */
.slider { width: 100%; height: auto; overflow: hidden; position: relative; }
.slider > ul {
height: auto;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slider > ul > li { float: left; clear: none; height: auto; }
.slider-dots { position: absolute; bottom: 30px; }
.slider-dots-item { width: 24px; height: 2px; float: left; clear: none; display: block; margin: 0 5px; background: #a8a8a8; transition: all 0s; }
.slider-dots-item:hover { background: #fff; }
.slider-active { background: #fff; height: 4px; margin-top: -2px; }
.btnHover { gap: 20px }
.mouldBtn { display: inline-block; cursor: pointer; background: #000; text-align: center; border: none; color: #fff; padding: 8px 16px; min-width: 254px; font-size: 13px; font-weight: 500; text-transform: uppercase }
.mouldBtn:hover { box-shadow: inset 1px 1px 0 0 #fff, 3px 3px 0 0 #000, 1px 1px 0 0 #000; }
@media (min-width: 768px) and (max-width: 991px){
.mouldBtn { min-width: 148px; padding: 4px 16px; font-size: 12px; }
}
@media only screen and (max-width: 767px) {
.mouldBtn { min-width: 142px; padding: 12px 16px; font-size: 12px; }
}
.main-title { margin-bottom: 15px; padding-top: 10px; color: #362d2e; font-size: 28px; font-weight: 500; text-transform: uppercase; }
.main-label { margin-bottom: 4px; color: #362d2e; font-size: 12px; }
.main-content { color:#362d2e; font-size: 16px; text-align: center; font-weight: 500; margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.main-title { text-align: left }
}
/* Top Bar */
.top-bar { background: #bdbdbd; padding-top: 3px; }
.top-bar a { color: #ffa515; font-size: 12px; }
.top-bar .notices { min-height: 24px; margin: 0 4px; background: #04008a; }
.top-bar .notice { height: 24px; line-height: 24px; overflow: hidden; }
.top-bar .notice ul{ display: flex }
.top-bar .notice li { position: relative; color: #fff; font-size: 12px; padding: 0 5px; font-weight: 600; }
@media only screen and (max-width: 991px) {
.top-bar .notice ul{ display: revert }
}
/* Header */
.BqmVbYsU { transition: all 0s; flex-direction: column; }
.BqmVbYsU:not(.sticky-header),
.BqmVbYsU.sticky-header { background-color: #bdbdbd !important; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000 !important; }
.BqmVbYsU .header-into { padding: 0 60px; }
.BqmVbYsU .logo.logo-min { display: none !important }
.BqmVbYsU .logo.logo-full img { max-width: 100px; max-height: 50px; }
/* Header Navigation */
.BqmVbYsU .iconset { padding: 0 8px; display: revert; height: revert; line-height: revert; }
.BqmVbYsU .iconset span { display: block; text-transform: uppercase; font-size: 12px; color: #212121; line-height: 26px; }
.BqmVbYsU .iconset .icon { width: 25px; height: 25px;}
.BqmVbYsU .iconset .icon:before { content: none; }
.BqmVbYsU #userLinks { right: -78px; background: #bdbdbd; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000 }
.BqmVbYsU #userLinks li a { color: #212121; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000; padding: 10px 20px; }
/* Header SiteNav */
.BqmVbYsU #siteNav { height: 100%; padding: 6px 20px 0; }
.BqmVbYsU #siteNav.left { justify-content: center }
.BqmVbYsU #siteNav > li { display: inherit; padding: 0 10px; border-radius: 5px 5px 0 0;}
.BqmVbYsU #siteNav > li:hover { box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000;}
.BqmVbYsU #siteNav > li:hover a:before { content: ""; z-index: 1000; position: absolute; top: calc(100% + 10px ); left: -10px; right: -10px; height: 6px; background-color: #bdbdbd; }
.BqmVbYsU #siteNav > li > a { position: relative; border: 1px dashed transparent; font-size: 16px; padding: 4px 10px; margin: 10px 0 auto 0; color: #212121; font-weight: 400; letter-spacing:1px; text-transform: uppercase; transition: all 0s }
.BqmVbYsU #siteNav > li:hover a { color: #212121; border-color: #888; }
.BqmVbYsU #siteNav > li > a:after { content: none }
.BqmVbYsU #siteNav > li .FNJUk .lvl-1 a.lvl-1 { color: #212121; font-size: 12px; box-shadow: none; font-weight: 400 !important; font-style: italic; }
.BqmVbYsU #siteNav > li .FNJUk .lvl-1 a.lvl-2 { color: #212121; font-size: 12px; text-transform: uppercase; font-weight: 500; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000; margin:15px 20% 0 0; padding: 12px 0; text-align: center; transition: all 0s }
.BqmVbYsU #siteNav > li .FNJUk .lvl-1 a.lvl-2:hover { box-shadow: inset 1px 1px 0 0 #fff, 3px 3px 0 0 #000, 1px 1px 0 0 #000; }
.BqmVbYsU #siteNav > li .FNJUk .lvl-1 a.lvl-2:before { content: none }
.BqmVbYsU #siteNav > li .FNJUk { top:110%; overflow: hidden; transition: all 0s; border-top: 1px solid #000; background: #bdbdbd; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000, 2px 2px 5px 0 rgb(0 0 0 / 31%); }
.BqmVbYsU #siteNav > li:hover .FNJUk { top:100% }
.BqmVbYsU #siteNav.medium > li > a .an {display: block !important; margin-left:10px; float: right; margin-top: 6px; }
.BqmVbYsU #siteNav.medium > li > a .an:before { color: #212121; font-weight: 300 }
.BqmVbYsU #siteNav.medium > li > a:hover .an { transform: rotate(-180deg); }
.BqmVbYsU #siteNav.medium > li > a:hover .an:before { color: #212121 }
/* Header IconSet */
.BqmVbYsU #pjONBvw { background: #bdbdbd; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000; border-top: 1px solid #000 }
.BqmVbYsU .search-drawer {border-bottom: 1px solid #dad8d1; padding: 50px 60px 30px 55px !important; }
.BqmVbYsU .search-drawer .action.search { left: 10px; }
.BqmVbYsU .search-drawer .action.search .an { font-weight: 600; color: #333 }
.BqmVbYsU .search-drawer .closeSearch { font-size: 15px; top: 9px; right: 30px; font-weight: 600; color: #333 }
.BqmVbYsU .search-drawer .input-text { background-color: #fff; border-radius: 0; border:none; padding-left: 45px; font-size: 14px; color: #333; box-shadow: inset 1px 1px 0 0 #dadada, 1px 1.4px 0 0 #000; }
.BqmVbYsU .search-drawer .input-text::-webkit-input-placeholder { color: #999; font-size: 14px; opacity: 1; }
@media only screen and (max-width: 1199px) {
.BqmVbYsU #siteNav > li > a { padding: 4px 10px !important; }
}
@media only screen and (max-width: 991px) {
.BqmVbYsU .header-into { padding: 0 15px; }
.BqmVbYsU .w-auto { width: 33.333333% !important }
.BqmVbYsU .logo.logo-max { display: none !important }
.BqmVbYsU .logo.logo-min { display: flex !important }
.BqmVbYsU .logo.logo-full img { margin-top: 0; max-width: 70px; max-height: 35px; }
.BqmVbYsU .iconset.wishlist-link, .BqmVbYsU .iconset.user-link { display: none }
.BqmVbYsU .btn--link { display: revert !important; height: revert; line-height: revert; text-align: center; }
.BqmVbYsU .btn--link span { display: block ; font-size: 12px; color: #212121 }
.BqmVbYsU .btn--link .an{ font-size: 24px; color: #212121; padding: 0 10px; position: relative; font-weight: 600 }
/* Mobile Nav Wrapper */
.jQUDYuB { background-color: #dadada !important }
.jQUDYuB .YSfvXQNsE { height: 36px; background: #bdbdbd !important; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000; }
.jQUDYuB .YSfvXQNsE .an { color: #212121 }
.jQUDYuB #UbeBB li { border-color: #999 !important }
.jQUDYuB #UbeBB li a { color: #212121; font-size: 13px; }
.jQUDYuB #UbeBB li a .an { color: #212121 !important }
.jQUDYuB #UbeBB li li a { font-size: 13px !important; color: #212121; font-weight: 400 }
.jQUDYuB #UbeBB li li li a { font-size: 12px !important; color: #212121; font-weight: 400 }
}
@media only screen and (max-width: 767px) {
.BqmVbYsU .search-drawer .closeSearch { right: 5px }
}
@media only screen and (max-width: 480px) {
.BqmVbYsU .search-drawer { padding: 20px 15px 20px 15px !important; }
.BqmVbYsU .search-drawer .searchField { display: flex }
}
.mostTitle { font-size: 26px; font-weight: 700; text-align: center; margin-bottom: 20px; }
.mostContent { font-size: 14px; margin-bottom: 20px; text-align: center; max-width: 30% }
@media (min-width: 768px) and (max-width: 991px) {
.mostTitle { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.mostContent { font-size: 13px; max-width: 40% }
}
@media only screen and (max-width: 767px) {
.mostTitle, .mostContent { text-align: left; }
}
.header-countdown {position: relative; border-top: 5px solid #ffa515; border-bottom: 5px solid #ffa515; height: 100px; overflow: hidden }
.header-countdown .countdown-img { display: flex; height: 100px; }
.header-countdown img { width: 100%; height: 100px; object-fit: cover }
.header-countdown .countdown-img-min { display: none }
.header-countdown .countdown-text { position: absolute; top:0; left: 0; bottom: 0; right: 0; flex-direction: column }
.header-countdown .countdown-text h2, .header-countdown .countdown-text span {text-align: center; font-family: 'futura-pt-bold'; color: #fff; font-size: 30px; text-shadow: 1px 1px 1px #000; font-style: normal; margin: 0}
.header-countdown .countdown-text span { color: #ffa515; font-weight: 600; line-height: 36px; }
@media only screen and (max-width: 991px){
.header-countdown .countdown-text h2, .header-countdown .countdown-text span { font-size: 18px; line-height: 20px; }
}
@media only screen and (max-width: 576px){
.header-countdown .countdown-img { height: 120px; }
.header-countdown .countdown-img-max { display: none }
.header-countdown .countdown-img-min { display: block; height: 200px; }
}
.bannerPoster .banner-img-wrapper { display: flex; justify-content: center; align-items: center; height: 600px }
.bannerPoster .banner-img-wrapper img { width: 100%; object-fit: cover; height: 600px }
.bannerPoster .banner-img-wrapper .banner-up-min { display: none }
.bannerPoster .slick-prev, .bannerPoster .slick-next { background: #fff; border-radius: 50%; top:50%; width: 32px; height: 32px; box-shadow: 0 5px 5px rgb(0 0 0 / 10%); }
.bannerPoster .slick-prev:before, .bannerPoster .slick-next:before { font-size: 14px; color: #164732 }
.bannerPoster .slider-dots-item { width: 48px; height: 6px; background-color: #bdbdbd }
.bannerPoster .slider-active { width: 48px; height: 6px; margin-top: 0; background-color: #04008a }
@media only screen and (max-width: 767px) {
.bannerPoster .banner-img-wrapper .banner-up-max { display: none }
.bannerPoster .banner-img-wrapper .banner-up-min { display: block }
}
.videoPlayer { margin-bottom: 20px; }
.videoPlayer .video-link { height: 600px; }
@media only screen and (max-width: 767px) {
.videoPlayer .video-link { height: 400px; }
}
@media only screen and (max-width: 576px) {
.videoPlayer .video-link { height: 300px; }
}
/* Product Slider */
.cCrOJO .product-content { background: #b4b4b4; padding: 0 24px 24px; box-shadow: inset 2px 2px 0 0 #dadada, 2px 2px 0 0 grey; }
.cCrOJO .product-title .main-title { font-size: 20px; position: relative; display: flex; align-items: center; color: #212121 }
.cCrOJO .product-title .main-title:after { content: ""; margin-left: 20px; flex-grow: 1; height: 1px; background-color: #212121; }
.cCrOJO .jxrbRfQ .slick-slide { margin: 0 10px;}
.cCrOJO .jxrbRfQ .list-item { border:none ; border-radius: 0; padding: 2px 0 0;}
.cCrOJO .jxrbRfQ .list-item:hover { border: none }
.cCrOJO .jxrbRfQ .list-item .text-left { text-align: center !important }
.cCrOJO .jxrbRfQ .list-item .yQMqPYF a { color: #212121; opacity: 1; text-transform: uppercase; font-weight: 500 }
.cCrOJO .jxrbRfQ .list-item .HVctTx .product-price .price { color: #d62a2d !important; font-size: 12px; }
.cCrOJO .jxrbRfQ .list-item:hover .yQMqPYF a { color: #212121; }
.cCrOJO .button-set li .btn-icon .icon { font-size: 15px; }
.cCrOJO .button-set.style0 li .btn-icon { border:1px solid #ddd }
.cCrOJO .jxrbRfQ .product-price .old-price { font-size: 12px; color: #212121 }
.cCrOJO .jxrbRfQ .slick-arrow { background: #e5e5e5; top:45%; width: 42px; height: 42px; border-radius: 50% }
.cCrOJO .jxrbRfQ .slick-arrow:before { font-size: 16px; color: #000 }
.cCrOJO .jxrbRfQ .slick-prev { left: -10px; }
.cCrOJO .jxrbRfQ .slick-next { right: -10px; }
@media only screen and (max-width: 1200px) {
.cCrOJO .jxrbRfQ .slick-prev { left: 0; }
.cCrOJO .jxrbRfQ .slick-next { right: 0; }
}
/* Waist Theme */
.waist-theme { margin-bottom: 6px; }
.waist-theme .items-content { height: 494px; position: relative; }
.waist-theme .items-content .item-img { height: inherit; overflow: hidden }
.waist-theme .items-content .item-img img {height: inherit;object-fit: cover; width: 100%; }
.waist-theme .items-content .item-text { position: absolute; left: 30px; right: 20px; bottom: 40px; flex-direction: column; z-index: 1 }
.waist-theme .items-content .item-text .theme-title { font-size: 42px; color: #fff; font-weight: 500; }
.waist-theme .items-content .item-text .theme-text { font-size: 15px; color: #fff; margin-bottom: 20px; }
.waist-theme .items-content .item-text .mouldBtn { background-color: #04008a; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000; }
.waist-theme .items-content .item-text .mouldBtn:hover { box-shadow: inset 1px 1px 0 0 #fff, 3px 3px 0 0 #000, 1px 1px 0 0 #000; }
.waist-theme .product-title .main-title { padding-top: 60px; font-size: 24px; }
.waist-theme .product-title .main-title:after { content: none }
.waist-theme .product-content { padding-left: 40px; padding-bottom: 40px; height: 494px }
.waist-theme-style2 .items-content .item-img:after { content: ""; position: absolute; top: 25%; left: 0; height: 75%; width: 100%; opacity: .5; background: linear-gradient(180deg,rgba(185,223,225,0),#000); z-index: 1; }
.waist-theme-style2 .items-content .item-text .mouldBtn { background-color: #bdbdbd }
@media only screen and (max-width: 991px) {
.waist-theme .items-content { height: 524px; }
.waist-theme .product-title .main-title { display: none }
.waist-theme .product-content { padding-top: 40px; height: inherit; padding-left: 24px; }
}
/* Slideshow Swiper */
.swiper-wrapper .iRoXqbrzfHX { max-width: 50%; left: revert; top: 50% }
.swiper-wrapper .slide-title { margin-bottom: 32px; }
@media only screen and (max-width: 767px) {
.swiper-wrapper .iRoXqbrzfHX { max-width: 100%; position: revert; margin-top: 30px; justify-content: revert!important; align-items: revert!important; }
.swiper-wrapper .slide-title { text-align: left !important; margin-bottom: 20px; font-size: 32px; }
}
@media only screen and (max-width: 767px) {
.swiper-wrapper .slide-title { font-size: 26px; }
}
/* Lattice3Grid */
.lattice3Grid .subject-content { display: grid; width: 100vw; min-height: 765px; height: 50vw; grid-template-rows: 310px 1fr 270px; grid-template-columns: 265px calc(100% - 745px) 480px;}
.lattice3Grid .item-left {position: relative; grid-column: 1; grid-row: 1; background-color: #b4b4b4 }
.lattice3Grid .item-left .stack_item .item-top { overflow: scroll }
.lattice3Grid .item-left .stack_item .stack_item_bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0;overflow-y: scroll; overflow-x: hidden; }
.lattice3Grid .item-left .stack_item .stack_item_bg img { min-width: 100%; }
.lattice3Grid .item-left .stack_item .stack_item_img { position: absolute; bottom: 0; left: 0; right: 20px; height: auto; display: flex; justify-content: center; z-index: 1; overflow-x: hidden; pointer-events: none; }
.lattice3Grid .item-left .stack_item .stack_item_txt h4 { position: absolute; bottom: 30px; left: 0; right: 20px; font-size: 24px; color: #fff; text-align: center }
.lattice3Grid .item-left .stack_item .item-top:hover h4 { color: #1e8080 }
.lattice3Grid .item-left-lower { grid-row: 2/span 2; grid-column: 1; padding: 3px; background-color: #d4d4d4; box-shadow: inset 2px 2px 0 0 #dadada, 2px 2px 0 0 grey; }
.lattice3Grid .item-left-lower .list-item { padding: 28px; height: 100%; background-color: #1e8080; text-transform: uppercase; position: relative }
.lattice3Grid .item-left-lower .list-item .list-title { font-size: 13px; color: #fff; margin-bottom: 10px; font-weight: 300 ; letter-spacing: 1px }
.lattice3Grid .item-left-lower .list-item .link-item { margin-bottom: 10px; }
.lattice3Grid .item-left-lower .list-item .link-item a { font-size: 12px; color: #fff; line-height: 20px; font-weight: 500; letter-spacing: 1px; }
.lattice3Grid .item-left-lower .list-item .links-img { position: absolute; right: 20px; bottom: 20px; }
.lattice3Grid .item-middle { max-height: unset; grid-row: 1/span 3; grid-column: 2; padding: 3px; background-color: #b4b4b4; box-shadow: inset 2px 2px 0 0 #dadada, 2px 2px 0 0 grey; }
.lattice3Grid .item-middle .scroll-show { overflow: scroll }
.lattice3Grid .item-middle .scroll-show .scroll-img { width: 100%; height: 100%;overflow-x: scroll; overflow-y: hidden; }
.lattice3Grid .item-middle .scroll-show .scroll-img img { height: 100% ; max-width: unset }
.lattice3Grid .item-right { grid-column: 3; grid-row: 1/span 2; padding: 3px 20px 3px 3px; background-color: #b4b4b4 ; box-shadow: inset 2px 2px 0 0 #dadada, 2px 2px 0 0 grey; }
.lattice3Grid .item-right .product-background { background: url("../images/pitviper/mask-cropped.png") no-repeat 50% 50%; background-size: cover; height: 100%; overflow-x: scroll; overflow-y: hidden; }
.lattice3Grid .item-right .product-item { position: relative; display: flex; padding: 30px 18px; width: 100%; height: 100%;}
.lattice3Grid .item-right .product-item .collection__product { min-width: 285px; margin-right: 16px; text-align: center; text-transform: uppercase }
.lattice3Grid .item-right .product-item .collection__product-images { background: #fff; padding-bottom: 117%; position: relative; overflow: hidden }
.lattice3Grid .item-right .product-item .collection__product-images img { position: absolute; padding: 0 30px; object-position: center; object-fit: contain; mix-blend-mode: multiply; width: 100%; height: 100%;left: 0; z-index: 1; transition: all .3s; }
.lattice3Grid .item-right .product-item .collection__product-images .product-hover{ padding: 0; opacity: 0; z-index: 5;width: 100%; height: 100%; object-fit: cover; top: 0; bottom: 0; right: 0; left: 0 }
.lattice3Grid .item-right .product-item .collection__product-images:hover .product-state { opacity: 0 ; }
.lattice3Grid .item-right .product-item .collection__product-images:hover .product-hover { opacity: 1 ; }
.lattice3Grid .item-right .product-item .collection__product-title { font-size: 15px; color: #212121; margin-top: 20px; font-weight: 500 }
.lattice3Grid .item-right .product-item .collection__product-title:hover { text-decoration: underline }
.lattice3Grid .item-right .product-item .collection__product-price .price__original { font-size: 12px; color: #212121; padding: 0 4px; }
.lattice3Grid .item-right .product-item .collection__product-price .price__discount { font-size: 12px; color: #d62a2d; padding: 0 4px; }
.lattice3Grid .item-right-lower { grid-row: 3; grid-column: 3; position: relative; padding: 3px; background-color: #b4b4b4; box-shadow: inset 2px 2px 0 0 #dadada, 2px 2px 0 0 grey; }
.lattice3Grid .item-right-lower .video-wrapper { position: relative; overflow: hidden; max-width: 100%; padding-bottom: 56.25%; height: auto; }
.lattice3Grid .item-right-lower .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
@media only screen and (max-width: 991px) {
.lattice3Grid .subject-content { grid-template-columns: repeat(2,1fr); grid-template-rows:revert; height: auto; }
.lattice3Grid .item-left-lower { grid-row: revert; grid-column: revert; }
.lattice3Grid .item-middle { grid-column: 1/span 2; grid-row: revert ; }
.lattice3Grid .item-middle .scroll-show { max-height: 100vh; }
.lattice3Grid .item-middle .scroll-show .scroll-img img { max-height: 100vh; }
.lattice3Grid .item-right { grid-column: 1/span 2; grid-row: revert ; padding: 3px }
.lattice3Grid .item-right-lower { grid-column: 1/span 2; grid-row: revert ; }
}
@media only screen and (max-width: 576px) {
.lattice3Grid .subject-content { display: revert; }
.lattice3Grid .item-left { min-height: 400px; }
.lattice3Grid .item-middle .scroll-show { max-height: 80vh; }
.lattice3Grid .item-middle .scroll-show .scroll-img img { max-height: 80vh; }
}
.stack_item_bg::-webkit-scrollbar ,.scroll-img::-webkit-scrollbar, .product-background::-webkit-scrollbar {
width: 20px;
}
.stack_item_bg::-webkit-scrollbar-button, .scroll-img::-webkit-scrollbar-button, .product-background::-webkit-scrollbar-button {
width: 20px; height: 20px;
background-color: #bdbdbd;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 10px;
cursor: pointer;
box-shadow: inset 1px 1px 0 0 #fff, 0 1px 0 0 #000;
}
.stack_item_bg::-webkit-scrollbar-thumb, .scroll-img::-webkit-scrollbar-thumb, .product-background::-webkit-scrollbar-thumb {
background-color: #bdbdbd;
box-shadow: inset 1px 1px 0 0 #fff, 0 1px 0 0 #000;
}
.scroll-img::-webkit-scrollbar-button, .scroll-img::-webkit-scrollbar-thumb, .product-background::-webkit-scrollbar-button, .product-background::-webkit-scrollbar-thumb{
box-shadow: inset 1px 1px 0 0 #fff, 1px 0 0 0 #000;
}
.stack_item_bg::-webkit-scrollbar-track, .scroll-img::-webkit-scrollbar-track, .product-background::-webkit-scrollbar-track{
background-color: #e6e6e6;
}
::-webkit-scrollbar-button:horizontal:single-button:start {
background-image: url("../images/pitviper/arrow-left.png");
}
::-webkit-scrollbar-button:horizontal:single-button:end {
background-image: url("../images/pitviper/arrow-right.png");
}
::-webkit-scrollbar-button:vertical:single-button:start {
background-image: url("../images/pitviper/arrow-upper.png");
}
::-webkit-scrollbar-button:vertical:single-button:end {
background-image: url("../images/pitviper/arrow-lower.png");
}
.lattice6Grid .record-title { padding: 20px; text-align: center }
.lattice6Grid .record-title .main-title { justify-content: center }
.lattice6Grid .record-title .main-title span { font-size: 48px; line-height: 48px; font-weight: 600; color: #212121; margin-top: 4px; letter-spacing: -1px; }
.lattice6Grid .record-title .record-text { max-width: 500px; font-size: 15px; margin: 0 auto }
.lattice6Grid a, .lattice6Grid img { width: 100%; }
.lattice6Grid img { padding: 7.5px; }
@media only screen and (max-width: 576px) {
.lattice6Grid .record-title .main-title span { font-size: 38px }
}
/* Footer */
.footer { box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000, 2px 2px 5px 0 rgb(0 0 0 / 30%); background-color: #bdbdbd; margin-bottom: 2px; }
.footer .fzWowPA .h4, .footer .fzWowPA .text-transform-title { font-size: 13px; font-weight: 400; color: #212121; text-transform: uppercase !important }
.footer .fzWowPA .text-transform-title { margin-bottom: 20px; color: #212121; }
.footer .fzWowPA p, .footer .footer-links a { font-size: 12px; margin-bottom: 20px; color: #212121; font-weight: 500; text-transform: uppercase }
.footer .footer-links a:before { background: #212121 }
.list-inline-item:not(:last-child) { margin-right: 1.2rem; margin-bottom: 1.2rem }
.footer .social-icons li i { font-size: 22px; color: #212121 }
.footer .DCcurKEwh { border-top:1px solid #000; padding: 12px 0 ; background-color: #dadada !important; box-shadow: inset 1px 1px 0 0 #fff, 1px 1px 0 0 #000, 2px 2px 5px 0 rgb(0 0 0 / 30%); }
@media only screen and (max-width: 767px) {
.footer .fzWowPA .footer-links .h4 { border-color: #000 !important }
}
/* Footer Email */
.email-input { height: 42px; margin-bottom: 20px }
.email-input .m-input::-webkit-input-placeholder { color: #000; font-size: 13px; font-weight: 300 }
.email-input .email-label { margin: 0 5px 0 0; line-height: 24px; font-weight: 500 }
.email-input .m-input {max-width: 380px; background: #f5f5f5; margin-right: 10px; box-shadow: inset 1px 1px 0 0 #dadada, 1px 1.4px 0 0 #000; border-color: #ccd2d9; border-right: none; border-radius:0; transition: all 0s; padding: 0 8px ; text-indent: 2px; height: 100% }
.email-input .input-but {min-width: 112px; padding: 0 14px; border: none; color: #fff; box-shadow: inset 1px 1px 0 0 #dadada, 1px 1.4px 0 0 #000; transition: all 0s; font-size: 14px; background:#04008a; border-radius: 0 ; font-weight: 500; letter-spacing: 1px }
.email-input .input-but:hover { box-shadow: inset 1px 1px 0 0 #fff, 3px 3px 0 0 #000, 1px 1px 0 0 #000; }
.email-input .input_icon { font-size: 18px; font-weight: 500; color: #fff; line-height: 38px }
.email-input .input_icon:before { content: '\eb68'; }