/*
.daterangepicker .start-date {
    pointer-events: none;
    cursor: default;
}

.removedate {
    pointer-events: initial !important;
    cursor: pointer !important;
} */
/*.daterangepicker .in-range {
    pointer-events:initial!important;
    cursor: pointer !important;
}*/
.bluesskip {
    font-family: var(--fontfamily);
    font-size: 19px;
    margin-left: 10px;
    text-decoration: none !important;
    color: rgba(10, 191, 242, 1) !important;
}

.redborder {
    border-color: rgba(236, 22, 81, 1) !important;
}

.redborderfont {
    color: rgba(236, 22, 81, 1) !important;
}

.form-control[readonly] {
    background-color: #FFFFFF;
}

#formname, #formsurname, #formtel {
    /* border-radius: 35px;*/
}

.ui-menu-item {
    margin-left: 15px !important;
}


a, a:visited {
    color: #FFFFFF !important;
}

.nice-select .option {
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 19px !important;
}

.searchengine.searchengine_1 .nice-select .option {
    min-height: unset !important;
    max-height: unset !important;
    line-height: unset !important;
}
.mobbuttondiv {
    display: none !important;
}

.mobbutton {
    background-color: transparent !important;
    border: none;
    display: inline-block;
    color: rgb(255, 255, 255, 1);
    padding-right: 20px;
    font-weight: 700;
}

input#dnn_ctr440_ExcursionSearch_exc_search {
    color: red;
}

.dots.dots2 {
    margin-right: -43px;
}

.basic-addon2 {
    background-color: transparent !important;
    border: none !important;
    display: inline-block !important;
    color: rgb(255, 255, 255, 1) !important;
    margin-top: 8px !important;
    font-weight: 700 !important;
}

.prev1, .next1 {
    display: none;
}

body {
    /*overflow-y: hidden;*/
    overflow-x: hidden;
    padding: 0;
}

.container1280 {
    max-width: 1280px !important;
    /* padding-top: 119px;*/
    /* padding-top: 244px;*/
}




.privateexcursionslbl {
    font-family: var(--fontfamily);
    font-size: 15px !important;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    font-size: 12px;
    width: 93px;
    word-break: normal;
    font-weight: 900 !important;
    margin-right: 10px;
    text-align: left;
    text-transform: uppercase;
    margin-right: 25px;
}

.fakos {
    /* background-image: url(svg/fakos.svg); */
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    display: inline-block;
}

.privateexcursions {
    background-image: linear-gradient(90deg, #00d3a7 0%, #0ac0f2 100%);
    /* width: 245px; */
    /* height: 106px; */
    background-repeat: no-repeat;
    border-radius: 10px;
    border: 0px;
    padding: 21px;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
    /* margin-bottom: 120px; */
    /* padding-right: 52px !important; */
}

.toursexcursions {
    background-image: linear-gradient(90deg, #00d3a7 0%, #0ac0f2 100%);
    /* width: 245px; */
    /* height: 106px; */
    background-repeat: no-repeat;
    border-radius: 10px;
    border: 0px;
    padding: 21px;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
    /* margin-bottom: 120px; */
    right: 10px;
}

.dots {
    /*background-image: url(svg/dots.svg);*/
    background-repeat: no-repeat;
    /* padding: 6px 9px 6px 9px; */
    white-space: nowrap;
    /* margin-left: 192px; */
    width: 34px;
    /* height: 100%; */
    float: right;
    margin-top: 5px;
    margin-right: 0px;
}

.bluearrow {
    background-image: url(svg/bluearrow.svg);
    background-repeat: no-repeat;
    padding: 6px 9px 6px 9px;
    white-space: nowrap;
}

.rightarrow {
    background-image: url(svg/rightarrow.svg);
    background-repeat: no-repeat;
    padding: 6px 9px 6px 9px;
    white-space: nowrap;
}

.points {
    background-image: url(svg/points.svg);
    background-repeat: no-repeat;
    padding: 20px 25px 20px 25px;
    vertical-align: top;
}

.ship {
    background-image: url(svg/ship.svg);
    background-repeat: no-repeat;
    padding: 20px 20px 20px 20px;
    vertical-align: top;
    margin-top: 2px;
}

.openlock {
    background-image: url(svg/openlock.svg);
    background-repeat: no-repeat;
    padding: 20px 25px 20px 25px;
    vertical-align: top;
    /*margin-right: 95px;
    margin-bottom: 120px*/
}

.middle-enginediv {
    background: var(--middleenginebackground);
    width: 100vw;
    height: 100vh;
    min-height: 900px;
    margin-top: var(--movemiddlefromtop);
}

.containerbackground {
    height: 100%;
    background: var(--onlycontainerbackground);
}

.middle-engine {
    background-image: var(--middlepageimage);
    background-repeat: no-repeat;
    background-size: cover;
}

#TopContent {
    margin-top: 0px !important
}

.language {
    display: inline-block;
}


.searchengine {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.5);
    width: 819px;
    border-radius: 10px;
    padding: 10px 10px;
}

.searchengineacc, .searchenginetr, .searchenginecp {
    width: unset;
}


.search-engine-input {
    width: 626px;
    height: 54px;
    outline: none;
    border-radius: 35px;
    border: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 16px;
}



.searchbtn:hover {
    text-decoration: none;
    cursor:pointer;
}

.viewallbtn {
    padding: 2px 10px 2px 10px;
    background-repeat: no-repeat;
    border: 1px solid white;
    font-family: var(--fontfamily);
    font-size: 14px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none !important;
    display: block;
    width: fit-content;
    margin-left: 8px;
}

.searchbtn {
    background-image: var(--searchenginecolor);
    padding-left: 10px;
    background-repeat: no-repeat;
    border-radius: 10px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
    font-weight: 700;
}

.searchbtnacc:hover {
    text-decoration: none;
}

.searchbtnacc {
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
    font-weight: 700;
    /*padding-top: 16px;
    padding-bottom: 17px;*/
}

.searchinpdiv {
    padding-top: 11px;
    padding-left: 27px;
    border-radius: 16px;
}

.searchbtndiv {
    padding-top: 27px;
}

.search-input {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 558px;
    border-radius: 16px;
    top: 250px;
    width: 799px;
    height: 55px;
    white-space: nowrap;
}


.fontsize {
    /* margin-top: 90px;*/
    font-family: var(--fontfamily);
    font-size: 44px;
    color: rgb(255, 255, 255);
    margin-bottom: 0 !important;
}

