@charset "UTF-8";

/*STYLES.CSS*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,400italic);
@font-face {
    font-family: 'Gilroy-Bold';
    src: local(Gilroy-Bold-), url(/assets/fonts/Gilroy-Bold.woff2) format("woff2"), url(/assets/fonts/Gilroy-Bold.woff) format("woff"), url(/assets/fonts/Gilroy-Bold.ttf) format("ttf");
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Regular';
    src: local(Gilroy-Regular-), url(/assets/fonts/Gilroy-Regular.woff2) format("woff2"), url(/css/fontGilroy-Regular.woff) format("woff"), url(/assets/fonts/Gilroy-Regular.ttf) format("ttf");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-SemiBold';
    src: local(Gilroy-SemiBold-), url(/assets/fonts/Gilroy-SemiBold.woff2) format("woff2"), url(/assets/fonts/Gilroy-SemiBold.woff) format("woff"), url(/assets/fonts/Gilroy-SemiBold.ttf) format("ttf");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: local(Gilroy-Medium-), url(/assets/fonts/Gilroy-Medium.woff2) format("woff2"), url(/assets/fonts/Gilroy-Medium.woff) format("woff"), url(/assets/fonts/Gilroy-Medium.ttf) format("ttf");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-ExtraBold';
    src: local(Gilroy-ExtraBold-), url(/assets/fonts/gilroy-extrabold.woff2) format("woff2"), url(/assets/fonts/gilroy-extrabold.woff) format("woff"), url(/assets/fonts/Gilroy-ExtraBold.ttf) format("ttf");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}


.advan .icon-bloc.new-blocks .icon-text a {
    font-size: 15px!important;
    font-family: 'Gilroy-SemiBold';
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}
/****** CSS *******/
@media (min-width: 481px) and (max-width: 991px) {
.nav-mobile-bottom > .navs-right-mobile li {
    text-align: center!important;
}
}
@media screen and (max-width: 991px) {
    .navbar-nav>li.open span.fa.fa-angle-down{
        float: left;
        position: relative;
        right: 12px;
    }
    .navbar-nav>li.open span.fa.fa-angle-down:before{
        content: "\f104"!important;
    }
    .navbar-nav {
        margin: 0px 0!important;
    }
    .navbar-nav>li>a{
        font-size: 18px!important;
        text-transform: uppercase !important;
    }
    .nav>li>a:focus, .nav>li>a:hover{
        background-color: #e5e9ed!important;
    }
    .navbar-nav>li>a span.fa.fa-angle-down:before{
        content: "\f105"!important;
    }
    .navbar-nav>li span.fa.fa-angle-down {
        float: right;
        position: relative;
        top: 14px;
    }
    .nav-mobile-bottom{
        display: block!important;
        background-color: #fff;
        padding: 25px;
    }
    .nav-mobile-bottom > .navs-right-mobile li{
        text-align: left;
    }
    .nav-mobile-bottom > .navs-right-mobile li a{
        font-family: 'Gilroy-Bold';
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 30px;
        letter-spacing: normal;
        text-align: left;
        color: #66747f;
    }
    


    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: #fff!important;
    }
    .navbar-nav>li{
        border-bottom: 0.5px solid rgba(8, 34, 56, 0.2)
    }
    nav.menu.slide-menu > .menu-styles > .container-fluid{
        padding: 0!important;
    }
    .nav>li>a {
        padding: 0px 15px!important;
    }
}

body {
    /*opacity: 0.9;*/
    background-color: #e2e7eb;
}

@media only screen and (max-width: 300px) {
    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

.mySlides {
    display: none
}

.slider-sejour-ways {
    display: none!important;
}

.slider-guide-ways {
    display: none!important;
}

.destination-sejo {
    background-color: #fff;
}

.destination-sejo .hotel-item .title {
    border: 0px solid;
    box-shadow: 3px 28px 99px 0 rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 600px) {
    /*div.our-offers {
    display: none;
}*/
    div.slider-offres.mobiles {
        display: block;
    }
    .table-destination-title {
        font-size: 25px!important;
        line-height: 30px!important;
        padding-left: 05px!important;
        padding-right: 05px!important;
    }
}

@media screen and (min-width: 600px) {
    div.our-offers {
        display: block;
    }
    div.slider-offres.mobiles {
        display: none!important;
    }
}

img {
    vertical-align: middle;
}


/* Slideshow container */

.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
    text-align: center;
}


/* Next & previous buttons */

.prev {
    cursor: pointer;
    position: absolute;
    top: 88%;
    right: 22%;
    width: auto;
    padding: 8px 13px;
    ;
    margin-top: -22px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    transition: 0.6s ease;
    border-radius: 8px;
    user-select: none;
    border: 1px solid #fff;
}

.next {
    cursor: pointer;
    position: absolute;
    top: 88%;
    right: 7%!important;
    width: auto;
    padding: 8px 13px;
    margin-top: -22px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    transition: 0.6s ease;
    border-radius: 8px!important;
    user-select: none;
    border: 1px solid #fff;
}


/* Position the "next button" to the right */

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* Number text (1/3 etc) */

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}


/* The dots/bullets/indicators */

.dot {
    cursor: pointer;
    height: 34px;
    width: 75px;
    margin: 0px 2px;
    padding: 4px 5px 0px 5px;
    background-color: #fff;
    border-radius: 8px;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.dot-slider .dot p {
    display: inline;
}

.dot-slider .dot img {
    margin-right: 10px;
    margin-left: 2px;
}

.dot-slider span.dot.active {
    display: block!important;
}


/* Fading animation */

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}


/************Page FAQ*********/

.help-title h4, .faq-ways-h4, .contact-h4 {
    font-family: 'Gilroy-Bold';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.help-title span {
    font-family: 'Gilroy-Medium';
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.help-title {
    margin-top: 10px;
}

.accordion-chooser>h4 ,
.accordion-chooser>.faq-title-h4 {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 18px;
}

.acc-body>h6 {
    font-family: 'Gilroy-Regular';
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.acc-body>p {
    font-family: 'Gilroy-Regular';
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238!important;
}

.accordion-chooser a.active,
.accordion-chooser a:hover {
    background-color: #009cc2!important;
    color: #fff!important;
}

.accordion-chooser a {
    text-align: center;
    font-family: 'Gilroy-Bold';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.4px;
    text-transform: initial;
    color: #082238;
    line-height: 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    padding: 14px 25px!important;
}

.accordion.style-5 .acc-title {
    background-color: #fff!important;
    color: #082238;
}

.accordion.style-5 .acc-title {
    background-color: #fff!important;
    color: #082238;
    padding: 20px 45px 20px 70px;
}

.help-us .email,
.help-us .tel,
.help-us .messanger {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 30px;
    margin-right: 28px;
}

.email>h4,
.tel>h4,
.messanger>h4,.faq-way-h4 {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #009cc2;
    margin-bottom: 10px;
    line-height: 24px;
}

.email>p,
.tel>p,
.messanger>p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.tel>span,.tel-cons {
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

button.btn.btn-email-contact ,
div.btn.btn-email-contact {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 22.5px;
    letter-spacing: 0.45px;
    text-transform: initial;
    margin-top: 14px;
    border-radius: 8px;
    width: 100%;
}

.btn.btn-email-messanger {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12px 39.8px;
    margin-top: 68px;
    margin-bottom: 10px;
    border-radius: 8px;
}

.btn.btn-tel-contact {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12px 90.6px;
    margin-top: 48px;
    margin-bottom: 10px;
    border-radius: 8px;
}

.btn.btn-email-tel {
    background-color: transparent;
    color: #082238;
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12px 20.2px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid #082238;
}

.waay-sejour table.last-minut {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.waay-sejour table.last-minut tr:nth-child(7) {
    border-bottom: 0px solid!important;
}

.help-us .email {
    padding-bottom: 108px!important;
}

.help-us .tel {
    padding-bottom: 46px!important;
}

.help-us .messanger {
    padding-bottom: 109px!important;
}

@media screen and (min-width: 1500px) {
    .o-club-section {
        width: 1200px;
    }
    .guide-image-back {
        padding-right: 3.6px;
    }
    .help-us .email {
        width: 377px;
    }
    .help-us .tel {
        width: 377px;
    }
    .help-us .messanger {
        width: 377px;
    }
    .waay-sejour {
        width: 350px!important;
        margin-left: 10px;
    }
    .sejour-way {
        width: 1020px;
    }
}


/***********Page texte Contenue********************/

.content-bloc-txt {
    background-color: #fff;
    border-radius: 8px;
    padding: 32px 23px;
}

.content-txt {
    background-color: #fff;
    border-radius: 8px;
    padding: 23px 33px 36px 58px;
}

.content-txt .texto-1 h4 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 5px;
}

.texto-1 i {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 25px;
    color:#66747f!important;
}

.texto-1 h6,
.texto-2 h6 {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 15px;
    margin-top: 10px;
    line-height: 25px;
}

.texto-1 p,
.texto-2 p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 5px;
}

.texto-2 {
    margin-top: 40px;
}

.texto-1 a,
.texto-2 a {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #00172a;
    margin-bottom: 5px;
    margin-top: 10px;
}

a .icon-flesh {
    color: #009cc2;
    margin-left: 3px;
    position: relative;
    top: 1px;
}

a .icon-flesh img {
    color: #009cc2;
    margin-left: 7px;
    position: relative;
    top: -1px;
}
a .icon-flesh .fa {
    color: #009cc2 !important;
    margin-left: 7px;
    position: relative;
    top: -1px;
    font-size: 14px;
    font-family: 'FontAwesome' !important;
}
.content-bloc-title {
    background-color: #082238;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.content-bloc-title h4 {
    font-family: 'Gilroy-Bold';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #fff;
    padding: 15px 20px;
}

.bloc-texto h5 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-top: 17px;
    margin-bottom: 15px;
    line-height: 25px;
}

.bloc-texto p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 25px;
}

.bloc-texto a {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 37.5px;
    color: #00172a;
}

.bloc-texto {
    padding: 0 20px;
}

@media screen and (min-width: 1500px) {
    .bloc-actuality-article {
        width: 955px;
        padding-right: 0;
    }
    .bloc-actuality {
        width: 390px;
        margin-left: 35px;
        padding-left: 0;
    }
    .videos {
        width: 576px;
        border-radius: 8px;
    }
}


/************Page Réassurance***********************/

.assurance-img {
    margin-top: 27px;
}

.assurance .texto-1 p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 25px;
    margin-top: 22px;
    margin-bottom: 22px;
}

.assurance .bloc-img-text {
    background-color: #beeaf0;
    margin-top: 20px;
    padding: 16.5px 10px 12.5px 10px;
    border-radius: 8px;
}

.rembors-txt {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 27.5px;
}

.assurance-img-2 {
    margin-top: 37px;
}

.assurance-texto {
    margin-top: 23px;
}

.assurance-texto p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 25px;
}

.content-image-background.assur {
    margin-top: 38px;
}

.news-assurance.second-title {
    padding-top: 0px!important;
}


/********** QUI Sommes Nous *******************************/

