span.transport { padding-right: 10px; }
.offering-item-carousel-item { width: 100%; }
.program-image, .program-content { float: left; }
.program-image img { max-width: 100%; margin-bottom: 20px; }
.page { padding-top: 0 !important; }
.addthis_inline_share_toolbox { margin-bottom: 20px; }
.swap-content #priceTable { width: 100%; max-width: 1200px; width: 100% !important; max-width: 100%; }
.swap-content #priceTable { width: 100%; max-width: 1200px; }
.swap-content #priceTable .row:nth-child(even) {background: #e3edf7; }
.swap-content #priceTable .row:hover {background: #0c3a6e; }
.swap-content #priceTable .col-sm-4 { padding: 0px 25px; }
.swap-content #priceTable .col-sm-4:last-of-type { padding-left: 0; }
.swap-content #priceTable .col-sm-4.text-right { text-align: right; }
.swap-content #priceTable .col-sm-4.text-right a { color: #4b4b4b; }
.swap-content #priceTable .row:hover .col-sm-4 {color: #ffffff; }
.swap-content #priceTable .row:hover .col-sm-4 a {color: #ffffff; }
.form-group div {}
.form-group-box {margin-bottom: 15px; padding: 15px; border: solid 1px #000}
a.button { padding: 10px 20px; background-color: #217345; color: white; border: 1px solid #217345; line-height: 40px; border-radius: 20px; text-decoration: none; }
a.button:hover { background-color:white; color:#217345; }
div.button { padding: 10px 20px; background-color: #217345; color: white; border: 1px solid #217345; line-height: 40px; border-radius: 20px; text-decoration: none; }
div.button:hover { background-color:white; color:#217345; }
form.booking input[type="text"], form.booking input[type="date"], form.booking input[type="number"], form.booking select, form.booking input[type="password"], form.booking input[type="email"], form.booking textarea { width: 100%; margin-bottom: 10px; padding: 10px 5px; background: #e3edf7; border: 1px solid #0c3a6e; border-radius: 5px; }
.inv { color: #ffffff; }
form.booking input[type="submit"] { margin-top: 10px; padding: 10px 5px; width: 100%; max-width: 100%; background-color: #217345; color: white; border: 1px solid #217345; border-radius: 5px; text-decoration: none; }
.grecaptcha-badge{ visibility: collapse !important; }
.descr { font-weight: bold; }
.form-group { width: 100%; margin-bottom: 0; }
.booking h3 { margin-left: 15px; margin-bottom: 0; padding-bottom: 10px; font-size: 1rem; width: 100%; max-width: 100%; border-bottom: 1px solid #000000; }
form.booking .row { margin-top: 10px; margin-bottom: 10px; }
.question { margin-top: 10px; padding: 5px; width: 100%; max-width: 100%; color: #ffffff; background: #0c3a6e; cursor: pointer; }
.answer { display: none; padding: 5px; width: 100%; max-width: 100%; background: #e3edf7; }
#entrance.trip .title { max-width: 700px; }
.blog { margin-top: 30px; padding: 20px; width: 100%; }
.clear { width: 100%; height: 30px; }
.blog h3 { margin-bottom: 0; }
p.date { margin-top: 0; margin-left: -15px; margin-bottom: 0; font-size: 0.8rem; font-style: italic; }
#current-offers .offer-item { height: 225px; }
.leader { font-weight: bold; }
.leader .icon { color: #25c133 !important; }
.accommodation h2 { font-size: 1.0rem; margin: 0; }
.accommodation { margin-bottom: 20px; padding-bottom: 20px; width: 100%; max-width: 100%; border-bottom: 1px solid #0c3a6e; }
.accommodation-image {  }
.accommodation-image img { width: 90%; max-width: 90%; height: 150px; object-fit: cover; }
#entrance.home { min-height: 500px; }
.swap-content #priceTable .dateText a { color: #4b4b4b; }
.swap-content #priceTable .col-sm-4.text-right a.button { color: #ffffff; display: inline-block; margin: 5px 0; padding-top: 0; padding-bottom: 0; }
.swap-content #priceTable .col-sm-4.text-right a.button:hover { background: #0c3a6e; }
.swap-content #priceTable .col-sm-4.text-right div.button { color: #ffffff; display: inline-block; margin: 5px 0; padding-top: 0; padding-bottom: 0; }
.swap-content #priceTable .col-sm-4.text-right div.button:hover { background: #0c3a6e; }
.text-to-upper { text-transform: uppercase; }
#current-offers .offer-item-content .title {height: 55px; }
#current-offers .offer-item-content .location { padding-bottom: 15px; }
#trip-carousel .trip-carousel-item { height: 300px; }
#current-offers .offer-item-content .title { font-size: 1.1rem; }
.blog-image img { margin-top: 20px; max-width: 100%; }
.booking-rows { margin-top: 20px; padding: 20px; font-size: 0.9rem; border-radius: 20px; background: #eaf3ff; }
.order-overview .row { margin-left: 0px; }
.vertrekgarantie { background: #41ab2d !important; }

#link-images .offer-item {
    position: relative;
    color: white;
    transition-duration: 0.3s
}

#link-images .offer-item .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transition-duration: 0.3s;
    z-index: -1
}

#link-images .offer-item .category {
    position: absolute;
    right: 0;
    bottom: 20px;
    padding: 4px 10px;
    background-color: rgba(33, 115, 69, 0.8);
    color: #fff;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 700;
    z-index: 2
}

#link-images .offer-item .rating {
    position: absolute;
    right: 15px;
    top: 20px
}

#link-images .offer-item:hover {
    box-shadow: 0 0 15px #888
}

#link-images .offer-item:hover .img {
    filter: blur(2px) grayscale(0.25)
}

#link-images .offer-item-content {
    padding: 20px 60px 40px 15px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.75), 0 0 6px rgba(0, 0, 0, 0.75)
}

#link-images .offer-item-content .title {
    font-size: 1.2rem;
    font-weight: 900
}

#link-images .offer-item-content .location {
    padding-bottom: 45px;
    font-size: 0.9rem
}

#link-images .offer-item-content .price {
    padding-bottom: 15px
}

#link-images .offer-item-content .price .price-txt {
    font-size: 0.9rem
}

#link-images .offer-item-content .price .price-number {
    font-size: 1.6rem;
    font-weight: 900
}

#link-images .offer-item-content .transport {
    font-size: 0.9rem
}

#link-images .offer-item-content .transport .icon {
    margin-right: 5px
}