@media (max-width: 575px) {
    .dropdown-content {
        margin-left: -58px;
    }

    .bot40a {
        margin-bottom: 0px !important;
    }

    .container485 {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .mobbuttondiv {
        padding-top: 15px;
        height: 50px;
        border-radius: 10px !important;
        margin-top: 10px;
        display: block !important;
    }

    .desktopmod {
        display: none;
    }

    .input-group > .form-control {
        border-radius: 10px 10px 10px 10px !important;
    }

    .privateexcursionsdiv {
    }

    .toursexcursionsdiv {
    }

    .viewallbtn {
        display: inline-block;
        vertical-align: text-bottom;
    }

    .toursexcursions {
        /* width: 100%;*/
        width: 320px;
        margin-bottom: 10px;
        height: auto;
    }

    .privateexcursions {
        /* width: 100%;*/
        width: 320px;
        margin-bottom: 10px;
        height: auto;
        /* margin-left:8px!important;*/
    }

    .points {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }

    .openlock {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }

    .privateexcursionslbl {
        font-size: 12px !important;
        width: 86px;
        word-break: normal;
    }

    .ship {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }

    .searchengine {
        /*height: 115px;*/
        /*  width: 340px;*/
        width: unset !important;
    }

    .search-engine-input {
        width: 320px;
        height: 39px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        margin-left: -10px;
    }

    /*.searchbtn {
        margin-left: 3px;
        padding: 9px 126px 9px 126px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
    }*/



    .fontsize {
        font-size: 25px;
    }

    .secondfontsize {
        font-size: 12px;
    }

    .search-engine-input {
        width: 320px;
        height: 39px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    /*.searchbtn {
        padding: 9px 126px 9px 126px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
    }*/
}

@media (min-width: 576px) and (max-width: 991px) {
    .dropdown-content {
        margin-left: -58px;
    }

    .fontsize {
        font-size: 40px;
    }

    .mobbuttondiv {
        padding-top: 15px;
        height: 50px;
        border-radius: 10px !important;
        margin-top: 10px;
        display: block !important;
    }

    .desktopmod {
        display: none;
    }

    .input-group > .form-control {
        border-radius: 10px 10px 10px 10px !important;
    }

    /*.privateexcursionsdiv {
        padding-right: 0px;
    }

    .toursexcursionsdiv {
        padding-left: 0px;
    }

    .viewallbtn {
        display: inline-block;
        vertical-align: text-bottom;
    }*/

    /*.privateexcursions {
        width: 365px;
        margin-bottom: 10px;*/
    /*  height: 76px;*/
    /*}

    .privateexcursions {*/
    /* width: 280px;*/
    /*margin-bottom: 10px;
      height: 113px;
        padding-right: 0px !important;
        margin-right: 30px;
    }

    .toursexcursions {
        width: 365px;
        margin-bottom: 10px;
       height: 113px;
    }*/


    /*.toursexcursions {*/
    /* width: 100%;*/
    /*width: 320px;
        margin-bottom: 10px;
        height: auto;
    }

    .privateexcursions {*/
    /* width: 100%;*/
    /*width: 320px;
        margin-bottom: 10px;
        height: auto;*/
    /* margin-left:8px!important;*/
    /*}

    .points {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }

    .openlock {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }

    .privateexcursionslbl {
        font-size: 12px !important;
        width: 86px;
        word-break: normal;
    }

    .ship {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }*/
    .banners {
        justify-content: center;
    }

    .privateexcursionsdiv {
    }

    .toursexcursionsdiv {
    }

    .viewallbtn {
        display: inline-block;
        vertical-align: text-bottom;
    }

    .toursexcursions {
        /* width: 100%;*/
        width: 320px;
        margin-bottom: 10px;
        height: auto;
    }

    .privateexcursions {
        /* width: 100%;*/
        width: 320px;
        margin-bottom: 10px;
        height: auto;
        /* margin-left:8px!important;*/
    }

    .points {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }

    .openlock {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }

    .privateexcursionslbl {
        font-size: 12px !important;
        width: 86px;
        word-break: normal;
    }

    .ship {
        padding: 20px 15px 20px 15px;
        vertical-align: text-bottom;
    }

    .searchengine {
        /*height: 115px;*/
        /*  width: 340px;*/
        width: unset !important;
    }

    .search-engine-input {
        width: 320px;
        height: 39px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        margin-left: -10px;
    }

    /*.searchbtn {
        margin-left: 3px;
        padding: 9px 126px 9px 126px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
    }*/

    fontsize {
        font-size: 40px !important;
    }

    .secondfontsize {
        font-size: 15px !important;
    }
}

.secondfontsize {
    font-family: var(--fontfamily);
    font-size: 19px;
    color: rgb(255, 255, 255);
    margin-bottom: 13px;
}

.fontbold {
    font-family: var(--fontfamily);
    font-weight: 900;
}

.body {
    font-family: var(--fontfamily);
}

.center {
}

/*.form-control {
    width: 810px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 16px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-outer {
    border: 10px solid #ccc !important;
    height: 74px;
    border-radius: 16px;
}*/
.viewall {
    font-family: var(--fontfamily);
    font-size: 15px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    width: 100%;
    height: 24px;
    border: 1px;
    border-color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
}

.viewalltours {
    font-family: var(--fontfamily);
    font-size: 15px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    white-space: nowrap;
    /*margin-bottom: 10px;*/
}

    .viewalltours:hover {
        text-decoration: none !important;
        color: #FFFFFF;
        color: rgb(255, 255, 255);
    }

.viewalldiv {
    border: 1px solid #ccc;
}


input#dnn_ctr440_ExcursionSearch_exc_search {
    color: #24263d;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.3rem;
    margin-bottom: 0;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}

.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
    height: 50px;
    border-radius: 10px 0px 0px 10px;
}


.row.banners {
    margin: auto;
    padding: 0px;
    text-align: center;
    display: inline-flex;
}

.toursexcursionsdiv {
    max-width: 100%;
    display: block;
}

@media (min-width: 1200px) {
    .toursexcursionsdiv {
        /* padding-left: 425px; */
    }
}

.privateexcursionsdiv {
    max-width: 100%;
    display: block;
}

/*End of main*/


.modal {
    z-index: 999 !important
}

.modal {
    display: none; /* Hidden by default */
    /* position: fixed;  Stay in place */
    z-index: 1;
    padding-top: 100px; /* Location of the box */
    /*left: 0;
    top: 0;*/
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: transparent;
    margin: auto;
    /*padding: 20px;*/
    border: none;
    /*width: 33%;*/
}

.previewcancelpassenger {
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    /*   margin-right: 6px;
    margin-top: -6px;*/
    margin-right: -32px;
}

.container485 {
    width: 485px;
}

.insidemodal {
    /*width:400px; */
    background-color: white;
}

.top20 {
    margin-top: 20px;
}

.bot40 {
    margin-bottom: 40px;
}

.bot40a {
    margin-bottom: 40px;
}



.Bookbtn:hover {
    text-decoration: none !important;
}