.background-banner {
    /*background-image: url(/assets/images/qui-somme-nous.png);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 611px;
}

.discover-us {
    padding: 50px 5px;
}

.how-about-us {
    background-color: #F6FBFF;
}

.icon-blocks.about-nous h4,.qsn-title-h4 {
    font-family: 'Gilroy-Bold';
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 15px;
    line-height: 20px;
}

.icon-blocks.about-nous p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 20px;
    padding: 0 17px;
}

button.btn.btn-guide:active,
button.btn.btn-guide:focus,
button.btn.btn-guide:hover {
    color: #fff!important;
}

.icon-blocks.about-nous img {
    margin-bottom: 20px;
    margin-right: 0!important;
}

.bloc-content-about>.container>.row:nth-child(2),
.bloc-content-about>.container>.row:nth-child(3),
.bloc-content-about>.container>.row:nth-child(4) {
    margin-top: 60px;
}

.about-us-bloc-1 h4 {
    font-family: 'Gilroy-Bold';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 35px;
    margin-bottom: 10px;
}

.about-us-bloc-1 p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 20px;
}

.about-us-bloc-1 {
    padding: 60px 20px 44px 50px;
}

.about-us-bloc-1 p span {
    color: #009cc2;
    font-family: 'Gilroy-Bold'!important;
}

.about-us-bloc-2 p span {
    color: #009cc2;
    font-family: 'Gilroy-Bold'!important;
}

.about-us-bloc-2 {
    padding: 90px 0px 90px 80px;
}

.about-us-bloc-2 p {
    font-family: 'Gilroy-Regular';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 20px;
    padding-right: 66px;
}

.about-us-bloc-2 h4 {
    font-family: 'Gilroy-Bold';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 37px;
    padding-right: 100px;
    margin-bottom: 10px;
}

.bloc-content-about-img {
    padding: 0;
}

.about-us-bloc-3 h4 {
    font-family: 'Gilroy-Bold';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 37px;
    padding-right: 120px;
    margin-bottom: 10px;
}

.about-us-bloc-3 p {
    font-family: 'Gilroy-Regular';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 20px;
    padding-right: 65px;
}

.about-us-bloc-3 {
    padding: 60px 20px 44px 50px;
}

.about-us-bloc-3 p span {
    color: #009cc2;
    font-family: 'Gilroy-Bold'!important;
}

.about-us-bloc-4 p span {
    color: #009cc2;
    font-family: 'Gilroy-Bold'!important;
}

.about-us-bloc-4 {
    padding: 90px 0px 90px 80px;
}

.about-us-bloc-4 p {
    font-family: 'Gilroy-Regular';
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 20px;
    padding-right: 73px;
}

.about-us-bloc-4 h4 {
    font-family: 'Gilroy-Bold';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    line-height: 37px;
    padding-right: 100px;
    margin-bottom: 10px;
}


/**************Page Contact******************************/

.contact-txt {
    background-color: #fff;
    border-radius: 8px;
    padding: 31px 49.5px 40px 50.5px;
}

.contact-title {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #009cc2;
    line-height: 37px;
}

.contact-form label {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 15px;
}

.drop b {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.area-style-1.color-1::placeholder {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.input-style-1.type-2.color-2 input::placeholder {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.input-style-1.type-2.color-2 input {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

input[type='radio']:after {
    transition: none !important;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    background-color: transparent;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid rgba(219, 219, 219, 0.6);
}

input[type='checkbox']:after {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    background-color: transparent;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid rgba(219, 219, 219, 0.6);
    position: relative;
}

.radios label {
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-right: 20px;
}

input[type='radio']:checked {
    width: 40px;
    height: 40px;
    border-radius: 30px;
    background-color: #009cc2;
    content: '';
    display: inline-block;
    visibility: visible;
}

input[type='checkbox']:checked {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    background-color: #009cc2;
    content: '';
    display: inline-block;
    visibility: visible;
}

input[type='checkbox']:checked:before {
    width: 8px;
    height: 14px;
    top: 12px;
    left: 16px;
    position: absolute;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    z-index: 99;
}

input[type='radio']:focus,
input[type='checkbox']:focus {
    outline: none!important;
}

.radio-inline input[type=radio] {
    position: relative!important;
    top: 12px;
}

.radio-inline {
    padding-left: 0px!important;
}

.radios {
    padding-bottom: 20px;
}

table.condition label {
    font-size: 13px;
    margin-bottom: 0px;
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

table.condition td a {
    font-size: 13px;
    color: #009cc2;
    text-decoration: underline;
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.g-recaptcha {
    margin-top: 40px;
}

.btn-ask-contact {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12px 52.92px;
    margin-top: 21px;
    margin-bottom: 10px;
    border-radius: 8px;
}

.btn-ask-contact:hover,
.btn-ask-contact:focus,
.btn-ask-contact:active,
.btn-ask-question:hover,
.btn-ask-question:focus,
.btn-ask-question:active {
    color: #fff!important;
}

.bloc-contact-left {
    background-color: #fff;
    border-radius: 8px;
    padding: 33px 30px 37.6px 30px;
}
.bloc-contact-left.top{
    padding: 32.5px 30px 32.5px 30px!important;
}

.bloc-contact-left h4 {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    line-height: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #009cc2;
    margin-bottom: 10px;
}

.contact-accordion{
    padding-top: 30px;
}

.bloc-contact-left p {
    font-family: 'Gilroy-Regular';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.bloc-contact-left>span {
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.bloc-contact-left .btn.btn-tel-contact {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 22.5px;
    letter-spacing: 0.4px;
    text-transform: initial;
    padding: 12px 63.6px;
    margin-top: 23px;
    margin-bottom: 10px;
    border-radius: 8px;
}

.bloc-contact-left .btn.btn-email-tel {
    background-color: transparent;
    color: #082238;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12px 7.2px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid #082238;
}

.bloc-contact-left.top {
    margin-top: 30px;
}

.bloc-contact-left .btn.btn-email-messanger {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 22.5px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12px 12.8px;
    margin-top: 23px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.btn-ask-question {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12.34px 61.24px;
    margin-top: 35px;
    margin-bottom: 15px;
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1500px) {
    .bloc-contact {
        width: 955px;
        padding-right: 0;
    }
    .bloc-contact-sidebar {
        width: 390px;
        margin-left: 35px;
        padding-left: 0;
    }
    .bloc-contact-left .btn.btn-tel-contact {
        padding: 12px 87.6px;
    }
    .bloc-contact-left .btn.btn-email-tel {
        padding: 12px 31.2px;
    }
    .bloc-contact-left .btn.btn-email-messanger {
        padding: 12px 35.8px;
    }
}


/**************Page Liste article content*************************/

.title-covid {
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 37.5px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 20px;
}

.title-all {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 37.5px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin: 2px 0 34.5px 0;
}

.article table td h4 {
    font-family: 'Gilroy-Bold';
    font-size: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 20px;
}

.article table td p {
    font-family: 'Gilroy-Regular';
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 22px;
}

.article table td a {
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
}

.article>table {
    background-color: #fff;
    border-radius: 8px;
}

.article {
    margin-bottom: 35px;
}


.progress-bar-down {
    margin-top: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.progress {
    height: 6px!important;
    width: 29.57%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.fermer {
    font-family: 'Gilroy-SemiBold'!important;
    font-size: 15px!important;
    font-weight: 600!important;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px!important;
    letter-spacing: normal;
    text-align: right!important;
    color: #082238!important;
    cursor: pointer;
    text-decoration: underline;
}

.progress-bar-down p {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #66747f;
    line-height: 37.5px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    margin-bottom: 10px;
}

.progress-bar {
    background-color: #23b9ce!important;
}

.btn-all-list-articles:hover,
.btn-all-list-articles:focus {
    border: 1px solid #009cc2;
    color: #009cc2;
    outline: none;
}

.btn-all-list-articles {
    background-color: transparent;
    color: #009cc2;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 22.5px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12.5px 30.09px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid #009cc2;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none!important;
}

.btn-all-articles {
    background-color: transparent;
    color: #009cc2;
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12px 60px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid #009cc2;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn-all-articles:focus,
.btn-all-articles:hover,
.btn-all-articles:active {
    border: 1px solid #009cc2!important;
    color: #009cc2;
    outline: none!important;
}

.ask-faq {
    background-color: #fff;
    border-radius: 8px;
    padding: 11px 25px;
    margin-top: 21px;
}

.ask-faq h4 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin: 13px 0px 25px 0;
    line-height: 24px;
}
.btn-consult:hover, .btn-consult:focus, .btn-contact-us:hover, .btn-contact-us:focus {
    color:#fff!important;
}

.btn-consult {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 22.5px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 10.5px 30px;
    border-radius: 8px;
    width:100%
}
.ask-faq > .btn {
    margin-bottom: 26px;
}
.btn-contact-us {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 22.5px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 10.5px 30px;
    border-radius: 8px;
    width:100%
}

@media screen and (min-width: 1500px) {
    .all-article-bloc {
        width: 955px;
        padding-right: 0;
    }
    .all-article-sidebar {
        width: 390px;
        margin-left: 35px;
        padding-left: 0;
    }


}


/***************Page Guide destination ************************/

.guide-all-bloc-1>.content-txt {
    padding: 46px;
}

.main-wraper.banner-guide {
    background-image: url(/assets/images/guide-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 183px 0 55px 0px;
    margin-top: 6px;
}

.guide-banner p {
    color: #fff;
    font-family: 'Gilroy-SemiBold';
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 35px;
    margin-bottom: 12px;
}

.guide-banner h4, .guide-name-h4 {
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 70px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 35px;
    margin-bottom: 10px;
}

.video-guide {
    padding: 49px 0;
    background-color: #ffffff!important;
}

.btn-guide {
    background-color: #009cc2;
    color: #fff;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    padding: 12.5px 33.38px;
    margin-top: 25px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.guide-info h4 {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    margin: 10px 0 18px 0;
    line-height: 30px;
}

.guide-info p {
    font-family: 'Gilroy-Medium';
    color: #082238;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    margin: 18px 0;
}

.guide-info .icon-blocks p {
    margin: 0!important;
    padding: 0px 11px;
}

.guide-info .icon-blocks.about-nous img {
    margin-bottom: 7px;
    margin-right: 0!important;
    margin-top: 6px;
}

.hrs {
    width: 98%;
    display: block;
    margin-left: 16px;
    background-color: rgba(8, 34, 56, 0.2);
}

.title-guides {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    padding: 0 0 40px 40px;
}
.guides-mobile .title-guides{
    line-height: 32px;
}

.title-raison {
    font-size: 25px;
    margin-bottom: 30px!important;
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 5px;
}

.img-guide-slider {
    width: auto!important;
}

.img-slide-text {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    background-color: #fff;
    border-radius: 5px;
    padding: 6.1px 14.83px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-align: center;
}

.btn-lg.btn-filter {
    background-color: #009cc2;
    border-radius: 8px;
    width: 100%;
    text-align: center;
    border: 0px solid;
    padding: 11px 20px;
}

.img-slide-text span {
    font-family: 'Gilroy-Bold';
    color: #28b8ce;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.img-slider-txt {
    padding-top: 30px;
}

.img-slider-txt>h4, .img-slider-txt>.guide-all-h4 {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 37.5px
}

.img-slider-txt>h4>span ,.img-slider-txt>.guide-all-h4>span {
    color: #28b8ce;
}

.img-slider-txt>p {
    font-family: 'Gilroy-Medium';
    color: #082238;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    padding-top: 10px;
    line-height: 25px;
}

.content-txt.guide-bloc {
    margin-top: 20px;
}

.blue-icons {
    padding-top: 20px;
    padding-bottom: 42px;
    border-bottom: 0.5px solid rgba(128, 128, 128, 0.1);
}

.title-depart-ville {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.change-color {
    color: #d9dde0!important;
}

.blue-icons ul li {
    font-family: 'Gilroy-SemiBold';
    color: #6b7a88;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.blue-bloc-text p {
    font-family: 'Gilroy-Medium';
    color: #082238;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    margin-top: 30px;
}

.title-discover-ville {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.discover-blc {
    padding-top: 40px;
}

.discover-blc h4, .discover-blc .disc-title-desktop-h4{
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 37.5px;
}

.discover-blc p {
    font-family: 'Gilroy-Medium';
    color: #082238;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    margin-bottom: 10px;
}

.discover-blc a {
    font-family: 'Gilroy-Bold';
    color: #00172a;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    margin-bottom: 10px;
}

.way {
    margin-top: 15px;
}

.way p {
    font-family: 'Gilroy-Medium';
    color: #082238;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.way p span {
    font-family: 'Gilroy-Medium';
    color: #28b8ce;
    font-size: 15px;
    font-weight: 500;
}

.list-bagage li img {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.list-bagage li {
    font-family: 'Gilroy-Medium';
    color: #082238;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.list-bagage {
    margin-bottom: 20px;
}

.madere {
    background-image: url('/assets/images/madere.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 82.4px 0 82.4px 0px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}

.baleares {
    background-image: url('/assets/images/balereas.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 82.4px 0 82.4px 0px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}

.rhodes {
    background-image: url('/assets/images/rhodes.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 82.4px 0 82.4px 0px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}

.rhodes h4,
.baleares h4,
.madere h4,.dest-sim-h4 {
    font-family: 'Gilroy-Bold';
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.ways h4 {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 24px;
}

.ways p, .ways .guide-span-h3 {
    font-family: 'Gilroy-Medium';
    color: #082238;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 24px;
}

.fermer-close {
    display: none!important;
}

.allBtnWay {
    padding-top: 20px;
}

.btn-way {
    background-color: transparent;
    color: #082238;
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    padding: 12.5px;
    line-height: 23px;
    letter-spacing: normal;
    text-transform: initial;
    margin-bottom: 16px;
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid #082238;
    text-align: center;
    width: 100%;
}

.guide-all-bloc-2>.content-bloc-txt {
    padding: 28px 33px;
}

.btn-way:hover,
.btn-way:focus {
    border: 1px solid #009cc2;
    color: #fff;
    background-color: #009cc2;
    transition: none;
}

@media screen and (min-width: 1500px) {
    .guide-info {
        padding-left: 0;
        padding-right: 0;
    }
    .guide-all-bloc-1 {
        width: 975px;
    }
    .guide-all-bloc-2 {
        width: 405px;
    }
}


/***************Page Destinations Séjours ***********************/

.europe {
    background-image: url('/assets/images/back-europe.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60.3px 0 60.3px 50px;
    color: #fff;
    border-radius: 8px;
}

.afrique {
    background-image: url('/assets/images/back-afrique.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60.3px 0 60.3px 50px;
    color: #fff;
    border-radius: 8px;
}

.asie {
    background-image: url('/assets/images/back-asie.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60.3px 0 60.3px 50px;
    color: #fff;
    border-radius: 8px;
}

.caraibe {
    background-image: url('/assets/images/back-caraibe.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60.3px 0 60.3px 50px;
    color: #fff;
    border-radius: 8px;
}

.bg1 {
    background-image: url('/assets/images/back-img-first.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 149.5px 0 149.5px 0px;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.bg2 {
    background-image: url('/assets/images/back-img-second.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 149.5px 0 149.5px 0px;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.table-destination>table {
    width: 71%;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.way-table-out tr {
    border-radius: 4px;
    box-shadow: 3px 0 30px 0 rgb(0 0 0 / 5%);
    border: solid 0px #eaeaea;
    background-color: #fff;
}

.table-destination>.table-way-mobile {
    width: 50%;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hotel-item.hotel-sejour {
    width: 414px!important;
    height: 470px!important;
}

.slider-sejour-ways {
    padding: 0 20px 20px 20px;
}

.slider-guide-ways {
    padding: 0 38px 20px 38px;
}

.all-slider-sejour {
    background-color: #fff;
    padding-bottom: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

button.btn-sej.sej-afrique {
    padding: 15px 28.8px;
}

.offer-sejour h5,.product-push-h5 {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.offer.offer-sejour.title.clearfix {
    padding: 31px 15px 31px 15px;
    box-shadow: 3px 28px 99px 0 rgba(0, 0, 0, 0.08);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.slider-sejour-ways>.row {
    /*padding-bottom: 62px;*/
}

.slider-guide-ways>.row {
    padding-bottom: 50px;
}

table.way-table-in tr {
    border-radius: 4px;
    box-shadow: 3px 0 30px 0 rgba(0, 0, 0, 0.05);
    border: solid 0px #eaeaea;
    background-color: #fff;
}

table.way-table-in {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-right: 38px;
}

tr.spaceUnder>td {
    padding-bottom: 1em;
    width: 305.8px;
}

.sejour-way-title {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    margin-bottom: 30px;
}

.sejour-way h4 {
    font-family: 'Gilroy-Bold';
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 33px;
}

.sejour-way h4 span {
    margin-left: 3px;
}

.sejour-way p {
    font-family: 'Gilroy-SemiBold';
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.table-destination-title {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    padding: 35px 0;
    text-align: center;
    line-height: 37px;
}

a.title-direction-way {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.last-prix-way {
    font-family: 'Gilroy-Regular';
    color: #082238;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

.last-prix-way strong {
    font-family: 'Gilroy-Bold';
    color: #009cc2;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
}

tr.spaceUnder table td {
    width: 30.1%;
    text-align: justify;
    padding: 11px 7px;
}

.table-destination {
    background-color: #fff;
    padding: 10px 30px 25px 30px;
}

button.btn-sej ,
.btn-sej-button.btn-sej {
    width: auto!important;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 28.53px;
    display: block;
    border: 1px solid #009cc2;
    border-radius: 8px;
}

button.btn-sej h5,.guide-btn-h5 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.45px;
    text-align: center;
    color: #fff;
}

button.btn-all-promos h5,
button.btn-all-club h5,.home-h5,.oclub-h5 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.45px;
    text-align: center;
    color: #fff;
    text-transform: none;
}
.home-h5 {line-height: 18px !important;}
.btn-all-nouvel h5{
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.45px;
    text-align: center;
    color: #fff;
}
.btn-all-nouvel{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 78.9px;
    display: block;
    border: 1px solid #009cc2;
    border-radius: 8px;
    margin-top: 28px;
}


.button.btn-sej:hover,
.button.btn-sej:focus, .btn-all-nouvel:hover, .btn-all-nouvel:focus {
    border: 1px solid #009cc2;
    outline: none;
    border-color: #009cc2;
}

.btn-disc {
    background-color: transparent;
    font-family: 'Gilroy-Medium';
    font-size: 12px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    padding: 6px 22.24px;
    padding: 9px 24px;
    letter-spacing: normal;
    text-transform: initial;
    margin: 20px 10px 20px 5px;
    border-radius: 8px;
    border: 1px solid #082238;
    text-align: center;
    width: auto;
}

.btn-disc:hover,
.btn-disc:focus {
    border: 1px solid #082238;
    color: #082238;
}

.decouvrir h4 {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    margin-bottom: 20px;
}

.offers-sejour h5 {
    font-size: 20px!important;
    font-stretch: normal;
    font-style: normal;
    line-height: 27px!important;
    letter-spacing: normal;
    color: #082238;
}

.offers-sejour.offer.title.clearfix i.lieux {
    font-size: 18px!important;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238!important;
    opacity: 0.6;
    line-height: 1.79px!important
}

.offers-sejour.offer.title.clearfix i {
    font-family: 'Gilroy-SemiBold';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #8f959b;
}

@media screen and (min-width: 1500px) {
    .sejour-way>.row>.col-sm-6 {
        width: 510px;
    }
    .hotel-item.hotel-sejour,
    .slider-bottom-product .hotel-item {
        width: 414px!important;
        height: 470px!important;
    }
}


/**************Page Liste**************************/

.accordion input[type=checkbox] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
}

.accordion input[type=checkbox] {
    border-radius: 3px !important;
    height: 14px !important;
    width: 14px !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
}

.accordion input[type="checkbox"]:checked {
    font-family: FontAwesome;
    background: #009cc2 !important;
    margin: 0px !important;
    position: relative !important;
}

.accordion input[type="checkbox"]:checked:before {
    font-family: FontAwesome !important;
    content: '\f00c' !important;
    display: block !important;
    color: white !important;
    font-size: 10px !important;
    position: absolute !important;
    top: 0.5px;
    left: 1.5px;
    border: 0;
    -webkit-transform: initial;
}

.form-check-inline input[type='radio']:after {
    width: 15px !important;
    height: 15px !important;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1 !important;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white !important;
}

.form-check-inline input[type='radio']:checked:after {
    width: 15px !important;
    height: 15px !important;
    border-radius: 15px !important;
    top: -2px !important;
    left: -1px !important;
    position: relative !important;
    background-color: #009cc2 !important;
    content: '' !important;
    display: inline-block !important;
    visibility: visible !important;
    border: 2px solid white !important;
}

div#myModal .modal-dialog {
    max-width: 950px !important;
    margin: 30px auto !important;
    width: 100% !important;
}

div#myModal .modal-content {
    width: 100% !important;
    margin: 10% auto !important;
}

.date-type::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(/assets/images/date-picker-img.png) no-repeat;
    border-width: thin;
}

.showonlydesktop.showonlydesktop-left .form-control {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.form-control.date-type::placeholder,
.form-control.date-type {
    font-family: 'Gilroy-SemiBold'!important;
    font-size: 17px!important;
    font-weight: 600!important;
    font-stretch: normal!important;
    font-style: normal!important;
    letter-spacing: normal!important;
    color: #082238!important;
    opacity: 1!important;
}

.way-holder-1,
.way-holder-2 {
    position: absolute;
    z-index: 8;
    left: 12px;
    top: 5px;
    font-family: 'Gilroy-Medium';
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #66747f;
}

.showonlydesktop-left .hotel-line #select-one {
    font-size: 17px!important;
}

.showonlydesktop-left .hotel-line .add-top {
    padding-top: 14px;
}

.btnhotel.showonlydesktop button,
.btnhotel.showonlydesktop .list-btn {
    border: 1px solid #009cc2!important;
    position: relative;
    top: 10px;
    border-radius: 8px;
}

.showonlydesktop1.showonlydesktop.top-baner.first-slider.arrows .fa-angle-right:before {
    font-size: 40px;
    left: -11px;
}

.showonlydesktop1.showonlydesktop.top-baner.first-slider.arrows .fa-angle-left:before {
    font-size: 40px;
    right: -11px;
}

.showonlydesktop-left {
    padding-bottom: 30px;
}

.banner-s-100 {
    padding: 5.8px 13.3px;
    color: #fff;
    position: absolute;
    left: 21px;
    top: 9px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: normal;
    font-family: 'Gilroy-SemiBold';
    z-index: 99;
    text-transform: uppercase;
}

.btnhotel.showonlydesktop button:focus,
.btnhotel.showonlydesktop .list-btn:focus {
    border: 1px solid #009cc2!important;
    outline: none!important;
}

h6.pers,.list-pers-h6 {
    font-family: 'Gilroy-Medium'!important;
    font-size: 12px!important;
    font-weight: 500!important;
    font-stretch: normal!important;
    font-style: normal;
    letter-spacing: normal;
    color: #66747f!important;
}

.way-discover h4,.list-cross-h4 {
    font-family: 'Gilroy-Bold';
    color: #082238;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    line-height: 1.5;
    margin-bottom: 20px;
}

.btn-way-disc:hover,
.btn-way-disc:focus {
    border: 1px solid #082238;
    color: #082238;
}

.btn-way-disc {
    background-color: transparent;
    color: #082238;
    font-family: 'Gilroy-Medium';
    font-size: 12px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    padding: 6px 22.5px;
    letter-spacing: normal;
    text-transform: initial;
    margin: 20px 10px 20px 5px;
    border-radius: 4px;
    border: 1px solid #082238;
    text-align: center;
    width: auto;
}

.discovers {
    background-color: #fff!important;
}

.all-btn-way-disc {
    padding: 0 100px;
}

.titreListe-txt {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: initial;
    color: #082238;
    margin-bottom: 3px;
}

.img-list-avion {
    margin-left: 9px;
    margin-top: 14px;
}

.liste-txt {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.content-listeDest {
    padding: 0px 40px 0 40px;
}

.modal-dialog h5 b {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}

.modal-body h6 strong {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 22.5px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.tampons {
    width: 100%!important;
    padding: 20px!important;
    margin: auto!important;
}

.modal-content.tampons ul li {
    padding-bottom: 10px;
    text-align: initial;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 71%;
}

.modal-body h6.des-ville,.des-ville-h6 {
    font-size: 12px;
}

.modal-body .rate-wrap {
    padding: 0;
    font-family: 'Gilroy-SemiBold';
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #8f959b;
}

.modal-covid {
    padding: 10px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 6.2px 23.2px 65px 0 rgba(8, 34, 56, 0.2)!important;
}

.modal-covid h4 ,
.modal-covid .modal-covid-h4 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
    padding-bottom: 15px;
}

.modal-covid h4 span ,
.modal-covid .modal-covid-h4 span {
    color: #009cc2;
}

.modal-covid p {
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #082238;
    padding-bottom: 20px;
}

.modal-covid ul li {
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    padding-bottom: 20px;
}

button.bnt-covid-clos.close:hover {
    background-color: #e2e7eb;
    padding: 13px;
}

button.bnt-covid-clos.close {
    padding: 13px;
}

.modal-covid ul li span {
    font-family: 'Gilroy-Bold';
    font-size: 14px;
    font-weight: bold;
}

.list-destination.bloc-img-text {
    background-color: #beeaf0;
    margin: 30px 0;
    padding: 22px 10px 17px 10px;
    border-radius: 8px;
}

.tri p {
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.see-more {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: left;
    color: #00172a;
}

.see-more img {
    margin-left: 6px;
    width: 15px;
}

#ville {
    display: none;
    padding-left: 25px;
}

#bloc2-ville {
    display: none;
    padding-left: 35px;
}

#villes {
    display: none;
    padding-left: 25px;
}

#bloc3-ville {
    display: none;
    padding-left: 35px;
}


/*page liste*/

.price-s-6 {
    background: rgba(0, 0, 0, 0.3);
    padding: 6px 10px;
    color: #fff;
    position: relative;
    border-radius: 5px;
    width: 55px;
    text-align: right;
    font-weight: 300;
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.34;
    letter-spacing: normal;
}

.banner-s-2 {
    padding: 9px 13px;
    color: #fff;
    position: relative;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    letter-spacing: normal;
    z-index: 99;
    width: 84px;
    margin-right: 30px;
    font-family: 'Gilroy-SemiBold';
    font-size: 11px;
    font-weight: 600;
    line-height: 3.41;
}

#country-map {
    height: 550px;
}

#country-map img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.modal-content {
    box-shadow: none;
    border: 0px solid #fff;
    width: 50%;
    margin: 10%auto;
}
#mapModal .modal-content {
    margin: 8%auto;
}

/*
    * MAP MAKERS
    * Custom, more simple map markers
    * This way, you don't need to offset the map location in the Javascript.
    *
  -----------------------------------------*/

.map-location {
    font-size: 1rem;
    cursor: pointer;
}

.map-location,
.map-location div {
    width: 15px;
    height: 15px;
}

.map-location div {
    position: absolute;
    z-index: 100;
    display: block;
    background: url('/assets/images/map-loc.png')no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.map-location div:after,
.map-location div:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    /*
      //border: 3px solid rgba(255,0,25,.2);
    */
    border: 3px solid rgba(241, 94, 36, 0.3);
    border-radius: 50%;
    box-sizing: content-box;
}

.map-location.current-emergency div:after
/*.spot:hover div:after */

{
    animation: over 2s ease-out 1s infinite;
}

.map-location div:after {
    transform: scale(.7);
}

@keyframes over {
    0% {
        opacity: 1;
        transform: scale(.8);
        border: 3px solid rgba(225, 0, 25, .5);
        border: 3px solid rgba(241, 94, 36, 0.5);
    }
    25% {
        opacity: 1
    }
    50% {
        border: 3px solid rgba(0, 30, 75, .5);
    }
    75% {
        opacity: .1
    }
    to {
        opacity: 0;
        transform: scale(2.6);
    }
}

.filtres input {
    display: none;
}

.filtres label {
    display: block;
    margin: 2em 0;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 30px;
    position: relative;
    cursor: pointer;
}

.filtres input[type="radio"]:checked+label.radio,
.filtres input[type="radio"]:checked+label.radio::before {
    color: #142bff;
    border-color: #142bff
}

.filtres label.radio::before {
    content: "";
    width: 35px;
    height: 35px;
    border: 2px solid #00000066;
    border-radius: 50%;
    position: absolute;
    left: -2em;
}

.filtres label.radio::after {
    content: "";
    width: 10px;
    height: 20px;
    border: 5px solid #142bff;
    position: absolute;
    top: 16px;
    left: -47px;
    transform: translateY(-50%) rotate(45deg);
    border-left: none;
    border-top: none;
    visibility: hidden;
}

.filtres input[type="radio"]:checked+label.radio::after {
    visibility: visible;
}

.boxhotel {
    background: #fff;
    margin-bottom: 30px;
}

.blocliste {
    margin: 22px 0;
}

.blocliste .rate-wrap {
    text-align: center;
    width: 50%;
}

.blocliste button,
.blocliste .list-btn {
    background-color: #b0008e;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 15px 60.5px;
}

.c-button.blocliste.color-dr-blue.hv-o.b-50 {
    padding: 0 8px!important;
}

.blocliste button h5,span.list-bnt-decouv {
    font-size: 18px;
    font-family: 'Gilroy-Bold';
}
span.list-bnt-decouv {
    line-height: 18px;
    font-weight: 400;text-transform: none;
}
.pictofix {
    position: absolute;
    z-index: 2;
}

#myCarousels1 {
    background-color: #b81999
}

#myCarousels1 .carousel-control,
.showonlydesktop1.showonlydesktop .carousel-control {
    top: 40%;
}

#myCarousels1 .carousel-indicators li {
    background: #fff;
}

h2.titre-page {
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #082238;
    text-transform: none;
    padding: 10px 0;
}

p.nbroff, h3.nbroff {
    font-size: 18px!important;
    padding: 10px 0 15px;
    font-family: 'Gilroy-SemiBold'!important;
    font-weight: 600!important;
    line-height: 2.08!important;
    text-align: left;
    color: #082238;
}

.tri {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 24px;
}

.tri .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    border: 1px solid #082238;
    border-radius: 5px;
    width: auto;
    max-width: 243px;
    height: 45px;
}

.tri .form-control {
    background: transparent;
    height: 45px;
}

.tri .input-group-addon {
    background-color: transparent !important;
}

.carte-tri {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.carte-tri a {
    color: #009cc2;
    font-size: 15px;
    text-decoration: underline;
}

.hotel-product {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 35px 50px 10px 5px;
    height: 100%;
}

.hotel-product .title-product {
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    line-height: 1.75;
}

.hotel-product p.place, .hotel-product h4.place,.place-h4 {
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
    text-transform: none;
}

.hotel-product span a {
    font-family: 'Gilroy-Regular';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #009cc2;
}

.hotel-product span.loop {
    font-size: 15px;
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.38px;
    color: #082238;
}

.hotel-product span.loop a {
    font-family: 'Gilroy-Medium';
    color: #8f959b;
    font-size: 10px;
    font-weight: 500;
}

.hotel-product .des-ville {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #082238;
    font-family: 'Gilroy-SemiBold';
    padding-top: 10px;
}

.hotel-product .dispo, .hotel-product-dispo.dispo {
    font-family: 'Gilroy-SemiBold';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    text-align: left;
    color: #66747f;
    padding-top: 15px;
}

.col-lg-8.padd0 .row.flexboxitems {
    margin: 0;
}

.hotel-product .dispo strong, .hotel-product-dispo.dispo strong {
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    color: #082238;
}

.blocright {
    background: rgba(8, 34, 56, 0.04);
    padding: 9px 0 9px 0;
    right: -1px;
}

.all {
    text-align: center;
}

.all input[type=checkbox]:checked+label:before {
    content: "Effacer tous mes filtres";
}

.all label {
    position: relative;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    display: block;
    cursor: pointer;
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #66747f;
}

.all label:before {
    content: "Sélectionner tous mes filtres";
}

.accordion {
    position: relative;
    width: 100%;
}

.accordion .trigger #checkbox-1,
.accordion .trigger #checkbox-2,
.accordion .trigger #checkbox-3,
.accordion .trigger #checkbox-4,
.accordion .trigger #checkbox-5,
.accordion .trigger #checkbox-6,
.accordion .trigger #checkbox-7,
.accordion .trigger #checkbox-8 {
    display: none;
}

.accordion .trigger #checkbox-1:checked+label,
.accordion .trigger #checkbox-2:checked+label,
.accordion .trigger #checkbox-3:checked+label,
.accordion .trigger #checkbox-4:checked+label,
.accordion .trigger #checkbox-5:checked+label,
.accordion .trigger #checkbox-6:checked+label,
.accordion .trigger #checkbox-7:checked+label,
.accordion .trigger #checkbox-8:checked+label {
    background-color: transparent;
}

.accordion .trigger #checkbox-1:checked+label i:before,
.accordion .trigger #checkbox-2:checked+label i:before,
.accordion .trigger #checkbox-3:checked+label i:before,
.accordion .trigger #checkbox-4:checked+label i:before,
.accordion .trigger #checkbox-5:checked+label i:before,
.accordion .trigger #checkbox-6:checked+label i:before,
.accordion .trigger #checkbox-7:checked+label i:before,
.accordion .trigger #checkbox-8:checked+label i:before {
    transform: translate(0px, 8px) rotate(45deg);
}

.accordion .trigger #checkbox-1:checked+label i:after,
.accordion .trigger #checkbox-2:checked+label i:after,
.accordion .trigger #checkbox-3:checked+label i:after,
.accordion .trigger #checkbox-4:checked+label i:after,
.accordion .trigger #checkbox-5:checked+label i:after,
.accordion .trigger #checkbox-6:checked+label i:after,
.accordion .trigger #checkbox-7:checked+label i:after,
.accordion .trigger #checkbox-8:checked+label i:after {
    transform: translate(-6px, 8px) rotate(-45deg);
}

.accordion .trigger .checkbox {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 0px;
    cursor: pointer;
    border-top: 0.5px solid rgba(8, 34, 56, 0.2);
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}

.accordion .trigger .checkbox i {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    right: 20px;
}

.accordion .trigger .checkbox i:before,
.accordion .trigger .checkbox i:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background-color: #20384c;
    transition: transform 250ms ease;
}

.accordion .trigger .checkbox i:before {
    transform: translate(0px, 8px) rotate(45deg);
}

.accordion .trigger .checkbox i:after {
    transform: translate(6px, 8px) rotate(-45deg);
}

.accordion .trigger .contents {
    position: relative;
    max-height: 1px;
    padding: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    background-color: white;
    transition: max-height 500ms ease-in-out;
}

.accordion .trigger .contents h3 {
    margin: 30px 0 15px 30px;
}

.accordion .trigger .contents p {
    margin: 0 30px 30px;
}

#checkbox-1:checked~.contents,
#checkbox-2:checked~.contents,
#checkbox-3:checked~.contents,
#checkbox-4:checked~.contents,
#checkbox-5:checked~.contents,
#checkbox-6:checked~.contents,
#checkbox-7:checked~.contents,
#checkbox-8:checked~.contents {
    max-height: 1200px;
    transition: max-height 500ms ease-in-out;
}

label.form-check {
    display: block;
    padding: 3px 0;
}

span.form-check-label .color-yellow {
    font-size: 13px;
}

span.form-check-label {
    font-size: 16px;
    font-family: 'Gilroy-SemiBold';
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #66747f;
    margin-left: 7px;
}

.trigger {
    padding-bottom: 20px;
}

.box-filtre {
    background: #fff;
    margin-top: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-radius: 10px;
}

.box-filtre h1 {
    background: #082238;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-transform: initial!important;
    font-family: 'Gilroy-Bold';
}

.insidefiltre {
    padding: 6px 18px;
    text-align: left;
}

.promotions {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #66747f;
}

.switch_box {
    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-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


/* Switch 1 Specific Styles Start */

input[type="checkbox"].switch_1 {
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 48px!important;
    height: 24px!important;
    background: #23b9ce;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

input[type="checkbox"].switch_1:checked {
    background: #0ebeff;
}

input[type="checkbox"].switch_1:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
    box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    left: 2px;
    top: 2px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

input[type="checkbox"].switch_1:checked:after {
    left: calc(100% - 20px);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.6);
}

.mapmodal {
    width: 50%;
    transform: translate(-50%, 0%);
    position: absolute;
    left: 50%;
    max-width: 300px;
}
.list-page .mapmodal {
    max-width: 400px;
}
.mapmodal .modal-body {
    padding: 0;
}

#navbarstick {
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px 0;
}

#navbarstick a {
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    float: left;
    display: block;
    color: #009cc2;
    border: 2px solid #009cc2;
    text-align: center;
    padding: 8px 33px;
    text-decoration: none;
    font-size: 14px;
    min-width: 157px;
    border-radius: 5px;
}

#navbarstick a:hover {
    background-color: #ddd;
    color: black;
}

#navbarstick a.active {
    background-color: #04AA6D;
    color: white;
}

.sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    left: 0;
}

@media (min-width: 1200px) and (max-width: 1320px) {
    .table-destination>table {
        width: 85%;
    }
    tr.spaceUnder>td {
        width: 315.3px;
    }
}

@media (min-width: 1200px) and (max-width: 1419px) {
    .row.flexboxitems .col-lg-7 {
        width: 54%;
    }
    .boxhotel {
        width: 100%!important;
        height: 207px;
    }
    .showonlydesktop1.showonlydesktop.top-baner.first-slider.arrows .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        height: 207px;
    }
    .row.flexboxitems .hotel-product {
        padding: 35px 5px 10px 5px;
    }
    .row.flexboxitems .col-lg-8.padd0 {
        width: 64.7%!important;
        padding: 0;
    }
    .hotel-product p.place,.hotel-product h4.place,.place-h4 {
        font-size: 13px;
    }
    .hotel-product .title-product {
        font-size: 17px;
    }
    .hotel-product .des-ville,
    .hotel-product .dispo, .hotel-product-dispo.dispo {
        font-size: 12px;
    }
    .boxhotel .row.flexboxitems .col-lg-4 {
        width: 34.7%;
    }
    .boxhotel .row.flexboxitems .blocright {
        width: 44%;
    }
    .blocliste {
        margin: 8px 0 8px 0px;
    }
    .blocliste button ,
    .blocliste .list-btn {
        padding: 14px 60.5px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .showonlymobiles.all-article-sidebar {
        padding: 0;
    }
    .sejour-way h4 {
        font-size: 20px;
    }
    .last-block-list.waay-sejour table.last-minut.top td {
        width: 75%!important;
    }
    .table-destination>table {
        width: 100%!important;
    }
    table.way-table-in {
        padding-right: 10px;
    }
    a.title-direction-way {
        font-size: 14px;
    }
    .last-prix-way {
        font-size: 12px;
    }
    .last-prix-way strong {
        font-size: 16px;
    }
    .table-destination {
        padding: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1198px) {
    .showonlydesktop.carte-tri.margBott20.row {
        width: 100%;
    }
    span.form-check-label {
        font-size: 12px;
        position: relative;
        top: -3px;
    }
    .showonlydesktop.showonlydesktop-left button {
        width: auto!important;
        margin-left: auto!important;
        margin-right: auto!important;
        display: block;
        margin-bottom: 0!important;
        padding: 11px 30px!important;
    }
    .all label:before,
    .promotions {
        font-size: 14px;
    }
    .btnhotel.showonlydesktop {
        padding: 10px 0;
    }
    .blocliste .rate-wrap {
        width: 100%;
    }
    .row.flexboxitems .hotel-product {
        padding: 5px 30px 20px 0 !important;
    }
    .showonlydesktop.carte-tri.margBott20.row .col-lg-7 {
        width: 60%;
    }
    .showonlydesktop.carte-tri.margBott20.row .col-lg-5.tri {
        width: 40%;
        padding-right: 0;
        padding-bottom: 0;
    }
}

@media (min-width: 371px) and (max-width: 389px) {
    tr.spaceUnder table td {
        width: 60%!important;
    }
}

@media (min-width: 642px) and (max-width: 767px) {
    .tri.margTop20.margBott20 p {
        width: 100%;
    }
    .c-button.blocliste h6 {
        width: 60%!important;
    }
    .blocliste .rate-wrap {
        width: 100%;
    }
    .tri .input-group {
        width: 203px!important;
    }
    .carte-tri .col-lg-5.tri {
        width: 100%;
        padding: 10px 15px;
    }
    .modal-body .offre-img-background {
        height: 165px!important
    }
    .modal-content.mapmodal {
        width: 300px;
    }
    .row.flexboxitems .hotel-product {
        padding: 5px 30px 20px 0 !important;
    }
    .btnhotel.showonlydesktop button,
    .btnhotel.showonlydesktop .list-btn {
        top: 0%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 641px) {
    .showonlymobile {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .showonlymobile1 {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .swiper-container.best-slider.home-bloc-sliders {
        margin: 0!important;
    }
    div#myBtn-acc {
        display: none;
    }
    .way-europe {
        padding-top: 0px!important;
    }
    .showonlydesktop1 {
        display: none !important;
    }
    .boxhotel {
        max-width: 450px;
        margin: 24px auto;
    }
    .flexboxitems {
        margin: 0;
    }
    .flexboxitems .top-baner.arrows.e-mobile {
        margin: 0 !important;
    }
}

@media screen and (max-width: 640px) {
    .showonlydesktop {
        display: none !important;
    }
    .row.flexboxitems .hotel-product {
        padding: 5px 30px 0px 0 !important;
    }
    div#myModalfiltre .modal-content.mobilemodal .modal-body {
        padding-bottom: 0px !important;
    }
    div#myModalfiltre .modal-content.mobilemodal .modal-footer {
        position: relative!important;
        padding-top: 0 !important;
    }
    .tri.margTop20.margBott20 {
        margin-top: 16px;
    }
    .tri .input-group {
        width: 203px;
    }
    .box-filtre {
        margin-top: -14px!important;
    }
    div#myModalfiltre .modal-content.mobilemodal {
        /*height: 100%!important;*/
    }
    .modal-body .form-check.form-check-inline input[type='radio']:after {
        display: none;
    }
    .modal-body .form-check.form-check-inline input[type='radio']:checked {
        width: auto!important;
        height: auto!important;
    }
    .modal-body .tabs-content.clearfix .btn-lg.btn-blocks {
        width: 100%!important;
        margin: 0;
    }
    .modal-body .tabs-content.clearfix .btn-lg.btn-blocks a {
        font-family: 'Gilroy-Bold';
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
    }
    .modal-body .hotel-line .col-sm-12.padd0 {
        padding: 0;
    }
    h2.titre-page {
        font-size: 25px;
    }
    .price-s-6 {
        position: absolute;
        top: 15px;
        right: 20px;
    }
    .blocright {
        background: #f5f6f7;
        padding: 10px 0;
        width: 100%;
        margin: 20px 0 0;
        right: -0px;
    }
    .blocliste button ,
    .blocliste .list-btn {
        margin: 0 auto;
    }
    h2.titre-page {
        text-align: center;
    }
    .title-see-more {
        display: block!important;
        text-align: center;
    }
    p.nbroff,h3.nbroff {
        text-align: center;
    }
}

.modal-content.mobilemodal {
    height: 100vh;
    top: 0;
    margin: 0;
    width: 100%;
    padding: 0;
    border-radius: 0;
}

.mobilemd {
    padding-right: 0 !important
}

.modal-header.box-filtre {
    padding: 0 !important;
    margin-top: 0 !important;
}

.mobilemd .box-filtre h1 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.mobilemd .close {
    float: right;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: absolute;
    top: 5px;
    right: 15px;
    font-weight: 100;
}

form input {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

.form-check input {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

.tab-wrapper h1 {
    color: #fff;
    font-size: 24px;
    padding: 20px 0 0 17px;
    text-transform: capitalize;
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
}

.modal-header,
.modal-footer {
    border-top: none !important;
    border-bottom: none;
}

.searchmodal {
    background: #5f7180;
    padding: 10px 30px !important;
}

.searchmodal .tab-info h1 {
    color: #fff;
    padding: 10px 0 0 0px;
    text-transform: capitalize;
    font-family: 'Gilroy-Bold';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
}

.modal-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 9999;
}

input[type='checkbox']:after,
input[type='checkbox']:checked:before {
    display: none!important;
}

input[type="checkbox"].switch_1:after,
input[type="checkbox"].switch_1:checked {
    display: block!important;
}

input[type='checkbox']:checked {
    width: auto;
    height: auto;
}

.way-discover.text-center {
    padding-bottom: 35px;
}

.title-liste-after-btn {
    font-family: 'Gilroy-Medium';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
    padding-bottom: 20px;
}

.bloc-after-btn p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #082238;
}

.bloc-after-btn p span {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #009cc2;
}

.bloc-after-btn {
    background-color: #fff!important;
    padding: 55px 0;
}

.progress-liste {
    margin-bottom: 45px;
}

.showonlydesktop .tab-info.active {
    border-radius: 8px;
}

.showonlydesktop-middle p {
    font-family: 'Gilroy-Medium';
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #082238;
}
.showonlydesktop-middle .page-list-chapeau, h3.nbroff {
    font-family: 'Gilroy-Medium';
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #082238;
    text-transform: none;
}
.showonlydesktop-middle p span {
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    /*color: #009cc2;*/
}

.title-voir-more {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #00172a;
}

.title-voir-more p {
    color: #009cc2;
}

.boxhotel .row.flexboxitems .col-lg-4 {
    padding-right: 0;
}

.rate-wrap.rate-liste i {
    font-family: 'Gilroy-SemiBold';
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #8f959b;
    text-transform: initial;
}

.c-button.blocliste.color-dr-blue.hv-o.b-50 {
    line-height: normal;
    height: auto;
}

.modal-body .offer.title.clearfix i {
    opacity: 0.6;
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    line-height: 29px;
}

@media screen and (min-width: 1500px) {
    .videos iframe {
        border-radius: 8px;
        height: 324px!important;
    }
    .modal-covid:before {
        content: '';
        display: block;
        position: absolute;
        top: -4%;
        left: 50%;
        margin-left: -10px;
        width: 0px;
        height: 0;
        border-style: solid;
        transform: rotate(180deg);
        border-width: 26px 14px 0px 16px;
        border-color: #fff transparent transparent transparent;
    }
    .showonlydesktop-middle {
        width: 933px;
        margin-left: 40px;
    }
    .slider-sejour-ways .tour-item.style-2 {
        width: 414px!important;
        /*height: 470px;*/
    }
    .slider-guide-ways .tour-item.style-2 {
        width: 414px!important;
       /* height: 470px;*/
    }
    .all-btn-way-disc {
        padding: 0 400px;
    }
    .showonlydesktop-left {
        width: 407px;
    }
    .blocright {
        width: 224px;
        float: right;
    }
    .showonlydesktop.carte-tri.margBott20.row .tri {
        padding-left: 50px;
    }
    .tri .input-group {
        width: 243px;
    }
}


/**********************************************/

ul.list-unstyled li:before {
    border-style: solid;
    border-width: 0.19em 0.19em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    position: relative;
    top: 10px!important;
    vertical-align: top;
    width: 0.45em;
    left: 0;
    transform: rotate(45deg);
    color: #28b8ce;
    margin-right: 15px!important;
}

ul.drop-menu li:before,
ul.drop-menus li:before {
    border-style: solid;
    border-width: 0.19em 0.19em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    position: relative;
    top: 10px!important;
    vertical-align: top;
    width: 0.45em;
    left: 0;
    transform: rotate(45deg);
    color: #28b8ce;
    margin-right: 15px!important;
}

ul.dropmenu .menu {
    border-right: 1px solid #ddd;
}

ul.dropmenu .menu h1 {
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
    font-family: 'Gilroy-Bold-';
}



.banner-top {
    background-color: #009cc2;
}

.banner-top h3 {
    color: #fff;
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    text-transform: initial;

}
.banner-top-h3 {
    color: #fff;
    font-family: 'Gilroy-SemiBold';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    text-transform: initial;
    line-height: 30px;
}
ul.navs-right li {
    display: inline-block;
    margin-left: 20px;
    margin-right: 10px;
}

ul.navs-right {
    float: right;
    position: relative;
    top: 10px;
}

.menu-3 .logo img {
    width: 85%;
}

li.btn-contact {
    background-color: #e5e9ed;
    padding: 7px 17px 9px 16px;
    border-radius: 9px;
    color: #082238;
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
}

li.btn-contact img {
    margin-right: 14px;
    position: relative;
    top: 0px;
}

ul.navs-right li a {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #082238;
    font-family: 'Gilroy-SemiBold';
}

.gal-item.col10>.row {
    background-color: #fff!important;
}

.gal-item.col10 .row:nth-child(1) {
    padding: 10px;
    background-color: #28b8ce!important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.input-group-addon {
    padding: 0px 10px!important;
    background-color: #fff!important;
    border: 0px solid #ccc!important;
    border-top-right-radius: 8px!important;
    border-top-left-radius: 0px!important;
    border-bottom-right-radius: 8px!important;
    border-bottom-left-radius: 0px!important;
}

.form-control {
    border: 0px solid !important;
    border-top-left-radius: 8px!important;
    border-bottom-left-radius: 8px!important;
}

.btn-lg.btn-block:hover,
.btn-lg.btn-block:focus {
    border: 0px solid!important;
    outline: 0px auto -webkit-focus-ring-color!important;
}

.city-entry .tab-info {
    background: #5f7180;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
}

.btn-lg.btn-block a {
    margin-right: 10px;
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
}

input#select-two {
    border-radius: 8px;
    height: 45px;
}

.btn-lg.btn-block img {
    position: relative;
    top: 6px;
}

.btn-lg.btn-blocks img {
    position: relative;
    left: 7px;
}

.btn-lg.btn-block {
    background-color: #009cc2;
    border-radius: 8px;
    width: 87%;
    margin-right: auto;
    margin-left: auto;
    border: 0px solid;
    padding: 18px 20px;
    position: relative;
    /* top: 170px;*/
}

.btn-lg.btn-block h6 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.menu-styles {
    background-color: #fff;
    box-shadow: 0 0 51px 0 rgba(0, 0, 0, 0.1);
    border: 0.5px solid #e5e9ed;
}

.navbar-nav>li {
    border-left: 0.5px solid #e5e9ed;
}

.fa-angle-down:before {
    position: relative;
    left: 6px;
}

ul#multicol-menu li.dropdown:last-child {
    border-right: 0.5px solid #e5e9ed;
}

.main-wraper {
    background-color: #e2e7eb;
}

nav.second-menu {
    float: left;
}

ul#multicol-menu {
    padding: 0;
    width: 100%;
    text-align: center;
}

nav .dropmenu li {
    border: none!important;
}

.navbar-nav>li {
    float: none;
    display: inline-flex;
    padding: 0;
}

.navbar-nav>li>a {
    display: inline;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.47;
    letter-spacing: 0.3px;
    text-align: center;
    color: #082238;
    font-family: 'Gilroy-Bold';
    text-transform: uppercase;
}

.navbar-nav>li>.dropdown-menu .container {
    padding-right: 40px;
    padding-left: 40px;
}

ul.list-unstyled li:last-child {
    border-right: none!important;
}

ul.list-unstyled ul {
    display: inline-table;
}

ul.drop-menu {
    margin-right: 25px;
}

ul.list-unstyled ul li a {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #082238;
    font-family: 'Gilroy-SemiBold';
}

ul.list-unstyled li a {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #082238;
    font-family: 'Gilroy-SemiBold';
}

.advanges .icon-blocks .icon-text a {
    font-size: 15px;
}

a.submenu-title {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: left;
    color: #00172a;
    font-family: 'Gilroy-SemiBold';
}

p.submenu-title {
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: left;
    color: #00172a;
    font-family: 'Gilroy-SemiBold';
}

a.submenu-title:after {
    content: "\2192";
    color: #009cc2;
    margin-left: 10px;
    font-weight: bold;
    font-weight: 24px;
}

.fa-angle-right {
    margin-left: 5px;
}

.fa-angle-right:before {
    color: #fff;
    top: 3px;
    position: relative;
}

.fa-angle-left:before {
    color: #fff;
    top: 3px;
    position: relative;
}

.navbar-nav>li>a:hover {
    color: #009cc2
}

.navbar-nav>li.open>a {
    color: #009cc2
}

.bloc-1::after {
    content: '';
    margin-left: 20px;
    height: 68%;
    width: 0.5px;
    background-color: rgba(78, 107, 124, 0.2);
    position: absolute;
    right: 10px;
}

.bloc-2::after {
    content: '';
    height: 68%;
    width: 0.5px;
    background-color: rgba(78, 107, 124, 0.2);
    position: absolute;
    right: 0;
    top: 23%;
}

.img-bloc img {
    width: 100%;
}

.img-bloc {
    display: flex;
    justify-content: center;
    height: 416px;
    align-items: center;
    border-right: none!important;
}

header.hovered.scrol .second-nav {
    padding: 24px 0 40px 0px!important;
}



.nav {
    margin-bottom: 0;
}

.nav>li.dropdown.open {
    position: static;
}

.nav>li.dropdown.open .dropdown-menu {
    display: block;
    width: 100%;
}

.dropdown-menu>li {
    display: block;
}

ul.drop-menu li,
ul.drop-menus li {
    line-height: 26px!important;
}

ul.list-unstyled>li {
    line-height: 26px!important;
}

.modals.btn-modal {
    position: fixed;
    top: 53px;
    right: 23.5%;
    border-radius: 8px;
    display: block;
    padding: 19.5px 39px 19.5px 39px;
    z-index: 999;
    box-shadow: 6.2px 23.2px 65px 0 rgb(8 34 56 / 20%);
}

.btn-calendar {
    position: fixed;
    top: 0px;
    left: 0;
    border-radius: 8px;
    display: block!important;
    padding: 20px;
    z-index: 999;
    box-shadow: 6.2px 23.2px 65px 0 rgb(8 34 56 / 20%);
}

.slider-offres .swiper-slide .tour-item {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.btn-modal h6 {
    font-family: 'Gilroy-Bold';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
    margin-bottom: 7px;
}

.btn-modal-h6 {
    font-family: 'Gilroy-Bold';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
    margin-bottom: 0px;
}
.btn-modal a.tel {
    font-family: 'Gilroy-Bold';
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.btn-modal a img {
    width: 20px;
    margin-right: 10px;
}

.offre-img-background {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.vente-flash .backs-vente {
    position: absolute;
    top: 28%;
    left: 40.2%;
}

.btn-modal p {
    font-family: 'Gilroy-SemiBold';
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.btn-modal a.call {
    font-family: 'Gilroy-SemiBold';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 37px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.tour-txt {
    font-family: 'Gilroy-Regular';
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 37.5px;
    letter-spacing: normal;
    color: #fff;
    position: absolute;
    top: 29px;
    left: 25px;
}

.tours-txt {
    font-family: 'Gilroy-Regular';
    font-size: 1.4em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 20px;
    text-align: left;
}

.tour-vil {
    font-family: 'Gilroy-Regular';
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #fff;
    position: absolute;
    top: 110px;
    left: 25px;
}

.tours-vil {
    font-family: 'Gilroy-SemiBold';
    font-size: 0.8em;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #fff;
    position: absolute;
    top: 115px;
    left: 20px;
}

.swiper-arrow-left.offers-arrow {
    position: absolute;
    left: 255px;
    top: 360px;
}

.swiper-arrow-right.offers-arrow {
    position: absolute;
    left: 309px;
    top: 360px;
}

.offers-arrow:hover,
.offers-arrow {
    background: transparent!important
}

.offers-arrow.color-3:hover {
    border: 2px solid #fff!important;
}

.gal-item .titles {
    font-family: 'Gilroy-Bold'!important;
    letter-spacing: 0.5px!important;
    line-height: 1.75!important;
    font-weight: 800;
    text-align: center;
    color: #fff!important;
}

.banner-top a {
    margin-left: 10px;
}

.navbar-nav>li span.fa.fa-angle-down {
    display: initial;
}

.navbar-nav>li.open span.fa.fa-angle-down {
    display: initial!important;
}

.navbar-nav>li.open .fa-angle-down:before {
    font-size: 15px;
}

.city-entry .tab-info .btn-blocks a {
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    font-size: 18px;
}

.banner-none {
    display: none;
}

.content-sizer {
    padding: 5px 8px;
}

.col-sm-offset-0 {
    background-color: #fff;
    padding: 10px 0;
}

.content-sizer:after {
    content: '';
    width: 90%;
    height: 1px;
    position: relative;
    background-color: #e5e9ed;
    top: 10px;
    left: 25px;
}

.offer.radius-top img {
    width: 100%!important;
}

.offer.radius-top {
    overflow: initial!important;
}

.offre-item h5 {
    font-family: 'Gilroy-Bold';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 37.5px;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
}

.offre-item .hotel-item .title {
    padding: 17px 18px;
}

.c-button.hv-o:hover {
    opacity: 1;
}

span.color-dark-2 h6,div.color-dark-2 h6,.product-push-title-h6,.product-push-title-h6 {
    font-size: 11px;
}

.offre-item.row-2 {
    margin-top: 30px;
}

h6.des-ville,.des-ville-h6 {
    font-family: 'Gilroy-SemiBold';
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.13;
    letter-spacing: normal;
    color: #082238;
}

.price-s-5 {
    background: rgba(0, 0, 0, 0.3);
    padding: 7px;
    color: #fff;
    position: absolute;
    right: 30px;
    border-radius: 5px;
    width: 55px;
    text-align: right;
}

.bottom-content-bloc {
    background-color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 3px 10px;
}

.bottom-content-bloc p {
    text-align: center;
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #00172a;
    line-height: 30px;
}

.bottom-content-bloc p img {
    margin-left: 10px;
    position: relative;
    top: 0px;
}

.last-minut.bottom .last-prix {
    font-family: 'Gilroy-SemiBold';
    font-size: 12px!important;
    font-weight: 600;
    position: relative;
    top: 18px;
}

.last-prix {
    font-family: 'Gilroy-SemiBold';
    font-size: 12px!important;
    font-weight: 600;
}

table.last-minut td a strong {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #b0008e;
}

table.last-minut tr {
    border-bottom: 0.5px solid rgb(255 255 255 / 20%);
}

.c-button.b-50>h6, .list-des-h6, .list-pers-h6,.list-old-price-h6 {
    text-transform: initial;
    font-family: 'Gilroy-SemiBold';
    font-size: 13.9px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}
.list-old-price-h6{
    line-height: 16px;
}
table.last-minut td {
    text-align: left;
    padding: 10px 0px 12px 12px;
}

.all-offer {
    margin-top: 37px;
}

a.all-offer-btn {
    background-color: #fff;
    padding: 6px 48.2px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: max-content;
}

.our-selection.container {
    padding: 0;
}


/*table.last-minut td img, table.last-minut td .title-direction{
	display:inline;
}*/

table.last-minut td h6, .home-last-h6 {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #082238;
}

table.last-minut td .title-direction {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
}

h4.last-minut-title, h3.last-minut-title,.last-minut-title.last-minut-title-mob{
    font-family: 'Gilroy-Bold';
    background-color: #28b8ce;
    padding: 7.67px 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 20px;
}

table.last-minut {
    background-color: #fff;
    width: 100%;
}
.all-offer-bloq {
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

h6.all-offer-title,.all-offer-title-h6 {
    font-family: 'Gilroy-SemiBold';
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    font-weight: 600;
}
.h7.all-offer-title {
    font-family: 'Gilroy-Regular';
    text-align: center;
    font-size: 26px;
    line-height: 35px;
    color: #fff;
}
.h7.all-offer-title.promo-code {
    font-size: 22px;
}
.land-btn-guide-span,
.btn-lg.btn-block h5, h3.land-h5 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.45px;
    text-align: center;
    text-transform: none;
}

.c-button.b-50>h2 {
    text-transform: initial;
    font-family: 'Gilroy-Bold';
    font-size: 39.2px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #b0008e;
}

.c-button.b-50 .page-list-price {
    text-transform: initial;
    font-family: 'Gilroy-Bold';
    font-size: 39.2px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #b0008e;
}
.offer.title.clearfix i {
    font-family: 'Gilroy-SemiBold';
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.13;
    letter-spacing: normal;
    color: #8f959b;
}

.offer-sejour.offer.title.clearfix i {
    font-family: 'Gilroy-SemiBold';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #8f959b;
}

.offer-sejour h6.des-ville,.des-ville-h6 {
    line-height: 15px!important;
    font-size: 15px!important;
}

.offer-sejour.offer.title.clearfix i.lieux {
    font-size: 16px!important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
  
    color: #082238;
   
    opacity: 0.6;
}

.offer-sejour span.color-dark-2 h6,.offer-sejour div.color-dark-2 h6,.product-push-title-h6 {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}

.offers-sejour span.color-dark-2 h6,.offers-sejour div.color-dark-2 h6,.product-push-title-h6 {
    font-family: 'Gilroy-SemiBold';
    font-size: 12px!important;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
    margin: 10px 0;
}

.offers-sejour h6.des-ville,.des-ville-h6 {
    line-height: 8px!important;
    font-size: 12px!important;
}

.offer.title.clearfix .f-14 .rate-wrap {
    padding: 0px 0px 3px;
}

.offer.title.clearfix .f-14 h6 {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #082238;
}

.banner-s-1 {
    padding: 5px 10px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: -14px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: normal;
    font-family: 'Gilroy-SemiBold';
    z-index: 99;
}

img.club.img-responsive {
    padding: 50px 0;
    margin-left: auto;
    margin-right: auto;
}

.img-label-club {
    position: absolute;
    top: -30px;
    left: 0;
}

.text-club-bloc {
    padding-bottom: 60px;
}

.advanges {
    background-color: #fff!important;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 30px;
    border-radius: 8px;
    width: 100%;
}

.icon-text-pic {
    display: grid;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}

.icon-text-pic a {
    display: grid;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}

.searchs .icon-block h4,.searchs-h4 {
    font-family: 'Gilroy-Bold'!important;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
}

.tab-info .btn-lg.btn-block img {
    position: relative;
    top: 0px!important;
}

.icon-text-pic a span {
    font-family: 'Gilroy-Regular';
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(8, 34, 56, 0.6);
}

.searchs {
    background-color: #fff!important;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 30px;
    border-radius: 8px;
}

.searchs .icon-blocks img {
    margin-right: 15px;
    width: 35%;
}

.icon-blocks img {
    margin-right: 20px;
}
.top-bloc-footer ul li a img {
    border-radius: 30px;
}

.icon-blocks .icon-text a {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: normal;
    color: #082238;
    position: relative;
    top: 4px;
}

.icon-block h4 strong {
    font-family: 'Gilroy-Bold'!important;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
}

.content-sizer.row>div {
    position: relative;
    top: 2px;
}

.icon-blocs img {
    position: relative;
    top: 13px;
}

.bloc1 {
    padding-left: 5px;
    padding-right: 5px;
}

.bloc2 h2 {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #b0008e;
}

.bottom-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 6px;
}

.bottom-content p {
    text-align: center;
    font-family: 'Gilroy-Bold';
    font-weight: 700;
    font-size: 15px;
    line-height: 2.5;
    letter-spacing: normal;
    color: #00172a;
}

.bottom-content p img {
    position: relative;
    margin-left: 20px;
    top: 4px;
}

.bloc1 h5 {
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial!important;
}

.bloc2 p {
    font-family: 'Gilroy-Bold';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.13;
    letter-spacing: normal;
    color: #082238;
}

.second-title h2 {
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
}

.round-prix {
    position: absolute;
    top: 118px;
    left: 444px;
    background: #fff;
    border-radius: 60px;
    padding: 14px 12px;
}

.rounds-prix {
    position: absolute;
    top: 80px;
    background: #fff;
    border-radius: 60px;
    padding: 7px 18px;
}

.round-prix p {
    font-family: 'Gilroy-SemiBold';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
}

.round-prix p strong {
    font-size: 45px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 37.5px;
    letter-spacing: normal;
    text-align: center;
    color: #009cc2;
}

.rounds-prix p {
    font-family: 'Gilroy-SemiBold';
    font-size: 13px!important;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
}

a.submenu-title:focus {
    color: #082238!important;
}

.rounds-prix p strong {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.83;
    letter-spacing: normal;
    text-align: center;
    color: #009cc2;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

ul.carousel-indicators {
    display: none;
}

.tours-weather {
    font-family: 'Gilroy-Bold';
    position: absolute;
    top: 145px;
    left: 20px;
    font-size: 14px!important;
    line-height: 1.25!important;
    font-weight: bold;
    color: #fff;
    background: #009cc2;
    -moz-border-radius: 7px;
    border-radius: 8px;
    padding: 10px 24px;
    text-transform: initial!important;
}

.btn-modal a.call .fa-angle-right:before {
    color: #009cc2;
    top: 1px;
}

.advanges .icon-block h4 {
    text-align: left;
}

table.last-minut.bottom td a {
    font-size: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
    font-family: 'Gilroy-Bold';
}

table.last-minut.bottom td {
    text-align: left;
    padding: 19px 2px 17px 4px;
}

table.last-minut td i {
    font-size: 12px;
    font-family: 'Gilroy-SemiBold';
    color: #8f959b;
}

table.last-minut td i strong {
    font-family: 'Gilroy-Bold';
    color: #082238;
}

table.last-minut td h6 strong,.home-last-h6 strong {
    font-size: 15px!important;
    font-family: 'Gilroy-SemiBold';
}

.bottom-content-bloc.v2 {
    padding: 18px 10px;
}

.bottom-content-bloc.v2 p img {
    top: 0px;
}

button.last-blocs.btn-profit ,
.last-blocs-link.last-blocs.btn-profit {
    margin-top: 15.5px;
    max-width: 350px;
}

#clockdiv {
    display: block;
    text-align: center;
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Gilroy-Regular';
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    color: #1c365d;
    margin-top: 13px;
}

#clockdiv>div:nth-child(2) {
    padding: 5.5px 6.7px;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
}

#clockdiv>div:nth-child(3) {
    padding: 5.5px 4.4px;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
}

#clockdiv>div:nth-child(4) {
    padding: 5.5px 6.7px;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
}

#clockdiv div>span {
    padding: 5px 15px 0px 15px;
    border-radius: 4px;
    display: inline-block;
}

.smalltext {
    padding-top: 5px;
    font-size: 16px;
}

.f-soon-title h2,.vente-flash-h2 {
    font-family: 'Gilroy-Bold';
    font-size: 40px;
    font-weight: 900;
    font-stretch: normal;
    /*font-style: italic;*/
    line-height: 0.5;
    letter-spacing: normal;
    text-align: center;
    color: #009cc2;
    padding-top: 12px;
}

.title-vac-flash {
    font-family: 'Gilroy-SemiBold'!important;
    font-size: 22px!important;
    font-weight: 600!important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center!important;
    color: #fff!important;
    line-height: 20px!important;
    text-transform: none !important;
}

.f-soon-title p {
    font-family: 'Gilroy-SemiBold';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #b0008e;
    padding-top: 13px;
    text-transform: initial;
}

button.last-blocs ,
.last-blocs-link.last-blocs {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 22.5px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    background-color: #009cc2;
    border-radius: 8px;
    padding: 14.35px 128px;
}

.plans.container {
    margin-top: 7px;
    padding: 31px 0;
}

.plans .icons-block h3, .newletter-b-h3 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
}

.plans .icons-block span {
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    text-transform: initial;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.plans .icon-blocks input#form1 {
    border-radius: 5px;
    border: solid 1px #082238!important;
    height: 40px;
    width: 250px;
}

button.search-btn.btn.btn-primary {
    border-radius: 5px!important;
    background-color: #009cc2!important;
    border: solid 1px #009cc2!important;
}

i.icon-search.fas.fa-search:before {
    content: url('/assets/images/icon-ovoy-member.png');
    position: relative;
    top: 2px;
}

.text-club-bloc a span {
    margin-left: 0px;
    position: relative;
    top: 1px;
    color: #b0008e;
}

.text-club-bloc a {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    color: #00172a;
}

.text-club-bloc p {
    font-family: 'Gilroy-SemiBold';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    letter-spacing: normal;
    color: #082238;
}

.voyages.container {
    background-color: #beeaf0;
    border-radius: 8px;
    padding-top: 24px;
    padding-bottom: 20px;
    width: 100%;
}

.icon-voy a span {
    margin-left: 7px;
    position: relative;
    top: 1px;
    color: #009cc2;
}

.our-slider .swiper-slide .tour-item {
    padding-left: 13px;
    padding-right: 3px;
}

.icon-voy h4, .icon-voy h3 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
}

.icon-voy p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.icon-voy a {
    font-family: 'Gilroy-Regular';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: left;
    color: #00172a;
}
.icon-voy a:hover {font-family: 'Gilroy-Bold';}
img.img-avion {
    display: inline-grid;
    margin-right: 10px;
    position: relative;
    top: 7px;
}

img.img-selecs {
    display: inline-grid;
    margin-right: 15px;
}

.selection .titre h3 {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
}

.icons-selection h4,.guides-why-h4 {
    text-transform: initial;
    font-family: 'Gilroy-Bold';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #082238;
}

.icons-selection ul {
    margin-top: 30px;
    min-height: 150px;
}

.icons-selection ul li {
    font-family: 'Gilroy-Medium';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: left;
    color: #66747f;
    padding-bottom: 10px;
}

.icons-selection ul li span {
    font-weight: bold;
    color: #082238;
}

.icons-selection ul li:before {
    content: '●';
    padding-right: 7px;
    color: #00c1d5;
}

button.select-btn h5,.select-btn-link.select-btn h5,.select-btn-h5 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.45px;
    text-align: center;
    color: #fff;
    text-align: center;
}

button.select-btn ,
.select-btn-link.select-btn {
    background-color: #b0008e;
    margin-top: 20px;
    padding: 14px 50px;
    text-transform: initial;
    border-radius: 8px;
    width: 100%;
    text-align: center;
}

.selection .icon-selection h4,.selection-h4 {
    position: absolute;
    bottom: 58px;
    left: 45px;
    font-family: 'Gilroy-Bold';
    font-size: 60px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.58;
    letter-spacing: normal;
    color: #fff;
    text-transform: initial;
}

.landing-page h2.lp-banner,.landing-page h2.lp-guide-title  {
    position: absolute;
    bottom: 110px;
    left: 45px;
    font-family: 'Gilroy-Bold';
    font-size: 60px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.58;
    letter-spacing: normal;
    color: #fff;
    text-transform: initial;
}
.selection .icon-selection h3,.selection-h3 {
    position: absolute;
    bottom: 110px;
    left: 45px;
    font-family: 'Gilroy-SemiBold';
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
    text-transform: initial;
}

.top-baner.our-slider .radius-top img {
    width: 100%!important;
}

.our-slider .swiper-arrow-left.offers-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #fff!important;
    border-radius: 10px;
    box-shadow: 3.8px 3.2px 15px 0 rgba(0, 0, 0, 0.2);
}

.our-slider .swiper-arrow-right.offers-arrow {
    position: absolute;
    right: -7px;
    top: 50%;
    left: auto;
    background-color: #fff!important;
    border-radius: 10px;
    box-shadow: 3.8px 3.2px 15px 0 rgba(0, 0, 0, 0.2);
}

.our-slider .fa-angle-left:before,
.our-slider .fa-angle-right:before {
    color: #082238;
    font-size: 25px;
}

.slider-title h2 {
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    padding-bottom: 10px;
    text-transform: initial;
}

.txt-slider {
    position: absolute;
    bottom: 30px;
    left: 55px;
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 39px;
    letter-spacing: normal;
    color: #fff;
}

.txt-slider span {
    margin-left: 5px;
    font-size: 12px;
    position: relative;
    top: -3px;
}
/* Contour bleu visible uniquement au clavier */
.keyboard-focus {
    outline: 3px solid #0056b3 !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
    z-index: 9999;
}

/* Masquer le contour lors d'un clic souris classique */
a:focus:not(.keyboard-focus),
button:focus:not(.keyboard-focus),
[tabindex]:focus:not(.keyboard-focus) {
    outline: none;
}

/* Lien d'évitement */
.skip-link {
    position: absolute;
    left: -9999px;
    z-index: 100000;
    background: #fff;
    padding: 10px;
}
.skip-link:focus {
    left: 10px;
    top: 10px;
}
.articles .title-article h2 {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
}

.articles .title-article p {
    font-family: 'Gilroy-Medium';
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.articles .title-article p span {
    font-family: 'Gilroy-Bold';
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #009cc2;
}

.title-list-voyage h2 {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
    left: -36px;
}

.list-voyage ul li {
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.advs h4,.advs h2.adv-h4,.advs .adv-h4-other.adv-h4 {
    font-family: 'Gilroy-Bold';
    font-size: 24.9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
    color: #082238;
    margin-bottom: 21px;
    text-transform: initial;
}

.title-page-mobile h4 {
    font-family: 'Gilroy-Bold';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
}

.footer {
    background-color: #5f7180;
}

.footer-bloc h6,.footer-h6 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.modals {
    display: none;
}

.footer-bloc ul li {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    opacity: 0.6;
    margin-bottom: 10px;
}

.img-footer-bloc img {
    display: inline-block;
    margin-right: 28px;
}

span#hour,
span#minute,
span#second {
    font-family: 'Gilroy-SemiBold';
    font-size: 29.4px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 32.6px;
    letter-spacing: normal;
    text-align: center;
    color: #1c365d;
}

.smalltext {
    font-family: 'Gilroy-Regular';
    font-size: 14.7px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1c365d;
}

footer.footer-second,
.footers {
    padding: 33px 0;
}

footer.footer-second .footer-bloc h4, h2.footer-h4, .footer-partenaire-h4-other.footer-h4 {
    font-family: 'Gilroy-Bold';
    text-align: center;
    padding-bottom: 11px;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
}


.top-bloc-footer h4,.footer-h4 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    float: right;
    color: #fff;
    margin-top: 8px;
    text-transform: initial;
}

.top-bloc-footer ul li {
    display: inline-block;
    margin-right: 10px;
}

.btn-all-promos,
.btn-all-club {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 77.05px;
    display: block;
    border: 1px solid #009cc2;
    border-radius: 8px;
}

.top-bloc-footers:after {
    content: '';
    width: 100%;
    height: 2px;
    margin-left: auto;
    background: rgba(255, 255, 255, 0.2);
    margin-right: auto;
    margin-top: 80px;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 90px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #082238;
    color: white;
    cursor: pointer;
    padding: 13px 18px;
    border-radius: 8px;
}

.Share h5, .share-h5 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    padding-bottom: 10px;
}

.Share {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin-top: 10px;
}

.Share ul li {
    display: inline-block;
    margin-right: 10px;
}

.Share ul {
    float: left;
}

.Pub img {
    padding-top: 10px;
}

.Pub {
    float: left;
}

h4.assurance-title img {
    padding-right: 15px;
}

h4.assurance-title {
    padding-bottom: 20px;
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
    margin-left: 10px;
    text-transform: initial;
}

.assurance .parag-1 p {
    font-family: 'Gilroy-Bold';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
    padding-bottom: 28px;
}

.container.assurance .col-sm-12.text-center.mt-5 {
    margin-bottom: 20px;
}

.assurance ul li {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    color: #082238;
}

.assurance ul {
    padding-bottom: 15px;
}

.assurance ul li:before {
    content: '●';
    padding-right: 7px;
    color: #00c1d5;
}

#contentcalendarmobile,
div.zabuto_calendar {
    display: none;
}

#contentcalendarmobile .lines {
    display: flex;
    border-bottom: 0.5px solid rgba(8, 34, 56, 0.2);
    ;
}

#contentcalendarmobile .cl2mobile {
    width: 100%;
}

#contentcalendarmobile {
    border: 0.5px solid rgba(8, 34, 56, 0.2);
    border-top: none;
}

div#zabuto_calendar_1f5k {
    border: 0.5px solid rgba(8, 34, 56, 0.2);
    border-bottom: none;
}

.cl2mobile table.mobile-calendar {
    width: 100%;
}

.cl2mobile .mobile-calendar td {
    width: 50%;
}

.assurance .savoir-plus {
    margin: 10px;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.06;
    letter-spacing: normal;
    color: #00172a;
}

.assurance .savoir-plus img {
    margin-left: 10px;
}

.slider-txt {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    line-height: 37.5px;
    color: #082238;
    padding-bottom: 35px;
    padding-top: 10px;
    padding-left: 13px;
}

.product-arrows.swiper-arrow-left,
.product-arrows.swiper-arrow-right {
    border: 2px solid #082238!important;
}

.product-arrows .fa-angle-left:before,
.product-arrows .fa-angle-right:before {
    color: #fff!important;
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    /*display:none!important;*/
}

.slider-product .title-link {
    margin-top: 10px;
    position: relative !important;
    top: -5px !important;
    left: 2px !important;
}

.slider-product .title-links a {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #66747f;
    display: flex;
}

.slider-product .title-links a span {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #082238;
}

.slider-product .list-link-mobile p {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 15px;
    letter-spacing: normal;
    color: #66747f;
}

.slider-product .list-link-mobile p strong {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline;
    color: #00c1d5;
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

.cookiealert {
    background: #082238!important;
}

.cookiealert.show h5 {
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin: 16px 0px 0px 0px;
}

.cookiealert.show p {
    font-family: 'Gilroy-Regular';
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    color: var(--white);
    margin-bottom: 10px;
}

.cookiealert.show a {
    margin-bottom: 20px;
    font-family: 'Gilroy-Bold';
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.08;
    letter-spacing: normal;
    color: #00c1d5;
    text-decoration: none;
}

button.btn-acceptcookies {
    border-radius: 8px;
    border: 2px solid #fff;
    width: 67%;
    padding: 10px 20px;
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--white);
    text-transform: uppercase;
}

.btn-cokies {
    margin-top: 40px;
    margin-bottom: 0px;
}

button.btn-acceptcookies:focus,
button.btn-acceptcookies:hover {
    border: solid 2px #00c1d5;
    color: #00c1d5;
}

.city-entry .tab-info .hotel-line .input-group {
    margin-bottom: 15.6px;
}

button.btn.btn-primary.btn-lg.btn-blocks {
    background-color: #009cc2;
    border-radius: 8px;
    width: 78%;
    text-align: center;
    border: 0px solid;
    padding: 11px 20px;
    margin-left: 42px;
    margin-right: 42px;
    margin-bottom: 17px;
}


/***** Page product ************/

div.hero--area.section-padding-80 ,
section.hero--area.section-padding-80 {
    padding-top: 20px;
}

.slider-product .title-link a {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #66747f;
    display: flex;
}

.slider-product .title-link a p {
    margin: 7px 8px;
}

.slider-product .title-link a span {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #66747f;
}

.modal-backdrop {
    top: 100%!important;
}

.modal-backdrop.in {
    opacity: 0!important;
}

#global-modal h4.text-center {
    font-family: 'Gilroy-Bold';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #082238;
    padding-bottom: 20px;
    text-transform: unset;
}

#global-modal .carousel-inner img {
    width: 70%!important;
    margin-left: auto;
    margin-right: auto;
}

.modal-dialog {
    width: 100%!important;
    margin: 0!important;
}

.modal-content {
    box-shadow: none;
    border: 0px solid #fff;
}

.modal-header .close {
    opacity: 1;
    position: absolute;
    top: 15px;
    right: 15px;
}

#exampleModal .modal-content,
#exampleModal1 .modal-content {
    margin-left: auto;
    margin-right: auto;
}

