/** Auto details **/
.filters {
    margin-bottom: 15px;
    background-color: #001446;
}

    .filters label {
        color: #BEDAFF;
    }

    .filters select {
        margin: 10px 0;
        padding: 5px;
        border: 2px solid #BEDAFF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #BEDAFF;
        font-weight: bold;
        height: 45px;
        background: #001446;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("../img/up_down.png");
        background-repeat: no-repeat;
        -webkit-background-size: 16px 17px;
        background-size: 16px 17px;
        background-position: right 10px;
    }

        .filters select:focus {
            border: 2px solid #0062FF;
            color: #0062FF;
        }

        .filters select option {
            background-color: white;
            color: #001446;
        }

    .filters .empty-label + select {
        position: relative;
        top: 5px;
    }

    .filters .hide-filters {
        display: none;
    }

    .filters .zoek-filter {
        display: block !important;
        background-color: #0062FF;
        border-color: #0062FF;
    }

        .filters .zoek-filter:hover {
            background-image: linear-gradient(to right, #0062fe, #044dcc, #03399d, #012670, #001446);
        }

.zoeken {
    padding: 0px;
    width: 100%;
    left: 0;
    position: relative;
}

@media screen and (max-width: 991px) {
    .zoeken .control-label {
        position: relative;
        top: 8px;
    }
}

@media screen and (max-width: 991px) {
    .zoek-odd {
        margin-bottom: -18px;
    }
}

@media screen and (max-width: 991px) {
    .zoek-even {
        padding-bottom: 20px;
    }
}

.toggleFilterDiv {
    display: none;
    position: relative;
    top: 15px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .toggleFilterDiv {
        display: block;
    }
}

.clearfix {
    margin: 0 8vw;
}

@media screen and (max-width: 992px) {
    .clearfix {
        margin: 0 8vw;
    }
}

@media screen and (max-width: 557px) {
    .clearfix {
        margin: 0 0vw;
    }
}

a.toggle-filters {
    text-align: center;
    display: block;
    margin: 0 auto;
    float: none;
}

    a.toggle-filters .icon-chevron-up::before {
        content: "";
    }

    a.toggle-filters .icon-chevron-down::before {
        content: "";
    }

.pagination {
    margin: 30px auto;
    width: 100%;
    text-align: center;
}

    .pagination a {
        padding: 10px;
        width: 40px;
        height: 40px;
        display: inherit;
        margin: auto;
    }

    .pagination .active {
        width: 40px;
        height: 40px;
        border: 10px transparent;
        border-radius: 80px;
        background-image: linear-gradient(white, white), radial-gradient(circle at bottom right, #001446, #0062FF);
        background-origin: border-box;
        background-clip: content-box, border-box;
    }

.auto {
    float: left;
    padding: 0px;
    width: 50%;
    position: relative;
    text-align: center;
}

    .auto .panel {
        margin: 0px;
        height: 560px;
        border: 0px;
    }

        .auto .panel .panel-body .foto {
            width: 100%;
            display: inline-block;
            float: none !important;
            margin: 0;
            cursor: pointer;
            max-width: 100%;
            height: 390px;
            position: relative;
            top: 4px;
            overflow: hidden;
        }

            .auto .panel .panel-body .foto img {
                height: 100%;
                max-height: 100%;
                display: block;
                margin: 0 auto;
                width: 100%;
                object-fit: cover;
            }

            .auto .panel .panel-body .foto span.icon {
                width: 200px;
                height: 150px;
                font-size: 130px;
                text-align: center;
                color: #e2e2e2;
                margin: 0;
            }

@media screen and (max-width: 1375px) {
    .auto .panel {
        height: 447px;
    }

        .auto .panel .panel-body .foto {
            height: 280px;
        }
}

@media screen and (max-width: 1250px) {
    .auto .panel {
        height: 417px;
    }

        .auto .panel .panel-body .foto {
            height: 250px;
        }
}

@media screen and (max-width: 1100px) {
    .auto .panel {
        height: 397px;
    }

        .auto .panel .panel-body .foto {
            height: 230px;
        }
}

@media screen and (max-width: 1033px) {
    .auto .panel {
        height: 357px;
    }

        .auto .panel .panel-body .foto {
            height: 190px;
        }
}

@media screen and (max-width: 940px) {
    .auto .panel {
        height: 337px;
    }

        .auto .panel .panel-body .foto {
            height: 170px;
        }
}

@media screen and (max-width: 860px) {
    .auto .panel {
        height: 313px;
    }

        .auto .panel .panel-body .foto {
            height: 145px;
        }
}

@media screen and (max-width: 569px) {
    .auto .panel .panel-body .foto {
        height: 280px;
    }
}

@media screen and (max-width: 482px) {
    .auto .panel .panel-body .foto {
        height: 245px;
    }
}

@media screen and (max-width: 424px) {
    .auto .panel .panel-body .foto {
        height: 215px;
    }
}

@media screen and (max-width: 390px) {
    .auto .panel .panel-body .foto {
        height: 195px;
    }
}

@media screen and (max-width: 332px) {
    .auto .panel .panel-body .foto {
        height: 160px;
    }
}

@media screen and (max-width: 280px) {
    .auto .panel .panel-body .foto {
        height: 130px;
    }
}

.auto .titel {
    float: none;
    padding: 20px 0 10px 0px;
    font-weight: 600;
    width: 100%;
    background-color: #EBF4FF;
    color: #001446;
    font-size: 21px;
}

.auto .extra-info {
    float: none;
    padding: 0 0 20px 0px;
    width: 100%;
    background-color: #EBF4FF;
}

.auto .btn {
    right: 0px;
    border-radius: 0px 0px 12px 12px;
    background-color: #0062FF;
    position: relative;
    top: 0px;
    padding: 12px 0;
    color: white;
    font-weight: bold;
}

.auto-details {
    padding: 30px;
}

    .auto-details .foto-container {
        width: 100%;
        float: left;
    }

    .auto-details .prijzen {
        width: 100%;
        float: left;
        margin: 0 15px 15px 0;
    }

    .auto-details .foto {
        display: inline-block;
        float: left;
        margin: 0 30px 30px 0;
    }

        .auto-details .foto img {
            max-height: 380px;
            max-width: 100%;
        }

    .auto-details .foto-thumbnail {
        cursor: pointer;
        display: inline-block;
        float: left;
        border: 3px solid white;
        margin: 0 30px 30px 0;
    }

        .auto-details .foto-thumbnail img {
            height: 100px;
        }

        .auto-details .foto-thumbnail.selected {
            border: 3px solid #3b53a1;
        }

    .auto-details h3 {
        margin: 15px 0px;
    }

    .auto-details .bedrag {
        margin: 0px 5px;
        font-size: 2em;
    }

    .auto-details .gegevens-container {
        float: left;
        margin: 15px 0px;
        width: 70%;
    }

    .auto-details .technische-gegevens {
        float: left;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #f9f9f9;
        padding: 15px 30px 30px 30px;
        width: 100%;
        margin-bottom: 30px;
    }

        .auto-details .technische-gegevens .optie {
            float: left;
            width: 25%;
        }

    .auto-details .accessoires {
        float: left;
        margin: 0px 0px 15px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #f9f9f9;
        padding: 15px 30px 30px 30px;
        width: 100%;
    }

        .auto-details .accessoires .optie {
            float: left;
            width: 25%;
        }

    .auto-details .info-aanvragen {
        float: right;
        padding: 15px 30px 30px 30px;
        width: 30%;
    }

        .auto-details .info-aanvragen .radio {
            margin-top: 0px;
            margin-bottom: 0px;
        }

    .auto-details .optie .optie-tekst {
        color: #928989;
    }

#page-wrapper {
    background: white !important;
}

#page-wrapper {
    border: 0px;
    padding: 0;
}