.Bookbtn {
    background-image: linear-gradient(90deg, #00d3a7 0%, #0ac0f2 100%);
    border: none !important;
    background-size: auto;
    font-weight: bold;
    font-size: 18px;
    color: rgb(255, 255, 255);
    border-radius: 35px;
    text-align: center;
    width: 100%;
    height: auto;
    outline: none;
    padding: 0px;
    margin-bottom: 10px;
    display: block;
}

    .Bookbtn span {
        line-height: 44px;
        color: #FFFFFF;
        font-weight: bold;
    }



.cntbtn:hover {
    text-decoration: none !important;
}


.cntbtn {
    background-image: linear-gradient(90deg, #00d3a7 0%, #0ac0f2 100%);
    border: none !important;
    background-size: auto;
    font-weight: bold;
    font-size: 18px;
    color: rgb(255, 255, 255);
    border-radius: 35px;
    text-align: center;
    width: 100%;
    height: auto;
    outline: none;
    padding: 0px;
    margin-bottom: 10px;
    display: block;
    padding: unset !important;
}

    .cntbtn span {
        line-height: 44px;
        color: #FFFFFF;
        font-weight: bold;
    }

.settingsbtn:hover {
    text-decoration: none !important;
}


.settingsbtn {
    background-color: #FFFFFF;
    border: 1px solid rgba(10, 191, 242, 1) !important;
    background-size: auto;
    font-weight: bold;
    font-size: 18px;
    color: rgb(255, 255, 255);
    border-radius: 35px;
    text-align: center;
    width: 100%;
    height: auto;
    outline: none;
    padding: 0px;
    margin-bottom: 10px;
    display: block;
    padding: unset !important;
}


    .settingsbtn span {
        line-height: 44px;
        color: rgba(10, 191, 242, 1) !important;
        font-weight: bold;
    }

.button {
    outline: none !important;
    border-radius: 35px !important;
}

.modawelcomediv {
}

.outermodal {
    background-color: rgba(255, 255, 255, 0.5) !important;
    padding: 18px;
    border-radius: 25px;
}

.modalwelcome {
    font-family: var(--fontfamily);
    font-size: 21px;
    margin-left: 10px;
    text-decoration: none !important;
    color: rgba(10, 191, 242, 1) !important
}

.modalwelcome2 {
    font-family: var(--fontfamily);
    font-size: 12px;
    margin-left: 10px;
    text-decoration: none !important;
    display: block;
}

* {
    box-sizing: border-box
}

body {
    font-family: var(--fontfamily);
    margin: 0
}

.mySlides {
    display: none
}

img {
    vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
    /* max-width: 1000px;*/
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
/*.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}*/

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }

/* Caption text */
.middle-engine .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* 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: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active, .dot:hover {
        background-color: #717171;
    }

/* 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
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next, .text {
        font-size: 11px
    }
}

@media only screen and (max-width: 330px) {
    .container485 {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .bot40a {
        margin-bottom: 0px !important;
    }
}


/*
body {
    margin: 20px;
}

form {
    width: 300px;
}
 
.intl-tel-input {
    display: table-cell;
}

.intl-tel-input .selected-flag {
    z-index: 4;
}

.intl-tel-input .country-list {
    z-index: 5;
}

.input-group .intl-tel-input .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}*/

.redborder {
    border: solid 1px rgba(236, 22, 81, 1) !important;
}


.validtxt {
    color: rgba(236, 22, 81, 1) !important;
    font-size: 14px;
    display: none;
    text-align: left !important;
}

/*ACCOMODATION*/
.transferimg {
    width: 29px;
    height: auto;
    margin-top: -6px;
}

.tourimg, .hotelimg {
    width: 22px;
    height: auto;
    margin-top: -6px;
}

.tourimgspan, .hotelimgspan, .transferimgspan {
    font-family: var(--fontfamily);
    font-size: 15px;
    color: #f2f2f2;
}


.tourimgdiv, .hotelimgdiv, .transferimgdiv, .tourfirst, .accfirst, .trafirst {
    position: relative;
}

.tourimgdiv, .hotelimgdiv, .transferimgdiv, .tourfirst, .accfirst, .trafirst {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
}

    .tourimgdiv:hover, .tourfirst, .hotelimgdiv:hover, .accfirst, .transferimgdiv:hover, .trafirst {
        background-color: #FFFFFF;
        color: rgba(10, 191, 242, 1) !important;
        width: auto;
        border-radius: 10px;
    }

        .tourimgdiv:hover .tourimgspan, .tourfirst .tourimgspan {
            color: var(--colorofeach);
        }

.tourimg {
    background-image: var(--tourimg);
    padding: 10px 10px 10px 10px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
}

.tourimgdiv:hover .tourimg, .tourfirst .tourimg {
    background-image: var(--tourimghover);
    padding: 10px 10px 10px 10px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
}


.transferimgdiv:hover .transferimgspan, .trafirst .transferimgspan {
    color: var(--colorofeach);
}

.hotelimgdiv:hover .hotelimgspan, .accfirst .hotelimgspan {
    color: var(--colorofeach);
}

.hotelimg {
    background-image: var(--hotelimg);
    padding: 10px 10px 10px 10px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
}

.hotelimgdiv:hover .hotelimg, .accfirst .hotelimg {
    background-image: var(--hotelimghove);
    padding: 10px 10px 10px 10px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
}

.transferimg {
    background-image: var(--carimg);
    padding: var(--carpad);
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
    margin-top: -6px;
}

.transferimgdiv:hover .transferimg, .trafirst .transferimg {
    background-image: var(--carimghove);
    padding: var(--carpad);
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
    margin-top: -6px;
}

/*

.bubble:hover:after, .tourfirst:after, .accfirst:after, .trafirst:after  {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 40px;
    border-style: solid;
    border-width: 14px 10px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
}

.bubbleacc:hover:after,.accfirst:after {
    left: 44px !important;
}


.bubbletra:hover:after,.trafirst:after {
    left: 57px !important;
}
*/

.padfromhead {
    padding-top: 17px;
}

.itemmenu {
    width: 600px;
    margin-bottom: 13px;
}

ul#menu li {
    cursor: pointer !important;
    display: inline;
}

.accform {
    border-radius: 10px !important;
    /*color: rgb(36, 37, 61) !important;*/
    color: #495057;
    padding-left: 33px;
}

.hotelSearch3 {
    font-family: var(--fontfamily);
    /*font-size: 14px;*/
    /*color: #24253D;
    color: rgb(36, 37, 61);*/
    color: #495057;
    padding-left: 38px;
}


.daterangepicker .calendar-table th {
    /*   margin-top: -147px;*/
}

.numbertext {
    visibility: hidden;
}

.range {
    width: 100% !important;
}

.heigh {
    height: 50px !important;
    font-family: var(--fontfamily);
}

#hotelSearch3, #TransferPassSearch {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
/*.searchbtnacc {
    padding: 16px 0px 17px !important;
}*/

.boot1 {
    padding-left: 0px;
    padding-right: 5px;
}

.boot2 {
    /*padding-right: 0px;
    padding-left: 0px;*/
    padding-right: 8px;
    padding-left: 8px;
}

.boot3 {
    padding-right: 0px;
    padding-left: 5px;
}

.boot4 {
    padding-right: 0px;
    padding-left: 0px;
    background-image: var(--searchenginecolor);
    background-repeat: no-repeat;
    border-radius: 10px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.range {
    font-size: 13px !important;
    padding: 7px !important;
}


.minusplus {
    background-repeat: no-repeat;
    width: 14px;
    height: 20px;
    /*margin-right: 2px;*/
    display: inline-block;
    cursor: pointer;
    /*padding: 1px 8px 1px 0px;*/
}

.popover {
    width: 100%;
}

.popover10 {
    margin-top: 10px;
}

.popover20 {
    margin-top: 20px;
}


.travad, .travch {
    font-family: var(--fontfamily);
}

.anotherr {
    font-family: var(--fontfamily);
    color: rgba(10, 191, 242, 1) !important;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 900;
}

.travroom {
    font-family: var(--fontfamily);
    opacity: 0.5;
}

.minusplus1 {
    margin-right: 10px;
}

.minusplus2 {
    margin-left: 10px;
}

.removeroom {
    font-family: var(--fontfamily);
    color: rgb(229, 26, 74);
    cursor: pointer;
}

.centeral {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.donebtnjsdiv {
    cursor: pointer;
}

.donebtnjs {
    font-family: var(--fontfamily);
    color: #FFFFFF;
    padding: 5px !important;
}

.donebtndiv {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
    .bootmarket {
        margin-top: 10px;
    }

    .hotelSearch4 {
        border-radius: 10px !important;
        padding-left: 55px !important;
    }

    .lblmarketup, .lblmarket {
        left: 55px !important;
    }

    .lbltraveltrigger {
        left: 41px !important;
    }

    .customdateacc::before {
        left: 15px !important;
    }

    .boot1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 10px;
    }

    .boot2 {
        margin-bottom: 10px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .boot3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 10px;
    }

    .hotelSearch3 {
        /*   border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;*/
        border-radius: 10px !important;
        padding-left: 40px !important;
    }
    /*    .searchbtnacc {
        padding: 16px 108px 16px !important;
        border-radius: 10px !important;
    }*/
    .basic-addon2 {
        margin-top: 0px !important;
    }

    .boot4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        /*  margin-bottom: 10px;*/
    }
    /*.customdateacc:before {
        top: 24px!important; 
        left: -146px!important;
    }*/
    /* .lbldate{
        top:33px!important;
    }*/
    .accformg {
        padding-left: 40px !important;
    }

    .floatdate {
        top: 4px !important;
        left: 41px !important;
    }

    .floating-select:focus ~ .lbldate, .floating-select:not([value=""]):valid ~ .lbldatetrigger {
        top: 4px !important;
        left: 41px !important;
    }

    .date {
        padding-left: 40px !important;
    }

    .floating-selectauto:focus ~ .lblauto, .floating-selectauto:not([value=""]):valid ~ .lblautotrigger {
        top: 2px;
        left: 41px !important;
        font-size: 11px;
        /*color: #5264AE;*/
        z-index: 1;
    }


    .lbldate {
        left: 41px !important;
    }

    .lblauto {
        left: 40px !important;
    }
}



.floating-label {
    /* position: relative;*/
    /* margin-bottom: 20px;*/
}

.floating-select {
    /*  font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #757575;*/
}

.date {
    height: 50px !important;
}


.floating-select:focus {
    outline: none;
    border-bottom: 2px solid #5264AE;
}

.lblauto {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    top: 14px;
    left: 30px;
    -webkit-transition: 0.2s ease all;
    z-index: 1;
    white-space: nowrap;
}

.lbldate {
    font-family: var(--fontfamily);
    color: #999;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 41px;
    top: 17px;
    -webkit-transition: 0.2s ease all;
    z-index: 1;
    white-space: nowrap;
}


.lbltravel {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 57px;
    top: 15px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    z-index: 1;
    white-space: nowrap;
}

.lblup {
    top: 2px;
    left: 35px;
    font-size: 11px;
    /*color: #5264AE;*/
    z-index: 1;
}

.floating-selectauto:focus ~ .lblauto, .floating-selectauto:not([value=""]):valid ~ .lblautotrigger {
    top: 2px;
    left: 35px;
    font-size: 11px;
    /*color: #5264AE;*/
    z-index: 1;
}

.floating-selectdate:focus ~ .lbldate, .floating-selectdate:not([value=""]):valid ~ .lblautotrigger {
    top: 2px;
    left: 35px;
    font-size: 11px;
    /*color: #5264AE;*/
    z-index: 1;
}
/*.floating-select:focus ~ .lbldate, .floating-select:not([value=""]):valid ~ .lbldatetrigger {
    top: 5px!important;
    font-size: 11px;
    z-index: 1;
}*/
/*.floating-selecttavel:focus ~ .lbltravel, .floating-selecttavel:not([value=""]):valid ~ .lbltravel {
    top: 15px; 
    font-size: 11px; 
    z-index: 1;
}*/
.lbltraveltrigger {
    left: 44px;
    top: 3px;
    font-size: 11px;
    z-index: 1;
}

.floatdate {
    left: 41px !important;
    top: 5px !important;
    font-size: 11px !important;
    z-index: 1;
}

.floattravel {
    top: 15px;
    font-size: 11px;
    z-index: 1;
}
/*default selected when it is one value*/
.datelabel {
    top: -19px !important;
    font-size: 11px !important;
    z-index: 1 !important;
}

.timeLabel {
    top: 3px;
    font-size: 11px;
}

/* active state */
.floating-select:focus ~ .floating-select:focus ~ {
    width: 50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* active state */
.floating-select:focus ~ {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

@media only screen and (max-width: 991px) {
    #hotelSearch3 {
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }

    .customdateacc {
        display: block !important;
    }
    /*.lbldate, .lbltravel {
        left: -110px !important;
    }*/
    .container1280 {
    }


    .customaccpoint:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f3c5";
        position: absolute;
        top: 25px;
        z-index: 2;
        left: 15px !important;
    }

    .customexclang:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f086";
        position: absolute;
        top: 25px;
        z-index: 2;
        left: 15px !important;
    }

    .custompickpoint:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f3c5";
        position: absolute;
        top: 25px;
        z-index: 2;
        left: 15px !important;
    }

    .customgopoint:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f3c5";
        position: absolute;
        top: 25px;
        z-index: 2;
        left: 15px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1056px) {
    #hotelSearch3, .accform {
        font-size: 0.8rem !important;
    }
}