.glyphicon-remove:before {
    color: #000;
    font-size: 13px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.title-link.list-link {
    display: block!important;
}

@media screen and (min-width: 768px) {
    .main-wraper.myadvs-offer {
        padding: 15px!important;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: 60px!important;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: 60px!important;
    }
}

.glyphicon-chevron-left:before {
    content: "\f104"!important;
}

.glyphicon-chevron-right:before {
    content: "\f105"!important;
}

div#myCarousel .fa-angle-right,
div#myCarousel .fa-angle-left {
    background-color: #082238;
    padding: 6px 14px 14px 14px;
    position: relative;
    top: 50%!important;
}

.carousel-control:focus,
.carousel-control:hover,
.carousel-control {
    opacity: 1!important;
}

.carousel-inner.vertical {
    height: 100%;
    /*Note: set specific height here if not, there will be some issues with IE browser*/
    margin-top: 0px;
}

.carousel-inner.vertical>.item {
    -webkit-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner.vertical>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-inner.vertical>.item.next,
    .carousel-inner.vertical>.item.active.right {
        -webkit-transform: translate3d(0, 33.33%, 0);
        transform: translate3d(0, 33.33%, 0);
        top: 0;
    }
    .carousel-inner.vertical>.item.prev,
    .carousel-inner.vertical>.item.active.left {
        -webkit-transform: translate3d(0, -33.33%, 0);
        transform: translate3d(0, -33.33%, 0);
        top: 0;
    }
    .carousel-inner.vertical>.item.next.left,
    .carousel-inner.vertical>.item.prev.right,
    .carousel-inner.vertical>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: 0;
    }
}

