/* PRIJSVRIJ BASE */
/*
    https://stackoverflow.com/questions/20708057/how-do-you-make-a-less-mixin-for-gradients-with-a-variable-number-of-stops
    .linear-gradient(@origin: left; @direction: to right; @start-color: #fff; @stops: #fff 0, #000 20px, #000 20px, #f00 20px;)
*/
/* FONTS */
/* ? */
/* ? */
/* ? */
/* Fonts */
/*deze wordt niet meer gebruikt*/
/* Generic colors */
/*#109f0f;*/
/* Specific location colors */
/* MOBILE */
/* iPhone 5 Retina regardless of IOS version */
@media (device-width: 320px) {
  /*IPhone 5 only CSS here*/
  .logo img {
    width: 120px;
    height: auto;
  }
  #fluid-autocomplete input.search {
    width: 265px !important;
  }
  body .autocomplete-list {
    width: 301px !important;
  }
  body #autocompletePhone .header {
    width: 100%;
  }
}
@media (max-width: 344px) {
  .logo img {
    width: 120px !important;
    height: auto !important;
  }
}
/* Landscape phones and down */
@media (max-width: 479px) {
  .visible-phone {
    display: block;
  }
  .visible-tablet {
    display: none;
  }
  .visible-desktop {
    display: none;
  }
  .hidden-phone {
    display: none;
  }
  .hidden-tablet {
    display: block;
  }
  .hidden-desktop {
    display: block;
  }
  .container {
    width: 310px;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .popUpBox {
    top: 0;
    left: 0;
  }
  .popUpBox.popupCallBack {
    top: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
  }
  body.home #content {
    background: #fff url(../img/base/gradient/phone_bg_zoekbox.png) repeat-x left top;
  }
  body.template #content.has-mood {
    background: #fff url(../img/base/gradient/phone_bg_zoekbox.png) repeat-x left top;
  }
  .target-group-list > li {
    border-bottom: 1px dashed #88ccf9 !important;
  }
  /*
body.book .step-content .extras .fn label
{
    margin-bottom: 25px;
}
*/
  #travelparty-container .fieldMessageBox {
    position: static;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px 0 0 0;
  }
  #travelparty-container .fieldMessageBox .arrow {
    display: none;
  }
  #travelparty-container .fieldMessageBox::after {
    display: none;
  }
  #travelparty-container .fieldMessageBox .tooltipContent {
    min-height: 30px;
  }
  #travelparty-container .fieldMessageBox span.header {
    background: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    text-transform: none;
    padding: 0;
    margin: 0 0 10px 0;
    height: auto;
    text-decoration: underline;
    position: relative;
    font-weight: normal;
    line-height: 27px;
    display: block;
    color: #0092f2;
  }
  #travelparty-container .fieldMessageBox span.header::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faf262+0,f9ee3c+100 */
    background-color: #faf262;
    background: -webkit-linear-gradient(left, #faf262 0%, #f9ee3c 100%) #faf262 no-repeat;
    background: -moz-linear-gradient(left, #faf262 0%, #f9ee3c 100%) #faf262 no-repeat;
    /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
    background: linear-gradient(to right, #faf262 0%, #f9ee3c 100%) #faf262 no-repeat;
    border: 1px solid #f7ea11;
    color: #c82121;
    font-style: italic;
    font-weight: bold;
    content: 'i';
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    font-size: 16px;
  }
  #travelparty-container .fieldMessageBox span:not(.header) {
    font-weight: normal;
  }
  #photo a#btn-up,
  #photo a#btn-down {
    width: 50px;
    height: 50px;
  }
  #photo a#btn-up::after,
  #photo a#btn-down::after {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 26px;
    line-height: 32px;
    background-size: 35px 35px;
    background-position: 50% 100%;
  }
  body.template #photo > .carousel > div.slick-list {
    height: 196px !important;
  }
  a.sort {
    background: url(../img/base/elements/phone/pull-down_geel.png) no-repeat right 4px;
    margin-left: 10px;
    padding-right: 20px;
    height: 25px;
  }
  select.geel {
    background-image: url(../img/base/elements/phone/pull-down_geel.png);
  }
  .wait-box ul li .dollar {
    background: url(../img/base/elements/phone/dollarteken_even-wachten-aub.png) no-repeat left top;
  }
  .wait-box-big ul li .dollar {
    background: url(../img/base/elements/phone/dollarteken_even-wachten-aub.png) no-repeat left top;
  }
  #travelparty-container .birthdates .content {
    border-bottom: 1px solid #90cffa;
  }
  .wait-box.filter-box {
    border: 2px solid #333;
    background-color: #fff;
  }
  .wait-box.filter-box h5 {
    color: #333 !important;
    text-decoration: none;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
  }
  .listaccos .description {
    border-bottom: 1px dashed #88ccf9 !important;
  }
  .arc-dashed {
    background: none;
  }
  .arrow-dashed {
    background: url(../img/base/elements/pc/arrow-dashed.png) no-repeat 0 0;
  }
  .box-sub-header {
    margin-top: 15px;
    margin-bottom: 15px;
    height: 32px;
    padding: 0;
    background: #fff;
  }
  .box-sub-header .header-option {
    width: 100%;
    line-height: 32px;
  }
  .box-sub-header .header-option select {
    float: right;
    width: 100%;
  }
  .visible-phone:not(.button) {
    display: block !important;
  }
  .visible-phone.button {
    display: flex !important;
  }
  .visible-tablet {
    display: none !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-tablet {
    display: block !important;
  }
  .hidden-desktop {
    display: block !important;
  }
  table.hidden-phone {
    display: none !important;
  }
  thead.hidden-phone {
    display: none !important;
  }
  tbody.hidden-phone {
    display: none !important;
  }
  tfoot.hidden-phone {
    display: none !important;
  }
  tr.hidden-phone,
  tr.hidden-tablet,
  tr.visible-desktop {
    display: table-row !important;
  }
  td.visible-phone {
    display: table-cell !important;
  }
  li.hidden-phone,
  td.hidden-phone {
    display: none !important;
  }
  #GeoLocationBanner .container,
  #header .container,
  #content .container,
  #content-center .container,
  #content-bottom .container,
  #footer .container {
    width: 310px;
  }
  #content .container {
    z-index: 2;
  }
  .col4 {
    margin-right: 0;
  }
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12 {
    width: 310px;
    margin-right: 0;
  }
  #header,
  #content,
  #content-center,
  #content-bottom,
  #footer,
  #footer-bottom {
    overflow: hidden;
    min-width: 310px;
  }
  h1 {
    margin: 0;
  }
  #logo-phone a {
    display: block;
  }
  .logo span.type {
    width: 30px;
    height: 30px;
    margin-top: 6px;
  }
  body .logo span.type {
    background-size: 210px 49px;
  }
  body.type-vacation .logo span.type {
    background-position: 0 0;
  }
  body.type-hotel .logo span.type {
    background-position: -30px 0;
  }
  body.type-flight .logo span.type {
    background-position: -60px 0;
  }
  body.type-cruise .logo span.type {
    background-position: -90px 0;
  }
  body.type-car .logo span.type {
    background-position: -120px 0;
  }
  body.type-auction .logo span.type {
    background-position: -150px 0;
  }
  body.type-wintersport .logo span.type {
    background-position: -180px 0;
  }
  /*
	body.type-vacation .logo span.type { background-position: 0 -48px; }
	body.type-hotel .logo span.type { background-position: -30px -48px; }
	body.type-flight .logo span.type { background-position: -60px -48px; }
	body.type-cruise .logo span.type { background-position: -90px -48px; }
	body.type-car .logo span.type { background-position: -120px -48px; }
	body.type-auction .logo span.type { background-position: -150px -48px; }
	body.type-wintersport .logo span.type { background-position:-180px -48px; }
*/
  #header .contact {
    padding: 5px 0;
    color: #fff;
  }
  #header .contact a {
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
  }
  a[href^=tel] {
    color: inherit;
    text-decoration: none;
  }
  #header .contact a[href^=tel],
  #header .contact .number {
    font-size: 20px !important;
    line-height: 20px;
  }
  #header .anvrsgr {
    float: right;
  }
  .anvrsgr {
    margin-top: 6px;
  }
  .anvrsgr ul {
    float: left;
    width: 100%;
  }
  .anvrsgr li {
    margin-right: 8px;
  }
  .anvrsgr li:last-child {
    margin-right: 0;
  }
  .anvrsgr:not(.color) .anvr,
  .anvrsgr:not(.color) .sgr {
    width: 27px;
    height: 22px;
  }
  .anvrsgr:not(.color) .anvr {
    background-position: 0 -33px;
  }
  .anvrsgr:not(.color) .sgr {
    background-position: -27px -33px;
  }
  /*
#nav-phone ul > li,
#nav ul > li:last-child {
    padding-left: 4px;
    padding-right: 4px;
}

#nav-phone ul > li.active > a {
    font-size: 11px;
}

#nav-phone .select {
    padding: 5px 5px 5px 0;
    height: 27px;
}

#nav-phone select {
    width: 100% !important;
    height: 100%;
    background-position: 201px 3px !important;
}

#nav-sub {
    border-bottom: none;

    .search-container {
        padding: 5px;
        height: 21px;
    }

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

#nav-sub-phone {
    width: 310px;
    border-bottom: none;
}

.search-box {
    padding: 5px 2px 2px 6px;
}

#nav-sub-sub {
    height: 38px;
    padding-top: 2px;

    .search-box {
        margin-right: 2px;
    }
}
*/
  .popUpBox .content-box .content {
    padding: 19px 27px 25px 23px !important;
    overflow: auto;
    height: 100vh;
    margin-top: 8px;
  }
  .popUpBox .content-box .content .row .title {
    height: 39px;
    margin: 0 !important;
  }
  .popUpBox .content-box .content .popupContent {
    max-height: calc(100vh - 210px);
  }
  .popUpBox .content-box .content .popupFooter {
    margin-top: -10px;
  }
  /* Doelgroepen */
  .target-group-list {
    width: 310px;
    padding-bottom: 15px;
  }
  .target-group-list > li {
    padding-top: 12px !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    margin-bottom: 0px !important;
    width: 282px !important;
    border-bottom-width: 1px;
    border-right: none !important;
    border-right-width: 0px !important;
    /*.target-group-list > li:nth-child(-n+3)*/
  }
  .target-group-list > li:nth-child(n+5) {
    height: 78px;
  }
  .target-group-list > li:not(:last-child) {
    padding-bottom: 12px !important;
  }
  .target-group-list > li:last-child {
    border-bottom: none !important;
    border-bottom-width: 0px !important;
  }
  .target-group-list > li > .accommodation {
    width: 152px;
  }
  /* #target-groups h3 { font-size: 13px; } */
  #target-groups h3 {
    font-size: 24px;
  }
  #target-groups .styled-select {
    float: right;
  }
  #banners {
    margin-bottom: 0;
  }
  #banners > li.banner {
    margin-bottom: 10px;
  }
  #box-news-and-partners > div {
    margin-bottom: 10px;
  }
  .to > li {
    width: 72px;
  }
  .main-search-box {
    margin-bottom: 270px;
  }
  .search-parameters .travelparty span.Multi {
    font-size: 16px;
  }
  body.template .main-search-box.has-mood {
    margin-bottom: 210px;
  }
  .search-popup select.Vervoerstype {
    font-size: 16px;
  }
  #photo .container .item.phone .h2 {
    margin-top: 10px;
  }
  #photo {
    top: 400px;
  }
  div.phone-lastminute-enabled #photo {
    top: 425px;
  }
  body.template #photo {
    top: 500px;
  }
  body.template #photo > .carousel,
  #photo > .carousel {
    width: 768px;
    /*width: 330px;*/
    height: 180px;
    /*height: 155px;*/
    background: none;
  }
  body.template #photo > .carousel img,
  #photo > .carousel img {
    width: 100%;
    height: 100%;
    background-size: cover;
  }
  #photo .container .item {
    top: 10px !important;
    /*left: -515px;*/
    left: 245px;
    width: 290px;
    height: 110px;
  }
  body.template #photo .carousel .bg-photo,
  #photo .carousel .bg-photo {
    height: 180px !important;
  }
  #photo .carousel:not(.slick-dotted) .bg-photo:not(.slick-slide) {
    bottom: 0 !important;
  }
  #photo .link-box {
    top: 10px;
    display: none;
  }
  #photo .prev-box {
    left: 0px;
  }
  #photo a#btn-up,
  #photo .next-box .up {
    right: 200px;
    top: 100px;
  }
  #photo .next-box {
    right: 0px;
  }
  #photo .next-box,
  #photo .prev-box {
    top: 85px;
  }
  #photo a#btn-down,
  #photo .prev-box .down {
    left: 195px;
    top: 100px;
  }
  #photo .carousel > ul > li.bg-photo > .photo {
    background-size: 768px 155px;
    background-position: center 0;
  }
  #footer-phone {
    display: none;
  }
  div.phone-lastminute-enabled #footer-phone {
    top: 557px;
  }
  body.template #footer-phone {
    top: 633px;
  }
  #photo .footer {
    background: none;
    height: 50px;
    width: 310px;
    padding: 0 0 0 0;
    right: -613px;
    padding-left: 0;
    bottom: 0;
    position: relative;
    padding-right: 0;
  }
  /*1000*/
  #photo .text {
    width: 310px;
  }
  #photo .text .h2 {
    font-size: 12px;
    float: left;
  }
  #photo .text .h2.sub-title {
    font-size: 15px;
  }
  #photo .h2,
  #photo .h2 a {
    font-size: 24px !important;
    margin-top: -14px !important;
    line-height: 32px !important;
  }
  #photo .h3,
  #photo .h3 a {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-left: -50px !important;
    padding: 4px 26px 4px 50px !important;
  }
  .nav-sub-footer {
    margin-top: 0px;
    width: 100%;
    display: none;
  }
  #footer .container .row > div.col2:nth-child(even) {
    margin-right: 0;
  }
  input.search.loading {
    background-position: 280px;
  }
  .popupHeader .buttonList {
    margin-top: 0px;
  }
  /*.autocomplete-list-item,
	.autocomplete-list-item-highlight
	{
		width: 301px;
	}*/
  .autocomplete-list-item span.title,
  .autocomplete-list-item-highlight span.title {
    width: 251px;
  }
  .autocomplete-list-item {
    cursor: pointer;
    height: 50px;
  }
  #history-list {
    cursor: pointer;
  }
  .autocomplete-list {
    width: 280px !important;
    height: 45vh;
    overflow-y: auto;
    left: calc(50% - 140px) !important;
  }
  /*
		===============================================================
		RESULTATENPAGINA
	*/
  div.search-results {
    padding: 0 0 20px 0;
    margin-bottom: 25px;
  }
  #search-results-column {
    width: 310px;
  }
  #search-results-column .overview {
    padding: 0;
  }
  .overview,
  .overview h3 {
    font-family: 'Lato';
    font-size: 14px;
  }
  a.sort {
    font-size: 10px;
    height: 13px;
  }
  .paging a:not(.btn-rood) {
    font-size: 10px;
  }
  ul.results > li {
    width: 310px;
    padding: 10px 0 50px;
  }
  ul.results > li > .title {
    width: 310px;
    margin-top: 15px;
  }
  ul.results > li > .accommodation {
    width: 310px;
  }
  ul.results > li > .photo {
    margin-top: 0;
    width: 310px;
    height: 210px;
  }
  ul.results > li > .accommodation .review {
    margin: 20px 0 0 0;
  }
  ul.results > li > .accommodation .facts {
    height: auto;
  }
  ul.results > li > .price {
    bottom: 90px;
    top: auto;
  }
  ul.results > li > .btn-rood-fluid-wrapper {
    width: 100% !important;
    clear: both;
    margin-top: 25px !important;
  }
  ul.photo-carousel li {
    width: 310px;
    height: 210px;
  }
  ul.photo-carousel li img {
    width: 100%;
    min-height: 100%;
  }
  .options {
    height: 37px;
    margin-right: 105px;
    width: 230px;
  }
  .options .content {
    padding-right: 30px;
    font-size: 10px;
  }
  .options .content > div {
    line-height: 27px;
  }
  .overview label {
    font-size: 10px;
  }
  .overview .sort-list {
    margin-left: 5px;
  }
  .overview a.sort {
    line-height: 25px;
  }
  select.geel {
    padding-right: 17px;
  }
  /*
		RESULTATENPAGINA
		===============================================================
	*/
  .wait-box {
    width: 300px;
    padding: 10px 5px;
    left: 0px;
  }
  .wait-box ul li {
    margin-right: 1px;
  }
  .wait-box ul li .dollar {
    width: 32px;
    height: 42px;
  }
  .wait-box-big {
    width: 300px;
    padding: 10px 5px;
    left: 0px;
  }
  .wait-box-big ul li {
    margin-right: 1px;
  }
  .wait-box-big ul li .dollar {
    width: 32px;
    height: 42px;
  }
  .wait-box-big ul li:nth-child(n+10) .dollar {
    display: none;
  }
  /* deze is 12col breed voor de pc versie, moet nu 310px worden */
  body.search #travelparty-container {
    width: 310px;
  }
  /*#travelparty-container .content-box .content h3 {
		font-size:20px;
		line-height:20px;
	}*/
  #travelparty-container .dashed-box {
    padding: 15px;
  }
  #travelparty-container .content .dashed-box small {
    margin-left: 0px;
    float: left;
    margin-top: 5px !important;
  }
  .main-search-box .select-wrapper-2 select:not(.day):not(.month):not(.year):not(.small),
  .main-search-box .select-wrapper-2 input {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #333;
    font-size: 16px !important;
  }
  #travelparty-container .content label,
  .fluid-full-popup .content label {
    width: 150px;
  }
  #travelparty-container select.day,
  #travelparty-container select.month {
    margin-right: 3px !important;
  }
  body.search #travelparty-container .col6 {
    width: 290px;
    clear: both;
  }
  #travelparty-container .birthdates .content {
    border-right: none;
    padding: 0 0 10px 0;
    margin: 0 0 0 10px;
  }
  #travelparty-container .birthdates label:not(.full) {
    width: 30%;
  }
  #travelparty-container .col6 {
    width: 310px;
  }
  #travelparty-container .col6 .content {
    padding-left: 0 !important;
  }
  #travelparty-container .fieldMessageBox .tooltipContent span {
    display: inline !important;
  }
  .travgroup #travelparty-container .col6 .content {
    margin-right: 10px;
  }
  .travgroup #travelparty-container .birthdates .content {
    padding-bottom: 10px !important;
  }
  .travgroup #travelparty-container .addition .content {
    padding-top: 10px !important;
  }
  #travelparty-container .addition .content {
    padding: 10px 0 0 0;
    margin: 0 0 0 10px;
  }
  .wait-box.filter-box {
    position: fixed;
    left: 0;
    width: 100%;
    height: calc(100% - 47px) !important;
    background-image: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 56px;
    text-align: left;
    z-index: 1001;
    padding: 20px;
    border: none !important;
    background: white;
  }
  .wait-box.filter-box a,
  .wait-box.filter-box a:visited {
    color: #0077BF;
  }
  .wait-box.filter-box #ContentPlaceHolderContent_PhoneFilterBox_btnCloseTextLink {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 36px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #A8A8A8;
    position: relative;
    padding-left: 18px;
    text-decoration: none;
  }
  .wait-box.filter-box #ContentPlaceHolderContent_PhoneFilterBox_btnCloseTextLink::before {
    position: absolute;
    left: 0;
    top: 12px;
    width: 12px;
    height: 12px;
    content: '';
    background: url('../img/base/ico/2021/general/cancel.svg') no-repeat;
    background-size: 12px 12px;
    filter: invert(65%) sepia(31%) saturate(0%) hue-rotate(256deg) brightness(98%) contrast(88%);
  }
  .wait-box.filter-box .filter-footer {
    box-sizing: border-box;
    position: fixed;
    bottom: 0px;
    left: 0;
    background: #fff;
    padding: 16px 20px;
    width: 100%;
    border-top: solid 1px #efefef;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .wait-box.filter-box .filter-footer a {
    line-height: 36px;
  }
  .wait-box.filter-box .filter-footer .btn-rood {
    margin-right: 0;
    margin-bottom: 0;
    width: auto;
  }
  .wait-box.filter-box a.close.red {
    position: fixed;
    top: 10px;
    right: 10px;
  }
  .wait-box.filter-box h4 {
    display: inline-block;
    width: 100%;
    position: relative;
  }
  .wait-box.filter-box h4::before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background: url('../img/Base/ico/2021/General/Arrow Down.svg') no-repeat;
    filter: invert(46%) sepia(46%) saturate(2016%) hue-rotate(359deg) brightness(106%) contrast(102%);
    background-size: 20px 20px;
    color: #fff;
    font-family: 'Lato';
    float: left;
    line-height: 10px;
    font-size: 10px;
    text-align: center;
    margin: 4px 0 0 0;
  }
  .wait-box.filter-box .expanded h4::before {
    background-image: url('../img/Base/ico/2021/General/Arrow Up.svg');
  }
  .wait-box.filter-box span.selectedValues {
    display: none;
    position: absolute;
    right: 30px;
    top: 0;
    line-height: 20px;
  }
  .wait-box.filter-box span.selectedValues .nrItems {
    padding-right: 3px;
  }
  .wait-box.filter-box input[type=checkbox],
  .wait-box.filter-box input[type=radio] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .wait-box.filter-box input[type=checkbox] + label,
  .wait-box.filter-box input[type=radio] + label,
  .wait-box.filter-box span.aspNetDisabled + label.initialLabel {
    padding-left: 30px;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
  .wait-box.filter-box input[type=checkbox] + label:hover,
  .wait-box.filter-box input[type=radio] + label:hover,
  .wait-box.filter-box span.aspNetDisabled + label.initialLabel:hover {
    font-weight: 600;
  }
  .wait-box.filter-box span.aspNetDisabled + label.initialLabel {
    background: url(../img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
    background-size: 16px;
    color: #ccc;
    cursor: default;
  }
  .wait-box.filter-box span.aspNetDisabled + label.initialLabel:hover {
    cursor: default !important;
    font-weight: 400 !important;
    background-position: 0 0 !important;
  }
  .wait-box.filter-box input[type=checkbox] + label {
    background-image: url(../img/Base/elements/pc/checkbox.png);
  }
  .wait-box.filter-box input[type=checkbox]:checked + label {
    background: url(../img/base/elements/pc/checkbox_aan.png) no-repeat transparent 0 0;
    background-size: 16px;
  }
  .wait-box.filter-box input[type=checkbox]:checked + label:hover {
    font-weight: 600;
  }
  .wait-box.filter-box input[type=checkbox].parent-marked + label {
    background: url(../img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
    background-size: 16px;
  }
  .wait-box.filter-box input[type=checkbox].parent-marked + label:hover {
    font-weight: 600;
  }
  .wait-box.filter-box input[type=radio]:checked + label {
    background-position: 0 -20px;
  }
  .wait-box.filter-box input[type=radio]:hover + label {
    background-position: 0 -40px;
  }
  .wait-box.filter-box input[type=radio]:checked:hover + label {
    background-position: 0 -60px;
  }
  .wait-box.filter-box input[type=radio] + label {
    background-image: url(../img/Base/elements/pc/radio.png);
  }
  .wait-box.filter-box label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .wait-box.filter-box input {
    float: left;
    margin-left: 5px;
  }
  .wait-box.filter-box .new-radio input {
    margin-left: 0;
    margin-right: 10px;
  }
  .wait-box.filter-box .new-radio input:checked::after {
    left: 15px;
  }
  .sticky {
    position: fixed;
    top: 52px;
    z-index: 1000;
  }
  #search-overview .wait-box.filter-box label {
    float: left;
    clear: none;
    width: 240px;
    list-style: none;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 5px 0;
    color: #333 !important;
  }
  #search-overview .wait-box.filter-box label:first-child {
    margin-top: 0;
  }
  #search-overview .wait-box.filter-box label:last-child {
    margin-bottom: 0;
  }
  .filterSelectionContainer table {
    width: 100%;
  }
  .filtergroup-11 label span.inactive,
  .filtergroup-11 label span.active.mr {
    margin-right: 130px;
  }
  .filter-container {
    clear: both;
    width: 100%;
    padding-bottom: 40px;
    height: calc(100% - 77px);
    position: relative;
    overflow-y: scroll;
    background: #efefef;
  }
  .wait-box.filter-box table td {
    height: 18px;
  }
  .wait-box.filter-box h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 14px 0;
  }
  .filter-container h4 {
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
  }
  .filter-container .box-filtergroup {
    clear: both;
    padding: 8px 0px 8px 5px;
    background: white;
  }
  .filter-container .box-filtergroup:not(:last-of-type) {
    border-bottom: solid 1px #efefef;
  }
  .filter-container .box-filtergroup > div {
    min-height: 20px;
    position: relative;
  }
  .filter-container .box-filtergroup .filterSelectionContainer {
    display: none;
    background: #fff;
  }
  .filter-container .box-filtergroup .filterSelectionContainer #slider-19 {
    display: table;
  }
  .filter-container table tr td input,
  .filter-container ul li input {
    margin-right: 5px;
  }
  .filter-container ul li,
  .filter-container ul li label {
    line-height: 14px;
  }
  .wait-box.filter-box a.save {
    margin: 10px auto 0;
  }
  #search-filters-column {
    width: 310px;
  }
  #search-filters-column > div {
    margin-left: 0;
  }
  #search-filters-column > .content {
    margin-bottom: 25px;
  }
  .your-trip {
    width: 133px;
    height: 95px;
    left: -4px;
  }
  .paging {
    margin-right: 10px;
    width: 290px;
  }
  .paging a.prev {
    margin-right: 0;
  }
  .paging .prev {
    float: left;
  }
  .paging .next {
    float: right;
  }
  .phone-filterbox {
    display: block;
    position: relative;
    margin-top: 7px;
  }
  #search-overview {
    padding-bottom: 15px;
  }
  #search-results-column .box-header:not(.multiple-tabs) a.tab {
    padding-left: 0;
    font-size: 20px;
  }
  /* DETAIL */
  body.detail #content-center .title {
    width: 100%;
  }
  body.detail #content-bottom .sidebar {
    width: 310px;
    margin-top: 10px;
  }
  body.detail #content-center .details {
    width: 100%;
  }
  .detail .sidebar,
  .book .sidebar {
    position: relative;
    right: 0;
    top: 0 !important;
    margin-right: 0px;
  }
  .tab-buttons > li {
    margin-right: 8px;
    width: 45px;
  }
  .tab-buttons > li a {
    width: 100%;
    font-size: 0px;
    height: 45px;
    width: 45px;
    padding: 0;
  }
  .tab-buttons > li a:hover {
    background-color: #cae8fc;
  }
  .tab-buttons > li a {
    border-bottom: 1px solid #a5d7f8;
    position: relative;
  }
  .tab-buttons > li {
    position: relative;
  }
  .tab-buttons > li::before {
    content: '';
    display: block;
    font-size: 16px;
    color: #333;
    position: absolute;
    top: 5px;
    text-align: center;
    z-index: 99;
    pointer-events: none;
    width: 100%;
    height: 20px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .tab-buttons > li a span {
    font-family: 'Lato';
    font-size: 10px;
    line-height: 24px;
    color: #333;
  }
  .tab-buttons > li.active::before,
  .tab-buttons > li.active a span {
    color: #d90000;
  }
  .tab-buttons > li#tab-information::before {
    background-image: url(../img/base/ico/info_zwart.svg);
  }
  .tab-buttons > li#tab-information.active::before {
    background-image: url(../img/base/ico/info_rood.svg);
  }
  .tab-buttons > li#tab-prices::before {
    background-image: url(../img/base/ico/euro.svg);
  }
  .tab-buttons > li#tab-prices.active::before {
    background-image: url(../img/base/ico/euro_rood.svg);
  }
  .tab-buttons > li#tab-review::before {
    background-image: url(../img/base/ico/beoordeling.svg);
  }
  .tab-buttons > li#tab-review.active::before {
    background-image: url(../img/base/ico/beoordeling_rood.svg);
  }
  .tab-buttons > li#tab-photos::before {
    background-image: url(../img/base/ico/fotos.svg);
  }
  .tab-buttons > li#tab-photos.active::before {
    background-image: url(../img/base/ico/fotos_rood.svg);
  }
  .tab-buttons > li#tab-map::before {
    background-image: url(../img/base/ico/bestemming_2.svg);
  }
  .tab-buttons > li#tab-map.active::before {
    background-image: url(../img/base/ico/bestemming_rood.svg);
  }
  .tab-buttons > li#tab-weather::before {
    background-image: url(../img/base/ico/weer.svg);
  }
  .tab-buttons > li#tab-weather.active::before {
    background-image: url(../img/base/ico/weer_rood.svg);
  }
  .tab-buttons > li:last-child {
    margin-right: 0;
  }
  .tab-buttons-phone {
    width: 310px;
  }
  #content-bottom .content-box .content {
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  #content-bottom .popUpBox .content-box {
    width: 100vw;
    height: 100vh;
  }
  #content-bottom .popUpBox .content-box .content {
    width: 100vw;
    height: 100vh;
  }
  .book .content-box .content,
  .complete .content-box .content {
    padding: 10px;
  }
  body.book .step-header,
  body.complete .step-header {
    margin: 6px 0 5px -10px;
  }
  #content-bottom .content-box .content h3.title {
    padding: 0;
    font-size: 21px;
  }
  #content-bottom .content-box .content .box-weather,
  #content-bottom .content-box .content .box-map {
    margin: 0 15px;
  }
  .box-review .reviews h5 {
    padding: 0 10px;
    margin: 0;
  }
  #content-bottom .content-box .content .description {
    padding: 0 15px;
  }
  #content-bottom .content-box .content .fsi,
  #content-bottom .content-box .content .btn-rood.wide {
    margin: 13px 10px 0px 15px;
  }
  #content-bottom .content-box .content .box-information .btn-rood.wide {
    margin-left: 0px;
    margin-right: 15px;
  }
  .box-review .categories {
    margin: 0;
  }
  .box-review .categories.full {
    margin-left: 0;
    padding: 0 10px;
    margin-top: 100px;
  }
  .box-review .favorite {
    width: 260px;
  }
  .box-review .reviews .review {
    width: 216px;
  }
  .box-review .reviews .reviewer {
    width: 214px;
  }
  .box-review .reviews li {
    margin: 0 10px 20px 10px;
    width: 286px;
  }
  .box-review .reviews .link {
    margin-right: 10px;
  }
  .box-review .travel-companies {
    width: 276px;
    height: 59px;
    margin-left: 0;
  }
  .box-review .travel-companies select {
    width: 100%;
    margin: 0;
  }
  .box-review .categories {
    padding-left: 0;
    margin-top: 10px;
    margin-left: 15px;
  }
  .box-review .categories .roset {
    top: -75px !important;
    left: 0 !important;
  }
  #content-bottom .content-box .content .box-review h3.title {
    padding: 0 15px;
  }
  .box-photos .big-photo-container {
    width: 306px;
  }
  .box-photos .big-photo-container,
  .box-photos .big-photo,
  .box-photos .big-photo div.imgHolder {
    width: 306px;
    height: 210px;
  }
  .box-photos .big-photo div img {
    width: 308px;
    height: 212px;
  }
  .box-photos .big-photo ul li {
    width: 310px;
    height: 210px;
  }
  .box-photos .small-photos-container {
    padding: 10px 0;
    height: 71px;
  }
  ul.list-photos {
    width: 310px;
  }
  .box-photos .small-photos {
    width: 310px;
    height: 71px;
  }
  .box-photos .small-photos li {
    margin-right: 2px;
    width: 102px;
  }
  .box-photos .small-photos li img {
    width: 102px;
  }
  .box-photos .small-photos li:nth-child(n+3) {
    margin-right: 0px;
  }
  .box-photos .small-photos-container a.prev,
  .box-photos .small-photos-container a.next {
    display: none;
  }
  .box-photos {
    padding-bottom: 10px;
  }
  .box-photos .big-photo-container {
    background: none;
  }
  .box-photos .btn-rood.wide {
    margin: 0 auto;
  }
  #map {
    width: 276px;
    height: 276px;
  }
  /* WEER */
  .weather span {
    width: 30px;
    height: 24px;
    background-size: cover;
  }
  .weather span.sunny {
    background-position: 0 0;
  }
  .weather span.sunnyintervals {
    background-position: -30px 0;
  }
  .weather span.whitecloud {
    background-position: -60px 0;
  }
  .weather span.blacklowcloud {
    background-position: -90px 0;
  }
  .weather span.mist {
    background-position: -120px 0;
  }
  .weather span.fog {
    background-position: -150px 0;
  }
  .weather span.lightrainshowers {
    background-position: -180px 0;
  }
  .weather span.heavyrainshowers {
    background-position: -210px 0;
  }
  .weather span.lightsnowshowers {
    background-position: -240px 0;
  }
  .weather span.heavysnowshowers {
    background-position: -270px 0;
  }
  .weather span.sleetshowers {
    background-position: -300px 0;
  }
  .weather span.thunderyshowers {
    background-position: -330px 0;
  }
  .weather span.cloudywithlightrain {
    background-position: -360px 0;
  }
  .weather span.cloudywithheavyrain {
    background-position: -390px 0;
  }
  .weather span.cloudywithlightsnow {
    background-position: -420px 0;
  }
  .weather span.cloudywithheavysnow {
    background-position: -450px 0;
  }
  .weather span.cloudywithsleet {
    background-position: -480px 0;
  }
  .weather span.thunderstorms {
    background-position: -510px 0;
  }
  .weather-forecast .label {
    width: 50px;
  }
  .weather-forecast .forecast {
    width: 33px;
  }
  .weather-forecast .forecast.date {
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 5px;
  }
  .weather-forecast .hidden-phone {
    display: none !important;
  }
  .weather-forecast .visible-phone {
    display: inline-block !important;
  }
  table.weather-climate td {
    width: 41px;
    padding-left: 5px;
    padding-right: 5px;
  }
  table.weather-climate td.month {
    width: 46px !important;
  }
  table.weather-climate td.legend {
    width: 20px;
  }
  #map-detail-holder .map-box-holder {
    height: 68px;
    margin-top: 10px;
  }
  .box-matrix .prices .prefdate .pref .filters {
    width: 289px;
  }
  #content-bottom .content-box .content .box-matrix h3.title {
    /*padding: 0 15px;*/
  }
  .template .content.col8 {
    float: left !important;
  }
  .listaccos {
    width: 310px !important;
    float: right;
  }
  .listaccos ul,
  .listaccos .description {
    width: 100% !important;
  }
  .listaccos .description {
    border-right: none !important;
    padding-bottom: 10px !important;
  }
  .listaccos ul {
    padding-top: 10px !important;
    padding-left: 0px !important;
  }
  .listaccos ul ul {
    padding-top: 0 !important;
    width: auto !important;
  }
  .box-text .content .image {
    position: absolute !important;
    right: -15px !important;
    top: 32px !important;
  }
  .box-text .content .image img {
    width: 125px;
  }
  .tripBlock .trips {
    width: auto;
  }
  #trips {
    width: 280px;
  }
  #trips td {
    height: auto;
    min-height: 19px;
  }
  #trips td span {
    float: right;
    display: block;
  }
  #trips td span.transport-icon span {
    float: left;
  }
  #trips td span.status-icon span {
    float: left;
  }
  #trips td.price span.currency {
    display: inline;
    float: none;
  }
  #trips .radio {
    vertical-align: top;
  }
  #trips .logo {
    width: 254px;
    float: left;
  }
  #trips span.lbl {
    text-indent: 0;
    float: left;
  }
  #trips .transport {
    width: 254px;
    float: left;
  }
  #trips .board {
    width: 254px;
    float: left;
  }
  #trips .price {
    width: 125px;
    float: left;
    margin-bottom: 3px;
  }
  #trips .avail {
    width: 125px;
    float: left;
    margin-bottom: 3px;
  }
  #trips li .trip {
    width: 258px;
    min-height: 86px;
    height: auto;
    float: left;
  }
  #trips li .logo {
    height: 20px;
  }
  #trips li .transport {
    float: right;
    width: 100% !important;
    clear: both;
    height: auto;
    display: flex;
  }
  #trips li .transport .icon-label {
    width: calc(100% - 24px);
  }
  #trips li .avail {
    float: left;
    margin-top: 0;
  }
  #trips li .board {
    width: 100%;
    float: left;
  }
  #trips li .avail {
    width: 114px;
  }
  #trips li .action {
    height: 26px;
    width: 126px;
  }
  .mPriceCheckMulti {
    width: 258px;
    height: 42px;
    display: none;
  }
  .roomBlock .rooms {
    width: auto;
  }
  #assignTravelers .travelerLabel {
    width: 104px;
  }
  #tbAvailableRooms tr {
    position: relative;
    clear: both;
    min-height: 80px;
    width: 254px;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
  }
  #tbAvailableRooms tr.height51 {
    min-height: 100px;
  }
  #tbAvailableRooms tr.height67 {
    min-height: 110px;
  }
  #tbAvailableRooms tr.height83 {
    min-height: 130px;
  }
  #tbAvailableRooms tr.height115 {
    min-height: 160px;
  }
  #tbAvailableRooms td {
    display: block;
  }
  #tbAvailableRooms .rmRadio {
    width: 24px;
    float: left;
    order: 1;
  }
  #tbAvailableRooms .rmLogo {
    width: 82px;
    float: left;
    order: 3;
    margin-left: 24px;
  }
  #tbAvailableRooms .rmType {
    width: 230px;
    float: left;
    order: 2;
    margin-bottom: 10px;
  }
  #tbAvailableRooms .rmOccupation {
    float: left;
    width: 148px;
    order: 4;
    height: 25px;
  }
  #tbAvailableRooms .rmPrice {
    width: 148px;
    float: left;
    order: 5;
    height: 25px;
    margin-top: -25px;
    margin-left: 106px;
  }
  #tbAvailableRooms .rmOccupation > span,
  #tbAvailableRooms .rmPrice > span {
    float: left;
  }
  #tbAvailableRooms .rmPrice span.fsi {
    margin: 0 !important;
    display: inline-block;
    font-style: normal !important;
    float: right;
  }
  #tbAvailableRooms .rmPrice span.price,
  #tbAvailableRooms .rmOccupation span.minmax {
    float: right;
  }
  #tbAvailableRooms .rmType .roomInfo,
  .roomBlock .roomInfo {
    margin-left: 5px;
    width: 225px;
  }
  #assignTravelers .travelerSelect input:checked ~ label.adult,
  #assignTravelers .travelerSelect input:checked ~ label.child,
  #assignTravelers .travelerSelect input:checked ~ label.infant {
    margin-left: 0;
    margin-right: 6px;
  }
  #assignTravelers tbody tr {
    height: 50px;
  }
  #content-bottom .content-box .content .btn-rood.wide.arrow {
    margin-left: 0;
  }
  .availableTransports .transportSegment {
    width: 264px;
  }
  #travelparty-container.fluid-full-popup select,
  #travelparty-container.search-fluid-popup select,
  .fluid-full-popup select:not(.ui-datepicker-monthYear) {
    width: 100% !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .main-search-box .select-wrapper-fluid::before,
  .fluid-full-popup .select-wrapper-fluid::before,
  #travelparty-container.search-fluid-popup .select-wrapper-fluid::before {
    font-family: 'prijsvrij-icons';
    font-weight: bold;
    font-size: 16px;
    color: #929292;
    position: absolute;
    left: 8px;
    bottom: 16px;
    z-index: 10;
    pointer-events: none;
    display: block;
  }
  .availableTransports .transportSegment:first-child {
    margin-right: 0px;
  }
  body .luggage-box .more-options .container select,
  body.book .luggage-box .more-options .container select:not(.day):not(.small):not(.monthFull):not(.year) {
    width: 238px !important;
    background-position-x: 215px !important;
  }
  body.book select:not(.day):not(.small):not(.month):not(.monthFull):not(.year):not(.paymentSubOptions) {
    width: 262px;
    margin-right: 0;
  }
  body.book .box .step-content input.txtPhone,
  body.book .box .step-content input.txtHomeStayPhoneFixed {
    width: 187px;
  }
  body.book select,
  body.book input {
    font-size: 16px;
  }
  body.book .payment li select.paymentSubOptions {
    margin-left: 95px !important;
  }
  body.book input[type="text"]:not(.search) {
    width: 262px;
    margin-right: 0;
  }
  body.book input[type="text"].postalcode {
    width: 100px;
  }
  body.book input[type="text"].homenumber {
    width: 75px;
    margin-left: 87px;
  }
  body.book div[id*="fieldZipcode"] div.wrong-postalcode-errortext {
    margin-left: 0;
  }
  body.book input[type="text"] {
    width: 208px;
  }
  .box-matrix .prices .prefdate .filters-matrix {
    width: 306px !important;
  }
  .box-matrix .prices .prefdate .date {
    padding: 13px 9px 0 2px;
    width: 308px;
  }
  .box-matrix .prices .prefdate .pref .filters .legenda {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 13px);
  }
  .box-matrix .prices .prefdate .pref .filters .travgroup {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  body.book .dashed-box,
  body.complete .dashed-box {
    padding: 10px;
  }
  body.book .step,
  body.complete .step,
  body.dossier .step {
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: left top !important;
  }
  body.book .step-content .travelers label,
  body.complete .step-content .travelers label,
  body.book .step-content .extras label,
  body.complete .step-content .extras label,
  body.dossier .step-content .extras label,
  body.complete .step-content .extras label {
    clear: both;
    width: 100%;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  /*120x80*/
  li.lastminute .thumb {
    width: 218px !important;
    height: 150px !important;
  }
  li.lastminute .date.calendar {
    margin-left: 10px;
  }
  ul.results > li.lastminute > .title {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  ul.results > li.lastminute > .title h4 {
    margin-bottom: 0 !important;
  }
  ul.results > li.lastminute > .details {
    margin-left: 10px;
    min-height: 75px;
    margin-bottom: 0 !important;
  }
  ul.results > li.lastminute > .price-original {
    margin-left: 10px;
    clear: both;
  }
  ul.results > li.lastminute .pricelabel {
    bottom: 10px !important;
  }
  .popUpBox {
    /*width:310px;
		margin-left:-155px;
		margin-top:-250px;*/
    width: 100%;
    margin: 0;
  }
  #travelparty-container .content-box,
  .fluid-full-popup .content-box {
    margin-top: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #travelparty-container .content,
  .fluid-full-popup .content {
    padding: 0;
    overflow: visible;
  }
  #travelparty-container .content h3,
  .fluid-full-popup .content h3 {
    font-size: 20px !important;
    font-weight: bold !important;
  }
  .popUpBox .content-box .content .popupContent .priceBreakDown .total {
    height: auto;
    font-size: 15px;
  }
  .w350 {
    width: 150px !important;
  }
  body.lastminutes .box.content .description,
  body .box.content .description {
    width: 100% !important;
  }
  body.lastminutes .box.content .description img,
  body .box.content .description img {
    width: 100% !important;
  }
  body.lastminutes .box.content .description div.fr,
  body .box.content .description div.fr {
    float: left !important;
  }
  body .box.content .description .wide {
    width: 100% !important;
  }
  body.lastminutes .sidebar.col4 {
    width: 310px !important;
  }
  /* AUTOHUUR EN HOTELS */
  body.type-car .col4 > div.fl.cb,
  body.type-hotel .col4 > div.fl.cb {
    margin-bottom: 10px;
  }
  body.template.type-car .main-search-box,
  body.template.type-hotel .main-search-box,
  .main-search-box {
    margin-bottom: 320px;
  }
  body.home .main-search-box {
    margin-bottom: 210px;
  }
  #banners .banner-3 {
    margin-top: 0;
  }
  body.type-hotel .popular-destinations {
    width: 310px;
  }
  #box-news-and-partners {
    float: left;
    clear: both;
    margin: 0;
  }
  .widgetareas.col8,
  .widgetareas.col8,
  .widgetareas.col8 > .widgetareas {
    width: 310px;
  }
  .sitemap.content.col9 {
    width: 310px;
  }
  .sitemap li.col,
  .help li.col {
    width: 100%;
  }
  .sitemap .cols > li:first-child dl {
    padding-left: 0;
  }
  body:not(.travelparty) #photo > .carousel .container {
    z-index: 6;
  }
  body:not(.travelparty) #photo .footer {
    z-index: 6;
  }
  .roomBlock,
  .transportBlock,
  .priceBlock {
    width: 280px;
    margin: 13px;
  }
  .box-matrix .priceBlock .prices h5,
  .priceBlock .priceInfo .row {
    margin: 0;
  }
  .detail .content-box .priceInfo .col4 {
    width: 100% !important;
  }
  .priceDif li.totalOther,
  .priceDif li.totalOur,
  .row.total.discount {
    font-size: 16px;
  }
  .link-detail-price {
    margin-bottom: 10px;
    float: right;
  }
  body.book .sidebar {
    width: 310px !important;
  }
  body.book textarea {
    width: 285px !important;
  }
  body.book .price-overview-block {
    margin-right: 0 !important;
  }
  body.book .passportPopup .passport {
    background-size: cover;
    border-radius: 6px;
  }
  body.book .passportPopup .passport.givenName {
    background-position: 0 100%;
  }
  body.book .passportPopup .passport.infix {
    background-position: 0 50%;
  }
  body.book .passportPopup .passport.lastName {
    background-position: 0 0;
  }
  body.book .passportPopup .passportBox {
    width: 100%;
    height: 45vw;
  }
  .btn-groen.small {
    width: 110px;
    height: 25px;
    padding-right: 5px;
    padding-top: 7px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    line-height: 18px;
  }
  .btn-groen.medium {
    height: 25px;
    padding-right: 5px;
    padding-top: 7px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    line-height: 18px;
  }
  .help-search-box input:not(:last-child) {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .help .help-search-box p {
    line-height: 18px;
    margin-bottom: 5px;
  }
  body.book .step-content .dashed-box p,
  body.complete .step-content .dashed-box p,
  body.book .step-content .dashed-box .toggleText {
    width: 260px;
  }
  body.book .step-content .extras .fn label span.visible-phone {
    display: inline-block !important;
  }
  .luggage-box a.luggage-link {
    width: 44px;
  }
  .luggage-box a.luggage-link span.weight {
    font-size: 19px;
  }
  .luggage-box .more-options {
    margin-left: 0;
  }
  .luggage-box .more-options .row div {
    margin-bottom: 10px;
  }
  .luggage-box .more-options .container {
    height: 130px;
    width: 264px !important;
  }
  .luggage-box .more-options .connector {
    width: 236px;
  }
  .luggage-box .row div > span {
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
  }
  .luggage-box .row div > span.description {
    padding-left: 0;
    padding-top: 10px;
  }
  .luggage-box .selection.inbound,
  .luggage-box .selection.outbound {
    z-index: 999;
    top: 100px !important;
    right: 40px !important;
    text-align: right;
  }
  .luggage-box .selection.inbound {
    top: 155px !important;
  }
  .luggage-box .white-box .arrow {
    left: 185px;
  }
  .luggage-box .white-box p {
    width: 100% !important;
  }
  /* SERVICEPACKAGE */
  ul#servicepackages {
    width: 100%;
    float: left;
    clear: both;
  }
  ul#servicepackages > li {
    margin-right: 0;
    width: 267px;
  }
  ul#servicepackages > li label {
    font-size: 13px;
  }
  .servicepackage h4 {
    margin-bottom: 30px !important;
  }
  div.servicepackage a.sp-faq-link {
    position: absolute;
    right: 10px;
    top: 60px;
  }
  /* SERVICEPACKAGE */
  #parcompare ul > li.item {
    margin-right: 0;
    width: 267px;
  }
  #parcompare label:not(.fwsb) {
    width: 150px;
  }
  body.book .inactive .step-header,
  body.complete .inactive .step-header,
  body.dossier .inactive .step-header {
    padding-bottom: 5px;
  }
  /*
body.book .step-content .extras .fn label,
body.dossier .step-content .extras .fn label {
    width: 234px !important;
}
*/
  body .step-content .extras .btn-discount {
    margin-top: 10px;
  }
  .book .content-box:first-child,
  .complete .content-box:first-child {
    margin-top: 10px;
  }
  #holidayTaxis .transfer-container .title {
    margin-right: 0;
  }
  .waitHolderComplete {
    margin-left: 0;
  }
  .waitHolderComplete .wait-box {
    left: 0px !important;
    width: 275px;
    padding: 10px 0 10px 5px;
  }
  /* Vriendenprijsjes */
  #vriendenprijsjes .palm {
    width: 100%;
    margin: 0 auto;
  }
  #vriendenprijsjes .background {
    background: url(../nl-NL/elements/phone/vp2016-background.png) repeat-x left top !important;
    background-size: cover !important;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
  }
  #vriendenprijsjes .background-overlay {
    /*position:absolute;*/
    background: url(../nl-NL/elements/phone/vp2016-background-overlay.png) repeat-x left top !important;
    background-size: contain !important;
  }
  #vriendenprijsjes .intro {
    width: 290px;
    height: 97px;
    margin-left: -10px;
    background-size: contain !important;
    background: url(../nl-NL/elements/phone/vp2016-tekst-intro.png) !important;
    margin-top: 0 !important;
  }
  #vriendenprijsjes .circle {
    width: 270px;
    padding: 10px;
    margin-left: -147px;
    top: 20px !important;
    /*position:absolute;*/
    height: 485px !important;
  }
  #vriendenprijsjes .prijsjes {
    min-height: 500px;
    min-width: 310px;
  }
  #vriendenprijsjes .close {
    top: -5px;
    right: 15px;
  }
  #vriendenprijsjes .box-click {
    top: 40px;
    left: auto;
    right: 5px;
    width: 310px;
    height: 400px;
  }
  #vriendenprijsjes .boxes {
    width: 290px;
    height: 277px;
    position: absolute;
    top: 10px;
    left: 10px;
  }
  #vriendenprijsjes .box-wordt-vriend {
    top: 100px;
    text-align: left;
    left: 0px;
    padding: 10px 20px;
    width: 294px;
    margin-left: -12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 210px;
    z-index: 9;
  }
  #vriendenprijsjes .box-wordt-vriend span.label {
    margin-bottom: 0;
    color: #000;
    font-weight: normal !important;
    font-size: 14px;
  }
  #vriendenprijsjes .box-wordt-vriend .row {
    width: 100%;
  }
  #vriendenprijsjes .box-wordt-vriend .row.text input {
    width: 100%;
    height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #vriendenprijsjes .box-wordt-vriend .row.cb {
    display: none;
  }
  #vriendenprijsjes .box-wordt-vriend .btn-dont-become-friend,
  #vriendenprijsjes .box-wordt-vriend .btn-become-friend {
    width: 119px;
    height: 53px;
  }
  #vriendenprijsjes .box-wordt-vriend .btn-dont-become-friend {
    background: url(../nl-NL/elements/phone/vp2016-knop-sluit.png) no-repeat !important;
  }
  #vriendenprijsjes .box-wordt-vriend .btn-become-friend {
    background: url(../nl-NL/elements/phone/vp2016-knop-aanmelden.png) no-repeat !important;
  }
  #vriendenprijsjes .box-friend-footer {
    left: 0 !important;
    top: 297px !important;
    width: 100%;
    z-index: 10;
    height: 200px;
  }
  #vriendenprijsjes .box-friend-footer .seat {
    position: static !important;
    background: url(../nl-NL/elements/phone/vp2016-seat.png) !important;
    width: 183px;
    height: 139px;
    margin: 0 auto;
  }
  #vriendenprijsjes .box-friend-footer .ballon1 {
    width: 98px;
    height: 118px;
    top: 65px;
    background: url(../nl-NL/elements/phone/vp2016-ballon1.png) no-repeat !important;
    background-size: 98px 118px !important;
  }
  #vriendenprijsjes .box-friend-footer .ballon2 {
    width: 139px;
    height: 93px;
    top: 90px;
    right: 20px;
    background: url(../nl-NL/elements/phone/vp2016-ballon2.png) no-repeat !important;
    background-size: 139px 93px !important;
  }
  #vriendenprijsjes .box-social {
    top: 179px;
    padding-left: 0;
    left: 20px;
    width: 203px;
  }
  #vriendenprijsjes .box-social .row.social {
    display: none;
  }
  #vriendenprijsjes .box-social .row.tar {
    text-align: center;
    width: 100%;
  }
  #vriendenprijsjes #btnBeFriendAlreadyComplete {
    float: right !important;
  }
  #vriendenprijsjes .button-info {
    float: left !important;
  }
  #vriendenprijsjes .box-links {
    left: 16px;
    top: 107px;
  }
  #vriendenprijsjes .button-friend {
    top: 0px;
    width: 203px;
    height: 26px;
    left: 4px;
  }
  #vriendenprijsjes .button-continue {
    width: 230px;
    height: 54px;
    top: 72px;
    left: 0px;
  }
  #vriendenprijsjes .btnFacebook {
    width: 203px;
    height: 26px;
  }
  #vriendenprijsjes .formValidator {
    position: absolute;
    right: 0px;
    top: 5px;
  }
  .friendBanner {
    width: 310px;
    height: 160px;
    display: block;
  }
  .newsletter iframe {
    width: 280px !important;
    overflow: hidden !important;
    /*height:750px !important;*/
  }
  .filter-box {
    height: 180px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faf370+0,f7ea0e+13,f7ea0e+100 */
    background-color: #faf370;
    background: -webkit-linear-gradient(top, #faf370 0%, #f7ea0e 13%, #f7ea0e 100%) #faf370 no-repeat;
    background: -moz-linear-gradient(top, #faf370 0%, #f7ea0e 13%, #f7ea0e 100%) #faf370 no-repeat;
    /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
    background: linear-gradient(to bottom, #faf370 0%, #f7ea0e 13%, #f7ea0e 100%) #faf370 no-repeat;
  }
  .filter-box .sort {
    width: 290px !important;
    font-size: 9px !important;
  }
  .filter-box .sort li {
    margin-right: 2px !important;
  }
  .filter-box ul.filters li {
    width: 50% !important;
  }
  ul.results > li.lastminute > .review {
    top: 100px !important;
    left: 85px !important;
  }
  body.lastminutes .lastminutes .row:last-child {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  body.lastminutes .content.col8 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  body.lastminutes .sidebar.col4 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  body.lastminutes .filter-box {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: auto !important;
    display: block !important;
  }
  .filter-box {
    padding-bottom: 50px !important;
  }
  .filter-box ul.filters li {
    margin-top: 5px !important;
  }
  .filter-box .phone ul.filters,
  .filter-box .phone ul.filters li {
    width: 100% !important;
    margin: 0;
  }
  .filter-box .phone ul.filters {
    margin-bottom: 5px !important;
  }
  .filter-box .phone ul.filters li span {
    width: 100px !important;
    float: left;
    font-size: 14px;
    line-height: 32px !important;
  }
  .filter-box .phone ul.filters li select {
    float: left;
  }
  .filter-box .sort {
    width: 100% !important;
    height: auto !important;
    padding: 0 15px 10px 15px;
  }
  body ul.results > li.lastminute {
    padding-bottom: 30px !important;
  }
  li.lastminute .date.calendar {
    margin-left: 0;
  }
  li.lastminute .thumb {
    margin-right: 0 !important;
  }
  .filter-box ul.travelparty {
    margin-bottom: 10px;
  }
  body ul.results > li.lastminute > .review {
    top: auto !important;
    bottom: 10px !important;
    left: 0px !important;
  }
  .box.content.h310 .description {
    min-height: initial !important;
  }
  .box-review .categories strong {
    margin-left: 70px;
    display: block;
  }
  body.detail #content-center {
    /*overflow: visible;*/
  }
  body.detail #content-center .container .row {
    flex-direction: column !important;
  }
  body.detail #content-center .container .row > div {
    width: 100%;
    flex-grow: 1;
  }
  body.detail #content-center .title {
    width: 100% !important;
  }
  body.detail #content-center .title h1 {
    font-size: 22px;
    line-height: 28px;
    margin-top: 10px;
  }
  body.detail #content-center .title h2 {
    font-size: 14px;
  }
  body.detail #content-center .package {
    position: relative !important;
    height: 200px;
    margin: 20px 0 0 -10px;
  }
  body.detail #content-center .facts {
    height: auto;
    margin-bottom: 10px;
  }
  .detail .review a {
    margin-left: 15px;
  }
  div.dd_chk_drop div#buttons {
    padding: 2px 0px 4px 4px !important;
  }
  div#checks label {
    clear: both !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 240px;
    overflow: hidden;
    height: 19px;
    line-height: 21px;
    box-sizing: border-box;
  }
  #ctl00_ContentPlaceContentBlock3_updTransportRentals {
    margin: 0;
  }
  .priceInfo.fl.cb h5 {
    margin-top: 0px;
    margin-left: 0px;
  }
  #TranslatedText,
  #PricePopupTranslatedText {
    padding-right: 5px;
  }
  body.lastminutes .filter-box ul.filters li span {
    margin-bottom: 0;
  }
  body.lastminutes .search-results .btn-rood.wide {
    margin-right: 10px;
    margin-top: 5px !important;
  }
  .col3.sidebar {
    width: 100%;
  }
  .btn-rood.extreme {
    margin-top: 10px;
    margin-right: -2px;
  }
  .box-text .box.content.hasimage h1 {
    width: 100% !important;
  }
  #contact .phone .infoBalloon {
    width: 310px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none;
    background-color: #0996f3;
    background: -webkit-linear-gradient(top, #0996f3 0%, #2ba6f6 15%) #0996f3 no-repeat;
    background: -moz-linear-gradient(top, #0996f3 0%, #2ba6f6 15%) #0996f3 no-repeat;
    /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
    background: linear-gradient(to bottom, #0996f3 0%, #2ba6f6 15%) #0996f3 no-repeat;
  }
  #login-phone {
    margin-top: 6px;
  }
  #login-phone,
  #login-phone a {
    color: #fff;
    text-decoration: none;
  }
  .loginForm.top-popup input {
    vertical-align: middle;
  }
  .loginForm li label.remember-me {
    font-size: 11px;
    line-height: 24px;
  }
  #login-phone a.my-profile {
    background: none;
    padding: 0;
  }
  #login-phone li {
    margin-bottom: 5px;
  }
  div.overviewDossierCategory div.col5 {
    width: 100%;
  }
  .contact .form textarea {
    width: 100%;
  }
  .contact .form select {
    width: 100%;
    background-position: 242px 6px;
  }
  .contact .form input {
    width: 100%;
  }
  .filter-box ul.travelparty li {
    height: auto !important;
  }
  .filter-box ul.travelparty li a {
    height: 100px !important;
    text-align: center;
  }
  .filter-box ul.travelparty li .ico_travelers {
    width: 50px;
    height: 30px;
    margin: 0 auto;
    float: none;
  }
  .filter-box ul.travelparty li .arrow {
    left: 31% !important;
  }
  .filter-box ul.filters li {
    width: 100% !important;
  }
  video {
    display: none;
  }
  video source {
    src: '';
  }
  /* GEOTREE LANDINGSPAGINA */
  #geotree-content {
    padding: 10px 0;
  }
  #geotree-content .photo-container,
  #geotree-content ul.photo-carousel li,
  #geotree-content img {
    width: 310px;
  }
  #geotree-content .box-popular-links {
    margin: 0 0 10px 0;
    width: 100%;
  }
  #geotree-content .leftcol,
  #geotree-content .rightcol {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #geotree-content .rightcol {
    float: left;
    margin-top: 10px;
  }
  #geotree-content .rightcol .content {
    width: 100%;
  }
  #geotree-content h1,
  #geotree-content h2 {
    padding: 0;
  }
  #geotree-content h1 {
    margin-top: 10px;
  }
  #geotree-content h2 {
    margin-top: 30px;
  }
  .search-results-footer.content .aggregaterating {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #geotree-full-text {
    padding: 0;
  }
  .search-results-footer.content .link a {
    margin: 10px 0 0 0;
  }
  /* GEOTREE LANDINGSPAGINA */
  body.detail .priceInfo > .row {
    width: 100% !important;
  }
  body.detail .price-overview #container1 {
    right: 0;
  }
  body.detail .price-overview #container2 {
    padding-bottom: 40px;
  }
  body.detail .price-overview .col {
    width: 100%;
    left: 0;
    padding: 10px;
  }
  body.detail .price-overview .col.last {
    background-color: #fff;
  }
  body.detail .price-overview .total.discount {
    width: calc(100% + 2px);
    left: -1px;
  }
  /*
    body.detail .price-overview .priceDif li span {
        min-width: 98px;
    }*/
  body.detail .price-overview .priceDif li.totalOur span {
    width: auto;
  }
  body .filter-box ul.travelparty li a > span {
    display: none !important;
  }
  .payment li label {
    width: 235px !important;
    margin-right: 0px !important;
  }
  .payment.fl.paymentSelection li label div.small {
    width: 160px;
    line-height: 18px;
  }
  .payment.fl.paymentSelection li label div.small .paymentFee,
  .payment.fl.paymentSelection li label div.small .paymentFree {
    float: none !important;
    margin-left: 0px !important;
    display: inline;
  }
  body.template.mood-without-search #photo {
    top: 110px;
  }
  body.template.mood-without-search #footer-phone {
    top: 260px;
  }
  body.template.mood-without-search #content {
    background: #e4f3fd;
  }
  body.mood-without-search .template {
    margin-top: 275px !important;
  }
  #ContentPlaceContentBlock3_plcPriceInfo #ContentPlaceContentBlock3_priceBreakDownPopup_btnShowBox {
    display: none;
  }
  body.template .content > .box-text > .content:not(.large) {
    padding: 0px !important;
  }
  body.template .box-text.shadow {
    padding: 20px;
  }
  .fieldMessageBox .arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(90deg);
    left: 5px;
    top: -11px;
  }
  div.blockIncentive {
    padding: 0 !important;
    width: 100%;
  }
  div.blockIncentive div.blockIncentiveContent {
    margin-left: 0 !important;
    width: 100% !important;
  }
  div.blockIncentive div.blockIncentiveContent div.incentiveDescription,
  div.blockIncentive div.blockIncentiveContent div.incentiveRest,
  div.blockIncentive div.blockIncentiveContent div.incentiveForm {
    width: 100% !important;
  }
  div.blockIncentive div.blockIncentiveContent div.incentiveTitle,
  div.blockIncentive div.blockIncentiveContent div.incentiveAuthor,
  div.blockIncentive div.blockIncentiveContent div.incentiveDescription,
  div.blockIncentive div.blockIncentiveContent div.incentiveRest,
  div.blockIncentive div.blockIncentiveContent div.incentiveForm,
  div.blockIncentive div.blockIncentiveContent div.incentiveFormErrors {
    width: 100% !important;
  }
  div.blockIncentive div.blockIncentiveContent div.incentiveForm div.buttonSend {
    margin-left: 0 !important;
  }
  .pageHeader {
    width: 100% !important;
    height: auto !important;
  }
  .pageHeader img {
    width: 100% !important;
    height: auto !important;
  }
  .help table.split-list td {
    width: 100% !important;
    display: block;
  }
  .transportBlock .transportSegment ul li .col.airline {
    margin-right: 0;
    margin-top: -25px;
  }
  .transportSegment {
    width: 100%;
  }
  #trips.combine li .trip {
    min-height: 79px;
  }
  #trips.combine li .trip .price {
    margin-top: 0px;
    margin-bottom: 1px;
  }
  #trips.combine li .trip .board {
    width: auto;
  }
  #trips.combine li .trip .action {
    width: 100%;
    position: relative;
    margin-top: 3px;
    overflow: hidden;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    /*-ms-transition:           @string;*/
    /*-o-transition:            @string;*/
    transition: height 1s;
  }
  #trips.combine li .trip .action span.status {
    margin-top: 4px;
  }
  #trips.combine li .trip .action.animated {
    height: 90px;
  }
  #trips.combine li .trip.bookable {
    min-height: 82px;
    margin-top: 19px;
  }
  #trips.combine li .trip.bookable .avail {
    margin-top: -25px;
  }
  #trips.combine li .trip.bookable .price {
    font-size: 25px;
    margin-top: 0px;
  }
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  body.book .step-content .travelers select.year {
    width: 70px !important;
    background-position-x: 46px !important;
  }
  body.book .step-content.complete label {
    line-height: 20px;
    height: 20px;
    min-height: 20px;
  }
  body.book .step-content.complete .row:not(:nth-of-type(1)) {
    margin-top: 10px;
  }
  body.book .sidebar {
    margin-top: 20px;
  }
  ul.results > li > .accommodation .facts ul li:not(.errorText):nth-child(3),
  ul.results > li > .accommodation .facts ul li:not(.errorText):nth-child(4) {
    width: 100%;
  }
  input[type=checkbox],
  input[type=radio] {
    position: static;
    display: none;
  }
  #HomeNumberContainer label {
    position: absolute;
    top: 0;
    right: 38px;
  }
  /* HolidayTaxis */
  #holidayTaxis section.transfer-container .transfer-info {
    margin-left: 40px;
    float: left;
  }
  #holidayTaxis section.transfer-container .transfer-info .transfer-time {
    margin-top: 10px;
  }
  #holidayTaxis section.transfer-container .type-image {
    position: absolute;
    left: auto;
    right: 10px;
    margin: 50px 0 0;
  }
  /* styles_homepage.less */
  #visited-accos-home {
    margin-bottom: 10px;
  }
  #box-news-and-partners .customer-review-box {
    margin-top: 310px !important;
  }
  #box-news-and-partners > div:nth-child(2) {
    margin-top: 0px !important;
  }
  #box-news-and-partners > div:nth-child(3) {
    margin-top: -930px !important;
  }
  /* styles_homepage.less */
  #footer .col12 .col2:nth-child(even) {
    margin-right: 0;
  }
  .selectedTransports {
    flex-direction: column;
  }
  body.detail .priceInfo > .row {
    display: flex;
    flex-direction: column;
  }
  body.detail .priceInfo > .row a {
    width: auto;
    margin-bottom: 20px;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .box-matrix .wait-box {
    left: 0;
  }
  #ctl00_ContentPlaceContentBlock3_btnMailTrip {
    justify-content: center;
  }
}
@media only screen and (max-device-width: 767px) {
  body .popupcontrol .popUpBox,
  body .popupContainer .popUpBox {
    top: 45px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  body .popupcontrol .popUpBox .content-box .content .row .btn-rood,
  body .popupContainer .popUpBox .content-box .content .row .btn-rood {
    margin-top: 0 !important;
  }
  body .carousel:not(.banner-carousel) .slick-track {
    top: 0px;
  }
  body.book .popupContainer .popUpBox {
    top: 42px !important;
  }
  body.book .popUpBox .content-box .content .popupContent {
    max-height: calc(100% - 125px) !important;
    height: calc(100vh - 225px);
  }
  .help li.col {
    min-height: initial;
    padding-right: 0 !important;
  }
  .results .photo .photo-link a {
    width: 1px;
    height: 1px;
  }
  .forgotPassword .form li .btn-rood {
    margin-left: -4px !important;
  }
  .forgotPassword .form li input[type="text"] {
    width: 100%;
  }
  #travelparty-container a.fluid-close,
  .fluid-full-popup a.fluid-close {
    top: 5px !important;
    right: 3px !important;
    background: none;
    color: #000;
    border: none;
    font-size: 18px;
  }
  body.home .col4:not(.box-spotlight-left) {
    pointer-events: none;
  }
  body.home .col4:not(.box-spotlight-left) > div {
    pointer-events: all;
  }
  #travelparty-container .content small {
    margin-top: -55px !important;
  }
  /* om 1 of andere reden staat op de iphone het hoofdmenu over de header heen bij de reisgezelschap popup... */
  body.travelparty #header-fluid,
  body.travelparty a.slick-arrow {
    display: none !important;
  }
  /*
    body.detail .dropdown-container,
    body.book .dropdown-container 
    {
        float:left;
        position:relative;
    }
        */
  body.detail .dropdown-container.dob::after,
  body.book .dropdown-container.dob::after {
    right: 10px;
  }
  body.book select {
    padding-right: 25px;
  }
  body.book .step-content.payment-options .depositOptions label {
    margin-right: 0px !important;
    width: calc(100% - 30px);
    height: auto;
    float: right;
  }
  body.book .step-content.payment-options .depositOptions label small {
    margin-left: 0;
  }
  .payment-options .depositOptions li {
    float: left;
    clear: both;
    height: auto !important;
  }
  .payment-options .depositOptions li:first-child {
    height: 80px !important;
  }
  /* Detail */
  .box-matrix .prices .prefdate .pref .filters fieldset .row {
    float: left;
    width: 100%;
  }
  .box-matrix .prices .prefdate .pref .filters fieldset .row label {
    float: left;
    clear: both;
  }
  .box-matrix .prices .prefdate .pref .filters fieldset .row select {
    margin-left: 2px;
  }
  div.dd_chk_select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 5px !important;
  }
  div.dd_chk_select div#caption {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: static !important;
    display: inline-block !important;
    overflow: auto;
    height: 100% !important;
  }
  .dd_chk_drop {
    top: 28px !important;
  }
  .dd_chk_drop #checks input,
  .dd_chk_drop #checks label {
    float: left;
    font-size: 16px;
    font-family: 'Lato';
    margin-bottom: 5px;
  }
  .dd_chk_drop #checks input {
    clear: left;
  }
  .dd_chk_drop #checks label {
    clear: right;
  }
  .dd_chk_drop div#buttons {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  select.ui-datepicker-monthYear {
    font-size: 16px;
    font-family: 'Lato';
    width: 140px;
  }
  body.detail .ui-datepicker {
    font-size: 16px;
  }
  #ddlSortPhone {
    font-size: 16px;
  }
  body.book .formValidator {
    top: 0;
    right: 0;
    position: absolute;
  }
  .MailAccommodation select,
  .MailAccommodation input {
    font-size: 16px;
  }
  body.favorites #ctl00_ContentPlaceHolderContent_updResults > .row {
    display: flex;
    flex-direction: column;
  }
  body.favorites #search-filters-column {
    order: 2;
  }
  body.favorites #search-results-column {
    order: 1;
  }
  #photo .carousel .bg-photo > .photo {
    max-height: 204px;
    min-height: initial;
  }
}
@media only screen and (max-device-width: 767px) and (orientation: landscape) {
  .popupContainer .content a.close {
    right: 20px;
    top: 20px;
  }
  .popUpBox .content-box .content .popupContent {
    max-height: 250px;
  }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) and (orientation: portrait) {
  li.waterpark a.waterpark {
    top: 0px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-phone {
    display: none !important;
  }
  .visible-tablet {
    display: block !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .hidden-phone {
    display: block !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: block !important;
  }
  td.visible-tablet {
    display: table-cell !important;
  }
  body.book .sidebar {
    width: 630px !important;
  }
  body.book .col4 .box-content {
    width: 100%;
  }
  body.book .price-overview-block {
    float: right;
    margin-right: 0;
    width: 100%;
  }
  body.book #ctl00_ContentPlaceHolderContent_Receipt_pnlImage {
    width: 100%;
  }
  body.book #receipt .image {
    width: 100%;
    text-align: center;
  }
  body.book #receipt .image img {
    height: 266px;
    width: auto;
  }
  body.book #receipt .price-overview {
    width: 100%;
  }
  body.book #receipt .price-overview ul.ulPrices {
    width: 100%;
  }
  body.book #receipt .price-overview ul li {
    width: 100%;
  }
  body.book #receipt .price-overview dl.price {
    width: 100%;
  }
  body.book #receipt .downpayment {
    width: 100%;
  }
  #header .container,
  #content .container,
  #content-center .container,
  #content-bottom .container,
  #footer .container {
    width: 630px;
  }
  #footer .box {
    margin-bottom: 20px;
  }
  .col8,
  .col9,
  .col10,
  .col11,
  .col12 {
    width: 630px;
    margin-right: 0;
  }
  #header,
  #content,
  #content-center,
  #content-bottom,
  #footer,
  #footer-bottom {
    min-width: 768px;
  }
  /* Foto show */
  #travelparty-container .fieldMessageBox {
    position: static;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 40px 0 0 0;
  }
  #travelparty-container .fieldMessageBox .arrow {
    display: none;
  }
  #travelparty-container .fieldMessageBox::after {
    display: none;
  }
  #travelparty-container .fieldMessageBox .tooltipContent {
    min-height: 30px;
  }
  #travelparty-container .fieldMessageBox span.header {
    background: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    text-transform: none;
    padding: 0;
    margin: 0 0 10px 0;
    height: auto;
    text-decoration: underline;
    position: relative;
    font-weight: normal;
    line-height: 27px;
    display: block;
    color: #0092f2;
  }
  #travelparty-container .fieldMessageBox span.header::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faf262+0,f9ee3c+100 */
    background-color: #faf262;
    background: -webkit-linear-gradient(left, #faf262 0%, #f9ee3c 100%) #faf262 no-repeat;
    background: -moz-linear-gradient(left, #faf262 0%, #f9ee3c 100%) #faf262 no-repeat;
    /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
    background: linear-gradient(to right, #faf262 0%, #f9ee3c 100%) #faf262 no-repeat;
    border: 1px solid #f7ea11;
    color: #c82121;
    font-style: italic;
    font-weight: bold;
    content: 'i';
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    font-size: 16px;
  }
  #travelparty-container .fieldMessageBox span:not(.header) {
    font-weight: normal;
  }
  #photo .link-box {
    top: 75px;
  }
  #photo .prev-box {
    left: -75px;
  }
  #photo a#btn-up,
  #photo .next-box .up {
    width: 55px;
    height: 55px;
  }
  #photo .next-box {
    right: -75px;
  }
  #photo a#btn-up {
    right: 115px;
    -webkit-transform: none;
    -moz-transform: none;
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: none;
  }
  #photo a#btn-down {
    left: 115px;
    -webkit-transform: none;
    -moz-transform: none;
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: none;
  }
  #photo a#btn-up,
  #photo a#btn-down {
    width: 70px;
    height: 70px;
  }
  #photo a#btn-up::after,
  #photo a#btn-down::after {
    width: 54px;
    height: 54px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    font-size: 34px;
    line-height: 42px;
    background-position: 50% 100%;
  }
  #photo .footer {
    width: 300px;
    padding: 30px 580px 0 850px;
    bottom: -40px;
    background-image: url(../img/base/elements/tablet/photo_bottom.png);
  }
  #photo .container .item {
    top: 90px;
    width: 350px;
    left: 515px;
    /*left:-475px;*/
    top: 30px;
  }
  #photo .container .item .h2,
  #photo .container .item .h2 a {
    font-size: 30px !important;
    margin-bottom: 10px !important;
    margin-top: -14px !important;
    line-height: 32px !important;
  }
  #photo .container .item .h3,
  #photo .container .item .h3 a {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-left: -50px !important;
    padding: 4px 26px 4px 50px !important;
  }
  #photo .text .h2 a {
    font-size: 12px;
  }
  #photo .text .h2 a.sub-title {
    font-size: 15px;
  }
  #photo .carousel {
    width: 1000px;
    height: 488px;
    position: relative;
  }
  #photo .carousel > div {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  #photo .carousel .bg-photo {
    height: 470px;
    width: 1000px;
  }
  #photo .carousel .bg-photo > .photo {
    height: auto;
    width: auto;
    position: absolute;
    bottom: 0;
    min-height: 470px;
  }
  body.template #photo > .carousel {
    height: 551px;
  }
  body.template #photo .container .item {
    top: 0px;
  }
  body.template #photo .carousel .bg-photo > .photo {
    width: 1000px;
    height: auto;
  }
  body .carousel:not(.banner-carousel) .slick-track {
    top: -3px;
  }
  .photo-carousel-results img {
    width: 100%;
  }
  #receipt-mobile-bar {
    display: none !important;
  }
  /*1000*/
  .nav-sub-footer {
    margin-top: 42px;
    width: 100%;
    display: none;
  }
  .search-parameters .travelparty span.Multi {
    font-size: 14px;
  }
  body.template .main-search-box.has-mood,
  .main-search-box.has-mood {
    margin-bottom: 90px !important;
  }
  body.lastmin .main-search-box {
    margin-bottom: 0;
  }
  /* Doelgroepen */
  #target-groups h3 {
    margin-bottom: 10px;
  }
  #target-groups > div > ul > li {
    margin-right: 4px;
  }
  #target-groups > div > ul > li a {
    width: 86px;
    font-size: 10px;
  }
  .target-group-list {
    width: 630px;
  }
  .target-group-list > li {
    /* links kolom */
    /*geen lijn achter elke 2e */
    /*geen lijn onder de laatste 2*/
    /*.target-group-list > li:last-child, .target-group-list > li:nth-last-child(2)*/
    /* eerste 2 geen toppadding maar margin */
  }
  .target-group-list > li:nth-child(odd) {
    padding-left: 0;
    margin-left: 12px;
    width: 294px;
    padding-top: 12px;
    margin-top: 0;
    border-right: 1px dashed #88ccf9;
  }
  .target-group-list > li:nth-child(even) {
    margin-left: 0;
    padding-left: 12px;
    border-right: none;
    border-right-width: 0px;
    margin-bottom: 0;
    width: 295px;
    border-bottom: 1px dashed #88ccf9;
  }
  .target-group-list > li:nth-child(4) {
    padding-bottom: 16px;
  }
  .target-group-list > li:nth-child(n+5) {
    border-bottom: none;
    border-bottom-width: 0px;
    padding-bottom: 0;
    margin-bottom: 12px;
    height: 88px;
  }
  .target-group-list > li:nth-child(-n+2) {
    padding-top: 0;
    margin-top: 12px;
  }
  .target-group-list > li:nth-last-child(3) {
    padding-bottom: 16px;
  }
  /* Banners */
  #banners .banner-2 {
    margin-right: 0;
  }
  #banners .banner-3 {
    margin-top: 10px;
  }
  #box-news-and-partners {
    width: 310px;
    margin: -310px 0 0 310px;
    float: right;
  }
  #box-news-and-partners > .col4:nth-child(odd) {
    margin-right: 0;
  }
  #box-news-and-partners > .col4:not(:first-child) {
    margin-top: 10px;
  }
  #box-news-and-partners > .col4:nth-child(2) {
    margin-left: -319px;
  }
  #box-news-and-partners > .col4:nth-child(3) {
    margin-top: -300px;
  }
  #box-news-and-partners > .col4 .box-content {
    height: 263px;
  }
  #newsletter {
    width: 310px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #newsletter .box-content {
    min-height: inherit;
  }
  #partners {
    width: 310px;
  }
  #partners .box-content {
    padding-top: 4px;
    padding-bottom: 0;
  }
  .to > li {
    width: 70px;
    margin-bottom: 5px;
  }
  /* Footer */
  #footer .container .row > div.col2:nth-child(4n+4) {
    margin-right: 0;
  }
  /*
		===============================================================
		RESULTATENPAGINA
	*/
  #search-results-column {
    width: 390px;
  }
  body.search #search-results-column .overview {
    padding-left: 15px;
    padding-right: 17px;
  }
  div.search-results {
    padding-left: 15px;
    padding-right: 15px;
  }
  ul.results > li {
    padding-bottom: 110px;
  }
  ul.results > li > .photo {
    width: 360px;
    margin-right: 0;
    margin-bottom: 0;
    height: 240px;
  }
  ul.results > li > .title {
    width: 360px;
    margin-top: 15px;
  }
  ul.results > li > .accommodation {
    width: 360px;
  }
  ul.results > li > .accommodation .facts {
    height: auto;
  }
  ul.results > li > .accommodation .review {
    position: absolute;
    left: 0px;
    bottom: 12px;
    margin-left: 0;
  }
  ul.results > li > .accommodation .review .roset {
    margin-top: -16px;
  }
  ul.results > li > .accommodation .review a {
    margin-left: 40px;
    margin-top: -16px;
  }
  ul.results > li > .price {
    bottom: 80px;
    top: auto;
  }
  ul.results > li > .btn-rood-fluid-wrapper {
    position: absolute;
    right: 0;
    bottom: 40px;
  }
  ul.photo-carousel li {
    width: 360px;
    height: 240px;
  }
  .small-photos-container ul.photo-carousel li,
  .small-photos-container ul.photo-carousel li img {
    width: 150px;
    height: auto;
  }
  .options {
    height: 38px;
    width: 350px;
  }
  .options .content {
    font-size: 10px;
    padding-right: 85px;
  }
  .options .content > div {
    line-height: 15px;
  }
  .options > .content > .watched {
    margin-right: 0;
  }
  .overview h3 {
    font-size: 13px;
  }
  .overview label {
    font-size: 11px;
  }
  .paging a:not(.btn-rood) {
    font-size: 11px;
  }
  a.sort {
    height: 15px;
    font-size: 10px;
    background: url(../img/base/button/tablet/pull-down_geel.png) no-repeat right top;
  }
  /*
	.review > a
	{
		margin-left:55px !important;
		margin-top:13px;
	}
	*/
  .wait-box {
    left: 248px;
    top: 120px;
  }
  .wait-box-big {
    left: 0;
    width: 360px;
    padding-left: 14px;
    padding-right: 14px;
  }
  .wait-box-big li:nth-child(n+10) .dollar {
    display: none;
  }
  /* deze is 12col breed voor de pc versie, moet nu 390px worden */
  body.search #travelparty-container {
    width: 390px;
    left: 210px !important;
    top: -80px !important;
  }
  body.search #travelparty-container .col6 {
    width: 370px;
    clear: both;
  }
  #travelparty-container .content select.small {
    width: 130px !important;
  }
  #travelparty-container .birthdates .content {
    border-right: none;
    padding: 0 0 10px 0;
    margin: 0 0 0 10px;
    border-bottom: 1px solid #90cffa;
  }
  #travelparty-container .content .checkbox label {
    width: 290px;
  }
  #travelparty-container .addition .content {
    padding: 10px 0 0 0;
    margin: 0 0 0 10px;
  }
  #travelparty-container .fieldMessageBox:after {
    display: none;
  }
  #travelparty-container .birthdate {
    float: left;
  }
  #travelparty-container .content a.delete {
    float: left;
    margin-top: 2px;
  }
  #travelparty-container.search-fluid-popup {
    width: 610px !important;
  }
  .search-results-footer .paging {
    width: 100%;
  }
  .search-results-footer .paging span,
  .search-results-footer .paging a:not(.btn-rood) {
    display: none !important;
  }
  /*
		RESULTATENPAGINA
		===============================================================
	*/
  .pricelabel small {
    font-size: 10px;
  }
  /* DETAIL*/
  /* box met pakket komt op hele regel onder de foto/tekst */
  body.detail #content-center .accommodation {
    margin-right: 0px;
  }
  body.detail #content-center .title {
    width: 100%;
  }
  body.detail #content-center .title h1 {
    font-size: 22px;
    line-height: 18px;
    margin-bottom: 5px;
  }
  body.detail #content-center .title h2 {
    font-size: 14px;
    line-height: 19px;
  }
  body.detail #content-bottom .sidebar {
    width: 640px;
  }
  body.detail #content-bottom .sidebar .contact-box,
  body.detail #content-bottom .sidebar .waarabout-us,
  body.detail #content-bottom .sidebar customer-review-box,
  body.detail #content-bottom .sidebar .offers {
    float: left;
    width: 310px;
    margin-right: 10px;
  }
  body.detail #content-center .package {
    width: 630px;
    height: 170px;
    margin-top: -30px;
  }
  body.detail #content-center .details {
    width: 100%;
  }
  body.detail #content-center .package .offer {
    width: 100%;
  }
  body.detail #content-center .package .offer .price {
    top: -8px;
  }
  body.detail #content-bottom .sidebar {
    width: 630px;
    margin-top: 10px;
  }
  .box-matrix .prices .prefdate .date .arrow-matrix {
    display: none !important;
  }
  #content-bottom .sidebar > div.box:first-child {
    margin-right: 10px;
  }
  .detail .sidebar,
  .book .sidebar {
    position: relative;
    right: 0;
    top: 0 !important;
    margin-right: 0px;
  }
  body.book .step-content .extras .fn label span:first-child {
    display: inline-block !important;
  }
  body.detail #content-center .offer .content dl {
    float: left;
    margin-bottom: 0;
  }
  body.detail #content-center .offer .content dl dt,
  body.detail #content-center .offer .content dl dd {
    float: left;
    margin-bottom: 0;
  }
  body.detail #content-center .offer .content dl dd:not(.cb) {
    margin-left: 3px;
  }
  .sidebar .contact-box .woman {
    background-position: 0 20px;
  }
  .widgetareas {
    width: 310px;
    margin-left: 0;
    margin-right: 0;
  }
  .widgetareas.col8,
  .widgetareas.col8 > .widgetareas {
    width: 630px;
  }
  .listaccos {
    width: 310px !important;
  }
  .listaccos ul,
  .listaccos .description {
    width: 100% !important;
  }
  .listaccos .description {
    border-right: none !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dashed #88ccf9 !important;
  }
  .listaccos ul {
    padding-top: 10px !important;
    padding-left: 0px !important;
  }
  .listaccos ul ul {
    padding-top: 0 !important;
    width: auto !important;
  }
  .template.splash .box {
    margin-right: 10px;
  }
  .template.splash .box:nth-child(even) {
    margin-right: 0;
  }
  body:not(.lastminutes) .box-text .content .image {
    position: absolute !important;
    right: -20px !important;
    top: -20px !important;
  }
  body.lastminutes .box-text .content .image {
    top: 80px !important;
  }
  #banners > li .box-content {
    height: 264px;
  }
  body.template .sidebar.col4 {
    width: 630px;
    margin-right: 0;
  }
  body.template .sidebar.col4 > .col4:nth-child(odd) {
    margin-right: 10px;
  }
  /* AUTOHUUR EN HOTELS */
  body.type-car .col4 > div.fl.cb,
  body.type-hotel .col4 > div.fl.cb,
  body.type-hotel div.fl.cb > .col4 {
    margin-bottom: 10px;
  }
  body.detail #content-center .offer .content {
    padding: 16px 16px 50px 16px;
    line-height: 22px;
  }
  #content .container .row > div.fl.cb > .col4:nth-child(2) {
    float: right;
    margin-right: 0;
  }
  body.template.type-car .main-search-box,
  body.template.type-hotel .main-search-box,
  .main-search-box {
    margin-bottom: 90px;
  }
  body.type-hotel .popular-destinations {
    float: left;
    margin-right: 10px;
  }
  .sitemap.content.col9 {
    width: 390px;
  }
  .sitemap li.col,
  .help li.col {
    width: 50%;
  }
  .help li.col {
    padding-right: 10px !important;
  }
  .help li.col:nth-child(2n) {
    padding-right: 0px !important;
  }
  .sitemap .cols > li:first-child dl {
    padding-left: 0;
  }
  .template.splash .box:nth-child(3n) {
    margin-right: 10px !important;
  }
  /*WEER*/
  table.weather-forecast .hidden-phone {
    display: inline-block !important;
  }
  table.weather-forecast .visible-phone {
    display: none !important;
  }
  /* Fix voor splash template pagina's. Deze zijn op pc 3 kol maar op tablet 2 kol */
  .template.splash .box:nth-child(3n),
  .template.splash .box:nth-child(even) {
    margin-right: 0 !important;
  }
  .template.splash .box:nth-child(odd) {
    margin-right: 10px !important;
  }
  /* Op de Tablet versie van statische past de col9 niet langs de col3. Zorgen dat ie toch past! */
  .col9.content {
    width: 390px;
  }
  .help .help-search-box p {
    margin-bottom: 5px;
  }
  .help-search-box input[type="text"] {
    width: 230px;
  }
  .helpdesk .HelpGroup .last {
    padding-left: 0;
    border-left: none;
    margin-top: 15px;
  }
  .sidebar.col4,
  .sidebar.col4 .box-content {
    width: 100%;
  }
  .sidebar.col4 .box.box-spotlight-left .box-content {
    width: 100% !important;
  }
  #content-bottom .sidebar > div.box,
  .book .sidebar > div.box {
    width: 630px;
  }
  .friendBanner {
    width: 360px;
    height: 200px;
    display: block;
  }
  .newsletter iframe {
    width: 596px !important;
  }
  body.lastminutes .lastminutes .row:last-child {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  body.lastminutes .content.col8 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  body.lastminutes .sidebar.col4 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-right: 0;
  }
  body.lastminutes .filter-box {
    display: block !important;
  }
  .box.content.h310 .description {
    min-height: initial !important;
  }
  body.detail #content-center .offer .pricelabel {
    top: -130px;
  }
  body.detail #content-bottom .sidebar .customer-review-box {
    width: 310px;
    float: left;
  }
  body.detail #content-bottom .sidebar .about-us {
    width: 310px;
    float: right;
  }
  #receipt .row .field,
  #receipt .row ul {
    width: 93%;
  }
  /* VRIENDENPRIJSJES */
  #vriendenprijsjes .box-friend-footer .seat {
    background: url(../nl-NL/elements/pc/vp2016-seat.png);
  }
  /* VRIENDENPRIJSJES */
  /* GEOTREE LANDINGSPAGINA */
  #geotree-content {
    width: 390px;
    padding: 10px 15px;
  }
  #geotree-content .leftcol,
  #geotree-content .rightcol {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #geotree-content .rightcol {
    float: left;
    clear: both;
  }
  #geotree-content .photo-container,
  #geotree-content ul.photo-carousel li,
  #geotree-content img {
    width: 360px;
    height: 240px;
  }
  .search-results-footer.content .link a {
    margin: 10px 0 0 0;
  }
  /* GEOTREE LANDINGSPAGINA */
  /* zorgen dat VANAF 1e, 3e, 5e, 7e, 9e en 11e box er een right-margin op zit */
  .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box {
    margin-right: 10px !important;
  }
  /* zorgen dat box 2, 4, 6, 8, 10 en 12 GEEn right-margin hebben */
  .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box,
  .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box + .box.transfer-box {
    margin-right: 0px !important;
  }
  /* Hetzelfde maar dan generiek */
  div.template .col12 .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) {
    margin-right: 10px !important;
  }
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box),
  div.template .col12 .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) + .box:not(.transfer-box) {
    margin-right: 0px !important;
  }
  .box.transfer-left {
    width: 630px;
    margin-right: 0;
  }
  body.dreamholiday .photo.visible-tablet {
    background-position: -410px !important;
  }
  .col12 .box.content .description.hasimage {
    width: 375px !important;
  }
  .fieldMessageBox .arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(90deg);
    left: 5px;
    top: -11px;
  }
  /* styles_homepage.less */
  #homepage-banners.visited-available .box-spotlight-left:nth-of-type(2),
  #homepage-banners.visited-available .box-spotlight-left:nth-of-type(3) {
    margin-right: 0;
  }
  #homepage-banners.visited-available .box-spotlight-left:nth-of-type(4),
  #homepage-banners.visited-available .box-spotlight-left:nth-of-type(5) {
    margin-right: 0;
    margin-left: 320px;
  }
  #homepage-banners:not(.visited-available) .box-spotlight-left {
    margin-right: 10px !important;
  }
  #homepage-banners:not(.visited-available) .box-spotlight-left:nth-of-type(5),
  #homepage-banners:not(.visited-available) .box-spotlight-left:nth-of-type(6) {
    margin-left: 320px;
  }
  #homepage-banners:not(.visited-available) .box-spotlight-left:nth-of-type(even) {
    margin-right: 0 !important;
  }
  #homepage-banners:not(.visited-available) .box-spotlight-left:last-child {
    margin-left: -320px;
    margin-top: 155px;
  }
  #box-news-and-partners .customer-review-box {
    margin-top: 310px !important;
  }
  #box-news-and-partners > div:nth-child(2) {
    margin-top: -300px !important;
  }
  #box-news-and-partners > div:nth-child(3) {
    margin-top: -610px !important;
    margin-left: -320px;
  }
  /* styles_homepage.less */
  #trips.combine li .trip {
    height: auto;
    min-height: 56px;
    float: left;
  }
  #trips.combine li .trip .action {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 26px;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    /*-ms-transition:           @string;*/
    /*-o-transition:            @string;*/
    transition: height 1s;
  }
  #trips.combine li .trip .action.animated {
    height: 280px;
  }
  body.lastminutes .search-results .btn-rood.wide {
    margin-top: 5px !important;
  }
  body.lastminutes div.search-results {
    margin-bottom: 25px;
  }
  .box-sub-header {
    background: #fff;
    padding: 0;
    margin: 10px 0;
  }
  .box-sub-header select {
    width: 230px;
  }
  #search-results-column .box-header a.tab {
    padding: 10px 6px 6px;
  }
  #search-results-column .box-header > div.fl:nth-child(2) a.tab {
    margin-right: 0;
  }
  ul.results > li > .accommodation .facts ul li:not(.errorText):nth-child(3),
  ul.results > li > .accommodation .facts ul li:not(.errorText):nth-child(4) {
    width: 100%;
  }
  #holidayTaxis .transfer-container .type-image {
    left: 25px;
  }
  body.detail #content-center {
    overflow: hidden;
  }
  body.detail #content-center .container .row {
    flex-wrap: wrap;
  }
  body.detail #content-center .container .row > div:not(.spacer) {
    width: 50%;
    margin-right: 0;
  }
  body.detail #content-center .package {
    position: relative !important;
    height: 200px;
    margin: 20px 0 0 -10px;
    width: 100% !important;
    flex-basis: 100%;
  }
  body.detail #content-center .package #panel-offer dt {
    width: 100%;
  }
  body.detail #content-center .package #panel-offer dd {
    width: 50%;
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (orientation: portrait) {
  body.search #travelparty-container {
    left: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (orientation: portrait) {
  .sitemap li.col,
  .help li.col {
    width: 100%;
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  body.template .main-search-box {
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  a#ctl00_ContentPlaceContentBlock3_Receipt_btnSave {
    position: relative;
    clear: both;
  }
  a#ctl00_ContentPlaceContentBlock3_Receipt_btnSaveForPhone {
    position: absolute;
    top: 0;
    right: 0;
  }
  #ctl00_ContentPlaceContentBlock3_Receipt_pnlButtonSave {
    position: relative;
    min-height: 75px;
    float: left;
    width: 100%;
  }
  #ctl00_ContentPlaceContentBlock3_Receipt_pnlButtonSave.createofferte {
    min-height: 100px;
  }
  #ctl00_ContentPlaceContentBlock3_Receipt_pnlButtonSave.createofferte:after {
    display: none;
  }
  /* Mail deze vakantie knop PC/Tablet */
  a#ctl00_ContentPlaceContentBlock3_Receipt_btnCreateOfferte {
    position: relative;
    clear: both;
  }
  body.book .step-content .extras .fn label .hidden-phone,
  body.dossier .step-content .extras .fn label .hidden-phone {
    display: inline-block !important;
  }
  #trips li .transport .icon-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Jelte: Disabled to fix placement in MultiplePriceCheck.ascx */
    /* Doesn't seem to affect the currently used CombineTrips.ascx */
    /*width: 410px;*/
  }
}
/* Desktop */
@media (min-width: 980px) {
  ul.results > li > .photo {
    width: 310px;
    margin-right: 0;
    margin-bottom: 10px;
    height: 207px;
  }
  ul.photo-carousel li {
    width: 310px;
    height: 207px;
  }
  ul.results > li > .title {
    width: 250px;
    margin-left: 20px;
    float: left !important;
  }
  ul.results > li > .accommodation {
    width: 330px;
    margin-left: 20px;
    float: left !important;
  }
  ul.results > li > .accommodation .facts {
    width: 100%;
    height: auto;
    min-height: 68px;
    margin-bottom: 4px;
  }
  #receipt .box-content {
    background-color: white;
  }
  #receipt .box-content .row {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
  }
  #receipt .box-content .row .airline .receipt-transport-number {
    margin-right: 4px;
    float: left;
  }
  #PricePopupTranslatedText {
    font-size: 14px !important;
  }
  #receipt .box-content .popUpBox .row {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  /*
    .popUpBox {
        margin-top: -340px !important;
    }
