/*Destination page */
.page-template-template_snow {
    background-color: #333333;
}

.tooltip {
    position: fixed;
    border: none;
    background: #000000;
    width: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%!important;
}

.tooltip.in {
    opacity: .8;
}

.tooltip .tooltip-arrow {
    display: none;
}

.tooltip-inner {
    background: #000000;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #FFFFFF;
}

.tooltip-inner {
    max-width: 100%;
}

.tooltip table thead tr td {
    font-size: 14px;
}

.tooltip table tr td {
    padding: 0 10px;
}

.flw-dest-container{
    background-color: #333333;
    font-size: 16px;
    font-weight: 300;
}

.flw-dest-container h1,
.flw-dest-container h2,
.flw-dest-container h5 {
    color: #FFF;
}

.flw-dest-container h1.dest-main-title {
    font-weight: bold;
    text-align: left;
    font-size: 2em;
    padding: 0.7em 0.3em 0.5em 1.5em;
}

.flw-dest-container .flw-inner-container{
    display:flex;
    padding-bottom: 15px;
}

.flw-dest-container .flw-inner-container h5 {
    margin: 0;
    padding-top: 3px;
    font-size: 16px;
    font-weight: 900;
    color: #FFF;
    cursor: pointer;
    text-transform: uppercase;

}

.dest-info h2.acc-title {
    text-align: left;
    font-weight: bold;
}

.dest-info h2.acc-title span{
    color: #00B5BE;
}

.flw-dest-container input[type="text"] {
    color: #333333;
    max-width: 60px;
}

.dest-tabs {
    padding: 3.5em 0px 5px 5px;
    font-size: 0.7em;
    flex-shrink: 0;
    text-align: right;
    border-right: 2px solid #FFF;
}

.dest-tabs ul.tabs li {
    padding-right: 0.65em;
    border-color: #FFF;
    border-width: 2px;
    border-style: solid;
    border-left: none;
    border-top: none;
    border-bottom: none;
    position: relative;
    right: -2px;
    margin-bottom: 5px;
}

.dest-tabs ul.tabs li.tab-head{
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
}

.dest-tabs ul.tabs li.tab-link:hover {
    border-color: #00aec8;
}

.dest-tabs ul.tabs li.tab-link a:hover {
    background-color: #00aec8;
    color: #FFF;
}

.dest-tabs ul.tabs li a {
    border: none;
    color: #A9A9A9;
    padding: 8px 0 5px;
    font-weight: normal;
    text-decoration: none;
    font-weight: 600;
}

.dest-info {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    min-width: 0;
    min-height: 0;
    font-family: "Fakt", sans-serif;
}

.flw-dest-container .flw-inner-container .dest-info h2.acc-title {
    text-align: left;
    padding-top: 10px;
    color: #fff;
    padding-bottom: 10px;
    font-weight: 900;
    font-family: "Fakt", sans-serif;
}

.flw-gallery {
    width: 800px;
    overflow: hidden;
}

.flw-gallery .slider-nav {
    width: 100%;
    padding: 5px;    
}

.flw-gallery .slick-slide {
    margin: 5px;
    cursor: pointer;
    outline: none;
}

.flw-gallery .slick-track {
    margin: 0;
}

.slick-slide img {
    outline: none;
}


.info-blocks > div[class^="block"] {
    display: flex;
    flex-direction: column;
}

.info-blocks > div[class^="block"]:nth-child(n+3) {
    display: none;
}

.info-blocks > div[class^="block"].flw-opened {

}

.info-blocks > div[class^="block"].flw-opened .dest-block-head h5 {
    color: #00B5BE;
}

.dest-block-head {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    outline-color: transparent;
}

.dest-block-head img {
    height: 40px;
}

.info-blocks .block-content {
    padding-left: 40px;
    font-size: 16px;
    color: #FFFFFF;
}

.acc-calculation {
    color: #FFF;
    margin-top: 20px;
    font-size: 16px;
}

.flw-dest-container .flw-inner-container .dest-info .acc-calculation h2 {
    padding: 5px 0 15px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    font-family: "Fakt", sans-serif;
}

