body{
    margin: 0;
    padding: 0;
}

body a{
    color: inherit !important;
    text-decoration: inherit;
    transition: opacity ease-in-out .3s;
}

body a:hover{
    color: inherit;
    opacity: .8;
}

body img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease-in-out .6s;
}

body img:hover{
    /* opacity: .7; */
    transform: scale(1.1);
}

header .navbar{
    background-color: #ffffff00 !important;
    background-image: url("../images/bg-header.png") !important;
}

header .navbar .navbar-brand .logo{
    width: 200px;
    height: 56px;
    object-fit: contain;
}

header .navbar .navbar-brand .logo:hover{
    opacity: 1 !important;
    transform: none !important;
}

header .navbar-light .navbar-nav .nav-link{
    color: #453838 !important;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: bold;
    transition: all ease .3s;
    border: 4px solid transparent;
}

header .navbar .navbar-nav .dropdown .dropdown-toggle::after {
    content: none !important;
}

header .navbar-light .navbar-nav .nav-item.active .nav-link,
header .navbar-light .navbar-nav .show > .nav-link,
header .navbar-light .navbar-nav .nav-link:hover{
    border-bottom: 4px solid #EDC107;
    color: #453838 !important;
}

.dropdown-toggle::after {
    display: none;
}

.navbar .nav-item:hover .dropdown-menu{
    width: 250px;
    border-radius: 0;
}

