/*-- add style --*/
ul, li { list-style: none }
.section { padding: 25px 0 }
.container { max-width: 1200px; padding-left: 15px; padding-right: 15px; }
.container-none { max-width: 100%; padding-left: 15px; padding-right: 15px }
.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% }

/* Top */
.top-bar { background: #f8a71b; z-index: 48 }
.top-bar.sticky-top { position: fixed; width: 100%; z-index: 48; top: 55px; }
.top-bar .inner { min-height: 42px; }

/* Header */
body:not(.searchact) .eDPi:not(.sticky-header) { background: #509e2f; }
.eDPi { background: #509e2f; min-height: 55px; }
.eDPi.sticky-header { -webkit-box-shadow: none }
.eDPi .logo img { margin: 30px 8px;height: 40px;filter: drop-shadow(#fff 0 110px);transform: translateY(-110px);}
.eDPi .iconset { height: auto; padding: 0 10px; }
.eDPi .iconset .icon { color: #fff; font-weight: 500; font-size: 18px }
.eDPi .iconset .tooltip-label { display: none }
.eDPi .search_input { height: 56px; background: #438527; padding: 12px 0 }
.eDPi .search_input .s-input:-moz-placeholder { color: #fff; }
.eDPi .search_input .s-input::-moz-placeholder { color: #fff; }
.eDPi .search_input .s-input::-webkit-input-placeholder { color: #fff; }
.eDPi .search_input .s-input:-ms-input-placeholder { color: #fff; }
.eDPi .search_input .s-input { border: none; background: none; color: #fff; max-width: 300px; transition: all 0s;padding-left: 0; padding-right: 10px; height: 30px }
.eDPi .search_input .input-but { background: none ; border: none; padding: 0 10px; transition: all 0s}
.eDPi .search-drawer { display: none }
.eDPi .user-link{ padding: 0 24px; border-right: 2px solid #438527 }
.eDPi .user-link .an-user-2 { display: none }
.eDPi .user-link .account { font-size: 22px; text-transform: uppercase; font-weight: 500; color: #fff; letter-spacing: -0.3px }
.eDPi #userLinks { right: 44px; }
.eDPi .counter { background: #438527; right: -12px; top: 16px; }
/* Header SiteNav */
.eDPi #siteNav.left { margin-left: 10px; }
.eDPi #siteNav > li > a { font-size: 22px; font-weight: 500; letter-spacing: -0.3px; color: #fff; line-height: 34px}
.eDPi #siteNav > li > a:hover { color: #fff }
.eDPi #siteNav > li > a:after { background: #fff; height: 2px; }

/* Banner Show */
.banner-show .banner-left{ background: url("../images/sanuk/banner-left.jpg") no-repeat 50% 50%; background-size: cover; text-align: center; padding-bottom: 40px;}
.banner-show .banner-left .sanuk-img_text { width: 72%; margin: 40px auto; }
.banner-show .banner-left .sanuk-img_text img { width: 100% }
.banner-show .banner-left a.cm-cta_btn { padding: 12px 40px; background: #fff; border: 1px solid #4d8434; color: #4d8434; border-radius: 4px; font-size: 16px; font-weight: 600 }
.banner-show .banner-left a.cm-cta_btn:hover { background: #4d8434; color: #fff }
.banner-show .banner-right img{ width: 100%; height: auto }

/* Text Link */
.home-block .m-center { text-align: center; }
.home-block .m-center .text-auto { font-size: 14px; }
.link-mini-nav .u-links { margin: 10px 0 }
.link-mini-nav .u-links li { padding: 0 16px; }
.link-mini-nav .u-links li a {padding: 16px 0; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.link-mini-nav .u-links li a:hover { color: #111 }
.link-mini-nav .u-links li.link-hover a:after { content: ""; display: block; height: 2px; background-color: #0d1010; width: 100%; transform: scale(0); transform-origin: left; transition: transform .5s;}
.link-mini-nav .u-links li.link-hover a:hover:after { transform: none; }

/* Show Commodity */
.show-commodity .flex-direction-reverse { flex-direction: row-reverse; }
.show-commodity .show-area-left { flex-wrap: wrap; }
.show-commodity .show-area-left .com-link { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.show-commodity .show-area-left .com-link:hover {  -webkit-transform:scale3d(1.03, 1.03, 1); transform:scale3d(1.03, 1.03, 1); }
.show-commodity .show-area-left .com-link.link-1 { background: #F8F6F0; }
.show-commodity .show-area-left .com-link.link-2 { background: #F0EEE8; }
.show-commodity .show-area-left .area-mat { flex-wrap: wrap; flex-direction: column; align-content: center; justify-content: center; flex: 1; }
.show-commodity .show-area-left .mat-img { margin: 0 auto; }
.show-commodity .show-area-left img, .show-commodity .show-area-right img { width: 100%; }
.show-commodity .show-area-left .mat-title { text-align: center; margin-top: 24px; text-transform: uppercase }
.show-commodity .box-frame-back { background: url("../images/sanuk/show-area-v1.png") no-repeat 50% 50%; background-size: cover;  }
.show-commodity .box-frame-back .adv-text-box { color: #fff; font-size: 16px; margin: 48px 0 48px 48px }
.show-commodity .box-frame-back .adv-link-but { margin: 48px 48px 48px 0; justify-content: flex-end; }
.show-commodity .box-frame-back .adv-link-but .but-style {transition: all 0.3s; min-width: 150px; text-transform: uppercase; text-align: center; padding: 10px 15px; border: 1px solid #4d8434; color: #4d8434; border-radius: 4px; background: #fff; font-size: 16px; font-weight: 600; }
.show-commodity .box-frame-back .adv-link-but .but-style:hover { background: #4d8434; color: #fff }
/* Show Commodity V2*/
.show-commodity.show-area-v2 .box-frame-back { background-image: url("../images/sanuk/show-area-v2.jpg") }
/* Show Commodity V3*/
.show-commodity.show-area-v3 .box-frame-back { background-image: url("../images/sanuk/show-area-v3.jpg") }

/* Product Slider */
.roll-title h2 { text-align: center; color: #509e2f; font-size: 24px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.3px; margin-top: 10px; margin-bottom: 0 }
.LMzRMVkYzCp .container { max-width: 1368px; }
.LMzRMVkYzCp .list-item { background: #fff; padding: 0 20px; border: none }
.LMzRMVkYzCp .list-item:hover { border: none }
.LMzRMVkYzCp .productSlider.slick-slider .slick-slide { margin: 0 10px; }
.LMzRMVkYzCp .mVaxiTpLR .item .LJFVV > a { border-radius: 6px; }
.LMzRMVkYzCp .mVaxiTpLR .item .wTKLHNAjhbz { text-align: center !important }
.LMzRMVkYzCp .mVaxiTpLR .item .wTKLHNAjhbz.text-left .fwKiMepTW a,
.LMzRMVkYzCp .mVaxiTpLR .item .wTKLHNAjhbz.text-left .product-price .old-price,
.LMzRMVkYzCp .mVaxiTpLR .item .wTKLHNAjhbz.text-left .product-price .price { font-weight: 600 ; }
.LMzRMVkYzCp .mVaxiTpLR .item .wTKLHNAjhbz.text-left .fwKiMepTW a,
.LMzRMVkYzCp .mVaxiTpLR .item .wTKLHNAjhbz.text-left .product-price .price { font-size: 13px; }
.LMzRMVkYzCp .productSlider .slick-arrow:before { color: #333 }
.LMzRMVkYzCp .productSlider .slick-arrow:hover:before { color: #111; opacity: 1 }
.LMzRMVkYzCp .productSlider .slick-next { right: -10px; }
.LMzRMVkYzCp .productSlider .slick-prev { left: -10px; }



/* Poster Clip*/
.poster-clip .poster-item { padding: 10px }
.poster-clip .poster-item img { width: 100% }
.poster-clip .poster-item-container { padding: 12px 0; margin: 20px 0  }
.poster-clip .poster-item-container .shop-now-but { padding: 12px 40px; background: #fff; border: 1px solid #4d8434; color: #4d8434; border-radius: 4px; font-size: 16px; font-weight: 600; }
.poster-clip .poster-item-container .shop-now-but:hover { background: #4d8434; color: #fff }

.section-top {margin-top: 24px; }
.body-imager-box .imager-item img{ width: 100% }
.body-imager-box .imager-text { text-align: center; text-transform: uppercase }
.body-imager-box .imager-text .font-size-4 { font-size: 14px; margin-top: 24px; margin-bottom: 0; }
.body-imager-box .imager-text .font-size-6 { font-size: 18px; font-weight: 600; margin-bottom: 24px; }
.body-imager-box a:hover .imager-text .font-size-6 { color: #111 }

/* Customized */
.customized .sign-here-left { width: 100%; background: url("../images/sanuk/customized-left.jpg") no-repeat 50% 50%; background-size: cover; padding: 100px 0 80px 80px; }
.customized .sign-here-left .font-size-2 { font-size: 38px;line-height: 38px; font-weight: bold; color: #fff; letter-spacing: -2px;  margin-bottom: 40px; transform: scale(1,1.2) }
.customized .sign-here-left .cm-cat-btn { transition: all 0.3s; text-transform: uppercase; text-align: center; max-width: 180px; padding: 12px 28px; background: #fff; border: 1px solid #4d8434; color: #4d8434; border-radius: 4px; font-size: 16px; font-weight: 600; }
.customized .sign-here-left .cm-cat-btn:hover { background: #4d8434; color: #fff }
.customized .sign-img-right img { width: 100% }

.blk-main--bottom .mail-free { background: url("../images/sanuk/mail-free.jpg") no-repeat 50% 50%; background-size: cover; width: 100%; height: 48px; }
.blk-main--bottom .mail-free p{ text-align: center; line-height: 48px; font-size: 18px; font-weight: 600; letter-spacing: -0.3px; color: #fff; text-transform: uppercase }
/* Footer */
.footer .QNBp .h4,
.footer .QNBp .text-transform-title { font-size: 18px; text-transform: uppercase !important; letter-spacing: -0.3px }
.footer .QNBp .text-transform-title { margin-bottom: 20px }
.list-inline-item:not(:last-child) { margin-right: 1.2rem }
.footer .social-icons li i { font-size: 22px; }
.footer .list-inline { margin-bottom: 1rem; }
.gVwPEzsmdUO { border-top: 1px solid #f8f6f2 }

/* Footer Email */
.email-input { height: 34px; margin-bottom: 20px }
.email-input .s-input:-moz-placeholder { color: #999; font-size: 12px }
.email-input .m-email-label { margin: 0 5px 0 0; line-height: 24px; font-weight: 500 }
.email-input .m-input {max-width: 380px;  border: 2px solid #c7c7c7; border-right: none; border-radius: 0;  transition: all 0s; padding: 0 8px ; text-indent: 2px;  height: 48px; }
.email-input .m-input-but { padding: 0 28px; transition: all 0s; background: #438527; border: none; height: 48px; color: #fff; }
.email-input .m-input-but:hover { background: #509e2f; color: #111 }
.email-input .input_icon { font-size: 16px; font-weight: 500; font-style: normal;  }
.email-input .input_icon:before { content: " ";  }

/*-- newly added --*/
@media (min-width: 990px) {  }
@media (min-width: 1368px) and (max-width: 1920px) {  }
@media only screen and (max-width: 1199px){  }
@media (min-width: 768px) and (max-width: 1200px){  }
@media (min-width: 992px) and (max-width: 1199px) {  }
@media (min-width: 769px) and (max-width: 991px) {
    /* Banner */
    .banner-show .banner-left .sanuk-img_text { margin: 28px auto }
    .banner-show .banner-left a.cm-cta_btn { padding: 8px 30px; font-size: 15px; }
}
@media only screen and (max-width: 991px) {
    .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% }
    .search-drawer { display: block }
    /* Header Main */
    .mih-55:not(.sticky-header) { height: 55px !important; }
    .eDPi .search_input { height: 55px; }
    .eDPi .js-mobile-nav-toggle .an { color: #fff; line-height: 32px; font-family: 18px; }
    .eDPi.header-8 .logo img { max-width: 132px }
    .eDPi .site-search .s-input { display: none}
    .eDPi .search-drawer { display: block }
    .customized .sign-here-left { text-align: center; padding: 40px 0;}
    .customized .sign-here-left .cm-cat-btn { margin-left: auto; margin-right: auto }
    .customized .sign-img-right { width: 100% }
}
@media (max-width: 990px) {  }
@media only screen and (max-width: 768px) {
    .mar-min-0 { margin: 0 !important; } .pab-min-0{ padding: 0 !important; }
    .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% }
    /* Banner */
    .banner-show .banner-left, .banner-show .banner-right { width: 100% }

    /* Show Commodity */
    .show-commodity .show-area-left { flex-wrap: nowrap; }
    .show-commodity .show-area-left .com-link { padding: 10px }
    .show-commodity .box-frame-back .adv-text-box { margin: 40px auto 0; text-align: center }
    .show-commodity .box-frame-back .adv-link-but { margin: 30px 0; justify-content: center }

    .LMzRMVkYzCp .list-item { padding: 0 5px; }
    .poster-clip .poster-item { padding: 0 }
    .poster-clip .poster-item-container { text-align: center }
}
@media only screen and (max-width: 767px){
    .mar-min-0 { margin: 0 !important; } .pab-min-0{ padding: 0 !important }
}
@media only screen and (max-width: 576px){
    /* Header Main */
    .eDPi .search_input { background: none }
    .eDPi .search_input .input-but { padding: 1px 6px }
    .eDPi .user-link { border: none; padding: 0 12px; }
    .eDPi .user-link .an-user-2 { display: block }
    .eDPi .user-link .account { display: none }
    .eDPi #userLinks { right: 15px }

    /* Show Commodity */
    .link-mini-nav .u-links li { padding: 0 10px }
    .link-mini-nav .u-links li a { font-size: 14px; }
    .show-commodity .show-area-left .mat-title h4{ font-size: 14px; letter-spacing: -0.3px; }

    .customized .sign-here-left .font-size-2 { font-size: 28px; margin-bottom: 30px;}
    .customized .sign-here-left .cm-cat-btn { max-width: 150px; padding: 8px 20px; }
}
@media only screen and (max-width: 498px) {  }
@media only screen and (max-width: 480px) {
    /* Header Main */
    .eDPi .iconset { padding: 0 8px; }
    .eDPi .wishlist-link { display: none }
}
@media only screen and (max-width: 370px) {  }