/* ------------------------------------------------------------ *\
    Slider Arrow
\* ------------------------------------------------------------ */

.slider-arrow { position: relative; }

/*  Slider Arrows  */
.slider-arrow .slick-arrow { position: absolute; top: 50%; z-index: 10; width: 58px; height: 58px; margin-top: -29px; border: 0 none; border-radius: 0; background: #000; font-size: 0; color: #fff; transition: .3s; }
.slider-arrow .slick-arrow:after { content: ''; position: absolute; top: 50%; width: 24px; height: 24px; margin-top: -12px; border-width: 0 3px 3px 0; border-style: solid; border-color: #fff; }

.slider-arrow .slick-arrow:hover { opacity: .7; }

.slider-arrow .slick-prev { left: 0; }
.slider-arrow .slick-next { right: 0; }

.slider-arrow .slick-prev:after { left: 24px; transform: rotate(135deg); }
.slider-arrow .slick-next:after { right: 24px; transform: rotate(-45deg); }

/*  Slider Arrow Intro  */
.slider-arrow-intro {margin-bottom: 5rem;}

.slider-arrow-intro .slider-head {bottom: 0;padding-top: 15px;max-width: 1040px;margin: 0 auto;font-size: 15px;letter-spacing: .15em;text-transform: uppercase;text-align: center;z-index: 1;}

.slider-arrow-intro .slider-title {margin-bottom: 9px;font-size: 40px;letter-spacing: .2em;}
.slider-arrow-intro .slider-entry { margin-bottom: 8px; letter-spacing: .15em; }
.slider-arrow-intro .slider-link { font-weight: 700; text-decoration: underline; }

.slider-arrow-intro .slider-slide-inner { position: relative; padding-top: 45%; }
.slider-arrow-intro .slider-slide-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}

.slider-arrow-intro .slider-actions { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.slider-arrow-intro .btn { border-width: 1px; }

.slider-arrow-intro .slick-arrow { margin-top: -60px; }

.slider-arrow-intro .video-youtube { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; }

/*  Slider Arrow Box  */
.slider-arrow-box .slick-arrow { margin-top: -55px; }

/*  Small Desktop  */
@media screen and (max-width: 1200px){
    .slider-arrow .slick-arrow { width: 40px; height: 40px; margin-top: -35px; }
    .slider-arrow-intro .slick-arrow { margin-top: -60px; }

    .slider-arrow .slick-prev:after,
    .slider-arrow .slick-next:after { width: 20px; height: 20px; margin-top: -10px; }
    .slider-arrow .slick-prev:after { left: 14px; }
    .slider-arrow .slick-next:after { right: 14px; }
}

@media screen and (max-width: 767px){
    .slider-arrow .slick-arrow { background: transparent; }
    .slider-arrow .slick-arrow:after { border-color: #000; }

    .slider-arrow-intro .slick-arrow {  margin-top: 35px; }

    .slider-arrow-intro { padding-bottom: 25px; margin-bottom: 2.5rem; }
    .slider-arrow-intro .slider-slide-counter { list-style-type: none; font-size: 13px; position: absolute; bottom: 25px; right: 5px; }
    .slider-arrow-intro .slider-slide-counter .slick-active { opacity: 1; }
    .slider-arrow-intro .slider-slide-counter li { position: absolute; bottom: -20px; right: 0; opacity: 0; }

    .slider-arrow-intro .slider-actions { bottom: -20px !important; }
    .slider-arrow-intro .slider-slide-actions { position: absolute; left: 0; width: 100%; text-align: center; }
    .slider-arrow-intro .btn { background: #fff; }
    .slider-arrow-intro .slider-slide { padding-bottom: 20px; }

    .slider-arrow-intro .slider-head { position: static; transform: none; margin-bottom: 20px;flex:1;padding-top: 0; }
    .slider-arrow-intro .slider-counter { text-align: right; }
    .slider-arrow-intro .slider-title { font-size: 25px; }
    .slider-arrow-intro .slider-title br{ display:none; }
    .slider-arrow-intro .slider-entry { padding: 0 20px; font-size: 8px; }
    .slider-arrow-intro .slider-actions .btn { padding: 10px 30px; background: #fff; }

    .slider-arrow-box .slick-arrow { margin-top: -55px; }
    .slider-arrow-box { padding: 0 25px; }
    .slider-arrow-box .slick-next { right: -27px; }
    .slider-arrow-box .slick-prev { left: -27px; }

    .slider-arrow-intro .slider-slide-inner { padding-top: 100% !important; }
    .home .container{padding-top:10px;}
}

/* ------------------------------------------------------------ *\
    Video Youtube
\* ------------------------------------------------------------ */

.video-youtube { position: relative; width: 100%; padding-top: 64.3%; }
.video-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ------------------------------------------------------------ *\
    Boxes Products
\* ------------------------------------------------------------ */

.boxes-products-small .boxes-container { display: flex; justify-content: space-between; flex-flow: row nowrap; }
.boxes-products-small .box-product { width: 100%; }

/*  Box Product Large  */
.boxes-products-large .boxes-container { display: flex; justify-content: space-between; flex-flow: row nowrap; }

/*  Box Products  */
.box-product { margin: 0 15px 20px; text-transform: uppercase; text-align: center; }

.box-product .box-inner { display: block; text-decoration: none; transition: .3s; }
.box-product .box-inner:hover { opacity: .8; }

.box-product .box-image { padding-top: 141%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.box-product .box-title { margin-bottom: 10px; font-size: 20px; letter-spacing: .2em; font-weight: 400; }
.box-product .box-entry { margin-bottom: 7px; font-size: 14px; letter-spacing: .15em; }
.box-product .box-link { font-weight: 700; letter-spacing: .15em; text-decoration: underline; }
.box-product .box-link:hover { text-decoration: none; }

/*  Box Product Small  */
.boxes-products-small { margin: 0 15px; }

.box-product-small { margin: 0 5px 22px; }

.box-product-small .box-image {padding-top: 150%; margin-bottom: 4px;}

.box-product-small .box-title { font-size: 14px; font-weight: 400; letter-spacing: .15em; }
.box-product-small .box-price { display: block; }


.box-product-large {margin: 0 20px;flex: 1;}
.box-product-large .box-image { padding-top: 133%; margin-bottom: 12px; }

/*  Box Product Xsmall  */
.box-product-xsmall .box-image { padding-top: 65%; margin-bottom: 12px; }

@media screen and (max-width: 767px){


    .boxes-products-small { padding: 0 25px; margin: 0; }
    .boxes-products-small .box-title { font-size: 10px; }
    .boxes-products-small .slick-arrow { margin-top: -48px; }
    .boxes-products-small .slick-next { right: -27px; }
    .boxes-products-small .slick-prev { left: -27px; }

    .boxes-products-large .boxes-container { flex-flow: column wrap; display: block;}


    /*  Box Product  */
    .box-product { margin: 0 5px 20px; }
    .box-product .box-title { font-size: 16px; }
    .box-new-arrival-product.box-product .box-title { font-size: 8px; }
    .box-product .box-entry { font-size: 10px; }
    .box-product .box-link { font-size: 10px; }
}

/* ------------------------------------------------------------ *\
    Section
\* ------------------------------------------------------------ */

.section .section-title-small { display: block; margin-bottom: 10px; font-size: 15px; letter-spacing: .15em; text-transform: uppercase; }

/*  Section Secondary  */
.section-alternative {margin-bottom: 5rem;}
.section-alternative .section-head { margin-bottom: 23px; }

.section-alternative .section-actions { text-align: center; }
.section.section-alternative .section-actions .section-link { width: auto; height: auto; padding: 0; margin: 0; border: 0 none; border-radius: 0; background: transparent; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: underline; }
.section.section-alternative .section-actions .section-link:hover { text-decoration: none; }

@media screen and (max-width: 767px){
    .section .section-title-small { margin-bottom: 6px; font-size: 12px; }

    .section-alternative { margin-bottom: 2.5rem; }
    .section-alternative .section-actions { margin-top: 10px; }

    .new-arrival-brands .box-product .box-title { margin-bottom: 5px; }
    .new-arrival-brands .box-product .box-entry { margin-bottom: 2px; }
    .section-discovery .box-product .box-title { margin-bottom: 0; }
}

@media screen and (min-width: 768px){
    .section-discovery .slider-arrow-second.slider-arrow .slick-arrow { display:none !important; }
    .section-discovery .slider-arrow-first.slider-arrow .slick-arrow { top: 97%; }
}

/*  Boxes Product Mixed  */
.boxes-products-mixed { display: flex; justify-content: space-between; margin: 0 15px; }

.boxes-products-mixed .boxes-main { position: relative; width: 100%; margin-right: 15px; }

.boxes-products-mixed .boxes-aside { width: 100%; margin-left: 15px; }

.boxes-products-mixed .boxes-image { position: absolute; top: 0; left: 0; width: 100%; padding-top: 77%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

.boxes-products-mixed .boxes-container { display: flex; justify-content: space-between; flex-flow: row wrap; margin: 0 -15px; }

/*  Box Product Xxsmall  */
.box-product-xxsmall { width: 50%; margin: 0; padding: 0 15px; margin-bottom: 1.8vw; }
.box-product-xxsmall .box-image { padding-top: 68%; }
.box-product-xxsmall .box-title { display: flex; align-items: center; justify-content: center; flex-flow: column wrap; height: 3.9vw; font-size: 14px; margin-bottom: 0; }
.box-product-xxsmall .box-price { display: block; }

@media screen and (max-width: 767px){
    /*  Boxes Products Mixed  */
    .boxes-products-mixed { display: block; }
    .boxes-products-mixed .boxes-main { padding-top: 77%; margin-bottom: 30px; }
    .boxes-products-mixed .boxes-aside { position: relative; margin-left: 0; }
    .boxes-products-mixed .boxes-container { display: block; padding: 0 25px; }

    .boxes-products-mixed .slick-arrow { margin-top: -38px; }
    .boxes-products-mixed .slick-next { right: -2px; }
    .boxes-products-mixed .slick-prev { left: -2px; }

    /*  Box Product Xxsmall  */
    .box-product-xxsmall { padding: 0; margin: 0 5px 20px; }
    .box-product-xxsmall .box-title { height: auto; font-size: 10px; }
    .box-product-xxsmall .box-image { margin-bottom: 5px; }

    .top-banner {height: auto;line-height:1.4; padding: 13px 38px;}
    .top-banner .header-sticky .header-inner { margin-top: 35px; }

}

@media screen and (max-width: 350px) {
    .top-banner {padding: 13px 15px;}
}