@media only screen and (min-width: 1057px) and (max-width: 1114px) {
    #hotelSearch3, .accform {
        font-size: 0.885rem !important;
    }
}

@media only screen and (max-width: 1280px) {
    .veaengine {
        max-width: none !important;
        width: 100% !important;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1280px) {

    .container1280 {
        max-width: none !important;
        width: 100%;
        padding-right: 20px !important;
    }
    /*  .searchbtnacc {
        margin-left: -13px;
    }*/
    /* #basic-addon2 {
        padding-right: 7px !important;
    }

    .searchbtnacc {
        padding-left: 5px !important;
    }*/
}

.customtranstravel {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.customdateacc, .customdatetran {
    font-family: "Font Awesome 5 Free";
    /*  display: inline-block;*/
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

    .customdatetran:after {
        font-family: var(--fontfamily);
        font-size: 18px;
        content: "";
        position: absolute;
        z-index: 2;
        left: 153px;
        top: 15px;
        color: #24263D !important;
    }

    .customdatetran:before {
        content: "\f073";
        font-family: "Font Awesome 5 Free";
        font-size: 25px;
        position: absolute;
        z-index: 2;
        font-size: 18px;
        left: 18px;
        top: 16px;
        color: #24263D !important;
    }

.customtranstravel:before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    content: "\f507";
    position: absolute;
    z-index: 2;
    left: 22px;
    top: 15px;
    color: #24263D !important;
}

.custompickpoint:before, .customaccpoint:before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    content: "\f3c5";
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 9px;
    color: #24263D !important;
}


.customexclang:before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    content: "\f086";
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 9px;
    color: #24263D !important;
}

.transferauto {
    color: black !important;
}

.customgopoint:before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    content: "\f11e";
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 9px;
    color: #24263D !important;
}

.customdateacc:before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    font-size: 25px;
    position: absolute;
    z-index: 2;
    font-size: 18px;
    left: 18px;
    top: 16px;
    color: #24263D !important;
}


.customacctravel:before {
    font-family: "Font Awesome 5 Free";
    font-size: 25px;
    font-weight: 900;
    content: "\f073";
    position: absolute;
    top: 18px;
    z-index: 2;
    left: -143px;
    color: #24263D !important;
}


.customacctravel:before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    content: "\f507";
    position: absolute;
    top: 9px;
    z-index: 2;
    left: 15px;
}

.customacctravel:after {
    /*  font-family: "Font Awesome 5 Free";*/
    font-size: 25px;
    font-weight: 900;
    content: "";
    background-image: url(svg/updown.svg);
    position: absolute;
    display: inline-block;
    top: 17px;
    right: 12px;
    background-repeat: no-repeat;
    padding: 10px 6px 10px 6px;
}

.travad, .travch {
    border: none;
    width: 10px;
}

.travad1, .travch1 {
    margin-left: 10px;
    margin-right: 10px;
    width: 10px;
}

.tranad1, .tranch1, .traninf1 {
    margin-left: 10px;
    margin-right: 10px;
    width: 27px;
    display: inline-block;
}

#hotelSearch3, #TransferPassSearch, #hotelSearchCf3 {
    cursor: pointer;
}

.borderadults {
    border: 1px solid #24263D !important;
    border-radius: 15px;
}

.nice-select::after {
    border-bottom: var(--headeronecolors);
    border-right: var(--headeronecolors);
}

.popovertravbuble, .cppopovertravbuble {
    border-radius: 15px;
    content: "";
    position: absolute;
    bottom: -18px;
    left: 190px;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 0 10px 13px;
    border-color: #FFFFFF transparent;
    display: none;
    width: 0;
    z-index: 1;
}

.popovertrav, .cppopovertrav {
    display: none;
    width: 376px;
    background-color: #FFFFFF;
    z-index: 999;
    top: 63px;
    position: absolute;
    /*  box-shadow: 2px 2px 13px 1px #b2b1b1;*/
    border-radius: 25px;
}

#removeroom_2, #removeroom_3, #removeroom_4, #removeroom_5 {
    display: none;
}

#cpremoveroom_2, #cpremoveroom_3, #cpremoveroom_4, #cpremoveroom_5 {
    display: none;
}

#removeroomcf_2, #removeroomcf_3, #removeroomcf_4, #removeroomcf_5 {
    display: none;
}


#child_1_1, #child_1_2, #child_1_3, #child_1_4, #child_1_5, #child_1_6, #child_1_7, #child_1_8, #child_1_9, #child_1_10, #child_1_11, #child_1_12, #child_1_13, #child_1_14, #child_1_15, #child_1_16, #child_1_17, #child_1_18, #child_1_19, #child_1_20, #child_1_21, #child_1_22, #child_1_23, #child_1_24, #child_1_25, #child_1_26, #child_1_27, #child_1_28, #child_1_29, #child_1_30,
#child_2_1, #child_2_2, #child_2_3, #child_2_4, #child_2_5, #child_2_6, #child_2_7, #child_2_8, #child_2_9, #child_2_10, #child_2_11, #child_2_12, #child_2_13, #child_2_14, #child_2_15, #child_2_16, #child_2_17, #child_2_18, #child_2_19, #child_2_20, #child_2_21, #child_2_22, #child_2_23, #child_2_24, #child_2_25, #child_2_26, #child_2_27, #child_2_28, #child_2_29, #child_2_30,
#child_3_1, #child_3_2, #child_3_3, #child_3_4, #child_3_5, #child_3_6, #child_3_7, #child_3_8, #child_3_9, #child_3_10, #child_3_11, #child_3_12, #child_3_13, #child_3_14, #child_3_15, #child_3_16, #child_3_17, #child_3_18, #child_3_19, #child_3_20, #child_3_21, #child_3_22, #child_3_23, #child_3_24, #child_3_25, #child_3_26, #child_3_27, #child_3_28, #child_3_29, #child_3_30,
#child_4_1, #child_4_2, #child_4_3, #child_4_4, #child_4_5, #child_4_6, #child_4_7, #child_4_8, #child_4_9, #child_4_10, #child_4_11, #child_4_12, #child_4_13, #child_4_14, #child_4_15, #child_4_16, #child_4_17, #child_4_18, #child_4_19, #child_4_20, #child_4_21, #child_4_22, #child_4_23, #child_4_24, #child_4_25, #child_4_26, #child_4_27, #child_4_28, #child_4_29, #child_4_30,
#child_5_1, #child_5_2, #child_5_3, #child_5_4, #child_5_5, #child_5_6, #child_5_7, #child_5_8, #child_5_9, #child_5_10, #child_5_11, #child_5_12, #child_5_13, #child_5_14, #child_5_15, #child_5_16, #child_5_17, #child_5_18, #child_5_19, #child_5_20, #child_5_21, #child_5_22, #child_5_23, #child_5_24, #child_5_25, #child_5_26, #child_5_27, #child_5_28, #child_5_29, #child_5_30 {
    display: none !important;
}

