@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
    --title-font: "Nunito", sans-serif;
    --text-font: "Fira Sans", sans-serif;
    /*--custom-font: "Over the Rainbow", cursive;*/
    --text-icon: "FontAwesome";

    --text-color: #666666;

    --color-1: #fff;
    --color-2: #222;

    --icon-tiktok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M544.5 273.9C500.5 274 457.5 260.3 421.7 234.7L421.7 413.4C421.7 446.5 411.6 478.8 392.7 506C373.8 533.2 347.1 554 316.1 565.6C285.1 577.2 251.3 579.1 219.2 570.9C187.1 562.7 158.3 545 136.5 520.1C114.7 495.2 101.2 464.1 97.5 431.2C93.8 398.3 100.4 365.1 116.1 336C131.8 306.9 156.1 283.3 185.7 268.3C215.3 253.3 248.6 247.8 281.4 252.3L281.4 342.2C266.4 337.5 250.3 337.6 235.4 342.6C220.5 347.6 207.5 357.2 198.4 369.9C189.3 382.6 184.4 398 184.5 413.8C184.6 429.6 189.7 444.8 199 457.5C208.3 470.2 221.4 479.6 236.4 484.4C251.4 489.2 267.5 489.2 282.4 484.3C297.3 479.4 310.4 469.9 319.6 457.2C328.8 444.5 333.8 429.1 333.8 413.4L333.8 64L421.8 64C421.7 71.4 422.4 78.9 423.7 86.2C426.8 102.5 433.1 118.1 442.4 131.9C451.7 145.7 463.7 157.5 477.6 166.5C497.5 179.6 520.8 186.6 544.6 186.6L544.6 274z'/%3E%3C/svg%3E");
    --icon-ig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z'/%3E%3C/svg%3E");
    --icon-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M375 260.8L375 342.1C375 344.2 373.4 345.8 371.3 345.8L358.3 345.8C357 345.8 355.9 345.1 355.3 344.3L318 294L318 342.2C318 344.3 316.4 345.9 314.3 345.9L301.3 345.9C299.2 345.9 297.6 344.3 297.6 342.2L297.6 260.9C297.6 258.8 299.2 257.2 301.3 257.2L314.2 257.2C315.3 257.2 316.6 257.8 317.2 258.8L354.5 309.1L354.5 260.9C354.5 258.8 356.1 257.2 358.2 257.2L371.2 257.2C373.3 257.1 375 258.8 375 260.7L375 260.8zM281.3 257.1L268.3 257.1C266.2 257.1 264.6 258.7 264.6 260.8L264.6 342.1C264.6 344.2 266.2 345.8 268.3 345.8L281.3 345.8C283.4 345.8 285 344.2 285 342.1L285 260.8C285 258.9 283.4 257.1 281.3 257.1zM249.9 325.2L214.3 325.2L214.3 260.8C214.3 258.7 212.7 257.1 210.6 257.1L197.6 257.1C195.5 257.1 193.9 258.7 193.9 260.8L193.9 342.1C193.9 343.1 194.2 343.9 194.9 344.6C195.6 345.2 196.4 345.6 197.4 345.6L249.6 345.6C251.7 345.6 253.3 344 253.3 341.9L253.3 328.9C253.3 327 251.7 325.2 249.8 325.2L249.9 325.2zM443.6 257.1L391.3 257.1C389.4 257.1 387.6 258.7 387.6 260.8L387.6 342.1C387.6 344 389.2 345.8 391.3 345.8L443.5 345.8C445.6 345.8 447.2 344.2 447.2 342.1L447.2 329C447.2 326.9 445.6 325.3 443.5 325.3L408 325.3L408 311.7L443.5 311.7C445.6 311.7 447.2 310.1 447.2 308L447.2 294.9C447.2 292.8 445.6 291.2 443.5 291.2L408 291.2L408 277.5L443.5 277.5C445.6 277.5 447.2 275.9 447.2 273.8L447.2 260.8C447.1 258.9 445.5 257.1 443.5 257.1L443.6 257.1zM576 157.4L576 483.4C575.9 534.6 533.9 576.1 482.6 576L156.6 576C105.4 575.9 63.9 533.8 64 482.6L64 156.6C64.1 105.4 106.2 63.9 157.4 64L483.4 64C534.6 64.1 576.1 106.1 576 157.4zM505.6 297.5C505.6 214.1 421.9 146.2 319.2 146.2C216.5 146.2 132.8 214.1 132.8 297.5C132.8 372.2 199.1 434.9 288.7 446.8C310.5 451.5 308 459.5 303.1 488.9C302.3 493.6 299.3 507.3 319.2 499C339.1 490.7 426.5 435.8 465.7 390.8C492.7 361.1 505.6 331 505.6 297.7L505.6 297.5z'/%3E%3C/svg%3E");
}

