html {
    max-width: initial
}

body {
    max-width: initial
}

body.is_ipad {
    min-width: 1024px
}

.mainscreen .room {
    transform-origin: top left;
    background: #ccc;
    width: 100vw !important;
    height: 100vh !important
}

.results-wall img, .results-floor img {
    max-width: none;
    width: calc(120/1920 * 100vw);
    height: calc(120/1920 * 100vw);
    height: auto
}

.results-wall.atmosphere, .results-floor.atmosphere {
    height: calc(60/1920 * 100vw)
}

.results-wall.atmosphere li, .results-floor.atmosphere li {
    display: inline-block;
    height: 100%;
    border: none;
    padding: 0 calc(5/1920 * 100vw);
    cursor: pointer
}

.results-wall.atmosphere img, .results-floor.atmosphere img {
    height: calc(60/1920 * 100vw);
    width: auto
}

.rooms {
    padding-top: calc(4/1920 * 100vw);
    padding-left: calc(4/1920 * 100vw)
}

.rooms .attribute {
    float: left;
    margin: calc(7/1920 * 100vw);
    cursor: pointer;
    width: calc(224/1920 * 100vw);
    text-align: center
}

.eigenruimtes .ruimte {
    float: left;
    margin: calc(7/1920 * 100vw);
    cursor: pointer;
    width: calc(224/1920 * 100vw);
    text-align: center
}

.eigenruimtes .ruimte p {
    margin-top: calc(10/1920 * 100vw)
}

#ruimtes .fourthy {
    margin-top: calc(-10/1920 * 100vw)
}

#ruimtes .fourthy label {
    margin-bottom: 0
}

.rooms .attribute img {
    width: calc(190/1920 * 100vw);
    width: auto
}

#dropdown-vloer .rooms .attribute {
    width: calc(25% - calc(8/1920 * 100vw));
    width: calc(33% - calc(8/1920 * 100vw))
}

.extra-tile-layers .wall-container, .extra-tile-layers .floor-container, .extra-tile-layers>img {
    position: absolute
}

.wall-container {
    background: none
}

.matrix_container>.wall-container .matrix {
    width: 200%;
    height: 200%
}

.colorpicker .sp-container {
    background: none
}

.colorpicker .sp-picker-container {
    width: 100%;
}

.show-route {
    float: left;
    width: 100%;
    margin: 0;
    padding-bottom: calc(20/1920 * 100vw)
}

.show-route .col {
    height: calc(380/1920 * 100vw)
}

.show-route-dark .col {
    height: calc(235/1920 * 100vw)
}

.show-route .col:first-child .content {
    padding-left: calc(20/1920 * 100vw);
    padding-right: calc(20/1920 * 100vw)
}

.dealer-info {
    margin-right: calc(20/1920 * 100vw)
}

.show-route .col:nth-child(2) .content {
    margin: calc(20/1920 * 100vw) 0;
    padding: 0
}

.page-id-1003 .show-route .col:nth-child(1) .content {
    margin: calc(20/1920 * 100vw) 0 calc(20/1920 * 100vw) calc(20/1920 * 100vw);
    padding: 0
}

.show-route .col .content {
    height: calc(100% - calc(80/1920 * 100vw));
    padding-right: 0;
    padding-left: 0
}

.show-route .col .content iframe {
    margin-top: calc(-110/1920 * 100vw);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.show-route-overlay {
    position: absolute;
    width: calc(600/1920 * 100vw);
    height: calc(300/1920 * 100vw);
    z-index: 99
}

.page-id-1003 .show-route-overlay {
    width: calc(910/1920 * 100vw)
}

.show-route-overlay .bottom-buttons {
    position: absolute;
    width: 50%;
    left: calc(10/1920 * 100vw);
    bottom: calc(10/1920 * 100vw)
}

.show-route .col:last-child .inner-content {
    float: left;
    width: calc(100% - calc(40/1920 * 100vw));
    height: calc(173/1920 * 100vw);
    padding: calc(20/1920 * 100vw);
    color: #fff
}

.show-route .col:last-child h2 {
    float: left;
    width: 100%;
    font-size: 2REM;
    font-weight: bolder;
    text-transform: none;
    line-height: normal;
    text-align: center;
    margin: 0;
    font-size: 1.2REM;
    line-height: calc(30/1920 * 100vw)
}

.page-id-1001 .show-route .col:nth-child(2) h2, .page-id-1002 .show-route .col:nth-child(2) h2, .page-id-1003 .show-route .col:first-child h2 {
    float: left;
    width: 100%;
    font-size: 2REM;
    font-weight: bolder;
    text-transform: none;
    line-height: normal;
    text-align: center;
    margin: 0;
    font-size: 1.2REM;
    line-height: calc(30/1920 * 100vw)
}

.bottom-buttons {
    float: left;
    width: 100%;
    z-index: 9
}

.button.btn-show-route {
    background: #8c8c8c
}

.button.btn-sent {
    display: none;
    background: #5ea343;
    margin-top: calc(-3/1920 * 100vw);
    margin-left: calc(60/1920 * 100vw);
    z-index: 99;
    position: relative
}

.page-id-1001 .show-route .col:nth-child(2) h2, .page-id-1002 .show-route .col:nth-child(2) h2, .page-id-1003 .show-route .col:nth-child(1) h2 {
    width: calc(100% - calc(20/1920 * 100vw))
}

.show-route .col input, .page-id-1003 .show-route .col:first-child input {
    float: left;
    width: 40%;
    max-width: calc(100/1920 * 100vw);
    color: #2e2e2e;
    margin-right: calc(5/1920 * 100vw);
    padding: calc(10/1920 * 100vw) calc(7/1920 * 100vw);
    font-size: 1REM
}

.show-route-dark .col:last-child h2 {
    font-size: 2REM;
    font-weight: bolder;
    color: #fff;
    text-transform: none;
    line-height: normal;
    margin: 0;
    background: none;
    text-align: left
}

.show-route-dark .col:last-child input {
    float: left;
    width: calc(100% - calc(14/1920 * 100vw));
    color: #2e2e2e;
    padding: calc(7/1920 * 100vw);
    margin-top: calc(20/1920 * 100vw);
    font-size: 1REM
}

.show-route .btn-outline, form.form-code input[type=submit].btn-outline {
    float: left;
    clear: both;
    margin-top: calc(10/1920 * 100vw);
    color: #fff;
    border: calc(3/1920 * 100vw) solid #fff;
    line-height: calc(35/1920 * 100vw);
    height: auto;
    border-radius: 0;
    background: none
}

.show-route .address-col .inner-content {
    float: left;
    width: calc(100% - calc(40/1920 * 100vw));
    height: calc(173/1920 * 100vw);
    padding: calc(20/1920 * 100vw);
    background: #545454;
    color: #fff
}

.show-route .address-col h2 {
    font-size: 2REM;
    font-weight: bolder;
    color: #fff;
    text-transform: none;
    line-height: normal;
    margin: 0;
    margin-bottom: calc(20/1920 * 100vw)
}

.show-route .address-col span {
    float: left;
    clear: both;
    margin-bottom: calc(6/1920 * 100vw);
    font-size: 1REM
}

.show-route .address-col span.fa {
    font-size: 1.4REM;
    margin-right: calc(5/1920 * 100vw)
}

.show-route .col .map-overlay {
    float: left;
    position: relative;
    width: calc(620/1920 * 100vw);
    height: calc(394/1920 * 100vw);
    margin-top: calc(-397/1920 * 100vw);
    z-index: 9;
    opacity: .5
}

.show-route-dark .col .map-overlay {
    float: left;
    position: relative;
    width: 100%;
    height: calc(213/1920 * 100vw);
    margin-top: calc(-218/1920 * 100vw);
    z-index: 9;
    opacity: .5
}

.show-route .col:hover .map-overlay {
    display: none
}

.maps-container {
    float: left;
    width: 100%;
    height: calc(370/1920 * 100vw);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    margin-bottom: calc(10/1920 * 100vw)
}

.location {
    float: left;
    width: 100%;
    clear: both
}

input[name=location] {
    float: left;
    clear: both;
    margin: calc(6/1920 * 100vw) calc(5/1920 * 100vw)
}

input#postcode {
    margin-bottom: calc(10/1920 * 100vw);
    line-height: calc(30/1920 * 100vw);
    font-size: 1.2REM;
    padding: 0 calc(10/1920 * 100vw)
}

.footer-4 .ad {
    float: left;
    width: calc(255/1920 * 100vw);
    margin: 0 calc(20/1920 * 100vw)
}