.order-row { float: left; width: 100%; }

li.acties { padding: 5px 15px; border-radius: 10px; background: #217345; }

.cfield { display: none; }

.vertrekgarantie2 {
    position: absolute;
    right: 0;
    bottom: 10px;
    min-width: 70%;
    padding: 4px 10px;
    background-color: rgba(33,115,69,.8);
    color: #fff;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 700;
    z-index: 2;
}

.fullWidth ul, .fullWidth p {
    width: 100%;
}

@media (max-width: 991px) {
    li.acties { padding: 0; border-radius: 10px; background: none; }
}

#entrance.trip .title h1 {
    color: white;
    line-height: normal;
    font-size: 2.6rem;
    font-weight: 900;
    text-shadow: 0 0 2px rgb(0 0 0 / 75%), 0 0 6px rgb(0 0 0 / 75%);
}

.review {
    display: flex;
    margin: 0 0 20px 0;
    padding: 10px;
    width: 100%;
    background: #e3edf7;
}
   
.review-score {
    display: inline-block;
    margin: 0 12px 12px 0;
    color: #217345;
    vertical-align: middle;
    font-size: 32px;
    font-weight: 900;
}

.review-score .fa-layers-text {
    font-size: 22px;
}

.offer-item .rating {
    display: none;
}

.unigarant .question { padding: 10px; }
.unigarant .answer { padding: 10px; }

.smallest { font-size: 0.6rem; line-height: 1.2rem; }
.smallest a { text-decoration: underline; color: #fff; }

@media (max-width: 767px) {
    header .search-bar {
        position: absolute;
        top: 50px;
        right: -40px;
        display: block;
    }
    
    header .search-bar input {
        max-width: 250px;     
    }
}

@media (max-width: 991px) {
    footer #footer-main {
        height: 650px;
    }
    
    #reviews.home .side::after {
        width: auto;
    }
}

.tooltip2 {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip2 h3 {margin:12px 0;}

.tooltip2 .right {
    min-width:200px;
    max-width:400px;
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:0;
    color:#EEEEEE;
    background-color:#444444;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip2:hover .right {
    visibility:visible; opacity:1;
}

.tooltip2 .right img {
    width:400px;
    border-radius:8px 8px 0 0;
}
.tooltip2 .text-content {
    padding:10px 20px;
}

.tooltip2 .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}
.tooltip2 .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#444444;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

ul.two-columns {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}


/*
@media (max-width: 767px) {
    #entrance.home {
        min-height: 200px;
    }
    
    #entrance {
        background-position: auto;
        background-size: auto;
    }
}
*/