.carousel-inner.vertical>.active {
    top: 0;
}

.carousel-inner.vertical>.next,
.carousel-inner.vertical>.prev {
    top: 0;
    height: 100%;
    width: auto;
}

.carousel-inner.vertical>.next {
    left: 0;
    top: 33.33%;
    right: 0;
}

.carousel-inner.vertical>.prev {
    left: 0;
    top: -33.33%;
    right: 0;
}

.carousel-inner.vertical>.next.left,
.carousel-inner.vertical>.prev.right {
    top: 0;
}

.carousel-inner.vertical>.active.left {
    left: 0;
    top: -33.33%;
    right: 0;
}

.carousel-inner.vertical>.active.right {
    left: 0;
    top: 33.33%;
    right: 0;
}

#carousel-pager .carousel-control.left {
    bottom: initial;
    width: 100%;
    top: -10px;
}

#carousel-pager .carousel-control.right {
    top: initial;
    width: 100%;
}

.carousel-inner.vertical .active.item img {
    margin-top: 10px;
}

div#carousel-pager span.fa.fa-angle-up,
div#carousel-pager span.fa.fa-angle-down {
    background-color: #082238;
    padding: 8px 14px 12px 14px;
    border-radius: 8px;
}

div#carousel-pager span.fa.fa-angle-down:before {
    position: relative;
    left: 0px!important;
    top: 2px!important;
}