#childcf_1_1, #childcf_1_2, #childcf_1_3, #childcf_1_4, #childcf_1_5, #childcf_1_6, #childcf_1_7,#childcf_1_8,#childcf_1_9,#childcf_1_10,#childcf_1_11,#childcf_1_12,#childcf_1_13,#childcf_1_14,#childcf_1_15,#childcf_1_16,#childcf_1_17,#childcf_1_18,#childcf_1_19,#childcf_1_20,#childcf_1_21,#childcf_1_22,#childcf_1_23,#childcf_1_24,#childcf_1_25,#childcf_1_26,#childcf_1_27,#childcf_1_28,#childcf_1_29,#childcf_1_30,
#childcf_2_1, #childcf_2_2, #childcf_2_3, #childcf_2_4, #childcf_2_5, #childcf_2_6, #childcf_2_7,#childcf_2_8,#childcf_2_9,#childcf_2_10,#childcf_2_11,#childcf_2_12,#childcf_2_13,#childcf_2_14,#childcf_2_15,#childcf_2_16,#childcf_2_17,#childcf_2_18,#childcf_2_19,#childcf_2_20,#childcf_2_21,#childcf_2_22,#childcf_2_23,#childcf_2_24,#childcf_2_25,#childcf_2_26,#childcf_2_27,#childcf_2_28,#childcf_2_29,#childcf_2_30,
#childcf_3_1, #childcf_3_2, #childcf_3_3, #childcf_3_4, #childcf_3_5, #childcf_3_6, #childcf_3_7,#childcf_3_8,#childcf_3_9,#childcf_3_10,#childcf_3_11,#childcf_3_12,#childcf_3_13,#childcf_3_14,#childcf_3_15,#childcf_3_16,#childcf_3_17,#childcf_3_18,#childcf_3_19,#childcf_3_20,#childcf_3_21,#childcf_3_22,#childcf_3_23,#childcf_3_24,#childcf_3_25,#childcf_3_26,#childcf_3_27,#childcf_3_28,#childcf_3_29,#childcf_3_30,
#childcf_4_1, #childcf_4_2, #childcf_4_3, #childcf_4_4, #childcf_4_5, #childcf_4_6, #childcf_4_7,#childcf_4_8,#childcf_4_9,#childcf_4_10,#childcf_4_11,#childcf_4_12,#childcf_4_13,#childcf_4_14,#childcf_4_15,#childcf_4_16,#childcf_4_17,#childcf_4_18,#childcf_4_19,#childcf_4_20,#childcf_4_21,#childcf_4_22,#childcf_4_23,#childcf_4_24,#childcf_4_25,#childcf_4_26,#childcf_4_27,#childcf_4_28,#childcf_4_29,#childcf_4_30,
#childcf_5_1, #childcf_5_2, #childcf_5_3, #childcf_5_4, #childcf_5_5, #childcf_5_6, #childcf_5_7,#childcf_5_8,#childcf_5_9,#childcf_5_10,#childcf_5_11,#childcf_5_12,#childcf_5_13,#childcf_5_14,#childcf_5_15,#childcf_5_16,#childcf_5_17,#childcf_5_18,#childcf_5_19,#childcf_5_20,#childcf_5_21,#childcf_5_22,#childcf_5_23,#childcf_5_24,#childcf_5_25,#childcf_5_26,#childcf_5_27,#childcf_5_28,#childcf_5_29,#childcf_5_30 {
    display: none !important;
}

select.cpchild {
    display: none !important;
}