td.calc-field-price {
    color: #00B5BE;
    text-align: right;
}

table.calc-fields tbody tr td {
    padding: 5px;
}

.calc-field-label span.sublabel {
    display: block;
    font-size: 0.8em;
}

.calc-totals {
    display: inline-block;
    text-align: right;
    border-top: 1px solid #FFFFFF;
    float: right;
    width: 70%;
    margin-top: 5px;
}

.calc-total {
    border-top: 1px solid #FFFFFF;
    margin-top: 5px;
}

.calc-total td {
    padding-top: 10px;
}

.calc-table-container {
    display: inline-block;
    width: 100%;
}

tr.calc-warning td.remark {
    font-size: 13px;
}


input[type="text"].calc-total-price,
input[type="text"].calc-total-options-price {
    color: #FFFFFF;
    background: #333333;
    border: none;
}

span.calc-total-price, span.calc-total-options-price {
    display: inline-block;
    min-width: 50px;
}

.flw-wb-actions {
    margin: 20px 0;
    clear: both;
    float: left;
    width: 100%;
}

.flw-wb-actions .flw-action-mail {
    display: inline;
}

.flw-wb-actions input.flw-calc-mail {
    background-color: #333;
    color: #fff;
    border: 2px solid #FFF;
    min-width: 200px;
    height: 40px;
    padding: 5px;
}

button.calc-send-mail {
    border: none;
    background-color: #FFF;
    color: #333;
    padding: 5px;
    height: 40px;
    width: 35px;
}

a.flw-booking {
    background-color: #00B5BE;
    display: inline-block;
    height: 40px;
    padding: 8px 15px;
    border: 2px solid #FFF;
    color: #333;
    vertical-align: top;
    margin-left: 20px;
    text-decoration: none;
}

a.flw-booking.wachtlijst {
    border: none;
    color: #fff;
    padding: 8px 42px;
}

.flw-extra-menus {
    margin-top: 10px;
    color: #FFF;
    float: left;
}

.flw-extra-menus .extra-menu {
    outline: transparent;
}

.flw-extra-menus .extra-menu span {
    cursor: pointer;
    text-transform: uppercase;
}

.menu-text {
    margin-left: 20px;
    padding-bottom: 10px;
}

.flw-extra-menus div.extra-menu:before {
    content: "\f138";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 0.8em;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
}

.ui-accordion-content-active {
    height: auto !important;
}

.flw-dest-container .flw-inner-container .ui-accordion-header-active h5 {
    color: #00B5BE;
}

/*Brand page */
.flw-table-container {
    color: #333333;
}

.flw-table-container h2 {
    font-family: "Fakt", sans-serif;
    font-weight: 900;
    color: #333333;
}

.flw-around-table {
    background-color: #E5E5E5;
    padding: 15px;
    margin-bottom: 40px;
}

.flw-table-container .flw-dest-table{
    width: 100%;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    margin: auto;
}

tr.dest-head-info {
    background-color: #333;
    color: #fff;
    font-weight: 900;
}

tr.dest-head-info td {
    padding: 5px 0px 5px 10px;
}

.dest-transport img {
    width: 30px;
    margin-right: 10px;
}

tr.dest-head {
    background-color: #D0D0D0;
}

tr.dest-head td,
.flw-dest-table tbody tr td {
    padding: 5px 0px 5px 10px;
    vertical-align: top;
}

.flw-dest-table tbody tr{
    background-color: #E5E5E5;
    box-shadow: inset 10px 1px 9px -6px #D0D0D0, inset -10px -1px 9px -6px #D0D0D0;
}

.flw-dest-table tbody tr:nth-child(even){
    background-color: #DFDFDF;
}

a.dest-btn.wachtlijst {
    background-color: #fff;
    color: #333;
    border: 1px solid #00c8f1;
    padding: 12px 42px;
}

span.acc-place p {
    padding-left: 15px;
}

span.acc-name .fa-star {
    font-size: 0.5em;
    vertical-align: middle;
}