footer .adresses {
    clear: both;
    width: calc(1280/1920 * 100vw);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

footer .adresses .logo {
    text-align: center;
    margin-bottom: calc(10/1920 * 100vw)
}

footer .socialmedia, footer .footnote, footer .graybox-inner {
    width: calc(1280/1920 * 100vw);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.footer-half-width {
    float: left;
    width: calc(50% - calc(60/1920 * 100vw));
    margin: 0 calc(30/1920 * 100vw)
}

.footer-half-width .footer-half-width {
    width: 50%;
    margin: 0
}

footer .footer-4 .favorites form label {
    width: 30%;
    float: left;
    line-height: calc(30/1920 * 100vw)
}

footer .footer-4 .favorites form input {
    float: left;
    width: 70%;
    line-height: calc(30/1920 * 100vw);
    font-size: 1.2REM;
    padding: 0 calc(10/1920 * 100vw)
}

footer .footer-4 .favorites form input[type=submit] {
    width: 100%
}

footer .adresses nav ul li {
    display: inline-block;
    padding: calc(0/1920 * 100vw) calc(12/1920 * 100vw);
    border-right: calc(1/1920 * 100vw) solid #000;
    line-height: calc(14/1920 * 100vw)
}

footer .adresses nav ul li:last-child {
    border-right: none
}

.matrix_container .wall-container .inner-container {
    float: left;
    width: 100%;
    height: 100%
}

.extra-tile-layers .wall-container .inner-container .matrix {
    height: 100%
}

.matrix_container .wall-container.noTiles .inner-container {
    transform: none !important
}

.matrix_container .wall-container.noTiles .inner-container .matrix {
    transform: none !important
}

.extra-tile-layers.noTiles .matrix {
    float: left;
    width: 200% !important;
    height: 200% !important;
    margin-left: -50% !important;
    float: left;
    width: 200% !important;
    height: 200% !important;
    margin-left: -50% !important
}

.mobile-only {
    display: none
}

.desktop-only {
    display: flex;
    width: 100%
}

.container.mobile-only {
    width: 100%;
    height: 100%
}

.container.mobile-only.top {
    margin-bottom: calc(15/1920 * 100vw)
}

.container.mobile-only.bottom {
    margin-top: calc(15/1920 * 100vw)
}

header .mobnav.navigation-container {
    background: none
}

header .mobnav.navigation-container .mobnav_part {
    background: none
}

header .navigation-container .navigation-inner-container .mobnav_part {
    float: left;
    background: #fff
}

.close-bar {
    height: calc(60/1920 * 100vw);
    margin-top: calc(15/1920 * 100vw)
}

.pagination {
    display: none
}

#typekiezer {
    position: absolute;
    z-index: 9;
    width: 20%;
    left: 40%;
    background: #fff;
    top: calc(50% - calc(125/1920 * 100vw));
    margin: 0 auto;
    padding: calc(5/1920 * 100vw)
}

#typekiezer .title {
    display: block;
    text-align: Center;
    font-size: 2.5rem;
    color: #505050
}

#typekiezer table {
    margin-top: calc(10/1920 * 100vw);
    display: block;
    font-size: 1.2rem;
    border: calc(1/1920 * 100vw) solid #505050
}

#typekiezer table tbody {
    display: block;
    margin: 0
}

#typekiezer table tbody tr {
    display: block;
    margin: 0
}

#typekiezer table tbody tr td {
    display: block;
    margin: 0;
    width: calc(50% - calc(2/1920 * 100vw));
    display: inline-block;
    text-align: center;
    font-size: 1.3REM;
    font-weight: bolder
}

#typekiezer table tbody tr td:first-child {
    text-align: right;
    padding-right: calc(20/1920 * 100vw)
}

#typekiezer table tbody tr td:last-child {
    text-align: left;
    padding-left: calc(20/1920 * 100vw)
}

.stickyresultsfloor .floor-results .slider, .showroom .floor-results .slider {
    position: fixed;
    bottom: 0;
    z-index: 999;
    max-width: calc(1920/1920 * 100vw)
}

.wall-type-switcher {
    float: left;
    clear: both;
    width: 100%;
    font-size: 1.1REM;
    margin-top: calc(5/1920 * 100vw);
    text-transform: uppercase
}

#voegkleur .wall-type-switcher {
    margin-top: calc(-30/1920 * 100vw)
}

.floor-2d #voegkleur .wall-type-switcher, .wall-2d #voegkleur .wall-type-switcher {
    margin-top: calc(5/1920 * 100vw)
}

.wall-type-switcher h3 {
    float: left;
    margin-top: calc(5/1920 * 100vw);
    text-transform: none;
    font-size: 2REM;
    color: #505050
}

.btn-show-tile-info {
    float: right;
    position: relative;
    width: auto;
    margin-right: calc(10/1920 * 100vw);
    cursor: pointer;
    z-index: 2
}

.btn-show-tile-info.button-left {
    float: right !important;
    margin-right: calc(3/1920 * 100vw)
}

.floor-2d .btn-show-tile-info.button-left, .wall-2d .btn-show-tile-info.button-left {
    float: left !important
}

.btn-show-tile-info .fa {
    margin-right: calc(7/1920 * 100vw);
    margin-right: calc(10/1920 * 100vw)
}

.typekiezer label {
    text-transform: uppercase;
    margin-bottom: auto
}

.wall-type-switcher label {
    font-weight: normal;
    font-size: 1REM;
    margin-right: calc(15/1920 * 100vw)
}

/* #voegkleur .patronen, #voegkleur .voegdikte {
    background: #f9f8f9
} */
#voegkleur .patronen.top div {
    top: calc(5/1920 * 100vw);
    position: relative
}

#voegkleur .voegdikte.top div {
    /* top: calc(5/1920 * 100vw);
    position: relative */
}

#voegkleur .voegdikte.top div {
    /* float: left;
    margin: calc(3/1920 * 100vw) calc(5/1920 * 100vw);
    width: calc(50% - calc(15/1920 * 100vw)) */
}

#voegkleur table.mix-tiles {
    padding-bottom: calc(5/1920 * 100vw)
}

.floor-2d #voegkleur table.mix-tiles, .wall-2d #voegkleur table.mix-tiles {
    padding-bottom: calc(9/1920 * 100vw)
}

#admin-editor input {
    width: calc(400/1920 * 100vw)
}

#admin-editor .editor-item input {
    width: auto
}

.tegel-soort label {
    font-weight: var(--font-weight-normal);
    font-size: var(--sidebar-item-size);
}

.listed li {
    font-weight: var(--font-weight-normal);
}

.listed li span {
    font-weight: var(--font-weight-normal);
}

.title-left {
    float: left;
    width: 23%;
    height: calc(45/1920 * 100vw);
    line-height: calc(45/1920 * 100vw);
    font-size: 1.2REM;
    font-weight: bolder;
    padding-left: calc(10/1920 * 100vw);
    text-transform: uppercase
}

.title-left label {
    margin-bottom: 0;
    margin-right: calc(10/1920 * 100vw);
    font-size: 1REM
}

.title-right {
    float: right;
    width: 70%;
    height: calc(45/1920 * 100vw);
    line-height: calc(45/1920 * 100vw);
    text-align: left
}

.voegdikte tbody {
    width: 100%;
    display: block
}

.voegdikte tbody tr {
    width: 100%;
    display: block
}

.half-width-container {
    float: left;
    width: 50%;
    min-height: calc(1/1920 * 100vw)
}

.half-width-container .half-width {
    float: left;
    width: calc(50% - calc(12/1920 * 100vw));
    margin: 0 calc(8/1920 * 100vw)
}

.half-width-container .half-width:last-child {
    margin-right: 0
}

#voegkleur .voegdikte.top {
    width: 100%;
    /* margin-top: calc(15/1920 * 100vw) */
}

.mix-button, .realistic-size-button {
    width: 100%;
    margin: calc(10/1920 * 100vw) calc(10/1920 * 100vw) 0 calc(10/1920 * 100vw);
    text-transform: uppercase;
    font-size: 9REM;
    cursor: pointer
}

.mix-button span, .realistic-size-button span {
    float: left;
    margin-right: calc(5/1920 * 100vw)
}

.mix-button span:last-child, .realistic-size-button span:last-child {
    width: calc(100% - calc(19/1920 * 100vw));
    margin: 0
}

.lg-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important
}

#dropdown-wand .twenty {
    padding-bottom: calc(14/1920 * 100vw)
}

#dropdown-vloer .twenty {
    padding-bottom: calc(82/1920 * 100vw)
}

.room-category {
    float: left;
    margin-right: calc(10/1920 * 100vw)
}

.room-category input {
    margin-right: calc(4/1920 * 100vw);
    margin-left: calc(7/1920 * 100vw)
}

header {
    display: none
}

.slider .wand-knop, .slider .vloer-knop {
    float: left;
    z-index: 999999
}

.atmosphere .slider .wand-knop, .atmosphere .slider .vloer-knop {
    display: none
}

.search-choices {
    float: left;
    width: calc(100/1920 * 100vw);
    text-align: center;
    font-size: 1.2REM;
    padding-top: calc(5/1920 * 100vw);
    cursor: pointer;
    height: calc(53/1920 * 100vw) !important
}

.search-choices span {
    display: block;
    clear: both;
    z-index: 2;
    position: relative;
    padding: calc(3/1920 * 100vw) calc(6/1920 * 100vw);
    text-align: right;
    text-transform: lowercase;
    font-size: 1REM
}

.search-choices span.search-icon {
    position: absolute;
    width: calc(100/1920 * 100vw);
    text-align: left;
    font-size: 1.9REM;
    color: #ccc;
    z-index: 1;
    top: calc(37/1920 * 100vw)
}

.slider ul li span.fa-info {
    display: none;
    position: absolute;
    background: #fff;
    width: calc(20/1920 * 100vw);
    height: calc(20/1920 * 100vw);
    border-radius: calc(20/1920 * 100vw);
    text-align: center;
    line-height: calc(20/1920 * 100vw);
    top: calc(8/1920 * 100vw) !important;
    left: calc(12/1920 * 100vw) !important;
    cursor: pointer;
    font-size: 1.6REM
}

.slider ul li.active span.fa.a-info {
    display: inline-block
}

.slider ul li span.fa-refresh {
    display: none;
    position: absolute;
    background: #fff;
    width: calc(28/1920 * 100vw);
    height: calc(28/1920 * 100vw);
    border-radius: calc(28/1920 * 100vw);
    text-align: center;
    line-height: calc(28/1920 * 100vw);
    margin-top: calc(5/1920 * 100vw);
    margin-left: calc(35/1920 * 100vw);
    cursor: pointer;
    font-size: 2REM
}

.slider ul li span.fa-map-marker {
    display: none !important;
    float: left;
    position: relative;
    background: #fff;
    width: calc(40/1920 * 100vw);
    height: calc(40/1920 * 100vw);
    text-align: center;
    line-height: calc(40/1920 * 100vw);
    margin-top: calc(-45/1920 * 100vw);
    margin-left: calc(100% - calc(40/1920 * 100vw));
    cursor: pointer;
    font-size: 2REM
}

.showroom.fullscreen-results .slider li span.fa-map-marker {
    display: block !important
}

.slider ul li.active span.fa.fa-info {
    display: inline-block
}

.pagination span {
    float: left;
    margin-right: calc(5/1920 * 100vw);
    text-transform: none
}