.Bookbtnmobile, .tranadchifbtn {
    background-image: linear-gradient(90deg, #00d3a7 0%, #0ac0f2 100%);
    border: none;
    /*background-size: 300px 100px;*/
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    /*border-radius: 15px;*/
    text-align: center;
    width: 258px;
    height: 44px;
    outline: none !important;
    display: block;
    margin-bottom: 10px;
    /* padding-top: 8px;*/
    border-radius: 35px;
}

.ageselect1:before {
    content: "Child 1 age";
    display: block;
    color: #465280;
    font-size: 0.75rem;
    font-family: var(--fontfamily);
    margin-top: -12px !important;
    margin-bottom: -22px !important;
}

.age1con:before {
    content: "Enfant 1 âge" !important;
}

.ageselect2:before {
    content: "Child 2 age";
    display: block;
    color: #465280;
    font-size: 0.75rem;
    font-family: var(--fontfamily);
    margin-top: -12px !important;
    margin-bottom: -22px !important;
}

.age2con:before {
    content: "Enfant 2 âge" !important;
}

.age2gr:before {
    content: "Ηλικία παιδιού 2" !important;
}

.ageselect3:before {
    content: "Child 3 age";
    display: block;
    color: #465280;
    font-size: 0.75rem;
    font-family: var(--fontfamily);
    margin-top: -12px !important;
    margin-bottom: -22px !important;
}

.age1gr:before {
    content: "Ηλικία παιδιού 1" !important;
}

.age3con:before {
    content: "Enfant 3 âge" !important;
}

.age3gr:before {
    content: "Ηλικία παιδιού 3" !important;
}

.ageselect4:before {
    content: "Child 4 age";
    display: block;
    color: #465280;
    font-size: 0.75rem;
    font-family: var(--fontfamily);
    margin-top: -12px !important;
    margin-bottom: -22px !important;
}

.age4con:before {
    content: "Enfant 4 âge" !important;
}

.age4gr:before {
    content: "Ηλικία παιδιού 4" !important;
}

.age5gr:before {
    content: "Ηλικία παιδιού 5" !important;
}

.ageselect5:before {
    content: "Child 5 age";
    display: block;
    color: #465280;
    font-size: 0.75rem;
    font-family: var(--fontfamily);
    margin-top: -12px !important;
    margin-bottom: -22px !important;
}

.age5con:before {
    content: "Enfant 5 âge" !important;
}

.ageselect6:before {
    content: "Child 6 age";
    display: block;
    color: #465280;
    font-size: 0.75rem;
    font-family: var(--fontfamily);
    margin-top: -12px !important;
    margin-bottom: -22px !important;
}

.age6con:before {
    content: "Enfant 6 âge" !important;
}

.age6gr:before {
    content: "Ηλικία παιδιού 6" !important;
}

.ageselect7:before, .ageselect8:before, .ageselect9:before, .ageselect10:before, .ageselect11:before, .ageselect12:before, .ageselect13:before, .ageselect14:before, .ageselect15:before, .ageselect16:before, .ageselect17:before, .ageselect18:before, .ageselect19:before, .ageselect20:before, .ageselect21:before, .ageselect22:before, .ageselect23:before, .ageselect24:before, .ageselect25:before, .ageselect26:before, .ageselect27:before, .ageselect28:before, .ageselect29:before, .ageselect30:before {
    display: block;
    color: #465280;
    font-size: 0.75rem;
    font-family: var(--fontfamily);
    margin-top: -12px !important;
    margin-bottom: -22px !important;
}

.ageselect7:before {
    content: "Child 7 age";
}


.ageselect8:before {
    content: "Child 8 age";
}


.ageselect9:before {
    content: "Child 9 age";
}


.ageselect10:before {
    content: "Child 10 age";
}


.ageselect11:before {
    content: "Child 11 age";
}

.ageselect12:before {
    content: "Child 12 age";
}

.ageselect13:before {
    content: "Child 13 age";
}

.ageselect14:before {
    content: "Child 14 age";
}

.ageselect15:before {
    content: "Child 15 age";
}

.ageselect16:before {
    content: "Child 16 age";
}

.ageselect17:before {
    content: "Child 17 age";
}

.ageselect18:before {
    content: "Child 18 age";
}

.ageselect19:before {
    content: "Child 19 age";
}

.ageselect20:before {
    content: "Child 20 age";
}

.ageselect21:before {
    content: "Child 21 age";
}

.ageselect22:before {
    content: "Child 22 age";
}

.ageselect23:before {
    content: "Child 23 age";
}

.ageselect24:before {
    content: "Child 24 age";
}

.ageselect25:before {
    content: "Child 25 age";
}

.ageselect26:before {
    content: "Child 26 age";
}

.ageselect27:before {
    content: "Child 27 age";
}

.ageselect28:before {
    content: "Child 28 age";
}

.ageselect29:before {
    content: "Child 29 age";
}

.ageselect30:before {
    content: "Child 30 age";
}

.age7con:before {
    content: "Enfant 7 âge" !important;
}

.age8con:before {
    content: "Enfant 8 âge" !important;
}

.age9con:before {
    content: "Enfant 9 âge" !important;
}

.age10con:before {
    content: "Enfant 10 âge" !important;
}

.age11con:before {
    content: "Enfant 11 âge" !important;
}

.age12con:before {
    content: "Enfant 12 âge" !important;
}

.age13con:before {
    content: "Enfant 13 âge" !important;
}

.age14con:before {
    content: "Enfant 14 âge" !important;
}

.age15con:before {
    content: "Enfant 15 âge" !important;
}

.age16con:before {
    content: "Enfant 16 âge" !important;
}

.age17con:before {
    content: "Enfant 17 âge" !important;
}

.age18con:before {
    content: "Enfant 18 âge" !important;
}

.age19con:before {
    content: "Enfant 19 âge" !important;
}

.age20con:before {
    content: "Enfant 20 âge" !important;
}

.age21con:before {
    content: "Enfant 21 âge" !important;
}

.age22con:before {
    content: "Enfant 22 âge" !important;
}

.age23con:before {
    content: "Enfant 23 âge" !important;
}

.age24con:before {
    content: "Enfant 24 âge" !important;
}

.age25con:before {
    content: "Enfant 25 âge" !important;
}

.age26con:before {
    content: "Enfant 26 âge" !important;
}

.age27con:before {
    content: "Enfant 27 âge" !important;
}

.age28con:before {
    content: "Enfant 28 âge" !important;
}

.age29con:before {
    content: "Enfant 29 âge" !important;
}

.age30con:before {
    content: "Enfant 30 âge" !important;
}

.age1gr:before {
    content: "Ηλικία παιδιού 1" !important;
}

.age2gr:before {
    content: "Ηλικία παιδιού 2" !important;
}

.age3gr:before {
    content: "Ηλικία παιδιού 3" !important;
}

.age4gr:before {
    content: "Ηλικία παιδιού 4" !important;
}

.age5gr:before {
    content: "Ηλικία παιδιού 5" !important;
}

.age6gr:before {
    content: "Ηλικία παιδιού 6" !important;
}

.age7gr:before {
    content: "Ηλικία παιδιού 7" !important;
}

.age8gr:before {
    content: "Ηλικία παιδιού 8" !important;
}

.age9gr:before {
    content: "Ηλικία παιδιού 9" !important;
}

.age10gr:before {
    content: "Ηλικία παιδιού 10" !important;
}

.age11gr:before {
    content: "Ηλικία παιδιού 11" !important;
}

.age12gr:before {
    content: "Ηλικία παιδιού 12" !important;
}

.age13gr:before {
    content: "Ηλικία παιδιού 13" !important;
}

.age14gr:before {
    content: "Ηλικία παιδιού 14" !important;
}

.age15gr:before {
    content: "Ηλικία παιδιού 15" !important;
}

.age16gr:before {
    content: "Ηλικία παιδιού 16" !important;
}

.age17gr:before {
    content: "Ηλικία παιδιού 17" !important;
}

.age18gr:before {
    content: "Ηλικία παιδιού 18" !important;
}

.age19gr:before {
    content: "Ηλικία παιδιού 19" !important;
}

.age20gr:before {
    content: "Ηλικία παιδιού 20" !important;
}

.age21gr:before {
    content: "Ηλικία παιδιού 21" !important;
}

.age22gr:before {
    content: "Ηλικία παιδιού 22" !important;
}

.age23gr:before {
    content: "Ηλικία παιδιού 23" !important;
}

.age24gr:before {
    content: "Ηλικία παιδιού 24" !important;
}

.age25gr:before {
    content: "Ηλικία παιδιού 25" !important;
}

.age26gr:before {
    content: "Ηλικία παιδιού 26" !important;
}

.age27gr:before {
    content: "Ηλικία παιδιού 27" !important;
}

.age28gr:before {
    content: "Ηλικία παιδιού 28" !important;
}

.age29gr:before {
    content: "Ηλικία παιδιού 29" !important;
}

.age30gr:before {
    content: "Ηλικία παιδιού 30" !important;
}

.ageselect {
    margin-left: 30px !important;
    border: solid 1px #e8e8e8 !important;
    display: none;
}

.fa-plus-circle:before {
    font-family: "Font Awesome 5 Free";
    padding: 0px 7px 0px 7px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: #0abff2 !important;
    text-decoration: none;
    font-weight: 900;
}

.move10 {
    margin-top: 10px;
    float: right;
}

.moreoptions {
    color: #FFFFFF;
    font-family: var(--fontfamily);
    font-weight: 900;
    font-size: 15px;
}

.insideadch, .insideadchcf {
    font-size: 10px;
    font-family: var(--fontfamily);
    color: #FFFFFF;
    display: block;
}

@media (max-width: 575px) {


    .itemmenu {
        width: 100% !important;
    }

    .popovertrav {
        width: 100% !important;
    }
}



@media only screen and (min-width: 1101px) and (max-width: 1240px) {
    .lbldate {
        font-size: 12px;
    }

    .date {
        /*font-size: 11px !important;*/
    }
}


@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .lbldate {
        font-size: 12px;
    }
    /*#hotelSearch3{
        font-size:11px;
    } */
    /*.date {
        font-size: 10px !important;*/
}

.searchbtndnn {
    margin-left: -10px;
}

}




@media(max-width: 350px) {
    .searchengine {
        width: 300px !important;
    }

    .viewallbtnmob {
        /* margin-left: -5px !important;*/
    }

    .searchbtnacc {
        padding: 16px 87px 16px !important;
    }
}



.margintop11 .option {
    min-height: unset !important;
    max-height: unset !important;
    line-height: unset !important;
}

@media screen and (max-width: 333px) {

    .padfromhead {
        padding-top: 17px !important;
    }
}

.b2eselect {
    display: none;
}



@media only screen and (min-width: 992px) and (max-width: 1230px) {
    .searchbtndnn {
        font-size: 11px;
        padding-top: 10px;
    }

    #hotelSearch3, .accform {
        font-size: 11px !important;
    }
}

.transftop {
    padding-right: 0px;
}



.pickupSearch {
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
    padding-left: 33px;
    border-right: none;
    color: #495057;
}

.goingtoSearch {
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    /*  margin-left: -1px;*/
    border-left: none;
    padding-left: 33px;
    color: #495057;
}

.pickuptimetra, .todatecp {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    cursor: pointer;
    color: rgb(36, 37, 61) !important;
    color: #495057;
    padding-left: 35px;
    border-right: none;
}

.pickuptimetrahm {
    color: rgb(36, 37, 61) !important;
    color: #495057;
    margin-left: -2px;
    border-left: none;
}


.pickuptimetreturnra {
    cursor: pointer;
    color: rgb(36, 37, 61) !important;
    color: #495057;
    padding-left: 35px;
    border-right: none;
}

