body {
    font-family: "Roboto", sans-serif;
}

a {
    text-decoration: none;
}

section {
    padding: 3rem 0;
    position: relative;
}

section:nth-child(2n+1) {
    background-color: #e6f2fe;
}

.titre-section {
    margin-bottom: 30px
}

.titre-section .title {
    font-size: 30px;

    color: #333333;
    font-weight: 500;

}

.titre-section .description-title {
    font-size: 16px;
    color: #595564;
    font-weight: 400;

}

ul {
    margin-bottom: 0
}

/*header*/
.bg-blue {
    background-color: #1e3f90;
}

.top-bar {
    padding: 7px 0
}

.circle-reseaux {
    border: 1px solid transparent;
    height:30px;
    width: 30px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.facebook {
    background-color: #3c5a98;
}

.facebook:hover {
    color: #3c5a98;
    background-color: #fff;
}

.instagram {
    background-image: linear-gradient(173deg, #5a519e 0%, #a33d8f 28%, #d1328a 53%, #ee7237 78%, #fcc666 100%);
}

.instagram:hover {
    background: #5a519e;
    color: #fff
}

.youtube {
    background-color: #e52d27;
}

.youtube:hover {
    color: #e52d27;
    background: #fff
}

.twitter {
    background-color: #5ea8dd;
}

.twitter:hover {
    color: #5ea8dd;
    background: #fff;
}

.contact-info li a {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;

}

.contact-info .icon {
    padding-right: 8px
}

.Header-honest .navbar-expand-lg .navbar-nav .nav-link {

    padding: 0 1rem;


    color: #000000;
    font-weight: 400;

}

.Header-honest .navbar-expand-lg .navbar-nav a {

    border-right: 1px solid #1e3f90;
}

.Header-honest .navbar-expand-lg .navbar-nav a.no-border {
    border-right: none;
}

.Header-honest .navbar-expand-lg .navbar-nav a.active {
    color: #1e3f90;
}

/**/
.hero, .banner {
    position: relative
}

.hero {
    padding-bottom: 50px;
}

/*card**/


.card {
    border-radius: 12px;

    border: 2px solid #c7dbeb;
    padding: 8px
}

.card:hover, .card:focus {
    border: 2px solid #d8c303
}

.card p {
    margin-bottom: 0
}

h5.card-title {
    font-size: 16px;
    margin-bottom: 0;
    color: #000000;
    font-weight: 500;

}

.card-rating .fa-star {
    color: #fa9e0d;
    font-size: 10px
}

.card-ville {
    font-size: 14px;

    color: #595564;
    font-weight: 400;

}

p.des {
    font-size: 12px;

    color: #595564;
    font-weight: 400;


}

p.code {
    font-size: 12px;

    color: #595564;
    font-weight: 400;


}

h3.price-card {
    font-size: 20px;
    margin-bottom: 0;
    color: #000000;
    font-weight: 700;

}

.btn-card-details {
    border-radius: 16px;
    background-color: #f6ee31;
    font-size: 16px;

    color: #000000;
    font-weight: 500;

}

.btn-card-details:hover, .btn-card-details:focus {
    background-color: #d8c303;
}

.card-body {

    padding: 1rem 1rem 0 1rem;
}

.card-img {
    position: relative
}

.card-img, .card-img-top {
    border-radius: 10px;
}


.card-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9999999999999999) 0%, rgba(0, 0, 0, 0) 100%);
    /* IE6-9 */
    z-index: 1;
    border-radius: 10px;
}

.card-img-overlay {
    /*  bottom: 5px;
      right: 5px;*/
    left: auto;
    top: auto;
    z-index: 555
}


.img-categorie {
    width: auto;
    height: 80px;
    object-fit: cover;
    border-radius: 6px
}

/*.media{
    max-width: 200px;
}*/
.btn.btn-link {

    background-color: #1f4098;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;

    border-radius: 10px;
    font-weight: 400;
    padding: 6px 20px;
    width: fit-content;
}

.btn.btn-link:hover {
    color: #fff;
    background: #082d75;
}

/*height hotels*/
.img-hotel {
    height: 240px;
    object-fit: cover;
}

/*themehotels*/
.themehotel .nav-pills .nav-link {
    border-radius: 12px;
    background-color: #ffffff;
    font-size: 16px;
    border: 1px solid #e6f2fe;
    color: #888888;
    font-weight: 400;
    padding: 8px
}

.themehotel .nav-pills .nav-link.active {
    border: 1px solid #1e3f90;
}

.card-img-overlay.voyage {
    bottom: 5px;
    right: 5px;
    left: 5px;
    top: auto;
    z-index: 555;

}
.voyage .card-body{
    padding:1rem 0.2rem 0.5rem 0
}
.card-img-overlay.voyage p.des, .card-img-overlay.voyage h3.price-card, .card-img-overlay.voyage .code {
    color: #fff
}


.circuits .card-img-overlay-top {
    position: absolute;
    top: 16px;
    left: 18px;
    z-index: 555;
}

.circuits .card-img-overlay-top h5.card-title, .circuits .card-img-overlay-top p.card-text {
    color: #fff
}

.circuits .card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
    right: 0;
    width: calc(100% - 16px);
    height: calc(100% - 8px);
    background-image: linear-gradient(0deg, rgba(0,0,0,0.77777) 0%, rgba(0,0,0,0) 100%);
margin:auto;
border-radius:10px;
    z-index: 10;

}


.box {
    text-align: center;
    margin: 30px 0;
    padding: 25px
}