.pagination span:first-child {
    margin-left: calc(10/1920 * 100vw)
}

.slider-inner ul.fullscreen {
    position: fixed;
    top: calc(125/1920 * 100vw);
    left: 0;
    z-index: 9999;
    padding: calc(20/1920 * 100vw);
    height: calc(100% - calc(125/1920 * 100vw)) !important;
    width: 100% !important;
    background: #fff !important;
    overflow-y: auto;
    text-align: center;
    padding-left: calc(50% - calc(640/1920 * 100vw));
    padding-right: calc(50% - calc(640/1920 * 100vw))
}

.slider-inner ul.fullscreen li {
    display: inline-block;
    height: calc(130/1920 * 100vw);
    height: auto;
    width: calc(293/1920 * 100vw);
    padding: calc(10/1920 * 100vw);
    border: calc(1/1920 * 100vw) solid #ccc;
    margin: calc(10/1920 * 100vw);
    text-align: center
}

.slider-inner ul.fullscreen li img {
    height: calc(120/1920 * 100vw);
    width: calc(271/1920 * 100vw);
    height: calc(271/1920 * 100vw)
}

.slider-inner ul.fullscreen li.strip img {
    height: calc(150/1920 * 100vw)
}

#stucwerk .stuc tr td.active span {
    font-weight: 700
}

#ruimtes .close, #ruimtes .drag {
    color: #fff;
    top: calc(8/1920 * 100vw)
}

.open-room-chooser {
    background-size: 100% !important
}

.open-room-chooser.woonkamer {
    background-image: url("../images/ico-60x60-woonkamer.png")
}

.open-room-chooser.badkamer {
    background-image: url("../images/ico-60x60-badkamer.png")
}

.open-room-chooser.keuken {
    background-image: url("../images/ico-60x60-keuken.png")
}

.open-room-chooser.slaapkamer {
    background-image: url("../images/ico-60x60-slaapkamer.png")
}

.open-room-chooser.color-000000.woonkamer {
    background-image: url("../images/ico-120x120-zwart-woonkamer.png")
}

.open-room-chooser.color-000000.badkamer {
    background-image: url("../images/ico-120x120-zwart-badkamer.png")
}

.open-room-chooser.color-000000.keuken {
    background-image: url("../images/ico-120x120-zwart-keuken.png")
}

.open-room-chooser.color-000000.slaapkamer {
    background-image: url("../images/ico-120x120-zwart-slaapkamer.png")
}

.slider-inner ul.fullscreen li .tile-attribute {
    display: block !important;
    font-size: 9REM;
    line-height: normal
}

.tile-attribute.button {
    margin-top: calc(10/1920 * 100vw);
    margin-bottom: calc(10/1920 * 100vw);
    cursor: pointer
}

.slider-inner ul.fullscreen li img {
    margin-bottom: calc(5/1920 * 100vw)
}

.fullscreen-search-results-header {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(150/1920 * 100vw);
    padding: calc(15/1920 * 100vw) calc(20/1920 * 100vw);
    background: #fff;
    z-index: 99999;
    padding-left: calc(50% - calc(640/1920 * 100vw));
    padding-right: calc(50% - calc(640/1920 * 100vw))
}

fullscreen-search-results-header-nav {
    margin-bottom: calc(15/1920 * 100vw)
}

.fullscreen-search-results-header .logo {
    float: left;
    margin-bottom: calc(15/1920 * 100vw)
}

.fullscreen-search-results-header nav {
    float: right
}

.fullscreen-search-results-header hr {
    clear: both
}

.fullscreen-search-results-breadcrumbs p span {
    text-transform: uppercase;
    font-weight: bolder
}

.favorites form button {
    float: right;
    width: 70%
}

.favorites form button span.fa-qrcode {
    margin-right: calc(10/1920 * 100vw)
}

#specificaties .button.tile-read-more {
    margin-bottom: calc(7/1920 * 100vw)
}

#specificaties .button.show-search-results {
    margin-bottom: 0
}

.specs-desktop .button {
    float: left;
    width: auto;
    margin: calc(10/1920 * 100vw) calc(5/1920 * 100vw)
}

.button-right {
    float: right !important
}

.button-left {
    float: left !important
}

.showroom-only {
    display: none !important
}

.showroom .showroom-only {
    display: block !important
}

.online-only {
    display: none !important
}

.online .online-only {
    display: block !important
}

.showroom footer {
    display: none
}

.sfeertool-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    color: #fff;
    text-align: center
}

.sfeertool-preloader .sfeertool-preloader-inner {
    position: relative;
    width: calc(1280/1920 * 100vw);
    height: calc(350/1920 * 100vw);
    margin: 0 auto;
    top: 50%;
    margin-top: calc(-245/1920 * 100vw)
}

.sfeertool-preloader-title {
    font-size: 4REM;
    text-transform: uppercase;
    font-weight: lighter
}

.sfeertool-preloader-title span {
    font-weight: bold
}

.sfeertool-preloader-subtitle {
    font-size: 3REM;
    text-transform: uppercase;
    font-weight: lighter
}

footer .footer-4 .favorites .tile-box .tile-holder .tile, .joint-colors td span, .colors .trendy ul li, header .mobnav .vk tbody.stuc td {
    cursor: pointer
}

.plaats-in-tegelviewer {
    background: #000;
    margin: calc(10/1920 * 100vw) 0;
    padding: calc(5/1920 * 100vw);
    text-transform: uppercase;
    color: #fff
}

body.showroom .controls {
    top: calc(80/1920 * 100vw)
}

.controls ul li a.showroom-only {
    display: none;
    line-height: calc(50/1920 * 100vw);
    font-size: 2REM;
    font-weight: bold
}

body.showroom .controls ul li a.showroom-only {
    display: inline-block
}

body.showroom .controls.is2d ul li a {
    display: none !important
}

body.showroom .controls.is2d ul li a.twod-button {
    display: inline-block !important
}

body.showroom .controls.isatmosphere ul li a {
    display: none !important
}

body.showroom .controls.isatmosphere ul li a.showroom-only.zzzmix-tiles {
    display: block !important
}

body.showroom .controls.isatmosphere ul li a.switch-2d, body.showroom .controls.isatmosphere ul li a.load-inspiration-images {
    display: inline-block !important
}

body.floor-2d .floor-container, body.wall-2d .wall-container {
    perspective: none !important;
    top: 0 !important;
    left: 0 !important;
    width: calc(1920/1920 * 100vw) !important;
    height: calc(1080/1920 * 100vw) !important;
    z-index: 900 !important
}

body.floor-2d .floor-container .perspective-inner-container, body.wall-2d .wall-container .inner-container {
    transform: none !important
}

footer .adresses ul li>span::after {
    content: "-"
}

footer .adresses ul li>span:last-child::after {
    content: ""
}

.sfeertool-popup {
    position: absolute;
    padding: calc(15/1920 * 100vw);
    background: #fff;
    z-index: 99999
}

.sfeertool-popup-small {
    width: calc(320/1920 * 100vw);
    height: auto;
    left: calc(50% - calc(160/1920 * 100vw));
    top: calc(300/1920 * 100vw)
}

.sfeertool-popup-large {
    width: calc(800/1920 * 100vw);
    height: auto;
    left: calc(50% - calc(400/1920 * 100vw));
    top: calc(300/1920 * 100vw)
}

.sfeertool-preloader-title {
    font-size: 4REM;
    text-transform: uppercase;
    font-weight: lighter
}

.sfeertool-preloader-title span {
    font-weight: bold
}

.sfeertool-preloader-subtitle {
    font-size: 3REM;
    text-transform: uppercase;
    font-weight: lighter
}

footer .footer-4 .favorites .tile-box .tile-holder .tile, .joint-colors td span, .colors .trendy ul li, header .mobnav .vk tbody.stuc td {
    cursor: pointer
}

.plaats-in-tegelviewer {
    background: #000;
    margin: calc(10/1920 * 100vw) 0;
    padding: calc(5/1920 * 100vw);
    text-transform: uppercase;
    color: #fff
}

body.showroom .controls {
    top: calc(80/1920 * 100vw)
}

.controls ul li a.showroom-only {
    display: none;
    line-height: calc(50/1920 * 100vw);
    font-size: 2REM;
    font-weight: bold
}

body.showroom .controls ul li a.showroom-only {
    display: inline-block
}

body.showroom .controls.is2d ul li a {
    display: none !important
}

body.showroom .controls.is2d ul li a.twod-button {
    display: inline-block !important
}

body.showroom .controls.isatmosphere ul li a {
    display: none !important
}

body.showroom .controls.isatmosphere ul li a.switch-2d {
    display: none !important
}

body.floor-2d .floor-container, body.wall-2d .wall-container {
    perspective: none !important;
    top: 0 !important;
    left: 0 !important;
    width: calc(1920/1920 * 100vw) !important;
    height: calc(1080/1920 * 100vw) !important;
    z-index: 900 !important
}

body.floor-2d .floor-container .perspective-inner-container, body.wall-2d .wall-container .inner-container {
    transform: none !important
}

footer .adresses ul li>span::after {
    content: "-"
}

footer .adresses ul li>span:last-child::after {
    content: ""
}

.sfeertool-popup {
    position: absolute;
    /* padding: calc(15/1920 * 100vw); */
    background: #fff;
    z-index: 99999
}

.sfeertool-popup-small {
    width: calc(320/1920 * 100vw);
    width: 100%;
    height: auto;
    left: calc(50% - calc(160/1920 * 100vw));
    top: calc(300/1920 * 100vw);
    top: 0;
    left: 0;
}

.sfeertool-popup-large {
    width: calc(800/1920 * 100vw);
    height: auto;
    left: calc(50% - calc(400/1920 * 100vw));
    top: calc(300/1920 * 100vw)
}

#specificaties>div.specs {
    position: relative !important;
    /* height: 100% !important; */
    width: 100% !important
}

#specificaties>div.specs>div.row {
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    height: 100% !important;
    width: 100% !important
}