.pickuptimetreturnrahm {
    color: rgb(36, 37, 61) !important;
    color: #495057;
    margin-left: -2px;
    border-left: none;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.addreturn {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    color: rgb(36, 37, 61) !important;
    color: #495057;
    padding-left: 33px;
}

.transgoto {
    padding-left: 0px;
    padding-right: 0px;
}



.lbltranstravel {
    font-family: var(--fontfamily);
    color: #999;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 45px;
    top: 4px;
    -webkit-transition: 0.2s ease all;
    z-index: 1;
    white-space: nowrap;
    font-size: 11px;
}

.bootstrap-datetimepicker-widget {
    font-size: 30px !important;
    padding-left: 15px !important;
}





.datepicker table tr td {
    border-radius: 50% !important;
}


.datepicker table tr td {
    width: 40px !important;
    height: 40px !important;
}

td.active.active {
    background-color: #00d3a7 !important;
}

.datepicker table tr td:hover {
    border-radius: 25px !important;
}

.hourdrop .list, .mindrop .list, .hourdropret .list, .mindropret .list {
    margin-left: 2px !important;
    width: 64px !important;
    max-height: 201px;
    overflow-y: scroll;
}

.hourdrop .option {
    max-height: 24px !important;
}

.donehour {
    background-image: linear-gradient(90deg, #00d3a7 0%, #0ac0f2 100%);
    border-radius: 25px;
    cursor: pointer;
    padding: 2px 13px;
    color: #FFF;
    border: none;
}

.hourback {
    background-color: #FFFFFF;
    z-index: 999;
    position: absolute;
    display: none;
}

.htop {
    margin-top: 15px;
}

.dbot {
    margin-bottom: 15px;
}

.lbltranstrig, .lblcpstring {
    top: 2px;
    left: 36px !important;
    font-size: 11px;
    /*color: #5264AE;*/
    z-index: 1;
}

.removebootstrap {
    padding-left: 0px;
    padding-right: 0px;
}


.transferSearch3 {
    /*   border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;*/
    border-radius: 10px !important;
    padding-left: 40px !important;
}



.pickuptimetra, .todatecp {
    width: 0px !important;
    height: 0px !important;
    position: absolute;
    left: 8px;
    border: none;
    top: 47px;
}

.customdatetran {
    width: 100% !important;
}

.paddingcustomtime {
    padding-top: 15px;
    padding-left: 40px;
    text-align: left;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}



.paddingcustomtimeret {
    padding-top: 15px;
    padding-left: 40px;
    text-align: left;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

#hourback, #hourbackfirst {
    margin-top: 50px;
}

#hourbackretfirst {
    display: none;
}


.removedate {
    position: absolute;
    top: 13px;
    right: 10px;
    cursor: pointer;
    display: none;
}


.updowncomma {
    margin-top: 8px;
}


.passengersclass {
    background-color: #FFF;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    color: #495057;
    text-align: left;
    padding-top: 7px;
    padding-left: 53px;
}

.marginfirstpass {
    padding-top: 9px;
}


.pickupSearch {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.goingtoSearch {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}



/* RESPONSIVE FOR TRANSFER*/


@media only screen and (max-width:1199px) {
    .noboot1transfer {
        margin-bottom: 0px !important;
    }

    .transfermarginonlydates {
        margin-bottom: 10px !important;
    }

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

@media only screen and (max-width:991px) {
    .lbltranstrig, .lblcpstring {
        left: 50px !important;
    }

    .pickupSearch, .goingtoSearch, .paddingcustomtime, .paddingcustomtimeret {
        padding-left: 50px;
    }


    .transfermargin {
        margin-bottom: 10px !important;
    }

    .boot3transfer {
        padding-left: 10px !important;
    }

    .goingtoSearch {
        border-bottom-left-radius: 10px !important;
        border-top-left-radius: 10px !important;
    }

    .passengersclass, .pickupSearch {
        border-bottom-right-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }
}


@media only screen and (max-width:767px) {

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

@media only screen and (max-width: 575px) {
    .prdoptions {
        padding-left: 0px;
        padding-right: 0px;
    }

    .paddingcustomtimeret {
        border-bottom-left-radius: 10px !important;
        border-top-left-radius: 10px !important;
    }

    .paddingcustomtime {
        border-bottom-right-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }
}

@media only screen and (max-width: 410px) {
    .tourimgspan, .hotelimgspan, .transferimgspan {
        display: block;
    }
}


.searchbtnacc {
    text-decoration: none !important;
}


.privateexcursionslblgr {
    font-size: 14px !important;
}

.tourimgspangr, .hotelimgspangr, .transferimgspangr {
    font-size: 14px !important;
}


.tourfirstgr:after {
    left: 51px !important;
}

.accfirstgr:after {
    left: 56px !important;
}

.accfirstgr:hover:after {
    left: 56px !important;
}


.template2 {
    display: none;
}


.transpad {
    padding-left: 0px;
    padding-right: 0px;
}

.intromessage {
    display: var(--intromessage);
    margin-top: -10px;
}




.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*width: 15%;*/
    width: 30px;
    color: #fff;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}

.carousel-control-prev {
    padding-left: 30px;
}

.carousel-control-next {
    padding-right: 30px;
}

@media (max-width: 991px) {
    .carousel-control-prev, .carousel-control-next {
        display: none;
    }
}


.middle-enginedivcar {
    position: absolute;
    top: 0px;
}


.pad0 {
    padding-left: 0px;
    padding-right: 0px;
}


.carousel-item img {
    width: 100%;
    height: 1080px;
}



.carousel-control-prev-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
    font-size: 23px;
    background-color: #9491a2;
    border-radius: 50%;
    padding: 1px 8px 1px 5px;
}

.carousel-control-next-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-size: 23px;
    color: #FFF;
    background-color: #9491a2;
    border-radius: 50%;
    padding: 1px 5px 1px 8px
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-image: unset !important;
}


#ht_lblMarket {
    color: #FFF;
}

#ht_Market {
    border-radius: 4px;
    border: unset;
}

.move10 {
    padding: 10px;
    background: rgba(255, 255, 255, 0.5);
    width: max-content;
    border-radius: 6px;
}




.bootmarket {
    padding: 0px 0px;
    display: inline-block;
}

.pad0 {
    padding-left: 0px;
    padding-right: 0px;
}


.ht_Marketspan:before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    content: "\f024";
    color: rgb(0, 7, 54) !important;
    position: absolute;
    top: 9px;
    z-index: 2;
    left: 15px;
}

.hotelSearch4 {
    font-family: var(--fontfamily);
    padding-left: 40px;
    color: #495057 !important;
}



.lblmarket {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    top: 14px;
    left: 42px;
    -webkit-transition: 0.2s ease all;
    z-index: 1;
    white-space: nowrap;
}


.floating-selectmarket:focus ~ .lblmarket, .floating-selectmarket:not([value=""]):valid ~ .lblmarkettrigger {
    top: 2px;
    left: 40px;
    font-size: 11px;
    z-index: 1;
}

.lblmarketup {
    top: 2px;
    left: 40px;
    font-size: 11px;
    z-index: 1;
}

.heigh {
    font-size: 13px !important;
}



.chosencharter, .chosenCharterOrigin {
    width: 95% !important;
    position: absolute;
    top: 2px;
    height: 47px;
    border-radius: 10px;
    border: 1px solid #ced4da!important;
} 

    .chosencharter .option, .chosenCharterOrigin .option {
        min-height: 30px !important;
        max-height: 30px !important;
        line-height: 30px !important;
    }

    .chosencharter .current, .chosenCharterOrigin .current {
        position: absolute;
        top: 2px;
        left: 30px;
        color: #495057;
    }

.anotherrcfdiv {
    cursor: pointer;
}

.cpdestinationvali, .departuredatevali, .cporiginvali, .arrivedatevali {
    display: none;
    color: black;
    position: absolute;
    top: 13px;
    left: 40px;
    color: rgba(236, 22, 81, 1) !important;
}

.container700 {
    max-width: 700px !important;
}

.heigh50 {
    height: 50px;
}

.messagebottom {
    margin-top: 100px;
}


.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

.swiper {
    margin-left: auto;
    margin-right: auto;
}

.mySwiperAcc, .mySwiperPac {
    height: 400px;
    margin-top: 130px;
}

.mySwiperAcc {
    margin-top: 36px;
}



.mySwiper, .mySwiper2, .mySwiperAcc, .mySwiperPac {
    border-radius: 25px;
}

.swiper-button-next, .swiper-button-prev {
    color: #2E2A4F !important;
}

.swiper-pagination-bullet {
    background: #0abff2 !important;
    width: 20px !important;
    height: 20px !important;
}

.swiper-pagination-bullet-active {
    background: #2E2A4F !important;
    width: 20px;
    height: 20px;
}


.mySwiperBus, .mySwiperPlane, .mySwiperPeriod {
    display: none;
}