html{scroll-behavior: smooth;}
body.newLP{font-weight: 400;font-size: 16px;line-height: 1.3;overflow-x: clip;letter-spacing: 1px;color:#222;}

.newLP h1, .newLP h2, .newLP h3, .newLP h4, .newLP h5, .newLP h6{padding: 0;margin: 0;text-transform: unset;font-weight: 600;line-height: 1.4;}
.newLP .box-content{background: unset;}.newLP .header-v1{border: 0;}
.newLP .homebuilder > .pav-container, .newLP .homebuilder > .pav-container .panel, .newLP .maincols{margin-bottom: 0;border: 0;}
.newLP .col-lg-12{min-height: 0 !important;}

body.newLP, .newLP .pav-megamenu .navbar-nav>li>a{font-family: var(--text-font);}
.newLP h1, .newLP h2, .newLP h3, .newLP h4, .newLP h5, .newLP h6{font-family: var(--title-font);letter-spacing: 2px;}
.style-header.header-v1 .container .space-padding-tb-30-20{padding-top: 10px !important;padding-bottom: 0 !important;}


/* LOGO */
.logo{display: flex;align-items: center;position: relative;}
.logo-store img{padding: 10px 0;}


/* DEMO24 */
.newLP .bo-mainmenu{position: relative;}
.newLP .bo-mainmenu::before{position: absolute;content: '';width: 100%;height: 1px;background-color: #33333313;top: 50px;left: 0;}
.newLP .bo-mainmenu header{display: none;}

.newLP .bo-mainmenu .topInfo{padding: 10px 0;color: #222;display: grid;grid-template-columns: 1fr 200px;justify-content: space-between;max-width: 1400px;margin: 0 auto;}

.newLP .bo-mainmenu .topLinkInfo > *:not(:last-child){padding-right: 3rem;}
.newLP .bo-mainmenu .sosmedInfo > *:not(:first-child){padding-left: 3rem;}
.newLP .bo-mainmenu .topInfo a{color: #222;font-size: 16px;display: inline-block;vertical-align: -webkit-baseline-middle;}
.newLP .bo-mainmenu .topLinkInfo i{color: var(--color-3);padding-right: .5rem;}
.newLP .bo-mainmenu .topInfo a:hover{color: var(--main-btn-background);}
.newLP .bo-mainmenu .topInfo > div:last-child{text-align: right;}

.newLP .bo-mainmenu .sosmedInfo > * span{transition: all .7s ease;transform-style: preserve-3d;}
.newLP .bo-mainmenu .sosmedInfo > *:hover span{transform: rotateY(360deg);}

/*mask: var(--icon-tiktok);*/
/*.sosmedInfo .fa[class*="fs-"]{background-color: #666;mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;}*/
.sosmedInfo .fa[class*="fs-"]{mask-size: 16px;background-color: #666;width: 24px;height: 24px;mask-position: center center;mask-repeat: no-repeat;mask-size: contain;display: inline-block;-webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;vertical-align: -webkit-baseline-middle;}


.sosmedInfo .fa.fs-line{mask: var(--icon-line);}
.sosmedInfo .fa.fs-tiktok{mask: var(--icon-tiktok);}
.sosmedInfo .fa.fs-ig{mask: var(--icon-ig);}
/*.sosmedInfo .fa.fs-4{mask: var(--icon-des);}*/


.newLP .bo-mainmenu > .container{padding: .5rem 0;max-width: 1400px;width: 100%;}
.newLP .bo-mainmenu #pav-megamenu{display: grid;align-items: center;}

#pav-mainnav > .pav-megamenu{display: grid;grid-template-columns: 320px 1fr auto;}

.callInfo{display: grid;align-items: center;}
.callInfo .waTxt{display: grid;}

.infoWrp{display: grid;grid-template-columns: 55px 1fr;gap: 1rem;}

.infoWrp span.fa{width: 55px;height: 55px;line-height: 55px;border-radius: 50%;text-align: center;background-color: #ffffff4f;font-size: 20px;}

.waInfo span.fa{background-color: #222;color: #fff;}

.infoWrp .waTxt em{display: block;color: #444;line-height: 1.4;}
.infoWrp .waTxt span{display: block;color: #051b05;line-height: 1.2;}


/* MENU */
.newLP .pav-megamenu .navbar-nav>li>a{text-transform: unset;color: #051b05;font-size: 16px;font-weight: 400;padding: 15px 60px 15px 0;}
.newLP .pav-megamenu .navbar-nav>li:last-child>a{padding-right: 0;}
.newLP .pav-megamenu .navbar-nav>li>a:hover{color: #3D66F2 !important;}
.newLP .pav-megamenu .navbar-nav>li>a:hover::before, .newLP .pav-megamenu .navbar-nav>li>a:focus::before{display: none;}

.newLP .pav-megamenu .navbar-nav>li>a:hover .caret:before, .newLP .pav-megamenu .navbar-nav>li>a:focus .caret:before, .newLP .pav-megamenu .navbar-nav>li>a:active .caret:before{/* color: rgba(var(--gold-color-rgb), 1) !important; */opacity: .7;}
.newLP .pav-megamenu .dropdown-menu li{margin-bottom: 15px;}
/* DEMO24 */


[class*="gr_"]{display: grid;width: 100%;}
.gr_2_1{grid-template-columns: 2fr 1fr;}
.gr_1_2{grid-template-columns: 1fr 2fr;}
.gr_1_3{grid-template-columns: 1fr 3fr;}
.gr_1_2w{grid-template-columns: 33.3333% 66.6666%;}
.gr_2_3_3{grid-template-columns: 2fr 3fr 3fr;}
.gr_3_2{grid-template-columns: 3fr 2fr;}
.gr_2_3{grid-template-columns: 2fr 3fr;}
.gr_4_5{grid-template-columns: 4fr 5fr;}
.gr_5_1{grid-template-columns: 5fr 1fr;}
.gr_4_1{grid-template-columns: 4fr 1fr;}
.gr_5_2{grid-template-columns: 5fr 2fr;}
.gr_5_4{grid-template-columns: 5fr 4fr;}
.gr_2w{grid-template-columns: repeat(2, 50%);}
.gr_2{grid-template-columns: repeat(2, 1fr);}
.gr_3{grid-template-columns: repeat(3, 1fr);}
.gr_3_5{grid-template-columns: 3fr 5fr;}
.gr_4{grid-template-columns: repeat(4, 1fr);}
.gr_5{grid-template-columns: repeat(5, 1fr);}
.gr_W_4_3_3{grid-template-columns: 40% 30% 30%;}
.gr_w_5_4{grid-template-columns: 55% 45%;}
.gr_w_4_5{grid-template-columns: 45% 55%;}
.gr_1_auto{grid-template-columns: 1fr auto;}
.gr_auto_auto{grid-template-columns: auto auto;}


.btnWrap{display: block;}
.btnWrap a.xBtn{background-color: unset;color: var(--color-1);padding: 15px 25px;display: inline-block;transition: all .5s ease-in-out;font-size: 16px;text-transform: uppercase;letter-spacing: 1px;/* border-radius: 3rem; */line-height: 1;position: relative;overflow: hidden;border: 2px solid var(--color-1);font-weight: 500;}

.btnWrap a.xBtn.btnDark{border-color: var(--color-2);color: var(--color-2);}
.btnWrap a.xBtn.btnLight{border-color: #fff;color: #fff;}
/*.btnWrap a.xBtn.btnLight:hover{border-color: rgba(var(--color-2-rgb), 1);background-color: rgba(var(--color-2-rgb), 1);color: #111;}*/

.btnWrap a.xBtn.btnDark:hover{border-color: #111;background-color: #111;color: #fff;}

.btnWrap a.xBtn:hover{background-color: #fff;color: #555;}


/*heroBox*/
.heroBox{position: relative;min-height: 80vh;}

.heroItem{min-height: 80vh;background-repeat: no-repeat;background-size: cover;background-position: center;display: grid;align-items: center;}
.heroCT{max-width: 1400px;margin: 0 auto;width: 100%;}
.heroCT > *{max-width: 50%;}

.heroCT h5{font-size: 20px;letter-spacing: 1px;}
.heroCT h1{font-size: 50px;letter-spacing: 4px;margin: 2rem 0;font-weight: 900;}

.heroCT .txt{font-size: 20px;letter-spacing: 1px;margin-bottom: 3rem;}
/*heroBox*/

.newLP .setCenter{text-align: center;}

/*aboutBox*/
.aboutBox{position: relative;padding: 10rem 0 5rem;}

.aboutBox h2{margin-bottom: 3rem;font-weight: 700;letter-spacing: 2px;font-size: 40px;}
.aboutBox .txt{margin: 0 auto;max-width: 1000px;letter-spacing: 1px;font-size: 18px;}
.aboutBox .txt p{margin-bottom: 1.5rem;}
/*aboutBox*/


/*catBox*/
.catBox{position: relative;padding: 5rem 0;}

.catBox h2{margin-bottom: 3rem;font-weight: 700;letter-spacing: 2px;font-size: 40px;}
.catList{gap: 3rem;}

.catItem{background-color: #f3f3f3;padding: 2rem;position: relative;}
.catItem h3{text-align: center;font-size: 18px;margin-top: 2rem;}

.catItem img{transition: all .3s ease-in-out;}
.catItem:hover img{transform: scale(1.05);}

.catItem > a{position: absolute;inset: 0;}
/*catBox*/


/*bannerBox*/
.bannerBox{position: relative;padding: 5rem 0;}

.promoList{gap: 3rem;}



.promoItemFancy{position: relative;}
.promoItemFancy:hover{filter: brightness(.95);}
.promoCT{position: absolute;left: 2rem;top: 50%;transform: translateY(-50%);}
.promoItemFancy > img{object-fit: cover;width: 100%;height: 100%;}
.promoItemFancy > a{position: absolute;inset: 0;display: block;}

.promoCT h3{max-width: 70%;font-size: 22px;letter-spacing: 2px;margin: 2rem 0 3rem;font-weight: 800;line-height: 2;}

.btnFake{background-color: #222;color: #fff;font-size: 18px;padding: 1rem 2rem;}
/*bannerBox*/


/*productBox*/
.productBox{position: relative;padding: 5rem 0;}

.productBox .setBox{background: #416C50;
background: linear-gradient(90deg, rgba(65, 108, 80, 1) 0%, rgba(77, 122, 94, 1) 33%, rgba(65, 108, 80, 1) 100%);max-width: 1200px;}

.productPic{display: grid;align-items: center;justify-content: center;}
.productBox .productPic > img{max-height: 400px;}
.productBox .produCT{padding: 8rem 5rem;color: #fff;}

.productBox .produCT h2{font-weight: 700;margin: 2rem 0;color: #fff;font-size: 30px;letter-spacing: 2px;}
.productBox .produCT h5{color: #fff;letter-spacing: 2px;font-weight: 700;}

.productBox .produCT .btnWrap{margin-top: 3rem;}
/*productBox*/


/*productBoxLeft*/
.productBoxLeft{position: relative;padding: 5rem 0 10rem;}

.productBoxLeft .produCT{padding: 10rem;max-width: 50%;}

.productBoxLeft .produCT h2{font-weight: 700;margin: 2rem 0;color: #111;font-size: 30px;letter-spacing: 2px;}
.productBoxLeft .produCT h5{color: #333;letter-spacing: 2px;font-weight: 700;}

.productBoxLeft .produCT .btnWrap{margin-top: 3rem;}

.productBoxLeft .setBox{max-width: 1200px;background-repeat: no-repeat;background-position: right center;background-size: cover;}
/*productBoxLeft*/



/*whyBox*/
.whyBox{position: relative;margin-bottom: 5rem;text-align: center;}

.whyBox .setBox{max-width: 1200px;}
.whyBox .whyList{gap: 3rem;}

.whyPic{margin-bottom: 1.5rem;}
.whyPic img{width: 80px;filter: brightness(.85);}
.whyBox h4{font-size: 16px;color: #555;}
/*whyBox*/


/*testiBox*/
.testiBox{position: relative;padding: 5rem 0;}

.testiBox h2{margin-bottom: 3rem;font-weight: 700;letter-spacing: 2px;font-size: 40px;text-align: center;}
.testiBox .txt{margin: 0 auto 5rem;max-width: 1000px;letter-spacing: 1px;font-size: 18px;text-align: center;}
.testiBox .txt p{margin-bottom: 1.5rem;}

.testiItem{background-color: #F6F6F6;padding: 3rem 3rem 13rem;height: 100%;position: relative;}
.testiItem h3{font-size: 18px;margin-bottom: 1.5rem;letter-spacing: 1.5px;}

.testiProfile img{width: 78px;height: 78px;border-radius: 50%;}
.testiProfile.testiProfile{gap: 1rem;grid-template-columns: 80px 1fr;margin-top: 3rem;position: absolute;left: 3rem;bottom: 3rem;width: calc(100% - 6rem);}

.testiItem::before{position: absolute;content: '\f10e';font-family: var(--text-icon);font-size: 120px;right: 2rem;bottom: 1rem;color: #666;opacity: .05;}

.testiName > span{font-size: 16px;letter-spacing: 1px;display: block;line-height: 1.1;}
.testiBox .testiName > em{font-size: 12px;color: var(--color-2);opacity: .5;line-height: 1.1;}

.testiTxt > div{font-style: italic;letter-spacing: 1px;line-height: 1.4;}

.testiStar{margin-top: 1rem;color: gold;}

.testiBox .swiper-slide{height: auto;}
/*.testiBox .testiProfile > div{display: flex;align-items: center;}*/

/*testiBox*/


/*faqBox*/
.faqBox{position: relative;padding: 0;background-color: rgba(250, 250, 250, 1.0);}

.faqBox .setBox{max-width: 1200px;}

.faqCT{padding: 10rem 0;}



.faqPic{position: relative;margin-top: 100px;}
.faqPic > img{position: sticky;top: calc(100vh - 400px);}

.faqBox .gr_auto_400px{gap: 10rem;grid-template-columns: auto 400px;}

/*.faqCT{padding: 2rem;background-color: #eb46a0;color: #fff;}*/
.faqCT h2{color: #111;margin-bottom: 2rem;}
.faqCT .txt{font-size: 18px;margin-bottom: 5rem;}
/* .faqClik h3{} */

/* Accordion */
.faqItem{box-shadow: 0 5px 5px rgba(17, 17, 17, .03);position: relative;margin-bottom: 2rem;}
.faqItem.active{padding-bottom: 1.5rem;}

.faqContent {padding: 0 2rem 0 2rem;max-height: 0;overflow: hidden;transition: max-height 0.4s ease;font-weight: 300;font-size: 18px;color: #333;}
.faqContent > *:first-child{padding-top: 0;}
.faqContent > *:last-child{padding-bottom: 20px;}

.faqList > div{box-shadow: 0 0 10px rgba(102, 102, 102, .1);margin-bottom: 0;border-radius: 4px;}
.faqClik{transition: all .5s ease-in-out;padding: 20px 20px 20px 0;position: relative;cursor: pointer;}
.faqClik h3{font-size: 18px;position: relative;max-width: 90%;font-weight: 600;letter-spacing: 1px;padding: 0 2rem 0 2rem;color: #333;}
.faqClik.is-open h3{color: #111;}

.faqClik::after{content: "\f067";font-family: "fontAwesome";font-size: 18px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);color: #999;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;}
.faqClik.is-open:after {content: "\f068";color: #222;}
/*faqBox*/



/* PRODUCT */
.panel.productSlide{max-width: 1400px;margin: 0 auto;}
.slideParent{overflow: hidden;}


.panel.productHotGrid{max-width: 1400px;margin: 0 auto;}
.panel.productHotGrid .products-block{display: grid;grid-template-columns: repeat(5, 1fr);gap: 3rem;}
.panel.productHotGrid .products-block > .row{display: none;}


@media(max-width:1400px){
    .newBoxProduct{width: calc(100% - 120px);}
}
@media(max-width:1200px){
    .panel.productHotGrid .products-block{grid-template-columns: repeat(4, 1fr);gap: 3rem;}
}
@media(max-width:1030px){
    .panel.productHotGrid .products-block{grid-template-columns: repeat(3, 1fr);gap: 3rem;}
}
@media(max-width:900px){
    .panel.productHotGrid .products-block{grid-template-columns: repeat(2, 1fr);gap: 3rem;}
}



.hotItemFancy .price-grid{font-weight: 600;color: #ff5d88;font-size: 18px;}

/* Product */
.newBoxProduct{position: relative;padding: 5rem 0;}
.newBoxProduct .panel-center > .panel-heading{background: unset;}

.newLP .panel-title.borTit{margin-bottom: 3rem;}

.newBoxProduct .swipbtn{position: absolute;top: 50%;display: grid;justify-content: space-between;z-index: 3333;width: 100%;grid-template-columns: auto auto;}
.productSlide{position: relative;}
.newBoxProduct .swipbtn > div{width: 40px;height: 40px;color: #ffcf41;border-radius: 50%;font-size: 25px;line-height: 40px;text-align: center;background: transparent;transition: all .3s ease-in-out;border: 2px solid #ffcf41;position: absolute;top: 50%;z-index: 3333;}
.newBoxProduct .swipbtn > div:hover{background-color: #ffcf41;color: #fff;}

.newBoxProduct .swipbtn > div svg{width: 20px;height: 20px;}
.newBoxProduct .swipbtn > div svg path{fill: #ffcf41;}
.newBoxProduct .swipbtn > div:hover svg path{fill: #ffffff;}
.newBoxProduct .swipbtn > div:first-child svg {transform: scaleX(-1);}

/*.newBoxProduct .swipbtn .proPrevx{left: 10px;}
.newBoxProduct .swipbtn .proNextx{right: 10px;}
*/
.newBoxProduct .swipbtn .proPrevx{left: 0; transform: translateX(-50px);}
.newBoxProduct .swipbtn .proNextx{right: 0; transform: translateX(50px);}

.hotCatProductList{margin: 0 -20px;}
.hotCatProductList > div{width: calc(20% - 20px);margin: 10px 10px 50px;}

/*ubah bentuk gambar, persegi dll*/
.hotItemFancy a.img{padding-top: 150%;display: block;position: relative;overflow: hidden;}
.hotItemFancy .img-view.img-lazy{transition: all .7s ease-in-out;padding-top: 0;height: 100%;position: absolute;inset: 0;}
.hotItemFancy:hover .img-view.img-lazy{transform: scale(1.1);}
/* hotBox */


/* BUTTON PRODUCT */
.hotItemFancy{position: relative;}
.hotItemFancy .btnProduct{position: absolute;right: 0;top: 0;display: grid;gap: 8px;padding: 15px;transition: all .5s ease-in-out;opacity: 0;transform: translateX(10%);}
.hotItemFancy:hover .btnProduct{opacity: 1;transform: translateX(0);}
.btnProduct button i::before, .btnProduct a{color: #666;}
.btnProduct button span{display: none;}
.btnProduct button:focus, .btnProduct button:active, .btnProduct button:active:focus{outline: 0;box-shadow: 0 0 2px #22222286;}
.btnProduct a{text-align: center;line-height: 40px;display: grid;align-items: center;font-size: 18px !important;}
.btnProduct a i{font-size: 18px !important;}
.hotItemFancy .btn-wish{position: relative;}
.hotItemFancy .btn-wish.wishlisted .heartFull{display: block;}
.btnProduct > *{width: 40px;height: 40px;border-radius: 50%;background-color: #fff;box-shadow: 0 0 2px #22222286;transition: all .3s ease-in-out;}
.btnProduct > *:hover{background-color: #444;/* !important */;}
.btnProduct > *:hover i:not(.heartFull):before{color: #fff;}

.newLP .hotItemFancy{position: relative;padding-bottom: 40px;}
/*.hotItemFancy .image{position: relative;}*/
.hotItemFancy .image .zmdi-mall:before{font-family: fontAwesome;content: "\f07a";/* color: #555;padding-right: 5px; */font-size: 18px;}
.hotItemFancy .image .zmdi-whatsapp:before{font-family: fontAwesome;content: "\f232";font-size: 18px;/* color: #555;padding-right: 5px; */}

.hotItemFancy .product-meta .cart{display: none;}

/*Tombol BELI*/
.image > div.btnCart button{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding: 1rem 2rem;background-color: #006994;color: #fff;opacity: 0;transition: all .3s ease-in-out;font-size: 14px;letter-spacing: 1px;}
.image > div.btnCart button:focus, .image > div.btnCart button:hover{outline: 0;}
.image > div.btnCart button:hover{background-color: #111;}
.image > div.btnCart button{width: auto;height: auto;line-height: 1;}

.image > div.btnCart button .zmdi{margin-right: 5px;}

.hotItemFancy:hover .image > div.btnCart button{opacity: 1;}


.hotItemFancy .productlink-column{text-align: center;opacity: 0;transform: translateY(100%);transition: all .5s ease-in-out;}
.hotItemFancy:hover .productlink-column{opacity: 1;transform: translateY(0);}

.newLP .hotItemFancy h3.name{font-size: 20px;text-align: center;height: 70px;padding: 1rem;position: relative;overflow: hidden;}
.newLP .hotItemFancy h3.name:after {content: '';position: absolute;bottom: 5px;right: 10px;display: block;width: 40%;height: 30px;background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.75) 38%, #FFF 99%) repeat scroll 0 0;pointer-events: none;}
.newLP .hotItemFancy h3.name a{color: #111;}

.hotItemFancy .price{text-align: center;}
.hotItemFancy .product-label.bts{padding: 4px 1rem;height: auto;background-color:rgba(217, 65, 65, .75)}

.hotItemFancy .bottom.btnwa{display: none;}
.hotItemFancy .price-list{display: none;}
/* BUTTON PRODUCT */


/* newsBox */
.newsBox{padding: 100px 0 50px;background: linear-gradient(0deg,rgba(254, 254, 254, 1) 0%, rgba(245, 245, 245, 1) 80%);}

.newsBox .subjudul{/* color: #14B1BB;font-weight: 600; */text-align: center;}
.newsBox h2{font-size: 35px;margin-bottom: 30px;text-align: center;}
.newsBox .txt{text-align: center;margin: 0 auto 3rem;max-width: 60%;}

.newsItem{/* border-radius: 12px;box-shadow: 0 10px 40px -20px rgba(17, 17, 17, .4); */position: relative;height: 100%;/* border: solid #B68C5A;border-width: 1px 1px 6px 1px; */}

.newsItem{padding: 0 20px 80px;}

.newsItem h3{margin: 1rem 0 2rem;}

.newsItem .btnWrap{position: absolute;width: 100%;bottom: 20px;left: 20px;}
.newsItem .btnWrap .xBtn{/* padding: 10px 20px; */font-size: 14px;padding: 10px 20px;}
.newsItem .xsub .fa{color: rgba(var(--gold-color-rgb), .8)}
.newsPic{/* border-radius: 100px; */overflow: hidden;height: 300px;display: block;position: relative;}
.newsPic::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;background-color: rgba(17, 17, 17, .5);transform: scale(0);transition: all .3s ease-in-out;}
.newsItem:hover .newsPic::before{transform: scale(1);}
.newsPic img{object-fit: cover;object-position: center;height: 100%;width: 100%;}
.xsub{padding: 10px 0 0;display: grid;justify-content: space-between;grid-template-columns: auto auto;}

/* .newsItem h3{color: #fff;}
.newsItem .newsTxt{color: #ffffffa6;} */

.newsDat{/* padding-right: 10px; */color: #555;font-size: 13px;font-style: italic;display: inline-block;}
.newsDat i{padding-right: 5px;}

.newsItem h3{/* padding: 0 30px; */margin-bottom: 2rem;height: 50px;overflow: hidden;position: relative;font-size: 18px;}
/* .newsTxt{padding: 0 30px;} */

.newsBox .swiper-slide{height: auto;padding: .5rem;}

.swiper-news-prev, .swiper-news-next{position: absolute;top: 50%;transform: translateY(-50%);z-index: 999;color: #fff;background-color: gold;border-radius: 50%;font-size: 24px;opacity: 0;transition: all .3s ease-in-out;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.swiper-news-prev:hover, .swiper-news-next:hover{background-color: #111;}
.swiper-news-prev{left: 0;}.swiper-news-next{right: 0;}

.newsBox .swiper:hover .swiper-news-prev, .newsBox .swiper:hover .swiper-news-next{opacity: .75;}

.newsWrap:not(.onSlide){display: grid;gap: 30px;grid-template-columns: repeat(3, 1fr);}
/* newsBox */


/* Footer */
/* .newLP footer{color: #fff;} */
.newLP footer > img{display: none !important;}
.newLP .copyright .inner.border-top{border: 0;}
.newLP .copyright{background-color: #111;}

.newLP footer{position: relative;color: #fff;font-size: 16px;background-color: #222;}

footer .panel .panel-title{color: #f3fefe;}
.newLP footer a{color: #006994;}
.newLP footer a:hover, .newLP footer p{color: #fff;}

.newLP footer .inside .row > div:nth-child(2) ul.list-unstyled{padding-top: 10px;}
.newLP footer ul.list-unstyled li{padding-bottom: 10px;margin: 0 !important;}
/* Footer */

.newLP footer .container-full, .newLP .copyright .container-full{width: 100%;margin: 0 auto;max-width:1400px;/* background-color: rgba(6, 50, 50, 0.1); */}
.setBox{margin: 0 auto;max-width: 140rem;}

@media(max-width:1400px){
    .setBox{width: 100%;padding: 0 3rem;}

    /*.bo-mainmenu{padding: 0 3rem;}*/
}

@media(max-width:1400px){
    .setBox{width: 100%;padding: 0 3rem;}

    .bo-mainmenu{padding: 0 3rem;}

    .newLP .heroCT{padding: 0 3rem;}

    /*.heroBox .slideItem{background-size: cover;background-position: center;}*/
}

@media(max-width:1200px){
    #pav-mainnav > .pav-megamenu > div:last-child{display: none;}

}

@media(max-width:990px){
    .bo-mainmenu > .container, .newMenu{padding: 0 3rem;}
    .cell-menu:not(.burger){display: none;}
    .cell-menu.burger{display: grid;justify-content: end;padding-right: 2rem;width: 100%;}

    .promoList{grid-template-columns: 1fr;}

    .productBoxLeft .produCT{padding: 8rem 8rem 8rem 5rem;}
    .faqBox .gr_auto_400px{gap: 5rem;}

    .catList{grid-template-columns: repeat(2, 1fr);}

    .bannerBox .promoCT{padding-left: 2rem;}


    .heroBox, .heroItem{min-height: 60vh;}
}


@media(max-width:900px){
    .productBoxLeft .produCT{padding: 3rem 0;}
    .productBoxLeft .produCT h2{font-size: 20px;}

    .faqBox .gr_auto_400px{grid-template-columns: auto 250px;}
    .faqPic > img{top: calc(100vh - 250px);}


}

@media(max-width:720px){
    .heroBox, .heroItem{min-height: 50vh;}
    .heroBox .swiper-slide{height: auto;}.heroBox .swiper-slide .heroItem{height: 100%;}
    .newLP .bo-mainmenu .topInfo{display: none;}
    .newLP .setFullBox h2{font-size: 24px;}

    .bannerBox .promoCT{padding: 0;}.promoCT h3{font-size: 18px;}

    .newBoxProduct{padding: 2rem;width: 100%;}


    .productBox .gr_3_5, .faqBox .gr_auto_400px{grid-template-columns: 1fr}
    .productBox .gr_3_5{padding-top: 5rem;}
    .whyBox .whyList{grid-template-columns: repeat(2, 1fr);}
    .productBoxLeft .produCT{max-width: 80%;}
    .productBoxLeft .setBox{background-position: left 10% center;}

    .faqPic{text-align: center;margin-top: 0;}.faqCT{padding-bottom: 0;}
    .faqPic > img{top: unset;}
}

@media(max-width:600px){
    .newLP .bo-mainmenu{padding: 0 2rem;}
    #pav-mainnav > .pav-megamenu{grid-template-columns: 250px auto;}

    .newLP .catBox .setBox, .bannerBox .setBox, .productBox .setBox{padding: 0 2rem;}
    .productBox .produCT{padding: 5rem 0;}
    .catItem{padding: 0 0 2rem;}

    .promoCT h3, .btnFake{font-size: 13px;}
    .promoCT h3{margin: 1rem 0 1rem;}

    .heroItem{background-position: left center;}

    .productBoxLeft .produCT{max-width: 100%;text-align: center;}

    .bo-mainmenu > .container .logo img{max-width: 200px !important;}

    .hotItemFancy .image > div.btnCart button{opacity: 1;}
    .hotItemFancy .btnProduct {opacity: 1;transform: translateX(0);}

    .hotItemFancy .btnProduct{padding: .5rem;opacity: .75;}
    .btnProduct > *{display: grid;align-items: center;font-size: 10px;}

    .heroCT > div{max-width: 100%;}
}