#specificaties>div.specs>div.row>.col {
    padding: 0;
    position: relative !important;
    height: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#specificaties>div.specs>div.row>.col>.spec-content {
    padding: 0;
    position: relative !important;
    height: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#specificaties>div.specs>div.row>.col:nth-child(1) {
    padding-right: calc(20/1920 * 100vw);
    width: 18%
}

#specificaties>div.specs>div.row>.col:nth-child(2) {
    padding-right: calc(20/1920 * 100vw) !important
}

body.is_ipad #specificaties>div.specs>div.row>.col:nth-child(1) {
    padding-right: calc(10/1920 * 100vw);
    width: 18%
}

body.is_ipad #specificaties>div.specs>div.row>.col:nth-child(2) {
    padding-right: calc(10/1920 * 100vw) !important
}

.spec-content {
    position: relative;
    width: 100%;
    padding: calc(0/1920 * 100vw);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.is_ipad #specificaties>.specs>.row {
    height: 100% !important
}

.is_ipad #specificaties>.specs>.row>.col {
    height: 100% !important
}

.is_ipad .spec-content {
    height: 100% !important
}

#specificaties.specs-desktop .col.custom-spec-image-width {
    width: 72% !important
}

#specificaties>div.specs>div.row {
    position: relative;
    width: 100%
}

body.is_ipad #specificaties>div.specs>div>div.col.col-lg-8.custom-spec-image-width {
    width: 66% !important;
    padding-right: 0
}

body.is_ipad #specificaties>div.specs>div>div.col.col-lg-2.alternative-sizes {
    width: 10% !important
}

body.is_ipad #specificaties>div.specs>div>div.col.op-de-info {
    width: 24% !important
}

body.is_ipad #specificaties .close {
    top: calc(5/1920 * 100vw) !important;
    right: calc(5/1920 * 100vw) !important
}

.specs i.fa.fa-heart, #product i.fa.fa-heart {
    font-weight: 300
}

body.is_ipad ul.specs-list, body.is_ipad ul.altsize-list {
    width: 100% !important
}

body.is_ipad #specificaties>div.specs>div>div.col.col-lg-2.op-de-info>div>div>div.specs-wand.c1_flex>ul>li {
    width: 100% !important
}

.sfeertool-popup .col.col-lg-2.op-de-info .popup-header span {
    margin: 0 calc(0/1920 * 100vw) 0 0 !important
}

#specificaties.specs-desktop .col.custom-spec-image-width .spec-content {
    padding: calc(0/1920 * 100vw) calc(0/1920 * 100vw) calc(0/1920 * 100vw) calc(0/1920 * 100vw) !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#specificaties.specs-desktop .col.alternative-sizes .c1_flex>ul {
    text-align: left;
    background: #eee;
    width: 100%;
    height: calc(100% - calc(50/1920 * 100vw));
    padding: 0 calc(10/1920 * 100vw) !important;
    margin: 0
}

.spec1_absolute {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c1_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    height: 100%
}

.specs-buttons {
    margin-top: auto !important
}

.specs-wand.specs-buttons, .specs-vloer.specs-buttons {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    display: flex !important;
    justify-content: space-around;
}

.specs-buttons {
    white-space: nowrap;
    text-align: justify !important
}

.specs-buttons>a.button {
    color: #fff;
    border-radius: 0;
    float: none !important;
    clear: both !important;
    display: block !important;
    text-align: left !important;
    white-space: nowrap;
    text-transform: none;
    font-size: 1.5REM;
    height: calc(30/1920 * 100vw);
    line-height: calc(30/1920 * 100vw);
    padding: 0 calc(7/1920 * 100vw);
    display: inline-block !important;
    white-space: nowrap
}

.specs-buttons a:nth-child(1) {
    margin: calc(10/1920 * 100vw) calc(6/1920 * 100vw) calc(0/1920 * 100vw) 0 !important
}

.specs-buttons a:nth-child(2) {
    margin: calc(10/1920 * 100vw) 0 calc(0/1920 * 100vw) 0 !important
}

body.is_ipad .specs-buttons>a.button {
    font-size: 1.3REM;
    height: calc(27/1920 * 100vw);
    line-height: calc(27/1920 * 100vw)
}

body.is_ipad .specs-buttons a:nth-child(1) {
    margin: 0 0 calc(0/1920 * 100vw) 0 !important
}

body.is_ipad .specs-buttons a:nth-child(2) {
    margin: calc(0/1920 * 100vw) 0 calc(0/1920 * 100vw) 0 !important
}

.sfeertool-popup .popup-header {
    float: left;
    width: 100%;
    padding: calc(5/1920 * 100vw);
    padding-left: calc(5/1920 * 100vw);
    margin-top: calc(20/1920 * 100vw);
    text-transform: uppercase;
    color: #fff;
    background: #464646;
    border: calc(1/1920 * 100vw) solid #464646;
    font-weight: bolder
}

body.is_ipad .sfeertool-popup .popup-header {
    height: calc(30/1920 * 100vw) !important
}

.sfeertool-popup .popup-header span {
    margin-right: calc(7/1920 * 100vw);
    position: relative;
    display: inline-block
}

.sfeertool-popup .popup-header span.stitle {
    background-color: #464646;
    color: #fff;
    height: calc(30/1920 * 100vw);
    line-height: calc(30/1920 * 100vw);
    padding: 0
}

body.is_ipad .sfeertool-popup .popup-header span.stitle {
    font-size: 1.3REM;
    height: calc(27/1920 * 100vw);
    line-height: calc(27/1920 * 100vw);
    padding: 0 calc(7/1920 * 100vw)
}

.sfeertool-popup .alternative-sizes .popup-header span.stitle {
    width: 100%
}

.sfeertool-popup .popup-header i.fa {
    margin: calc(0/1920 * 100vw) calc(0/1920 * 100vw) calc(0/1920 * 100vw) calc(0/1920 * 100vw) !important;
    padding: calc(0/1920 * 100vw);
    vertical-align: top
}

.sfeertool-popup .popup-header i:before {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 3REM;
    line-height: calc(30/1920 * 100vw) !important;
    margin: 0 !important
}

.sfeertool-popup .popup-content {
    float: left;
    width: 100%;
    padding-top: calc(10/1920 * 100vw);
    border: calc(1/1920 * 100vw) solid #474747
}

#eigen-woning-popup-form .popup-content, #dealer-panel .popup-content, #showroom-location .popup-content {
    padding: calc(10/1920 * 100vw)
}

#voegkleur .voegdikte {
    padding-bottom: 0
}

#qrcode-scanner .popup-content, #qrcodeeigenwoning .popup-content, #search-and-dealer .popup-content, #favorites-popup .align-bottom .popup-content {
    border: none
}

.sfeertool-popup .popup-content .button.btn-show-atmosphere-images {
    margin-right: calc(15/1920 * 100vw)
}

.sfeertool-popup .popup-content input[type=text], .sfeertool-popup .popup-content input[type=password] {
    width: 100%;
    outline: none;
    padding: calc(3/1920 * 100vw)
}

.sfeertool-popup .popup-content input[type=radio] {
    margin-right: calc(7/1920 * 100vw)
}

.sfeertool-popup .popup-content .button {
    float: right;
    width: auto;
    clear: both;
    margin-top: calc(10/1920 * 100vw);
    margin-bottom: calc(10/1920 * 100vw);
    cursor: pointer
}

.sfeertool-popup .popup-content .left-field, .sfeertool-popup .popup-content .right-field {
    float: left;
    width: 50%
}

.buttons-row {
    float: left;
    width: 100%;
    display: flex;
    margin-top: calc(5/1920 * 100vw)
}

.buttons-row .button {
    margin: calc(5/1920 * 100vw) calc(5/1920 * 100vw) 0 calc(5/1920 * 100vw);
    cursor: pointer
}

.showroom .controls ul li a.light-gray {
    background: #c6c6c6
}

.showroom .controls ul li a.light-gray i {
    color: #464646
}

.showroom .controls ul li a.dark-gray {
    background: #464646
}

.controls .control-tooltip {
    display: none;
    position: absolute;
    background: #fff;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1.6REM;
    padding: calc(10/1920 * 100vw);
    margin-top: calc(12/1920 * 100vw);
    margin-left: calc(25/1920 * 100vw);
    width: max-content
}

.controls ul li:hover .control-tooltip {
    display: inline-block
}

.controls .control-tooltip::before {
    content: " ";
    position: absolute;
    height: calc(20/1920 * 100vw);
    width: calc(15/1920 * 100vw);
    line-height: calc(35/1920 * 100vw);
    margin-top: calc(-2/1920 * 100vw);
    margin-left: calc(-25/1920 * 100vw);
    color: #fff;
    text-align: center;
    border-top: calc(10/1920 * 100vw) solid transparent;
    border-bottom: calc(10/1920 * 100vw) solid transparent;
    border-right: calc(10/1920 * 100vw) solid #fff
}

.style-container .style {
    cursor: pointer
}

#specificaties.specs-desktop {
    left: calc(200/1920 * 100vw) !important;
    width: calc(100vw - calc(400/1920 * 100vw));
    /* height: calc((100vw - calc(400/1920 * 100vw) - calc(40/1920 * 100vw)) * 0.72 * 0.5625 + calc(40/1920 * 100vw)); */
    /* top: calc(((100vh - calc(160/1920 * 100vw)) - ((100vw - calc(400/1920 * 100vw)) * 0.72 * 0.5625)) / 2) !important; */
    max-width: none
}

.is_ipad #specificaties {
    min-height: initial
}

.is_ipad #specificaties.specs-desktop {
    left: calc(60/1920 * 100vw) !important;
    width: calc(100vw - calc(120/1920 * 100vw)) !important;
    height: calc((100vw - calc(120/1920 * 100vw) - calc(40/1920 * 100vw)) * 0.66 * 0.5625 + calc(40/1920 * 100vw));
    top: calc(((100vh - calc(160/1920 * 100vw)) - ((100vw - calc(120/1920 * 100vw)) * 0.66 * 0.5625)) / 2 - calc(40/1920 * 100vw) - calc(10/1920 * 100vw)) !important
}

