.lef_img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
}

.flag_country {
    width: 1.3rem !important
}

html, body {
    overflow-x: hidden !important;
    width: 100vw !important;
}
/*.navbar-brand {
            margin-left: -6rem;
        }*/
.choice_bannier {
    width: 66px;
    position: absolute;
    margin-left: 200px;
}

.navbar-brand img {
    width: 250px;
    margin-left: 5%;
}

@media only screen and (min-width: 1070px) and (max-width: 1400px) {
    .choice_bannier {
        width: 66px;
        position: absolute;
        left: 2% !important;
    }

    .navbar-brand {
        margin-left: 5% !important;
    }
}

@media only screen and (min-width: 1070px) and (max-width: 999px) {
    .choice_bannier {
        width: 75px;
        position: absolute;
        left: 1% !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 999px) {
    .choice_bannier {
        width: 66px;
        position: absolute;
        left: 17% !important;
    }

    .navbar-brand {
        margin-left: 0% !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
    .choice_bannier {
        width: 58px;
        position: absolute;
        left: 22% !important;
    }

    .navbar-brand {
        margin-left: 10% !important;
    }
}

@media (max-width: 500px) {
    .choice_bannier {
        width: 50px;
        position: absolute;
        left: -12% !important;
    }

    .navbar-brand img {
        width: 200px;
    }

    .navbar-brand {
        margin-left: 15% !important;
    }

        .navbar-brand img {
            margin-left: -47% !important;
        }
}

@media (max-width: 768px) {
    #gmap_canvas {
        width: 75% !important;
    }
}

.button-down {
    position: relative;
    padding: 5px;
    margin: 30px auto;
    background: #4faef0;
    /*height: 50px;*/
    /*width: 50px;*/
    /*border-radius: 50%;*/
    transition: all 0.2s linear;
}

    .button-down:hover {
        transform: translate3d(0, 10px, 0);
    }

    .button-down::after {
        position: absolute;
        left: 17px;
        z-index: 11;
        display: block;
        /*width: 25px;*/
        /*height: 25px;*/
        /*border-top: 2px solid #fff;*/
        /*border-left: 2px solid #fff;*/
    }

.button-up::after {
    top: 20px;
    transform: rotate(45deg);
}

.button-down::after {
    top: 10px;
    transform: rotate(225deg);
}

#linktour:hover {
    cursor: pointer;
}

#linkvip:hover {
    cursor: pointer;
}

@media (min-width: 1000px) {
    .imgback {
        background-image: url(/assets/imagesConverted/img/PThd_little.webp);
        background-size: cover !important;
        justify-content: center;
        background-position: center center !important;
        background-size: 239vh !important;
        width: 100% !important;
        height: 74vh;
        background-attachment: inherit;
        margin-top: 5vh;
        background-attachment: fixed;
    }
}