div#carousel-pager span.fa.fa-angle-down {
    position: relative;
    top: 20px;
}

div#myCarousels .carousel-control.left {
    position: absolute;
    top: 84%;
    left: 465px;
}

div#myCarousels .carousel-control.right {
    position: absolute;
    top: 84%;
    left: 515px;
    right: auto;
}

div#myCarousels .carousel-control.left span.fa.fa-angle-left {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 2px 13px 11px 14px;
}

div#myCarousels .carousel-control.right span.fa.fa-angle-right {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 2px 13px 11px 14px;
}

.dot-slider {
    position: absolute;
    bottom: 40px;
    left: 120px;
}

.dot-slider.popup {
    position: absolute;
    bottom: 40px;
    left: 30px;
}

h4.ex ,
.product-tag-h4.ex {
    display: inline;
    margin-right: 10px;
    font-family: 'Gilroy-Bold';
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.88;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #23b9ce;
    padding: 5px 15px;
    text-transform: uppercase;
}

.acc-product .title-product {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
}

.acc-product p.place {
    font-family: 'Gilroy-Medium';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #082238;
}

.acc-product span a {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #009cc2;
}

.acc-product span.loop {
    font-family: 'Gilroy-Bold';
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.acc-product span.loop a {
    font-family: 'Gilroy-Medium';
    color: #000;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
}

.product-info h6 {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #082238;
    padding-left: 55px;
}

.product-info a.tel {
    font-family: 'Gilroy-Bold';
    font-size: 17px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #082238;
    padding-left: 55px;
}

.product-info .horaire {
    font-family: 'Gilroy-Bold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
}

.product-info p.call {
    font-family: 'Gilroy-Regular';
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 15px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    padding-left: 25px;
}

.product-info {
    background-color: #fff;
    box-shadow: 1.5px 2.6px 10px 0 rgb(0 0 0 / 20%);
    width: 65%;
    height: 145px;
    position: absolute;
    top: -87px;
    left: 222px;
}

img.box-pic {
    position: absolute;
    width: 55px;
    top: -17px;
    left: -8px;
}

.product-info span {
    position: absolute;
    top: 5px;
    left: 215px;
}

.product-info span .fa-angle-down:before {
    position: relative;
    left: 6px;
    color: #082238;
    font-size: 22px;
}

.offre-item.slider {
    width: 100%!important;
}

.slider-offres .offre-item.slider {
    padding: 0
}

.slider-offres .swiper-slide .tour-item {
    padding-left: 0;
}

.slider-offre .swiper-container {
    overflow: initial!important;
}

.slider-offres .swiper-wrapper {
    margin: 23px auto!important;
}

.box-product {
    display: none;
}

.nav-tab-titres,
.simple-tab .nav-tab-item img {
    display: inherit;
}

.simple-tab .nav-tab-item img {
    position: absolute;
    right: 30px;
    top: 10px;
}

.simple-tab.type-2 .nav-tab-item {
    opacity: 0.6;
}

.simple-tab.type-2 .nav-tab-item.active {
    opacity: initial;
}

.simple-tab.color-1 .nav-tab-item.active:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 10px 0 10px;
    border-color: transparent transparent transparent transparent;
}

.simple-tab.type-2 .tab-info .acc-body ul {
    margin-left: 27px;
}


/************ Calendar***********************/

#wrap {
    width: 1100px;
    margin: 0 auto;
}

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

.external-event {
    /* try to mimick the look of a real event */
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366CC;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    width: 750px;
    border-radius: 3px;
}

table.fc-header {
    padding: 20px 0;
}

table.fc-border-separate>thead tr th {
    position: relative;
    top: -10px;
}

.prix-fixe .fc-event-title {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
}


/***********Sidebar calendar*******************/

.block1-top .title1 {
    margin: 25px 8.3px 21.7px 25px;
    object-fit: contain;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.block1-top .icon {
    margin: 15px 10.2px 33px 3.4px;
}

.block1-top .icon p {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.block1-left .booking {
    margin-top: 90px;
}

.block1-left .booking select::placeholder {
    font-family: 'Gilroy-Medium'!important;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #66747f;
}

.block1-left .title23 {
    margin: 20px 0 16.2px 10px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    font-family: 'Gilroy-Bold';
}

.block1-left span {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #66747f;
    font-family: 'Gilroy-Medium';
}

.selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    margin: 10px;
}


/* IE11 hide native button (thanks Matt!) */

select::-ms-expand {
    display: none;
}

.selectdiv:after {
    content: '>';
    font: 17px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 20px;
    /*Adjust for position however you want*/
    top: 40px;
    /*left line */
    position: absolute;
    pointer-events: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    border-radius: 4px;
    display: block;
    width: 300px;
    height: 45px;
    font-size: 16px;
    line-height: 1.75;
    color: #66747f;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #082238;
    -ms-word-break: normal;
    word-break: normal;
    padding-left: 15px;
}

.selectdiv label {
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    margin-bottom: 9px;
}

.selectchoice label {
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    margin-bottom: 6px;
}

.participant p {
    margin: 5px 30px 2px 0;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #66747f;
}

.block1-left option {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #66747f;
    padding-left: 10px;
    font-family: 'Gilroy-Regular';
}

.titre3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 2.34 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    color: #082238 !important;
    font-family: 'Gilroy-SemiBold';
}

.participant .col-sm-6 {
    padding: 0;
}

.block-count-3,
.block-count-2,
.block-count-1 {
    line-height: 0px;
}

p.count-name {
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: #66747f;
}

.prix-discount span.fc-event-title,
.alert-info-v2 span.fc-event-title {
    font-family: 'Gilroy-Medium'!important;
}

span.count-span {
    font-family: 'Gilroy-Medium';
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: #66747f;
}

.count-part .col-sm-12 {
    margin-bottom: 12px;
}

.cal.col-sm-12 {
    padding-bottom: 30px;
}


/*------------------- spinner ----------------*/

.ctrl,
.ctrl2,
.ctrl3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: #e2e7eb;*/
    border-radius: 5px;
    font-size: 30px;
    float: right;
    margin: 0 0 0 150px;
}

.ctrl__counter,
.ctrl__counter2,
.ctrl__counter3,
.ctrl__counter4,
.ctrl__counter5,
.ctrl__counter6 {
    position: relative;
    width: 50px;
    height: 50px;
    color: #082238;
    text-align: center;
    overflow: hidden;
    /*background-color: #e2e7eb;*/
}

.ctrl__counter.is-input .ctrl__counter-num,
.ctrl__counter2.is-input2 .ctrl__counter-num2,
.ctrl__counter3.is-input3 .ctrl__counter-num3,
.ctrl__counter4.is-input4 .ctrl__counter-num4,
.ctrl__counter5.is-input5 .ctrl__counter-num5,
.ctrl__counter6.is-input6 .ctrl__counter-num6 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
}

.ctrl__counter.is-input .ctrl__counter-input,
.ctrl__counter2.is-input2 .ctrl__counter-input2,
.ctrl__counter3.is-input3 .ctrl__counter-input3,
.ctrl__counter4.is-input4 .ctrl__counter-input4,
.ctrl__counter5.is-input5 .ctrl__counter-input5,
.ctrl__counter6.is-input6 .ctrl__counter-input6 {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
}

.ctrl__counter-input,
.ctrl__counter-input2,
.ctrl__counter-input3,
.ctrl__counter-input4,
.ctrl__counter-input5,
.ctrl__counter-input6 {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
    box-shadow: none;
    outline: none;
    border: none;
    color: #082238;
    font-size: 40px;
    line-height: 10px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
}

.ctrl__counter-num,
.ctrl__counter-num2,
.ctrl__counter-num3,
.ctrl__counter-num4,
.ctrl__counter-num5,
.ctrl__counter-num6 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 50px;
    opacity: 1;
    -webkit-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    font-family: 'Gilroy-SemiBold';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}

.ctrl__counter-num.is-increment-hide,
.ctrl__counter-num2.is-increment-hide2,
.ctrl__counter-num3.is-increment-hide3,
.ctrl__counter-num4.is-increment-hide4,
.ctrl__counter-num5.is-increment-hide5,
.ctrl__counter-num6.is-increment-hide6 {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-animation: increment-prev 100ms ease-in;
    animation: increment-prev 100ms ease-in;
}

.ctrl__counter-num.is-increment-visible,
.ctrl__counter-num2.is-increment-visible2,
.ctrl__counter-num3.is-increment-visible3,
.ctrl__counter-num4.is-increment-visible4,
.ctrl__counter-num5.is-increment-visible5,
.ctrl__counter-num6.is-increment-visible6 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: increment-next 100ms ease-out;
    animation: increment-next 100ms ease-out;
}

.ctrl__counter-num.is-decrement-hide,
.ctrl__counter-num2.is-decrement-hide2,
.ctrl__counter-num3.is-decrement-hide3,
.ctrl__counter-num4.is-decrement-hide4,
.ctrl__counter-num5.is-decrement-hide5,
.ctrl__counter-num6.is-decrement-hide6 {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation: decrement-prev 100ms ease-in;
    animation: decrement-prev 100ms ease-in;
}

.ctrl__counter-num.is-decrement-visible,
.ctrl__counter-num2.is-decrement-visible2,
.ctrl__counter-num3.is-decrement-visible3,
.ctrl__counter-num4.is-decrement-visible4,
.ctrl__counter-num5.is-decrement-visible5,
.ctrl__counter-num6.is-decrement-visible6 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: decrement-next 100ms ease-out;
    animation: decrement-next 100ms ease-out;
}

.ctrl__button,
.ctrl__button2,
.ctrl__button3,
.ctrl__button4,
.ctrl__button5,
.ctrl__button6 {
    width: 26px;
    line-height: 26px;
    text-align: center;
    color: #082238;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #082238;
    -webkit-transition: background-color 100ms ease-in;
    transition: background-color 100ms ease-in;
}

.ctrl__button--decrement,
.ctrl__button--decrement2,
.ctrl__button--decrement3,
.ctrl__button--decrement4,
.ctrl__button--decrement5,
.ctrl__button--decrement6 {
    border-radius: 5px 5px 5px 5px;
}

.ctrl__button--increment,
.ctrl__button--increment2,
.ctrl__button--increment3,
.ctrl__button--increment4,
.ctrl__button--increment5,
.ctrl__button--increment6 {
    border-radius: 5px 5px 5px 5px;
}

@-webkit-keyframes decrement-prev {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes decrement-prev {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes decrement-next {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

@keyframes decrement-next {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

@-webkit-keyframes increment-prev {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes increment-prev {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes increment-next {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
}

@keyframes increment-next {
    from {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
}


/*************calendar bloc****************/

.bloc-cal-1 h5 ,
.bloc-cal-1 .calendar-h5 {
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #082238;
}

.bloc-cal-2 p,
.bloc-cal-3 p {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #082238;
}

.bloc-cal-right {
    float: right;
}

.bloc-cal-2,
.bloc-cal-3 {
    margin-top: 10px;
}

.block1-left {
    background-color: #e2e7eb;
}


/*****************************************/

.first-select {
    padding-top: 35px;
    padding-bottom: 20px;
}

table.tab-cal td p {
    background-color: #009cc2;
    border-radius: 5px;
    padding: 0px 3px;
    font-family: 'Gilroy-SemiBold';
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
}

table.tab-cal tr td {
    padding: 0px 5px;
}

table.mobile-calendar .retour {
    font-family: 'Gilroy-SemiBold';
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    float: right;
    color: #082238;
    padding: 0 5px;
}

table.mobile-calendar .sale-only {
    text-transform: initial;
    text-align: center;
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

table.mobile-calendar .sales {
    font-family: 'Gilroy-Bold';
    font-size: 19.9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #009cc2;
    text-align: center;
    top: 11px;
    position: relative;
    padding-top: 0px;
}

table.mobile-calendar h3 span {
    font-family: 'Gilroy-SemiBold';
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
    text-transform: initial;
}

h6.best-sale ,
.best-sale-h6 {
    font-family: 'Gilroy-Bold';
    font-size: 11.9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #28b8ce;
    margin-top: -1px;
}

.best-sale-h6 {
    margin-top: 12px;
}
table.mobile-calendar .first-tab {
    height: 45px;
}

.lines-month h3 ,
.cal-mont-h3 {
    text-align: center;
    font-family: 'Gilroy-Bold';
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
}

.lines-month {
    background-color: #e3e7eb;
    padding: 6.5px 0;
}


/******** carousel*********************/

.product-slider #carousel {
    margin: 0;
}

.product-slider #thumbcarousel {
    margin: 12px 0 0;
    padding: 0 45px;
}

.product-slider #thumbcarousel .item {
    text-align: center;
}

.product-slider #thumbcarousel .item .thumb {
    width: 20%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    max-width: 98px;
}

.product-slider .item img {
    width: 100%;
    height: auto;
}

.carousel-control {
    text-align: center;
    text-shadow: none;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 20px;
    top: 23%;
}

.carousel-caption,
.carousel-control .fa {
    font: normal normal normal 30px/26px FontAwesome;
}

.carousel-control {
    background-color: rgba(0, 0, 0, 0);
    bottom: auto;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 30%;
    width: auto;
}

.carousel-control.right,
.carousel-control.left {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

.carousel-inner.vertical .item,
.carousel-inner.vertical .item.active {
    border: 0px solid #000;
}

.carousel-inner.vertical .item .thumb {
    width: 100%;
}

.carousel-inner.vertical .item.active.left {
    width: 100%;
    padding: 0;
    margin-top: -20px;
}

.carousel-inner.vertical .item.next.left {
    width: 100%;
    padding: 0;
}

.carousel-inner.vertical .item.next.left img,
.carousel-inner.vertical .item.active.left {
    padding-top: 10px;
}

.carousel-inner.vertical .item .thumb img {
    height: 110px;
}


/*******************************************************/

.product-advs h4 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #009cc2;
    text-transform: initial;
    padding: 10px 0;
}

.product-advs h4 img {
    margin-left: 20px;
}

.product-advs ul li:before {
    content: '●';
    padding-right: 7px;
    color: #00c1d5;
}

.product-advs ul li {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

.prod-des h6,.product-item-h6 {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #00172a;
    text-transform: initial;
    padding: 10px 0 5px 0;
}

.prod-des h4 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-transform: initial;
    padding: 10px 0 5px 0;
}

.prod-des h6 a:after, .product-item-h6 a:after {
    content: "\2192";
    color: #009cc2;
    margin-left: 10px;
    font-weight: bold;
}

.bottom-product-adv span,
.bottom-product-adv .point-fort-span {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #082238;
}

.bottom-product-adv .col-sm-3 {
    padding-right: 0px;
    text-align: center;
}

.bottom-product-adv span img ,
.bottom-product-adv .point-fort-span img {
    margin-right: 4px;
}

.products-offres2 .head h5 ,
.products-offres2 .head .product-detail-h5 {
    font-family: 'Gilroy-Bold';
    padding: 15.5px 20px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: solid 1px rgba(8, 34, 56, 0.1);
    background-color: #082238;
    text-transform: uppercase;
}

.products-offres2 .top {
    background-color: #fff;
    box-shadow: 2.5px 4.3px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.prices.prices-s-1 {
    background: rgba(0, 0, 0, 0.3);
    padding: 6px 14px;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 60px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.prix-head span del {
    font-family: 'Gilroy-SemiBold';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
}

.prix-head p {
    font-family: 'Gilroy-SemiBold';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #082238;
    width: 82%;
}

.prix-head p span {
    font-family: 'Gilroy-Bold';
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: normal;
    color: #009cc2;
}

.center-content p {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #082238;
}

.payers {
    display: inline-flex;
    border-radius: 8px;
    border: solid 1px #beeaf0;
}

.payers p {
    font-family: 'Gilroy-SemiBold';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #082238;
}

.payers p {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #082238;
}

.payers p span {
    font-family: 'Gilroy-SemiBold';
    font-size: 34px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.59;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    position: relative;
    top: 8px;
}

.payers p a {
    font-family: 'Gilroy-Bold';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}

button.promos {
    background-color: #009cc2;
    border-radius: 8px;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    border: 0px solid;
    padding: 18px 20px;
    position: relative;
    top: 0px!important;
}

.payers i {
    font-family: 'Gilroy-SemiBold';
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    position: relative;
    left: 81px;
    top: -11px;
}

.payers del {
    font-family: 'Gilroy-SemiBold';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
    text-decoration-line: unset;
}

.plans .icon-blocks input#form1 {
    height: 46px;
}

.payers .back {
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.dispo.btn {
    border-radius: 8px;
    background-color: #009cc2;
    padding: 14.4px 71.3px;
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 20.8px 0;
}

table.cal-txt tbody tr td {
    padding-right: 15px;
}

p.depart {
    font-family: 'Gilroy-Medium';
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.88;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
}

.Covid .info {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 31px;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
}

.Covid .test {
    font-family: 'Gilroy-Medium';
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
    line-height: 12px;
}

.Covid {
    margin-top: 10px;
    padding: 10px 0;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}

.hotel-line #select-one {
    height: 45px;
}

table.last-minut.top tr:hover {
    background-color: rgba(8, 34, 56, 0.2)!important;
    border-bottom-color: rgb(226 231 235)!important;
}
table.last-minut.top tr:hover hr{display: none}
table.last-minut.top tr:hover + tr hr {
    display: none;
}
.offre-item .offer.title .rate-wrap {
    padding: 0;
}

.bottom-content-bloc.v2 p {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #00172a;
}

button.Oclub {
    border-radius: 8px;
    border: 0px solid;
    padding: 14px 84px;
    margin-bottom: 17px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

button.Oclub h5 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.45px;
    text-align: center;
    color: var(--white);
}

.nav-tab-item h6,
.nav-tab-item p {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #082238;
}

.hotel-small.style-2 p, .product-page .product-desc li ,.product-page .product-desc{
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    text-align: left;
    color: #082238;
}
.product-page .product-desc li{
    list-style: url('../img/Puce-bleu-ok.png');
    margin-left: 30px;
}

block4 li {
    color: #000;
    list-style: url('../img/Puce-bleu-ok.png');
}

.acc-body li::before {
    content: '';
    display: inline-block;
    position: relative;
    left: -10px;
    color: #2d3e50;
}

.simple-tab.type-2 .nav-tab-item {
    position: relative;
    display: inline-block;
}

.simple-tab.type-2 .nav-tab-item.active {
    background: #fff;
    color: #000;
    height: 100px;
    border-bottom: 4px solid #28b8ce;
    z-index: 10;
}

.simple-tab.type-2 .nav-tab-item.active::before {
    border-color: #28b8ce transparent transparent transparent;
}

.acc-body>.row>div:nth-child(3) {
    padding-right: 180px;
}

.acc-body>.row>div:nth-child(2) {
    padding-right: 70px;
}

.simple-tab.color-1 .nav-tab-item.active:before {
    content: '';
    display: block;
    position: absolute;
    top: 94%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 14px;
}

.simple-tab.color-1 .nav-tab-item.active:before {
    border-color: #5f7180 transparent transparent transparent;
}

.simple-tab.color-1 .nav-tab-item:nth-child(1).active:before {
    left: 16%;
}

.simple-tab.color-1 .nav-tab-item:nth-child(3).active:before {
    left: 83%;
}

.hotel-small .tour-info p {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    line-height: 25px;
    color: #66747f;
}

p.tour-info-sejour {
    color: #082238!important;
    font-size: 15px;
    font-family: 'Gilroy-SemiBold';
    line-height: 25px;
    margin-top: 20px;
}

p.tour-info-sejour span {
    color: #082238;
    font-size: 15px;
    font-family: 'Gilroy-Bold';
    line-height: 25px;
}

.hotel-small.style-2.clearfix.mb-5 ul li a {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    color: #082238;
    line-height: 47px;
    font-weight: 500;
}

.hotel-small.style-2.clearfix.mb-5 ul li img {
    position: relative;
    top: 6px;
}

.modal-title {
    text-align: center;
    padding-top: 10px;
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    /*line-height: 1.4;*/
    letter-spacing: normal;
    color: #082238;
    line-height: 18px;
}

p.title-config {
    font-family: 'Gilroy-Bold';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    background-color: #082238;
    padding: 23px 30px;
}

.carousel-indicators .active {
    background-color: #009cc2!important;
}

.row.flexboxitems .color-yellowXX {
    color: #ffde00;
    font-size: 10px;
    padding-right: 3px;
    position: relative;
    top: -2px;
}

.modal-dialog h5 {
    line-height: 10px
}

.modal-content.mapmodal .hotel-item .title {
    padding: 20px 18px 14px 20px!important;
}


/****** Responsive CSS *******/

@media (min-width: 992px) and (max-width: 1099px) {
    .main-image-slider {
        width: 75%!important;
    }
    .slick-list .slick-slide .image-link>img {
        position: relative;
        top: 115px;
    }
    .links {
        bottom: 120px!important;
    }
}

@media (min-width: 1100px) and (max-width: 1199px) {
    .main-image-slider {
        width: 78%!important;
    }
    .slick-list .slick-slide .image-link>img {
        position: relative;
        top: 115px;
    }
    .links {
        bottom: 120px!important;
    }
}

@media (min-width: 1200px) and (max-width: 1430px) {
    .main-image-slider {
        width: 81%!important;
    }
    .links {
        bottom: 120px!important;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .products-offres2 {
        padding: 0px 60px 0px 55px!important;
    }
}

@media (min-width: 768px) and (max-width: 780px) {
    .main-image-slider {
        width: 97%!important;
    }
}

@media (min-width: 280px) and (max-width: 419px) {
    #dataarecup {
        margin-left: 20px!important;
        margin-right: 20px!important;
    }
    .mon_mob {
        margin-right: 16px!important;
        margin-left: 16px!important;
    }
}

@media (min-width: 420px) and (max-width: 479px) {
    #dataarecup {
        margin-left: 22px!important;
        margin-right: 22px!important;
    }
    .mon_mob {
        margin-right: 18px!important;
        margin-left: 18px!important;
    }
}

@media (min-width: 480px) and (max-width: 540px) {
    #dataarecup {
        margin-left: 30px!important;
        margin-right: 30px!important;
    }
    .mon_mob {
        margin-right: 25px!important;
        margin-left: 25px!important;
    }
}

@media (min-width: 541px) and (max-width: 609px) {
    #dataarecup {
        margin-left: 35px!important;
        margin-right: 35px!important;
    }
    .mon_mob {
        margin-right: 30px!important;
        margin-left: 30px!important;
    }
}

@media (min-width: 610px) and (max-width: 669px) {
    #dataarecup {
        margin-left: 40px!important;
        margin-right: 40px!important;
    }
    .mon_mob {
        margin-right: 35px!important;
        margin-left: 35px!important;
    }
}

@media (min-width: 670px) and (max-width: 729px) {
    #dataarecup {
        margin-left: 47px!important;
        margin-right: 47px!important;
    }
    .mon_mob {
        margin-right: 43px!important;
        margin-left: 43px!important;
    }
}