#specificaties.specs-desktop .specs-wand, #specificaties.specs-desktop .specs-vloer, #specificaties.specs-desktop .popup-header {
    margin-top: 0
}

#specificaties.specs-desktop .tile-thumbnail {
    float: left;
    margin-top: calc(20/1920 * 100vw)
}

#specificaties.specs-desktop .tile-thumbnail img {
    max-width: calc(203/1920 * 100vw) !important
}

#favorites-popup {
    left: calc(130/1920 * 100vw);
    width: calc(100% - calc(360/1920 * 100vw));
    top: calc(10/1920 * 100vw);
    max-width: none
}

#favorites-popup .favorites .tile-box .tile-holder {
    margin: 0 calc(6/1920 * 100vw);
    margin-bottom: calc(6/1920 * 100vw);
    width: calc((100% / 6) - calc(12/1920 * 100vw))
}

#favorites-popup .favorites .tile-box .tile-holder .tile {
    background: #e6e6e6;
    background-image: none
}

#favorites-popup .align-bottom {
    position: absolute;
    bottom: calc(25/1920 * 100vw);
    right: calc(10/1920 * 100vw)
}

.send-mail-form {
    display: none
}

.send-mail-form p {
    display: none
}

.eigen-woning-popup {
    position: fixed;
    right: calc(30/1920 * 100vw);
    top: calc(100/1920 * 100vw);
    cursor: pointer
}

.eigen-woning-popup img {
    width: calc(200/1920 * 100vw);
    height: auto
}

/* #voegkleur .patronen {
    margin-left: calc(15/1920 * 100vw);
    width: calc(50% - calc(15/1920 * 100vw))
} */
#voegkleur>.half-width-container {
    margin-left: calc(6/1920 * 100vw);
    width: calc(50% - calc(5/1920 * 100vw))
}

.button-2d-only, .twod-only {
    display: none
}

body.wall-2d .button-2d-only, body.floor-2d .button-2d-only, body.wall-2d .twod-only, body.floor-2d .twod-only {
    display: block
}

.voegkleur-buttons {
    float: left;
    clear: both;
    width: 100%;
    cursor: pointer;
    margin-top: calc(10/1920 * 100vw)
}

.voegkleur-buttons .button {
    width: calc(165/1920 * 100vw)
}

.short-info-container {
    position: fixed;
    bottom: calc(100/1920 * 100vw);
    right: calc(30/1920 * 100vw);
    width: auto;
    padding: calc(10/1920 * 100vw);
    background: #fff;
    border: calc(1/1920 * 100vw) solid #aaa;
    text-transform: uppercase
}

.fullscreen-results #specificaties {
    z-index: 999999;
    border: calc(1/1920 * 100vw) solid #aaa
}

#atmosphere-images select {
    float: left;
    width: 100%;
    border-radius: 0;
    background: #eee;
    border: none;
    -webkit-appearance: listitem;
    padding: calc(7/1920 * 100vw);
    margin-bottom: calc(5/1920 * 100vw)
}

.specs .tile-info-label {
    margin-right: calc(7/1920 * 100vw)
}

.specs .tile-info-value.tile-merk, .specs .tile-info-value.tile-serie {
    text-transform: capitalize
}

.fullscreen-search-results-header-nav .logo img {
    max-height: calc(100/1920 * 100vw);
    width: auto;
    height: calc(70/1920 * 100vw)
}

.drag {
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 calc(1/1920 * 100vw) 0 #fff;
    position: absolute;
    top: calc(10/1920 * 100vw);
    right: calc(30/1920 * 100vw);
    color: #505050;
    opacity: 1;
    cursor: move;
    display: none
}

.toast-item {
    border-radius: 0 !important
}

body.floor-2d .choose-type-container div input[name=tegel-soort][value=paint], body.wall-2d .choose-type-container div input[name=tegel-soort][value=paint], body.floor-2d .choose-type-container div input[name=tegel-soort][value=stuc], body.wall-2d .choose-type-container div input[name=tegel-soort][value=stuc], body.floor-2d .choose-type-container div label[for=verfkleur], body.wall-2d .choose-type-container div label[for=verfkleur], body.floor-2d .choose-type-container div label[for=vtwonenstuc], body.wall-2d .choose-type-container div label[for=vtwonenstuc] {
    display: none
}

#search-and-dealer .button {
    float: none;
    display: block;
    margin: calc(10/1920 * 100vw) auto 0 auto;
    width: calc(100/1920 * 100vw)
}

.sfeertool-popup .popup-content .button.btn-toggle-mail-form, .sfeertool-popup .popup-content .button.btn-send-mail {
    float: left;
    width: 100%
}

body.floor-2d .room .matrix_container .matrix:not(.werkelijke), body.wall-2d .room .matrix_container .matrix:not(.werkelijke) {
    zoom: 2 }

.style input, .style .style-name {
    line-height: calc(20/1920 * 100vw)
}

.title-left input, .title-left label {
    line-height: calc(20/1920 * 100vw)
}

#voegkleur .patronen label, #voegkleur .voegdikte label, #voegkleur .patronen input, #voegkleur .voegdikte input {
    line-height: calc(20/1920 * 100vw)
}

.filter-dealer-item input, .filter-dealer-item label {
    line-height: calc(20/1920 * 100vw)
}

.room-category input, .room-category label {
    line-height: calc(20/1920 * 100vw)
}

.filter-dealer-item {
    margin-bottom: calc(5/1920 * 100vw)
}

#qrcode-scanner .qrcode-inner p {
    margin-top: calc(10/1920 * 100vw)
}

.fullscreen-search-results-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(50/1920 * 100vw);
    padding: calc(15/1920 * 100vw) calc(20/1920 * 100vw);
    background: #fff;
    z-index: 99999;
    padding-left: calc(50% - calc(640/1920 * 100vw));
    padding-right: calc(50% - calc(640/1920 * 100vw));
    text-align: center
}

.fullscreen-search-results-footer li {
    list-style: none;
    display: block;
    margin: calc(10/1920 * 100vw);
    width: auto;
    position: relative;
    clear: none;
    float: left
}

body.floor-2d .wall-container .matrix, body.wall-2d .floor-container .matrix {
    display: none !important
}

.slider.ui-slider {
    display: block
}

.slider-inner {
    float: left;
    position: relative;
    width: calc(100% - calc(120/1920 * 100vw));
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat
}

body.fullscreen-results .slider-inner {
    overflow: visible
}

.slider-inner.searching {
    background-image: url(../images/preloader.gif)
}

.slider-inner ul {
    width: 5000%
}

div.desktop-only.slider-inner-flex div.slider>div.slider-inner {
    z-index: 1000 !important;
    padding: 0 calc(10/1920 * 100vw) !important;
    -webkit-transition: .5s;
    transition: .5s
}

div.desktop-only.slider-inner-flex div.slider>div.slider-inner ul.results-wall {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: row wrap !important;
    align-content: flex-end;
    align-items: flex-end !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    max-height: calc(60/1920 * 100vw);
    height: auto !important;
    width: calc(100% - calc(22/1920 * 100vw)) !important;
    -webkit-transition: .5s;
    transition: max-height .5s;
    position: relative !important
}

div.desktop-only.slider-inner-flex div.slider>div.slider-inner ul.results-wall li {
    align-self: flex-end;
    height: calc(60/1920 * 100vw);
    position: relative
}

div.desktop-only.slider-inner-flex div.slider>div.slider-inner ul.results-floor li {
    align-self: flex-end;
    height: calc(60/1920 * 100vw);
    position: relative
}

div.desktop-only.slider-inner-flex div.slider>div.slider-inner ul.results-wall li img, div.desktop-only.slider-inner-flex div.slider>div.slider-inner ul.results-floor li img {
    height: 100%
}

div.desktop-only.floor-results.slider-inner-flex div.slider>.slider-inner-down-up2 {
    position: absolute;
    left: calc(50% + calc(15/1920 * 100vw));
    top: calc(-30/1920 * 100vw);
    height: calc(50/1920 * 100vw) !important;
    z-index: 1999
}

html.slide-down2 div.desktop-only.slider-inner-flex div.slider>div.slider-inner ul.results-floor li {
    align-self: flex-end;
    height: auto;
    position: relative
}

html.slide-down2 div.desktop-only.floor-results.slider-inner-flex div.slider>div.slider-inner {
    max-height: calc(74vh - calc(50/1920 * 100vw)) !important;
    height: auto !important
}

html.slide-down2 div.desktop-only.floor-results.slider-inner-flex div.slider>div.slider-inner ul {
    box-shadow: 0 calc(14/1920 * 100vw) calc(28/1920 * 100vw) rgba(0, 0, 0, 0.25), 0 calc(10/1920 * 100vw) calc(10/1920 * 100vw) rgba(0, 0, 0, 0.22);
    padding-bottom: calc(20/1920 * 100vw) !important
}

html.slide-down2 div.desktop-only.floor-results.slider-inner-flex>div>div.slider-inner-down-up2 {
    top: calc(-40vh - calc(5/1920 * 100vw))
}

html.slide-down2 body {
    position: fixed;
    overflow-y: scroll
}

.slider-inner-flex .slider .slide-left, .slider-inner-flex .slider .slide-right {
    display: none !important
}

#search_panel_close1 {
    position: absolute;
    right: calc(5/1920 * 100vw);
    bottom: calc(10/1920 * 100vw);
    cursor: pointer
}

#search_panel_close1:before {
    float: left;
    content: "sluiten";
    color: #373a3c;
    display: block;
    font-size: 1.6REM;
    line-height: calc(20/1920 * 100vw);
    text-align: start;
    text-size-adjust: 100%;
    text-transform: lowercase;
    -webkit-tap-highlight-color: transparent;
    font-weight: bold
}