.filter-center {
    width: 69%;
    left: 15.5%;
    position: relative;
}

@media (max-width: 570px) {
    .auto {
        width: 100% !important;
    }

        .auto .panel {
            height: auto;
        }

        .auto .foto img {
            width: 100%;
        }

        .auto .titel {
            width: 100%;
            margin-top: 0px;
        }

        .auto .extra-info {
            width: 100%;
        }

        .auto .btn {
            position: relative;
            float: left;
            width: 100%;
            right: 0;
            bottom: 0;
            margin-top: 0px;
        }

    .auto-details .gegevens-container {
        width: 100%;
    }

        .auto-details .gegevens-container .optie {
            width: 100%;
        }

    .auto-details .info-aanvragen {
        width: 100%;
        padding-top: 0px;
    }
}

@media (min-width: 570px) and (max-width: 1024px) {
    .auto {
        width: 50% !important;
    }

    .auto-details .gegevens-container {
        width: 100%;
    }

        .auto-details .gegevens-container .optie {
            width: 50%;
        }

    .auto-details .info-aanvragen {
        width: 100%;
        padding-top: 0px;
    }
}

@media (max-width: 1200px) {
    .auto-details .foto-container .foto {
        width: 100%;
    }
}

@media (min-width: 1028px) and (max-width: 1510px) {
    .auto {
        width: 50%;
    }

    .auto-details .gegevens-container .optie {
        width: 33.3%;
    }
}

