@font-face {
                                                        font-family: Aladin;
                                                        src: url(../webfonts/Aladin-Regular.ttf);
                                                    }
                                                    
                                                    * {
                                                        box-sizing: border-box;
                                                        padding: 0;
                                                        margin: 0;
                                                        font-family: Aladin;
                                                    }
                                                    
                                                    html {
                                                        scroll-behavior: smooth;
                                                        overflow-x: hidden;
                                                    }
                                                    
                                                    body {
                                                        font-size: 1.5rem !important;
                                                        overflow-x: hidden !important;
                                                        overflow-y: hidden !important;
                                                        width: 98%;
                                                        margin: 0 auto;
                                                        transition: all .5s ease-in-out;
                                                    }
                                                    /* loading */
                                                    
                                                    #loading {
                                                        height: 100%;
                                                        width: 100%;
                                                        background: #fff;
                                                        position: fixed;
                                                        top: 0;
                                                        left: 0;
                                                        z-index: 9999;
                                                        display: flex;
                                                        align-items: center;
                                                        justify-content: center;
                                                    }
                                                    
                                                    #loading img {
                                                        width: 100% !important;
                                                    }
                                                    /* loading */
                                                    
                                                    #Categories {
                                                        transition: all .5s ease-in-out;
                                                        scroll-behavior: smooth !important;
                                                    }
                                                    
                                                    .card.category img {
                                                        height: 11em;
                                                    }
                                                    /* start store pic */
                                                    
                                                    .main-store-pic {
                                                        width: 100%;
                                                        height: 40rem;
                                                        position: relative;
                                                    }
                                                    
                                                    .main-store-pic img {
                                                        width: 100%;
                                                        height: 40rem;
                                                    }
                                                    
                                                    .overlay-main-store-pic {
                                                        background: #000;
                                                        z-index: 999;
                                                        width: 100%;
                                                        height: 100%;
                                                        top: 0;
                                                        left: 0;
                                                        position: absolute;
                                                        opacity: 0.5;
                                                    }
                                                    /* end store pic */
                                                    /* start navbar */
                                                    
                                                    .navbar-collapse.collapse {
                                                        justify-content: end;
                                                    }
                                                    
                                                    .big_nav {
                                                        border-bottom: 2px solid #d9d9d9;
                                                    }
                                                    
                                                    .left-slide-images img {
                                                        width: 100%;
                                                    }
                                                    
                                                    .right-slide-images {
                                                        display: flex;
                                                        flex-wrap: wrap;
                                                        align-content: center;
                                                        justify-content: center;
                                                    }
                                                    
                                                    .right-slide-images img {
                                                        width: 21.9rem;
                                                        height: 8em;
                                                        margin-bottom: 6px;
                                                        margin-left: 7px;
                                                    }
                                                    
                                                    .parent .note {
                                                        display: flex;
                                                        align-items: center;
                                                    }
                                                    
                                                    #note {
                                                        display: inline-block;
                                                        background: red;
                                                        padding: 4px 9px;
                                                        border-radius: 50%;
                                                        color: #fff;
                                                        font-weight: bold;
                                                        border: 2px solid #fff;
                                                        box-shadow: 0px 0px 4px #000;
                                                        position: relative;
                                                        left: -11px;
                                                        width: 2em;
                                                        height: 2em;
                                                        text-align: center;
                                                    }
                                                    /* slider */
                                                    
                                                    .card {
                                                        position: relative;
                                                        display: -ms-flexbox;
                                                        display: flex;
                                                        -ms-flex-direction: column;
                                                        flex-direction: column;
                                                        min-width: 0;
                                                        word-wrap: break-word;
                                                        background-color: #fff;
                                                        background-clip: border-box;
                                                        border: none;
                                                        border-radius: 0.25rem;
                                                    }
                                                    
                                                    .kids .bg-dark {
                                                        background-color: transparent !important;
                                                        width: 60%;
                                                    }
                                                    
                                                    .bg-dark.main_img {
                                                        width: 100%;
                                                    }
                                                    
                                                    .overlay-main-store-pic h3 {
                                                        font-size: 1.2rem;
                                                        z-index: 9;
                                                    }
                                                    
                                                    .overlay-main-store-pic p {
                                                        font-size: 1.2rem;
                                                        z-index: 9;
                                                    }
                                                    /* slider */
                                                    /* card overlay */
                                                    
                                                    .card-img-overlay.slide {
                                                        background: #000000c2;
                                                        display: flex;
                                                        flex-direction: column;
                                                        align-items: center;
                                                        justify-content: center;
                                                        zoom: 2;
                                                    }
                                                    /* card overlay */
                                                    /* category */
                                                    
                                                    .text_category {
                                                        width: 87%;
                                                        display: flex;
                                                        flex-direction: column;
                                                        margin: 0 auto;
                                                        text-align: justify;
                                                    }
                                                    /* category */
                                                    /* category */
                                                    
                                                    .card-img-overlay.category {
                                                        background: #00000087;
                                                        display: flex;
                                                        flex-direction: column;
                                                        justify-content: flex-end;
                                                        align-items: center;
                                                    }
                                                    
                                                    .card.category {
                                                        margin-bottom: 1.2em;
                                                    }
                                                    /* category */
                                                    /* slider */
                                                    
                                                    .text-slider {
                                                        width: 80%;
                                                        margin: 0 auto;
                                                    }
                                                    
                                                    .carousel-item img img {
                                                        border-radius: 35%;
                                                        margin-bottom: 15px;
                                                    }
                                                    
                                                    .carousel-item.slide img {
                                                        width: 130px;
                                                    }
                                                    
                                                    .social span {
                                                        width: 50px;
                                                        height: 50px;
                                                        text-align: center;
                                                        background: #e2dcdc;
                                                        padding: 9px 8px;
                                                        border-radius: 50%;
                                                        display: inline-block;
                                                        margin-left: 4px;
                                                        margin-bottom: 7px;
                                                    }
                                                    
                                                    .hvr-icon-bounce:hover .hvr-icon,
                                                    .hvr-icon-bounce:focus .hvr-icon,
                                                    .hvr-icon-bounce:active .hvr-icon {
                                                        -webkit-transform: scale(1.5);
                                                        transform: scale(1.5);
                                                        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
                                                        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
                                                        color: #fff;
                                                    }
                                                    
                                                    .price {
                                                        background: #fff;
                                                        padding: 11px;
                                                        border-radius: 50%;
                                                        border: 1px solid;
                                                        position: relative;
                                                        top: -18px;
                                                    }
                                                    
                                                    .body-card {
                                                        /* border: 2px solid #9e9a9a; */
                                                        padding: 10px;
                                                        text-align: center;
                                                        border-radius: 0px 0px 0px 30px;
                                                        margin-bottom: 1em;
                                                        position: relative;
                                                    }
                                                    
                                                    .list_shop {
                                                        transition: all .5s ease-in-out;
                                                    }
                                                    
                                                    .carousel-control-next.slide1 {
                                                        right: 0;
                                                        color: #000;
                                                        background: #2098D1;
                                                        width: 6%;
                                                        height: 9%;
                                                        display: flex;
                                                        position: relative;
                                                        top: -58.6%;
                                                        left: 93%;
                                                    }
                                                    
                                                    .carousel-control-prev.slide2 {
                                                        right: 0;
                                                        color: #000;
                                                        background: #2098D1;
                                                        width: 6%;
                                                        height: 9%;
                                                        display: flex;
                                                        position: relative;
                                                        top: -50%;
                                                    }
                                                    /* slider */
                                                    /* men section */
                                                    
                                                    .list_shop {
                                                        width: 13%;
                                                        height: 38%;
                                                        background: gray;
                                                        display: flex;
                                                        align-items: center;
                                                        justify-content: center;
                                                        position: absolute;
                                                        top: -21px;
                                                        left: 295px;
                                                        flex-direction: column;
                                                        visibility: hidden;
                                                    }
                                                    /* men section */
                                                    /* kids */
                                                    
                                                    .kids {
                                                        width: 68%;
                                                        margin: 0px auto;
                                                    }
                                                    
                                                    .flex_img_basket {
                                                        display: flex !important;
                                                        flex-direction: column;
                                                        align-items: center;
                                                    }
                                                    
                                                    .modal_1 {
                                                        margin: 0 auto;
                                                    }
                                                    
                                                    .carousel-control-next.next,
                                                    .carousel-control-prev.prev {
                                                        cursor: pointer;
                                                        width: 10%;
                                                        height: 10%;
                                                        position: absolute;
                                                        top: 100%;
                                                        margin-right: 25%;
                                                        margin-left: 25%;
                                                    }
                                                    
                                                    .carousel-item img {
                                                        border-radius: 0%;
                                                        margin-bottom: 15px;
                                                        /* width: 44vh; */
                                                    }
                                                    
                                                    .slick-prev:before,
                                                    .slick-next:before {
                                                        font-family: 'slick';
                                                        font-size: 20px;
                                                        line-height: 1;
                                                        opacity: .75;
                                                        color: red;
                                                    }
                                                    
                                                    .slick-initialized .slick-slide {
                                                        display: flex;
                                                        justify-content: center;
                                                    }
                                                    
                                                    .slick-next.slick-arrow,
                                                    .slick-prev.slick-arrow {
                                                        cursor: pointer;
                                                        zoom: 3;
                                                        color: #2098D1;
                                                        /* background-color: #2098D1; */
                                                    }
                                                    
                                                    .slick-next.slick-arrow::before,
                                                    .slick-prev.slick-arrow::before {
                                                        color: #2098D1;
                                                        /* background-color: #2098D1; */
                                                    }
                                                    
                                                    .carousel-item.img_kids img {
                                                        border-radius: 0%;
                                                        margin-bottom: 15px;
                                                        /* width: 23vh; */
                                                    }
                                                    
                                                    .carousel-item.img_kids img {
                                                        border-radius: 0%;
                                                        margin-bottom: 15px;
                                                        width: 60vh;
                                                    }
                                                    /* kids */
                                                    /*  women section  */
                                                    
                                                    .picture img {
                                                        width: 100px;
                                                    }
                                                    
                                                    .details {
                                                        width: 100%;
                                                        font-size: 1rem;
                                                        padding-left: 51px;
                                                        z-index: -1;
                                                        position: sticky;
                                                        margin-left: -21px;
                                                    }
                                                    
                                                    .body-women-section {
                                                        display: flex;
                                                        align-items: center;
                                                        margin-bottom: 1em;
                                                    }
                                                    
                                                    .imghvr-slide-right .buy {
                                                        display: flex;
                                                        flex-direction: column;
                                                        align-items: center;
                                                        justify-content: space-evenly;
                                                        border: none;
                                                        padding: 0px;
                                                        border-radius: 0px;
                                                    }
                                                    
                                                    .price-women {
                                                        text-decoration: line-through;
                                                        text-decoration-color: red;
                                                        margin-bottom: 0.8em;
                                                    }
                                                    
                                                    [class^="imghvr-"]>img,
                                                    [class*=" imghvr-"]>img {
                                                        vertical-align: top;
                                                        max-width: 60%;
                                                    }
                                                    
                                                    [class^='imghvr-'],
                                                    [class*=' imghvr-'] {
                                                        background-color: #f1faff !important;
                                                        display: flex;
                                                        box-shadow: 0px 0px 5px #000;
                                                        color: #000;
                                                    }
                                                    
                                                    .text_img_women {
                                                        display: flex;
                                                        align-items: center;
                                                    }
                                                    
                                                    .parent_text_women {
                                                        display: flex;
                                                        flex-direction: column;
                                                        justify-content: center;
                                                        text-align: center;
                                                        align-items: center;
                                                        font-size: 1.2rem;
                                                    }
                                                    
                                                    figure {
                                                        margin-bottom: 30px !important;
                                                    }
                                                    
                                                    figure img {
                                                        width: 50%;
                                                    }
                                                    
                                                    [class^="imghvr-"] figcaption,
                                                    [class*=" imghvr-"] figcaption {
                                                        background-color: #2098d1e8;
                                                    }
                                                    /*  women section  */
                                                    /*  fat section  */
                                                    
                                                    .X1 {
                                                        width: 100%;
                                                        height: 100%;
                                                    }
                                                    /*  fat section  */
                                                    /* Footer */
                                                    
                                                    footer {
                                                        background: #ededed;
                                                    }
                                                    
                                                    textarea.form-control {
                                                        height: auto;
                                                        resize: none;
                                                    }
                                                    
                                                    .footer {
                                                        background: #bfbfbf;
                                                        padding: 7px;
                                                    }
                                                    
                                                    [class^='imghvr-'],
                                                    [class*=' imghvr-'] {
                                                        background-color: #D14233;
                                                    }
                                                    /* Footer */
                                                    /* Basket shopping */
                                                    
                                                    .img_in_basket {
                                                        width: 50px;
                                                    }
                                                    
                                                    .shopArray img {
                                                        /* margin-bottom: 14px; */
                                                        cursor: pointer;
                                                        transition: all .5s ease-in-out;
                                                        opacity: 1;
                                                    }
                                                    
                                                    select {
                                                        width: 73px;
                                                        margin-left: 29px;
                                                    }
                                                    
                                                    .buy {
                                                        cursor: pointer;
                                                        position: relative;
                                                        border: 2px solid #fff;
                                                        padding: 0px 18px;
                                                        border-radius: 14px;
                                                    }
                                                    
                                                    .close {
                                                        cursor: pointer;
                                                    }
                                                    
                                                    .item {
                                                        display: flex;
                                                        align-content: center;
                                                        align-items: center;
                                                        justify-content: space-between;
                                                        transition: all .8s ease-in-out;
                                                        margin-bottom: 10px;
                                                    }
                                                    
                                                    .done {
                                                        position: fixed;
                                                        left: 43%;
                                                        top: 5%;
                                                        zoom: 0.5;
                                                        background: #f6f6f6;
                                                        padding: 2.1em;
                                                        border-radius: 50%;
                                                        transition: all .5s ease-in-out;
                                                        opacity: 0;
                                                        z-index: 11;
                                                        border: 6px solid #fff;
                                                        box-shadow: 0px 0px 35px;
                                                    }
                                                    
                                                    .index {
                                                        z-index: -1;
                                                    }
                                                    
                                                    .done img {
                                                        width: 10em;
                                                    }
                                                    
                                                    .modal.fade.show {
                                                        z-index: 99999999999 !important;
                                                    }
                                                    
                                                    .counter {
                                                        display: flex;
                                                        justify-content: space-around;
                                                    }
                                                    
                                                    .Number {
                                                        margin-inline: 0.5em;
                                                    }
                                                    
                                                    img.shopping_img {
                                                        box-shadow: 0px 0px 5px;
                                                        border-radius: 15px;
                                                    }
                                                    /* Basket shopping */
                                                    /* // Extra small devices (portrait phones, less than 576px) */
                                                    
                                                    @media (max-width: 575.98px) {
                                                        .card-title {
                                                            font-size: 0.8em;
                                                            margin-top: 30px;
                                                        }
                                                        .slick-prev:before,
                                                        .slick-next:before {
                                                            font-family: 'slick';
                                                            font-size: 20px;
                                                            line-height: 1;
                                                            opacity: .75;
                                                            top: 54px !important;
                                                            zoom: .5;
                                                        }
                                                        .slick-next.slick-arrow {
                                                            margin-right: 24px;
                                                        }
                                                        .slick-prev.slick-arrow {
                                                            margin-left: 24px;
                                                        }
                                                        .card.bg-dark.main_img.text-white {
                                                            font-size: .5rem;
                                                        }
                                                        h1 {
                                                            font-size: 1.2em;
                                                        }
                                                        p {
                                                            font-size: 0.6em;
                                                            text-align: center;
                                                        }
                                                        .bg-dark {
                                                            background-color: transparent !important;
                                                            width: 100%;
                                                            /* margin-left: 37px; */
                                                            margin-right: 37px;
                                                        }
                                                        .m-c {
                                                            margin: 0 auto;
                                                        }
                                                        .carousel-item.img_kids img {
                                                            border-radius: 0%;
                                                            margin-bottom: 15px;
                                                            width: 23vh;
                                                        }
                                                        .buy img {
                                                            width: 2.3em !important;
                                                        }
                                                        .carousel-item.img_kids img.addProduct {
                                                            border-radius: 0%;
                                                            margin-bottom: 15px;
                                                            width: 25vh !important;
                                                        }
                                                    }
                                                    
                                                    .hvr-bounce-to-bottom:before {
                                                        content: "";
                                                        position: absolute;
                                                        z-index: -1;
                                                        top: 0;
                                                        left: 0;
                                                        right: 0;
                                                        bottom: 0;
                                                        background: #2098D1;
                                                    }
                                                    
                                                    .hvr-bounce-to-bottom:hover span,
                                                    .hvr-bounce-to-bottom:focus span,
                                                    .hvr-bounce-to-bottom:active {
                                                        color: gray;
                                                    }
                                                    
                                                    #btn-back-to-top {
                                                        position: fixed;
                                                        bottom: 20px;
                                                        right: 20px;
                                                        display: none;
                                                        z-index: 9999;
                                                        transition: all1s ease-in-out;
                                                        background-color: #2098D1;
                                                        border: 3px solid #000;
                                                    }
                                                    
                                                    #btn-back-to-top:hover {
                                                        opacity: .8;
                                                    }
                                                    /* // Small devices (landscape phones, less than 768px) */
                                                    
                                                    @media (max-width: 767.98px) {
                                                        .carousel-item.img_kids img {
                                                            border-radius: 0%;
                                                            margin-bottom: 15px;
                                                            width: 44vh;
                                                        }
                                                    }
                                                    /* // Medium devices (tablets, less than 992px) */
                                                    
                                                    @media (max-width: 667px) {
                                                        .carousel-item.img_kids img {
                                                            border-radius: 0%;
                                                            margin-bottom: 15px;
                                                            width: 55vh;
                                                        }
                                                        p {
                                                            font-size: 0.6em;
                                                            text-align: center;
                                                        }
                                                        .card.category img {
                                                            height: 5em;
                                                        }
                                                    }
                                                    
                                                    @media (max-width: 991.98px) {
                                                        .carousel-item.img_kids img {
                                                            border-radius: 0%;
                                                            margin-bottom: 15px;
                                                            width: 30vh;
                                                        }
                                                    }
                                                    /* // Large devices (desktops, less than 1200px) */
                                                    
                                                    @media screen and (min-width:769px) and (max-width: 1024px) {
                                                        .carousel-item.img_kids img {
                                                            border-radius: 0%;
                                                            margin-bottom: 15px;
                                                            width: 40vh;
                                                        }
                                                    }
                                                    
                                                    @media screen and (min-width: 1200px) {
                                                        #loading img {
                                                            width: 50% !important;
                                                        }
                                                    }
                                                    
                                                    img.text-center {
                                                        transition: all .5s ease-in-out;
                                                    }
                                                    
                                                    @media screen and (min-width:769px) and (max-width: 1024px) {
                                                        .done {
                                                            position: fixed;
                                                            left: 43%;
                                                            top: 4%;
                                                            zoom: 0.4;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width:768px) {
                                                        .done {
                                                            left: 41%;
                                                            top: 4%;
                                                            zoom: 0.3;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width:375px) {
                                                        .done {
                                                            position: fixed;
                                                            left: 36%;
                                                            top: 4%;
                                                            zoom: 0.3;
                                                        }
                                                    }