#search_panel_close2 {
    position: absolute;
    right: calc(5/1920 * 100vw);
    bottom: calc(10/1920 * 100vw);
    cursor: pointer;
    bottom: calc(25/1920 * 100vw)
}

.search_panel_close {
    height: calc(25/1920 * 100vw);
    padding: calc(5/1920 * 100vw) calc(15/1920 * 100vw) calc(5/1920 * 100vw) calc(5/1920 * 100vw);
    text-align: center !important;
    text-align: left !important;
    padding-top: calc(1/1920 * 100vw);
    cursor: pointer;
    font-size: 1.5REM;
    line-height: calc(20/1920 * 100vw)
}

#search_panel_close2:before {
    float: left;
    content: "sluiten";
    color: #373a3c;
    display: block;
    font-size: 1.6REM;
    line-height: calc(20/1920 * 100vw);
    text-align: start;
    text-size-adjust: 100%;
    text-transform: lowercase;
    -webkit-tap-highlight-color: transparent;
    font-weight: bold
}

#search_results_panel {
    position: fixed;
    top: calc(0/1920 * 100vw);
    left: calc(0/1920 * 100vw);
    width: calc(100% - calc(0/1920 * 100vw));
    height: calc(100% - calc(100/1920 * 100vw));
    overflow-y: auto;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    pointer-events: auto;
    z-index: 999999
}

.close_search_result {
    background-color: #fff;
    position: fixed;
    top: calc(100% - calc(100/1920 * 100vw));
    height: calc(100/1920 * 100vw);
    left: calc(0/1920 * 100vw);
    width: calc(100% - calc(0/1920 * 100vw));
    text-align: center;
    font-size: 1.6REM;
    list-style: none;
    line-height: calc(60/1920 * 100vw);
    border-top: calc(1/1920 * 100vw) solid #ccc;
    cursor: pointer;
    z-index: 99999999
}

.close_search_result li.c_ann, .close_search_result li.c_totop {
    display: inline-block;
    height: calc(16/1920 * 100vw);
    line-height: calc(16/1920 * 100vw);
    padding: calc(0/1920 * 100vw) calc(10/1920 * 100vw)
}

.close_search_result li.c_ann {
    border-right: calc(2/1920 * 100vw) solid #585858
}

.close_search_result li:hover {
    text-decoration: underline
}

.search_results_panel_product {
    text-align: center;
    background-color: #fff;
    width: calc(272/1920 * 100vw);
    margin: calc(20/1920 * 100vw);
    padding-bottom: calc(5/1920 * 100vw);
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border: calc(1/1920 * 100vw) solid #777
}

.sssp_image {
    width: 100%;
    height: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: calc(10/1920 * 100vw) solid #fff
}

.sssp_info {
    font-size: 1.6REM
}

.sssp_info_row1 {
    display: inline-block;
    border-radius: calc(5/1920 * 100vw);
    padding: calc(3/1920 * 100vw) calc(10/1920 * 100vw);
    color: #fff;
    background-color: #12457B;
    margin-bottom: calc(10/1920 * 100vw);
    cursor: pointer
}

.sssp_info_row1, .sssp_info_row2, .sssp_info_row3, .sssp_info_row4, .sssp_info_row44 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: calc(24/1920 * 100vw)
}

.sssp_info_row5 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: calc(24/1920 * 100vw);
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold
}

html.html_show_search_result body {
    overflow: hidden !important;
    position: fixed !important;
    pointer-events: none
}

/* div.color_icon {
    display: inline-block;
    width: calc(13/1920 * 100vw);
    height: calc(13/1920 * 100vw);
    border: calc(1/1920 * 100vw) solid #A6A6A6;
    margin-right: calc(8/1920 * 100vw);
    width: 42px;
    height: 42px;

    background-image: url('/wp-content/themes/tegelcollectie-dealer/assets/sfeertool/images/color_icn.png');
      background-position: center;  
  background-repeat: no-repeat;  
  background-size: contain;
} */
.color-look-chooser {
    position: relative
}

/* #dropdown-wand, #dropdown-vloer {
    margin: 0 auto !important;
    width: 100%
} */
body.is_ipad #dropdown-wand, body.is_ipad #dropdown-vloer {
    width: calc(1024/1920 * 100vw) !important
}

#dropdown-wand .size-chart.size-chart-wall ul.listed.size-container-square, #dropdown-wand .size-chart.size-chart-wall ul.listed.size-container-rectangle, #dropdown-wand .size-chart.size-chart-wall ul.listed.size-container-strip {
    float: none !important;
    clear: both !important;
    width: 100%;
}

#dropdown-vloer .size-chart.size-chart-floor ul.listed.size-container-square, #dropdown-vloer .size-chart.size-chart-floor ul.listed.size-container-rectangle, #dropdown-vloer .size-chart.size-chart-floor ul.listed.size-container-strip {
    height: calc(380/1920 * 100vw) !important;
    float: none !important;
    clear: both !important;
    display: flex !important;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto
}

#dropdown-wand .size-chart.size-chart-wall ul.listed.size-container-square li, #dropdown-wand .size-chart.size-chart-wall ul.listed.size-container-rectangle li, #dropdown-wand .size-chart.size-chart-wall ul.listed.size-container-strip li {
    flex: 0 0 auto
}

#dropdown-vloer .size-chart.size-chart-floor ul.listed.size-container-square li, #dropdown-vloer .size-chart.size-chart-floor ul.listed.size-container-rectangle li, #dropdown-vloer .size-chart.size-chart-floor ul.listed.size-container-strip li {
    flex: 0 0 auto
}

.container-block.color-look-chooser .listed li, .size-chart.size-chart-wall li {
    width: 100%;
    font-size: var(--color-list-item-size);
    font-weight: var(--color-list-item-weight);
}

.size-chart.size-chart-wall li span:nth-of-type(2) {
    font-size: var(--color-list-count-font-size) ;
    font-weight: var(--color-list-count-font-weight);
    color: var(--color-list-count-color);
    display: none !important;
}

.slider-inner-flex .search-choices, .slider-inner-flex .slide-left, .slider-inner-flex .slide-right {
    display: none !important
}

.dropdown-wand-flag .slider-inner-down-up1 {
    display: none !important
}

.dropdown-floor-flag .slider-inner-down-up2, .dropdown-floor-flag .floor-results .slider-inner {
    display: none !important
}

.default_atmosphere_image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

img.lslide.active {
    height: 100% !important
}

#specificaties.specs-desktop>div.specs>div.row>div.col.col-lg-8.custom-spec-image-width>div.spec-content {
    padding: calc(0/1920 * 100vw) !important
}

#specificaties.specs-desktop>div.specs>div.row>div.col.col-lg-8.custom-spec-image-width>div.spec-content>div.specs-atmosphere-images {
    margin: 0 !important;
    position: relative !important;
    width: 100% !important;
    height: 100%
}

#specificaties.specs-desktop>div.specs>div.row>div.col.col-lg-8.custom-spec-image-width>div.spec-content>div.specs-atmosphere-images>div.lSSlideOuter {
    margin: 0 !important;
    position: relative !important;
    width: 100% !important;
    height: 100%
}

#specificaties.specs-desktop>div.specs>div.row>div.col.col-lg-8.custom-spec-image-width>div.spec-content>div.specs-atmosphere-images>div.lSSlideOuter>div.lSSlideWrapper.usingCss {
    margin: 0 !important;
    position: relative !important;
    width: 100% !important;
    height: 100%
}

#specificaties.specs-desktop>div.specs>div.row>div.col.col-lg-8.custom-spec-image-width>div.spec-content>div.specs-atmosphere-images>div.lSSlideOuter>div.lSSlideWrapper.usingCss>div.lightSlider {
    height: calc((100vw - calc(400/1920 * 100vw) - calc(40/1920 * 100vw)) * 0.72 * 0.5625) !important
}

body.is_ipad #specificaties.specs-desktop>div.specs>div.row>div.col.col-lg-8.custom-spec-image-width>div.spec-content>div.specs-atmosphere-images>div.lSSlideOuter>div.lSSlideWrapper.usingCss>div.lightSlider {
    height: calc((100vw - calc(120/1920 * 100vw) - calc(40/1920 * 100vw)) * 0.66 * 0.5625) !important
}

#specificaties.specs-desktop>div.specs>div.row>div.col.col-lg-8.custom-spec-image-width>div.spec-content>div.specs-atmosphere-images>div.lSSlideOuter>div.lSSlideWrapper.usingCss>div.lightSlider>img {
    height: 100% !important
}

.specs-atmosphere-images {
    object-fit: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.specs-atmosphere-images .lightSlider, .specs-atmosphere-images>.lSSlideOuter {
    object-fit: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.specs-atmosphere-images .lSSlideWrapper.usingCss {
    object-fit: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.specs-atmosphere-images .lSSlideWrapper.usingCss img {
    object-fit: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.popup-spec-opened .slider-inner-down-up1, .popup-spec-opened .slider-inner-down-up2 {
    display: none !important
}

.detailpage img {
    /*    width: calc(100/1920 * 100vw);
    height: auto;
    max-width: 100%*/
    width: auto;
    max-height: calc(100/1920 * 100vw);
}

.floor-2d .threed-only, .wall-2d .threed-only {
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important
}

body.showroom div.room {
    margin-top: calc(0/1920 * 100vw);
    transform: scale(1) !important
}

body.is_ipad .slider-inner {
    overflow: visible
}

body.is_ipad .slider ul {
    position: absolute;
    height: calc(60/1920 * 100vw);
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0 calc(15/1920 * 100vw);
    display: inline-block
}

body.is_ipad .choose-type-container {
    width: 15%
}

body.is_ipad .color-look-chooser {
    width: 35%
}

body.is_ipad .color-look-chooser:before {
    left: calc(-10/1920 * 100vw)
}

.color-look-chooser:after {
    right: calc(5/1920 * 100vw)
}

body.is_ipad .size-chart li, body.is_ipad .size-chart.size-chart-wall li, body.is_ipad .size-chart td:nth-child(3) li {
    width: 70%
}

body.is_ipad .mCSB_inside>.mCSB_container {
    margin-right: calc(0/1920 * 100vw) !important
}

body.is_ipad .mCSB_scrollTools, body.is_ipad td:nth-child(3) .mCSB_scrollTools {
    right: calc(20/1920 * 100vw)
}

html>body.is_ipad {
    width: calc(300/1920 * 100vw) !important
}

html.slide-down2 body.is_ipad div.desktop-only.floor-results.slider-inner-flex>div>div.slider-inner-down-up2 {
    top: calc(-40vh + calc(14/1920 * 100vw))
}

body.is_ipad #dropdown-vloer {
    left: 50%;
    margin-left: calc(0/1920 * 100vw) !important;
    transform: translate(-50%, 0)
}

body.is_ipad ul.specs-list, body.is_ipad ul.altsize-list {
    width: calc(130/1920 * 100vw);
    overflow: auto
}

body.is_ipad ul.specs-list li, body.is_ipad ul.altsize-list li {
    width: 100% !important;
    font-size: 1.6REM;
    word-wrap: break-word
}

body.is_ipad .controls ul li:hover .control-tooltip {
    display: none
}

body.is_ipad #dropdown-wand, body.is_ipad #dropdown-vloer {
    width: 100% !important;
    margin-left: 0 !important;
    left: 0 !important;
    transform: none !important
}

body.is_ipad #voegkleur {
    top: calc(75/1920 * 100vw)
}

body.is_ipad #wandkleur {
    width: calc(622/1920 * 100vw);
    left: calc(50% - calc(311/1920 * 100vw))
}