.extension { margin-bottom: 20px; padding: 20px 0; border-radius: 20px; background: #f2f7fb; }
#filter-home, .select .select-active { font-size: 0.85rem; }

/* ### menu box ### */

/* ### hamburger ### */
.hamburger { position: absolute; top: 20px; right: 10px; z-index: 500; display: none; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 2px; transition: all 0.3s ease-in-out; }
.hamburger span { margin: 4px auto; position: relative; display: block; width: 30px; height: 3px; border-radius: 75px; background-color: #fff; transition: all 0.3s ease-in-out; }
.hamburger span:before,
.hamburger span:after { position: absolute; display: block; width: 100%; height: 3px; border-radius: 75px; background-color: #fff; transition: all 0.3s ease-in-out; content: ''; }
.hamburger span:before { top: -8px; }
.hamburger span:after { bottom: -8px; }
.hamburger.is_active span { background: none; }
.hamburger.is_active span:before { top: 0; width: 100%; background-color: #fff; transform: rotate(135deg); }
.hamburger.is_active span:after { bottom: 0; width: 100%; background-color: #fff; transform: rotate(-135deg); }

.composition { padding: 10px; border-radius: 50%; background: #073460; }

@media (min-width: 991px) {
    #menu ul { margin: 0; padding: 0; list-style: none; }
    #menu ul li {display: inline-block; position: relative; margin: 0 8px; }
    #menu ul li a, #menu ul li span { color: #fff; text-decoration: none; font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 300; }
    #menu ul li a:hover { color: #fff; text-decoration: none; }
    #menu ul li a:hover::after { transform: scaleX(1); }
    #menu ul li a::after { content: ""; display: block; position: absolute; left: 5%; bottom: -3px; width: 90%; height: 1px; background-color: #fff; transform: scaleX(0); transition-duration: .25s; }
    .menuBox ul { margin: 0; padding: 0; list-style: none; }
    .menuBox ul > li { margin-right: 26px; padding: 2px 0 0 0; position: relative; }
    .menuBox ul > li > a { position: relative; font-size: 16px; font-weight: 800; text-decoration: none; color: #004d55; }
    .menuBox ul > li > ul { margin-top: 5px !important; padding: 0 9px 0 0; position: absolute; top: 100%; left: -20px; min-width: calc(100% + 21px); background-color: #023c6c; transition: all 0.3s ease-in-out; }
    .menuBox ul > li:hover > ul { opacity: 1; visibility: visible; padding-top: 10px !important; padding-bottom: 5px !important; }
    .menuBox ul > li > ul > li { margin-right: 0; padding: 3px 10px 3px 10px; width: 100%; text-align: left !important; }
    .menuBox ul > li > ul > li > a { position: relative; display: block; font-size: 15px !important; font-weight: 500; }
    .menuBox > ul > li > ul { opacity: 0; visibility: hidden; }
}

@media (max-width: 991px) {
    .menuBox { position: fixed; top: 0; right: -410px; z-index: 100; display: block; width: 100%; max-width: 410px; height: 100%; transition: all 0.3s ease-in-out; }
    .menuBox:before { position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; visibility: hidden; width: calc(100vw + 410px); height: 100vh; background-color: rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in-out; content: ''; }
    .menuBox.open { right: 0; }
    .menuBox.open:before { opacity: 1; visibility: visible; }
    .menuBox ul { margin: 0; padding: 0; list-style: none; }
    .menuBox ul { padding-top: 70px; display: block; height: 100%; background: #fff; overflow-y: scroll; }
    .menuBox ul > li { margin-right: 0; padding: 0; border-top: solid 1px rgba(0, 0, 0, 0.1); }
    .menuBox ul > li > a, .menuBox ul li span { padding: 20px; display: block; font-size: 18px; font-weight: 800; color: #023c6c; cursor: pointer; }
    .menuBox ul > li > .arrow:after { position: absolute; top: 20px; right: 20px; transition: all 0.3s ease-in-out; }
    .menuBox ul > li.active > .arrow:after { transform: rotate(-180deg); }
    .menuBox ul > li.active > a, .menuBox ul > li > a:hover { color: #000; }
    .menuBox ul > li:last-child { border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
    .menuBox ul > li > ul { margin-top: 0; padding-top: 0; position: relative; top: inherit; left: inherit; display: none; width: 100%; transition: unset; background: #023c6c !important; }
    .menuBox ul > li > ul > li { padding: 0; }
    .menuBox ul > li > ul > li > a { padding: 10px 20px 10px 20px; display: block; font-size: 18px !important; font-weight: 800; color: #fff; cursor: pointer; }
    .hamburger { display: block; }
    header .link-call { margin-right: 20px; }
    header .search-bar { position: absolute; top: 50px; display: block; right: 10px; }
    
    #entrance.home { min-height: 350px; }
    #entrance { background-attachment: unset; }
    #entrance.trip { min-height: 350px !important; max-height: 350px !important; }
    .hide-xs { display: none !important; }
}

.logo2 { margin-top: -10px; margin-left: 0px; height: 275px !important; }
@media (max-width: 991px) { .logo2 { margin-top: 0px; margin-left: 0px; height: 120px !important; } }

.flight { margin-top: 20px; padding: 20px; font-size: 0.9rem; border-radius: 20px; background: #eaf3ff; }
.flight-details { margin-bottom: 20px; padding: 20px; border-radius: 20px; background: #fff; }
.flight-details table { width: 100%; }
.flight-time { font-size: 2.0rem; font-weight: bold; }
.flight-price { font-size: 1.5rem; font-weight: bold; }
td.p33 { width: 33%; }

.home .side .shape { margin-right: -1px; }

#top_banner { padding: 10px 0; color: #fff; background: #b12430; text-align: center; }

img.banner_marketing { position: absolute; top: 10%; right: 30px; max-width: 400px; }
img.banner_marketing_mobile { display: none; }

@media (max-width: 991px) {
  img.banner_marketing { display: none; }
  img.banner_marketing_mobile { display: block; position: relative; margin: 70px 0 0 0; max-width: 75%; }
}