/* upper navbar styles */
.navbar-light .navbar-nav .nav-link{color: #fff; font-size: 0.85rem;}
.navbar-light .navbar-nav .nav-link:hover{color: #d6cece;}
.navbar-light .navbar-nav .adding-activity,
.navbar-light .navbar-nav .login-btn{
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #fff;
}
.navbar-light .navbar-nav .pro img{max-width: 30px;}
.navbar-light .navbar-brand img{width: 10vw;}
.navbar-light .navbar-nav .nav-link i.fa-user-circle{font-size: 1.8rem;}
.navbar-light .lang a{
    color: #fff;
    text-decoration: none;
}
.navbar-light .lang{
    display: flex;
    align-items: center;
}
.navbar-light .lang a:hover{color: #d6cece;}
.navbar-light .etablishement-search{
    width: 20vw;
    position: relative;
    z-index:2000;
    font-size: 0.8rem;
}
.navbar-light .etablishement-search a{color:#37296A;text-decoration: none;font-weight: bold;}
.navbar-light .etablishement-search .search{position:relative;}
.navbar-light .etablishement-search .search img{
    position: absolute;
    width: 1vw;
    left: 0.7vw;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-light .etablishement-search .search input{
    width: 100%;
    border: none;
    padding-left: 2vw;
    outline: none;
}
.navbar-light .etablishement-search .search-accesories{
    position: absolute;
    top: 28px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    display: none;
}
.navbar-light .etablishement-search .search-accesories .recents .rc-header p {color: #ab9f9f;border-bottom: 1px solid #dad9d9}
.navbar-light .etablishement-search .search-accesories .recents .rc-header p img{width: 1vw;}
.navbar-light .etablishement-search .search-accesories .recents .recents-body .recent a img{width: 1vw;}
.navbar-light .etablishement-search .search-accesories .recents .recents-footer a{color: #ab9f9f;}
.navbar-light .etablishement-search .search-accesories .recents .recents-footer{border-bottom: 1px solid #dad9d9}
.navbar-light .etablishement-search .search-accesories .sponsored .sopnsored-header i{
    color: #f7f78c;
    font-size: 0.7rem;
}
.navbar-light .etablishement-search .search-accesories .sponsored .sopnsored-header{
    border-bottom: 1px solid #dad9d9 
}
.navbar-light .etablishement-search .search-accesories .sopnsored-body .spons a img{width: 1vw;}
.navbar-light .etablishement-search .search-accesories .sponsored .sopnsored-header p{
    color:#37296A;
    font-size: 1rem;
}
.navbar-light .etablishement-search .search-accesories .sponsored .sopnsored-header p i{
    color: #f7f78c;
    font-size: 0.7rem;
}
.navbar-light .parcourir{position: relative;width: 18vw;z-index: 1999;}
.navbar-light .parc{
    font-size: 0.8rem;
    outline: none;
    font-weight: bold;
    border-radius: 3px;
}
.navbar-light .parcourir .parc-list{
    position: absolute;
    left: 0;
    top: 28px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #707070;
    font-size: 0.9rem;
    display: none;
}
.navbar-light .parcourir .parc-list .parc-item a {font-weight: bold;color: #39296a;text-decoration: none;transition: all 0.8s ease}
.navbar-light .parcourir .parc-list .parc-item a img{width: 1.6vw;height: 1.6vw;}
.navbar-light .parcourir .parc-list .view-more{
    display: block;
    text-align: center;
    color: #ab9f9f;
    border-bottom: 1px solid #ab9f9f; 
}
.navbar-light .navbar-nav .lang{position: relative;}
.navbar-light .navbar-nav .lang .lang-list{
    position: absolute;
    top: 125%;
    left: -1.5vw;
    min-width: 8vw;
    border-radius: 5px;
    border: 1px solid #ab9f9f;
    display: none;
}
.navbar-light .navbar-nav .lang .lang-list::before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.navbar-light .navbar-nav .lang .lang-list .lang-list-header{
    font-size: 0.85rem;
    border-bottom: 1px solid #dad9d9;
}

.navbar-light .navbar-nav .lang .lang-list ul li a{
    color: #000;
    font-size: 0.8rem;
    display: inline-block;
    width: 100%;
    text-align: center;
}
/* upper navebar for all secreens till midium screen */
@media (max-width:991px){
    .navbar-light .navbar-toggler{border:none;outline:none;}
    .navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
    .rt-bar .navbar-nav{flex-direction: row;}
    .navbar-light .navbar-collapse.show ul li{margin-right: 0px!important;margin-bottom: 1vw;}
    .navbar-light .navbar-collapse.show ul li .etablishement-search{width: 100%;}
    .navbar-light .navbar-collapse.show ul li .parcourir {width: 100%;}
    .navbar-light .navbar-collapse.show ul li .parcourir button{width: 100%;}
    .navbar-light .bar-open{
        width: 100%;
        margin-left: 0;
    }
    .navbar-light .bar-open .navbar-nav{justify-content: center;}
}
/* upper navebar for all secreens till midium screen */

/* upper navebar for large screens */
@media (min-width:992px) and (max-width:1199px){
    .navbar-light .navbar-nav .nav-link {font-size: 0.7rem;}
}
/* from extra small to small devices */
@media (max-width: 767px){
    .navbar-light .parcourir .parc-list .parc-item a img {
        width: 2.6vw;
        height: 2.6vw;
    }
    .navbar-light .etablishement-search .search img {width: 2vw;}
    .navbar-light .etablishement-search .search input {padding-left: 3vw;}
    .navbar-light .etablishement-search .search-accesories .recents .rc-header p img {width: 2vw;}
    .navbar-light .etablishement-search .search-accesories .recents .recents-body .recent a img {width: 2vw;}
    .navbar-light .etablishement-search .search-accesories .sopnsored-body .spons a img {width: 2vw;}
}
/* for extra small */
@media (max-width:576px){
    .navbar-light .rt-bar{width: 71%;}
    .navbar-light .navbar-nav{justify-content: flex-end;}
    .navbar-light .navbar-nav .adding-activity,
    .navbar-light .navbar-nav .login-btn
    {font-size: 0.5rem;}
    .navbar-light .navbar-nav .pro img{max-width: 21px;}
    .navbar-light .rt-bar .navbar-nav ul li:nth-child(3){margin-right: 0px!important;}
    .navbar-light .bar-open{width: 100%;}
    .navbar-light .navbar-collapse.show ul li{margin-bottom: 3vw;}
    .navbar-light .parcourir .parc-list .parc-item a img {
        width: 5.6vw;
        height: 5.6vw;
    }
    .navbar-light .etablishement-search .search img {width: 4vw;}
    .navbar-light .etablishement-search .search input {padding-left: 5vw;}
    .navbar-light .etablishement-search .search-accesories .recents .rc-header p img {width: 5vw;}
    .navbar-light .etablishement-search .search-accesories .recents .recents-body .recent a img {width: 4vw;}
    .navbar-light .etablishement-search .search-accesories .sopnsored-body .spons a img {width: 4vw;}
}
/* upper navbar styles */

/* logo */
.logo img{width: 20vw;}
@media (max-width:767px){
    .logo img{width: 28vw;}
}
@media (max-width:576px){
    .logo img{width: 45vw;}
    .logo p{font-size: 0.9rem;}
}
/* logo */

/* slider */
@media (max-width:576px){
    .carousel-indicators li{width: 4vw;height: 4vw;border-radius: 50%;background-color: #0AA500;}
    .carousel-indicators li.active{background-color: #fff;}
}
/* slider */

/* navigation */
.navigation ul{border-bottom: 1px solid#ab9f9f}
.navigation ul li{transition: all 0.8s ease;}
.navigation ul li a{
    color: #707070;
    text-decoration: none;
}
.navigation ul li.active,
.navigation ul li:hover{
    background-color: #39296a;
}
.navigation ul li.active a,
.navigation ul li:hover a{
    color: #fff;
}
/* navigation */
/* mobile navigation */
@media (max-width:576px){
    .mobile-navigation{border-bottom: 1px solid #ddd;}
    .mobile-navigation ul{margin-bottom: 0px;}
    .mobile-navigation ul li a img{max-width: 12vw;}
    .mobile-navigation ul li{transition: all 0.8s ease;}
    .mobile-navigation ul li:hover,
    .mobile-navigation ul li.active
    {border-bottom: 1px solid #37296A;}
}
/* mobile navigation */
/* mobile ghurfati devider */
@media (max-width:576px){
    .ghurfati-devider h4{text-align: center;margin-bottom: 0;}
    .ghurfati-devider h4{position: relative;}
    .ghurfati-devider h4::after,
    .ghurfati-devider h4::before{
        content: "";
        height: 1px;
        width: 30%;
        background-color: #ddd;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }
    .ghurfati-devider h4::after{right: 0px;}
    .ghurfati-devider h4::before{left: 0px;}
}
/* mobile ghurfati devider */
/* filter */
.filter{height: 74px;}
.filter .row{width: 100%;}
/* .filter .filter-field-distination{width: 100%;} */
.filter .filter-field{
    border: 1px solid #707070;
    border-radius: 5px;
    position: relative;
    z-index: 1000;
    background-color: #fff;
}
.filter .filter-field .header{cursor: pointer;}
.filter .filter-field .header i{font-size: 1.2rem;}
.filter .filter-distination-accessories{display: none;}
.filter .filter-distination-accessories input[name='distination']{width: 100%;border-radius: 5px;border: 1px solid #ab9f9f;outline: none;}
.filter .filter-distination-accessories .results-header{border-bottom: 1px solid #ab9f9f }
.filter .filter-distination-accessories .recents{color: #ab9f9f;}
.filter .filter-distination-accessories .recents .recents-header{border-bottom: 1px solid #ab9f9f}
.filter .filter-distination-accessories .recents .recents-header img{width: 1.1vw;}
.filter .filter-field-range .header img{width: 1.7vw;}
.filter .filter-range-accessories{display: none;}
.filter .bb{border-bottom: 1px solid #d8d8d8;}
.filter .filter-range-accessories .ariving-date .arriving-date-choice:not(:last-of-type){border-bottom: 2px solid #d8d8d8;}
.filter .filter-range-accessories .ariving-date .arriving-date-choice{color: #ddd;}
.filter .filter-range-accessories .ariving-date .arriving-date-chioces .selected{color: #39296a;font-weight: bold;}
.filter .filter-range-accessories .return-date .return-date-header{border-bottom: 1px solid #d8d8d8;}
.filter .filter-range-accessories .return-date .return-date-choices .return-date-choice{color: #ddd;}
.filter .filter-range-accessories .return-date .return-date-choices .selected{color: #39296a;font-weight: bold;}
.filter .filter-range-accessories .return-date .return-date-choices .return-date-choice:not(:last-of-type){border-bottom: 2px solid #d8d8d8;}
.filter .filter-field-reservation .filter-reservation-accessories{display: none;}
.filter .filter-field-reservation .filter-reservation-accessories .filter-reservation-field{width: 45%;}
.filter .filter-field-reservation .filter-reservation-field-choice:not(:last-of-type){border-bottom: 2px solid #d8d8d8;}
.filter button[type="submit"]{border-radius: 5px;width: 100%;transition: all 0.8s ease;}
.filter button[type="submit"]:hover{background-color: #756b92}
.filter button[type="submit"] img{width: 1.5vw}
/* filter for large screens */
@media (min-width:992px) and (max-width:1199px){
    .filter .filter-field{font-size: 0.9rem;}
    .filter button[type="submit"]{font-size: 0.8rem;}
}
/* filter for medium screens */
@media (min-width:768px) and (max-width:991px){
    .filter .filter-field{font-size: 0.6rem;}
    .filter button[type="submit"]{font-size: 0.5rem;}
}
/* filter */
/* mobile accomaodation devider */
@media (max-width:576px){
    .accomodation-devider p{text-align: center;margin-bottom: 0;}
    .accomodation-devider p{position: relative;}
    .accomodation-devider p::after,
    .accomodation-devider p::before{
        content: "";
        height: 1px;
        width: 12%;
        background-color: #ddd;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }
    .accomodation-devider p::after{right: 0px;}
    .accomodation-devider p::before{left: 0px;}
}
/* mobile accomaodation devider */
/* research by accomodation */
.accomodation-research .researches-type .rs-type-item{position: relative;cursor: pointer;border-radius: 10px;overflow: hidden;}
.accomodation-research .researches-type .rs-type-item .overlay{
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all 0.8s ease;
}
.accomodation-research .researches-type .rs-type-item:hover .overlay{
    opacity: 1;
}
.accomodation-research .researches-type .rs-type-item a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.8s ease;
}
.accomodation-research .researches-type .rs-type-item:hover a{background-color: #0AA500;color:#fff!important;}
.accomodation-research .researches-type .rs-type-item:hover a .name,
.accomodation-research .researches-type .rs-type-item:hover a .price
{color: #fff;}
.accomodation-research .researches-type .rs-type-item img{transition: all 0.8s ease;}
.accomodation-research .researches-type .rs-type-item a .name{
    color: #707070;
    font-size: 1.4rem;
}
.accomodation-research .researches-type .rs-type-item a .price{
    color: #ab9f9f;
    font-size: 0.8rem;
}
@media (max-width:576px){
    .accomodation-research .researches-type .rs-type-item a .name{font-size: 0.9rem;}
}
/* accomodation for medium screens */
@media (min-width:768px) and (max-width:991px){
    .accomodation-research h4{font-size: 1.1rem;}
    .accomodation-research .researches-type .rs-type-item a .name {font-size: 1rem;}
}
/* research by accomodation */

/* announces mobile devider */
@media (max-width:576px){
    .annonce-devider p{text-align: center;margin-bottom: 0;}
    .annonce-devider p{position: relative;}
    .annonce-devider p::after,
    .annonce-devider p::before{
        content: "";
        height: 1px;
        width: 35%;
        background-color: #ddd;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }
    .annonce-devider p::after{right: 0px;}
    .annonce-devider p::before{left: 0px;}
}
/* mobile accomaodation devider */

/* announces */
.announces{background-color: #EFEFEF;}
.announces .anns .ann{
    border: 1px solid #707070;
    border-radius: 5px;
    cursor: pointer;
}
.announces .anns .ann .ann-desc .name{font-size: 1.2rem;}
.announces .anns .ann .location{color: #ab9f9f;font-size: 0.8rem;}
.ann:hover .ann-desc{transition: all 0.8s ease;}
.ann:hover .ann-desc{background-color: #0AA500;}
.ann:hover .ann-desc .location{color: #fff;}
.announces .lb-paginator ul li a {color: #707070;font-size: 1.2rem;text-decoration: none}
.announces .lb-paginator ul li a:hover,
.announces .lb-paginator ul li.active a{color: #414040;font-weight: bold;}
/* announces mobile devider */
@media (max-width:576px){
    .announces{background-color: #fff;}
    .announces .anns .ann .ann-desc .name{font-size: 0.7rem;}
    .announces .anns .ann .location{font-size: 0.5rem;}
    .rate-base-layer{text-align:right;}
    .rating .rate{font-size: 1.1rem}
    .lb-paginator ul{margin-bottom: 0;}
    .announces .lb-paginator ul li a{font-size: 0.8rem;}
}
/* mobile accomaodation devider */
/* announces for medium screens */
@media (min-width:768px) and (max-width:991px){
    .announces .anns .ann .ann-desc .name {font-size: 0.9rem;}
    .announces .anns .ann .location {font-size: 0.6rem;}
    .rate{font-size: 1rem;}
}
/* announces */

/* footer */
footer{margin-top: 7rem;}
footer .footer-info .website-services ul li a,
footer .footer-info .website-about ul li a,
footer .footer-info .website-help ul li a,
footer .footer-info .website-contact ul li a
{text-decoration: none;}
footer .footer-info .website-services ul li a.active{text-decoration: underline;}
footer .footer-info .website-about ul li:not(:first-of-type) a,
footer .footer-info .website-help ul li:not(:first-of-type) a,
footer .footer-info .website-contact ul li:not(:first-of-type) a
{color: #bfbfbf!important;}
footer .footer-copyrights p{
    color: #ab9f9f;
    width: 13.5vw;
    margin: auto;
    border-top: 1px solid #ab9f9f;
}
@media (max-width:576px){
    footer{margin-top: 0.5rem;}
    footer .footer-logo img{width: 40vw;}
    footer .footer-info .website-services ul li a,
    footer .footer-info .website-about ul li a,
    footer .footer-info .website-help ul li a,
    footer .footer-info .website-contact ul li a{font-size: 0.65rem;}
    footer .footer-copyrights{position: relative;}
    footer .footer-copyrights::before{
        content: '';
        display: block;
        height: 1px;
        width: 1
    }
    footer .footer-copyrights p{width: 100%;border: none;}
    .footer-copyrights-mobile p{
        color: #ab9f9f;
        border-top: 1px solid #ab9f9f;
        font-size: 0.8rem;
    }
}
@media (max-width:767px){
    .footer-copyrights-mobile p{
        color: #ab9f9f;
        border-top: 1px solid #ab9f9f;
        font-size: 0.8rem;
    }
}
/* footer */

/* our framwork */
*{
    font-family: 'Roboto', sans-serif;
}
.main-color{color: #39296a;}
.main-bg{background-color: #39296a;}
.white-bg{background-color: #fff;}
/* styling stars */
.rate{font-size: 1.3rem;}
.rate-base-layer{color: #fff;}
.rate-hover-layer{color: orange;}
.left-gray-border{border-left: 1px solid #bfbfbf}
/* styling stars */
/* our framwork */