.slide_bottom_items {
    display: inline-block;
    background-color: red;
    width: calc(100/1920 * 100vw);
    height: calc(100/1920 * 100vw);
    margin: calc(10/1920 * 100vw);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.slider_bottom_relative {
    position: relative !important;
    width: calc(100% - calc(120/1920 * 100vw)) !important;
    height: calc(60/1920 * 100vw) !important;
    left: calc(0/1920 * 100vw) !important;
    display: inline-block
}

.slider_bottom_absolute {
    position: absolute !important;
    width: 100% !important;
    bottom: calc(0/1920 * 100vw) !important;
    left: calc(0/1920 * 100vw) !important
}

.square_bottom_container {
    position: relative !important
}

.square_top_container:after {
    content: ".";
    position: relative !important;
    height: calc(10/1920 * 100vw);
    display: block
}

.square_bottom_dummy_container {
    background-color: #fff;
    width: 100%;
    min-height: calc(70/1920 * 100vw);
    max-height: calc(70/1920 * 100vw);
    padding-top: calc(10/1920 * 100vw);
    overflow: hidden;
    -webkit-transition: max-height .5s linear 0s;
    transition: max-height .5s linear 0s
}

body.is_ipad .square_bottom_dummy_container {
    overflow: scroll
}

.square_bottom {
    position: absolute;
    width: calc(35/1920 * 100vw);
    height: calc(18/1920 * 100vw);
    left: 50%;
    margin-left: calc(-18/1920 * 100vw);
    top: calc(-18/1920 * 100vw) !important;
    z-index: 1000;
    background-image: url("../images/triangle_arrow.png");
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider_bottom_hider {
    bottom: calc(0/1920 * 100vw);
    left: calc(0/1920 * 100vw);
    max-height: calc(400/1920 * 100vw);
    width: 100%;
    overflow: hidden
}

.slides_bottom_grouper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative !important;
    -webkit-flex-flow: row wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    left: calc(0/1920 * 100vw);
    width: 100% !important;
    height: auto !important;
    overflow-y: initial !important
}

html.slide-down2 .slides_bottom_grouper {
    justify-content: space-between !important;
    align-items: flex-end !important
}

.slide-down2 .square_bottom_dummy_container {
    max-height: calc(400/1920 * 100vw) !important
}

.slide-down2 .slider_bottom_hider {
    overflow-y: overlay
}

.slide-down2 .slides_bottom_grouper {
    padding-right: calc(20/1920 * 100vw)
}

html.slide-down2 .results-floor {
    -webkit-transform: translateY(calc(0/1920 * 100vw)) !important;
    -moz-transform: translateY(calc(0/1920 * 100vw)) !important;
    -ms-transform: translateY(calc(0/1920 * 100vw)) !important;
    -o-transform: translateY(calc(0/1920 * 100vw)) !important;
    transform: translateY(calc(0/1920 * 100vw)) !important
}

.slider_top_relative {
    position: relative !important;
    width: 100% !important;
    left: calc(0/1920 * 100vw) !important;
    height: 100% !important
}

.slider_top_absolute {
    position: absolute !important;
    width: 100% !important;
    top: calc(0/1920 * 100vw) !important;
    left: calc(0/1920 * 100vw) !important;
    z-index: 1000;
    height: 100% !important
}

.square_top_container {
    position: absolute !important;
    height: 100%;
    left: 0;
    top: 0
}

.square_top_container:after {
    content: "";
    position: relative !important;
    height: calc(10/1920 * 100vw);
    display: block
}

.square_top_dummy_container {
    width: 100%;
    min-height: calc(60/1920 * 100vw);
    max-height: calc(60/1920 * 100vw);
    -webkit-transition: max-height .5s linear 0s;
    transition: max-height .5s linear 0s
}

body.is_ipad .square_top_dummy_container {
    overflow: scroll
}

.square_top {
    position: absolute;
    width: calc(35/1920 * 100vw);
    height: calc(18/1920 * 100vw);
    left: 50%;
    margin-left: calc(-18/1920 * 100vw);
    bottom: calc(-18/1920 * 100vw) !important;
    z-index: 1000;
    background-image: url("../images/triangle_arrow.png");
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer
}

body.is_ipad .square_top {
    position: absolute;
    width: calc(60/1920 * 100vw);
    height: calc(60/1920 * 100vw);
    left: 50%;
    margin-left: calc(-30/1920 * 100vw);
    bottom: calc(-30/1920 * 100vw) !important;
    z-index: 1000;
    background-image: url("../images/triangle_arrow.png");
    background-size: calc(35/1920 * 100vw) calc(18/1920 * 100vw);
    background-position: 50% calc(28/1920 * 100vw);
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: calc(100/1920 * 100vw)
}

body.is_ipad .square_bottom {
    position: absolute;
    width: calc(60/1920 * 100vw);
    height: calc(60/1920 * 100vw);
    left: 50%;
    margin-left: calc(-30/1920 * 100vw);
    top: calc(-30/1920 * 100vw) !important;
    z-index: 1000;
    background-image: url("../images/triangle_arrow.png");
    background-size: calc(35/1920 * 100vw) calc(18/1920 * 100vw);
    background-position: 50% calc(28/1920 * 100vw);
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: calc(100/1920 * 100vw)
}

.slider_top_hider {
    top: calc(0/1920 * 100vw);
    left: calc(0/1920 * 100vw);
    width: 100%;
}

.slides_top_grouper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative !important;
    justify-content: center;
    align-items: flex-start;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    left: calc(0/1920 * 100vw);
    width: 100% !important;
    height: auto !important;
    overflow-y: initial !important;
    align-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

.slides_top_grouper>li {
    padding: 0 calc(5/1920 * 100vw) calc(10/1920 * 100vw) calc(5/1920 * 100vw) !important
}

.sizeCategoryDiv {
    display: none !important
}

.searchsizeCategoryDiv {
    display: inline-block !important;
    width: 100%;
    background-color: #F0F0F0;
    padding: calc(10/1920 * 100vw);
    line-height: calc(20/1920 * 100vw);
    margin: calc(10/1920 * 100vw) calc(20/1920 * 100vw);
    font-size: 2REM;
    line-height: calc(36/1920 * 100vw);
    font-weight: bold
}

li.shape_sqr img {
    width: calc(60/1920 * 100vw) !important;
    height: calc(60/1920 * 100vw) !important
}

li.shape_rect img {
    width: calc(120/1920 * 100vw) !important;
    height: calc(60/1920 * 100vw) !important
}

li.shape_strip img {
    width: calc(180/1920 * 100vw) !important;
    height: calc(60/1920 * 100vw) !important
}

html.slide-down2 .results-floor li.shape_sqr img {
    width: calc(120/1920 * 100vw) !important;
    height: calc(120/1920 * 100vw) !important
}

html.slide-down2 .results-floor li.shape_rect img, html.slide-down2 .results-floor li.shape_strip img {
    width: calc(120/1920 * 100vw) !important;
    height: auto !important
}

.slider ul li.hide_group_size {
    display: none
}

.multi_size_panel {
    position: absolute;
    top: calc(100/1920 * 100vw);
    left: calc(10/1920 * 100vw);
    width: calc(240/1920 * 100vw);
    height: 40%;
    text-align: left;
    font-size: 2REM
}

.multi_size_title {
    font-size: 2.4REM;
    line-height: calc(32/1920 * 100vw);
    padding: calc(10/1920 * 100vw);
    background-color: #fff;
    margin-bottom: calc(10/1920 * 100vw)
}

.multi_size_color {
    padding: calc(10/1920 * 100vw);
    background-color: #fff;
    margin-bottom: calc(10/1920 * 100vw)
}

.multi_size_looks {
    padding: calc(5/1920 * 100vw) calc(10/1920 * 100vw);
    background-color: #fff;
    margin-bottom: calc(10/1920 * 100vw)
}

.multi_size_sizes {
    padding: calc(5/1920 * 100vw) calc(10/1920 * 100vw);
    background-color: #fff;
    margin-bottom: calc(10/1920 * 100vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.multi_size_size {
    margin: calc(5/1920 * 100vw);
    text-transform: lowercase;
    cursor: pointer
}

.multi_size_size.active {
    color: red;
    font-weight: bold
}

.multi_size_toggel {
    position: absolute;
    top: calc(15/1920 * 100vw);
    right: calc(5/1920 * 100vw);
    cursor: pointer
}

.multi_size_panel {
    max-height: 50vh
}

.multi_size_panel.bounce {
    height: calc(52/1920 * 100vw) !important;
    overflow: hidden
}

.multi_size_panel.bounce .fa-chevron-down {
    display: block
}

.multi_size_panel.bounce .fa-chevron-up {
    display: none
}

.multi_size_panel .fa-chevron-down {
    display: none
}

.multi_size_panel .fa-chevron-up {
    display: block
}

.fempty {
    height: 0;
    padding: 0 calc(5/1920 * 100vw);
    margin: 0 calc(5/1920 * 100vw);
    display: block;
    float: none;
    clear: both;
    box-sizing: border-box
}

.results-wall.slides_top_grouper .fempty, .results-floor.slides_bottom_grouper .fempty {
    display: block
}

.results-wall.slides_top_grouper .fempty.hide_group_size, .results-floor.slides_bottom_grouper .fempty.hide_group_size {
    display: none
}

html.slide-down2 .results-floor.slides_bottom_grouper .fempty {
    display: block
}

html.slide-down2>body>div.floor-results.slider-inner-flex div.slider_bottom_relative div.slider-inner.slider_bottom_hider>ul>span {
    display: block !important
}

.fempty_273 {
    display: block;
    float: none;
    clear: both;
    box-sizing: border-box;
    margin-left: calc(20/1920 * 100vw);
    margin-right: calc(20/1920 * 100vw);
    padding-bottom: calc(5/1920 * 100vw);
    width: calc(272/1920 * 100vw);
    height: 0 !important
}

span.shape_sqr {
    width: calc(60/1920 * 100vw) !important
}

span.shape_rect {
    width: calc(120/1920 * 100vw) !important
}

span.shape_strip {
    width: calc(180/1920 * 100vw) !important
}

html.slide-down2 .results-floor span.shape_sqr, html.slide-down2 .results-floor span.shape_rect, html.slide-down2 .results-floor span.shape_strip {
    width: calc(120/1920 * 100vw) !important
}

.slider-inner.slider_top_hider::-webkit-scrollbar, .slider-inner.slider_bottom_hider::-webkit-scrollbar {
    width: calc(12/1920 * 100vw)
}

.slider-inner.slider_top_hider::-webkit-scrollbar-track, .slider-inner.slider_bottom_hider::-webkit-scrollbar-track {
    box-shadow: inset 0 0 calc(5/1920 * 100vw) 464646;
    border-radius: calc(12/1920 * 100vw)
}

.slider-inner.slider_top_hider::-webkit-scrollbar-thumb, .slider-inner.slider_bottom_hider::-webkit-scrollbar-thumb {
    background: #464646;
    border-radius: calc(12/1920 * 100vw)
}

.slider-inner.slider_top_hider::-webkit-scrollbar-thumb:hover, .slider-inner.slider_bottom_hider::-webkit-scrollbar-thumb:hover {
    background: #828282
}

body.is_ipad table.patronen.patterns>tbody>tr>td {
    margin: 0 calc(14/1920 * 100vw) 0 calc(14/1920 * 100vw) !important
}

body.is_ipad table.patronen.patterns>tbody>tr>td:nth-child(5), body.is_ipad table.patronen.patterns>tbody>tr>td:nth-child(6) {
    display: none !important
}

body.is_ipad #specificaties>.specs {
    position: relative;
    height: 100%
}

body.is_ipad #specificaties>.specs>.col:nth-child(1) {
    height: 100%;
    overflow: scroll;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

body.is_ipad #specificaties>.specs>.col.col-lg-8 {
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

body.is_ipad #specificaties>.specs>.col.col-lg-8 .default_atmosphere_image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

body.is_ipad ul.specs-list li, body.is_ipad ul.altsize-list li {
    font-size: 1.2REM;
    text-transform: lowercase
}

ul.specs-list li, ul.altsize-list li {
    text-transform: lowercase
}

ul.specs-list li span.tile-info-value[data-field="artikelnummer"] {
    text-transform: uppercase !important
}

ul.specs-list li::first-letter {
    text-transform: uppercase
}

ul.altsize-list li::first-letter {
    text-transform: uppercase
}

body.is_ipad #specificaties>.specs>.col:nth-child(2) {
    height: 100%;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

body.is_ipad .popup-header.title {
    font-size: 1.3REM;
    white-space: nowrap;
    font-weight: bold
}

body.is_ipad .col.col-lg-2.alternative-sizes h4 {
    font-size: 1.4REM;
    white-space: nowrap;
    font-weight: bold
}

body.is_ipad .sfeertool-preloader .sfeertool-preloader-inner {
    position: relative;
    width: 100%;
    height: calc(350/1920 * 100vw);
    margin: 0 auto;
    top: 50%;
    margin-top: calc(-160/1920 * 100vw)
}

.slider_bottom_hider {
    max-height: 60vh
}

.slide-down2 .square_bottom_dummy_container {
    max-height: 60vh !important
}

body.showroom {
    overflow-y: hidden !important;
    height: 100vh !important;
    width: 100vw !important
}

body.showroom .desktop-only.floor-results {
    position: absolute;
    bottom: 0;
    left: 0
}

body.showroom .mainscreen {
    height: 100vh !important;
    width: 100vw !important
}

.desktop-only .slider_top_absolute, .desktop-only .slider_bottom_absolute {
    -webkit-transition: top .5s, bottom .5s;
    transition: top .5s, bottom .5s
}

body.showroom>.mainscreen>.room>.matrix_container>.attribute-layers>img, body.showroom>.mainscreen>.multi_room>.attribute-layers>img {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover;
    object-position: top left
}

body.showroom .controls {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%)
}

body.showroom #specificaties.specs-desktop {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important
}

