#div_DisneyParks {
    width: 100%;
    bottom: 0;
    position: fixed;
    z-index: 101;
}
.card {
    --scrollbarBG: #F1F1F2;
    --thumbBG: #5A5B5D;
}

    .card::-webkit-scrollbar {
        width: 11px;
    }

.card {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

    .card::-webkit-scrollbar-track {
        background: var(--scrollbarBG);
    }

    .card::-webkit-scrollbar-thumb {
        background-color: var(--thumbBG);
        border-radius: 6px;
        border: 3px solid var(--scrollbarBG);
    }
.card {
    border-radius: 0px;
    border: none;
    width: 100%;
    height: 194px;
    overflow-x: auto;
    overflow-y:hidden;
    padding:15px;
}

/*BUTTON CLOSE ENGLISH*/

#img_HideDisneyParks {
    display: none;
}

.btn-disneyparks-close {
    cursor: pointer;
    content: url("/img/buttons/dpc.svg");
}

    .btn-disneyparks-close:hover {
        cursor: pointer;
        content: url("/img/buttons/dpcho.svg");
    }

.btn-disneyparks-close-active {
    cursor: pointer;
    content: url("/img/buttons/dpcho.svg");
}

/*BUTTON CLOSE FRENCH*/
.btn-disneyparks-close-fr {
    cursor: pointer;
    content: url("/img/buttons/dpcfr.svg");
}

    .btn-disneyparks-close-fr:hover {
        cursor: pointer;
        content: url("/img/buttons/dpchofr.svg");
    }

.btn-disneyparks-close-fr-active {
    cursor: pointer;
    content: url("/img/buttons/dpchofr.svg");
}



/*BUTTON OPEN ENGLISH*/

.btn-disneyparks-open {
    cursor: pointer;
    content: url("/img/buttons/dpo.svg");
}

    .btn-disneyparks-open:hover {
        cursor: pointer;
        content: url("/img/buttons/dpoho.svg");
    }

.btn-disneyparks-open-active {
    cursor: pointer;
    content: url("/img/buttons/dpoho.svg");
}

/*BUTTON OPEN FRENCH*/
.btn-disneyparks-open-fr {
    cursor: pointer;
    content: url("/img/buttons/dpofr.svg");
}

    .btn-disneyparks-open-fr:hover {
        cursor: pointer;
        content: url("/img/buttons/dpohofr.svg");
    }

.btn-disneyparks-open-fr-active {
    cursor: pointer;
    content: url("/img/buttons/dpohofr.svg");
}



/*DISNEY PARK ITEM CONTAINER*/
.DisneyParkItem {
    width: 170px;
    height: 158px;
    justify-content: center;
    flex-direction: column;
    background-color: #FFFFFF;
    color: #000000;
    border: 4px solid #656565;
    border-radius: 10px;
}

    .DisneyParkItem img {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        height: 100px;
        width: 100%;
    }

    .DisneyParkItem .ParkName {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left:3px;
        font-family: Gotham Book;
        font-weight: 400;
        font-size: 9px;
        width: 100%;
        text-align: left;
    }
    .DisneyParkItem .ParkNameAk {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        font-family: Gotham Condensed Book;
        font-weight: normal;
        font-size: 12px;
        letter-spacing:0.1px;
        width: 100%;
        text-align: left;
    }

    .DisneyParkItem .acco-ico:before {
        font-family: 'Acco';
        content: "\e900";
        color: #000000;
    }

    .DisneyParkItem .ico-num {
        font-family: 'Gotham Medium';
        font-weight: 400;
        font-size: 14px;
        color: #000000;
        padding-left: 2px;
    }

    .DisneyParkItem .dinw-ico:before {
        font-family: 'Din';
        content: "\e900";
        color: #000000;
    }

    .DisneyParkItem .attr-ico:before {
        font-family: 'Attr';
        content: "\e900";
        color: #000000;
    }

    .DisneyParkItem:hover {
        width: 170px;
        height: 158px;
        justify-content: center;
        flex-direction: column;
        background-color: #9B8579;
        color: #FFFFFF;
        border: 4px solid #9B8579;
        border-radius: 10px;
        cursor: pointer;
    }

        .DisneyParkItem:hover img {
            border-top-right-radius: 6px;
            border-top-left-radius: 6px;
            height: 100px;
            width: 100%;
        }

        .DisneyParkItem:hover .ParkName {
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 3px;
            font-family: Gotham Book;
            font-weight: 400;
            font-size: 9px;
            width: 100%;
            text-align: left;
        }

        .DisneyParkItem:hover .ParkNameAk {
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 3px;
            font-family: Gotham Condensed Book;
            font-weight: 400;
            font-size: 12px;
            letter-spacing:0.1px;
            width: 100%;
            text-align: left;
        }

        .DisneyParkItem:hover .acco-ico:before {
            font-family: 'Acco';
            content: "\e900";
            color: #FFFFFF;
        }

        .DisneyParkItem:hover .ico-num {
            font-family: 'Gotham Medium';
            font-weight: 400;
            font-size: 14px;
            color: #FFFFFF;
            padding-left: 2px;
        }

        .DisneyParkItem:hover .dinw-ico:before {
            font-family: 'Din';
            content: "\e900";
            color: #FFFFFF;
        }


        .DisneyParkItem:hover .attr-ico:before {
            font-family: 'Attr';
            content: "\e900";
            color: #FFFFFF;
        }