.dest-date p {
    margin: 0;
}

.flw-dest-table tr.flw-mobile-dest-btn td{
    display: none;
}

tr.dest-head.dest-head-mobile,
tr.dest-head-info.dest-head-info-mobile{
    display: none;
}

tr.dest-head,
tr.dest-head-info{
    display: table-row;
}

.dest-tabs ul.tabs li.tab-link.flw-acc-active a {
    background-color: #00aec8;
    color: #FFF;
    padding: 5px;    
}

.dest-tabs ul.tabs li.tab-link a {
    text-transform: uppercase;
}

.dest-tabs ul.tabs li.tab-link:last-child {
    margin-bottom: 10px;
}


.dest-tabs ul.tabs li.tab-link.flw-acc-active {
    border-color: #00aec8;
}

.alert-message {
    margin-top: 10px;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #FFFFFF;
    width: auto;
    max-width: 100%;
    display: none;
    padding: 10px;
    text-align: center;
}

/* Start Ajax loader */

.cssload-container {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: grey;
    opacity: 0.9;
    top: 0;
    left: 0;
    z-index: 999;
}



#fountainG {
    position:fixed;
    left:50%;
    top:50%;
    width:132px;
    height:16px;
    margin: -61px 0 0 -61px;
}

.fountainG{
    position:absolute;
    top:0;
    background-color:rgb(255,255,255);
    width:16px;
    height:16px;
    animation-name:bounce_fountainG;
    -o-animation-name:bounce_fountainG;
    -ms-animation-name:bounce_fountainG;
    -webkit-animation-name:bounce_fountainG;
    -moz-animation-name:bounce_fountainG;
    animation-duration:2.86s;
    -o-animation-duration:2.86s;
    -ms-animation-duration:2.86s;
    -webkit-animation-duration:2.86s;
    -moz-animation-duration:2.86s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    transform:scale(.3);
    -o-transform:scale(.3);
    -ms-transform:scale(.3);
    -webkit-transform:scale(.3);
    -moz-transform:scale(.3);
    border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

#fountainG_1{
    left:0;
    animation-delay:1.14s;
    -o-animation-delay:1.14s;
    -ms-animation-delay:1.14s;
    -webkit-animation-delay:1.14s;
    -moz-animation-delay:1.14s;
}

#fountainG_2{
    left:16px;
    animation-delay:1.43s;
    -o-animation-delay:1.43s;
    -ms-animation-delay:1.43s;
    -webkit-animation-delay:1.43s;
    -moz-animation-delay:1.43s;
}

#fountainG_3{
    left:33px;
    animation-delay:1.72s;
    -o-animation-delay:1.72s;
    -ms-animation-delay:1.72s;
    -webkit-animation-delay:1.72s;
    -moz-animation-delay:1.72s;
}

#fountainG_4{
    left:49px;
    animation-delay:2s;
    -o-animation-delay:2s;
    -ms-animation-delay:2s;
    -webkit-animation-delay:2s;
    -moz-animation-delay:2s;
}

#fountainG_5{
    left:66px;
    animation-delay:2.29s;
    -o-animation-delay:2.29s;
    -ms-animation-delay:2.29s;
    -webkit-animation-delay:2.29s;
    -moz-animation-delay:2.29s;
}

#fountainG_6{
    left:82px;
    animation-delay:2.57s;
    -o-animation-delay:2.57s;
    -ms-animation-delay:2.57s;
    -webkit-animation-delay:2.57s;
    -moz-animation-delay:2.57s;
}

#fountainG_7{
    left:99px;
    animation-delay:2.86s;
    -o-animation-delay:2.86s;
    -ms-animation-delay:2.86s;
    -webkit-animation-delay:2.86s;
    -moz-animation-delay:2.86s;
}

#fountainG_8{
    left:115px;
    animation-delay:3.15s;
    -o-animation-delay:3.15s;
    -ms-animation-delay:3.15s;
    -webkit-animation-delay:3.15s;
    -moz-animation-delay:3.15s;
}