body.showroom a.button.button-gray.tile-read-more.online-only {
    display: none !important
}

.specs-vloer.specs-wand.specs-buttons .button.button-gray.tile-read-more.online-only {
    display: block !important
}

li.unloaded_tile_image {
    display: none !important
}

html.wait_for_image_load .square_top.slider-inner-down-up1.hiddenClass, html.wait_for_image_load .square_bottom.slider-inner-down-up2.hiddenClass {
    display: none !important
}

.tip-upload-icon {
    margin: calc(0/1920 * 100vw) 0 0 calc(40/1920 * 100vw);
    text-align: right;
    position: absolute;
    left: calc(490/1920 * 100vw)
}

.tip-upload-icon img {
    cursor: pointer
}

body.showroom .tip-upload-icon a, body.showroom .eigen-woning-popup {
    pointer-events: none !important;
    cursor: default !important
}

#specificaties ul li {
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

ul.altsize-list li {
    position: relative;
    display: block
}

ul.altsize-list li .related_size_panel {
    position: fixed;
    margin-left: calc(10/1920 * 100vw);
    z-index: 100;
    padding: calc(5/1920 * 100vw) calc(10/1920 * 100vw) calc(5/1920 * 100vw) calc(10/1920 * 100vw);
    top: calc(160/1920 * 100vw);
    right: calc(-250/1920 * 100vw);
    display: inline-block;
    background-color: #fff;
    color: #000;
    text-transform: uppercase
}

.span_related_size_refresh, .span_related_size_close {
    margin-left: calc(10/1920 * 100vw);
    cursor: pointer
}

.active_related {
    cursor: default
}

html.nuc-class body.showroom .fempty {
    display: none
}

html.nuc-class body.showroom ul>li:nth-last-of-type(1)~span {
    display: block !important
}

#specificaties ul.specs-list li span:nth-child(1) {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.initial_toon_results, li.look span {
    display: none !important
}

body.showroom .eigen-woning-popup img {
    content: url("../images/eigen-woning-popup2.png")
}

html body.in_my_room.showroom>div.mainscreen>div.controls>ul>li:nth-child(11), html body.in_my_room.showroom>div.mainscreen>div.controls>ul>li:nth-child(8), html body.in_my_room.showroom>div.mainscreen>div.controls>ul>li:nth-child(4), html body.in_my_room.showroom>div.mainscreen>div.controls>ul>li:nth-child(2) {
    display: none !important
}

#qrcodeeigenwoning>div.popup-content>div.qrcode-inner #qrcodeeigenwoning {
    display: block !important
}

.toast-position-top-right {
    z-index: 100000 !important
}

footer .logo {
    min-height: calc(85/1920 * 100vw)
}

html.sfeer_clicked .square_top.slider-inner-down-up1.hiddenClass, html.sfeer_clicked .square_bottom.slider-inner-down-up2.hiddenClass {
    display: none !important
}

.sfeer_slider_left_arrow, .sfeer_slider_right_arrow {
    display: none;
    height: auto !important;
    min-height: calc(60/1920 * 100vw) !important;
    position: absolute;
    background-color: #c9c9c9;
    top: 0;
    width: calc(20/1920 * 100vw);
    height: calc(20/1920 * 100vw);
    z-index: 100;
    cursor: pointer
}

.sfeer_slider_left_arrow {
    left: calc(-25/1920 * 100vw)
}

.sfeer_slider_right_arrow {
    right: calc(-30/1920 * 100vw)
}

.sfeer_slider_left_arrow i, .sfeer_slider_right_arrow i {
    padding: calc(23/1920 * 100vw) calc(8/1920 * 100vw) calc(23/1920 * 100vw) calc(5/1920 * 100vw)
}

html.sfeer_clicked .sfeer_slider_left_arrow, html.sfeer_clicked .sfeer_slider_right_arrow {
    display: block !important
}

body.sfeer_clicked_no_triangle .square_top.slider-inner-down-up1, body.sfeer_clicked_no_triangle .square_bottom.slider-inner-down-up2 {
    display: none !important
}

.gsfeer-icon-container .icon-text {
    position: absolute !important;
    color: #fff !important;
    top: calc(68/1920 * 100vw) !important;
    left: calc(36/1920 * 100vw) !important;
    font-size: 1.9REM;
    line-height: calc(22/1920 * 100vw) !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    transform: rotate(45deg) !important;
    width: calc(90/1920 * 100vw) !important
}