.details {
    margin-top: 60px;
}

    .details .full-width {
        padding: 0;
        margin: 0;
    }

    .details .foto-row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 15px;
    }

        .details .foto-row [class*='col-'] {
            display: flex;
            flex-direction: column;
        }

        .details .foto-row .fotos {
            overflow: hidden;
            -webkit-border-radius: 12px 12px 0 0;
            -moz-border-radius: 12px 12px 0 0;
            border-radius: 12px 12px 0 0;
        }

            .details .foto-row .fotos .main-foto {
                min-height: 1px;
            }

            .details .foto-row .fotos .sub-foto {
                height: 100%;
            }

                .details .foto-row .fotos .sub-foto img {
                    min-height: 1px;
                }

@media screen and (max-width: 557px) {
    .details .foto-row .fotos {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
}

.details .foto-row .foto-thumbnail {
    display: none;
}

.details .data-row {
    display: flex;
    flex-wrap: wrap;
}

    .details .data-row [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .details .data-row .info-data {
        padding-right: 0px;
    }

        .details .data-row .info-data .informatie {
            -webkit-border-radius: 0 0 0 12px;
            -moz-border-radius: 0 0 0 12px;
            border-radius: 0 0 0 12px;
            padding: 35px 0 50px 0px;
        }

            .details .data-row .info-data .informatie h3 {
                color: #001446;
                margin: 0px;
                font-size: 32px;
            }

            .details .data-row .info-data .informatie .extra-info {
                color: #001446;
                margin-bottom: 20px;
            }

            .details .data-row .info-data .informatie .technische-gegevens {
                color: #001446;
            }

                .details .data-row .info-data .informatie .technische-gegevens .td-gegeven {
                    width: 30%;
                }

@media screen and (max-width: 767px) {
    .details .data-row .info-data .informatie .technische-gegevens .td-gegeven {
        width: 50%;
    }
}

@media screen and (max-width: 460px) {
    .details .data-row .info-data .informatie .technische-gegevens .td-gegeven {
        width: 66%;
    }
}

.details .data-row .info-data .informatie .technische-gegevens .td-waarde {
    font-weight: bolder;
}

.details .data-row .info-data .informatie .technische-gegevens td {
    width: 50%;
}

.details .data-row .info-data .informatie .technische-gegevens .more-data-table {
    margin-top: 30px;
    background-color: #EBF4FF !important;
}

    .details .data-row .info-data .informatie .technische-gegevens .more-data-table .more-data {
        display: none;
    }

        .details .data-row .info-data .informatie .technische-gegevens .more-data-table .more-data .td-waarde {
            font-weight: normal;
        }

        .details .data-row .info-data .informatie .technische-gegevens .more-data-table .more-data tr {
            background: #EBF4FF !important;
        }

        .details .data-row .info-data .informatie .technische-gegevens .more-data-table .more-data td {
            width: 50%;
        }

@media screen and (max-width: 767px) {
    .details .data-row .info-data .informatie .technische-gegevens {
        text-align: left;
        position: relative;
        left: 15%;
    }
}

@media screen and (max-width: 460px) {
    .details .data-row .info-data .informatie .technische-gegevens {
        left: 0%;
    }
}

.details .data-row .info-data .informatie .more-a {
    margin: 15px auto 0 auto;
    display: block;
    text-align: center;
    width: 25%;
    position: relative;
    right: 20%;
    top: 10px;
    background: #EBF4FF !important;
}

@media screen and (max-width: 767px) {
    .details .data-row .info-data .informatie .more-a {
        right: 0%;
    }
}

@media screen and (max-width: 450px) {
    .details .data-row .info-data .informatie .more-a {
        width: 40%;
    }
}

@media screen and (max-width: 767px) {
    .details .data-row .info-data .informatie {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding: 35px 70px 25px 70px;
    }
}

@media screen and (max-width: 403px) {
    .details .data-row .info-data .informatie {
        padding: 35px 40px 50px 40px;
    }
}

@media screen and (max-width: 317px) {
    .details .data-row .info-data .informatie {
        padding: 35px 20px 50px 20px;
    }
}

@media screen and (max-width: 767px) {
    .details .data-row .info-data {
        padding-right: 15px;
        padding-left: 0px;
    }
}

.details .data-row .info-price {
    padding-left: 0px;
}

    .details .data-row .info-price .price-info {
        border-radius: 0 0 12px 0;
        padding: 12px;
        border: 2px #c9c9c9;
        margin-top: 22px;

    }

        .details .data-row .info-price .price-info ul {
            list-style-type: none;
            margin-top: 15px;
            padding-left: 0;
        }

            .details .data-row .info-price .price-info ul li:before {
                content: "\2714\0020";
                color: #0062FF;
            }

        .details .data-row .info-price .price-info h4 {
            margin-top: 0px;
            color: #3a53a2;
        }

@media screen and (max-width: 1003px) {
    .details .data-row .info-price .price-info .btn-iframe {
        width: 125%;
        right: 15px;
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    .details .data-row .info-price .price-info {
        -webkit-border-radius: 0 0 12px 12px;
        -moz-border-radius: 0 0 12px 12px;
        border-radius: 0 0 12px 12px;
        padding: 0px 70px 0px 70px;
        margin-bottom: -80px;
    }

        .details .data-row .info-price .price-info .btn-iframe {
            width: 69%;
            position: relative;
            left: 0%;
            top: 15px;
            z-index: 10;
        }
}

@media screen and (max-width: 557px) {
    .details .data-row .info-price .price-info {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
}

@media screen and (max-width: 452px) {
    .details .data-row .info-price .price-info .btn-iframe {
        width: 80%;
    }
}

@media screen and (max-width: 414px) {
    .details .data-row .info-price .price-info .btn-iframe {
        width: 95%;
    }
}

@media screen and (max-width: 374px) {
    .details .data-row .info-price .price-info {
        padding: 0 30px;
    }

        .details .data-row .info-price .price-info .btn-iframe {
            width: 100%;
        }
}

@media screen and (max-width: 767px) {
    .details .data-row {
        padding-left: 15px;
        margin-bottom: 50px;
        text-align: center;
    }
}

.vergelijkbare-autos {
    margin: 45px 0;
}

    .vergelijkbare-autos h2 {
        text-align: center;
        color: #001446;
    }

    .vergelijkbare-autos .comparable-slider {
        display: none;
    }

        .vergelijkbare-autos .comparable-slider .img-shadow {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            box-shadow: inset 0px -45px 32px -10px #323232;
        }

@media screen and (max-width: 1310px) {
    .vergelijkbare-autos .comparable-slider .img-shadow {
        box-shadow: inset 0px -25px 32px -10px #323232;
    }
}

.vergelijkbare-autos .comparable-slider .comparable-car img {
    max-height: 200px;
    height: 100%;
    object-fit: cover;
}

.vergelijkbare-autos .comparable-slider .comparable-car-text {
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 0;
    right: 0;
    color: white;
}

    .vergelijkbare-autos .comparable-slider .comparable-car-text h5 {
        font-weight: bold;
        font-size: 12px;
    }

@media screen and (max-width: 840px) {
    .vergelijkbare-autos .comparable-slider .comparable-car-text h5 {
        font-size: 20px;
    }
}

@media screen and (max-width: 690px) {
    .vergelijkbare-autos .comparable-slider .comparable-car-text h5 {
        font-size: 18px;
    }

    .vergelijkbare-autos .comparable-slider .comparable-car-text span {
        font-size: 12px;
    }
}

.vergelijkbare-autos .comparable-slider img {
    width: 100%;
}

@media screen and (min-width: 576px) {
    .slider-wrapper {
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        overflow: hidden;
    }
}

.slider-wrapper .bx-wrapper {
    max-height: 200px;
    max-width: 900px;
    border: 0;
    box-shadow: 0 0 0 !important;
}

@media screen and (min-width: 576px) {
    .slider-wrapper .bx-wrapper {
        position: relative;
        margin-bottom: 0;
    }
}

.koop-aanvraag {
    display: none;
    background-color: #EBF4FF;
    padding-top: 50px;
    margin-bottom: 60px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    color: #001446;
}

    .koop-aanvraag h4 {
        font-weight: bold;
    }

    .koop-aanvraag p {
        margin-bottom: 15px;
    }

    .koop-aanvraag form {
        margin: 0 170px 0 170px;
    }

        .koop-aanvraag form .form-span {
            margin-top: 35px;
        }

        .koop-aanvraag form input, .koop-aanvraag form textarea {
            width: 85%;
            background: transparent;
            border: 0;
            border-bottom: 2px solid #001446;
        }

@media screen and (max-width: 767px) {
    .koop-aanvraag form input, .koop-aanvraag form textarea {
        width: 60%;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 484px) {
    .koop-aanvraag form input, .koop-aanvraag form textarea {
        width: 100%;
    }
}

.koop-aanvraag form input {
    padding: 10px 0;
}

    .koop-aanvraag form input::placeholder {
        color: #001446;
    }

.koop-aanvraag form textarea {
    padding: 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: 2px solid #001446;
    height: 150px;
}

@media screen and (max-width: 1500px) {
    .koop-aanvraag form {
        margin: 0 140px 0 140px;
    }
}

@media screen and (max-width: 1330px) {
    .koop-aanvraag form {
        margin: 0 100px 0 100px;
    }
}

@media screen and (max-width: 1180px) {
    .koop-aanvraag form {
        margin: 0 60px 0 60px;
    }
}

@media screen and (max-width: 992px) {
    .koop-aanvraag form {
        margin: 0 30px 0 30px;
    }
}

@media screen and (max-width: 557px) {
    .koop-aanvraag {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
}

.color-opacity-wrapper {
    background: rgba(0, 98, 255, 0.8);
}

    .color-opacity-wrapper .color-opacity {
        width: 100%;
        height: 100%;
        opacity: 0.3;
        z-index: 10;
    }

        .color-opacity-wrapper .color-opacity:hover {
            cursor: pointer;
        }

    .color-opacity-wrapper h6 {
        font-size: 40px;
        font-weight: bold;
        position: absolute;
        top: 30%;
        color: white;
        text-align: center;
        z-index: 5;
        width: 100%;
    }

#myImg {
    transition: 0.3s;
    width: 100%;
}

    #myImg:hover {
        opacity: 0.7;
    }

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: #001446eb;
    /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

    .modal-content .bx-wrapper {
        max-width: 100% !important;
        height: 447px;
    }

        .modal-content .bx-wrapper .bx-next {
            position: relative;
            right: -755px;
            bottom: 280px;
        }

@media (max-width: 1000px) {
    .modal-content .bx-wrapper .bx-next {
        right: -712px;
    }
}

@media (max-width: 910px) {
    .modal-content .bx-wrapper .bx-next {
        right: -95%;
    }
}

.modal-content .bx-wrapper .bx-prev {
    position: relative;
    left: -147px;
    bottom: 280px;
}

@media (max-width: 1000px) {
    .modal-content .bx-wrapper .bx-prev {
        left: -105px;
    }
}

@media (max-width: 910px) {
    .modal-content .bx-wrapper .bx-prev {
        left: -87px;
    }
}

@media (max-width: 846px) {
    .modal-content .bx-wrapper .bx-prev {
        left: -55px;
    }
}

.modal-content .bx-wrapper .bx-controls-direction .bx-prev {
    font-size: 0;
}

    .modal-content .bx-wrapper .bx-controls-direction .bx-prev:before {
        content: '\003c';
        font-size: 90px;
    }

.modal-content .bx-wrapper .bx-controls-direction .bx-next {
    font-size: 0;
}

    .modal-content .bx-wrapper .bx-controls-direction .bx-next:before {
        content: '\003e';
        font-size: 90px;
    }

.modal-content .bx-wrapper .bx-pager {
    text-align: center;
    bottom: 85px;
    position: relative;
}

    .modal-content .bx-wrapper .bx-pager .bx-pager-item {
        text-align: center;
        display: inline-block;
        width: 25px;
    }

        .modal-content .bx-wrapper .bx-pager .bx-pager-item a {
            margin: 0 auto;
            text-align: center;
            display: inline-block;
        }

            .modal-content .bx-wrapper .bx-pager .bx-pager-item a.active {
                color: #9bace4;
            }

.modal-content .bx-wrapper .bx-viewport {
    height: 100% !important;
}

    .modal-content .bx-wrapper .bx-viewport .foto-slider {
        height: 100%;
    }

        .modal-content .bx-wrapper .bx-viewport .foto-slider img {
            max-width: 688px;
            max-height: 437px;
            object-fit: cover;
        }

.bx-wrapper .bx-controls-direction a {
    z-index: 10 !important;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes zoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}
/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}

.btn-iframe {
    width: 100%;
    background-color: #0062ff;
    padding: 12px;
    border-radius: 8px;
    margin: 6px 0px;
    color: white;
}

    .btn-iframe:hover {
        background-color: #61A7FF;
    }

.btn-koop {
    width: 45%;
    position: relative;
    top: 25px;
}

.iframe {
    width: 100%;
    height: 1300px;
    border: 0px;
    background: white;
    margin-top: 25px;
    -webkit-box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.46);
    box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.46);
}

.sortering label {
    display: none;
}

.sortering select {
    border: 2px solid #89BAF9;
    border-radius: 4px;
    width: 250px;
    color: #4998FF;
    height: 45px;
    float: right;
    position: relative;
    right: 10.4%;
    webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/up_down.png");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto auto;
}

.details-sluiten {
    background-color: #0062ff00;
    color: black;
    top: -40px;
}

    .details-sluiten:before {
        content: '< ';
    }

    .details-sluiten:hover {
        background-color: #0062ff00;
        color: black;
    }

/*# sourceMappingURL=added_style.css.map */