@keyframes bounce_fountainG{
    0%{
        transform:scale(1);
        background-color:rgb(255,255,255);
    }

    100%{
        transform:scale(.3);
        background-color:rgba(255,255,255,0.38);
    }
}

@-o-keyframes bounce_fountainG{
    0%{
        -o-transform:scale(1);
        background-color:rgb(255,255,255);
    }

    100%{
        -o-transform:scale(.3);
        background-color:rgba(255,255,255,0.38);
    }
}

@-ms-keyframes bounce_fountainG{
    0%{
        -ms-transform:scale(1);
        background-color:rgb(255,255,255);
    }

    100%{
        -ms-transform:scale(.3);
        background-color:rgba(255,255,255,0.38);
    }
}

@-webkit-keyframes bounce_fountainG{
    0%{
        -webkit-transform:scale(1);
        background-color:rgb(255,255,255);
    }

    100%{
        -webkit-transform:scale(.3);
        background-color:rgba(255,255,255,0.38);
    }
}

@-moz-keyframes bounce_fountainG{
    0%{
        -moz-transform:scale(1);
        background-color:rgb(255,255,255);
    }

    100%{
        -moz-transform:scale(.3);
        background-color:rgba(255,255,255,0.38);
    }
}
/* End Ajax loader */


@media only screen and (min-width: 1024px) {
    .flw-dest-table tbody tr td:nth-child(1) {
        width: 25%;
    }
    .flw-dest-table tbody tr td:nth-child(2) {
        width: 20%;
    }
    .flw-dest-table tbody tr td:nth-child(3) {
        width: 18%;
    }
    .flw-dest-table tbody tr td:nth-child(4) {
        width: 12%;
    }
    .flw-dest-table tbody tr td:nth-child(5) {
        width: 20%;
        vertical-align: middle;
    }

    .alert-message {
        max-width: 600px;
    }
}

@media only screen and (min-width: 768px) {
    .flw-dest-table tbody tr td:nth-child(5) {
        vertical-align: middle;
    }
}