.navbar .nav-item .dropdown-menu .nav-item{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.carousel-container{
    position: relative;
}

.carousel-container .carousel-inner{
    height: 750px;
    background-color: #000;
}

.carousel-container .carousel-item{
    background-color: #000;
    height: 100%;
}

.carousel-container .carousel-item img:hover{
    transform: none !important;
}

.carousel-container .carousel-caption{
    bottom: 40% !important;
}

.carousel-container .carousel-caption h2{
    font-size: 50px;
    font-weight: bold;
}

.carousel-container .research-tab{
    position: absolute;
    bottom: 0;
    left: 19%;
    right: 19%;
    background-color: rgba(34, 34, 34, 0.6);
    padding: 50px;
}

.carousel-container .research-tab .btn-tabs-reasearch{
    width: 160px;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 0px !important;
    margin-right: 5px;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.carousel-container .research-tab .btn-tabs-reasearch.active{
    background-color: #EDC107;
    color: #fff;
}

.section2 .left{
    /* background-image: url('../images/img-full-2.jpg'); */
    color: #fff !important;
    height: 350px;
    position: relative;
}

.section2 .left .bg-blue{
    background-color: rgba(0, 143, 201, .3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-in-out .3s;
}

.section2 .right{
    /* background-image: url('../images/img-full-1.jpg'); */
    color: #fff;
    height: 350px;
    position: relative;
}

.section2 .right .bg-blue{
    background-color: rgba(0, 143, 201, .3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-in-out .3s;
}

.section2 .left:hover .bg-blue,
.section2 .right:hover .bg-blue{
    background-color: rgba(0, 0, 0, .4) !important;
}

.section2 .left .content{
    margin-left: 24%;
}

.section2 .right .content{
    position: absolute;
    bottom: 0;
    left: 3%;
}

.top-destination h4{
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.top-destination .img{
    background-color: #000;
    height: 375px;
    overflow: hidden;
}

.top-destination .plus,
.section3 .plus{
    border: 1px solid #000 !important;
    font-size: 14px;
    transition: all ease-in-out .5s;
    width: 250px;
}

.top-destination .plus:hover,
.section3 .plus:hover{
    background-color: #000;
    color: #fff !important;
}

.section3{
    background-color: #FFD24E;
}

.section3 .img{
    height: 210px;
    background-color: #000;
    overflow: hidden;
}

.section3 .content{
    padding: 20px;
    top: 90px;
    text-shadow: 1px 1px 1px #000;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8));
    overflow: hidden;
    bottom: 0;
    left: calc(var(--bs-gutter-x)/ 2);
    right: calc(var(--bs-gutter-x)/ 2);
}

.section3 .content small{
    font-size: 16px;
}

.section3 .content h5{
    font-size: 24px;
}

.section3 h4{
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.section4{
    background-color: #008FC9;
}

.section4 h4{
    font-family: 'Myriad Pro';
}

.section4 .img{
    height: 240px;
    background-color: #000;
    overflow: hidden;
}

.section4 .content{
    min-height: 250px;
}

.section4 .content h5 a{
    font-weight: 600;
}

.section4 .plus{
    border: 1px solid #fff !important;
    font-size: 14px;
    transition: all ease-in-out .5s;
    width: 250px;
    color: #fff !important;
}

.section4 .plus:hover{
    background-color: #fff;
    color: #000 !important;
    opacity: 1;
}

.section5{
    background-image: url('../images/bg-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.section5 h4{
    font-family: 'Myriad Pro';
}

.section5 .plus{
    border: 1px solid #fff !important;
    font-size: 14px;
    transition: all ease-in-out .5s;
    width: 250px;
    color: #fff !important;
}

.section5 .plus:hover{
    background-color: #fff;
    color: #000 !important;
    opacity: 1;
}

.section6{
    background-image: url('../images/bg-2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 70px;
    padding-bottom: 70px;
}

.section7 h4{
    color: #008DC9;
    font-family: 'Myriad Pro';
}

.section7 .img{
    height: 116px;
    /* background-color: #000; */
    overflow: hidden;
}

.section7 .img img{
    object-fit: contain;
}

.section7 .img img:hover{
    opacity: 1;
}

.about-us-section1{
    height: 448px;
}

.about-us-section1 .text h2{
    font-size: 50px;
    font-weight: bold;
    font-size: 40px;
}

.about-us-section2{
    background-color: #BED7E9;
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-us-section2 .main h2{
    font-weight: bold;
    font-size: 24px;
}

.about-us-section2 .left .img{
    height: 600px;
    overflow: hidden;
}

.about-us-section3{
    background-color: #00841E;
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-us-section3 .main h2{
    font-weight: bold;
    font-size: 24px;
    color: #fff;
}

.about-us-section3 .right ul li::marker{
    color: #008FC9;
}

.about-us-section4{
    background-color: #EDC107;
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-us-section4 .img{
    width: 182px;
    height: 182px;
    overflow: hidden;

}

.about-us-section4 .img img{
    border: 8px solid #008FC9;
}

.about-us-section4 .img img:hover{
    transform: none;
    opacity: 1;
}

.about-us-section4 .main h2{
    font-weight: bold;
    font-size: 24px;
}

.about-us-section4 .social{
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.about-us-section4 .social i{
    color: #008FC9;
    border: 1px solid #008FC9;
    border-radius: 50%;
    transition: all ease-in-out .4s;
}

.about-us-section4 .social a:hover i{
    background-color: #000;
    color: #fff !important;
    border-color: #000 !important;
}

.contact-section1{
    height: 448px;
    background-image: url('../images/banner-2.jpg');
}

.contact-section2{
    background-color: #008FC9;
    padding-top: 100px;
    padding-bottom: 100px;
}

.contact-section2 h2{
    font-weight: bold;
    font-size: 24px;
}

.contact-section2 .bordered-right {
    border-right: 1px solid #B2B2B2;
}

.contact-section2 .bordered-right:last-child {
    border-right: none !important;
}

.contact-section2 .icon .fas,
.contact-section2 .icon .fa {
    font-size: 25px;
    color: #fff;
    padding: 18px 19px 15px 19px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.contact-section2 .adresse {
    color: #fff;
    margin-top: 10px;
    font-family: Verdana, sans-serif !important;
    font-size: 14px;
}

.contact-section2 .icon .fa-phone {
    transform: rotate(90deg);
    padding: 17px 18px 17px 15px;
}

.contact-section3{
    background-color: #EEEEEE;
    padding-top: 50px;
    padding-bottom: 100px;
}

.contact-section3 .titre {
    color: #008EC9;
    font-family: Verdana, sans-serif;
    font-size: 18px;
    margin-bottom: 40px;
    font-weight: 700;
}

.contact-section3 .form-control{
    border-radius: 0 !important;
    background-color: #F7F7F7 !important;
    border: none !important;
    font-size: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.contact-section3 .custom-file-label{
    border-radius: 0 !important;
    background-color: #efefef !important;
    border: none !important;
}

/* .custom-file-label::after{
    background-color: #0365CB !important;
    color: #fff;
    content: "Cliquez ici";
} */

.blog-section{
    background-color: #F6F6F6;
}

.blog-section.show{
    background-color: #fff;
}

.blog-section .img {
    height: 240px;
    background-color: #000;
    overflow: hidden;
    box-shadow: 0px 0px 10px #0002;
}

.blog-section .content{
    min-height: 250px;
    box-shadow: 0px 0px 10px #0002;
}

.blog-section .share {
    background-color: #008FC9;
    padding: 10px;
}

.blog-section .share .links a {
    padding-left: 10px;
}

.blog-section .share .text,
.blog-section .share .links {
    font-size: 12px;
    padding-right: 20px;
}

.blog-section .image .img{
    height: 450px;
    background-color: #000;
}

.blog-section .tags span{
    font-weight: bold;
}

.blog-section .tags a{
    color: #008EC9 !important;
    font-weight: bold;
}

.blog-more{
    background-color: #f6f6f6;
}

.blog-more .img {
    height: 210px;
    background-color: #000;
    overflow: hidden;
    box-shadow: 0px 0px 10px #0002;
}

.blog-more .content {
    box-shadow: 0px 0px 10px #0002;
    min-height: 240px;
}

.contact-section3 .form-control::placeholder,
.contact-section3 .form-control::-moz-placeholder,
.contact-section3 .form-control::-webkit-input-placeholder,
.custom-file-label{
    color: #B4B4B4 !important;
}

.contact-section3 .btn-send {
    padding: 8px 20px 5px 20px;
    background-color: #0365CB !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0 !important;
    border: none !important;
}

.tours .plus:hover{
    background-color: #000;
    color: #fff !important;
}

.tours{
    /* background-color: #FFD24E; */
}

.tours .img{
    height: 210px;
    background-color: #000;
    overflow: hidden;
}

.tours .content{
    padding: 20px;
    top: 90px;
    text-shadow: 1px 1px 1px #000;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8));
    overflow: hidden;
    bottom: 0;
    left: calc(var(--bs-gutter-x)/ 2);
    right: calc(var(--bs-gutter-x)/ 2);
}

.tours .content small{
    font-size: 16px;
}

.tours .content h5{
    font-size: 24px;
}

.tours h4{
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.tour-show #v-pills-home .img{
    height: 500px;
    overflow: hidden;
}

.tour-show #v-pills-home .img img:hover{
    opacity: 1;
}

.tour-show #v-pills-tab{
    border: 1px solid gray;
}

.tour-show #v-pills-tab .nav-link{
    border-radius: 0 !important;
    font-size: 18px;
    transition: all ease-in-out .3s;
}

.tour-show #v-pills-tab .nav-link.active,
.tour-show #v-pills-tab .nav-link:hover{
    color: #fff !important;
    background-color: #008FC9;
    opacity: 1;
}

.tour-show #v-pills-messages .img{
    height: 180px;
    overflow: hidden;
}

.tour-show .viewer-move:hover{
    opacity: 1;
}

.tour-show .tour-link:hover{
    opacity: 1 !important;
}

.tour-show #v-pills-guides .img{
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid gray;
}

.tour-show #v-pills-guides .img img{
    border: 1px solid gray;
}

.tour-show .book-tour{
    color: #fff !important;
    background-color: #008FC9;
    padding: 10px 30px;
    text-transform: uppercase;
}

.tours .plus:hover{
    background-color: #000;
    color: #fff !important;
}

.destination-show{
    /* background-color: #FFD24E; */
}

.destination-show .img{
    height: 240px;
    background-color: #000;
    overflow: hidden;
}

.destination-show .content{
    padding: 20px;
    top: 90px;
    text-shadow: 1px 1px 1px #000;
}

.destination-show .content small{
    font-size: 16px;
}

.destination-show .content h5{
    font-size: 24px;
}

.destination-show h4{
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.reviews .bg-light{
    box-shadow: 2px 0px 4px 0px gray;
}

.hotels .img{
    height: 240px;
    background-color: #000;
    overflow: hidden;
}

.hotels .content{
    padding: 20px;
    top: 150px;
    text-shadow: 1px 1px 1px #000;
}

.hotels .content small{
    font-size: 16px;
}

.hotels .content h5{
    font-size: 24px;
}

.hotels h4{
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.cars .card .img{
    height: 200px;
    overflow: hidden;
}

.car-show .left > .img{
    height: 400px;
    overflow: hidden;
}

.car-show .left > .owl-carousel .img{
    height: 100px;
    overflow: hidden;
}

.car-show .left .img img:hover{
    cursor: pointer;
}

.maps iframe{
    border:0;
    /* margin-top: -50px; */
    width: 100% !important;
    height: 100% !important;
}

.select2{
    width: 100% !important;
}

.select2-container .select2-selection--single{
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 35px !important;
}

.invalid-feedback{
    display: block !important;
    font-weight: lighter;
}

.search .plus{
    border: 1px solid #000 !important;
    font-size: 14px;
    transition: all ease-in-out .5s;
    width: 250px;
}

.search .plus:hover{
    background-color: #000;
    color: #fff !important;
}

.search .img{
    height: 210px;
    background-color: #000;
    overflow: hidden;
}

.search .content{
    padding: 20px;
    top: 90px;
    text-shadow: 1px 1px 1px #000;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8));
    overflow: hidden;
    bottom: 0;
    left: calc(var(--bs-gutter-x)/ 2);
    right: calc(var(--bs-gutter-x)/ 2);
}

.search .content small{
    font-size: 16px;
}

.search .content h5{
    font-size: 24px;
}

.search h4{
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.book-tour{
    color: #fff !important;
    background-color: #008FC9;
    padding: 10px 30px;
    text-transform: uppercase;
}

footer .diff{
    background-color: #008FC9;
}

footer .img img{
    width: 152px;
    height: 48px;
    object-fit: contain;
}

footer .img img:hover{
    opacity: 1;
    transform: none !important;
}

footer .part1 h5,
footer .part2 h5{
    font-size: 16px;
    font-weight: bold;
}

footer .part1 p,
footer .part1 .icon{
    font-size: 14px;
}

footer .part2 ul{
    list-style-type: none;
    padding-left: 0;
}

footer .copy_in{
    font-size: 14px;
}

footer .share .fab{
    border: 1px solid #fff !important;
    border-radius: 50px !important;
}
/* =================== HELPERS ===================== */

.font-cooper{
    font-family: 'Cooper Std' !important;
}

.font-bold{
    font-weight: bold;
}

.text-justify{
    text-align: justify;
}

.text-right{
    text-align: right;
}
/* ==================== OTHERS ====================*/
.breadcrumb-item + .breadcrumb-item::before{
    color: #fff !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "|");
}

.page-item.active .page-link{
    background-color: #008FC9;
    border-color: #008FC9;
}