@media (min-width: 730px) and (max-width: 799px) {
    #dataarecup {
        margin-left: 55px!important;
        margin-right: 55px!important;
    }
    .mon_mob {
        margin-right: 50px!important;
        margin-left: 50px!important;
    }
}

@media (min-width: 800px) and (max-width: 849px) {
    #dataarecup {
        margin-left: 62px!important;
        margin-right: 62px!important;
    }
    .mon_mob {
        margin-right: 53px!important;
        margin-left: 53px!important;
    }
}

@media (min-width: 850px) and (max-width: 991px) {
    #dataarecup {
        margin-left: 62px!important;
        margin-right: 62px!important;
    }
    .mon_mob {
        margin-right: 53px!important;
        margin-left: 53px!important;
    }
}

@media screen and (max-width: 466px) {
    .btn-disc {
        margin: 5px 0!important;
        padding: 6px 28.85px!important;
    }
}

@media screen and (max-width: 991px) {
    .accordion .acc-panel .acc-title h5, .detail-content h5, .acc-body h5, .detail-content h5, .acc-body .faq-h5{
        line-height: 20px!important;
    }
    .navs-right{
        top:12px!important;
    }
    .btn-modal h6{
        font-size: 20px;
        line-height: 30px;
    }
    .btn-modal-h6{
        font-size: 16px;
        line-height: 30px;
    }
    .btn-modal a.tel{
        line-height: 50px!important;
    }
    .main-wraper.advs {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .slider-tab-search {
        display: block!important;
        background-image: url(/assets/images/back-mobile-home.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 20px;
    }
    input#select-two,
    #select-one {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
    .main-wraper.home-bloc,
    .slider-bloq-desktop {
        display: none;
    }
    .way-discover h4, .list-cross-h4 {
        margin-bottom: 0px;
        text-align: center;
    }
    .offr-bottom-bloc {
        margin-top: 20px;
    }
    .bloc-after-btn {
        padding: 25px 15px 0px 15px;
    }
    .btn-mobile-disc {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .btn-way-disc.seco-btn {
        margin: 10px 3px 3px 3px!important;
        padding: 5.5px 18px;
    }
    .btn-way-disc {
        margin: 12px 0px 20px 5px;
    }
    .main-wraper.discovers {
        padding-top: 20px!important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .way-discover.text-center {
        padding-bottom: 0px!important;
    }
    .isotope-container.our-offers.row.mobile-none {
        display: none!important;
    }
    .thumbnails-slider.slick-initialized.slick-slider.slick-vertical {
        display: none;
    }
    .main-image-slider,
    .main-image-slider .slick-slide .image-link {
        height: 380px!important;
    }
    .simple-tab.color-1 .tab-info .hotel-small {
        margin-bottom: 0px;
    }
    .hotel-small.style-2.clearfix.mb-5 ul li a {
        font-size: 14px;
        line-height: 22px;
    }
    .table-accordions {
        width: 100%!important;
    }
    .hotel-small.style-2 h4 {
        font-size: 18px;
    }
    p.tour-info-sejour span {
        font-size: 14px;
    }
    .hotel-small.style-2 p {
        font-size: 14px;
    }
    .hotel-small .tour-info p {
        font-size: 14px;
    }
    .dej {
        margin: 5px 40px;
    }
    .products-offres2.new-offre {
        display: none;
    }
    .shares {
        display: block!important;
        padding: 15px 0;
    }
    .container.assurance {
        border-bottom: 1px solid #e3e7eb;
        padding-bottom: 10px;
    }
    .shares ul li:before {
        display: none;
    }
    .shares .Share h5, .share-h5 {
        text-align: center;
    }
    .shares .Share ul {
        float: initial;
    }
    .slider-txt {
        padding-bottom: 10px;
    }
    .icon-blocks .icon-text a {
        font-size: 15px;
    }
    .advs h4 strong {
        font-size: 25px;
    }
    .background-img img.img-responsive,
    .all-offer img.img-responsive {
        margin-left: auto;
        margin-right: auto;
    }
    .searchs .icon-block h4,.searchs-h4 {
        text-align: center;
    }
    .searchs .icon-blocks .icon-text-pic {
        margin-top: 5px;
    }
    button.promos {
        width: auto!important;
        padding: 14px 76px!important;
    }
    .btn-lg.btn-block {
        /*top:210px!important;*/
        width: auto!important;
        padding: 14px 78px!important;
    }
    .icon-voy h4,.icon-voy h3,
    .icon-voy {
        text-align: center;
        display: block!important;
    }
    img.img-avion {
        margin-right: auto;
        display: block!important;
        margin-left: auto;
        padding-bottom: 22px;
    }
    img.club.img-responsive {
        padding: 22px 0;
    }
    .icon-voy p {
        padding-top: 15px;
        text-align: center;
    }
    .btn-modal {
        right: 0!important;
        top: 138px!important;
        margin-top: 0;
        margin-right: 0;
        border-radius: 0px!important;
    }
    .plans {
        padding-top: 50px;
    }
    img.back.img-responsive {
        width: 100%!important;
    }
    .price-s-5 {
        width: 50px;
    }
    .navbar-nav>li {
        float: none;
        display: grid;
        padding: 0 10px;
    }
    .menu-3 .nav {
        height: 100%!important;
    }
    .bloc-1::after,
    .bloc-2::after {
        display: none;
    }
    .img-bloc {
        display: none;
    }
    .menu-3 .nav {
        padding: 8px 0px 14px 0px;
    }
    .nav.second-nav {
        display: none;
    }
    .nav.third-nav {
        display: block!important;
    }
    li.btn-contact {
        padding: 5px 3px 5px 3px;
    }
    li.btn-contact img {
        margin-right: 0;
    }
    body.menu_opened .menu-3 .nav-menu-icon {
        top: 0px!important;
        margin-left: 0px!important;
        left: 0;
        position: relative;
    }
    .navbar-nav>li {
        border-left: 0px solid #e5e9ed;
    }
    .nav-menu-icon {
        background-color: #e5e9ed;
        padding: 8px 32px 34px 9px;
        width: 34px;
        border-radius: 9px;
    }
    nav.menu.slide-menu {
        position: relative;
    }
    .dropdown-menu {
        border: 0px solid #fff!important;
    }
    /*.navbar-nav>li.active ul.dropdown-menu {
          display: none;
      }*/
    .menu_opened {
        overflow: auto;
    }
    ul#multicol-menu li.dropdown:last-child {
        border-right: 0px solid #e5e9ed;
    }
    .dropdown-menu {
        position: unset!important;
        box-shadow: none!important;
    }
}

@media screen and (min-width: 992px) {
    .nav>li>a {
        padding: 9px 25px!important;
    }
        .nav>li>a:focus,
    .nav>li>a:hover {
        background-color: #fff!important;
    }

    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: #fff!important;
    }
    h6.all-offer-title,.all-offer-title-h6{
        position: relative;
        top:-60px;
    }
    h6.all-offer-title,.all-offer-title-h6.promo-code{
        top:-40px;
    }
    .h7.all-offer-title{
        position: relative;
        top:-60px;
    }
    .h7.all-offer-title.promo-code{
        position: relative;
        top:-40px;
    }
    a.all-offer-btn{
        position: relative;
        top:62px;
    }
    a.all-offer-btn.promo-code{
        top:50px;
    }
    .submenu-way {
        line-height: 51px!important;
    }
    .carte-tri {
        margin-top: -20px;
    }
    .slider-sejour-ways {
        display: block!important;
    }
    .slider-guide-ways {
        display: block!important;
    }
    .guide-all-bloc-2 {
        margin-top: 70px;
    }
    .top-baner.arrows.our-slider.slider-offres.mobiles {
        display: none!important;
    }
    button.all-voyage {
        width: 26%!important;
    }
    .nav>li.dropdown {
        position: static!important;
    }
    .mobile {
        display: none;
    }
    .nav.second-nav {
        padding: 0px !important;
    }
    .navbar-nav>li:hover ul.dropdown-menu {
        display: block;
        width: 100%;
    }
    .searchs .icon-block h4,.searchs-h4 {
        margin-left: 15%;
    }
    .advanges .icon-block h4 {
        margin-left: 15%;
        text-align: left;
    }
}

@media (min-width: 992px) and (max-width: 1372px) {
    .slider-sejour-ways .offer.radius-top img {
        height: 471px!important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-list-content{
        padding: 8px 26px!important;
    }

    .item-flights {
        top: 224px!important;
    }
    .offer-sejour h5,.product-push-h5 {
        font-size: 18px;
        line-height: 25px;
    }
    .offer-sejour.offer.title.clearfix i.lieux {
        font-size: 16px!important;
    }
    .offer-sejour span.color-dark-2 h6,.offer-sejour div.color-dark-2 h6,.product-push-title-h6 {
        font-size: 13px!important;
    }
    .bloc-cal-1 h5 ,
    .bloc-cal-1 .calendar-h5 {
        text-align: center;
        padding-bottom: 10px;
    }
    .selectdiv select {
        width: 100%;
    }
    .selectdiv {
        width: 100%;
    }
    ul.navs-right li {
        margin-left: 0px;
    }
    .background-img img.back {
        height: 338px;
    }
    button.last-blocs ,
    .last-blocs-link.last-blocs {
        margin: 297px 0px 20px 0px;
    }
    .f-soon-title h2,.vente-flash-h2 {
        font-size: 36px;
    }
    h6.all-offer-title,.all-offer-title-h6 {
        font-size: 21px!important;
        line-height:27px!important;
    }
    .h7.all-offer-title {
        font-size: 16px!important;
        line-height:27px!important;
    }

}

@media (min-width: 1002px) and (max-width: 1123px) {
    .navbar-nav>li>a {
        font-size: 12px;
    }
    .navbar-nav>li {
        padding: 0 5px;
    }
    .nav>li>a {
        padding: 10px 9px!important;
    }
    li.btn-contact {
        font-size: 15px;
        padding: 0px 16px 4px 16px;
    }
}

@media (min-width: 1124px) and (max-width: 1199px) {
    li.btn-contact {
        font-size: 15px;
        padding: 0px 16px 4px 16px;
    }
}

@media (min-width: 992px) and (max-width: 1001px) {
    .navbar-nav>li {
        padding: 0;
    }
    .navbar-nav>li>a {
        font-size: 11px;
    }
    .nav>li>a {
        padding: 10px 16px!important;
    }
    li.btn-contact {
        font-size: 14px;
        padding: 0px 14px 4px 14px;
    }
}

@media (min-width: 250px) and (max-width: 480px) {
    .navbar-nav>li>a {
        text-align: left;
    }
    .second-title h2 {
        font-size: 24px;
        text-align: left;
    }
    button.search-btn.btn.btn-primary{
        padding: 10px;
    }
}

@media (min-width: 446px) and (max-width: 1199px) {
    .blocright .banner-s-2 {
        width: auto!important;
        position: absolute;
        top: 15px;
        left: 0;
        line-height: normal;
        padding: 8.5px 13px;
    }
    .c-button.blocliste.color-dr-blue.hv-o.b-50 {
        text-align: left;
        padding: 50px 15px 0 15px!important;
    }
}

@media screen and (max-width: 445px) {
    .c-button.blocliste.color-dr-blue.hv-o.b-50 {
        text-align: left;
        padding: 5px 15px!important;
    }
}

@media screen and (max-width: 1199px) {
    .videos {
        display: none;
    }
    .last-block-list.waay-sejour {
        padding-top: 15px;
    }
    way-europe .row.flexboxitems .hotel-product .title-product {
        width: 100%!important;
    }
    .btn-all-articles {
        padding: 12.5px 63.3px;
        font-size: 18px;
    }
    .progress {
        width: 267px;
    }
    .img-list-avion {
        margin-left: auto!important;
        margin-right: auto!important;
        margin-bottom: 20px!important;
        margin-top: 10px!important;
        display: block;
    }
    .titreListe-txt,
    .liste-txt {
        text-align: center;
        padding-bottom: 15px;
    }
    .title-link.list-link {
        margin-left: 10px;
        margin-right: 10px;
    }
    .title-link.list-link a p {
        margin: 3px 5px!important;
    }

    .title-link.list-link a {
        font-size: 12px;
    }
    .blocright .banner-s-2 {
        width: auto!important;
        padding: 8.5px 13px;
    }
    .blocliste button.btn.btn-primary,
    .blocliste .list-btn.btn.btn-primary {
        border-color: #009cc2!important;
        padding: 15px 109px;
    }
    .blocliste .list-btn.btn.btn-primary {
        margin: 0px 22px;padding: 15px;
    }
    .c-button.blocliste h6 {
        width: 79%;
    }
    .blocliste {
        margin: 3px 0;
    }
    .blocright .price-s-6 {
        position: absolute;
        padding: 0px 10.7px;
        right: 20px;
        width: auto;
        line-height: 30px;
    }
    .banner-s-100 {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 10px 0;
    }
    .flexboxitems .padd0 .col-lg-7 {
        padding: 0px 15px;
    }
    .flexboxitems .col-lg-8.padd0 {
        padding: 0;
    }
    img.showonlymobile1.img-responsive {
        width: 100%!important;
        height: 215px;
    }
    .boxhotel .row.flexboxitems .col-lg-4 {
        padding: 0;
    }
    .slider-product .container {
        display: flex;
        flex-flow: column;
    }
    .acc-product .title-product {
        font-size: 20px;
    }
    .acc-product p.place {
        display: block!important;
    }
    .acc-product span.carte {
        float: left;
    }
    .acc-product span.loop {
        float: left;
        display: inline;
        margin-left: 10px;
    }
    .slider-product .container>.row:nth-child(2) {
        order: 2;
    }
    .offre-item .hotel-item .c-button {
        float: right!important;
    }
    .selection .icons-selection {
        padding-top: 15px;
    }
    .top-baner.arrows.our-slider {
        display: block!important;
    }
    .icon-text-pic,
    .icon-text {
        margin-top: 10px;
    }
    .advanges .icon-block h4 {
        margin-top: 30px;
    }

    .icon-text-pic a span {
        line-height: 22px;
    }
    .offer.title .f-14 {
        display: block!important;
    }
    .top-baner.arrows.e-mobile {
        display: block!important;
        margin: 30px 0;
    }
    .top-baner.arrows {
        display: none!important;
    }
    .swiper-container {
        margin: 35px 0;
    }
    .offers-arrow {
        display: none;
    }
    .our-slider .offers-arrow {
        display: block!important;
    }
    .icon-block,
    .icon-blocks {
        margin-bottom: 30px!important;
        text-align: left;
    }
    .icon-blocks img {
        float: unset!important;
        margin-right: 0;
    }
    .rounds-prix {
        position: absolute;
        top: 15px;
        right: 55px;
        background: #fff;
        border-radius: 60px;
        padding: 7px 18px;
    }
    .tour-txt {
        font-family: 'Gilroy-Bold';
        font-size: 2.2em;
        font-weight: bold;
        position: absolute;
        top: 60px;
        left: 160px;
        text-align: left;
    }
    .tour-vil {
        font-size: 1em;
        top: 180px;
        left: 160px;
        text-align: left;
    }
    .tour-weather {
        top: 220px;
        left: 160px;
    }
}

@media screen and (min-width: 1200px) {
    .cal.col-sm-12 {
        padding-left: 40px;
    }
    .bloc-cal-center {
        text-align: center;
    }
    .bloc-cal-1 {
        width: 55.33333333%!important;
    }
    .bloc-cal-2 {
        width: 19.666667%!important;
    }
    .first-slider .swiper-slide.swiper-slide-visible.swiper-slide-active {
        width: auto!important;
    }
    .background-img img.back {
        height: 292px;
        width: 360px;
    }
    div#carousel-pager .carousel-inner.vertical img {
        height: 100px;
    }
    .products-offres2 {
        margin-top: -360px;
        padding: 0px 40px 0px 37px;
    }
    .myadvs-offer .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .prices.prices-s-1 {
        right: 75px;
        top: 65px;
        font-size: 20px;
    }
    .products-offres2.new-offre .prices.prices-s-1 {
        right: 65px;
    }
    .table-fraix {
        width: 85%;
    }
}

@media (min-width: 640px) and (max-width: 660px) {
    .tour-txt,
    .tour-vil {
        font-size: 0.8em;
    }
}

@media (min-width: 451px) and (max-width: 639px) {
    .tour-txt {
        font-size: 12px!important;
        top: 10px!important;
    }
    .tour-vil {
        font-size: 12px!important;
        top: 40px!important;
    }
    .tour-weather {
        top: 85px!important;
        padding: 4px 15px;
    }
}

@media (min-width: 250px) and (max-width: 480px) {
    .rounds-prix {
        right: 23px;
    }
}

@media (min-width: 767px) and (max-width: 1199px) {
    .tours-txt {
        font-size: 1.8em;
        top: 70px;
        left: 100px;
    }
    .tours-vil {
        font-size: 1em;
        top: 180px;
        left: 100px;
    }
    .tours-weather {
        top: 223px;
        left: 100px;
        padding: 12px 30px;
    }
    .prev {
        right: 14%;
    }
}

@media screen and (max-width: 767px) {
    
    .main-wraper.search-bloq-mobile {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    
    h6.all-offer-title,.all-offer-title-h6 {
        position: relative;
        top: -50px;
    }
    .h7.all-offer-title {
        position: relative;
        top: -50px;
    }
    a.all-offer-btn {
        font-size: 21px;
        position: relative;
        top: 60px;
    }
    a.all-offer-btn.promo-code {
        top: 50px;
    }
    .modal-title {
        font-size: 20px;
    }
    .btn-target-mobile {
        display: block!important;
    }
    .btn-target-desktop {
        display: none!important;
    }
    .sejour-way-title {
        font-size: 25px;
        line-height: 30px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 15px;
    }
    .last-block-list.waay-sejour {
        padding-left: 20px;
        padding-right: 20px;
    }
    .bloq-sejour {
        padding-top: 15px!important;
    }
    .sejour-way .row .col-xs-12.col-sm-6 {
        margin-bottom: 10px!important;
    }
    .sejour-way h4 {
        font-size: 25px;
    }
    .europe,
    .asie,
    .afrique,
    .caraibe {
        padding: 30.5px 0 30.5px 22px;
    }
    .sejour-way {
        padding-left: 20px;
        padding-right: 20px;
    }
    .list-sejour {
        margin-left: 20px!important;
        margin-right: 20px!important;
    }
    .way-europe>.container {
        padding: 0;
    }
    .gal-item{margin-bottom: 20px;}
    .groupeDestination-bg,
    .bg1,
    .bg2 {
        padding: 90px 0 90px 0px !important;
    }
    .table-way-mobile {
        display: block!important;
    }
    .table-way-desktop {
        display: none!important;
    }
    .all-btn-way-disc {
        padding: 0 0px;
        text-align: center;
    }
    .mobile-slider-title a {
        padding: 14px 15px!important
    }
    .acc-product {
        padding-left: 15px;
        padding-right: 15px;
    }
    .prices.prices-s-1 {
        right: 22px;
        top: 80px;

        top: 53px;
    }
    .main-image-slider .slick-slide .image-link img {
        height: 100%!important;
    }
    .links {
        bottom: 24px!important;
        left: auto!important;
        right: 11px!important;
    }

    .reads {
        display: none;
    }
    .read-mobile {
        display: block!important;
        margin-top: 15px;
    }
    .product-page .read-mobile {
        display: block!important;
        margin-top: 0px;
    }
    .product-page .pointFortTop {
        max-width: none !important;
    }
    .read-mobile h6:after ,
    .read-mobile .read-more-h6:after {
        content: "\2192";
        color: #009cc2;
        margin-left: 10px;
        font-weight: bold;
    }
    .reads h6:after {
        content: "\2192";
        color: #009cc2;
        margin-left: 10px;
        font-weight: bold;
    }
    .read-mobile h6 ,
    .read-mobile .read-more-h6 {
        font-family: 'Gilroy-SemiBold';
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.5;
        letter-spacing: normal;
        color: #00172a;
        text-transform: initial;
    }
    .mobile-slider-title {
        display: block!important;
        background-color: #e3e7eb;
        padding: 14px;
    }
    .slider-product .title-link {
        display: none;
    }
    .main-wraper.accordions {
        padding: 0 0px 30px 0!important;
    }
    .simple-tab.type-2 .tab-info .acc-body ul {
        margin-left: 22px;
    }
    .tour-info-line.clearfix.pr-5 .col-sm-6:nth-child(2) {
        padding-left: 0;
    }
    ul.table-mobile {
        display: none;
    }
    .hotel-small table {
        display: block!important;
    }
    .tour-info-line table td img {
        padding: 30px 20px 0 0px;
    }
    .tour-info-line table td a {
        position: relative;
        top: 16px;
    }
    .container.assurance {
        padding-right: 45px;
        padding-left: 45px;
    }
    .assurance .parag-1 p,
    .assurance ul li {
        font-size: 14px;
    }
    h4.assurance-title {
        display: block!important;
        margin-top: 20px;
        font-size: 18px;
    }
    button.btn-acceptcookies {
        width: 49%!important;
        font-size: 14px;
        padding: 11px 0!important;
    }
    .btn2 {
        margin-left: 3px;
    }
    .cookiealert .acceptcookies {
        margin-left: 0!important;
    }
    .btn1,
    .btn2 {
        display: inline;
    }
    .btn3 button.btn-acceptcookies.acceptcookies {
        margin-top: 15px;
        width: 100%!important;
    }
    .alert.cookiealert.show .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .list-voyage ul li {
        padding-top: 10px;
        font-size: 14px;
        font-family: 'Gilroy-Medium';
        font-weight: 500;
    }
    .sejours .plans {
        padding-top: 0!important;
    }
    .footer-bloc img {
        margin-left: auto;
        margin-right: auto;
    }
    .footer-bloc {
        margin-left: 15%;
        margin-right: 15%;
    }
    .banner-voyage.container {
        padding: 30px 15px!important;
    }
    .our-selection.container {
        padding: 0px 15px!important;
    }
    .our-slider .swiper-slide .tour-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    footer.footer.footers .top-bloc-footer h4,.footer-h4 {
        padding: 0px 33px 15px 33px;
    }
    .img-footer-bloc img {
        width: 23%;
        margin-right: 40px;
        margin-left: 40px;
    }
    .img-footer-bloc img:nth-child(9) {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        display: block;
    }
    .advanges .icon-block h4 {
        text-align: center;
        font-size: 35px;
    }
    .top-bloc-footer h4,.footer-h4 {
        float: unset;
        text-align: center;
        padding-bottom: 20px;
        font-size: 22px;
        line-height: normal;
    }
    .top-bloc-footer ul {
        text-align: center;
        padding-bottom: 20px;
    }
    .list-voyage ul {
        padding-bottom: 20px;
    }
    .icons-selection ul li {
        font-size: 16px;
    }
    .offre-img-background {
        height: 220px!important;
    }

    img.back.img-responsive {
        margin-left: auto;
        margin-right: auto;
    }
    .plans.container .icons-block {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .plans.container .icon-blocks {
        margin-left: auto;
        margin-right: auto;
        display: table;
        margin-top: 20px;
    }
    .searchs .icon-block h4,.searchs-h4 {
        text-align: left;
        font-size: 20px;
    }
    .searchs .icon-blocks img {
        margin-right: 0px;
        width: 20%;
    }
    .icon-text-pic {
        margin-top: 10px;
    }

    .icon-text-pic a span {
        font-size: 15px;
    }
    .plans img,
    .plans .txt-icon.bloc {
        display: block!important;
    }
    .plans img {
        margin-right: auto!important;
        margin-left: auto;
        padding-bottom: 25px;
    }
    .plans .icons-block h3, .newletter-b-h3 {
        font-size: 25px !important;
        text-align: center;

    }
    .plans .icons-block span {
        font-size: 15px;
        text-align: left;
    }
    .text-club-bloc {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .article-content-text {
        padding-top: 15px!important;
    }
    .article p{
        margin-bottom: 10px!important;
    }
    .icon-voy a{
        position: absolute;
        width: 100%;
        left: 10px;
        top: 47px;
        font-size: 14px;
    }
    .icon-voy p{
        font-size: 14.1px;
    }

    .icon-voy h4,.icon-voy h3{
        font-size: 16px!important;
    }
    .slider-tab-search .city-entry .tab-info .hotel-line.clearfix .col-sm-12 {
        padding-bottom: 20px;
    }
    .icon-bloc.new-blocks img.icon-img {
        padding-right: 10px!important;
    }
    .guide-image-back {
        padding-right: 0px;
    }
    .simple-tab.type-2 .tab-nav-wrapper hr {
        margin-top: -11px!important;
    }
    .plans.container .icons-block {
        white-space: nowrap;
    }
    .dispo.btn {
        padding: 14.4px 40.3px!important;
    }
    .plans .icons-block span {
        font-size: 14px;
    }
    h6.all-offer-title,.all-offer-title-h6 {
        position: relative;
        top: -50px;
        font-size: 27px;
        line-height: 29px;
    }
    .h7.all-offer-title {
        position: relative;
        top: -50px;
        font-size: 20px;
        line-height: 29px;
    }
    button.select-btn ,
    .select-btn-link.select-btn {
        width: auto;
    }
    .offre-item .hotel-item .title {
        padding: 30px 18px 42px 15px;
    }
    a.all-offer-btn {
        font-size: 21px;
        position: relative;
        top: 60px;
    }
    a.all-offer-btn.promo-code {
        top: 50px;
    }
}


@media (min-width: 280px) and (max-width: 479px) {

    .modal-covid {
        width: 85%!important;
    }

    .bloq-title h2 {
        text-align: center!important;
        font-family: 'Gilroy-Bold';
        font-size: 25px!important;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        color: #082238;
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .bloq-title {
        padding-bottom: 0px!important;
    }
    .bloq-titles h2 {
        text-align: center!important;
        font-family: 'Gilroy-Bold';
        font-size: 25px!important;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        color: #082238;
        padding-left: 17px!important;
        padding-right: 17px!important;
    }
    .bloq-titles {
        padding-bottom: 0px!important;
    }
}

@media (min-width: 280px) and (max-width: 480px) {
    .main-wraper.advs .icon-blocks {
        display: block;
        margin-left: 8%;
        margin-right: 8%;
    }
    img.img-avion.selec{
        border-radius: 8px;
    }
    .main-wraper.sejours >.container{
        padding-left:10px!important;
        padding-right: 10px!important;
    }
    .advan .icon-bloc.new-blocks .icon-text a{
        font-size: 13px!important;
        position: relative;
        top:15px;
    }

    .advan .icon-bloc.new-blocks .icon-text a.tw-lg{
        top:5px;
    }
    .advan.container .col-lg-2 {
        padding-left: 0;
        padding-right: 0;
    }
    .advan.container {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }
    .plans.container .col-md-5{
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}

@media screen and (max-width: 450px) {
    .our-slider .swiper-arrow-left.offers-arrow,
    .our-slider .swiper-arrow-right.offers-arrow {
        display: none!important;
    }
    .top-bloc-footer ul li {
        display: inline-block;
        margin-right: 2px;
    }
}

@media (min-width: 451px) and (max-width: 991px) {
    .txt-slider {
        font-size: 13px;
    }
    .our-slider .swiper-arrow-left.offers-arrow {
        left: 1%;
    }
    .our-slider .swiper-arrow-right.offers-arrow {
        right: 1%;
    }
}

@media (min-width: 451px) and (max-width: 650px) {
    .txt-slider {
        font-size: 13px;
    }
}

@media screen and (max-width: 332px) {
    .plans .icon-blocks input#form1 {
        width: 160px;
    }
    .plans .icon-blocks input#form1::placeholder {
        font-size: 10px;
    }
}

@media (min-width: 333px) and (max-width: 371px) {
    .plans .icon-blocks input#form1 {
        width: 202px;
    }
    .plans .icon-blocks input#form1::placeholder {
        font-size: 12px;
    }
}

@media screen and (max-width: 550px) {
    .selection .icon-selection h4,.selection-h4 {
        bottom: 100px;
        font-size: 33px;
    }
    .landing-page h2.lp-banner {
        bottom: 100px;
        font-size: 33px;
    }
    .selection .icon-selection h3,.selection-h3 {
        bottom: 50px;
        font-size: 20px;
    }
}

@media (min-width: 476px) and (max-width: 555px) {
    .table-destination>.table-way-mobile {
        width: 66%;
    }
}

@media (min-width: 390px) and (max-width: 475px) {
    .table-destination>.table-way-mobile {
        width: 89%;
    }
    tr.spaceUnder>td {
        width: 352.8px!important;
    }
}

@media (min-width: 280px) and (max-width: 389px) {
    .table-destination>.table-way-mobile {
        width: 100%;
    }
    .table-destination {
        background-color: #fff;
        padding: 10px 20px 25px 20px;
    }
    tr.spaceUnder>td {
        width: 367.8px!important;
    }
}

@media screen and (max-width: 500px) {
    img.img-avion.selec {
        height: 347px;
    }
    .selection .icon-selection h4,.selection-h4 {
        font-size: 46px!important;
        bottom: 85px;
    }
    .landing-page h2.lp-banner {
        font-size: 46px!important;
        bottom: 85px;
    }
    .prod-des,
    .bottom-product-adv {
        padding-left: 0!important;
    }
}

@media screen and (min-width: 1300px) {
    .slider-offres .swiper-arrow-right.offers-arrow {
        right: -55px!important;
    }
    .slider-offres .swiper-arrow-left.offers-arrow {
        left: -68px!important;
    }
}

div.zabuto_calendar .table {
    border: 0.5px solid rgba(8, 34, 56, 0.2);
}

@media screen and (max-width: 991px) {
    .menu-styles{
        background-color:#e5e9ed!important;
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
        background-color:#e5e9ed!important;
    }
    .btn-modal a.call{
        font-size: 18px;
        line-height: 49px;
    }
    .progress-bar-down {
        margin-top: 0!important;
    }
    .btn-all-list-articles {
        padding: 13px 63.3px;
    }
    .bloc-cal-1 h5 ,
    .bloc-cal-1 .calendar-h5 {
        font-size: 15px;
        text-align: center;
        margin-bottom: 10px;
    }
    .cal.col-sm-12 {
        padding: 0px;
    }
    .main-wraper.calendrier,
    .block1-left {
        background-color: #fff!important;
    }
    div.zabuto_calendar {
        margin-top: 5px;
    }
    .bloc-cal-right img,
    .bloc-cal-right p,
    .bloc-cal-center img,
    .bloc-cal-center p {
        display: block!important;
    }
    #contentcalendarmobile,
    div.zabuto_calendar {
        display: block!important;
    }
    #calendar {
        display: none;
    }
    .slider-offres .swiper-arrow-right.offers-arrow,
    .slider-offres .swiper-arrow-left.offers-arrow {
        display: none!important;
    }
    .icon-block,
    .icon-blocks {
        height: 55px;
    }
    .list-voyage-offer {
        padding-bottom: 30px!important;
    }
    .title-page-mobile {
        display: block!important;
        padding: 10px 15px 30px 15px;
    }
    .nav>li.dropdown.open .dropdown-menu ul.list-unstyled.bloc-1 br,
    .nav>li.dropdown.open .dropdown-menu ul.list-unstyled.bloc-2 br {
        display: none;
    }
    .advanges .icon-block h4 strong br,
    .searchs .icon-block h4,.searchs-h4 br {
        display: none;
    }
    .icon-blocks img {
        float: left!important;
        margin-right: 15px;
    }
    .advanges .icon-block,
    .advanges .icon-blocks {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        display: table;
        width: 95%;
    }
    .searchs .icon-block,
    .searchs .icon-blocks {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        display: table;
        width: 95%;
    }
    .icon-text-pic,
    .icon-text {
        margin-top: 0;
    }
    .searchs .icon-blocks img {
        margin-right: 30px;
        width: 20%;
    }
    .slider-offres.mobiles {
        margin-top: -35px;
    }
    .slider-offres.mobiles .offr-bottom-bloc br {
        display: none;
    }
    .slider-offres.mobiles .swiper-container {
        margin-bottom: 0!important;
    }
}

@media screen and (min-width: 1500px) {
    .modal-covid {
        width: 48.04%!important;
        padding-bottom: 15px!important;
        margin: 0!important;
        position: absolute;
        right: 55px;
        top: 132px;
    }
    .products-offres2.new-offre {
        margin-top: 0!important;
        padding: 0px 30px 0px 47px!important;
    }
    .main-wraper.calendrier .container {
        padding-right: 50px;
    }
    .offre-item .hotel-item .title {
        padding: 17px 14px;
    }
    .our-offers.row.mobile-none .offer.title.clearfix .offr-bottom-bloc br,
    .slider-offres .offre-item.slider .offer.title.clearfix .offr-bottom-bloc br {
        display: none;
    }
    .all-offer {
        margin-top: 14px;
    }
    .home-page .all-offer {
        margin-top: 10px;
    }
    ul.list-unstyled ul li a,
    ul.list-unstyled li a {
        font-size: 15px;
    }
    .hotel-item {
        width: 300px!important;
        height: 388px!important;
    }
    .list-page .hotel-item {
        width: 400px!important;
    }
    .nav>li>a {
        padding: 9px 41px!important;
    }
    a.submenu-title {
        font-size: 18px;
    }
    .btn-modal {
        right: 308px!important;
    }
    div#myCarousels .carousel-inner .item img {
        width: 44%!important;
    }
    .icon-text-pic a {
        font-size: 18px;
    }
    .middle-slider {
        width: 615px;
    }
    .sejour {
        width: 415px;
    }
    .last-block-list {
        width: 350px;
    }
    .offre-item h5 {
        font-size: 20px;
    }
    span.color-dark-2 h6,div.color-dark-2 h6,.product-push-title-h6 {
        font-size: 15px;
    }
    .plans .icon-blocks input#form1 {
        height: 46px;
        width: 310px;
    }
    button.Oclub.btn.btn-primary.btn-lg.btn-block {
        width: 350px!important;
    }
    button.Oclub.btn.btn-primary.btn-lg.btn-block {
        padding: 14px 24px!important;
    }
    button.promos {
        width: 360px!important;
    }
    button.promos {
        padding: 14px 24px!important;
    }
    .block4.mt-5 .simple-tab.type-2.tab-wrapper {
        width: 1230px;
        margin-left: 78px;
        padding-right: 24px;
    }
}

