/*----kik edit----*/

@media (max-width: 767px){
.product-item .old-price{
    margin-left: 3px!important;
}
main#maincontent .owl-carousel .owl-stage-outer .product-item .old-price .price{
    font-size: 14px !important;
}
}

/*----endkik---*/

footer.page-footer ul.menu-ft {
    padding: 0;
}

footer.page-footer ul.m-list {
    padding: 0;
}

footer.page-footer ul.menu-ft li {
    list-style: none;
}

footer.page-footer .grid-item a img[alt="Ari Logo"] {
    margin-bottom: 36px;
}

.cms-ari-home-page .column.main {
    padding-bottom: 0 !important;
}

.cms-ari-home-page input.inp-sub {
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

/*.fotorama-item.fotorama.fotorama--fullscreen div#wr360container_wr360PlayerId img.panning {*/
/*    transform: scale(1.3);*/
/*}*/
/*.fotorama-item.fotorama.fotorama--fullscreen div#wr360container_wr360PlayerId.container.default_cursor.container_zoomed img.panning{*/
/*    margin-left: 0 !important;*/
/*    transform: scale(1.7);*/
/*    top: -35% !important;*/
/*}*/

/*.fotorama-item.fotorama.fotorama--fullscreen div#wr360container_wr360PlayerId img.panning {*/
/*    position: relative;*/
/*    margin-left: 50% !important;*/
/*    width: 100vw !important;*/
/*    left: -50vw;*/
/*    height: auto !important;*/
/*    top: -25%;*/
/*}*/


/* ====================== Football Shoes Page ====================== */
.cms-boots-page {
    background-color: #161616;
}

.cms-boots-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-boots-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-boots-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
}

.cms-boots-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-boots-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-boots-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-boots-page .hero-slider-section .splide .splide__slide h2,
.cms-boots-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-boots-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-boots-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-boots-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-boots-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-boots-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-boots-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-boots-page .collection-section {
    padding: 4rem 0;
}