*/
  #travelparty-container.search-fluid-popup .fluid-content {
    margin-bottom: 15px;
  }
  #travelparty-container.search-fluid-popup .fieldMessageBox {
    top: 135px;
    left: 345px;
  }
  #travelparty-container.search-fluid-popup .travelers {
    min-height: 233px;
  }
}
/* Large desktop */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .tablet .search-fluid-popup {
    margin-top: 0px;
  }
  #photo .container .item {
    top: 20px;
  }
}
@media (orientation: portrait) {
  .tablet .search-fluid-popup {
    margin-top: -25px;
    margin-left: -310px;
  }
  body:not(.search) .tablet #travelparty-container.search-fluid-popup .triangle,
  .tablet .search-fluid-popup:not(#travelparty-container) .triangle {
    top: -20px;
    left: 51px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(90deg);
  }
  body:not(.search) .tablet #travelparty-container.search-fluid-popup .triangle-border,
  .tablet .search-fluid-popup:not(#travelparty-container) .triangle-border {
    top: -22px;
    left: 50px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(90deg);
  }
  body:not(.search) .tablet #travelparty-container.search-fluid-popup .triangle {
    top: -30px;
    left: 51px;
  }
  body:not(.search) .tablet #travelparty-container.search-fluid-popup .triangle-border {
    top: -32px;
    left: 50px;
  }
}
@media (max-width: 979px), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: /* ipad pro */ 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: /* ipad 1, 2, 3, 4, mini en air */ 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* ipad mini 1 */
  #photo .nav-sub-footer {
    display: none !important;
  }
  #photo .slick-dots {
    display: none !important;
  }
  body.book #header-fluid .button-holder.fl {
    display: none;
  }
  body.book #header-fluid .center a {
    pointer-events: none;
    cursor: default;
  }
  .search-fluid-popup .content .checkbox input::after {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .search-fluid-popup .content .radio input::before {
    width: 28px;
    height: 28px;
  }
  .search-fluid-popup .content .radio input::after {
    width: 20px !important;
    height: 20px !important;
    top: 6px !important;
    left: 6px !important;
  }
  .logo img {
    margin-left: 0;
  }
  #travelparty-container .content .row.header {
    margin-bottom: 0;
  }
  .datepicker-container {
    background: #fff;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
  }
  .ui-datepicker-inline .ui-datepicker-title {
    float: right;
    width: calc(100% - 85px);
  }
  .ui-datepicker-inline .ui-datepicker-title select {
    margin: 0 10px;
    width: calc(100% - 20px) !important;
    height: 32px;
  }
  .ui-datepicker-inline .ui-datepicker-title::after {
    right: 17px;
    bottom: 4px;
  }
  .search-fluid-popup .ui-datepicker-group-last .ui-datepicker-title::after,
  .fluid-full-popup .ui-datepicker-group-last .ui-datepicker-title::after {
    right: 16px;
    bottom: 28px;
  }
  .ui-datepicker-inline {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .ui-datepicker-inline .ui-datepicker-next,
  .ui-datepicker-inline .ui-datepicker-prev {
    margin-top: 4px;
  }
  .fluid-full-popup .dashed-box.departuredate .select-wrapper-fluid {
    float: left;
    margin-top: 25px;
    width: 100%;
  }
  .fluid-full-popup .dashed-box.departuredate .select-wrapper-fluid label {
    float: left;
    margin-right: 10px;
  }
  .fluid-full-popup .dashed-box.departuredate .select-wrapper-fluid label.flexdate {
    width: auto;
  }
  .fluid-full-popup .dashed-box.departuredate .select-wrapper-fluid select {
    float: right;
    max-width: 195px;
    padding-left: 10px !important;
    border-color: #92cefa;
  }
  .fluid-full-popup .dashed-box.departuredate .select-wrapper-fluid::after {
    bottom: 8px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    min-height: 24px;
    min-width: 24px;
  }
  .autocomplete-list-item,
  .autocomplete-list-item-highlight,
  .autocomplete-list-item:last-child,
  .autocomplete-list-item-highlight:last-child {
    border-color: #000;
  }
  .autocomplete-list-item:last-child,
  .autocomplete-list-item-highlight:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .search-parameters {
    margin-top: 0;
  }
  .search-parameters,
  .main-search-box select,
  .main-search-box input[type="submit"],
  .main-search-box input[type="date"],
  .main-search-box input[type="text"],
  .fluid-full-popup select {
    font-size: 16px;
    width: 100%;
    font-weight: bold;
  }
  .main-search-box select,
  .fluid-full-popup select:not(.ui-datepicker-monthYear),
  #travelparty-container.fluid-full-popup select:not(.ui-datepicker-monthYear),
  #travelparty-container.search-fluid-popup select:not(.ui-datepicker-monthYear) {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #a8d7f7;
    font-size: 14px;
    font-weight: 600 !important;
    color: #333;
    position: relative;
    background: #fff;
    height: 32px;
  }
  #travelparty-container.fluid-full-popup select:not(.ui-datepicker-monthYear) {
    border-color: #a8d7f7 !important;
  }
  .main-search-box .select-wrapper-fluid,
  .fluid-full-popup .select-wrapper-fluid {
    position: relative;
    border-right: none;
  }
  .main-search-box .select-wrapper-fluid select,
  .fluid-full-popup .select-wrapper-fluid select,
  #travelparty-container.fluid-full-popup .select-wrapper-fluid select,
  #travelparty-container.search-fluid-popup .select-wrapper-fluid select {
    font-weight: bold;
    background: #fff;
    border: 1px solid #a8d7f7;
    background: #fff url(../img/base/elements/pc/pijltje.svg) no-repeat 96% 6px;
    background-size: 19px 19px;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 14px;
    height: 31px;
    color: #333;
    font-size: 16px;
  }
  .main-search-box .select-wrapper-fluid select:hover,
  .fluid-full-popup .select-wrapper-fluid select:hover,
  #travelparty-container.fluid-full-popup .select-wrapper-fluid select:hover,
  #travelparty-container.search-fluid-popup .select-wrapper-fluid select:hover,
  .main-search-box .select-wrapper-fluid select:active,
  .fluid-full-popup .select-wrapper-fluid select:active,
  #travelparty-container.fluid-full-popup .select-wrapper-fluid select:active,
  #travelparty-container.search-fluid-popup .select-wrapper-fluid select:active {
    border: 1px solid #4099cf;
  }
  .main-search-box input {
    background-position: 267px 2px;
  }
  #travelparty-container .content-box,
  .fluid-full-popup .content-box {
    margin-top: 0;
  }
  #travelparty-container.search-fluid-popup .fluid-content {
    margin-top: 15px;
  }
  #travelparty-container a.fluid-close,
  .fluid-full-popup a.fluid-close {
    position: absolute;
    top: -6px;
    right: -16px;
  }
  #travelparty-container .content .traveler label {
    margin-bottom: 5px;
  }
  #travelparty-container .content label:first-child {
    width: auto;
    margin-right: 10px;
    line-height: 30px;
  }
  #travelparty-container .content input.birthdate {
    width: 150px;
    position: relative;
    font-weight: bold;
    padding-left: 0px;
    border: 1px solid #a8d7f7 !important;
    background: #fff url(../img/Base/elements/pc/pijltje.svg) no-repeat 96% 6px !important;
    background-size: 19px 19px !important;
    padding: 3px 7px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    width: 167px !important;
    font-size: 16px !important;
    font-weight: 400;
  }
  #travelparty-container .content input.birthdate:hover {
    border: 1px solid #4099CF !important;
  }
  #travelparty-container .birthdate {
    float: left;
  }
  #travelparty-container .content a.delete {
    float: left;
    margin-top: 4px;
    margin-top: 6px;
  }
  #travelparty-container a.add {
    background: none;
    padding: 0;
    line-height: 30px;
    margin-bottom: 40px;
    font-size: 14px;
    color: #0092f2;
  }
  #travelparty-container .add-bottom-line,
  .fluid-full-popup .add-bottom-line {
    padding-bottom: 10px;
    border-bottom: none;
  }
  #travelparty-container .add-bottom-line > *,
  .fluid-full-popup .add-bottom-line > * {
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
  }
  #travelparty-container .content .checkbox,
  .fluid-full-popup .content .checkbox {
    margin-top: 10px;
  }
  #travelparty-container .content .checkbox input[type=checkbox],
  .fluid-full-popup .content .checkbox input[type=checkbox],
  #travelparty-container .content .checkbox input[type=radio],
  .fluid-full-popup .content .checkbox input[type=radio] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #travelparty-container .content .checkbox input[type=checkbox] + label,
  .fluid-full-popup .content .checkbox input[type=checkbox] + label,
  #travelparty-container .content .checkbox input[type=radio] + label,
  .fluid-full-popup .content .checkbox input[type=radio] + label,
  #travelparty-container .content .checkbox span.aspNetDisabled + label.initialLabel,
  .fluid-full-popup .content .checkbox span.aspNetDisabled + label.initialLabel {
    padding-left: 30px;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
  #travelparty-container .content .checkbox input[type=checkbox] + label:hover,
  .fluid-full-popup .content .checkbox input[type=checkbox] + label:hover,
  #travelparty-container .content .checkbox input[type=radio] + label:hover,
  .fluid-full-popup .content .checkbox input[type=radio] + label:hover,
  #travelparty-container .content .checkbox span.aspNetDisabled + label.initialLabel:hover,
  .fluid-full-popup .content .checkbox span.aspNetDisabled + label.initialLabel:hover {
    font-weight: 600;
  }
  #travelparty-container .content .checkbox span.aspNetDisabled + label.initialLabel,
  .fluid-full-popup .content .checkbox span.aspNetDisabled + label.initialLabel {
    background: url(../img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
    background-size: 16px;
    color: #ccc;
    cursor: default;
  }
  #travelparty-container .content .checkbox span.aspNetDisabled + label.initialLabel:hover,
  .fluid-full-popup .content .checkbox span.aspNetDisabled + label.initialLabel:hover {
    cursor: default !important;
    font-weight: 400 !important;
    background-position: 0 0 !important;
  }
  #travelparty-container .content .checkbox input[type=checkbox] + label,
  .fluid-full-popup .content .checkbox input[type=checkbox] + label {
    background-image: url(../img/Base/elements/pc/checkbox.png);
  }
  #travelparty-container .content .checkbox input[type=checkbox]:checked + label,
  .fluid-full-popup .content .checkbox input[type=checkbox]:checked + label {
    background: url(../img/base/elements/pc/checkbox_aan.png) no-repeat transparent 0 0;
    background-size: 16px;
  }
  #travelparty-container .content .checkbox input[type=checkbox]:checked + label:hover,
  .fluid-full-popup .content .checkbox input[type=checkbox]:checked + label:hover {
    font-weight: 600;
  }
  #travelparty-container .content .checkbox input[type=checkbox].parent-marked + label,
  .fluid-full-popup .content .checkbox input[type=checkbox].parent-marked + label {
    background: url(../img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
    background-size: 16px;
  }
  #travelparty-container .content .checkbox input[type=checkbox].parent-marked + label:hover,
  .fluid-full-popup .content .checkbox input[type=checkbox].parent-marked + label:hover {
    font-weight: 600;
  }
  #travelparty-container .content .checkbox input[type=radio]:checked + label,
  .fluid-full-popup .content .checkbox input[type=radio]:checked + label {
    background-position: 0 -20px;
  }
  #travelparty-container .content .checkbox input[type=radio]:hover + label,
  .fluid-full-popup .content .checkbox input[type=radio]:hover + label {
    background-position: 0 -40px;
  }
  #travelparty-container .content .checkbox input[type=radio]:checked:hover + label,
  .fluid-full-popup .content .checkbox input[type=radio]:checked:hover + label {
    background-position: 0 -60px;
  }
  #travelparty-container .content .checkbox input[type=radio] + label,
  .fluid-full-popup .content .checkbox input[type=radio] + label {
    background-image: url(../img/Base/elements/pc/radio.png);
  }
  #travelparty-container .content .checkbox label,
  .fluid-full-popup .content .checkbox label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #travelparty-container .content .checkbox input,
  .fluid-full-popup .content .checkbox input {
    position: relative;
    padding: 0;
  }
  #travelparty-container .content .checkbox input input[type=checkbox],
  .fluid-full-popup .content .checkbox input input[type=checkbox],
  #travelparty-container .content .checkbox input input[type=radio],
  .fluid-full-popup .content .checkbox input input[type=radio] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #travelparty-container .content .checkbox input input[type=checkbox] + label,
  .fluid-full-popup .content .checkbox input input[type=checkbox] + label,
  #travelparty-container .content .checkbox input input[type=radio] + label,
  .fluid-full-popup .content .checkbox input input[type=radio] + label,
  #travelparty-container .content .checkbox input span.aspNetDisabled + label.initialLabel,
  .fluid-full-popup .content .checkbox input span.aspNetDisabled + label.initialLabel {
    padding-left: 30px;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
  #travelparty-container .content .checkbox input input[type=checkbox] + label:hover,
  .fluid-full-popup .content .checkbox input input[type=checkbox] + label:hover,
  #travelparty-container .content .checkbox input input[type=radio] + label:hover,
  .fluid-full-popup .content .checkbox input input[type=radio] + label:hover,
  #travelparty-container .content .checkbox input span.aspNetDisabled + label.initialLabel:hover,
  .fluid-full-popup .content .checkbox input span.aspNetDisabled + label.initialLabel:hover {
    font-weight: 600;
  }
  #travelparty-container .content .checkbox input span.aspNetDisabled + label.initialLabel,
  .fluid-full-popup .content .checkbox input span.aspNetDisabled + label.initialLabel {
    background: url(../img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
    background-size: 16px;
    color: #ccc;
    cursor: default;
  }
  #travelparty-container .content .checkbox input span.aspNetDisabled + label.initialLabel:hover,
  .fluid-full-popup .content .checkbox input span.aspNetDisabled + label.initialLabel:hover {
    cursor: default !important;
    font-weight: 400 !important;
    background-position: 0 0 !important;
  }
  #travelparty-container .content .checkbox input input[type=checkbox] + label,
  .fluid-full-popup .content .checkbox input input[type=checkbox] + label {
    background-image: url(../img/Base/elements/pc/checkbox.png);
  }
  #travelparty-container .content .checkbox input input[type=checkbox]:checked + label,
  .fluid-full-popup .content .checkbox input input[type=checkbox]:checked + label {
    background: url(../img/base/elements/pc/checkbox_aan.png) no-repeat transparent 0 0;
    background-size: 16px;
  }
  #travelparty-container .content .checkbox input input[type=checkbox]:checked + label:hover,
  .fluid-full-popup .content .checkbox input input[type=checkbox]:checked + label:hover {
    font-weight: 600;
  }
  #travelparty-container .content .checkbox input input[type=checkbox].parent-marked + label,
  .fluid-full-popup .content .checkbox input input[type=checkbox].parent-marked + label {
    background: url(../img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
    background-size: 16px;
  }
  #travelparty-container .content .checkbox input input[type=checkbox].parent-marked + label:hover,
  .fluid-full-popup .content .checkbox input input[type=checkbox].parent-marked + label:hover {
    font-weight: 600;
  }
  #travelparty-container .content .checkbox input input[type=radio]:checked + label,
  .fluid-full-popup .content .checkbox input input[type=radio]:checked + label {
    background-position: 0 -20px;
  }
  #travelparty-container .content .checkbox input input[type=radio]:hover + label,
  .fluid-full-popup .content .checkbox input input[type=radio]:hover + label {
    background-position: 0 -40px;
  }
  #travelparty-container .content .checkbox input input[type=radio]:checked:hover + label,
  .fluid-full-popup .content .checkbox input input[type=radio]:checked:hover + label {
    background-position: 0 -60px;
  }
  #travelparty-container .content .checkbox input input[type=radio] + label,
  .fluid-full-popup .content .checkbox input input[type=radio] + label {
    background-image: url(../img/Base/elements/pc/radio.png);
  }
  #travelparty-container .content .checkbox input label,
  .fluid-full-popup .content .checkbox input label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #travelparty-container .content .checkbox:not(.full) label,
  .fluid-full-popup .content .checkbox label {
    width: calc(100% - 55px);
  }
  #travelparty-container .content .checkbox.full label {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -20px;
  }
  #travelparty-container .footer a.text-close {
    display: none;
  }
  #travelparty-container .footer .btn-rood.fluid {
    margin-left: 0;
    max-width: 400px;
    height: auto;
    width: 100%;
  }
  .fluid-full-popup .content ul.listed-checkboxes .checkbox label {
    line-height: 32px;
  }
  .fluid-full-popup .content ul.listed-checkboxes li.child {
    margin-left: 30px;
  }
  .fluid-full-popup .related-filtergroup {
    padding-top: 10px;
  }
  .fluid-full-popup .footer .btn-rood.fluid {
    width: 100%;
  }
  .fluid-full-popup .related-filtergroup h4 {
    font-size: 14px;
    font-weight: bold;
  }
  #travelparty-container:not(.popUpBox) .travelparty-blue-icon {
    display: block;
  }
  #travelparty-container.fluid-full-popup .select-wrapper-fluid::before,
  #travelparty-container.search-fluid-popup .select-wrapper-fluid::before {
    bottom: 15px;
  }
  #travelparty-container.fluid-full-popup .travelparty-blue-icon::before,
  #travelparty-container.search-fluid-popup .travelparty-blue-icon::before {
    bottom: 19px;
  }
  div.search-results .noResults {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
  }
  div.search-results .noResults ul.results {
    margin-left: -10px;
  }
  .main-search-box input[type="text"],
  .main-search-box select,
  .main-search-box .btn-rood-fluid-wrapper .btn-rood.fluid,
  .search-parameters .travelparty,
  #travelparty-container select {
    font-size: 16px;
  }
  #travelparty-container select.small.noWait {
    width: 150px !important;
  }
  .main-search-box .select-wrapper-2 select:not(.day):not(.month):not(.year):not(.small),
  .main-search-box .select-wrapper-2 input {
    font-weight: 600;
    line-height: 22px;
    color: #333;
    font-size: 14px;
  }
  #fluid-visited-vacations {
    height: 250px;
    overflow-y: scroll;
  }
  #fluid-visited-vacations div {
    padding-left: 40px;
  }
  #fluid-visited-vacations li {
    margin-bottom: 20px;
  }
  #fluid-visited-vacations img {
    height: 200px;
    margin-top: 0 !important;
  }
  #fluid-visited-vacations .topLinks li {
    position: relative;
    float: left;
    width: 100%;
  }
  #fluid-visited-vacations .topLinks li:not(:first-child) img {
    margin-top: 10px;
  }
  #fluid-visited-vacations .topLinks li::before {
    content: none;
  }
  #fluid-visited-vacations .topLinks img {
    width: 100%;
    margin-top: 5px;
  }
  #fluid-visited-vacations .topLinks h5 {
    display: inline;
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0 5px 0;
  }
  #fluid-visited-vacations .topLinks span {
    font-size: 12px;
    line-height: 16px;
    color: #0092f2;
  }
  #fluid-visited-vacations .remove-all-link {
    clear: both;
    float: right;
    font-size: 13px;
    line-height: 16px;
    margin-top: 10px;
  }
  #fluid-visited-vacations span.count {
    display: block;
    color: #fff;
    font-size: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 2px;
    line-height: 30px;
    position: absolute;
    font-weight: bold;
    top: 5px;
    left: 5px;
    background-color: #FF7801;
    top: 210px;
    left: 0;
  }
  #fluid-visited-vacations a.remove {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #cf3b3b;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    color: #D90000;
    font-size: 24px;
    right: 0px;
    top: 0px;
    border-bottom-left-radius: 3px;
  }
  #fluid-visited-vacations a.remove::before {
    content: '×';
  }
  .top-popup {
    top: 0;
    right: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1005;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
  }
  .top-popup a.close.red {
    position: absolute;
  }
  #div-toggle-login label {
    color: #000;
    font-size: 12px;
    line-height: 18px;
    margin: 2px 0 0;
  }
  .top-popup input:not(.btn-rood),
  .top-popup select,
  .fluid-popup .toggle-box input,
  .fluid-popup .toggle-box select {
    font-family: 'Lato';
    border: 1px solid #bbe3ff;
    cursor: pointer;
    height: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    line-height: 25px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
  }
  .fluid-popup .toggle-box .checkbox {
    margin-top: 5px;
    display: inline-block;
  }
  .top-popup .checkbox input input[type=checkbox],
  .fluid-popup .toggle-box .checkbox input input[type=checkbox],
  .top-popup .checkbox input input[type=radio],
  .fluid-popup .toggle-box .checkbox input input[type=radio] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .top-popup .checkbox input input[type=checkbox] + label,
  .fluid-popup .toggle-box .checkbox input input[type=checkbox] + label,
  .top-popup .checkbox input input[type=radio] + label,
  .fluid-popup .toggle-box .checkbox input input[type=radio] + label,
  .top-popup .checkbox input span.aspNetDisabled + label.initialLabel,
  .fluid-popup .toggle-box .checkbox input span.aspNetDisabled + label.initialLabel {
    padding-left: 30px;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
  .top-popup .checkbox input input[type=checkbox] + label:hover,
  .fluid-popup .toggle-box .checkbox input input[type=checkbox] + label:hover,
  .top-popup .checkbox input input[type=radio] + label:hover,
  .fluid-popup .toggle-box .checkbox input input[type=radio] + label:hover,
  .top-popup .checkbox input span.aspNetDisabled + label.initialLabel:hover,
  .fluid-popup .toggle-box .checkbox input span.aspNetDisabled + label.initialLabel:hover {
    font-weight: 600;
  }
  .top-popup .checkbox input span.aspNetDisabled + label.initialLabel,
  .fluid-popup .toggle-box .checkbox input span.aspNetDisabled + label.initialLabel {
    background: url(../img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
    background-size: 16px;
    color: #ccc;
    cursor: default;
  }
  .top-popup .checkbox input span.aspNetDisabled + label.initialLabel:hover,
  .fluid-popup .toggle-box .checkbox input span.aspNetDisabled + label.initialLabel:hover {
    cursor: default !important;
    font-weight: 400 !important;
    background-position: 0 0 !important;
  }
  .top-popup .checkbox input input[type=checkbox] + label,
  .fluid-popup .toggle-box .checkbox input input[type=checkbox] + label {
    background-image: url(../img/Base/elements/pc/checkbox.png);
  }
  .top-popup .checkbox input input[type=checkbox]:checked + label,
  .fluid-popup .toggle-box .checkbox input input[type=checkbox]:checked + label {
    background: url(../img/base/elements/pc/checkbox_aan.png) no-repeat transparent 0 0;
    background-size: 16px;
  }
  .top-popup .checkbox input input[type=checkbox]:checked + label:hover,
  .fluid-popup .toggle-box .checkbox input input[type=checkbox]:checked + label:hover {
    font-weight: 600;
  }
  .top-popup .checkbox input input[type=checkbox].parent-marked + label,
  .fluid-popup .toggle-box .checkbox input input[type=checkbox].parent-marked + label {
    background: url(../img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
    background-size: 16px;
  }
  .top-popup .checkbox input input[type=checkbox].parent-marked + label:hover,
  .fluid-popup .toggle-box .checkbox input input[type=checkbox].parent-marked + label:hover {
    font-weight: 600;
  }
  .top-popup .checkbox input input[type=radio]:checked + label,
  .fluid-popup .toggle-box .checkbox input input[type=radio]:checked + label {
    background-position: 0 -20px;
  }
  .top-popup .checkbox input input[type=radio]:hover + label,
  .fluid-popup .toggle-box .checkbox input input[type=radio]:hover + label {
    background-position: 0 -40px;
  }
  .top-popup .checkbox input input[type=radio]:checked:hover + label,
  .fluid-popup .toggle-box .checkbox input input[type=radio]:checked:hover + label {
    background-position: 0 -60px;
  }
  .top-popup .checkbox input input[type=radio] + label,
  .fluid-popup .toggle-box .checkbox input input[type=radio] + label {
    background-image: url(../img/Base/elements/pc/radio.png);
  }
  .top-popup .checkbox input label,
  .fluid-popup .toggle-box .checkbox input label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .fluid-popup .login_container span {
    width: 100%;
    display: inline-block;
  }
  .fluid-popup .login_container span.error {
    color: #c00;
    font-size: 12px;
    line-height: 18px;
  }
  .fluid-popup .login_container span.login_title {
    font-size: 12px;
    color: #000;
    line-height: 18px;
  }
  .fluid-popup .login_container input {
    width: auto;
    vertical-align: middle;
    margin-right: 5px;
  }
  .fluid-popup .login_container label:not(:last-child) {
    margin-right: 25px !important;
  }
  .fluid-popup #login_type_dossier_container label {
    width: 100%;
    display: inline-block;
  }
  .fluid-popup #login_type_dossier_container label.dossier_bas {
    float: left;
    width: 50px;
    line-height: 30px;
    font-size: 16px;
  }
  .fluid-popup #login_type_dossier_container input#login_dossiernr {
    float: right;
    width: calc(100% - 50px);
  }
  #plcLoginRegisterUpdPanels_UserLogin_liRemember input,
  #plcLoginRegisterUpdPanels_UserLogin_liLoginType input {
    width: auto;
  }
  #plcLoginRegisterUpdPanels_UserLogin_liRemember input,
  #plcLoginRegisterUpdPanels_UserLogin_liLoginType span.loginType input {
    vertical-align: middle;
  }
  .forgotPassword .form li input[type="text"] {
    font-size: 16px;
    margin-top: 5px;
  }
  .forgotPassword .form li .btn-rood {
    margin-left: -32px;
  }
  .forgotPassword .form li .btn-rood ~ label {
    display: none;
  }
  #div-toggle-login .checkbox label {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
  }
  #div-toggle-login a.btn-rood.fluid {
    width: 100%;
    margin: 10px 0;
  }
  #div-toggle-login a:not(.btn-rood) {
    font-size: 13px;
  }
  .fluid-popup.profile ul.active li.logon {
    display: none;
  }
  .fluid-popup.profile ul.active li.logoff {
    display: block;
  }
  .fluid-popup.profile ul.inactive li.logon {
    display: block;
  }
  .fluid-popup.profile ul.inactive li.logoff {
    display: none;
  }
}
@media (max-width: 979px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: /* ipad pro */ 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: /* ipad 1, 2, 3, 4, mini en air */ 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
  /* ipad mini 1 */
  .results .photo .photo-link a {
    width: 1px;
    height: 1px;
  }
  .photo-carousel-results img {
    width: 360px;
    height: 240px;
  }
  ul.results > li > .photo > div,
  ul.results > li > .photo > div > div {
    width: 100%;
    height: 100%;
  }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .friendBanner {
    background: white url(../../../../img/prijsvrij.nl/Base/elements/tablet/vp201612-banner_medium.png) no-repeat left top;
  }
  .helpdesk .HelpGroup > div {
    width: 100%;
    border: none !important;
    padding: 0 !important;
  }
  .helpdesk .HelpGroup > div:first-child {
    margin-bottom: 30px;
  }
  .helpdesk .HelpGroup > div .dashed-box {
    min-height: unset;
  }
  /* tg-2107 css fix: on tablet view remove the right gutter after the 4th item and make the 'bigger' item full width so everything aligns sort of nicely */
  #footer .footer-content .row .col12 > div.col2:nth-child(4) {
    margin-right: 0 !important;
  }
  #footer .footer-content .row .col12 > div.col2:nth-child(5) {
    margin-right: 10px !important;
  }
  #footer .footer-content .row .col12 > div.col4 {
    clear: both;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .your-trip {
    background: url(../../../../img/prijsvrij.nl/Base/elements/phone/priijssticker_jouw-reis.png) no-repeat left top;
  }
  #vriendenprijsjes .button-friend {
    background: url(../prijsvrij.nl/Base/elements/phone/vp2015-ikbenalvriendknop_mobiel_dev.png) no-repeat left top;
  }
  #vriendenprijsjes .button-continue {
    background: url(../../../../img/prijsvrij.nl/Base/elements/phone/vriendenprijsjes-doornaarprijsvrij.png) no-repeat left top;
  }
  #vriendenprijsjes .btnFacebook {
    background: url(../../../../img/prijsvrij.nl/Base/elements/phone/vp2015-facebooklogin_smartphone_dev.png) no-repeat left top;
  }
  .friendBanner {
    background: #fff url(../../../../img/prijsvrij.nl/Base/elements/pc/vp201612-banner_small.png) no-repeat left top !important;
  }
  /* VRIENDENPRIJSJES */
  #vriendenprijsjes .box-friend-footer .ballon1::after,
  #vriendenprijsjes .box-friend-footer .ballon2::after {
    content: "";
  }
  #vriendenprijsjes .intro {
    width: 290px;
    height: 102px;
    margin: 0 0 0 -10px;
    background-image: url(../../../../img/prijsvrij.nl/Base/elements/phone/vp201707-tekst-intro.png) !important;
  }
  #vriendenprijsjes .circle {
    height: 410px !important;
  }
  #vriendenprijsjes .box-friend-footer {
    height: 125px;
  }
  #vriendenprijsjes .box-friend-footer .ballon1 {
    background-image: url(../../../../img/prijsvrij.nl/Base/elements/phone/vp201612-ballon1.png) !important;
    background-size: 87.5px 77px !important;
    width: 87.5px !important;
    height: 77px !important;
    top: auto;
    bottom: 10px;
    left: 0px;
  }
  #vriendenprijsjes .box-friend-footer .ballon2 {
    background-image: url(../../../../img/prijsvrij.nl/Base/elements/phone/vp201707-ballon2.png) !important;
    background-size: 139px 77px !important;
    width: 139px !important;
    height: 77px !important;
    top: auto;
    bottom: 10px;
    right: 20px;
  }
  #vriendenprijsjes .box-friend-footer .seat {
    background: url(../../../../img/prijsvrij.nl/Base/elements/phone/vp201612-products.png) no-repeat !important;
    background-size: 69px 100px !important;
    width: 69px;
    height: 100px;
    display: block !important;
    position: absolute !important;
    left: 72px;
    bottom: -10px;
    z-index: 997;
  }
  #vriendenprijsjes .background {
    background-image: url(../../../../img/prijsvrij.nl/Base/elements/pc/vp201612-background.jpg) !important;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    background-size: cover !important;
  }
  #vriendenprijsjes .background-overlay {
    background-image: url(../../../../img/prijsvrij.nl/Base/elements/pc/vp201612-background-overlay.png) !important;
    background-size: cover !important;
  }
  #vriendenprijsjes .box-wordt-vriend .btn-dont-become-friend {
    background-image: url(../../../../img/prijsvrij.nl/Base/elements/phone/vp2016-knop-sluit.png) !important;
  }
  #vriendenprijsjes .box-wordt-vriend .btn-become-friend {
    background-image: url(../../../../img/prijsvrij.nl/Base/elements/phone/vp2016-knop-aanmelden.png) !important;
  }
  .friendBanner {
    background-image: url(../../../../img/prijsvrij.nl/Base/elements/pc/vp201612-banner_small.png) !important;
  }
  /* VRIENDENPRIJSJES */
  .helpdesk .HelpGroup > div {
    width: 100%;
    border: none !important;
    padding: 0 !important;
  }
  .helpdesk .HelpGroup > div:first-child {
    margin-bottom: 30px;
  }
  .helpdesk .HelpGroup > div .dashed-box {
    min-height: unset;
  }
  .col9.sitemap .box-text,
  .help .faq-container,
  .box-text {
    padding: 20px;
  }
  body .btn-rood.fluid {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
  }
  body .box-text .btn-rood.fluid {
    max-width: 268px;
  }
  .filter-box ul.travelparty li .ico_travelers {
    padding: 0 !important;
  }
  .phone-filterbox .btn-rood.fluid {
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    background: #0077BF;
    box-shadow: 0px 4px 0px #005f99;
  }
  body.search #search-results-column .overview {
    padding-left: 0;
  }
}