@media screen and (min-width: 1700px) {
    ul#multicol-menu>li:nth-child(1)>a {
        padding: 9px 50px 9px 50px!important;
    }
    ul#multicol-menu>li:nth-child(2)>a {
        padding: 9px 38px 9px 38px!important;
    }
    ul#multicol-menu>li:nth-child(3)>a {
        padding: 9px 50px 9px 50px!important;
    }
    ul#multicol-menu>li:nth-child(4)>a {
        padding: 9px 46px 9px 46px!important;
    }
    ul#multicol-menu>li:nth-child(5)>a {
        padding: 9px 50px 9px 50px!important;
    }
    ul#multicol-menu>li:nth-child(6)>a {
        padding: 9px 55px 9px 60px!important;
    }
    ul#multicol-menu>li:nth-child(7)>a {
        padding: 9px 48px 9px 48px!important;
    }
    .isotope-container.our-offers.row.mobile-none .hotel-item {
        margin-left: 16px;
    }
    .left-desk.hotel-item {
        margin-left: 0!important;
    }
    /********************************************/
    .thumbnails-slider {
        margin-right: 10px!important;
    }
    .slick-vertical .slick-slide {
        width: 214px!important;
    }
    .main-image-slider {
        width: 81.5%!important;
    }
    /************************************************/
    .searchs .icon-blocks img {
        width: 60px;
    }
    .advanges .icon-blocks img {
        margin-right: 9px;
        margin-left: 13px;
        width: 48px;
    }
    .advanges .col-mob-12:nth-child(3) .icon-blocks img {
        margin-right: 10px;
        margin-left: 28px;
    }
    .advanges .col-mob-12:nth-child(4) .icon-blocks img {
        margin-right: 12px;
        margin-left: -33px;
    }
    .background-img img {
        width: 450px;
        height: 280.8px;
    }
    .background-img {
        padding-left: 5px;
        padding-right: 5px;
    }
    .btn-modal {
        right: 500px;
    }
    .plans .icons-block h3, .newletter-b-h3 {
        font-size: 24px;
    }
    div#myCarousels .carousel-inner .item img {
        width: 600px!important;
    }
}