@media only screen and (max-width: 1024px) {
    .flw-gallery {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    span.acc-place p {
        width: 100%;
    }

    td p {
        width: 80px;
    }

    .dest-info h2.acc-title {
        font-size: 28px;
    }
}
@media only screen and (max-width: 767px) {
	.acc-calculation {
	    font-size: 14px!important;
	}
    .dest-tabs {
        border: none;
        font-size: 14px;
        padding-top: 0;
    }

    .dest-tabs ul {
        float: left;
        text-align: left;
    }

    .dest-tabs ul.tabs li {
        border: none;
    }
    
    tr.dest-head-mobile td {
        text-align: center;
        padding: 10px;
        height: auto;
    }

    tr.dest-head-info {
        font-weight: 300;
    }

    .dest-head-mobile td p {
        display: inline;
    }

    .flw-dest-table tbody tr td:nth-child(2),
    .flw-dest-table tbody tr td:nth-child(3),
    .flw-dest-table tbody tr td:nth-child(5) {
        display: none;
    }

    tr.dest-head,
    tr.dest-head-info{
        display: none;
    }

    tr.dest-head.dest-head-mobile,
    tr.dest-head-info.dest-head-info-mobile{
        display: table-row;
    }

    .flw-mobile-dest-btn a.dest-btn {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .flw-dest-table tr.flw-mobile-dest-btn td {
        display: table-cell;
        padding: 0;
        height: auto;
    }

    .flw-dest-table tbody tr td:nth-child(1), .flw-dest-table tbody tr td:nth-child(4) {
        width: 50%;
    }

    .flw-gallery {
        padding: 0 5px;
        width: 100%;
    }

    span.acc-place p {
        display: none;
    }

    .flw-dest-table tbody tr td{
        height: 55px;
    }

    .flw-table-container h2{
        text-align: center;
    }

    /*destination page */

    .flw-dest-container .flw-inner-container{
        flex-direction: column;
    }

    .flw-dest-container .flw-inner-container .dest-info{
        padding-right: 0.5em;
        padding-left: 0;
    }

    .flw-wb-actions input.flw-calc-mail {
        width: 100%;
        max-width: 100%;
    }

    a.flw-booking {
        margin: 10px 0 0 0;
        width: 100%;
    }

    a.flw-booking.wachtlijst {
        padding: 8px 15px;
    }

    .calc-send-mail {
        position: relative;
        left: calc(100% - 35px);
        top: -40px;
    }
}

table tr.arrow-line td {
    background: url('../img/pijl.png');
    background-repeat: no-repeat;
    background-size: 589px;
}

/* Summer table customizations*/

.flw-table-container.summer-table .flw-around-table{
    background: none;
    padding: 0;
}

.flw-table-container.summer-table .summer-table-tabs {
    text-align: left;
    margin: 10px 0 10px;
    padding-top: 5px;
    border-bottom: 2px solid #b5b5b5;
}

.flw-table-container.summer-table .summer-table-tabs a.flw-table-tab {
    display: inline-block;
    margin-right: 20px;
    color: #707070;
    font-size: 18px;
    text-align: center;
    text-transform: capitalize;
    font-family: "Fakt", sans-serif;
    font-style: normal;
    font-weight: 400;
    vertical-align: bottom;
    margin-bottom: -2px;
    border-bottom: 2px solid #b5b5b5;
    padding-bottom: 10px;
}

.flw-table-container.summer-table .summer-table-tabs a.flw-table-tab:hover,
.flw-table-container.summer-table .summer-table-tabs .flw-table-tab.active {
    font-weight: bold;
    text-decoration: none;
}

.flw-table-container.summer-table tr.dest-head-info {
    text-transform: uppercase;
    font-weight: normal;
}

.flw-table-container.summer-table tr.dest-head-info td {
    padding: 5px 15px 5px 10px;
    font-family: "Fakt", sans-serif;
}

.summer-table .flw-dest-table tr[class^="tab-"] {
    display: none;
}

.summer-table .flw-dest-table tr[class^="tab-"].active {
    display: table-row;
}

.flw-table-container.summer-table tbody tr {
    height: 64px;
}

.flw-table-container.summer-table .flw-dest-table tbody tr td {
    padding: 5px 10px;
    vertical-align: inherit;
}

.flw-table-container.summer-table .flw-dest-table tbody tr td:first-child span.week-date-mobile {
    display: none;
}

.flw-table-container.summer-table .flw-dest-table tbody tr td:first-child span.mobile-price {
    display: none;
}

.flw-table-container.summer-table .mpc-progress {
    margin-right: 30%;
    margin-bottom: 0;
}

.flw-table-container.summer-table .mpc-progress__wrap {
    background: #f5f5f5;
}
.flw-table-container.summer-table .mpc-progress__bar {
    height: 100%;
}

.flw-table-container.summer-table .mpc-progress__info {
    display: table;
    z-index: 1;
    position: relative;
}

.flw-table-container.summer-table .mpc-progress__title {
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}

.flw-table-container.summer-table .mpc-progress__value {
    padding-top: 3px;
    padding-right: 10px;
    font-size: 10px;
    display: table-cell;
    vertical-align: middle;
    width: 1px;
}

.flw-table-container.summer-table a.dest-btn:hover{
    background-color: #009ab2;
}

@media only screen and (max-width: 767px) {
    .summer-table .flw-dest-table tr[class^="pack-"] {
        display: none;
    }

    .summer-table .flw-dest-table tr[class^="pack-"].active {
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 32px;
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td:first-child {
        width: 100%;
        text-align: left;
        height: 35px;
        background-color: #333;
        color: #FFF;
        padding: 7px 10px;
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td:first-child span.week {
        font-weight: bold;
        text-transform: uppercase;
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td:first-child span.week-date {
        display: none;
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td:first-child span.week-date-mobile {
        display: initial;
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td:first-child span.mobile-price {
        display: inline-block;
        float: right
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td[class^="progress-bar-"] {
        height: 64px;
        padding: 22px 15px;
        background-color: #cecece;
    }

    .flw-table-container.summer-table .mpc-progress {
        margin-right:  0;
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td:nth-child(2),
    .flw-table-container.summer-table .flw-dest-table tbody tr td:nth-child(3){
        display: none;
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td:last-child {
        width: 100%;
        padding: 10px 15px;
        height: auto;
    }

    .flw-table-container.summer-table .flw-dest-table tbody tr td:last-child a {
        display: block;
        padding: 7px 30px;
    }
}
/*End summer table customizations */


/* -- USED FOR TESTING PROGRESS BAR CSS -- */
/*.mpc-progress { margin-bottom: 1.5em; }*/

.mpc-progress__wrap, .mpc-progress__bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mpc-progress__title { display: block; margin: 0 !important; }

.mpc-progress__value { display: block; padding-left: .5em; white-space: nowrap; }

.mpc-progress__box { position: relative; width: 100%; height: 100%; }

.mpc-progress__bar { position: absolute; left: 0; bottom: 0; width: 0; height: 0; overflow: hidden; -webkit-transition: width 1.5s, height 1.5s; transition: width 1.5s, height 1.5s; }

.mpc-vertical--center .mpc-progress__info { display: table; width: 100%; min-width: 0; -webkit-transition: all 1.5s; transition: all 1.5s; }

.mpc-vertical--center .mpc-progress__title, .mpc-vertical--center .mpc-progress__value { display: table-cell; vertical-align: middle; }

.mpc-vertical--center .mpc-progress__value { width: 1px; }

.mpc-sticky-value .mpc-progress__info { width: auto; }

.mpc-progress.mpc-style--style_1 .mpc-progress__bar, .mpc-progress.mpc-style--style_2 .mpc-progress__bar, .mpc-progress.mpc-style--style_6 .mpc-progress__bar { height: 100%; }

.mpc-progress.mpc-style--style_2 .mpc-progress__info { position: relative; z-index: 1; }

.mpc-progress.mpc-style--style_3 .mpc-progress__bar, .mpc-progress.mpc-style--style_4 .mpc-progress__bar, .mpc-progress.mpc-style--style_7 .mpc-progress__bar { width: 100%; }

.mpc-progress.mpc-style--style_7 .mpc-progress__value { position: absolute; top: 50%; left: 50%; padding-left: 0; transform: translateX(-50%) translateY(-50%); }

.mpc-progress.mpc-style--style_4 .mpc-progress__value { display: block; padding-left: 0; }

.mpc-progress.mpc-style--style_5 .mpc-progress__box:after, .mpc-progress.mpc-style--style_8 .mpc-progress__box:after { content: ''; display: block; clear: both; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon-box, .mpc-progress.mpc-style--style_8 .mpc-progress__icon-box { float: left; position: relative; width: 10%; border: 0 solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon-box:before, .mpc-progress.mpc-style--style_8 .mpc-progress__icon-box:before { content: ''; display: block; padding-top: 100%; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon-box.mpc-filled .mpc-layer--back, .mpc-progress.mpc-style--style_8 .mpc-progress__icon-box.mpc-filled .mpc-layer--back { opacity: 0; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon-box.mpc-filled .mpc-layer--front, .mpc-progress.mpc-style--style_8 .mpc-progress__icon-box.mpc-filled .mpc-layer--front { opacity: 1; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon, .mpc-progress.mpc-style--style_8 .mpc-progress__icon { text-align: center; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .25s; transition: opacity .25s; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon.mpc-layer--back, .mpc-progress.mpc-style--style_8 .mpc-progress__icon.mpc-layer--back { opacity: 1; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon.mpc-layer--front, .mpc-progress.mpc-style--style_8 .mpc-progress__icon.mpc-layer--front { opacity: 0; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon:before, .mpc-progress.mpc-style--style_8 .mpc-progress__icon:before { vertical-align: middle; }

.mpc-progress.mpc-style--style_5 .mpc-progress__icon:after, .mpc-progress.mpc-style--style_8 .mpc-progress__icon:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mpc-progress.mpc-style--style_5 .mpc-progress__bar, .mpc-progress.mpc-style--style_8 .mpc-progress__bar { height: 100%; }

/* -- END PROGRESS BAR CSS TEST -- */

/*----------------------------------------------------------------------
|                    Custom added Comlinq                    |
-----------------------------------------------------------------------*/

@media only screen and (max-width: 375px) {
    table tr.arrow-line td {
        background-size: 340px;

    }
}

@media only screen and (max-width: 425px) {
    table tr.arrow-line td {
        background-size: 390px;

    }
    .flw-table-container .flw-dest-table{
        width: 100%;
        text-align: left;
        font-weight: normal;
        font-size: 15px!important;
        margin: auto;
}
}


@media only screen and (max-width: 767px) {
.cssload-container .loader-text {
    position: fixed;
    left: 50%;
    top: 50%;
    font-size: 25px;
    font-weight: bold;
    margin-left: -168px;
    margin-top: -30px;
    color: #FFF;
    width: 340px;
    text-align: center;
}
}


@media only screen and (min-width: 768px) {
    tr.dest-head-info {
        font-family: "Fakt", sans-serif!important;
    }
.cssload-container .loader-text {
    position: fixed;
    left: 50%;
    top: 50%;
    font-size: 25px;
    font-weight: bold;
    margin-left: -330px;
    margin-top: -30px;
    color: #FFF
}
}


.bootstrap-dest-table {
    color: #333;
    font-family: "Fakt", sans-serif !important;
    font-size: 13px;
}


/* specifiek voor snowcamp */

iframe.booking-iframe-snowcamp {
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;

}
.flw-around-table-snowcamp {
background-color: #E5E5E5;
    padding: 15px;
    margin-bottom: 10px;
}


.flw-around-table-snowcamp .flw-dest-table tbody tr td {
    padding: 15px 0px 15px 10px;
}

@media only screen and (min-width: 1024px) {
.flw-around-table-snowcamp .flw-dest-table tbody tr td:nth-child(1) {
    width: 20%;
}
.flw-around-table-snowcamp .flw-dest-table tbody tr td:nth-child(2) {
    width: 30%;
}
.flw-around-table-snowcamp .flw-dest-table tbody tr td:nth-child(3) {
    width: 13%;
}
.flw-around-table-snowcamp .flw-dest-table tbody tr td:nth-child(4) {
    width: 16%;
}
.bootstrap-dest-table {
    color: #333;
    font-family: "Fakt", sans-serif !important;
    font-size: 16px;
}
}

a.dest-btn.snowcamp {
    padding: 12px 40px;
}
.row.bootstrap-dest-table-row {
    font-weight: 300;
}

.bootstrap-dest-table.container .bg-dark-grey {
    font-family: "Fakt", sans-serif !important;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}

/* Prijstabellen summer en bike */


.col-sm-2-5 {
    width: 12.5%;
    float: left;
    position: relative;
    min-height: 1px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
}

.col-sm-2-6 {
    width: 15%;
    float: left;
    position: relative;
    min-height: 1px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
}

@media only screen and (max-width: 767px) {
    .col-sm-2-5 {
        width: auto;
        float: none;
        margin: 1em 0;

    }
    .col-sm-2-5.col-sm-3 {
        width: 25%;
    }
    .col-sm-2-5.col-sm-12,
    .col-sm-2-6.col-sm-12 {
        width: 100%;
    }
}

.process-bar {
    background-color: #fff;
    margin: 0px 40px 0px 0px;
}

@media only screen and (max-width: 640px) {
a.dest-btn.active {
pointer-events: none;
    color: transparent;
    height: 2px;
    padding: 0px;
    background-color: #333333;
}
.flw-table-container.summer-table {
    display: block!important;
}
}

h2.tabel-periode-Nieuwjaar {
    display: none;
}
h2.tabel-periode-Pasen2 {
    display: none;
}
.flw-table-container.Pasen2 {
    display: none;
}
a.accobutton.button-volzet {
    color: #fff;
    outline: none;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}