.DisneyParkItemActive {
    width: 170px;
    height: 158px;
    justify-content: center;
    flex-direction: column;
    background-color: #9B8579;
    color: #FFFFFF;
    border: 3px solid #9B8579;
    border-radius: 10px;
    cursor: pointer;
}

    .DisneyParkItemActive img {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        height: 100px;
        width: 100%;
    }

    .DisneyParkItemActive .ParkName {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        font-family: Gotham Book;
        font-weight: 400;
        font-size: 9px;
        width: 100%;
        text-align: left;
    }

    .DisneyParkItemActive .ParkNameAk {
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        font-family: Gotham Condensed Book;
        font-weight: 400;
        font-size: 12px;
        letter-spacing:0.1px;
        width: 100%;
        text-align: left;
    }

    .DisneyParkItemActive .acco-ico:before {
        font-family: 'Acco';
        content: "\e900";
        color: #FFFFFF;
    }

    .DisneyParkItemActive .ico-num {
        font-family: 'Gotham Medium';
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        padding-left: 2px;
    }

    .DisneyParkItemActive .dinw-ico:before {
        font-family: 'Din';
        content: "\e900";
        color: #FFFFFF;
    }


    .DisneyParkItemActive .attr-ico:before {
        font-family: 'Attr';
        content: "\e900";
        color: #FFFFFF;
    }

/* FOR EACH PARK ITEM*/
.dp-flex-container {
    display: flex;
    
}

.dp-flex-child {
    flex: 5;
}

    .dp-flex-child:nth-child(1) {
        padding-right: 15px;
        justify-content: center;
        display: flex;
    }

    .dp-flex-child:nth-child(2) {
        padding-right: 15px;
        justify-content: center;
        display: flex;
    }

    .dp-flex-child:nth-child(3) {
        padding-right: 15px;
        justify-content: center;
        display: flex;
    }

    .dp-flex-child:nth-child(4) {
        padding-right: 15px;
        justify-content: center;
        display: flex;
    }

    .dp-flex-child:nth-child(5) {
        padding-right:15px;
        justify-content: center;
        display: flex;
    }
/*FOR INNER CONTENT*/
.dp-icn-txt-flex-container {
    display: flex;
    bottom:0%;
}

.dp-icn-txt-flex-child {
    flex: 3;
    text-align: center;
}

    .dp-icn-txt-flex-child:nth-child(1) {
        /*margin-right: 10px;*/
    }

    .dp-icn-txt-flex-child:nth-child(2) {
        /*margin-right: 10px;*/
    }

    .dp-icn-txt-flex-child:nth-child(3) {
        /*margin-left: 10px;
        margin-right: 10px;*/
    }




@media (max-width: 768px) {
    
}