.periodcar2 {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.headstyles {
    border: 2px solid #0abff2;
    padding: 10px 94px;
    width: fit-content;
    border-radius: 15px;
    color: #0abff2;
    font-size: 20px;
    cursor: pointer;
    background: #FFF;
}

    .headstyles:hover {
        background: #0abff2;
        color: #FFF;
    }




.veaengine {
    position: absolute;
    width: 1280px;
    justify-content: center;
    left: 0;
    right: 0;
    top: 170px;
    margin: 0px auto;
}

.pckpromodiv, .pckpromodivacc {
    position: relative;
}

.white1 {
    height: 150px;
}



.whiteacc {
    height: 300px;
}

.mySwiperAcc {
    height: 480px;
}

.cyan {
    height: 338px;
    background: #0abff2;
    width: 100%;
}

@media only screen and (max-width: 975px) {
    .cyan {
        height: 310px;
    }
}

.white2 {
    height: 700px;
    position: relative;
    z-index: 1;
}

.DnnModule-PackageVeaPromo {
    width: 100%;
}

.containerpromo {
    width: 1280px;
}

@media (max-width: 1280px) {
    .containerpromo {
        width: 100%;
    }
}

.promopos {
    position: absolute;
    top: -3px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 2;
}

.packbackground {
    positionn: relative;
    z-index: 1;
}

.periodselect {
    color: #FFF;
    font-size: 22px;
    margin-right: 15px;
    cursor: pointer;
}



.hover-underline-animation {
    display: inline-block; /* Display inline block */
    position: relative; /* Set position relative */
    color: #FFF; /* Set text color */
}

    .hover-underline-animation:after {
        content: ''; /* Add content after the element */
        position: absolute; /* Position absolute for pseudo-element */
        width: 100%; /* Full width */
        transform: scaleX(0); /* Initial scale of 0 for underline effect */
        height: 2px; /* Height of the underline */
        bottom: 0; /* Align to bottom */
        left: 0; /* Align to left */
        background-color: #FFF; /* Background color of the underline */
        transform-origin: bottom right; /* Set transform origin */
        transition: transform 0.25s ease-out; /* Transition effect for the underline */
    }

    .hover-underline-animation:hover:after {
        transform: scaleX(1); /* Scale the underline on hover */
        transform-origin: bottom left; /* Set transform origin */
    }


.mySwiperBus, .mySwiperPlane {
    margin-top: 75px;
}

.swiper-slide {
    border-radius: 25px;
    display: block;
}

.photopaccar {
    height: 204px !important;
}

.durationcar {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .durationcar span {
        background-color: red;
        padding: 5px 20px;
        border-radius: 15px;
        color: white;
    }

.tourtitlecar span {
    color: #2E2A4F;
    font-size: 25px;
    font-weight: 900;
}

.departurespancar {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0abff2;
}

.departurescar {
    min-height: 81px;
}

.departurespana, .departurespana:visited, .departurespana:focus {
    color: gray !important;
}

.fa-greater-than {
    font-size: 13px;
    margin-right: 3px;
    color: gray;
}

.fromcar {
    color: gray;
}

.pricecar {
    color: red;
    font-size: 20px;
}

.indetail {
    color: #FFF;
    background-color: #2E2A4F;
    padding: 5px 15px;
    border-radius: 25px;
}

.detailcar {
    margin-top: 10px;
    margin-bottom: 20px;
}

.tourtitlecar {
    height: 110px;
}


.mySwiperBus {
    height: 500px;
}

.swiper-slide {
    box-shadow: 2px 2px 35px 1px #b2b1b1;
}

.mySwiperPac {
    height: 100% !important;
}

.nonshow {
    display: none;
}

.fa-ellipsis-h {
    cursor: pointer;
}

.mySwiperPlane, .mySwiperBus, .mySwiperPeriod {
    height: 700px;
    padding: 0px 30px;
}

.swiper-slide {
    height: fit-content !important;
}


.swiper {
    z-index: 999999;
    position: inherit;
}



.titlebot {
    width: 1280px;
    position: absolute;
    left: 0;
    right: 0;
    top: -70px;
    background-color: #FFF;
    border-radius: 25px;
    margin: 0 auto;
    padding-top: 27px;
}

@media (max-width: 1280px) {
    .titlebot {
        width: 100%;
    }
} 

.titlebot label, .acccarousel label {
    color: #2E2A4F;
}

.Label5 {
    color: #0abff2 !important;
    font-size: 23px;
    font-weight: 900;
}

.findideal:after {
    content: '';
    background-color: #2E2A4F;
    display: block !important;
    max-width: 65px;
    position: absolute;
    bottom: 5px;
    left: 0;
    transition: 0.3s;
    height: 3px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

.periodselect {
    position: relative;
}

    .periodselect:hover:after {
        content: '';
        background-color: #FFF;
        display: block !important;
        max-width: 65px;
        position: absolute;
        bottom: -3px;
        left: 0;
        transition: 0.3s;
        height: 3px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        right: 0;
    }


@media only screen and (min-width: 992px) {
    .desktopshow {
        display: block;
    }

    .mySwiperTitle, .mySwiperTitlePeriod {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .desktopshow {
        display: none;
    }

    .mySwiperTitle, .mySwiperTitlePeriod {
        display: inline-block;
    }

    .periodselect {
        background: none;
        margin-right: 0px;
    }

    .mySwiperTitlePeriod {
        margin-top: 30px;
    }
}

.pckpromodiv, .pckpromodivacc {
    display: none;
}

@media only screen and (max-width: 991px) {
    .searchenginecp .boot1, .searchenginecp .boot2 {
        margin-bottom: 60px;
    }
}

.promoposacc {
    top: -350px;
}

.detailcar {
    z-index: 9;
    position: relative;
}


.containerpromoacc {
    background: #FFF;
    padding: 9px 50px;
    border-radius: 25px;
}

.accstars {
    color: #0abff2;
}

.desciption {
    color: #2E2A4F;
    font-size: 20px;
    height: 60px;
}

.desciption2 {
    color: #0abff2;
}

.toprice {
    color: red;
}

.new1 {
    position: absolute;
    top: -4px;
    width: 79%;
    border-top: 2px solid red;
}

.rel {
    position: relative;
}


.middledivcarouselpack {
    position: absolute;
    top: 150px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pricepackcar {
    background: linear-gradient(90deg, #2E2A4F 0%, #ED5D38 100%);
    width: fit-content;
    padding: 10px 20px;
    color: #FFF;
    border-radius: 15px;
    font-size: 17px;
    font-weight: 900;
}

.descrcar {
    font-size: 70px;
    color: #FFF;
    font-weight: 900;
}

.departcar {
    font-size: 30px;
    color: #FFF;
}

.adetailcar {
    background-color: #fff;
    padding: 10px 20px;
    color: #2E2A4F !important;
    border-radius: 25px;
    font-size: 20px;
}

    .adetailcar:visited, .adetailcar:focus {
        color: #2E2A4F !important;
    }

.accpromodates, .accstars {
    height: 27px;
}

.mySwiperAcc .fa-greater-than {
    margin-left: 5px;
    color: #FFF;
}


.mySwiperAcc a:hover {
    text-decoration: none !important;
}

.middledivcarouselpack .fa-greater-than {
    margin-left: 5px;
    color: #2E2A4F;
}

.containerpromo .fa-greater-than {
    margin-left: 5px;
    color: #FFF;
}

.mySwiperPac .swiper {
    margin-top: 32px;
}

.mySwiperBus, .mySwiperPlane {
    margin-top: 105px !important;
}


.adetailcar:hover, .adetailcar:focus, .adetailcar:visited {
    text-decoration: none !important;
}


.clicked {
    background: #0abff2;
    color: #FFF;
}


.clickedperiod:after {
    content: '';
    background-color: #FFF;
    display: block !important;
    max-width: 65px;
    position: absolute;
    bottom: -3px;
    left: 0;
    transition: 0.3s;
    height: 3px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    right: 0;
} 
.acccarousel {
    margin-bottom: 25px;
}

.chosencharter ul, .chosenCharterOrigin ul {
    max-height: 600px;
    overflow-y: scroll !important;
}


.setsalesvb{
    display:none;
}

.languagepadding, .hotelpadding {
    width: 100% !important;
    height: 50px !important;
    border-radius: 10px;
}

    .languagepadding .current {
        position: absolute;
        top: 5px;
        left: 47px;
        color: #444;
    }

.select2 {
    width: 100% !important;
}

.select2-selection {
    height: 50px !important;
    padding-top: 6px !important;
    text-align: left !important;
    padding-left: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 24px !important;
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    border-radius: 10px !important;
}
.select2-selection__arrow b {
    border-color: #00d3a7 transparent transparent transparent !important;
}
.searchengine.searchengine_1 {
    width: unset;
}

.searchbtnexc {
    text-decoration: none !important;
    margin-left: -5px;
}

.leftedges_round {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding-left:47px;
    font-size: 1rem !important;
}

@media only screen and (max-width: 991px) {
    .leftedges_round {
        border-radius: 10px;
        padding-left: 47px;
        font-size: 1rem !important;
    }
}

.cphotelSearch3 {
    border-radius: 0px;
    border: 0px;
    padding-left: 45px;
    border: 1px solid #ced4da;
}

.searchenginecp .customdateacc:before{
    left:10px;
}


.chosencharter {
    padding-left: 40px !important;
    font-family: var(--fontfamily);
    cursor: pointer;
}

.lblupdatedt {
    top: 5px;
    left: 41px;
    font-size: 11px;
    z-index: 1;
}

.lblupdateds {
    top: 5px;
    left: 30px;
    font-size: 11px;
    z-index: 1;
}

 

.cpdestinationvalides {
    top: 13px!important;
    left: 25px!important;
}