.desc-icon {
    margin-top: 20px;
    font-size: 16px;

    color: #595564;
    font-weight: 400;

}


/**footer**/
h3.news {
    color: #333333;
    font-weight: 500;
    font-family: "Roboto";
}

.newsletterp {
    font-size: 16px;
    color: #595564;
    font-weight: 400;
    font-family: "Roboto";
}

#email {

    font-weight: 500;
    font-family: "Roboto";
    height: 50px;
    border-radius: 5px;
    background-color: #ffffff;
}

.btn-link-news {
    height: 50px;
    border-radius: 5px;
    background-color: #1f4098;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
}

.btn-link-news:hover {
    color: #fff;
    background-color: #082d75;

}

.footer-honest {
    padding: 50px 0 0 0
}

.footer-honest .title-box {
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 20px

}

.bg-blue-light {
    background: #e6f2fe
}

.info-footer a, .info-footer li, .contenu-box a {

    text-decoration: none;
    font-size: 16px;
    margin-bottom: 15px;
    color: #ffffff;
    font-weight: 500;
}


.info-footer a:hover, .info-footer li:hover, .contenu-box a:hover {
    color: #f6ee31
}

.info-footer .icon {
    background: #4c65ac;
    padding: 4px 8px;
    border-radius: 4px;
}

.copyright {
    padding: 10px 0
}

.copyright .fab {
    color: #fff;
    font-size: 16px
}

p.copyright-text {
    font-size: 14px;

    color: #ffffff;
    font-weight: 400;

}

.linkoctasoft {
    color: #ff6f00;
    font-weight: bold;
    text-decoration: none;

}

.box-footer {
    padding: 20px 0
}

.footer-logo {
    width: 100px;
    height: auto;
}

.description-agence {
    font-size: 16px;

    color: #ffffff;
    font-weight: 400;

}

/*--------- FAQ --------------*/

/* Custom style */
.accordion-button::before {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    transform: scale(0.7) !important;
}

.faq_accordions .accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
}

.faq_accordions .accordion-button {
    position: relative;
    display: flex;
    align-items: center;

    padding: 1rem 1rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    width: fit-content;

    gap: 5px;
    flex-direction: row-reverse;

}


.faq_accordions .accordion-button::after {
    flex-shrink: 0;
    /* width: 1rem;
     height: 1rem;*/
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    filter: invert(99%) sepia(99%) saturate(2%) hue-rotate(20deg) brightness(104%) contrast(100%);
}

.owl-carousel .owl-dots.disabled {
    display: block;
}

.owl-dots {
    text-align: center;
    padding-top: 15px;
}

.banner.owl-carousel .owl-dots {
    text-align: center;
    margin-top: -40px;
    z-index: 555555;
    position: relative;
}

.owl-dots button.owl-dot.active {

    background-color: transparent;
    border: 1px solid #1f4098;
    border-radius: 50%
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50%
}

.owl-dots .owl-dot.active span {
    background: #1f4098;
}


.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}


.owl-nav button:focus {
    outline: none;
}

.bg-filtre {
    padding: 20px;
    border-radius: 14px;
    background-color: rgba(0, 0, 0, 0.71);
    position: relative;
    margin-top: -150px;
    z-index: 55;
}


.bg-filtre .form-control {
    height: 60px
}

.bg-filtre .form-control[readonly] {
    background-color: #fff;
}

.bg-filtre label {
    position: absolute;

    font-size: 14px;
    color: #636f7b;
    font-weight: 400;
    padding-left: 20px;
    padding-top: 10px

}

@media (min-width: 992px) and  (max-width: 1200px) {
    .icon-loop{
        display: none;
    }
}

#check_in {
    border-radius: 4px 0 0 4px;
    border: 2px solid #e4e6e8 !important;
}

#check_out {
    border-radius: 0 4px 4px 0;
}

.input-destionation::before {

    content: "";
    text-align: center;
    position: absolute;
    margin-top: 16px;
    margin-left: 10px;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-image: url(../images/map-filter.svg);
}

.input-destionation label {
    padding-left: 40px;
}

.bg-filtre div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.bg-filtre .form-control {
    padding: 30px 8px 8px 20px;
}

.form-control.bg-input.typeahead.destination {
    padding-left: 40px;
}

.btn-filtre {

    border-radius: 5px;
    background-color: #1e3f90;
    height: 60px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;

}

.btn-filtre:hover, .btn-filtre:focus {
    color: #fff;
    background: #082d75;
}

select {
    border: 1px solid #ccc;
    color: #959595;
    font-size: 14px;
    text-transform: none;
    height: 42px;
    background-color: #fff;
    font-weight: 400;
    width: 100%;
    border-radius: 4px
}

.btn-orange {
    background-color: #f6ee31;
}

@media (max-width: 991px) {


    .bg-filtre {

        margin-top: 20px;
    }

    .hero {

        padding-bottom: 0;
    }

    #check_in {
        border-radius: 4px;
    }

    #check_out {
        border-radius: 4px;
    }
}


.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {

    background: #1e3f90;
    border-color: #1e3f90;
}

.fa-trash {
    color: red
}



.accordion-collapse ul li a {
    font-size: 14px;
    margin-left: 26px;
    margin-bottom:15px
}
.footer-honest .list-unstyled li{
    margin-bottom:10px
}


/***/

#preloader {
    position: fixed;
    display:flex;
    height:100%;
    width:100%;
    justify-content:center;
    align-items:center;
    background-color: #fff;
z-index: 99999999;


}
.loader{

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.loader img{
    width: 40vw;
}

.dropdown-header {

    color: #1e3f90 ;

}