@media screen and (max-width:480px) {
    .sejour {
        padding: 0px;
    }
    .icon-voy h4,.icon-voy h3 {
        font-size: 18px;
    }
    .icon-voy p {
        font-size: 14px;
    }
    a.all-offer-btn{
        font-size: 13.3px!important;
    }
    h6.all-offer-title,.all-offer-title-h6{
        font-size: 22.1px!important;
        line-height:25px;
    }
    h6.all-offer-title,.all-offer-title-h6 {
        position: relative;
        top: -56px!important;
    }
    h6.all-offer-title,.all-offer-title-h6.promo-code {
        top: -46px!important;
    }
    .h7.all-offer-title{
        font-size: 18px!important;
        line-height:25px;
    }
    .h7.all-offer-title {
        position: relative;
        top: -56px!important;
    }
    .h7.all-offer-title.promo-code{
        font-size: 14px!important;
        top: -40px !important;
    }
    a.all-offer-btn {
        padding: 3px 32px!important;
        top: 45px!important;
    }
    a.all-offer-btn.promo-code {
        padding: 3px 32px!important;
        top: 35px!important;
    }
    .background-img-macif .all-offer{
        padding: 110.5px 0!important;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .left-bloc-calender {
        width: 30%!important;
    }
    .selectdiv select {
        width: 265px;
    }
}

@media (min-width: 360px) and (max-width: 385px) {
    .tours-txt {
        font-size: 35px;
        top: 50px;
        left: 35px;
    }
    .prix-head {
        margin-right: 80px;
    }
    .top-baner.arrows.e-mobile .mySlides img {
        width: 335px!important;
        height: 342px;
    }
    .rounds-prix {
        padding: 6px 15px;
    }
    .tours-weather {
        font-family: 'Gilroy-Bold';
        position: absolute;
        top: 210px;
        left: 35px;
        padding: 14px 48px;
    }
    .tours-vil {
        font-family: 'Gilroy-SemiBold';
        font-size: 16px;
        top: 166px;
        left: 35px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .advanges .icon-block h4 {
        font-size: 24px;
    }
    .advanges {
        padding-top: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1499px) {
    .plans .icons-block span {
        font-size: 14px!important;
    }
    .plans .icons-block h3, .newletter-b-h3 {
        font-size: 17px!important;
    }
}

@media (min-width: 280px) and (max-width: 767px) {
    a.black-hover > img {
        border-radius: 8px;
    }
    .background-img-macif .all-offer{
        border-radius:8px;
    }
    .main-wraper.myadvs-offer {
        padding: 15px!important;
    }
    .acc-body>.row>div:nth-child(3) {
        padding-right: 33px!important;
    }
    .acc-body>.row>div:nth-child(2) {
        padding-right: 26px!important;
    }
    .acc-body li,
    .acc-body li span {
        font-size: 14px;
    }
    .simple-tab .nav-tab,
    .nav-tab-item h6,
    .nav-tab-item p {
        text-align: center;
    }
    .nav-tab-item h6,
    .nav-tab-item p {
        font-size: 14px;
        padding: 0 25px 0 0px;
    }
    .simple-tab.type-2 .nav-tab-item {
        padding: 8px 10px!important;
    }
    .tabs-wrap-style {
        padding: 17px 8px 0px 5px;
    }
    .tabs-wrap-style .nav-tab-item p {
        display: none;
    }
    .tabs-wrap-style .nav-tab.clearfix {
        display: flex;
    }
    .simple-tab.type-2 .tab-info {
        padding: 10px 20px;
    }
    .tabs-wrap-style .tab-nav-wrapper hr {
        margin-top: -13px!important;
        width: 100%!important;
    }
    .simple-tab .nav-tab-item img {
        position: absolute;
        right: 4px;
        top: 30px;
    }
    .Covid.e-mobile {
        display: block!important;
    }
    .Covid {
        display: none!important;
    }
    .block2 .offers-row {
        display: flex;
        flex-flow: column;
    }
    .offers-row .product-advs {
        order: 2;
    }
    .offers-row .Covid.e-mobile {
        order: 3;
    }
    .offers-row .products-offres2 {
        order: 1;
        padding: 0;
    }
    .dispo.btn {
        padding: 14px 71.5px;
    }
}

@media (min-width: 526px) and (max-width: 674px) {
    .nav-tab-item h6,
    .nav-tab-item p {
        padding: 0 50px 0px 50px!important;
    }
    .nav-tab-item h6,
    .nav-tab-item p {
        padding: 0 50px 0px 50px!important;
    }
    .simple-tab .nav-tab-item img {
        right: 23px!important;
    }
}

@media (min-width: 280px) and (max-width: 503px) {
    button.btn-sej.sej-afrique {
        padding: 16.5px 40px;
    }
    .btn-sejour-bloq {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 675px) and (max-width: 767px) {
    .nav-tab-item h6,
    .nav-tab-item p {
        padding: 0 90px 0px 90px!important;
    }
    .simple-tab .nav-tab-item img {
        right: 40px!important;
    }
}

@media (min-width: 501px) and (max-width: 767px) {
    .payers {
        width: 258px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width:1300px) {
    /*  .product-advs{
        width: 59.3%;
    }
    .products-offres2{
        width:40.7%;
    }*/
}

@media screen and (min-width:1200px) {
    .main-wraper.advs .icon-blocks {
        padding-left: 20px!important;
    }
    .main-wraper.advs .icon-blocks img {
        margin-right: 10px;
    }
    .col-lg-1 {
        width: 6%!important;
    }
    .simple-tab.tab-3.color-1.tab-wrapper {
        width: 799px;
    }
    .accordions .table-accordions {
        /* width: 60.15%;*/
        padding-left: 10px;
    }
    .products-offres2.new-offre {
        margin-top: 0!important;
        padding: 0px 49.5px 0px 37.5px!important;
    }
}


/* Style modal Calendar*/

.top-calendar-modal>table>tbody>tr>td>h3.m-discount,
.top-calendar-modal .m-discount.m-discount-h3 {
    font-size: 15px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: white;
    background: #009cc2;
    width: 55px;
    height: 30px;
    font-family: 'Gilroy-SemiBold';
}

.flexcalendar {
    position: absolute;
    right: 4px;
    top: 4px;
}

.solde_calendar {
    font-family: 'Gilroy-Bold';
    font-size: 25px;
    text-align: center;
    margin-top: 7px;
    color: #009cc2;
}

.solde_calendarin span.fc-event-title {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #009cc2;
}

.solde_calendarin {
    text-align: center;
}

.dateincalendar {
    font-family: 'Gilroy-SemiBold';
    font-size: 12px;
    text-align: center;
    margin-top: 7px;
}

.dateoutcalendar {
    font-family: 'Gilroy-SemiBold';
    font-size: 12px;
    text-align: center;
    line-height: 10px;
}

.deviscalendar {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #009cc2;
    font-family: 'Gilroy-SemiBold';
    color: white;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
}

#modal_calendar_selection {
    width: 366px;
    height: 340px;
    overflow: hidden;
    margin: auto;
    padding-left: 19px;
}

.messageloading {
    font-size: 20px;
    font-family: 'Gilroy-Bold';
    text-transform: inherit;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #082238;
}

.titleloading {
    font-family: 'Gilroy-SemiBold';
    font-size: 15px;
    color: #082238;
}

.fc-header-title>h2,.cald-h2 {
    font-family: 'Gilroy-Bold';
    font-size: 18px;
    line-height: 22.5px;
    margin-left: 25px;
    margin-right: 25px;
}

span.fc-button-prev,
span.fc-button-next {
    border: 0;
    color: #082238;
    background: none;
}

.title2,
.title3,
.title4,
.title5 {
    color: rgb(8 34 56 / 60%);
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    line-height: 22.5px;
    font-style: normal;
    width: 130px;
    font-weight: 500;
}


/*.title2,.title3
{
text-align: left;	
}
.title4,.title5
{
text-align: right;	
}*/

.title2>div,
.title3>div,
.title4>div,
.title5>div {
    color: #009cc2;
    font-family: 'Gilroy-Bold';
    text-align: center !important;
}

.fc-header-title>h2>div,.cald-h2>div {
    color: #009cc2;
    font-family: 'Gilroy-Bold';
    font-size: 15px;
}

.titlecont {
    font-size: 15px !important;
}


/* End Style modal Calendar */


/* Style calendar mobile */


/**
 * Zabuto Calendar
 */

div.zabuto_calendar {
    margin: 0;
    padding: 0;
}

div.zabuto_calendar .table {
    width: 30.5%;
    margin: 0;
    padding: 0;
}

div.zabuto_calendar .table th,
div.zabuto_calendar .table td {
    padding: 4px 2px;
    text-align: center;
}

div.zabuto_calendar .table tr th,
div.zabuto_calendar .table tr td {
    background-color: #ffffff;
}

div.zabuto_calendar .table tr.calendar-month-header th {
    background-color: #e3e7eb;
}

div.zabuto_calendar .table tr.calendar-month-header th span {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 10px;
}

div.zabuto_calendar .table tr.calendar-dow-header th {
    background-color: #f0f0f0;
}

div.zabuto_calendar .table tr:last-child {
    border-bottom: 1px solid #dddddd;
}

div.zabuto_calendar .table tr.calendar-month-header th {
    padding-top: 12px;
    padding-bottom: 4px;
}

div.zabuto_calendar .table-bordered tr.calendar-month-header th {
    border-left: 0;
    border-right: 0;
}

div.zabuto_calendar .table-bordered tr.calendar-month-header th:first-child {
    border-left: 1px solid #dddddd;
}

div.zabuto_calendar div.calendar-month-navigation {
    cursor: pointer;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}

div.zabuto_calendar tr.calendar-dow-header th,
div.zabuto_calendar tr.calendar-dow td {
    width: 14%;
}

div.zabuto_calendar .table tr td div.day {
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}


/* actions and events */

div.zabuto_calendar .table tr td.event div.day,
div.zabuto_calendar ul.legend li.event {
    background-color: #fff0c3;
}

div.zabuto_calendar .table tr td.dow-clickable,
div.zabuto_calendar .table tr td.event-clickable {
    cursor: pointer;
}


/* badge */

div.zabuto_calendar .badge-today,
div.zabuto_calendar div.legend span.badge-today {
    background-color: #357ebd;
    color: #ffffff;
    text-shadow: none;
}

div.zabuto_calendar .badge-event,
div.zabuto_calendar div.legend span.badge-event {
    background-color: #ff9b08;
    color: #ffffff;
    text-shadow: none;
}

div.zabuto_calendar .badge-event {
    font-size: 0.95em;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
}


/* legend */

div.zabuto_calendar div.legend {
    margin-top: 5px;
    text-align: right;
}

div.zabuto_calendar div.legend span {
    color: #999999;
    font-size: 10px;
    font-weight: normal;
}

div.zabuto_calendar div.legend span.legend-text:after,
div.zabuto_calendar div.legend span.legend-block:after,
div.zabuto_calendar div.legend span.legend-list:after,
div.zabuto_calendar div.legend span.legend-spacer:after {
    content: ' ';
}

div.zabuto_calendar div.legend span.legend-spacer {
    padding-left: 25px;
}

div.zabuto_calendar ul.legend>span {
    padding-left: 2px;
}

div.zabuto_calendar ul.legend {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

div.zabuto_calendar ul.legend li {
    display: inline-block;
    height: 11px;
    width: 11px;
    margin-left: 5px;
}

div.zabuto_calendar ul.legend div.zabuto_calendar ul.legend li:first-child {
    margin-left: 7px;
}

div.zabuto_calendar ul.legend li:last-child {
    margin-right: 5px;
}

div.zabuto_calendar div.legend span.badge {
    font-size: 0.9em;
    border-radius: 5px 5px 5px 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 3px;
}


/* responsive */

@media (max-width: 979px) {
    div.zabuto_calendar .table th,
    div.zabuto_calendar .table td {
        padding: 2px 1px;
    }
}

.calendar-dow-header,
.calendar-dow,
div.legend,
tr.calendar-month-header>th:nth-child(1),
.calendar-month-header>th:nth-child(3) {
    display: none !important;
}

#dataarecup {
    font-size: 12px;
    font-family: 'Gilroy-Bold';
    margin-left: 15px;
    margin-right: 15px;
    color: #082238;
}

.calendar-month-header>th:nth-child(2) {
    color: rgb(8 34 56 / 60%);
    font-family: 'Gilroy-SemiBold';
    font-size: 12px;
}

.mon_mob {
    margin-right: 10px;
    margin-left: 10px;
}

.contentcalendarmobile {
    width: 32% !important;
}

#wrap>div:nth-child(2) {
    height: 60px;
}

.cl1mobile {
    width: 20% !important;
    font-family: 'Gilroy-Regular';
    font-size: 11px;
    font-weight: 500;
    color: #082238;
    padding: 5px 10px;
    text-align: center;
    background: #fcfdfd;
}

.rosemenuspe{
    color:#009cc2!important;
}

.new-sejour .city-entry .nav-tab-item{
    font-size: 20px!important;
    font-family: 'Gilroy-SemiBold'!important;
    font-weight: 600;
    line-height: 50px;
}



/*******Optimisation css*************/

@media screen and (min-width:1700px){
    .container{
        width: 1410px!important;
    }
    .banner-top {
        padding: 2px 0px;
    }
    .banner-top h3{
        margin-left: 22px;
    }
    .banner-top-h3{
        margin-left: 22px;
    }
    a.covid-close {
        position: relative;
        left: -3px;
    }
    header.menu-3 >.container{
        width:1400px!important;
    }
    header.menu-3.hovered .logo{
        margin-top: 37px!important;
        margin-left: -3px!important;
    }
    .menu-3 .logo img {
        width: 100%!important;
    }
    .menu-styles{
        margin-top: 16px;
    }

    ul.navs-right{
        top: 20px;
    }
    ul.navs-right li {
        margin-left: 19px;
        margin-right: 19px;
    }
    ul.navs-right li:nth-child(2) a {
        /*position: relative;
        left: 15px;*/
    }
    li.btn-contact {
        position: relative;
        left: 23px;
    }
    .navbar-nav>li{
        height: 46px;
    }
    .navbar-nav>li>a{
        line-height: 29px;
    }
    img.dropimg {
        position: relative;
        left: 8px;
    }
    .vertical-aligns{
        top: 15%;
        left: 15.2%;
    }
    .slider-bloc2-home {
        right: -2px;
        top: -31px;
    }
    .slider-bloc2-home {
        padding: 0px 89px;
    }
    .slider-bloc2-homes{
        padding:31px 31px 0px 31px !important;
        padding: 31px 0 0px 31px;
    }
    .btn-discov-slider a{
        margin: 0;
    }
    .btn-discov-slider {
        padding: 0px 3px;
    }
    .inside-slider-home .c-button {
        padding: 5px 6px!important;
    }
    .inside-slider-home{
        padding:17px 0!important;
    }
    .swiper-arrow-left.first-home-slider {
        left: 40px;
        top: 49.8%;
        width: 48px;
        border-radius: 8px;
        height: 50px;
    }
    .swiper-arrow-right.first-home-slider {
        right: 41px;
        height: 50px;
        width: 48px;
        border-radius: 8px;
        top: 49.8%;
    }
    .first-home-slider .fa-angle-right:before, .first-home-slider .fa-angle-left:before{
        top: 14px;
    }
    .new-sejour .tab-nav-wrapper {
        width: 36%;
        width: 45%;
    }
    .new-sejour .city-entry .nav-tab-item {
        height: 46px;
    }
    .navbar-nav>li>.dropdown-menu .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .nav>li.dropdown.open .dropdown-menu{
        max-height: 375px!important;
    }
    .nav>li.dropdown .dropdown-menu{
        max-height: 375px!important;
    }

    .bloc-2::after {
        content: '';
        height: 90%;
        width: 0.5px;
        background-color: rgba(78, 107, 124, 0.2);
        position: absolute;
        right: 19%;
        top: 10%;
    }
    .bloc-1::after{
        content: '';
        height: 90%;
        width: 0.5px;
        background-color: rgba(78, 107, 124, 0.2);
        position: absolute;
        right: 11%;
        top: 10%;
    }
    ul.list-unstyled.bloc-1 p.submenu-title {
        margin-top: -15px;
    }
    ul.list-unstyled.bloc-2 p.submenu-title{
        margin-left: -9px;
    }
    ul.list-unstyled.bloc-2{
        margin-top: -14px;
    }
    p.submenu-title{
        font-size: 24px;
        line-height: 37.5px;
    }
    ul.drop-menus {
        padding: 0 15px 0 50px;
    }
    ul.drop-menu.ul-height, ul.drop-menus{
        position: relative;
        top:-16px;
        left:-5px;
    }
    ul.drop-menu li:before, ul.drop-menus li:before{
        left:4px;
    }

    ul.list-unstyled.bloc-1{
        width: 420px!important;
    }
    ul.list-unstyled.bloc-2{
        width: 420px!important;
        padding-left: 50px;
        padding-right: 5%;
    }
    ul.list-unstyled.bloc-2>li {
        position: relative;
        top: -17px;
        left: -17px;
        line-height: 26px!important
    }
    ul.list-unstyled li:before {
        height: 0.55em;
        top: 9px!important;
        width: 0.55em;
        left: 5px;
    }
    ul.list-unstyled.bloc-1 li:before {
        top: 9px!important;
    }

    a.submenu-title.submenu-all-product {
        position: relative;
        top: 30px;
        left: -8px;
    }
    a.submenu-title:after{
        margin-left: 14px;
    }
    ul.drop-menu.ul-all-destination {
        margin-top: 47px;
        margin-top: 6px !important;
        margin-left: 3px;
    }
    .dropdown-menu-sejour ul.drop-menu.ul-all-destination {
        margin-top: 17px;
    }
    .dropdown-menu-oclub ul.drop-menu.ul-all-destination {
        margin-top: -0px;
    }
    .dropdown-menu-oclub .ul-all-product {
        margin-top: 8px;
    }
    .dropdown-menu-france .ul-all-product {
        margin-top: -4px;
    }
    ul.list-unstyled.img-bloc {
        position: relative;
        display: block;
        width: 500px;
        padding: 0;
        left: -12px;
        top: 40px;
        margin-left: 36px;
    }
    .new-sejour{
        margin-top: -91px;
    }

    .new-sejour .city-entry .nav-tab-item.active{
        font-size: 19px!important;
        line-height: 43px;
    }
    .new-sejour .hotel-line .input-group:nth-child(4){
        position: relative;
        left: 10px;
    }
    .icons-selection h4,.guides-why-h4 {
        font-size: 24px!important;
        line-height: 35px!important;
        margin-top: 11px!important;

    }
    

    /**********Footer*************************/

    footer.footer-second .footer-bloc h4, h2.footer-h4, .footer-partenaire-h4-other.footer-h4{
        padding-bottom: 6px!important;
    }
    .img-footer-bloc img:nth-child(9){
        position: relative;
        left: 159px;
    }
    .img-footer-bloc img:nth-child(8){
        position: relative;
        left: 139px;
    }
    .img-footer-bloc img:nth-child(7){
        position: relative;
        left: 121px;
    }
    .img-footer-bloc img:nth-child(6){
        position: relative;
        left: 102px;
    }
    .img-footer-bloc img:nth-child(5){
        position: relative;
        left: 82px;
    }
    .img-footer-bloc img:nth-child(4){
        position: relative;
        left: 62px;
    }
    .img-footer-bloc img:nth-child(3){
        position: relative;
        left: 42px;
    }
    .img-footer-bloc img:nth-child(2){
        position: relative;
        left: 20px;
    }
    .top-bloc-footer h4,.footer-h4 {
        margin-top: 10px!important;
        margin-right: 11px;
    }
    .footer-bloc > img {
        display: block;
        margin-right: 0;
        margin-left: auto;
    }
    .top-bloc-footer ul {
        margin-left: -5px;
        margin-top: 2px;
    }
    footer.footer.footers .row:nth-child(2){
        padding-top: 6px!important;
    }
    footer.footer.footers .row:nth-child(2) > .col-lg-3:nth-child(2){
        padding-left: 56px!important;
    }
    footer.footer.footers .row:nth-child(2) > .col-lg-3:nth-child(3){
        padding-left: 11px!important;
        margin-bottom: 1px;
        width: 20%;
    }
    .footer-bloc >ul{
        position: relative;
        top: -12px;
    }
    .footer-bloc ul li{
        margin-bottom: 1px!important;
    }
    footer.footer.footers .row:nth-child(2) > .col-lg-3:nth-child(4){
        padding-left: 13px!important;
    }

    .main-wraper.sejours {
        padding: 10px 0!important;
    }
    .plans.container > .row .col-lg-2{
        width: 208px!important;
    }
    .plans.container > .row .col-lg-4{
        width: 505px!important;
    }

    .plans.container .icons-block > img {
        position: relative;
        top: -11px;
    }
    .plans .icons-block h3, .newletter-b-h3 {
        margin-left: 5px;
        position: relative;
        top: -7px;
    }
    .plans .icons-block span {
        font-size: 15px!important;
        position: relative;
        top: -9px;
        margin-left: 7px;
    }
    .plans .icon-blocks input#form1 {
        width: 398px!important;
    }
    .plans .search-btn.btn{
        margin-left: 12px!important;
    }
    .plans i.icon-search{
        padding: 0 2px!important;
    }

    .advan.container {
        padding-left: 0px;
        padding-right: 0px;
        width: 1380px!important;
    }

    .advan h4,.advan h2.adv-h4,.advan .adv-h4-other.adv-h4{
        margin-top: -10px!important;
    }
    .advan > .row:nth-child(2){
        position: relative;
        top: 21px;
    }
    .advan .icon-bloc.new-blocks .icon-text a {
        position: relative;
        top: 8px;
        font-size: 18px!important;
        line-height: 22.5px;
    }
    .advan .col-lg-2:nth-child(2) .icon-bloc.new-blocks .icon-text a {
        left: -5px;
    }
    .advan .col-lg-2:nth-child(3) .icon-bloc.new-blocks .icon-text a {
        left: -5px;
    }
    .advan .col-lg-2:nth-child(4) .icon-bloc.new-blocks .icon-text a {
        left: 4px;
    }
    .advan .col-lg-2:nth-child(3) .icon-bloc.new-blocks img {
        position: relative;
        left: -4px;
    }
    .advan .col-lg-2:nth-child(4) .icon-bloc.new-blocks img{
        position: relative;
        left: 6px;
    }
    .advan .col-lg-2:nth-child(3) {
        width: 17%!important;
    }
    .advan .col-lg-2:nth-child(4) {
        width: 25%!important;
    }
    .home-page .advan .col-lg-2:nth-child(4) {
        width: 24%!important;
    }
    .advan .col-lg-2:nth-child(5) .icon-bloc.new-blocks .icon-text a{
        left: -5px;
    }

    .advan.container {
        padding-top: 9px!important;
        padding-bottom: 37px!important;
    }
    footer.footer.footers .row:nth-child(2) > .col-lg-3:nth-child(4) .footer-bloc >ul{
        top:-11px!important;
    }

    footer.footer.footers .row:nth-child(2) > .col-lg-3:nth-child(4) .footer-bloc ul li {
        margin-bottom: 7px!important;
    }
    footer.footer.footers .row:nth-child(2) > .col-lg-3:nth-child(3) .footer-bloc h6>a,.footer-h6 > a{
        position: relative;
        top: -27px;
    }
    footer.footer.footers, .main-wraper.articles{
        padding-bottom: 57px!important;
    }
    .list-voyage-offer .container{
        width: 1334px!important;
    }
    .offre-lancement .container{
        width: 1334px!important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .list-voyage-offer .container >.row:nth-child(2) .col-lg-3:nth-child(1){
        width: 24%;
    }
    .list-voyage-offer .container >.row:nth-child(2) .col-lg-3:nth-child(2){
        width: 27%;
    }
    .list-voyage-offer .container >.row:nth-child(2) .col-lg-3:nth-child(3){
        width: 23%;
    }
    .list-voyage-offer .container >.row:nth-child(2) .col-lg-3:nth-child(4){
        width: 23%;
    }
    .list-voyage-offer .container >.row:nth-child(2) .col-lg-3:nth-child(2) .list-voyage {
        position: relative;
        left: 4px;
    }
    .list-voyage-offer .container >.row:nth-child(2) .col-lg-3:nth-child(3) .list-voyage {
        position: relative;
        left: 6px;
    }
    .list-voyage-offer .container >.row:nth-child(2) .col-lg-3:nth-child(4) .list-voyage {
        position: relative;
        left: 60px;
    }

    .list-voyage ul li{
        line-height: 42px!important;
    }
    .list-voyage ul li{
        position: relative;
        top: -6px;
    }

    .main-wraper.articles > .container {
        width: 1334px;
    }
    .articles .title-article p{
        font-size: 15px!important;
        line-height: 25px!important;
        position: relative;
        top: -5px;
        left: 1px;
    }





}

/* End Style calendar mobile */





/* CORRECTIONS MOBILE 375 FIRST PART */ 

@media screen and (min-width: 350px) and (max-width: 450px)
{

   .banner-top > h3
   {
    height: 40px !important;
    padding-top: 5px !important;
    font-size: 12px !important;
    padding-left: 3% !important;
   }

   header > div.container
   {
    height: 60px !important;    
   }

   header.menu-3 .nav-menu-icon
   {
    margin-top: -10px !important;
    width: 44px !important;
    height: 46px !important;
   }
   ul.navs-right li
   {
    position: relative !important;
    top: -18px !important;
    left: 10px !important;
    width: 41px !important;
    height: 41px !important;
    padding: 2px !important;    
   }
   header.menu-3.hovered .logo
   {
    top: -17px !important;
    width: 146px !important;
    left: -2% !important;
   }
   .btn-modal {
    top: 100px!important;
   }

   .navbar-nav>li>a {
    left: 19px !important;
    top: 0px !important;
    position: relative !important;
    }

    .dropimg
    {
        position: absolute !important;
        right: 9% !important;
        top: 17px !important;
        transform: rotate(270deg) !important;   
    }

    .nav-mobile-bottom
    {
        padding-top: 11px !important;
        padding-left: 36px !important;    
        padding-bottom: 56px;
    }

    ul.drop-menu li, ul.drop-menus li
    {
        height: 30px!important;    
    }

    ul.list-unstyled ul
    {
        margin-top: 5px !important;
        margin-bottom: 5px !important;    
    }
    .ul-li-hidden
    {
        height: 20px !important;
    }
    .submenu-all-product
    {
        position: relative !important;
        top: -10px !important;
    }
    .nav>li.dropdown.open .dropdown-menu
    {
        background: white !important;     
    }

    .nav>li.dropdown
    {
        padding-left: 0px !important;
        padding-right: 0px !important;    
    }


    li.dropdown.open > a > img.dropimg
    {
    position: absolute !important;
    left: -1% !important;
    top: 18px !important;
    transform: rotate(450deg) !important;
    }

    li.dropdown.open > a
    {
    color: #082238 !important;
    }

    .footers
    {
        padding-top: 0 !important;    
    }

    footer.footer.footers .top-bloc-footer h4,.footer-h4
    {
    position: relative !important;
    left: 21px !important;
    top: -3px !important;
    }

    .top-bloc-footer
    {
        position: relative !important;
        left: -16px !important;
        top: 3px !important;    
    }

    .top-bloc-footer > ul > li:nth-child(2)
    {
        position: relative !important;
        left: 8px !important;    
    }
    
    .top-bloc-footer > ul > li:nth-child(3)
    {
        position: relative !important;
        left: 17px !important;    
    }

    
    .top-bloc-footer > ul > li:nth-child(4)
    {
        position: relative !important;
        left: 26px !important;    
    }

    
    .top-bloc-footer > ul > li:nth-child(5)
    {
        position: relative !important;
        left: 35px !important;    
    }

    .logo-footer
    {
        position: relative !important;
        left: 4px !important;
        top: -22px !important;
        width: 100% !important;    
    }

    .footers > div.container > div:nth-child(2) > div:nth-child(2)
    {
        position: relative !important;
        top: -29px !important;
        left: -27px !important;   
    }


    .footers > div.container > div:nth-child(2) > div:nth-child(3)
    {
        position: relative !important;
        /*-top: 21px !important;*/
        left: -27px !important;
    }

    .footer-bloc ul li {
        margin-bottom: 15px !important;
        font-size: 14px !important;
    }

    .footer-bloc h6,.footer-h6
    {
        font-size: 22px !important;    
    }

    .footers > div > div:nth-child(2) > div:nth-child(4) > div
    {
    position: relative !important;
    left: -29px !important;
    top: 17px !important;    
    }
    .top-bloc-footers
    {
        padding-bottom: 5px !important;
        padding-top: 25px !important;   
    }
    
    .top-bloc-footers:after
    {
     height: 0px !important;   
    }


    .hr_mobile_only { top: 43px !important; margin-top: 175px !important; }


    #form1::placeholder
    {
        color: #082238 !important;
    }

    .top-bloc-footers:after
    {
        margin-top: 18px !important;    
    }



.hr_mobile_only {display: block !important;}

}

.hr_mobile_only {display: none;}

/* END CORRECTIONS MOBILE 375 FIRST PART */


.dropdown .dropdown-menu .list-unstyled a:hover {font-family: 'Gilroy-Bold';}
.dropdown .dropdown-menu .list-unstyled a.submenu-way:hover {font-size: 18px;}
.dropdown .dropdown-menu .list-unstyled a.submenu-all-product:hover {font-size: 18px;}

header .navs-right a:hover {font-family: 'Gilroy-Bold';}
header .navs-right a:hover h1 {font-family: 'Gilroy-Bold';}
.boldonhov:hover {font-family: 'Gilroy-Bold';}
.list-voyage-offer .list-voyage a:hover{text-decoration: underline;/*color: #009cc2!important;*/ transition: none}
.footer a:hover{text-decoration: underline;}
.animate-color:hover{color: #009cc2!important; transition: none;}
.animate-color-blue:hover{color: #36bed1!important; transition: none;}

.covid-popup-show.animate-color:hover p{color: #009cc2!important; transition: none;}
.all-offer.all-offer-notop{margin-top: 0px}
.home-page .bloq-gallery a .icon-flesh .fa-chevron-right{color: white !important;    font-size: 18px;top: 2px;}
h2.footer-partenaire-h4, .footer-partenaire-h4-other{float: none; left: 0 !important;padding-bottom: 30px!important;}

.rule-bienvenu-lnk{
    font-family: 'Gilroy-semibold';
    font-size: 16px;
    cursor: pointer;
}
.rule-bienvenu-txt{
    font-family: Gilroy-regular;
    display: none;
    padding-top: 10px;
    font-size: 16px;
    line-height: 22px;
}
#bienvenu-rule{
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}
@media screen and (max-width: 700px)
{
    .banner-top-h3{line-height: 24px;}
    #bienvenu-rule{
        top: -100px;
    }
}

#mapModal .offre-img-background {
    height: 240px !important;
}

.childrenBirthDate .dropdown-backdrop{display: none}
.count-part .row-fluid{clear: both}
.nav-li-nostyle{top: auto !important;
    left: auto !important;
    line-height: normal !important;}
.nav-li-nostyle:before{display: none !important;}