@media (max-width: 999px) {
    .imgback {
        background-image: url('/assets/imagesConverted/img/PThd_little.webp');
        background-size: cover !important;
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 74vh;
        background-attachment: inherit;
        margin-top: 2%
    }
}
@media only screen and (min-width: 2000px) {
    .imgbanniere {
        background-size: cover !important;
        background-image: url('/assets/imagesConverted/new_Prestige-Banner-Design-Web-01_11zon.webp');
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 78rem;
        background-attachment: inherit;
        margin-top: 81px
    }
}
@media only screen and (min-width: 1400px) and (max-width: 2000px) {
    .imgbanniere {
        background-size: cover !important;
        background-image: url('/assets/imagesConverted/new_Prestige-Banner-Design-Web-01_11zon.webp');
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 40rem;
        background-attachment: inherit;
        margin-top: 81px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .imgbanniere {
        background-size: cover !important;
        background-image: url("/assets/imagesConverted/img/Mobile_11zon.webp");
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 33rem;
        background-attachment: inherit;
        margin-top: 98px;
    }
}

@media only screen and (max-width: 288px) {
    .imgbanniere {
        background-size: cover !important;
        background-image: url("/assets/imagesConverted/img/Mobile_11zon.webp");
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 14rem;
        background-attachment: inherit;
        margin-top: 87px;
    }
}
@media only screen and (min-width: 315px) and (max-width: 500px) {
    .imgbanniere {
        background-size: cover !important;
        background-image: url("/assets/imagesConverted/img/Mobile_11zon.webp");
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 38em;
        background-attachment: inherit;
        margin-top: 80px;
    }
}
@media only screen and (min-width: 288px) and (max-width: 315px) {
    .imgbanniere {
        background-size: cover !important;
        background-image: url("/assets/imagesConverted/img/Mobile_11zon.webp");
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 29rem;
        background-attachment: inherit;
        margin-top: 107.33px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
    .imgbanniere {
        background-size: cover !important;
        background-image: url('/assets/imagesConverted/new_Prestige-Banner-Design-Web-01_11zon.webp');
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 29vh;
        background-attachment: inherit;
        margin-top: 92.5px;
    }
}

.imgbanniere__img {
    background-image: url('/assets/imagesConverted/new_Prestige-Banner-Design-Web-01.webp');
    background-size: cover !important;
    justify-content: center;
    background-position: center center !important;
    width: 100% !important;
    height: 74vh;
    background-attachment: inherit;
    margin-top: 74px
}

@media (max-width: 500px) {
    .imgbanniere__img {
        /*background-image: url('/assets/imagesConverted/img/Mobile (1)_11zon.webp');*/
        background-size: cover !important;
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 87vh;
        background-attachment: inherit;
        margin-top: 50px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
    .imgbanniere__img {
        /*background-image: url('/assets/imagesConverted/new_Prestige-Banner-Design-Web-01.webp');*/
        background-size: cover !important;
        justify-content: center;
        background-position: center center !important;
        width: 100% !important;
        height: 87vh;
        background-attachment: inherit;
        margin-top: 20px;
    }
}

.contact-bar {
    position: fixed;
    bottom: 5%;
    right: 0;
    border-radius: 5px 5px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 99999999
}

.contact-icon {
    padding: 10px;
    cursor: pointer;
}

.divcontact {
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
    box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
}

.contact-text {
    display: none;
    color: black;
    align-self: center;
    padding: 10px;
    margin-right: 10px;
    transition: all 2s ease;
}

.active {
    display: block !important;
    z-index: 99999999999999;
    transition: all 2s ease;
}

@media screen and (min-width: 1450px) {
    .contact-text.hover-active {
        display: block;
        opacity: 0.7; /* Make it slightly transparent to indicate it's on hover */
        transition: all 2s ease;
    }
}

#contact-form input {
    border: 2px solid rgba(255,255,255,1)
}

#contact-form textarea {
    border: 2px solid rgba(255,255,255,1)
}

.icon_about {
    width: 9vw;
    height: auto;
}

@media (max-width: 768px) {
    #roundtour2 .middlediv {
        text-align: -webkit-center;
    }

    #oneway3 .middlediv {
        text-align: -webkit-center;
    }

    #oneway33 .middlediv {
        text-align: -webkit-center;
    }

    .centeradult {
        justify-content: center;
    }
}

#marg {
    height: 3.6rem !important;
}

@media screen and (min-width: 415px) and (max-width: 768px) {
    #marg {
        height: 3.6rem !important;
    }

    .selectquick {
        height: 38px !important;
    }

    .icon_about {
        width: 12vw;
        height: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1449px) {
    #marg {
        height: 3.6rem !important;
    }

    .selectquick {
        height: 38px !important;
    }

    .icon_about {
        width: 10vw;
        height: auto;
    }
}

@media screen and (min-width: 200px) and (max-width: 414px) {
    #marg {
        height: 3.9rem !important;
    }

    .selectquick {
        height: 38px !important;
    }

    .icon_about {
        width: 11vw;
        height: auto;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1427px) {
    #logofooter {
        margin-top: 7%;
        margin-left: 0px;
    }
}

@media screen and (min-width: 920px) and (max-width: 1070px) {
    #oneway .selectquick {
        width: 110px !important;
    }

    #roundtour .selectquick {
        width: 110px !important;
    }
}

@media (min-width: 1450px) {
    .marginl3 {
        margin-left: 3%;
    }
}

@media (max-width: 1450px) {
    #roundtour {
        margin-top: 2%;
    }

    #oneway {
        margin-top: 2%;
    }

    #roundtour {
        margin-top: 2%;
    }
}

@media screen and (min-width: 360px) and (max-width: 415px) {
    #services .selectquick {
        width: 160px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    #services .selectquick {
        width: 130px !important;
    }
}

@media screen and (min-width: 360px) and (max-width: 415px) {
    #quick .selectquick {
        width: 130px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    #quick .selectquick {
        width: 100px !important;
    }
}

.imgaboutbox {
    -webkit-box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
    box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
}

.contact_img {
    background-image: url('/assets/imagesConverted/img/dreamstimemedium_18145966.webp');
}

@media (max-width: 768px) {
    .contact_img {
        background-image: url('/assets/imagesConverted/img/bastien-nvs-Lmd-CpZOGWc-unsplash_11zon.webp');
        background-size: cover;
        background-position-x: center;
    }
}