.cms-boots-page .collection-section .collection-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item {
    position: relative;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item a:hover .collection .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item a:hover .collection h4.head-collection {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection {
    min-height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection.-phantom-gt {
    background: url(../images/PHANTOM-GT-Collection.png) center center;
    background-size: cover;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection.-mercurial {
    background: url(../images/mercurial-superfly-collection.png) center center;
    background-size: cover;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection.-nemeziz {
    background: url(../images/NEMEZIZ-collection.png) center center;
    background-size: cover;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection h4.head-collection {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-boots-page .collection-section {
        padding: 2rem 0;
    }
    .cms-boots-page .collection-section .collection-block .title-collection {
        text-align: center;
    }
    .cms-boots-page .collection-section .collection-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-boots-page .hot-product-section {
    padding: 4rem 0;
}

.cms-boots-page .hot-product-section .hot-product-block .title-hot-product {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-boots-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--prev {
    left: -4rem;
    background-color: transparent;
}

.cms-boots-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--next {
    right: -4rem;
    background-color: transparent;
}

.cms-boots-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__pagination {
    display: none;
}

.cms-boots-page .hot-product-section .hot-product-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-boots-page .hot-product-section .hot-product-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-boots-page .hot-product-section .hot-product-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-boots-page .hot-product-section {
        padding: 0;
    }
    .cms-boots-page .hot-product-section .hot-product-block {
        padding-right: 0;
    }
    .cms-boots-page .hot-product-section .hot-product-block .title-hot-product {
        text-align: center;
    }
    .cms-boots-page .hot-product-section #shoes-hot-slider .splide__arrows {
        display: none;
    }
}

.cms-boots-page .cate-shoes-section {
    padding: 4rem 0;
    padding-top: 1rem;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item {
    position: relative;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item a:hover .cate-shoes .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item a:hover .cate-shoes h4.head-cate-shoes {
    margin-bottom: 11rem;
    color: #F1C400;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes {
    min-height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-football-shoes {
    background: url(../images/football-shoes-cate.png) center center;
    background-size: cover;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-futsal-shoes {
    background: url(../images/futsal-shoes-cate.png) center center;
    background-size: cover;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-artificial-shoes {
    background: url(../images/artificial-shoes-cate.png) center center;
    background-size: cover;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-other {
    background: url(../images/other-shoes-cate.png) center center;
    background-size: cover;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes h4.head-cate-shoes {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-boots-page .cate-shoes-section {
        padding: 2rem 0;
    }
    .cms-boots-page .cate-shoes-section .cate-shoes-block .title-cate-shoes {
        text-align: center;
    }
    .cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item {
        position: relative;
    }
}

.cms-boots-page .brand-section {
    padding: 4rem 0;
    padding-bottom: 8rem;
}

.cms-boots-page .brand-section .brand-block .title-brand {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__pagination {
    display: none;
}

.cms-boots-page .brand-section .brand-block a:hover .slider-brand .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-boots-page .brand-section .brand-block a:hover .slider-brand img {
    margin-bottom: 10rem;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand {
    min-height: 32vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-01 {
    background: url(../images/brand-01.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-02 {
    background: url(../images/brand-02.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-03 {
    background: url(../images/brand-03.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-04 {
    background: url(../images/brand-04.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-05 {
    background: url(../images/brand-05.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand img {
    z-index: 2;
    margin-bottom: 3rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-boots-page .brand-section .brand-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-boots-page .brand-section .brand-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-boots-page .brand-section .brand-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-boots-page .brand-section .brand-block {
        padding-right: 0;
    }
    .cms-boots-page .brand-section #card-hot-slider .brand__arrows {
        display: none;
    }
}

@media (max-width: 991px) {
    .cms-boots-page .brand-section {
        padding: 0;
        padding-bottom: 4rem;
    }
}




/* ====================== Goalkeeper Device Page ====================== */
.cms-keepers-page {
    background-color: #161616;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/goalkeeper-device-slider.png) center center;
    background-size: cover;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/goalkeeper-device-slider.png) center center;
    background-size: cover;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/goalkeeper-device-slider.png) center center;
    background-size: cover;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide h2,
.cms-keepers-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .btn-border {
    display: block;
    position: relative;
    z-index: 2;
    width: auto;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    margin: 0;
    margin-top: 10px;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .overlay {
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-keepers-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(/images/goalkeeper-device-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(/images/goalkeeper-device-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(/images/goalkeeper-device-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide h2 {
        font-size: 22px !important;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-keepers-page .collection-section {
    padding: 4rem 0;
}

.cms-keepers-page .collection-section .collection-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item {
    position: relative;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item a:hover .collection .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item a:hover .collection h4.head-collection {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection {
    min-height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection.-phantom-gt {
    background: url(../images/PHANTOM-GT-Collection.png) center center;
    background-size: cover;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection.-mercurial {
    background: url(../images/mercurial-superfly-collection.png) center center;
    background-size: cover;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection.-nemeziz {
    background: url(../images/NEMEZIZ-collection.png) center center;
    background-size: cover;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection h4.head-collection {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-keepers-page .collection-section {
        padding: 2rem 0;
    }
    .cms-keepers-page .collection-section .collection-block .title-collection {
        text-align: center;
    }
    .cms-keepers-page .collection-section .collection-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-keepers-page .hot-product-section {
    padding: 4rem 0;
}

.cms-keepers-page .hot-product-section .hot-product-block .title-hot-product {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-keepers-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--prev {
    left: -4rem;
    background-color: transparent;
}

.cms-keepers-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--next {
    right: -4rem;
    background-color: transparent;
}

.cms-keepers-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__pagination {
    display: none;
}

.cms-keepers-page .hot-product-section .hot-product-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-keepers-page .hot-product-section .hot-product-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-keepers-page .hot-product-section .hot-product-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-keepers-page .hot-product-section {
        padding: 0;
    }
    .cms-keepers-page .hot-product-section .hot-product-block {
        padding-right: 0;
    }
    .cms-keepers-page .hot-product-section .hot-product-block .title-hot-product {
        text-align: center;
    }
    .cms-keepers-page .hot-product-section #shoes-hot-slider .splide__arrows {
        display: none;
    }
}

.cms-keepers-page .hot-product-section-mb {
    display: none;
}

@media (max-width: 991px) {
    .cms-keepers-page .hot-product-section {
        display: none;
    }
    .cms-keepers-page .hot-product-section-mb {
        display: block;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .title-hot-product {
        text-align: center;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .grid-block {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .grid-block .featured-img-block {
        height: 155px;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .grid-block .featured-img-block .badge {
        font-size: 14px;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .grid-block .featured-img-block .badge.-r {
        margin-top: 2rem;
    }
    .cms-keepers-page .hot-product-section-mb .read-more-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cms-keepers-page .hot-product-section-mb .read-more-block .btn-border {
        display: block;
        width: auto;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 30px;
        font-family: "Prachason";
        font-size: 16px;
    }
    .cms-keepers-page .hot-product-section-mb .read-more-block .btn-border:hover {
        background-color: #fff;
        color: #000;
    }
}

.cms-keepers-page .cate-goalkeeper-section {
    padding: 4rem 0;
    padding-top: 1rem;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item {
    position: relative;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item a:hover .cate-goalkeeper .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item a:hover .cate-goalkeeper h4.head-cate-goalkeeper {
    margin-bottom: 11rem;
    color: #F1C400;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper {
    min-height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper.-gear-01 {
    background: url(../images/gatekeeper-gear-01.png) center center;
    background-size: cover;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper.-gear-02 {
    background: url(../images/gatekeeper-gear-02.png) center center;
    background-size: cover;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper.-gear-03 {
    background: url(../images/gatekeeper-gear-03.png) center center;
    background-size: cover;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper h4.head-cate-goalkeeper {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-keepers-page .cate-goalkeeper-section {
        padding: 2rem 0;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .title-cate-goalkeeper {
        text-align: center;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item {
        position: relative;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper {
        min-height: 330px;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item a:hover .cate-goalkeeper h4.head-cate-goalkeeper {
        margin-bottom: 9rem;
    }
}

.cms-keepers-page .brand-section {
    padding: 4rem 0;
    padding-bottom: 8rem;
}

.cms-keepers-page .brand-section .brand-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item {
    position: relative;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item a:hover .brand .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item a:hover .brand img {
    margin-bottom: 8rem;
    color: #F1C400;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand {
    min-height: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand.-brand-01 {
    background: url(../images/goalkeeper-brand-01.png) center center;
    background-size: cover;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand.-brand-02 {
    background: url(../images/goalkeeper-brand-02.png) center center;
    background-size: cover;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand.-brand-03 {
    background: url(../images/goalkeeper-brand-03.png) center center;
    background-size: cover;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand img {
    z-index: 2;
    position: relative;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-keepers-page .brand-section {
        padding: 2rem 0;
        padding-bottom: 4rem;
    }
    .cms-keepers-page .brand-section .brand-block .title-brand {
        text-align: center;
    }
    .cms-keepers-page .brand-section .brand-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-keepers-page .brand-section .brand-block .grid-block .grid-item {
        position: relative;
    }
}

/* ====================== Racing suit Page ====================== */
.cms-jerseys-page {
    background-color: #161616;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide h2, .cms-jerseys-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide h2 {
    font-family: 'Agency FB';
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: 'Prachason';
    font-size: 16px;
    font-weight: normal;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-jerseys-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/racing-suit-hero-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/racing-suit-hero-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/racing-suit-hero-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-jerseys-page .hot-team-section {
    padding: 4rem 0;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__arrows .splide__arrow--prev {
    left: -4rem;
    background-color: transparent;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__arrows .splide__arrow--next {
    right: -4rem;
    background-color: transparent;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team a:hover .hot-team .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team a:hover .hot-team h4.head-hot-team {
    margin-bottom: 9rem;
    color: #F1C400;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team {
    min-height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: .5s;
    transition: .5s;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-01 {
    background: url(../images/hot-team-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-02 {
    background: url(../images/hot-team-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-03 {
    background: url(../images/hot-team-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-04 {
    background: url(../images/hot-team-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-05 {
    background: url(../images/hot-team-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team h4.head-hot-team {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: 'Agency FB';
    font-weight: normal;
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-jerseys-page .hot-team-section {
        padding: 2rem 0;
    }
    .cms-jerseys-page .hot-team-section .hot-team-block .title-hot-team {
        text-align: center;
    }
    .cms-jerseys-page .hot-team-section .hot-team-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-jerseys-page .your-fav-section {
    padding: 5rem 0;
    padding-bottom: 8rem;
    background: url(/images/bg-your-fav.png) center center;
    background-size: cover;
}

.cms-jerseys-page .your-fav-section .your-fav-block h2, .cms-jerseys-page .your-fav-section .your-fav-block h4 {
    text-align: center;
    margin: 5px 10px;
}

.cms-jerseys-page .your-fav-section .your-fav-block h2 {
    color: #F1C400;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block .grid-item .btn-border {
    width: 100px;
    display: block;
    border: 1px solid #fff;
    padding: 10px 2rem;
    border-radius: 5px;
    font-family: 'Prachason';
    font-weight: normal;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block .grid-item .btn-border:hover {
    background: transparent;
    border: 1px solid #F1C400;
    color: #F1C400;
}

@media (max-width: 991px) {
    .cms-jerseys-page .your-fav-section .your-fav-block .grid-block {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

.cms-jerseys-page .shirt-premier-section {
    padding-top: 4rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .title-shirt-premier {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider a:hover .slider-shirt-premier .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider a:hover .slider-shirt-premier h5 {
    margin-bottom: 7rem;
    color: #F1C400;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier {
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-01 {
    background: url(../images/shirt-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-02 {
    background: url(../images/shirt-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-03 {
    background: url(../images/shirt-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-04 {
    background: url(../images/shirt-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-05 {
    background: url(../images/shirt-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier h5 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: 'Agency FB';
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: normal;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: 'Prachason';
    font-size: 16px;
    font-weight: normal;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-jerseys-page .shirt-premier-section {
        padding: 0;
    }
    .cms-jerseys-page .shirt-premier-section .shirt-premier-block {
        padding-right: 0;
    }
    .cms-jerseys-page .shirt-premier-section .shirt-premier-block .title-shirt-premier {
        text-align: center;
    }
    .cms-jerseys-page .shirt-premier-section #shirt-premier-slider .splide__arrows {
        display: none;
    }
}

.cms-jerseys-page .hot-product-section {
    padding: 4rem 0;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block {
    height: 270px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block .badge {
    font-size: 14px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block .badge.-r {
    margin-top: 2rem;
}

.cms-jerseys-page .hot-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-jerseys-page .hot-product-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: 'Prachason';
    font-size: 16px;
}

.cms-jerseys-page .hot-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-jerseys-page .hot-product-section .hot-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

.cms-jerseys-page .national-team-section {
    padding: 1rem 0;
    padding-bottom: 7rem;
}

.cms-jerseys-page .national-team-section .national-team-block .title-national-team {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider a:hover .slider-national-team .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider a:hover .slider-national-team h5 {
    margin-bottom: 7rem;
    color: #F1C400;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team {
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-01 {
    background: url(../images/national-team-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-02 {
    background: url(../images/national-team-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-03 {
    background: url(../images/national-team-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-04 {
    background: url(../images/national-team-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-05 {
    background: url(../images/national-team-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team h5 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: 'Agency FB';
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: normal;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: 'Prachason';
    font-size: 16px;
    font-weight: normal;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-jerseys-page .national-team-section {
        padding: 0;
    }
    .cms-jerseys-page .national-team-section .national-team-block {
        padding-right: 0;
    }
    .cms-jerseys-page .national-team-section .national-team-block .title-national-team {
        text-align: center;
    }
    .cms-jerseys-page .national-team-section #national-team-slider .splide__arrows {
        display: none;
    }
}

/* ====================== Racing suit Page ====================== */
.cms-jerseys-page {
    background-color: #161616;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide {
    min-height: 467px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: calc(100vw - 212px);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1160px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 32px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide h2 {
    font-family: "Agency FB";
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: Prachason;
    font-size: 16px;
    font-weight: 400;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .overlay {
    display: none !important;
    max-width: 60%;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0, #161616 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
    display: block !important;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: 0 0;
    opacity: 1;
    background: 0 0;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
    width: 100px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
    left: 13%;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
    right: 13%;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__arrows .splide__arrow--prev {
    left: -4rem;
    background-color: transparent;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__arrows .splide__arrow--next {
    right: -4rem;
    background-color: transparent;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team a:hover .hot-team .overlay {
    max-height: 100%;
    -webkit-transition: max-height .25s ease-in;
    transition: max-height .25s ease-in;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team a:hover .hot-team h4.head-hot-team {
    margin-bottom: 9rem;
    color: #F1C400;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team {
    min-height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: .5s;
    transition: .5s;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-01 {
    background: url(../images/hot-team-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-02 {
    background: url(../images/hot-team-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-03 {
    background: url(../images/hot-team-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-04 {
    background: url(../images/hot-team-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-05 {
    background: url(../images/hot-team-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team h4.head-hot-team {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Agency FB";
    font-weight: 400;
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team .overlay {
    max-height: 40%;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .hot-team-section .hot-team-block .title-hot-team {
    text-align: center;
}

.cms-jerseys-page .hot-team-section .hot-team-block .grid-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.cms-jerseys-page .collection-section {
    padding: 4rem 0 148px;
    padding: 2rem 0;
}

.cms-jerseys-page .collection-section .collection-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item {
    position: relative;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item a:hover .collection .overlay {
    max-height: 100%;
    -webkit-transition: max-height .25s ease-in;
    transition: max-height .25s ease-in;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item a:hover .collection h4.head-collection {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item .collection {
    min-height: 278px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: .5s;
    transition: .5s;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item .collection.-phantom-gt {
    background: url(../images/nike-uniform.png) center center;
    background-size: cover;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item .collection.-mercurial {
    background: url(../images/adidas-uniform.png) center center;
    background-size: cover;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item .collection.-nemeziz {
    background: url(../images/puma-uniform.png) center center;
    background-size: cover;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item .collection h4.head-collection {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: 400;
}

.cms-jerseys-page .collection-section .collection-block .grid-block .grid-item .collection .overlay {
    max-height: 40%;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .collection-section .collection-block .title-collection {
    text-align: center;
}

.cms-jerseys-page .your-fav-section .your-fav-heading {
    padding-top: 126px;
    padding-bottom: 16px;
    padding-top: 63px;
}

.cms-jerseys-page .your-fav-section .your-fav-heading h2 {
    font-weight: 500;
    font-size: 26px;
    color: #F1C400;
    font-size: 22px;
}

.cms-jerseys-page .your-fav-section .your-fav-heading h4 {
    font-weight: 400;
    font-size: 21px;
    font-size: 20px;
}

.cms-jerseys-page .your-fav-section .your-fav-block h3 {
    font-size: 24px;
    font-weight: 600;
    color: #F1C400;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.25;
    margin-top: 19px;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider a:hover .slider-shirt-premier .overlay {
    max-height: 100%;
    -webkit-transition: max-height .25s ease-in;
    transition: max-height .25s ease-in;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider a:hover .slider-shirt-premier h5 {
    margin-bottom: 7rem;
    color: #F1C400;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .slider-shirt-premier {
    min-height: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 5px;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .slider-shirt-premier.-shirt-premier-01 {
    background: url(../images/premier-league.svg) center center;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .slider-shirt-premier.-shirt-premier-02 {
    background: url(../images/european-league.svg) center center;
    background-size: cover;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .slider-shirt-premier.-shirt-premier-03 {
    background: url(../images/toyota-thai-league.svg) center center;
    background-size: cover;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .slider-shirt-premier.-shirt-premier-04 {
    background: url(../images/national-footbal-team.svg) center center;
    background-size: cover;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .slider-shirt-premier.-shirt-premier-05 {
    background: url(../images/thailand-team.svg) center center;
    background-size: cover;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .slider-shirt-premier h5 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: 400;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .slider-shirt-premier .overlay {
    max-height: 40%;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .splide__arrows {
    display: none;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-jerseys-page .your-fav-section .your-fav-block.g-container #your-fav-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .your-fav-section .your-fav-bg {
    padding: 25px 0 60px;
}

.cms-jerseys-page .title-collection {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 25px;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block {
    padding-right: 0;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container {
    max-width: 100%;
    padding: 0;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container.test {
    max-width: 1160px;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider a:hover .slider-shirt-premier .overlay {
    max-height: 100%;
    -webkit-transition: max-height .25s ease-in;
    transition: max-height .25s ease-in;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider a:hover .slider-shirt-premier h5 {
    margin-bottom: 7rem;
    color: #F1C400;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier {
    min-height: 278px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-01 {
    background: url(../images/shirt-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-02 {
    background: url(../images/shirt-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-03 {
    background: url(../images/shirt-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-04 {
    background: url(../images/shirt-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-05 {
    background: url(../images/shirt-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier h5 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: 400;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier .overlay {
    max-height: 40%;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider a:hover .slider-shirt-premier .overlay {
    max-height: 100%;
    -webkit-transition: max-height .25s ease-in;
    transition: max-height .25s ease-in;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider a:hover .slider-shirt-premier h5 {
    margin-bottom: 7rem;
    color: #F1C400;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .slider-shirt-premier {
    min-height: 278px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .slider-shirt-premier.-shirt-premier-01 {
    background: url(../images/nike-uniform.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .slider-shirt-premier.-shirt-premier-02 {
    background: url(../images/adidas-uniform.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .slider-shirt-premier.-shirt-premier-03 {
    background: url(../images/puma-uniform.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .slider-shirt-premier h5 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: 400;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .slider-shirt-premier .overlay {
    max-height: 40%;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #brand-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block > .title-brand {
    max-width: 1160px;
    margin: 20px auto 30px;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    margin-top: 107px;
    font-size: 24px;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .title-shirt-premier {
    font-size: 26px;
    margin-bottom: 1rem;
    text-align: center;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: Prachason;
    font-size: 16px;
    font-weight: 400;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.brand-block > .title-brand {
    margin-top: 58px;
}

.cms-jerseys-page #shirt-premier-slider .splide__slide {
    width: 370px !important;
    height: 278px !important;
}

.cms-jerseys-page #brand-slider .splide__slide {
    width: 370px !important;
    height: 278px !important;
}

.cms-jerseys-page #your-fav-slider .splide__slide {
    width: 210px !important;
    height: 345px !important;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block {
    height: 270px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block .badge {
    font-size: 14px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block .badge.-r {
    margin-top: 2rem;
}

.cms-jerseys-page .hot-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-jerseys-page .hot-product-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: Prachason;
    font-size: 16px;
    margin-top: 63px;
}

.cms-jerseys-page .hot-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-jerseys-page .hot-product-section .post-items.-card .featured-img-block {
    height: 270px;
    width: 270px;
}

.cms-jerseys-page .title-hot-product {
    margin-bottom: 26px;
    font-weight: 500;
    font-size: 26px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0 0 34px;
}

.cms-jerseys-page .national-team-section {
    padding: 0;
}

.cms-jerseys-page .national-team-section .national-team-block {
    padding-right: 0;
}

.cms-jerseys-page .national-team-section .national-team-block .title-national-team {
    font-size: 26px;
    margin-bottom: 1rem;
    text-align: center;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider a:hover .slider-national-team .overlay {
    max-height: 100%;
    -webkit-transition: max-height .25s ease-in;
    transition: max-height .25s ease-in;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider a:hover .slider-national-team h5 {
    margin-bottom: 7rem;
    color: #F1C400;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team {
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-01 {
    background: url(../images/national-team-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-02 {
    background: url(../images/national-team-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-03 {
    background: url(../images/national-team-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-04 {
    background: url(../images/national-team-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-05 {
    background: url(../images/national-team-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team h5 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: 400;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team .overlay {
    max-height: 40%;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: Prachason;
    font-size: 16px;
    font-weight: 400;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-jerseys-page .national-team-section #national-team-slider .splide__arrows {
    display: none;
}

.cms-jerseys-page .show-product-section {
    padding-top: 4rem;
    padding-top: 0;
}

.cms-jerseys-page .show-product-section .show-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-jerseys-page .show-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-jerseys-page .show-product-section .read-more-block .btn-border {
    width: auto;
    padding: 10px 3rem;
    border: 1px solid #fff;
    border-radius: 5px;
    font-family: Prachason;
    font-weight: 400;
    margin-top: 40px;
    font-size: 16px;
}

.cms-jerseys-page .show-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-jerseys-page .post-items.-card .compare-block {
    display: none;
}

.cms-jerseys-page .post-items.-card .title-item .title {
    margin-bottom: -10px;
}

.cms-jerseys-page #football-shoes-slider-list .splide__slide {
    padding: 0 40px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide h2,
.cms-jerseys-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .cms-jerseys-page .hero-slider-section .splide .splide__slide {
        min-height: 311px;
    }
    .cms-jerseys-page .hot-team-section {
        padding: 2rem 0;
    }
    .cms-jerseys-page .your-fav-section .your-fav-block.g-container {
        padding: 0;
    }
    .cms-jerseys-page .shirt-premier-section {
        padding: 0;
    }
    .cms-jerseys-page .hot-product-section .hot-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .cms-jerseys-page .main-content {
        padding-bottom: 60px;
    }
    .d-md-none {
        display: block !important;
    }
    .d-sm-none {
        display: none !important;
    }
}

.cms-jerseys-page .hot-team-section {
    padding: 4rem 0;
}

.cms-jerseys-page .your-fav-section .your-fav-bg {
    padding: 59px 0 155px;
    background: url(../images/bg-your-fav-new.png) bottom;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section {
    padding-top: 6px;
}

.cms-jerseys-page .hot-product-section {
    padding: 0 0 4rem;
    margin-top: -42px;
}

.cms-jerseys-page .national-team-section {
    padding: 1rem 0;
    padding-bottom: 7rem;
}

.cms-jerseys-page .your-fav-section .your-fav-heading h2,
.cms-jerseys-page .your-fav-section .your-fav-heading h4 {
    text-align: center;
    margin: 5px 10px;
}

.cms-jerseys-page .shirt-premier-section #brand-slider .splide__arrows,
.cms-jerseys-page .shirt-premier-section #shirt-premier-slider .splide__arrows,
.cms-jerseys-page .your-fav-section #your-fav-slider .splide__arrows {
    display: none;
}

.d-md-none {
    display: none !important;
}

.post-items.-card .title-item .category {
    font-size: 14px;
}

.post-items.-card .title-item .title {
    font-size: 16px;
}

.post-items.-card .content-item .price-block .price {
    font-size: 14px;
}

.post-items.-card .featured-img-block {
    max-height: 187px;
}

.g-container {
    padding: 0 10px;
}

.d-sm-none {
    display: block !important;
}

/* ====================== Football Equipment Page ====================== */
.cms-equipment-page{
    background-color: #161616;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
    font-family: 'Prachason';
}

.cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/football-equipment-slider.png) center center;
    background-size: cover;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/football-equipment-slider.png) center center;
    background-size: cover;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/football-equipment-slider.png) center center;
    background-size: cover;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide h2,
.cms-equipment-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide h2 {
    font-family: "Agency FB";
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-equipment-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/football-equipment-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/football-equipment-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/football-equipment-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-equipment-page .pro-section {
    padding: 4rem 0;
}

.cms-equipment-page .pro-section .pro-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item {
    position: relative;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item a:hover .pro .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item a:hover .pro h4.head-pro {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .content-block {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 35px 30px;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .content-block h4.head-pro {
    width: 100%;
    text-align: left;
    font-size: 26px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .content-block a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .content-block a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro.-pro-01 {
    background: url(../images/pro-01.png) center center;
    background-size: cover;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro.-pro-02 {
    background: url(../images/pro-02.png) center center;
    background-size: cover;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-equipment-page .pro-section {
        padding: 2rem 0;
    }
    .cms-equipment-page .pro-section .pro-block .title-pro {
        text-align: center;
    }
    .cms-equipment-page .pro-section .pro-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-equipment-page .show-product-section {
    padding-top: 4rem;
}

.cms-equipment-page .show-product-section .show-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-equipment-page .show-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-equipment-page .show-product-section .read-more-block .btn-border {
    width: auto;
    padding: 10px 3rem;
    border: 1px solid #fff;
    border-radius: 5px;
    font-family: 'Prachason';
    font-weight: normal;
}

.cms-equipment-page .show-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-equipment-page .show-product-section .show-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

.cms-equipment-page .football-equipment-section {
    padding: 4rem 0;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item {
    position: relative;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item a:hover .football-equipment .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item a:hover .football-equipment h4.head-football-equipment {
    margin-bottom: 5rem;
    color: #F1C400;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment {
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment h4.head-football-equipment {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
    position: relative;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment.-equipment-01 {
    background: url(../images/equipment-01.png) center center;
    background-size: cover;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment.-equipment-02 {
    background: url(../images/equipment-02.png) center center;
    background-size: cover;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment.-equipment-03 {
    background: url(../images/equipment-03.png) center center;
    background-size: cover;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment.-equipment-04 {
    background: url(../images/equipment-04.png) center center;
    background-size: cover;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-equipment-page .football-equipment-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-equipment-page .football-equipment-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: "Prachason";
    font-size: 16px;
}

.cms-equipment-page .football-equipment-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-equipment-page .football-equipment-section .football-equipment-block .title-football-equipment {
        text-align: center;
    }
    .cms-equipment-page .football-equipment-section .football-equipment-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}


/* ====================== T-Shirt Page ====================== */
.cms-apparel-page {
    background-color: #161616;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
    font-family: 'Prachason';
}

.cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/t-shirt-slider.png) center center;
    background-size: cover;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/t-shirt-slider.png) center center;
    background-size: cover;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/t-shirt-slider.png) center center;
    background-size: cover;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide h2,
.cms-apparel-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide h2 {
    font-family: "Agency FB";
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-apparel-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/t-shirt-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/t-shirt-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/t-shirt-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-apparel-page .t-shirt-brand-section {
    padding: 4rem 0;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item {
    position: relative;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item a:hover .t-shirt-brand .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item a:hover .t-shirt-brand img {
    margin-bottom: 12rem;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand img {
    position: relative;
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand.-t-shirt-brand-01 {
    background: url(../images/t-shirt-brand-01.png) center center;
    background-size: cover;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand.-t-shirt-brand-02 {
    background: url(../images/t-shirt-brand-02.png) center center;
    background-size: cover;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand.-t-shirt-brand-03 {
    background: url(../images/t-shirt-brand-03.png) center center;
    background-size: cover;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand.-t-shirt-brand-04 {
    background: url(../images/t-shirt-brand-04.png) center center;
    background-size: cover;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-apparel-page .t-shirt-brand-section {
        padding: 2rem 0;
    }
    .cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .title-t-shirt-brand {
        text-align: center;
    }
    .cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-apparel-page .show-product-section .show-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-apparel-page .show-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-apparel-page .show-product-section .read-more-block .btn-border {
    width: auto;
    padding: 10px 3rem;
    border: 1px solid #fff;
    border-radius: 5px;
    font-family: 'Prachason';
    font-weight: normal;
}

.cms-apparel-page .show-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-apparel-page .show-product-section .show-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

.cms-apparel-page .your-style-section {
    padding: 4rem 0;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item {
    position: relative;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item a:hover .your-style .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item a:hover .your-style h4.head-your-style {
    margin-bottom: 5rem;
    color: #F1C400;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style {
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style h4.head-your-style {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
    position: relative;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-01 {
    background: url(../images/your-style-t-shirt-01.png) center center;
    background-size: cover;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-02 {
    background: url(../images/your-style-t-shirt-02.png) center center;
    background-size: cover;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-03 {
    background: url(../images/your-style-t-shirt-03.png) center center;
    background-size: cover;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-04 {
    background: url(../images/your-style-t-shirt-04.png) center center;
    background-size: cover;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-apparel-page .your-style-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-apparel-page .your-style-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: "Prachason";
    font-size: 16px;
}

.cms-apparel-page .your-style-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-apparel-page .your-style-section .your-style-block .title-your-style {
        text-align: center;
    }
    .cms-apparel-page .your-style-section .your-style-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}



/* ====================== Ari Gear Page ====================== */
.cms-ari-gear-page {
    background-color: #161616;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
    font-family: 'Prachason';
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/ari-gear-slider.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/ari-gear-slider.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/ari-gear-slider.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide h2,
.cms-ari-gear-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide h2 {
    font-family: "Agency FB";
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/ari-gear-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/ari-gear-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/ari-gear-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-ari-gear-page .hot-collection-section {
    padding: 4rem 0;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item {
    position: relative;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item a:hover .hot-collection .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item a:hover .hot-collection h4.head-hot-collection {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 35px 30px;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block h4.head-hot-collection {
    width: 100%;
    text-align: left;
    font-size: 26px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection.-hot-collection-01 {
    background: url(../images/hot-collection-01.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection.-hot-collection-02 {
    background: url(../images/hot-collection-02.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-ari-gear-page .hot-collection-section {
        padding: 2rem 0;
    }
    .cms-ari-gear-page .hot-collection-section .hot-collection-block .title-hot-collection {
        text-align: center;
    }
    .cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item {
    position: relative;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item a:hover .your-style .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item a:hover .your-style h4.head-your-style {
    margin-bottom: 5rem;
    color: #F1C400;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style {
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style h4.head-your-style {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
    position: relative;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-01 {
    background: url(../images/your-style-t-shirt-01.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-02 {
    background: url(../images/your-style-t-shirt-02.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-03 {
    background: url(../images/your-style-t-shirt-03.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-04 {
    background: url(../images/your-style-t-shirt-04.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-ari-gear-page .your-style-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-ari-gear-page .your-style-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: "Prachason";
    font-size: 16px;
}

.cms-ari-gear-page .your-style-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-ari-gear-page .your-style-section .your-style-block .title-your-style {
        text-align: center;
    }
    .cms-ari-gear-page .your-style-section .your-style-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-ari-gear-page .show-product-section {
    padding: 4rem 0;
    padding-bottom: 7rem;
}

.cms-ari-gear-page .show-product-section .show-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-ari-gear-page .show-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-ari-gear-page .show-product-section .read-more-block .btn-border {
    width: auto;
    padding: 10px 3rem;
    border: 1px solid #fff;
    border-radius: 5px;
    font-family: 'Prachason';
    font-weight: normal;
}

.cms-ari-gear-page .show-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-ari-gear-page .show-product-section {
        padding-top: 2rem;
    }
    .cms-ari-gear-page .show-product-section .show-product-block h2 {
        text-align: center;
    }
    .cms-ari-gear-page .show-product-section .show-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

/* ====================== Football Shoes Page ====================== */
.cms-boots-page {
    background-color: #161616;
}

.cms-boots-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-boots-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-boots-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
}

.cms-boots-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-boots-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-boots-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-boots-page .hero-slider-section .splide .splide__slide h2,
.cms-boots-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-boots-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-boots-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-boots-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-boots-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-boots-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-boots-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-boots-page .collection-section {
    padding: 4rem 0;
}

.cms-boots-page .collection-section .collection-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item {
    position: relative;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item a:hover .collection .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item a:hover .collection h4.head-collection {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection {
    min-height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection.-phantom-gt {
    background: url(../images/PHANTOM-GT-Collection.png) center center;
    background-size: cover;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection.-mercurial {
    background: url(../images/mercurial-superfly-collection.png) center center;
    background-size: cover;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection.-nemeziz {
    background: url(../images/NEMEZIZ-collection.png) center center;
    background-size: cover;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection h4.head-collection {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-boots-page .collection-section .collection-block .grid-block .grid-item .collection .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-boots-page .collection-section {
        padding: 2rem 0;
    }
    .cms-boots-page .collection-section .collection-block .title-collection {
        text-align: center;
    }
    .cms-boots-page .collection-section .collection-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-boots-page .hot-product-section {
    padding: 4rem 0;
}

.cms-boots-page .hot-product-section .hot-product-block .title-hot-product {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-boots-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--prev {
    left: -4rem;
    background-color: transparent;
}

.cms-boots-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--next {
    right: -4rem;
    background-color: transparent;
}

.cms-boots-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__pagination {
    display: none;
}

.cms-boots-page .hot-product-section .hot-product-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-boots-page .hot-product-section .hot-product-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-boots-page .hot-product-section .hot-product-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-boots-page .hot-product-section {
        padding: 0;
    }
    .cms-boots-page .hot-product-section .hot-product-block {
        padding-right: 0;
    }
    .cms-boots-page .hot-product-section .hot-product-block .title-hot-product {
        text-align: center;
    }
    .cms-boots-page .hot-product-section #shoes-hot-slider .splide__arrows {
        display: none;
    }
}

.cms-boots-page .cate-shoes-section {
    padding: 4rem 0;
    padding-top: 1rem;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item {
    position: relative;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item a:hover .cate-shoes .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item a:hover .cate-shoes h4.head-cate-shoes {
    margin-bottom: 11rem;
    color: #F1C400;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes {
    min-height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-football-shoes {
    background: url(../images/football-shoes-cate.png) center center;
    background-size: cover;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-futsal-shoes {
    background: url(../images/futsal-shoes-cate.png) center center;
    background-size: cover;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-artificial-shoes {
    background: url(../images/artificial-shoes-cate.png) center center;
    background-size: cover;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-other {
    background: url(../images/other-shoes-cate.png) center center;
    background-size: cover;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes h4.head-cate-shoes {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-boots-page .cate-shoes-section {
        padding: 2rem 0;
    }
    .cms-boots-page .cate-shoes-section .cate-shoes-block .title-cate-shoes {
        text-align: center;
    }
    .cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-boots-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item {
        position: relative;
    }
}

.cms-boots-page .brand-section {
    padding: 4rem 0;
    padding-bottom: 8rem;
}

.cms-boots-page .brand-section .brand-block .title-brand {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-boots-page .brand-section .brand-block #brand-slider .splide__pagination {
    display: none;
}

.cms-boots-page .brand-section .brand-block a:hover .slider-brand .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-boots-page .brand-section .brand-block a:hover .slider-brand img {
    margin-bottom: 10rem;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand {
    min-height: 32vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-01 {
    background: url(../images/brand-01.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-02 {
    background: url(../images/brand-02.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-03 {
    background: url(../images/brand-03.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-04 {
    background: url(../images/brand-04.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand.-brand-05 {
    background: url(../images/brand-05.png) center center;
    background-size: cover;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand img {
    z-index: 2;
    margin-bottom: 3rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-boots-page .brand-section .brand-block .splide__slide .slider-brand .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-boots-page .brand-section .brand-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-boots-page .brand-section .brand-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-boots-page .brand-section .brand-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-boots-page .brand-section .brand-block {
        padding-right: 0;
    }
    .cms-boots-page .brand-section #card-hot-slider .brand__arrows {
        display: none;
    }
}

@media (max-width: 991px) {
    .cms-boots-page .brand-section {
        padding: 0;
        padding-bottom: 4rem;
    }
}




/* ====================== Goalkeeper Device Page ====================== */
.cms-keepers-page {
    background-color: #161616;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/goalkeeper-device-slider.png) center center;
    background-size: cover;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/goalkeeper-device-slider.png) center center;
    background-size: cover;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/goalkeeper-device-slider.png) center center;
    background-size: cover;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide h2,
.cms-keepers-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .btn-border {
    display: block;
    position: relative;
    z-index: 2;
    width: auto;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    margin: 0;
    margin-top: 10px;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-keepers-page .hero-slider-section .splide .splide__slide .overlay {
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-keepers-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(/images/goalkeeper-device-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(/images/goalkeeper-device-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(/images/goalkeeper-device-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__slide h2 {
        font-size: 22px !important;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-keepers-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-keepers-page .collection-section {
    padding: 4rem 0;
}

.cms-keepers-page .collection-section .collection-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item {
    position: relative;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item a:hover .collection .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item a:hover .collection h4.head-collection {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection {
    min-height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection.-phantom-gt {
    background: url(../images/PHANTOM-GT-Collection.png) center center;
    background-size: cover;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection.-mercurial {
    background: url(../images/mercurial-superfly-collection.png) center center;
    background-size: cover;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection.-nemeziz {
    background: url(../images/NEMEZIZ-collection.png) center center;
    background-size: cover;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection h4.head-collection {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-keepers-page .collection-section .collection-block .grid-block .grid-item .collection .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-keepers-page .collection-section {
        padding: 2rem 0;
    }
    .cms-keepers-page .collection-section .collection-block .title-collection {
        text-align: center;
    }
    .cms-keepers-page .collection-section .collection-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-keepers-page .hot-product-section {
    padding: 4rem 0;
}

.cms-keepers-page .hot-product-section .hot-product-block .title-hot-product {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-keepers-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--prev {
    left: -4rem;
    background-color: transparent;
}

.cms-keepers-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--next {
    right: -4rem;
    background-color: transparent;
}

.cms-keepers-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__pagination {
    display: none;
}

.cms-keepers-page .hot-product-section .hot-product-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-keepers-page .hot-product-section .hot-product-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-keepers-page .hot-product-section .hot-product-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-keepers-page .hot-product-section {
        padding: 0;
    }
    .cms-keepers-page .hot-product-section .hot-product-block {
        padding-right: 0;
    }
    .cms-keepers-page .hot-product-section .hot-product-block .title-hot-product {
        text-align: center;
    }
    .cms-keepers-page .hot-product-section #shoes-hot-slider .splide__arrows {
        display: none;
    }
}

.cms-keepers-page .hot-product-section-mb {
    display: none;
}

@media (max-width: 991px) {
    .cms-keepers-page .hot-product-section {
        display: none;
    }
    .cms-keepers-page .hot-product-section-mb {
        display: block;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .title-hot-product {
        text-align: center;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .grid-block {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .grid-block .featured-img-block {
        height: 155px;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .grid-block .featured-img-block .badge {
        font-size: 14px;
    }
    .cms-keepers-page .hot-product-section-mb .hot-product-block .grid-block .featured-img-block .badge.-r {
        margin-top: 2rem;
    }
    .cms-keepers-page .hot-product-section-mb .read-more-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cms-keepers-page .hot-product-section-mb .read-more-block .btn-border {
        display: block;
        width: auto;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 30px;
        font-family: "Prachason";
        font-size: 16px;
    }
    .cms-keepers-page .hot-product-section-mb .read-more-block .btn-border:hover {
        background-color: #fff;
        color: #000;
    }
}

.cms-keepers-page .cate-goalkeeper-section {
    padding: 4rem 0;
    padding-top: 1rem;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item {
    position: relative;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item a:hover .cate-goalkeeper .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item a:hover .cate-goalkeeper h4.head-cate-goalkeeper {
    margin-bottom: 11rem;
    color: #F1C400;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper {
    min-height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper.-gear-01 {
    background: url(../images/gatekeeper-gear-01.png) center center;
    background-size: cover;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper.-gear-02 {
    background: url(../images/gatekeeper-gear-02.png) center center;
    background-size: cover;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper.-gear-03 {
    background: url(../images/gatekeeper-gear-03.png) center center;
    background-size: cover;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper h4.head-cate-goalkeeper {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-keepers-page .cate-goalkeeper-section {
        padding: 2rem 0;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .title-cate-goalkeeper {
        text-align: center;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item {
        position: relative;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item .cate-goalkeeper {
        min-height: 330px;
    }
    .cms-keepers-page .cate-goalkeeper-section .cate-goalkeeper-block .grid-block .grid-item a:hover .cate-goalkeeper h4.head-cate-goalkeeper {
        margin-bottom: 9rem;
    }
}

.cms-keepers-page .brand-section {
    padding: 4rem 0;
    padding-bottom: 8rem;
}

.cms-keepers-page .brand-section .brand-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item {
    position: relative;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item a:hover .brand .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item a:hover .brand img {
    margin-bottom: 8rem;
    color: #F1C400;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand {
    min-height: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand.-brand-01 {
    background: url(../images/goalkeeper-brand-01.png) center center;
    background-size: cover;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand.-brand-02 {
    background: url(../images/goalkeeper-brand-02.png) center center;
    background-size: cover;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand.-brand-03 {
    background: url(../images/goalkeeper-brand-03.png) center center;
    background-size: cover;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand img {
    z-index: 2;
    position: relative;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-keepers-page .brand-section .brand-block .grid-block .grid-item .brand .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-keepers-page .brand-section {
        padding: 2rem 0;
        padding-bottom: 4rem;
    }
    .cms-keepers-page .brand-section .brand-block .title-brand {
        text-align: center;
    }
    .cms-keepers-page .brand-section .brand-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-keepers-page .brand-section .brand-block .grid-block .grid-item {
        position: relative;
    }
}


/* ====================== Racing suit Page ====================== */
.cms-jerseys-page {
    background-color: #161616;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/racing-suit-hero-slider.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide h2, .cms-jerseys-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide h2 {
    font-family: 'Agency FB';
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: 'Prachason';
    font-size: 16px;
    font-weight: normal;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-jerseys-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-jerseys-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/racing-suit-hero-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/racing-suit-hero-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/racing-suit-hero-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-jerseys-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-jerseys-page .hot-team-section {
    padding: 4rem 0;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__arrows .splide__arrow--prev {
    left: -4rem;
    background-color: transparent;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__arrows .splide__arrow--next {
    right: -4rem;
    background-color: transparent;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team a:hover .hot-team .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team a:hover .hot-team h4.head-hot-team {
    margin-bottom: 9rem;
    color: #F1C400;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team {
    min-height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: .5s;
    transition: .5s;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-01 {
    background: url(../images/hot-team-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-02 {
    background: url(../images/hot-team-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-03 {
    background: url(../images/hot-team-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-04 {
    background: url(../images/hot-team-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team.-hot-team-05 {
    background: url(../images/hot-team-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team h4.head-hot-team {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: 'Agency FB';
    font-weight: normal;
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
}

.cms-jerseys-page .hot-team-section .hot-team-block #hot-team-slider .slider-hot-team .hot-team .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-jerseys-page .hot-team-section {
        padding: 2rem 0;
    }
    .cms-jerseys-page .hot-team-section .hot-team-block .title-hot-team {
        text-align: center;
    }
    .cms-jerseys-page .hot-team-section .hot-team-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-jerseys-page .your-fav-section {
    padding: 5rem 0;
    padding-bottom: 8rem;
    background: url(/images/bg-your-fav.png) center center;
    background-size: cover;
}

.cms-jerseys-page .your-fav-section .your-fav-block h2, .cms-jerseys-page .your-fav-section .your-fav-block h4 {
    text-align: center;
    margin: 5px 10px;
}

.cms-jerseys-page .your-fav-section .your-fav-block h2 {
    color: #F1C400;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block .grid-item .btn-border {
    width: 100px;
    display: block;
    border: 1px solid #fff;
    padding: 10px 2rem;
    border-radius: 5px;
    font-family: 'Prachason';
    font-weight: normal;
}

.cms-jerseys-page .your-fav-section .your-fav-block .grid-block .grid-item .btn-border:hover {
    background: transparent;
    border: 1px solid #F1C400;
    color: #F1C400;
}

@media (max-width: 991px) {
    .cms-jerseys-page .your-fav-section .your-fav-block .grid-block {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

.cms-jerseys-page .shirt-premier-section {
    padding-top: 4rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .title-shirt-premier {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider a:hover .slider-shirt-premier .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider a:hover .slider-shirt-premier h5 {
    margin-bottom: 7rem;
    color: #F1C400;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier {
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-01 {
    background: url(../images/shirt-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-02 {
    background: url(../images/shirt-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-03 {
    background: url(../images/shirt-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-04 {
    background: url(../images/shirt-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier.-shirt-premier-05 {
    background: url(../images/shirt-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier h5 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: 'Agency FB';
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: normal;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .slider-shirt-premier .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block.g-container #shirt-premier-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: 'Prachason';
    font-size: 16px;
    font-weight: normal;
}

.cms-jerseys-page .shirt-premier-section .shirt-premier-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-jerseys-page .shirt-premier-section {
        padding: 0;
    }
    .cms-jerseys-page .shirt-premier-section .shirt-premier-block {
        padding-right: 0;
    }
    .cms-jerseys-page .shirt-premier-section .shirt-premier-block .title-shirt-premier {
        text-align: center;
    }
    .cms-jerseys-page .shirt-premier-section #shirt-premier-slider .splide__arrows {
        display: none;
    }
}

/*.cms-jerseys-page .hot-product-section {*/
/*    padding: 4rem 0;*/
/*}*/

.cms-jerseys-page .hot-product-section .read-more-block .btn-border {
    margin-top: 0;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block {
    height: 270px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block .badge {
    font-size: 14px;
}

.cms-jerseys-page .hot-product-section .hot-product-block .grid-block .featured-img-block .badge.-r {
    margin-top: 2rem;
}

.cms-jerseys-page .hot-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-jerseys-page .hot-product-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: 'Prachason';
    font-size: 16px;
}

.cms-jerseys-page .hot-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-jerseys-page .hot-product-section .hot-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

.cms-jerseys-page .national-team-section {
    padding: 1rem 0;
    padding-bottom: 7rem;
}

.cms-jerseys-page .national-team-section .national-team-block .title-national-team {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider a:hover .slider-national-team .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider a:hover .slider-national-team h5 {
    margin-bottom: 7rem;
    color: #F1C400;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team {
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-01 {
    background: url(../images/national-team-01.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-02 {
    background: url(../images/national-team-02.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-03 {
    background: url(../images/national-team-03.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-04 {
    background: url(../images/national-team-04.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team.-national-team-05 {
    background: url(../images/national-team-05.png) center center;
    background-size: cover;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team h5 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: 'Agency FB';
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-weight: normal;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .slider-national-team .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height .5s ease-in-out;
    transition: all height .5s ease-in-out;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-jerseys-page .national-team-section .national-team-block.g-container #national-team-slider .splide__pagination {
    display: none;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: 'Prachason';
    font-size: 16px;
    font-weight: normal;
}

.cms-jerseys-page .national-team-section .national-team-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-jerseys-page .national-team-section {
        padding: 0;
    }
    .cms-jerseys-page .national-team-section .national-team-block {
        padding-right: 0;
    }
    .cms-jerseys-page .national-team-section .national-team-block .title-national-team {
        text-align: center;
    }
    .cms-jerseys-page .national-team-section #national-team-slider .splide__arrows {
        display: none;
    }
}


/* ====================== Football Equipment Page ====================== */
.cms-equipment-page{
    background-color: #161616;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
    font-family: 'Prachason';
}

.cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/football-equipment-slider.png) center center;
    background-size: cover;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/football-equipment-slider.png) center center;
    background-size: cover;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/football-equipment-slider.png) center center;
    background-size: cover;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide h2,
.cms-equipment-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide h2 {
    font-family: "Agency FB";
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-equipment-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-equipment-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/football-equipment-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/football-equipment-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/football-equipment-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-equipment-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-equipment-page .pro-section {
    padding: 4rem 0;
}

.cms-equipment-page .pro-section .pro-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item {
    position: relative;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item a:hover .pro .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item a:hover .pro h4.head-pro {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .content-block {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 35px 30px;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .content-block h4.head-pro {
    width: 100%;
    text-align: left;
    font-size: 26px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .content-block a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .content-block a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro.-pro-01 {
    background: url(../images/pro-01.png) center center;
    background-size: cover;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro.-pro-02 {
    background: url(../images/pro-02.png) center center;
    background-size: cover;
}

.cms-equipment-page .pro-section .pro-block .grid-block .grid-item .pro .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-equipment-page .pro-section {
        padding: 2rem 0;
    }
    .cms-equipment-page .pro-section .pro-block .title-pro {
        text-align: center;
    }
    .cms-equipment-page .pro-section .pro-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-equipment-page .show-product-section {
    padding-top: 4rem;
}

.cms-equipment-page .show-product-section .show-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-equipment-page .show-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-equipment-page .show-product-section .read-more-block .btn-border {
    width: auto;
    padding: 10px 3rem;
    border: 1px solid #fff;
    border-radius: 5px;
    font-family: 'Prachason';
    font-weight: normal;
}

.cms-equipment-page .show-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-equipment-page .show-product-section .show-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

.cms-equipment-page .football-equipment-section {
    padding: 4rem 0;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item {
    position: relative;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item a:hover .football-equipment .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item a:hover .football-equipment h4.head-football-equipment {
    margin-bottom: 5rem;
    color: #F1C400;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment {
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment h4.head-football-equipment {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
    position: relative;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment.-equipment-01 {
    background: url(../images/equipment-01.png) center center;
    background-size: cover;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment.-equipment-02 {
    background: url(../images/equipment-02.png) center center;
    background-size: cover;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment.-equipment-03 {
    background: url(../images/equipment-03.png) center center;
    background-size: cover;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment.-equipment-04 {
    background: url(../images/equipment-04.png) center center;
    background-size: cover;
}

.cms-equipment-page .football-equipment-section .football-equipment-block .grid-block .grid-item .football-equipment .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-equipment-page .football-equipment-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-equipment-page .football-equipment-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: "Prachason";
    font-size: 16px;
}

.cms-equipment-page .football-equipment-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-equipment-page .football-equipment-section .football-equipment-block .title-football-equipment {
        text-align: center;
    }
    .cms-equipment-page .football-equipment-section .football-equipment-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}


/* ====================== T-Shirt Page ====================== */
.cms-apparel-page {
    background-color: #161616;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
    font-family: 'Prachason';
}

.cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/t-shirt-slider.png) center center;
    background-size: cover;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/t-shirt-slider.png) center center;
    background-size: cover;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/t-shirt-slider.png) center center;
    background-size: cover;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide h2,
.cms-apparel-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide h2 {
    font-family: "Agency FB";
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-apparel-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-apparel-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/t-shirt-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/t-shirt-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/t-shirt-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-apparel-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-apparel-page .t-shirt-brand-section {
    padding: 4rem 0;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-apparel-page ol#choose-your-style .owl-stage-outer,.cms-apparel-page ol#apparel-brand .owl-stage-outer{
    overflow: unset !important;
}

.cms-apparel-page ol#choose-your-style .owl-nav span,.cms-apparel-page ol#apparel-brand .owl-nav span{
    display: block;
}

.cms-apparel-page ol#choose-your-style .owl-nav,.cms-apparel-page ol#apparel-brand .owl-nav{
    text-align: right !important;
}

.cms-apparel-page ol#choose-your-style .owl-nav button,.cms-apparel-page ol#apparel-brand .owl-nav button {
    margin: unset !important;
}

.cms-apparel-page ol#choose-your-style button.owl-prev,.cms-apparel-page ol#apparel-brand button.owl-prev {
    margin-right: -10px !important;
}

.cms-apparel-page ol#choose-your-style .owl-dots,.cms-apparel-page ol#apparel-brand .owl-dots {
    display: none;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item {
    position: relative;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item a:hover .t-shirt-brand .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item a:hover .t-shirt-brand img {
    margin-bottom: 12rem;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand img {
    position: relative;
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand.-t-shirt-brand-01 {
    background: url(../images/t-shirt-brand-01.png) center center;
    background-size: cover;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand.-t-shirt-brand-02 {
    background: url(../images/t-shirt-brand-02.png) center center;
    background-size: cover;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand.-t-shirt-brand-03 {
    background: url(../images/t-shirt-brand-03.png) center center;
    background-size: cover;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand.-t-shirt-brand-04 {
    background: url(../images/t-shirt-brand-04.png) center center;
    background-size: cover;
}

.cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block .grid-item .t-shirt-brand .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-apparel-page .t-shirt-brand-section {
        padding: 2rem 0;
    }
    .cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .title-t-shirt-brand {
        text-align: center;
    }
    .cms-apparel-page .t-shirt-brand-section .t-shirt-brand-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-apparel-page .show-product-section .show-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-apparel-page .show-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-apparel-page .show-product-section .read-more-block .btn-border {
    width: auto;
    padding: 10px 3rem;
    border: 1px solid #fff;
    border-radius: 5px;
    font-family: 'Prachason';
    font-weight: normal;
}

.cms-apparel-page .show-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-apparel-page .show-product-section .show-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

.cms-apparel-page .your-style-section {
    padding: 4rem 0;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item {
    position: relative;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item a:hover .your-style .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item a:hover .your-style h4.head-your-style {
    margin-bottom: 5rem;
    color: #F1C400;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style {
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style h4.head-your-style {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
    position: relative;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-01 {
    background: url(../images/your-style-t-shirt-01.png) center center;
    background-size: cover;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-02 {
    background: url(../images/your-style-t-shirt-02.png) center center;
    background-size: cover;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-03 {
    background: url(../images/your-style-t-shirt-03.png) center center;
    background-size: cover;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-04 {
    background: url(../images/your-style-t-shirt-04.png) center center;
    background-size: cover;
}

.cms-apparel-page .your-style-section .your-style-block .grid-block .grid-item .your-style .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-apparel-page .your-style-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-apparel-page .your-style-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: "Prachason";
    font-size: 16px;
}

.cms-apparel-page .your-style-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-apparel-page .your-style-section .your-style-block .title-your-style {
        text-align: center;
    }
    .cms-apparel-page .your-style-section .your-style-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}



/* ====================== Ari Gear Page ====================== */
.cms-ari-gear-page {
    background-color: #161616;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
    font-family: 'Prachason';
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/ari-gear-slider.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/ari-gear-slider.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/ari-gear-slider.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide h2,
.cms-ari-gear-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide h2 {
    font-family: "Agency FB";
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    position: relative;
    z-index: 2;
    padding: 7px 4rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/ari-gear-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/ari-gear-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/ari-gear-slider-mb.png) center center;
        background-size: cover;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-ari-gear-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-ari-gear-page .hot-collection-section {
    padding: 4rem 0;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item {
    position: relative;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item a:hover .hot-collection .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item a:hover .hot-collection h4.head-hot-collection {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 35px 30px;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block h4.head-hot-collection {
    width: 100%;
    text-align: left;
    font-size: 26px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .content-block a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection.-hot-collection-01 {
    background: url(../images/hot-collection-01.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection.-hot-collection-02 {
    background: url(../images/hot-collection-02.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block .grid-item .hot-collection .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-ari-gear-page .hot-collection-section {
        padding: 2rem 0;
    }
    .cms-ari-gear-page .hot-collection-section .hot-collection-block .title-hot-collection {
        text-align: center;
    }
    .cms-ari-gear-page .hot-collection-section .hot-collection-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item {
    position: relative;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item a:hover .your-style .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item a:hover .your-style h4.head-your-style {
    margin-bottom: 5rem;
    color: #F1C400;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style {
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style h4.head-your-style {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
    position: relative;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style a.btn-border {
    width: auto;
    font-family: 'Prachason';
    font-weight: normal;
    border: 1px solid #fff;
    padding: 7px 4rem;
    border-radius: 5px;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style a.btn-border:hover {
    background-color: #fff;
    color: #000;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-01 {
    background: url(../images/your-style-t-shirt-01.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-02 {
    background: url(../images/your-style-t-shirt-02.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-03 {
    background: url(../images/your-style-t-shirt-03.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style.-your-style-04 {
    background: url(../images/your-style-t-shirt-04.png) center center;
    background-size: cover;
}

.cms-ari-gear-page .your-style-section .your-style-block .grid-block .grid-item .your-style .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-ari-gear-page .your-style-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-ari-gear-page .your-style-section .read-more-block .btn-border {
    display: block;
    width: auto;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 7px 3rem;
    font-family: "Prachason";
    font-size: 16px;
}

.cms-ari-gear-page .your-style-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-ari-gear-page .your-style-section .your-style-block .title-your-style {
        text-align: center;
    }
    .cms-ari-gear-page .your-style-section .your-style-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-ari-gear-page .show-product-section {
    padding: 4rem 0;
    padding-bottom: 7rem;
}

.cms-ari-gear-page .show-product-section .show-product-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-ari-gear-page .show-product-section .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-ari-gear-page .show-product-section .read-more-block .btn-border {
    width: auto;
    padding: 10px 3rem;
    border: 1px solid #fff;
    border-radius: 5px;
    font-family: 'Prachason';
    font-weight: normal;
}

.cms-ari-gear-page .show-product-section .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-ari-gear-page .show-product-section {
        padding-top: 2rem;
    }
    .cms-ari-gear-page .show-product-section .show-product-block h2 {
        text-align: center;
    }
    .cms-ari-gear-page .show-product-section .show-product-block .grid-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

/* ######## slide ######## */
.splide__arrows .splide__arrow.splide__arrow--prev,
.product-categories-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev.splide__arrow,
.owl-prev > span {
    background-image: url('../images/slider-arrow-left-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    top: 50% !important;
    color: transparent !important;
    font-size: 0px !important;
    height: 40px;
    width: 50px;
}

.splide__arrows .splide__arrow.splide__arrow--prev:hover,
.product-categories-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev.splide__arrow:hover,
.owl-prev > span:hover {
    filter: invert(30%) sepia(80%) saturate(547%) hue-rotate(358deg) brightness(101%) contrast(106%);
}

.splide__arrows .splide__arrow.splide__arrow--next,
.product-categories-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--next.splide__arrow,
.owl-next > span {
    background-image: url('../images/slider-arrow-right-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    top: 50% !important;
    color: transparent !important;
    font-size: 0px !important;
    height: 40px;
    width: 50px;
}

.splide__arrows .splide__arrow.splide__arrow--next:hover,
.product-categories-boots-page .hero-slider-section .splide .splide__arrows .splide__arrow--next.splide__arrow:hover,
.owl-next > span:hover {
    filter: invert(30%) sepia(80%) saturate(547%) hue-rotate(358deg) brightness(101%) contrast(106%);
}

.owl-nav .disabled {
    display: none !important;
}

.splide__pagination button.splide__pagination__page,
.owl-theme .owl-dots button.owl-dot span {
    width: 12px;
    height: 10px;
    background: url('../js/splidejs/src/pagination-empty.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.splide__pagination button.splide__pagination__page.is-active,
.owl-theme .owl-dots button.owl-dot.active span {
    background: url('../js/splidejs/src/pagination-active.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.splide__pagination button.splide__pagination__page:hover,
.owl-theme .owl-dots button.owl-dot:hover span {
    background: url('../js/splidejs/src/pagination-empty.svg');
    opacity: .75;
    background-size: contain;
    background-repeat: no-repeat;
}

.splide__pagination button.splide__pagination__page.is-active:hover,
.owl-theme .owl-dots button.owl-dot.active:hover span {
    background: url('.../js/splidejs/src/pagination-active.svg');
    opacity: .75;
    background-size: contain;
    background-repeat: no-repeat;
}

/* ##### mega menu #####*/
.ves-megamenu.menu-hover.ves-horizontal {
    display: flex;
    justify-content: center;
}

.cms-page-view .breadcrumbs {
    display: none;
}

footer.main-footer a,.side-menu-block a{
    color: #fff !important;
}

footer.main-footer a:hover,.side-menu-block a:hover {
    color: #F1C400 !important;
}

footer.page-footer img {
    max-width: unset;
}

footer.page-footer ul.social-icon-block {
    padding: 0 50px 0 0;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.mage-dropdown-dialog {
    display: none;
}

/*  Product Slide    */
.owl-carousel.products .owl-nav button span {
    position: absolute;
    top: 40%;
    font-size: 80px;
    color: #869791;
}

.owl-carousel.products .owl-nav .owl-next span {
    right: -5%;
}
.owl-carousel.products .owl-nav .owl-prev span {
    left: -5%;
}

.owl-carousel.products .owl-dots {
    position: absolute;
    top: 95%;
    left: 0;
    right: 0;
}

.owl-carousel.products .owl-dots .owl-dot {
    box-shadow: none;
}

.owl-carousel.products .product-img {
    width: 270px;
}

.owl-carousel.products .product-name-div span {
    font-weight: 800;
    font-size: 18px;
}

.owl-carousel.products .product-price-div span {
    color: #F1C400;
    font-size: 21px;
}

.cms-page-view .owl-carousel.products div.product-item-info {
    position: relative;
    width: fit-content;
}

/*.owl-carousel.owl-drag.products .owl-item {*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    display: flex;*/
/*}*/

ol#test-2 .owl-item .item.product.product-item {
    background-size: cover;
    padding: 15px;
    background: url(../images/bg-loop.png) center center;
}

.cms-page-view .read-more-block {
    text-align: center;
    height: 40px;
}

.cms-page-view .read-more-block a.btn-border {
    border: 1px solid #FFFFFF;
    height: 40px;
    width: 169px;
    padding: 6px 45px;
    color: #fff;
}

.view-en::before{
    content:  url(../images/Language_ENG.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    transform: scale(0.16);
}

.view-th::before{
    content: url(../images/Language_TH.png);
    display: inline-block;
    width: 19px;
    height: 12px;
    transform: scale(0.16);
}

.view-th {
    width: 95px !important;
}

.view-th {
    display: flex;
    justify-content: space-evenly;
}

div#switcher-language-trigger {
    display: flex;
}

.view-en {
    width: 95px !important;
}

.view-en {
    display: flex;
    justify-content: space-evenly;
}

ol.owl-carousel.owl-theme.products.list.items .product-image-container {
    width: 270px !important;
    height: 270px !important;
    overflow: hidden;
}

ol.owl-carousel.owl-theme.products.list.items span.product-image-wrapper {
    padding: 0 !important;
    height: 270px;
    max-width: 300px;
    max-height: 300px;
}

ol.owl-carousel.owl-theme.products.list.items .action.tocompare {
    text-align: center;
}

ol.owl-carousel.owl-theme.products.list.items i.fas.fa-check {
    font-family: 'FontAwesome';
    opacity: 0;
}

ol.owl-carousel.owl-theme.products.list.items span.check-compare {
    border: 1px solid;
    width: 19px;
    height: 19px;
    display: inline-flex;
    border-radius: 5px;
    text-align: center;
    align-items: center;
}

span.price-label {
    display: none;
}


body.catalog-product-view .fotorama__nav__frame.fotorama__nav__frame--thumb .fotorama__thumb.fotorama_vertical_ratio.fotorama__loaded.fotorama__loaded--img img {
    background: #000;
}

body.catalog-product-view .fotorama-item.fotorama.fotorama--fullscreen .fotorama__nav__frame.fotorama__nav__frame--thumb .fotorama__thumb.fotorama_vertical_ratio.fotorama__loaded.fotorama__loaded--img img {
    padding: unset;
}

body.catalog-product-view .fotorama__nav-wrap--vertical .fotorama__nav__shaft {
    background: #000;
}

body.catalog-product-view .fotorama__thumb-border {
    border-color: #F1C400;
}

/*body.catalog-product-view .fotorama__stage__frame .fotorama__img {*/
/*    top: 44%;*/
/*}*/

body.catalog-product-view div.swatch-option.text {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    width: 70px;
    height: 30px;
    background: #000 !important;
    color: #fff !important;
}

body.catalog-product-view div.swatch-option.text.selected {
    background: #000 !important;
    color: #F1C400 !important;
    border-color: #F1C400 !important;
    outline: unset;
}

body.catalog-product-view .field.qty {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

body.catalog-product-view .field.qty label.label {
    margin: 0 !important;
    margin-right: 10px !important;
}
body.catalog-product-view .fotorama__stage__shaft.fotorama__grab {
    max-width: unset !important;
}

body.catalog-product-view.product-test-360-nike .wr360_player .container {
    background: #d5d4dd !important;
}

body.catalog-product-view.product-test-360-nike .fotorama__nav.fotorama__nav--thumbs {
    background: unset;
}

body.catalog-product-view.product-test-360-nike .fotorama__nav-wrap.fotorama__nav-wrap--horizontal {
    background: unset !important;
}

body.catalog-product-view.product-test-360-nike .fotorama-item.fotorama.fotorama--fullscreen div#wr360container_wr360PlayerId img.panning {
    transform: scale(1);
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-top: -205px !important;
}

body.catalog-product_compare-index .product-item-actions.hidden-print {
    text-align: left;
}

.catalog-product_compare-index td.cell.product.info {
    text-align: left;
}

.catalog-product_compare-index .table-comparison .product-item-actions,
.catalog-product_compare-index .table-comparison .price-box,
.catalog-product_compare-index .table-comparison .product.rating,
.catalog-product_compare-index .table-comparison .product-item-name {
    margin: 0;
}

.catalog-product_compare-index span.price-container.price-final_price.tax.weee .price {
    color: #fff;
    font-size: 18px;
}

.loader img {
    max-width: 300px;
}

.minicart-wrapper .block-minicart {
    padding: 0px 20px 25px;
}

.option-img-code {
    margin-left: 5px;
    margin-right: 5px;
}

.cms-ari-gear-page ol#arigear-type .owl-stage-outer{
    overflow: unset !important;
}

.cms-ari-gear-page ol#arigear-type .owl-nav span{
    display: block;
}

.cms-ari-gear-page ol#arigear-type .owl-nav{
    text-align: right !important;
}

.cms-ari-gear-page ol#arigear-type .owl-nav button{
    margin: unset !important;
}

.cms-ari-gear-page ol#arigear-type button.owl-prev{
    margin-right: -10px !important;
}

.cms-ari-gear-page ol#arigear-type .owl-dots{
    display: none;
}

.cms-jerseys-page ol#football-hot-product {
    margin-bottom: 0;
}

.cms-jerseys-page .hot-product-section .read-more-block .btn-border {
    margin-top: 0;
}

.cms-equipment-page ol#football-equipment-brand .owl-stage-outer{
    overflow: unset !important;
}

.cms-equipment-page ol#football-equipment-brand .owl-nav span{
    display: block;
}

.cms-equipment-page ol#football-equipment-brand .owl-nav{
    text-align: right !important;
}

.cms-equipment-page ol#football-equipment-brand .owl-nav button{
    margin: unset !important;
}

.cms-equipment-page ol#football-equipment-brand button.owl-prev{
    margin-right: -10px !important;
}

.cms-equipment-page ol#football-equipment-brand .owl-dots{
    display: none;
}

.cms-jerseys-page div#your-fav-slider-track img {
    filter: grayscale(1);
    transition: .5s;
}

.cms-jerseys-page ol#premier-league-jersey .owl-stage-outer{
    overflow: unset !important;
}

.cms-jerseys-page ol#premier-league-jersey .owl-nav span{
    display: block;
}

.cms-jerseys-page ol#premier-league-jersey .owl-nav{
    text-align: right !important;
}

.cms-jerseys-page ol#premier-league-jersey .owl-nav button{
    margin: unset !important;
}

.cms-jerseys-page ol#premier-league-jersey button.owl-prev{
    margin-right: -10px !important;
}

.cms-jerseys-page ol#premier-league-jersey .owl-dots{
    display: none;
}
.cms-page-view .owl-theme .owl-nav [class*='owl-']:hover {
    background: unset;
}
.cms-jerseys-page div#your-fav-slider-track img:hover {
    filter: unset;
}

.cms-jerseys-page .your-fav-section .your-fav-block h3 a {
    color: #F1C400;
}

.cms-page-view .block.block-wishlist {
    display: none;
}

.page-layout-static_layout ul.tabs.m-tabs a img {
    width: 20px;
    margin-right: 10px;
}

.page-layout-static_layout ul.tabs.m-tabs li {
    list-style: none;
    padding: 5px;
}

.page-layout-static_layout ul.tabs.m-tabs {
    padding-left: 15px;
}

.page-layout-static_layout ul.tabs.m-tabs a:hover img {
    filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%);
}

.page-layout-static_layout_2 ul.tabs.m-tabs a img {
    width: 20px;
    margin-right: 10px;
}

.page-layout-static_layout_2 ul.tabs.m-tabs li {
    list-style: none;
    padding: 5px;
}

.page-layout-static_layout_2 ul.tabs.m-tabs {
    padding-left: 15px;
}

.page-layout-static_layout_2 ul.tabs.m-tabs a:hover img {
    filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%);
}

.page-layout-static_layout_2 ul.tabs.m-tabs li.active {
    background: #353535;
    border-radius: 5px;
}

.page-layout-static_layout_2 ul.tabs.m-tabs li.active {
    background: #353535;
    border-radius: 5px;
}

.page-layout-static_layout ul.tabs.m-tabs li.active a {
    color: #F1C400 !important;
    /* filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%); */
}

.page-layout-static_layout ul.tabs.m-tabs li.active a img {
    filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%);
}

.page-layout-static_layout ul.tabs.m-tabs li.active {
    background: #353535;
    border-radius: 5px;
}

.page-layout-static_layout ul.tabs.m-tabs li.active a {
    color: #F1C400 !important;
    /* filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%); */
}

.page-layout-static_layout ul.tabs.m-tabs li.active a img {
    filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%);
}

.page-layout-static_layout_2 ul.tabs.m-tabs li.active a {
    color: #F1C400 !important;
    /* filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%); */
}

.page-layout-static_layout_2 ul.tabs.m-tabs li.active a img {
    filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%);
}

.page-layout-static_layout_2 ul.tabs.m-tabs li.active {
    background: #353535;
    border-radius: 5px;
}

.page-layout-static_layout_2 ul.tabs.m-tabs li.active a {
    color: #F1C400 !important;
    /* filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%); */
}

.page-layout-static_layout_2 ul.tabs.m-tabs li.active a img {
    filter: invert(25%) sepia(94%) saturate(1483%) hue-rotate(0deg) brightness(103%) contrast(107%);
}

.header .menu-top ul li.subhover:hover a#ui-id-8 span {
    color: #F1C400;

}

div#block-block-compare-product .actions-toolbar.mobile {
    display:none;
}

@media only screen and (max-width: 768px) {
    .cms-keepers-page .hot-product-section .hot-product-block {
        width: 100%;
    }

    .cms-equipment-page .pro-section .pro-block .grid-block .grid-item:first-child .pro:first-child {
        background: url(../images/coll-ari-one.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .cms-equipment-page .pro-section .pro-block .grid-block .grid-item:last-child .pro:last-child {
        background: url(../images/coll-ari-two.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    div.action.tocompare {
        visibility: initial;
        opacity: 1;
    }

    body.cms-ari-home-page .mp-banner-slider .owl-dots {
        top: 91% !important;
    }

    h2.title-premier-league-jersey {
        text-align: center;
    }

    .cms-apparel-page .apparel-brand {
        text-align: center;
    }

    .cms-equipment-page section.product-type-section h2.title-brand {
        text-align: center;
    }

    .cms-apparel-page .choose-your-style-topic {
        text-align: center;
    }
    div#block-block-compare-product .actions-toolbar.mobile {
        display:flex;
    }
    div#block-block-compare-product .actions-toolbar.mobile .primary {
        display: none;
    }

    div#block-block-compare-product .actions-toolbar.mobile .secondary {
        width: 100%;
    }

    div#block-block-compare-product .actions-toolbar.mobile {
        width: 40%;
        margin-right: -45px;
    }

    .block.block-compare .block-title {
        height: 56px !important;
    }

    div#block-block-compare-product .actions-toolbar.desktop .secondary {
        display: none;
    }

    div#block-block-compare-product .actions-toolbar.desktop {
        width: 100%;
        height: 40px;
    }

    div#block-block-compare-product .actions-toolbar.desktop .primary {
        width: 67%;
    }

    div#block-block-compare-product .actions-toolbar.desktop  .primary {
        height: 30px;
    }

    div#block-block-compare-product .actions-toolbar.desktop  a.action.compare.primary {
        display: flex;
        align-items: center;
        justify-content: center;
    }

}
@media only screen and (max-width: 767px) {
    .acc__title.ari-club-app {
        border: unset;
    }

    .acc__title.ari-club-app a {
        color: #F1C400 !important;
    }

    .acc__title.ari-club-app:after {
        content: '';
    }
}
@media only screen and (max-width: 375px) {
    .cms-jerseys-page ul#your-fav-slider-list {
        padding-inline-start: 17% !important;
    }
    section.new-releases-section ol.owl-carousel.owl-theme.products.list.items span.product-image-wrapper {
        padding: 0 !important;
        height: 167px;
        max-width: 300px;
        max-height: 300px;
    }

    section.new-releases-section ol.owl-carousel.owl-theme.products.list.items .product-image-container {
        height: 176px !important;
    }
}

@media only screen and (max-width: 425px) {
    .cms-jerseys-page ul#your-fav-slider-list {
        padding-inline-start: 22% !important;
    }

    .cms-jerseys-page div#your-fav-slider-track img {
        font-size: unset;
    }

    div#block-block-compare-product  a.action.compare.primary {
        padding: unset;
        width: 150%;
    }

    div#block-block-compare-product .actions-toolbar .secondary {
        width: 65%;
        margin-right: 0;
    }

    .cms-ari-home-page ol#test li.item.product.product-item {
        width: 190px;
    }

    section.partner-section  .grid-item {
        width: 29%;
    }

    .acc__title.ari-club-app {
        border: unset;
    }

    .acc__title.ari-club-app a {
        color: #F1C400 !important;
    }

    .acc__title.ari-club-app:after {
        content: '';
    }

    body.customermember-account-find .block-popup-member-detail {
        width: unset;
    }

    body.customermember-account-find .block-content-checkbox-confirm-term-condition input.checkbox-confirm-term-condition + .icon-check-box:before {
        margin-bottom: 3px;
    }

    .block.block-compare ol#compare-items {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        display: block !important;
    }

    .block.block-compare li.product-item.odd.last {
        display: inline-block;
    }

    .block.block-compare ol#compare-items::-webkit-scrollbar {
        height: 5px;
    }

    ol#test-2 .owl-item .item.product.product-item {
        background: unset;
    }

    .header.content .panel.wrapper .header-custom-block .header-custom-right {
        padding-right: 10px;
    }

    .owl-carousel.products .owl-nav .owl-prev span {
        left: -1% !important;
    }

    .owl-carousel.products .owl-nav .owl-next span {
        right: -1% !important;
    }

    .cms-boots-page .hot-product-section .hot-product-block .read-more-block {
        margin-top: 5rem;
    }

    footer.main-footer li.desktop {
        display: none;
    }

}
@media only screen and (max-width: 375px) {
    .cms-ari-home-page ol#test li.item.product.product-item {
        width: 165px;
    }
}

.cms-ari-club-app .column.main {
    text-align: center;
}

.cms-ari-club-app p {
    margin: 20px 0;
}

a[data-action="already-in-wishlist"] {
    margin: 15px 0 25px !important;
}

.message.notice {
    background: #161616;
    border: 1px solid;
    border-radius: 5px;
    border-color: #F1C400;
    color: #F1C400 !important;
}

span.price-container.price-final_price {
    width: fit-content;
}

p.minimal-price {
    display: flex;
}

.product-item .old-price {
    margin: 0;
    vertical-align: bottom;
    margin-top: 5px;
    margin-left: 5px;
}

.product-item .old-price .price {
    color: #666666 !important;
    font-size: 16px !important;
    text-decoration: line-through;
}

.product.name.product-item-name {
    height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-item-info a.listButton {
    display: none;
}

ol.products.list.items.product-items .price-wrapper span.price {
    color: #F1C400;
    font-size: 19px;
}

/*section.hot-product-section .owl-carousel.products .owl-dots {*/
/*    margin-top: 24px;*/
/*}*/

section.hot-product-section .products {
    margin-bottom: 0;
}

.custom-button-header:hover div {
    color: #F1C400;
}

a.btn-border:hover img.chevron-right {
    filter: invert(59%) sepia(61%) saturate(1679%) hue-rotate(350deg) brightness(205%) contrast(105%);
}

.cms-ari-home-page a:active,.cms-ari-home-page .alink:active {
    color: #F1C400;
}

.cms-ari-home-page a:hover,.cms-ari-home-page .alink:hover {
    color: #F1C400;
}

.cms-no-route .sidebar.sidebar-additional {
    display: none;
}

.cms-kids-page {
    background-color: #161616;
}

.cms-kids-page .hero-slider-section .splide .splide__slide {
    min-height: 600px;
}

.cms-kids-page .hero-slider-section .splide .splide__slide .g-container {
    max-width: 60vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cms-kids-page .hero-slider-section .splide .splide__slide .g-container .grid-block .grid-item h2 {
    margin: 0;
    margin-top: 10px;
    font-size: 26px;
}

.cms-kids-page .hero-slider-section .splide .splide__slide.--slide-01 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-kids-page .hero-slider-section .splide .splide__slide.--slide-02 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-kids-page .hero-slider-section .splide .splide__slide.--slide-03 {
    background: url(../images/football-shoes-slider.png) center center;
    background-size: cover;
}

.cms-kids-page .hero-slider-section .splide .splide__slide h2,
.cms-kids-page .hero-slider-section .splide .splide__slide img {
    position: relative;
    z-index: 2;
}

.cms-kids-page .hero-slider-section .splide .splide__slide .overlay {
    display: block !important;
    max-width: 60%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(22, 22, 22, 0)), to(#161616));
    background: linear-gradient(270deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-kids-page .hero-slider-section .splide .splide__arrows .splide__arrow {
    opacity: 1;
    background: transparent;
}

.cms-kids-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
    width: 100px;
}

.cms-kids-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
    left: 13%;
}

.cms-kids-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
    right: 13%;
}

@media (max-width: 991px) {
    .cms-kids-page .hero-slider-section .splide .splide__slide {
        min-height: 320px;
    }
    .cms-kids-page .hero-slider-section .splide .splide__slide .g-container {
        max-width: 1160px;
    }
    .cms-kids-page .hero-slider-section .splide .splide__slide.--slide-01 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-kids-page .hero-slider-section .splide .splide__slide.--slide-02 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-kids-page .hero-slider-section .splide .splide__slide.--slide-03 {
        background: url(../images/hero-bg-slider-mb-01.png) center center;
        background-size: cover;
    }
    .cms-kids-page .hero-slider-section .splide .splide__arrows .splide__arrow {
        opacity: 1;
        background: transparent;
    }
    .cms-kids-page .hero-slider-section .splide .splide__arrows .splide__arrow .arrow-left {
        width: 100px;
    }
    .cms-kids-page .hero-slider-section .splide .splide__arrows .splide__arrow--prev {
        left: 13%;
    }
    .cms-kids-page .hero-slider-section .splide .splide__arrows .splide__arrow--next {
        right: 13%;
    }
}

.cms-kids-page .collection-section {
    padding: 4rem 0;
}

.cms-kids-page .collection-section .collection-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item {
    position: relative;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item a:hover .collection .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item a:hover .collection h4.head-collection {
    margin-bottom: 10rem;
    color: #F1C400;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item .collection {
    min-height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item .collection.-phantom-gt {
    background: url(../images/PHANTOM-GT-Collection.png) center center;
    background-size: cover;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item .collection.-mercurial {
    background: url(../images/mercurial-superfly-collection.png) center center;
    background-size: cover;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item .collection.-nemeziz {
    background: url(../images/NEMEZIZ-collection.png) center center;
    background-size: cover;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item .collection h4.head-collection {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-family: "Agency FB";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-kids-page .collection-section .collection-block .grid-block .grid-item .collection .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-kids-page .collection-section {
        padding: 2rem 0;
    }
    .cms-kids-page .collection-section .collection-block .title-collection {
        text-align: center;
    }
    .cms-kids-page .collection-section .collection-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.cms-kids-page .hot-product-section {
    padding: 4rem 0;
}

.cms-kids-page .hot-product-section .hot-product-block .title-hot-product {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-kids-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--prev {
    left: -4rem;
    background-color: transparent;
}

.cms-kids-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__arrows .splide__arrow--next {
    right: -4rem;
    background-color: transparent;
}

.cms-kids-page .hot-product-section .hot-product-block.g-container #shoes-hot-slider .splide__pagination {
    display: none;
}

.cms-kids-page .hot-product-section .hot-product-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-kids-page .hot-product-section .hot-product-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-kids-page .hot-product-section .hot-product-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-kids-page .hot-product-section {
        padding: 0;
    }
    .cms-kids-page .hot-product-section .hot-product-block {
        padding-right: 0;
    }
    .cms-kids-page .hot-product-section .hot-product-block .title-hot-product {
        text-align: center;
    }
    .cms-kids-page .hot-product-section #shoes-hot-slider .splide__arrows {
        display: none;
    }
}

.cms-kids-page .cate-shoes-section {
    padding: 4rem 0;
    padding-top: 1rem;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item {
    position: relative;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item a:hover .cate-shoes .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item a:hover .cate-shoes h4.head-cate-shoes {
    margin-bottom: 11rem;
    color: #F1C400;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes {
    min-height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-football-shoes {
    background: url(../images/football-shoes-cate.png) center center;
    background-size: cover;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-futsal-shoes {
    background: url(../images/futsal-shoes-cate.png) center center;
    background-size: cover;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-artificial-shoes {
    background: url(../images/artificial-shoes-cate.png) center center;
    background-size: cover;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes.-other {
    background: url(../images/other-shoes-cate.png) center center;
    background-size: cover;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes h4.head-cate-shoes {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Prachason";
    z-index: 1;
    margin-bottom: 2rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
}

.cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item .cate-shoes .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .cms-kids-page .cate-shoes-section {
        padding: 2rem 0;
    }
    .cms-kids-page .cate-shoes-section .cate-shoes-block .title-cate-shoes {
        text-align: center;
    }
    .cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-kids-page .cate-shoes-section .cate-shoes-block .grid-block .grid-item {
        position: relative;
    }
}

.cms-kids-page .brand-section {
    padding: 4rem 0;
    padding-bottom: 8rem;
}

.cms-kids-page .brand-section .brand-block .title-brand {
    font-size: 26px;
    margin-bottom: 1rem;
}

.cms-kids-page .brand-section .brand-block #brand-slider .splide__arrows {
    position: relative;
    margin-top: 3rem;
}

.cms-kids-page .brand-section .brand-block #brand-slider .splide__arrows.g-container {
    max-width: 1100px;
}

.cms-kids-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--prev {
    right: 4rem;
    left: unset;
    background-color: transparent;
}

.cms-kids-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--next {
    background-color: transparent;
}

.cms-kids-page .brand-section .brand-block #brand-slider .splide__pagination {
    display: none;
}

.cms-kids-page .brand-section .brand-block a:hover .slider-brand .overlay {
    max-height: 100%;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

.cms-kids-page .brand-section .brand-block a:hover .slider-brand img {
    margin-bottom: 10rem;
}

.cms-kids-page .brand-section .brand-block .splide__slide .slider-brand {
    min-height: 32vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.cms-kids-page .brand-section .brand-block .splide__slide .slider-brand.-brand-01 {
    background: url(../images/brand-01.png) center center;
    background-size: cover;
}

.cms-kids-page .brand-section .brand-block .splide__slide .slider-brand.-brand-02 {
    background: url(../images/brand-02.png) center center;
    background-size: cover;
}

.cms-kids-page .brand-section .brand-block .splide__slide .slider-brand.-brand-03 {
    background: url(../images/brand-03.png) center center;
    background-size: cover;
}

.cms-kids-page .brand-section .brand-block .splide__slide .slider-brand.-brand-04 {
    background: url(../images/brand-04.png) center center;
    background-size: cover;
}

.cms-kids-page .brand-section .brand-block .splide__slide .slider-brand.-brand-05 {
    background: url(../images/brand-05.png) center center;
    background-size: cover;
}

.cms-kids-page .brand-section .brand-block .splide__slide .slider-brand img {
    z-index: 2;
    margin-bottom: 3rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.cms-kids-page .brand-section .brand-block .splide__slide .slider-brand .overlay {
    max-height: 40%;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: all height 0.5s ease-in-out;
    transition: all height 0.5s ease-in-out;
}

.cms-kids-page .brand-section .brand-block .read-more-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
}

.cms-kids-page .brand-section .brand-block .read-more-block .btn-border {
    border: 1px solid #fff;
    width: auto;
    display: block;
    padding: 10px 3rem;
    border-radius: 5px;
    font-family: "Prachason";
    font-size: 16px;
    font-weight: normal;
}

.cms-kids-page .brand-section .brand-block .read-more-block .btn-border:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .cms-kids-page .brand-section .brand-block {
        padding-right: 0;
    }
    .cms-kids-page .brand-section #card-hot-slider .brand__arrows {
        display: none;
    }
}

@media (max-width: 991px) {
    .cms-kids-page .brand-section {
        padding: 0;
        padding-bottom: 4rem;
    }
}

.cms-kids-page .brand-section .brand-block #brand-slider .splide__arrows.g-container .splide__arrow--prev {
    margin-right: 10px;
}

@media (max-width: 425px) {
    .cms-page-view .owl-carousel .owl-stage-outer {
        padding: 0 10px;
    }
}


@media (max-width: 414px) {
    ol.owl-carousel.owl-theme.products.list.items span.product-image-wrapper {
        padding: 0 !important;
        height: 100%;
        max-width: 300px;
        max-height: 300px;
    }
    ol.owl-carousel.owl-theme.products.list.items .product-image-container {
        width: 270px !important;
        height: 270px !important;
        overflow: hidden;
    }
    .product.details.product-item-details {
        margin-top: 15px;
    }
}

@media (max-width: 375px) {
    .hot-product-section .read-more-block {
        margin-top: 25px;
    }

    img.product-image-photo {
        margin: 0;
    }

    ol.owl-carousel.owl-theme.products.list.items span.product-image-wrapper {
        height: 172px;
    }

    .product.details.product-item-details {
        margin-top: 0;
    }

    .price-box.price-final_price {
        display: flex;
    }

    span.price-container.price-final_price span .price {
        font-size: 5px;
    }

    ol.products.list.items.product-items .price-wrapper span.price {
        font-size: 16px;
    }

    .product-item .old-price .price {
        font-size: 14px !important;
    }

    .product-item .old-price {
        margin-top: 2px;
    }
}

.cms-page-view .sidebar.sidebar-additional > div:not(.side-menu-block) {
    display: none;
}

.cms-page-view.page-layout-static_layout_2 .block.block-reorder {
    display: none;
}


@media only screen and (max-width: 425px) {
    ol.owl-carousel.owl-theme.products.list.items span.product-image-wrapper {
        padding: 0 !important;
        height: 100%;
        max-width: 300px;
        max-height: 300px;
    }
    .cms-page-view.page-layout-static_layout_2 .columns {
        display: flex;
        flex-direction: column-reverse;
    }


    .cms-page-view.page-layout-static_layout_2  ul.tabs.m-tabs li {
        display: none;
    }


    .cms-page-view.page-layout-static_layout_2  ul.tabs.m-tabs li.active {
        display: flex;
        justify-content: space-between;
    }

    .cms-page-view.page-layout-static_layout_2  ul.tabs.m-tabs li.active::after {
        content: '\f077';
        font-family: 'FontAwesome';
        transform: rotate(180deg);
    }
    ol.owl-carousel.owl-theme.products.list.items .product-image-container {
        width: 192px !important;
        height: 192px !important;
        overflow: hidden;
    }
}


/*.cms-kids-page .collection-section .collection-block .grid-block {*/
/*    display: -ms-grid;*/
/*    display: grid;*/
/*    -ms-grid-columns: 1fr 1fr 1fr;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
/*    gap: 25px;*/
/*}*/

/*.cms-kids-page .hot-product-section .hot-product-block .read-more-block {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    margin-top: 1rem;*/
/*}*/