<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'MuseoSansRounded-100';
    src: url('../fonts/2E262C_3_0.eot');
    src: url('../fonts/2E262C_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E262C_3_0.woff2') format('woff2'), url('../fonts/2E262C_3_0.woff') format('woff'), url('../fonts/2E262C_3_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSansRounded-300';
    src: url('../fonts/2E262C_0_0.eot');
    src: url('../fonts/2E262C_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E262C_0_0.woff2') format('woff2'), url('../fonts/2E262C_0_0.woff') format('woff'), url('../fonts/2E262C_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSansRounded-500';
    src: url('../fonts/2E262C_2_0.eot');
    src: url('../fonts/2E262C_2_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E262C_2_0.woff2') format('woff2'), url('../fonts/2E262C_2_0.woff') format('woff'), url('../fonts/2E262C_2_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'MuseoSansRounded-700';
    src: url('../fonts/2E262C_4_0.eot');
    src: url('../fonts/2E262C_4_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E262C_4_0.woff2') format('woff2'), url('../fonts/2E262C_4_0.woff') format('woff'), url('../fonts/2E262C_4_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSansRounded-900';
    src: url('../fonts/2E262C_1_0.eot');
    src: url('../fonts/2E262C_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E262C_1_0.woff2') format('woff2'), url('../fonts/2E262C_1_0.woff') format('woff'), url('../fonts/2E262C_1_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html { height: 100%; }

body {
    font-size: 16px;
    font-family: 'MuseoSansRounded-300';
    line-height:1.2;
}


.holder {
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
    width: 100%;
}

/* needed cursor pointer for iphone */
.toggle-main-menu,
.hot-or-not-container,
.to-product-detail { cursor: pointer; }
.btn { position: relative; text-align: left; font-family: "MuseoSansRounded-700"; }
.btn:hover .fa-arrow-right {  -webkit-transform: translateX(4px); transform: translateX(4px); }
.btn-back:hover .fa-arrow-left {  -webkit-transform: translateX(-4px); transform: translateX(-4px); }
.btn .fa { }
.btn .fa.end {  position:absolute; right:14px; }
.btn .fa.before { margin-right: 14px;}
.btn.relative .fa { position: static; }
.btn .fa.white { color: white; }
.btn.btn-bigger { padding-right: 50px; }
.btn .fa-arrow-right { margin-left: 14px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0px; }
.text-center { text-align: center; }

b, strong {/*  font-family: 'MuseoSansRounded-700'; font-weight: normal; */}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'MuseoSansRounded-700'; color: #283b51; font-size: 70px;
}

h1 .light {
    font-family: 'MuseoSansRounded-100';
}

.left {
    float: left;
}

.right {
    float: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.no-show {
    display: none;
}

.hasfloats {
    overflow: hidden;
}

.display-block { display: block; }
.inline-block { display: inline-block; }

.full-height { height: 100%; }

.no-scroll { overflow-y: hidden; }
.scroll { overflow-y: scroll !important; }
.no-bullit,
.nobullit {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a.do-filter-list { cursor: pointer; color: white; }

.icon-heart{
    width: 40px;
    stroke:  white;
    stroke-width: 3px;
    fill: transparent;
    margin:0 auto;
}

a:hover, a:focus {
    outline: none;
    text-decoration: none;
}
.pulse_big {    fill: white;
    cursor: pointer;
    animation-name: pulse-big;
    -webkit-animation-name: pulse-big;
    animation-duration: 2s;
    -webkit-animation-duration: 2s; }

.icon-heart.active,
.icon-heart:hover{
    fill: white;
    cursor: pointer;
    animation-name: pulse-big;
    -webkit-animation-name: pulse-big;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

.icon-heart{
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
}

body .loading { position: fixed; overflow:hidden; background: rgba(255,255,255,0.6); width: 100%; height: 100%; left: 0px; top: 0px; z-index: 9; }
body .rotate  { position: fixed; overflow:hidden; background: rgba(37,37,37,0.9) url('/img/rotate-device-white.png') no-repeat center center; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 99999; display: none;}
body .loading .fa-spin { color: black; position: fixed; z-index: 10; top: 50%; left: 50%;  }
.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}
body .loading.moodboard { }
.margin-top { margin-top: 9px; }
.margin-bottom { margin-bottom: 9px; }

.btn-primary .fa { color:#96a3cd; color: rgba(255,255,255,0.5); }
.btn-primary:hover .fa { color:#96a3cd; color: rgba(255,255,255,1); }


.btn-secondary { background-color:#697bb7; color:#fff; }
.btn-secondary .fa { color:#96a3cd; color: rgba(255,255,255,0.4); }
.btn-secondary:hover .fa { color:#96a3cd; color: rgba(255,255,255,1); }
.btn-primary.small,
.btn-secondary.small { font-size: 12px; padding: 8px 10px; margin-top: 14px;  }

.btn-secondary.disabled { background: #c9cdd1; opacity: 1; filter: alpha(opacity=100); }

.btn-tertiary { background-color:#ffffff; color:#283b51; }
.btn-tertiary .fa { color:#c0c5cc; color: rgba(40,59,81,0.3); }

.btn-highlight { background-color:#283b51; color:#fff; }
.btn-highlight .fa { color:#697686; color: rgba(255,255,255,0.5); }
.btn-highlight:hover .fa { color:#96a3cd; color: rgba(255,255,255,1); }

.btn-edit { background-color:#aaa; color:#000; font-size:0.825em; font-family: 'MuseoSansRounded-300'; }
.btn-edit .fa { float:left; margin-left:0; margin-right:6px; color:#000; color: rgba(0,0,0,0.9); }

.btn-facebook { background-color:#3c71cf; color:#fff; }
.btn-facebook .fa { color:#fff; color: rgba(255,255,255,0.5); }
.btn-google { background-color:#e65f3d; color:#fff; }
.btn-google .fa { color:#fff; color: rgba(255,255,255,0.5); }

.btn-twitter { background-color:rgb(64,153,255); color:#fff; }
.btn-twitter .fa { color:#fff; color: rgba(255,255,255,0.5); }

.btn-pinterest { background-color:rgb( 203, 32, 39); color:#fff; }
.btn-pinterest .fa { color:#fff; color: rgba(255,255,255,0.5); }

.btn-disabled { background-color: #c9cdd1; color: #fff; }
.btn-disabled .fa { color: #d9dcdf; }
.circle { border-radius: 50%; display: inline-block; text-align: center; font-family: 'MuseoSansRounded-900';}
.circle.small { width:26px; height: 26px; font-size: 12px; line-height: 25px; }
.circle.medium { width: 50px; height: 50px;  }
.circle.darkblue { color: #697bb7; }
.darkblue { background: #283b51; }
.main-container { text-align: center; padding-top:62px; margin-bottom: 0px; overflow: hidden; padding-right: 60px; }
.main-container.active { margin: 0px; padding: 0px; height: 100vh; overflow-y: auto; }
.main-container .main { max-width:100%; margin-top: 40px; }
.dealer .main-container .main { margin-top: 60px; }
.main-container .main.profiel { margin-top: 0px; }
.dealer .main-container .main.profiel { margin-top: 40px; }
.main.profiel .author.big {
    margin-bottom: 20px;
    margin-top: 50px;
    border-radius: 50%;
}
.main.profiel .author.big .upload-image { margin-top: 85px; }

.main-container img { max-width: 100%; }
.popup-dealer .circle, .profiel .circle { color: white; text-align: center; display: inline-block; margin-right: 1em; background: #cccccc; }
.popup-dealer .circle, .profiel .circle.small { line-height: 28px; }
.circle.facebook:hover,
.circle.facebook.active { background-color: #3c71cf; }
.circle.twitter:hover,
.circle.twitter.active { background-color: #63b3d8; }
.circle.pinterest:hover,
.circle.pinterest.active { background-color: #e03d33; }
.circle.google-plus:hover,
.circle.google-plus.active { background-color: #3c71cf; }
.circle.instagram:hover,
.circle.instagram.active { background-color: #dc3176; }
.circle.active {  background: #4c4c4c; }


.alert{ font-family: 'MuseoSansRounded-900'; font-size: 13px; text-align: center;  border-radius: 0px; margin-bottom: 10px; padding: 9px 15px;  }
.alert-danger { color: #df0000; border-color: #df0000; background-color:#fce5e5; }
.alert-info { color: #697bb7; border-color:#697bb7;  background-color: #e9ebf4; }
.alert-success { color: #0ca800; border-color:#0ca800; background-color: #e6f6e5; }
.alert-dismissable .close, .alert-dismissible .close { right: -7px; }

/* ============================================ *
 *  Primary navigation
 * ============================================ */
.header-container { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; }
.header-container .open-price-advice { margin-top: 15px; padding: 10px 14px; }
.header-container header { background-color: #283b51; max-height:4em; }
.dealerbalk { width: 100%; float: left; height: 40px; text-align: left; color: white; background: #243549;
    -webkit-box-shadow:inset 0 4px 4px 0 rgba(32,48,66,1);
    box-shadow:inset 0 4px 4px 0 rgba(32,48,66,1);
}
.header-container .main-menu-container { position: absolute; right: 0px; top: 0px; }
.header-container .toggle-main-menu { margin-right: 10px; margin-bottom: 10px; left: 12px; top: 15px; padding: 8px 10px; background: #697bb7 }
.header-container .toggle-main-menu i { color:#ffffff; }
.dealerbalk a { color: white; }
.dealerbalk .companyname { font-size: 21px; color: #697bb7; line-height: 40px; text-align: left; margin: 0 0 0 16px; margin-right: 1em;  }
.header-container .user-logged-in { float: right; padding:13px 0px 15px 13px; z-index: 0; }
.user-logged-in .author { position:relative; display:block; width:auto; font-weight: normal; height:34px; padding-right:2.9em; text-align: right; margin: 0 15px 0 0; cursor: pointer; }
.user-logged-in .author .badge { position:absolute; right:0; top:0; background-color: #fff; color:#283b51; font-size:2.4em; line-height:1.16; padding:0; width:34px; height:34px; border-radius: 50%; border:2px solid #fff; overflow: hidden; }
.user-logged-in .author .badge .fa { font-size:104%; margin:0; }
.user-logged-in .author em {
    display:inline-block;
    padding-top:14px;
    font-style: normal;
    font-size:1em;
    color: #697bb7;
    width: 100%;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-container .author { font-size: 16px; background: transparent; z-index:101; }

.header-container header .title {
    padding-top: 0;
    border: 0;
    max-width: 192px;
    min-width:98px;
    width:18%;
    float:left;
    margin:0.5em 0 0.5em 1em;
    font-size:1em;
}

.header-container header .title em {
    display: inline-block;
    text-indent: -1000em;
}

.header-container nav {
    float:left;
    position: relative;
    z-index: 1;
}
.close-filters {  font-size: 30px; color: white; position: absolute; right: 20px; top: 80px; opacity: 0.65; filter: alpha(opacity=65);}
.close-filters:hover { cursor: pointer;}
.header-container nav.filters:before { }
.header-container nav.filters { width: 100%; text-align: left; font-family: "MuseoSansRounded-500", Arial, sans-serif; font-size: 0.583em; border: 1px solid #1f2e3f; padding: 2em; background-color: #283b51; }
.header-container nav.filters strong {font-family: "MuseoSansRounded-700", Arial, sans-serif;  font-size:15px; color: #697bb7; font-weight: normal; }
.header-container nav.filters ul.sub { padding-left: 1em; }
.header-container nav.filters &gt; ul li { width: 230px; margin-bottom: 10px; }
.header-container nav.filters.smaller &gt; ul li { width: 200px; margin-bottom: 10px; }
.header-container nav.filters a,
.header-container nav.filters a:hover { font-family: "MuseoSansRounded-500", Arial, sans-serif; font-size:14px; line-height: 22px; color: white; text-decoration: none; padding: 0px; }

.header-container .check-border { border: 1px solid white; display: inline-block; float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 22px; width: 22px;  margin-right: 0.5em; }
.header-container nav.filters .check-border .fa { line-height: 21px; text-align: center; display: none; color: white; }
.header-container nav.filters a.checked .fa,
.no-touch .header-container nav.filters a:hover.fa { display: block; }

.header-container ul {
    list-style:none;
    margin:0;
    padding:0;
}

.header-container nav .item {
    margin:1em;
}
.header-container nav .last {
    margin:1em 0;
    border-left: 1px solid #697bb7;
    z-index: 100;
    min-height:30px;
}

.header-container nav .filter {
    padding:1em 0.4em 1em 1em;
    margin:0;
}

header .author:before,
.header-container nav .filter a:before  {
    content: '';
    display: none;
    position: absolute;
    left: -2px;
    bottom: -17px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #1f2e3f;
}

header .author:after,
.header-container nav .filter a:after {
    content: '';
    display: none;
    position: absolute;
    left: -2px;
    bottom: -19px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #283b51;
    z-index: 100;
}
header .author.active:after  { left:auto; right: 6px; bottom: -16px; display: block;}
header .author.active:before  { left:auto; right: 6px; bottom: -14px; display: block;}

.header-container nav.user-menu { background:#1f2e3f; border: 1px solid #1f2e3f; margin-top: 14px; text-align: left; display: none; position: absolute; right: 0px; min-width: 300px; z-index: 100; top: 48px; }
.header-container nav.user-menu .top {  padding:15px 15px 15px 15px; display: inline-block; background: #283b51; width: 100%; }
.header-container nav.user-menu &gt; ul {padding:15px 15px 15px 15px; }
.header-container nav.user-menu a { padding: 0px; font-size: 1em; line-height: 1.6em; }
.header-container nav.user-menu strong { font-family: 'MuseoSansRounded-900'; font-weight: normal; font-size: 1.2em; color: #697bb7; display: inline-block; width: 100%; }
.header-container nav .filter.active a:after,
.header-container nav .filter a.active:after {
    display: block;
}

.header-container nav .filter.active a:before,
.header-container nav .filter a.active:before {
    display: block;
}

.header-container nav a {
    font-family: "MuseoSansRounded-100", Arial, sans-serif;
    font-size:1.5em;
    color: #fff;
    display: inline-block;
    padding-left:1.6em;
    position: relative;
    cursor: pointer;
}

.header-container nav em {
    font-style: normal;
    display: inline-block;
    text-indent: -1000em;
}

.header-container nav a:hover {
    color: #697bb7;
}

textarea.no-resize { resize: none; }
input:focus, textarea:focus, keygen:focus, select:focus,
.header-container nav a:focus {
    outline: none;
}

.header-container nav .icon {
    width:1.2em;
    height:1.3em;
    display: inline-block;
    position: absolute;
    top: 0px;
    left:0;
    background-image: url("/img/sprite-kachels2.png");
    background-size: 100px 200px;
}

.header-container .hotornot .icon {
    background-position: 10px -127px;
}
.header-container .inspire .icon {
    background-position: 4px -84px;
}
.header-container .showrooms .icon {
    background-position: 4px -165px;
}
.header-container .filter .icon {
    background-position: 0 -42px;
}
.header-container .search .icon {
    height: 40px;
    width: 40px;
    background-color: transparent;
    border: 0;
    background-position: 7px 3px;
}

.header-container nav .badge {
    width:24px;
    padding:5px 0;
    position: absolute;
    right:2px;
    top:-7px;
    background:#697bb7;
    border-radius: 50%;
    color: #fff;
}

#search.activated,
#searchform #search:focus, #searchform #search:hover, #searchform .icon:hover + #search {
    visibility: visible;
    display: inline-block;
}

#searchform #search::-webkit-input-placeholder { color:grey; }
#searchform #search::-moz-placeholder { color:grey; ; } /* firefox 19+ */
#searchform #search:-ms-input-placeholder {  color:grey;  } /* ie */
#searchform #search:-moz-placeholder {  color:grey;  }

header #search {
    width: 200px; height: 30px; display: inline-block; margin-left: 0; min-height: initial;
    margin-left: 40px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    display: none;
    color: black;
}

header .close-search { position: absolute; right: 8px; top: 6px; color: lightgrey; cursor: pointer; }


/* ============================================ *
 * Footer
 * ============================================ */

.footer-container { position: fixed; bottom: 0px; left: 0px; width: 100%; }
.footer-container footer { background: rgb(233,233,233); background: rgba(233,233,233,0.9); text-align: center;  padding:8px 0; font-size: 12px; }
footer ul { margin: 0px; padding: 0px; }
footer ul li { display: inline;  }
footer ul li span,
footer ul li a { padding: 4px 10px; display: inline-block; color: #888888; font-size: 12px; border-right: 1px solid #888888;}
.btn-coockiebar { font-size: 12px; padding: 10px 16px; margin-left: 1em; cursor: pointer; }

/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary a {
    text-decoration: none;
    position: relative;
    display: block;
    color: #4f4f4f;
    line-height: 30px;
    font-family: "open_sansregular", Arial, sans-serif;
}

.nav-primary li {
    float: left;
    position: relative;
}

.nav-primary li.level1 a {
    border-bottom: 1px solid #bebebe;
}

.nav-primary .menu-active &gt; ul.level0,
.nav-primary li.level0 li.sub-menu-active &gt; ul {
    display: block;
}

.nav-primary li.level0 &gt; a {
    text-transform: uppercase;
}


/* ============================================ *
 * Magnific popup
 * ============================================ */


.mfp-content { text-align: center; }
.mfp-bg { background: #0b0b0b;
    opacity: 0.7;
    filter: alpha(opacity=70);}
.mfp-bg.mfp-hot-or-not { background: transparent;
}
.hot-or-not-close.custom,
.mfp-close.custom { color:rgb(105, 123, 183); right: 40px; top: 1px; }
#proloog-popup .mfp-close.custom,
.hot-or-not-close.custom { top: 30px; }
#proloog-popup .royalSlider { background: white; border: 20px solid rgba(105, 123, 183, .6); padding-top: 70px; padding-bottom: 30px; font-size: 28px; height: 600px; }
.rsDefault .rsBullets { position: absolute; top: 0px; bottom: 0px; background: transparent; height: 70px}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: transparent; color: #333333; }
.rsDefault .rsBullet { width:30px; height: 30px; padding: 0px; margin: 20px 5px; }
.rsDefault .rsBullet span,
.rsDefault .rsBullet.rsNavSelected span { position: relative; width: 20px;
    height: 0;
    padding-bottom: 20px;
    border-radius: 50%;
    border: 3px solid rgb(105, 123, 183);
    overflow: hidden;
    background: transparent;
}

.rsDefault .rsBullet.rsNavSelected span:before { content: ""; left: 6px; top: 6px; position: absolute; width:8px;
    height: 8px;
    background: rgb(105, 123, 183);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


/* ============================================ *
 * Proloog
 * ============================================ */

#proloog-popup .container { width: 980px; max-width: 90%; }
#proloog-popup .slider-next { }
.arrow-moodboard { position: fixed; right: 110px; top: 50%; margin-top: -24px; z-index: 9999; }
.arrow-hotornot { position: fixed; right: 110px; top: 100px; margin-top: -24px; z-index: 9999; }
#proloog-popup .videodescription { font-size: 14px; line-height: 2em;}
#proloog-popup h1 { font-size: 54px; margin-top: 0px; }
#proloog-popup .row { margin: 1em 0; }



/* ============================================ *
 * HOT OR NOT
 * ============================================ */
.main-container .main.hot-or-not { margin-top: 0vh; }
.dealer .main-container .main.hot-or-not { margin-top: 20px }
.hot-or-not h1 { font-size: 6vh; padding: 2vh 0 1vh 0; margin: 0px; overflow: hidden; }
#hot-or-not-popup .container { max-width: 540px;  }
#hot-or-not-popup { position: fixed; bottom: 40px; left: 50%; margin-left: -310px }
#hot-or-not-popup .royalSlider { background: rgba(255,255,255,0.8); height: 480px; max-height: 480px; border: 20px solid rgba(105, 123, 183, 0.8); padding-top: 70px; font-size: 28px; }
#hot-or-not-popup .royalSlider .rsSlide {color: #283b51; }
#hot-or-not-popup .royalSlider .rsSlide h2,
#hot-or-not-popup .royalSlider .rsSlide h3,
#hot-or-not-popup .royalSlider .rsSlide p { margin-bottom: 40px; }
.hot-or-not-navigation { height: 15vh; min-height: 110px; max-height: 172px; }
#hot-or-not-popup .rsDefault .rsBullet
.hot-or-not-navigation btn img {}
.hot-or-not-selector { background-size: contain; background-repeat: no-repeat;  height: 15vh; max-height: 172px; width: 100%; max-width: 134px; position: absolute; top: 30%; left: -20vh; }
.hot-or-not-selector &gt; btn { height: 100%; width: 100%; cursor: pointer; display: inline-block; }
.hot-or-not-selector.its-not { background-image: url('/img/not-hot.png'); }
.hot-or-not-selector.its-hot { background-image: url('/img/hot-hot.png'); background-position: 100% 0; right: -20vh; left: auto; }
.arrow-hot-or-not-step1 { position: fixed; left: -110px; bottom: 60px; z-index: 9999; }
.arrow-hot-or-not-step2 { display: none; position: absolute; top: -20px; right: -70px;  }
.arrow-hot-or-not-step3 { position: absolute; left: 0px; top: 0px;   }
.arrow-hot-or-not-step4 { display: none; position: absolute; top: -20px; left: -20px; z-index: 2; }
.arrow-hot-or-not-step2.to-right {  top: -20px; left: -70px; right: auto; }

.button-container-footer { display: none; }
.button-container-footer .hot-or-not_reset.small { margin-top: 18px; }
.hot-or-not.box-like .button-container-footer { display: block; }
.hot-or-not.box-like .button-container { display: none !important;}
.hot-or-not.high-screen #hot-or-not-image-container { height: 0px !important; padding-bottom: 100%; }
.hot-or-not.high-screen .hot-or-not-image { height: auto !important; }
.hot-or-not-container .button-container .hot-or-not_reset,
.hot-or-not-container .button-container .to-inspire { position: absolute; bottom: 20px; left: -180px; }
.hot-or-not-container .button-container .to-inspire { left: auto; right: -210px; }
.hot-or-not_reset.small { padding: 8px 10px; font-family: 'MuseoSansRounded-500'; font-size: 12px; }
.to-inspire.big { padding: 14px 20px; }
.hot-or-not-container { width: 100%; height: 100%; }
.main.hot-or-not .btn-disabled { background: #283b51; }

.hot-or-not .hot-or-not-buttons-hight-screen { display: none; }
.hot-or-not.high-screen .hot-or-not-buttons-hight-screen { display: block; }
.hot-or-not.high-screen .hot-or-not-buttons-hight-screen .hot-or-not-selector {
    position: static; width: 170px; height: 170px; background-position: center center;
}

.touch .hot-or-not .arrow-keys-hint{ display: none; }
.hot-or-not .arrow-keys-hint {
    position:absolute;
    left:73%;
    top:17%;
    width:15vw;
    max-width: 150px;
    height:94px;
    background: url('/img/arrow-keys.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 1;
}
.hot-or-not .arrow-keys-hint.shake {
    animation-duration: 3s;
    -webkit-animation-duration: 3s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
}

@media (max-height: 768px){
    #hot-or-not-popup .royalSlider { max-height: 410px; }
    #hot-or-not-popup .royalSlider .rsSlide h2,
    #hot-or-not-popup .royalSlider .rsSlide h3,
    #hot-or-not-popup .royalSlider .rsSlide h4 { margin-bottom: 3vh; font-size: 8vh }
    #hot-or-not-popup .royalSlider .rsSlide p { margin-bottom:3vh; }
}

#progressBar {
    border-radius: 4px;
    position: relative;
    width: 100%;
    height: 4.8vh;
    margin-bottom: 2vh;
    background: rgb(231,185,0);
    background: -moz-linear-gradient(left, rgba(231,185,0,1) 0%, rgba(255,115,0,1) 50%, rgba(197,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(231,185,0,1)), color-stop(50%,rgba(255,115,0,1)), color-stop(100%,rgba(197,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(231,185,0,1) 0%,rgba(255,115,0,1) 50%,rgba(197,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(231,185,0,1) 0%,rgba(255,115,0,1) 50%,rgba(197,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(231,185,0,1) 0%,rgba(255,115,0,1) 50%,rgba(197,0,0,1) 100%);
    background: linear-gradient(to right, rgba(231,185,0,1) 0%,rgba(255,115,0,1) 50%,rgba(197,0,0,1) 100%);
}

#progressBar .bar {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 100%;
    background-color: #c9cdd1;
    right: 0px;
}

#progressBar .text {
    position: absolute;
    height: 100%;
    color: #fff;
    text-align: center;
    line-height: 4.8vh; /* same as #progressBar height if we want text middle aligned */
    width: 100%;
    left: 0px;
    font-family: "MuseoSansRounded-500", Arial, sans-serif;
    font-size: 21px;
    color: #283b51;
}

#hot-or-not-image-container {  height: 320px; display: block; z-index: 3000 }
#hot-or-not-image-container .image_container { }
#hot-or-not-image-container .hot-or-not-image { height: 100%;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 3;
    -webkit-box-shadow: -6px 4px 13px 0px rgba(1, 0, 0, 0.35);
    -moz-box-shadow:    -6px 4px 13px 0px rgba(1, 0, 0, 0.35);
    box-shadow:         -6px 4px 13px 0px rgba(1, 0, 0, 0.35);
}

.background-image-hot-or-not { position: absolute; top: -10px; left: 50%;  background: #283b51; z-index: 2; background: url('/img/background-image-hot-or-not.png') no-repeat 0 0; background-size: 100% 100%;  }
.background-image-hot-or-not.active { display: none;}
.progress-bar-description {
    font-size: 15px;
    text-align: right;
    font-family: "MuseoSansRounded-500", Arial, sans-serif;
    padding-top: 3.1vh;
    height: 6vh;
}

.hot-or-not-add-moodboard { position:absolute; top:80%; width:400px; left: 50%; margin-left: -200px; z-index: 99; display: none;}
.touch .hot-or-not-add-moodboard { display: block; }
.hot-or-not-add-moodboard .btn { position:relative; bottom: 25px; color:#283b51;  font-size: 12px; padding: 11px 13px; font-family: 'MuseoSansRounded-500'; background: #C0C0C0; }

.progress-bar-description &gt; div { height: 5vh; max-height: 60px; border-right: 2px solid #c9cdd1; margin-bottom: 8px; }
.progress-bar-description .basis { color: #e0a801; }
.progress-bar-description .verbeterde { color: #f15000; }
.progress-bar-description .nauwkeurige { color: #c50000;}
    /* ============================================ *
     * Stijlwijzer
     * ============================================ */
.nav-stijlwijzer { display: none; }
.trigger.hover .nav-stijlwijzer { display: block; }

.nav-stijlwijzer &gt; ul &gt; li { height: 100%; display: inline-block; }
.nav-stijlwijzer &gt; ul { }

.nav-stijlwijzer &gt; ul &gt; li .fa-arrow-right { position: absolute; right: -210px; }

.nav-stijlwijzer.step1 a.activate span {  }
.nav-stijlwijzer li ul ul { display: none; }
.nav-stijlwijzer ul ul li { }
#pops2 a,
.nav-stijlwijzer a { line-height: 134px; text-align: center; display: block;  height: 134px; width: 134px; -moz-border-radius: 67px;
    -webkit-border-radius: 67px; bottom: 0px;
    border-radius: 67px; background: red;}
.nav-stijlwijzer a:hover { background: #697bb7;  color: white; text-decoration: none;}
.nav-stijlwijzer.counter-3 ul li ul li.level-1:nth-child(1) {  position: absolute; top: -220px; left: 00px; }
.nav-stijlwijzer.counter-3 ul li ul li.level-1:nth-child(2) { position: absolute; top: 50%; left: 50px; margin-top: -67px;}
.nav-stijlwijzer.counter-3 ul li ul li.level-1:nth-child(3) { position: absolute;  bottom: -220px; left: 0px;}
.nav-stijlwijzer.counter-3 ul.active { position: fixed; left: 220px; top: 50%; }

#pops2 {  }
.stijlwijzer {
    display: block;
    position: fixed;
    left: -200px;
    top: 50%;
    height:254px;
    margin-top: -127px;
    width: 253px;
    background: url('/img/stijlwijzer-round-2.png') no-repeat right center;
    border-radius: 50%;
    z-index: 90;
}
.svgMask {
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -116px;
}

.stijlwijzer .tags { display: none; }
/*.stijlwijzer-btn { height: 264px; width: 264px; position:fixed; left: -200px; top: 50%; margin-top: -132px; z-index: 100; cursor: pointer; border-radius: 50%; }*/
.stijlwijzer-btn { position: absolute; top:0; left:0; right:0; bottom:0; cursor: pointer; border-radius: 50%; z-index: 100; }
.stijlwijzer-btn.active { left: -120px; }

.stijlwijzer.step1 { }
.stijlwijzer.step2 .description.step1 { display: none; }
.stijlwijzer .description { width: 100px;  color: #697bb7;
    display: inline-block;
    font-family: "MuseoSansRounded-700";
    margin-left: 120px; }
.stijlwijzer .description .light { font-size: 16px; color: #283b51;}
.trigger.hover .description  { display: inline-block !important; }
.stijlwijzer .description.step2 {/*margin-left: 50px;*/ }

.stijlwijzer.active .arrow-inspiratie { display: none;}
.arrow-inspiratie {
    position: absolute;
    right: 5px;
    top: 50%;
    height: 22px;
    margin-top: -11px;
}
.stijlwijzer &gt; .inspiratie-description {
    height: 100%;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1;
}
.flexbox .stijlwijzer .activate { }
.no-flexbox .stijlwijzer .activate { position: absolute; top: 50%; left: 250px; height: 60px; margin-top: -30px; }

.vertical-align { position: fixed; top: 50%; }

.block{ height: 20px; width: 100px; background-color: black;}
.box{ width:350px; height: 200px; float:left}
.trigger{ width:255px; height: 255px; position: absolute; z-index: 10; left:134px; top:134px; background-image:url(/img/red.png) no-repeat; cursor: pointer; }
.trigger2{ width:255px; height: 255px; position: absolute; z-index: 10; left:134px; top:134px; background:url(/img/stijlwijzer-round.png) no-repeat; cursor: pointer; margin-left: 350px; }
.popcircle{ position:absolute; z-index: 9; width:500px; height:500px;}
.popcircle ul{ list-style:none; padding:0px; margin: 0px; height: auto; cursor: pointer;}
.popcircle ul li{top: 177.5px; left: 177.5px; height: 134px; width: 134px; position: absolute;}

.socialCircle-item-level2,
.socialCircle-item {
    display: none;
    width: 134px;
    height: 134px;
    position: absolute;
    background: white;
    margin: 50%;
    text-align: center;
    color: #697bb7;
    cursor: pointer;
    border-radius: 50%;
    line-height: 134px; text-align: center;
}

.socialCircle-container {
    height: 264px; width: 100px; position: fixed; left: 0px; top: 50%; margin-top: -132px; z-index: 100;
}

.socialCircle-center {
    width: 120px;
    height: 120px;
    background: #35DBCD;
    margin: 50%;
    position: absolute;
    text-align: center;
    color: #ffffff;
    font-size: 60px;
    cursor: pointer;
}

.stijlwijzer .activate {
    position: absolute;
    left: 20px;
    top: 105px;
    z-index: 1;
}
.stijlwijzer.hover .activate { /*padding: 0px;*/ }
nav.inspiratie { left: 200px; top: 0px; margin: 0px; position: relative; display: none; text-transform: lowercase; }

nav.inspiratie li { display: table; }
nav.inspiratie a {
    -webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.75);
    font-family: "MuseoSansRounded-700", Arial, sans-serif;
    width: 134px;
    height: 134px;
    display: table-cell;
    background: white;
    text-align: center;
    color: #697bb7;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
}
nav.inspiratie a span { padding: 0 20px; display: inline-block; }
.stijlwijzer.step2 li.grey a { background: #898a89; background:rgba(20,21,20,0.7); color: white; border: 2px solid white; }
.stijlwijzer.step2 li.grey.active,
nav.inspiratie li.active &gt; a,
nav.inspiratie a:hover  {  background: #697bb7;  color: white; text-decoration: none; }
nav.inspiratie li { margin: 20px 0; }
nav.inspiratie ul li { position: relative; width: 134px; }
nav.inspiratie .sub-menu { position: fixed; left: 340px; top: 50%; }
nav.inspiratie .sub-menu.level-2 { left: 490px; }
nav.inspiratie .sub-menu.level-3 { left: 60px; }
    /* general popup styles */
.popup-bg-white { position:relative; max-width:550px; max-height:90%; margin:0 auto; text-align: left; background:#fff; font-size: 0.875em; line-height: 1.214em; }
.popup-bg-white .col-sm-12,
.popup-bg-white .col-md-12 { padding:0; }
.popup-bg-white .col-sm-5,
.popup-bg-white .col-md-5,
.popup-bg-white .col-sm-11,
.popup-bg-white .col-md-11,
.popup-bg-white .col-sm-6,
.popup-bg-white .col-md-6 { padding:0; }
.padding-top-bottom-10 { padding-top:10px !important; padding-bottom: 10px !important; }
.padding-top-bottom-25 { padding-top:25px !important; padding-bottom: 25px !important; }
.margin-top-bottom-40 { margin-top:40px !important; margin-bottom: 40px !important; }
.padding-top-bottom-40 { padding-top:40px !important; padding-bottom: 40px !important; }
.popup-bg-white .padding { padding-left: 25px; padding-right: 25px; }
.popup-bg-white .h1 { font-size:2em; font-family: 'MuseoSansRounded-300'; border-color:transparent; margin-top:1px; display: inline-block; }
.popup-bg-white legend.h1 { font-size:1.4em; font-family: 'MuseoSansRounded-300'; border-color:transparent; margin-top:1px; }

.popup-edit.popup-bg-white { max-width: 580px;}
.popup-edit.popup-bg-white.active-image-selector { max-width: 1024px;}
.popup-bg-white.terms { max-width: 800px; }
.terms-content .scrolling-vertical {  overflow-y: scroll; height: 70vh; margin-bottom: 2em; }
.terms-content h1 { font-size: 15px; }
.terms-content h2,
.terms-content h3,
.terms-content h4 { font-size: 13px; }
.terms-content { font-size: 13px; }

.popup-edit .group-set .form-group.empty.first { height:20px;}

/* general popup styles */
.popup-account .form-group { overflow: hidden; margin: 0 0 8px 0; }

.popup-account .bottom { background:#e9e9e9; margin: 5px 0; padding-top: 10px; padding-bottom: 10px; }
.popup-account .bottom p  { margin: 5px 0; }
.popup-account label { visibility: hidden; height: 1px; }
.has-error .help-block { margin-bottom: 0px; font-size: 11px; }
.popup-account .btn .fa { position:absolute; right:14px; }
.profiel .form-control:focus {/* border: 0px; */}
.popup-account label.input-group-addon { visibility: visible; width: 40px; border: 1px solid #4c4c4c; border-right-width: 0px; }
.form-group { margin-bottom: 9px; }
.form-control { min-height: 36px; }
.profiel .note-editor .note-toolbar { display: none; }
.profiel .note-editor.active .note-toolbar { display: inline-block; }

.multiple-select .dropdown-toggle { margin: auto !important;}
.multiple-select .dropdown-menu { border-radius: 0; }
.form-control:focus { box-shadow: none; border: 1px solid #4c4c4c;   border-radius: 5px;   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}
.form-control { display:block; margin:0 0 0 0; box-shadow: none; border: 1px solid #4c4c4c;   border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  }
.disabled .form-control { color: #bbbbbb; cursor: not-allowed; }
.popup-edit .multiple-select.disabled { border-color: #bbbbbb; }
.field-productform-isopen.has-success label { color: #333333; }
.form-group .no-border { border: 0px; width: auto; height: auto;  }
.input-group-addon { border: 1px solid #4c4c4c; }
.form-group.social input { height: 36px; width: 174px;}
.form-group.social {  }

.form-inline .inline-element,
.form-inline .inline-element { width: 49%; }

.close {
float: right;
font-size: 21px;
line-height: 1;
color: #333;
text-shadow: 0 1px 0 #ffffff;     opacity: 1;
    filter: alpha(opacity=100); }
button.close { color: black; opacity: 1; filter: alpha(opacity=100);
    font-family: Arial, Baskerville, monospace; margin-left: 10px;}
.mfp-close { font-size: 40px; /*text-shadow: -2px 0 grey, 0 2px grey, 2px 0 grey, 0 -2px grey; */}
.mfp-close-btn-in .mfp-close.white { color: white; right: -40px; opacity: 1; }
.circle,
.popup-account .label-wide { display:block; width:100%; text-align: left; font-weight:normal; visibility: visible; margin-top: 5px; height: auto; }
.popup-account .label-wide .pull-right { display: inline-block; line-height:1.6;  }
.popup-account .btn { position:relative; margin:0.625em 0; width:100%;  text-align: left; }
.popup-account .btn:hover { color:#fff; opacity:0.8; }
.popup-detail .btn.down { position: absolute; bottom: 0px; right: 30px; max-width: 190px; }
.popup-detail a.disabled {color: initial; cursor: auto;}
.popup-account .btn.down { position: absolute; bottom: 40px; right: 30px; width: 45%; }
.popup-account .bottom .btn { padding-left:3.4em; }
.popup-account .bottom .btn .social-left { position:absolute; left:0; top:0; right:auto; font-size: 1.6em; line-height:1.4; width:1.7em; text-align:center; color:#fff; border-right:1px solid; padding:2px; }
.popup-account strong { color:#4c4c4c; }
.popup-account strong .fa { font-weight:normal; }

/* popup succes */
.dealer-list-success { display: inline-block; margin: 0 auto; clear: both; }
.dealer-list-success li { float: left; margin: 0 1em 0 0; }

.form-no-border label,
.form-no-border input { border: 0px; background: transparent; }
.form-no-border label { width: 10%; float: left; }
.form-inline.form-no-border .form-group { display: block; width: 100%; float: left;}
.form-no-border .form-inline .form-control { width: 90%; }
.profiel .input-group-addon .fa,
.popup-account .input-group-addon .fa { color: white; width: 30px; }

.profiel .input-group-addon:before,
.popup-account .input-group-addon:before {content: "";   width: 25px;
    height: 25px;
    position: absolute;
    left: 14px;
    top: 4px;
    background: #4c4c4c;
    border-radius: 50%;
    color: #fff;
}
.popup-account .explaination {  font-family: 'MuseoSansRounded-700'; margin: 17px 0 21px 0; display: inline-block; }
.popup-account .field-registerform-numbe{float: right;}
.author { margin: 15px auto; width:86px; height: 86px; /*border-radius: 50%;*/ background: #283b51;  display: block; position: relative; color: white; z-index: 100;}
.author .badge {
    position: absolute;
    right: 0;
    top: 0;
    background: #283b51;
    color: white;
    font-size: 2.4em;
    line-height: 1.16;
    padding: 0;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    border: 4px solid #283b51;
    overflow: hidden;
    background-size: contain;
}
.author.big { width: 148px; height: 148px; font-size: 34px; }
.author.big .badge {
    font-size: 4.4em;
    height: 140px;
    right: 4px;
    top: 4px;
    width: 140px;
}
.author.big .upload-image { font-size: 22px;
    margin-left: 160px;
    width: 130px;
    margin-top: 45px;
    text-align: left;
}
.upload-image { float: left; color: #697bb7; font-size: 13px; margin-left: 100px; margin-top: 25px; width: 70px; cursor: pointer;  }
.upload-image .fa { float: right; }

.width-full {width: 100%}

.product-image-uploaded {
    margin: 10px;
    overflow: hidden;
}

#image-focus-previews { padding-left: 0px; padding-right: 0px;  }
#image-focus-previews hr { margin: 0px 10px; }
.preview-image-container { position: relative; margin-top: 10px; }

 #product-target-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

#product-target-overlay {
    cursor: pointer;
    opacity: 0.01;
    z-index: 2;
}

.product-image-uploaded img.reticle {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    position: absolute;
    z-index: 1;
}

.focuspoint-preview {
    margin: 10px;
    overflow: hidden;
    float: left;
}

.focuspoint-preview img {
    position: relative;
}

.focuspoint-preview.preview-small-block {
    width: 100px;
    height: 100px;
}

.focuspoint-preview.preview-long-block {
    width: 100px;
    height: 200px;
}

.focuspoint-preview.preview-wide-block {
    width: 200px;
    height: 100px;
}

.focuspoint-preview.preview-large-block {
    width: 200px;
    height: 200px;
}

#product-form .form-group .fa-remove { display: none; color: #a94442; cursor: pointer;
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    right: 0px;
    top: -15px;}
#product-form .selected-image.has-success .fa-remove,
#product-form .form-group.has-success .fa-remove { display: block; }
.titel { width: 100%; font-size: 36px; margin: 1em 0 0.5em 0; display: inline-block; font-weight: normal;  font-family: "MuseoSansRounded-100"; }
.stronger { font-size:21px; display: inline-block; font-weight: normal;  font-family: "MuseoSansRounded-300"; }

.profiel .username { font-family: "MuseoSansRounded-900"; font-size: 36px; line-height: 40px; color: #697bb7;  font-weight: normal; text-align: center; background: transparent; }
.profiel .username + img { cursor:pointer; }
.editable:hover .titel,
.editable .titel:hover { text-decoration: none; cursor: pointer; }

.profiel a { color: #283b51; }
.profiel .btn-danger,
.profiel a.btn.btn-primary{ color: white; }
.profiel header .grey-background { position: absolute; width: 100%; height: 50%; }
#profileImage_cropper { padding-bottom: 40px; }


.profiel .form-group input.form-group { padding:2px;  border: 1px dashed transparent;}
.profiel .form-group input.form-group:focus { border: 1px dashed rgba(40, 59, 81, 0.25); border-radius: 5px; }

/* popup dealer */
.popup-dealer { max-width:800px; max-height:90%; }
.white-background { background: #fff; }
.purlple-background { background: url('/img/showroom-en-map.jpg') no-repeat 0 100%; color: white; line-height: 1.4em;  background-size: contain; position: relative; }
.grey-background { background: #e9e9e9; color:#283b51; }


.popup-dealer #price-advice-form { min-height: 500px; }
.popup-dealer .titel { line-height: 1.2; margin-top:0.5em; }
strong.header { width: 100%; font-size: 21px; margin: 1em 0; display: inline-block; font-weight: normal; }
.padding-left-right-20 { padding-left: 20px !important; padding-right: 20px !important; }
.padding-left-right-30 { padding-left: 30px !important;  padding-right: 30px !important; }
#popup-dealer a { color: white;}
#popup-dealer-affliate,
#popup-dealer-affliate a { /*color:#283b51;*/ }
#popup-dealer-affliate .to-maps {  margin: 1em 0; font-size: 1em; display: inline-block; }

.popup-dealer .fa-big { font-size: 20px; }
.popup-dealer form { margin: 30px 0 20px 0; }
#popup-dealer .visit-showroom { background: rgb(40,59,81); background: rgba(40,59,81,0.8); bottom: 0px; padding: 15px 20px; font-size: 19px; line-height: 22px; left: 0px; bottom: 0px; width: 100%; }
#popup-dealer .visit-showroom strong { font-family: "MuseoSansRounded-900"; font-weight: normal; font-size: 19px; line-height: 22px; }
#popup-dealer-affliate .visit-showroom { padding: 18px 25px; font-size: 22px; line-height: 24px; display: inline-block; color: #283b51; }
#popup-dealer-affliate .visit-showroom strong { font-family: "MuseoSansRounded-900"; font-weight: normal; font-size: 22px; line-height: 24px; }
.showroom-map .description { padding: 30px; font-size: 22px; line-height: 26px;  }
.showroom-map .description strong {  font-family: "MuseoSansRounded-700"; font-weight: normal;  }
.popup-dealer .btn .fa { position: absolute; right:12px;}
.popup-dealer .hours-description { display: inline-block; margin-top: 10px; }
.popup-dealer .to-have { height: 50%; position: absolute; bottom: 0px; left: 0px; cursor: pointer; }
.popup-dealer .dealer-logo .img-responsive { max-height:100%; }
.popup-dealer h1 {font-size: 36px;font-family: inherit;}
.popup-dealer h2 {font-size: 28px;font-family: inherit;}
.popup-dealer h3 {font-size: 20px;font-family: inherit;}
.popup-dealer h4 {font-size: 18px;font-family: inherit;}

.field-loginform-rememberme .radio-inline,
.field-loginform-rememberme .checkbox-inline,
.big-checkbox.radio-inline, .big-checkbox .checkbox-inline { padding-left: 30px;}
.field-loginform-rememberme input[type="checkbox"] {  width: 25px; height: 25px; margin-left: 0px; visibility: visible; left: 0px;}
 input.big-checkbox[type="checkbox"],
.big-checkbox input[type="checkbox"] { width: 25px; height: 25px; margin-left: -30px; visibility: visible;}
.field-loginform-rememberme label  { line-height: 30px; font-weight: bold;  color: #333333;  visibility: visible; padding-left: 30px; }
#registerform-profileimage { visibility: hidden; }
.big-checkbox label { line-height: 30px; font-weight: bold; }
#popup-login .register { padding: 25px 25px 0 25px; display: inline-block; }
#popup-login .btn { margin: 5px 0; }

.flex-center .checkbox-inline {
    display: flex;
    align-items: center;
}

.small-lineheight .checkbox-inline {
    line-height: 15px;
}

#appointment-form .popup-on-hover,
#callmeback-form .popup-on-hover,
#price-advice-form .popup-on-hover {
    margin-left: 30px;
}

.popup-on-hover {
    position: relative;
    color: #337ab7 !important;
}

.popup-on-hover:hover .hidden {
    display: block !important;
    border: 1px solid #000000;
    border-radius: 10px;
    background: #ffffff;
    padding: 10px;
    visibility: visible !important;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 214px;
    z-index: 2;
    color: #283b51;
}

.about-us .row { margin: 2em 0;}
.about-us h1,
.about-us h2 { font-size: 40px; }
.about-us article {
    text-align: left;
    padding-left: 5vw;
    padding-right: 5vw;
}
.about-us article:last-child {
    clear: both;
}
.about-us .video-row {
    padding: 60px 0;
}
.about-us .video-row strong {
    text-align: center;
}
.mejs-container { background: white;}
.mejs-poster { background-position: no-repeat; }


/* avatar upload */
#avatar-modal .modal-title { font-size: 20px;}

#crop-avatar { /*display: none;*/ }


.avatar-view {
    display: block;
    margin: 15% auto 5%;
    height: 220px;
    width: 220px;
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    cursor: pointer;
    overflow: hidden;
}

.avatar-view img {
    width: 100%;
}

.avatar-body {
    padding-right: 15px;
    padding-left: 15px;
    text-align: left;
}

.avatar-upload {
    overflow: hidden;
}

.avatar-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;
}

.avatar-upload input {
    display: block;
    margin-left: 110px;
}

.avatar-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.avatar-wrapper {
    height: 364px;
    width: 100%;
    margin-top: 15px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.25);
    background-color: #fcfcfc;
    overflow: hidden;
}

.avatar-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}

.avatar-preview {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.avatar-preview:hover {
    border-color: #ccf;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.avatar-preview img {
    width: 100%;
}

.preview-lg {
    height: 184px;
    width: 184px;
    margin-top: 15px;
}

.preview-md {
    height: 100px;
    width: 100px;
}

.preview-sm {
    height: 50px;
    width: 50px;
}

.avatar-btns {
    margin-top: 30px;
    margin-bottom: 15px;
}

.avatar-btns .btn-group {
    margin-right: 5px;
}
input.form-control[type="file"] { }

.form-group { position: relative; }
.form-group.required .relative:after {
    color:#a94442;
    position: absolute;
    right: 25px;
    top: 8px;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 8px;
    content: "\f069";
}
.popup-fit.form-group.required:after {
    right: 8px; }
.note-editor { /*text-align: left;*/ height: auto; }
.note-editor .note-editable { padding-top: 0; border: 1px dashed transparent;}
.field-dealerform-description .note-editor .note-editable { text-align: left; }
.bordered .note-editor { border: 1px solid #e5e6e7; }
.note-editor.active .note-editable { padding-top: 20px;  border: 1px dashed rgba(40, 59, 81, 0.25); border-radius: 5px; }
#yii-debug-toolbar-min {display: none !important; }

/*.bootstrap-datetimepicker-widget table td span { text-align: center;}
.bootstrap-datetimepicker-widget table.table-condensed tr,
.bootstrap-datetimepicker-widget table.table-condensed th,
.bootstrap-datetimepicker-widget table.table-condensed td { padding: 0px; width: auto; max-width: 20px; }*/

td span { text-align: center;}


/* DEALER LOCATOR */
.main.dealer-locator { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; margin-top: 0px; }
.main.dealer-locator .iso_container_spacer {  position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; margin-top: 0px;  }
.main.dealer-locator #map { width: 100%; height: 100%; }
.main.dealer-locator #map .infoBox { padding: 20px;  width: 282px; min-height: 151px; background-color: #283b51; border-radius: 10px; color: #ffffff; font-family: 'MuseoSansRounded-300'; }
.main.dealer-locator #search { position: absolute; top: 3em; left: 2em; width: 300px; min-height: 128px; }
.main.dealer-locator #map .gmnoprint.gm-bundled-control { margin-right: 80px !important; }
.main.dealer-locator #search { position: absolute; top: 6em; left: 4em; width: 300px; min-height: 128px; }
.main.dealer-locator #search .search-icon { position: absolute; right: 3px; top: 1px; background: white; border: 0px; height: 34px; width: 34px; border-left: 1px solid grey; }
.main.dealer-locator #search .search-icon .fa { font-size: 20px; color: #283b51; }
.main.dealer-locator #dealerLocatorForm { background: #e9e9e9; padding: 20px; }
.main.dealer-locator .infoBox .locator-name { margin-bottom: 15px; font-size: 21px; line-height: 25px; display: inline-block; width: 100%; }
.main.dealer-locator .infoBox .locator-city { margin-bottom: 15px; font-size: 13px; line-height: 25px; display: inline-block;  width: 100%;}
.main.dealer-locator .infoBox img { position: absolute !important; top: 10px; right: 10px;}
.main.dealer-locator .infoBox .dealer-opener {
    color: #697bb7;
    font-size: 16px;
    width: 100%;
    background: white;
    border: 1px solid #697bb7;
    margin-bottom: 10px;
}
.dealer-locator .dealer { margin-bottom:20px; padding: 10px 20px; }
.dealer-locator .dealer.active { background: white; }
.dealer-locator .dealer-opener  { color: #697bb7; font-size: 16px; width: 100%; background: white; border: 1px solid #697bb7; margin-bottom: 10px; }
.dealer-locator .dealer-opener .fa { position: absolute; right: 12px; }
.dealer-locator .infoBox:after { content:' '; width: 34px; height: 25px; background: url('/img/dealer-icon.png') no-repeat 0 100%; background-size: cover; position: absolute; bottom: -20px; left: 50%; margin-left: -17px; z-index: -2; }
.dealer-locator .infoBox { overflow-x: visible !important; overflow-y: visible !important; }
.locatorlist-container { overflow-y: auto; }
.loading-container,
.dealer-locator .locatorlist { list-style: none; text-align: left; padding: 0px; margin-top: 5px; background: #e9e9e9;  }
.loading-container { text-align: center; padding: 20px; }
.dealer-locator .locatorlist h3 { font-size: 16px; }
.dealer-locator .locatorlist .locator-information { list-style: none; padding: 0px;  }
.dealer-locator .openinghours strong { margin: 20px 0 10px 0; display: inline-block; }
.dealer-locator  .expander-info { cursor: pointer; word-wrap: break-word; }
.dealer-locator .dealer-name { background: url('/img/dealer-marker.png') no-repeat 0 center; background-size: auto 37px; margin: 0px; padding: 0px 0px 0px 30px; margin-top: 10px; margin-bottom: 10px; min-height: 37px; }
.dealer-locator .expanded-info { display: none; width: 100%; }
.dealer-locator .dealer.active .expanded-info { display: inline-block; }
.dealer-locator .hours-description { margin: 0px 0 20px; display: inline-block; }
.dealer-locator table td { padding: 4px; }


/* toolbox */
.toolbox .row { text-align: left; }
.toolbox .dealer-banner { margin:1em 1em 1em 10%; }
.toolbox .banner-preview { margin: 1em 0; padding-bottom: 1em; border-bottom: 1px solid #e9e9e9; }
.toolbox .banner-preview .container { width:auto; }
.toolbox .banner-preview .container:before { display:none; }

/*      RESPONSIVE */
@media (max-height:768px) {
    nav.inspiratie ul li { margin: 5px 0; width: 90px; height: 90px; }
    nav.inspiratie a { max-width: 90px; max-height: 90px; height: 90px; width: 90px; font-size: 12px; }
    nav.inspiratie .sub-menu.level-1 { left: 280px; }
    nav.inspiratie .sub-menu.level-2 { left: 390px; }
    nav.inspiratie .sub-menu.level-3 { left: 510px; }
}

@media (min-height:769px) and (max-height: 992px) {
    nav.inspiratie li { margin: 22px 0; }
    nav.inspiratie .sub-menu.level-1 { left: 310px; }
    nav.inspiratie .sub-menu.level-2 { left: 440px; }
    nav.inspiratie .sub-menu.level-3 { left: 550px; }
    nav.inspiratie ul li { width: 100px; height: 100px;}
    nav.inspiratie a { max-width: 100px; max-height: 100px; height: 100px; width: 100px; }
}

@media (min-height:993px){
    nav.inspiratie a { word-spacing: 134px; }
}

@media (min-width: 992px) {
    .avatar-preview {
        float: none;
    }
}

@media (max-width: 1060px) {
    .arrow-moodboard { right: 60px; }
}

@media (max-width: 1460px){
    header #search { position: absolute; right: 0; top: -5px; width: 300px; height: 40px; }
    .user-logged-in .author em {
        max-width:130px;
    }
}

@media (max-width: 1280px){
    .header-container .open-price-advice { display: none;}
    .header-container .user-logged-in { position: absolute; right: 0px; }
}

@media (max-width: 1199px) {
    #iso_list .tile-up .container-edit .layout,
    #iso_list .tile-small .container-edit .layout { width:82px; margin-top: 0px; margin-bottom: 8px; }
    #iso_list .tile-small .container-edit .layout .template { margin: 0px; }
    #iso_list.moodboard-items .btn-edit { width: 110px; margin-left: -55px; }
    #iso_list .tile-up .container-edit  .bottom-content,
    #iso_list .tile-small .container-edit  .bottom-content { bottom: 26%; }


}

@media (max-width: 992px) {
    .header-container nav .item { margin-left: 0.4em; margin-right: 0.4em; }
    .header-container nav .filter { margin-right: 0; }
    .header-container nav .search { margin-left: 0; }
    #moodpanel .moodboard-container .moodboard-items { padding-bottom: 1em; }
    .moodboard-content .moodboard-suggestions { position: static; width: 100%; }
}

@media (max-width: 860px){
    .hot-or-not-selector { width: 80px; left: -80px; }
    .hot-or-not-selector.its-hot { left: auto; right: -80px;}
}
@media (max-width: 830px) {
    .user-logged-in .author { padding-right: 2.3em; }
    .user-logged-in .author em {
        width:200px;
        max-width:33%;
    }
}

@media (max-width: 767px) {
    .main-container { padding-right: 0; }
    .main-container .main { margin-right:40px; }

    .button-container-footer { display: block; }
    .hot-or-not-container .button-container .to-inspire { right: -160px; }

    header #search { margin-left: 45px;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #cccccc;
        display: block;
        color: black;
        visibility: visible;
        position: relative;
    }
    header .close-search {
        display: none; }
    .main-container { padding-top: 0;}
    .header-container { position: relative; height: 46px; }
    .header-container nav .item { margin: 0.5em;}

    .user-logged-in .author em {
        width:300px;
        max-width:66.7%;
    }

    nav.nav-primary { width: 100%; padding-bottom: 10px; background-color: #283b51; }
    .nav-primary li { width: 100%; text-align: left;}
    .header-container nav .active-filtermenu em { text-indent: 0;}
    .header-container .hotornot .icon { background-position: 4px -127px;}
    .header-container nav .last { border: 0;}
    .header-container nav .badge { left: 15px; right: auto;}
    .header-container nav .item.filter { padding: 0; display:none; }
    .header-container header h1.title { margin-left: 80px; width: auto; }
    .hot-or-not-selector { width: 80px; left: -80px; }
    .hot-or-not-selector.its-hot { left: auto; right: -80px;}
    .hot-or-not_reset { padding: 6px 8px; font-size: 14px; }
    .to-inspire { padding: 6px 8px; font-size: 14px; }
    .main-menu-container { width: 50%;}
    .header-container .user-logged-in { float: none; position: relative;}
    .user-logged-in .author { text-align: left;}
    .user-logged-in .author em { max-width: 100%; width: 100%;}
}

@media (max-width: 440px) {
    .header-container header h1.title { margin-left:60px; }
}

@media (min-width: 1200px) and (max-width: 1440px){
    .col-lg-2 .container-share button { font-size: 14px; }
}


@media (min-width: 768px) and (max-width: 991px) {
    .hot-or-not-container .button-container .to-inspire { right: -190px; }
    .header-container nav a { color: white; font-size: 1.2em; }

    .header-container .hotornot .icon {
        background-position: 6px -98px;
    }
    .header-container .inspire .icon {
        background-position: 3px -64px;
    }
    .header-container .showrooms .icon {
        background-position: 2px -129px;
    }
    .header-container nav .icon {
        background-size: 80px 160px;
    }
    .header-container .filter .icon {
        background-position: 0 -31px;
    }
    .header-container .search .icon {
        background-position: 8px 5px;
    }
}

@media (min-width: 991px) and (max-width: 1160px) {
    .header-container nav a { font-size: 1.4em; }
    .header-container nav .icon {
        background-size: 90px 180px;
    }
    .header-container .hotornot .icon {
        background-position: 4px -112px;
    }
    .header-container .inspire .icon {
        background-position: 3px -74px;
    }
    .header-container .showrooms .icon {
        background-position: 3px -147px;
    }
    .header-container .filter .icon {
        background-position: 0 -37px;
    }
    .header-container .search .icon {
        background-position: 7px 4px;
    }
}


@media all and (orientation:portrait) and (max-width: 1024px){
    body .rotate { display: inline-block; }
}

@media print {
    .holder { display: none !important; }
    a[href]:after {
        display: none;
        content: "";
    }
    .popup-detail .mfp-close { display: none; }

    .popup-detail .mb-user .badge,
    .popup-detail .sharing .badge { background-color: #4c4c4c !important; }
    .popup-detail .btn-highlight {
        background-color: #283b51 !important;
    }

    .popup-detail .btn-primary {
        background-color: #a74b00 !important;
    }

    .popup-detail .btn-secondary {
        background-color: #697bb7 !important;
    }

    .popup-detail .fa,
    .popup-detail .fa:before,
    .popup-detail .fa:after,
    .popup-detail .sharing .badge,
    .popup-detail .sharing .badge:before,
    .popup-detail .sharing .badge:after,
    .popup-detail .btn-highlight,
    .popup-detail .btn-primary,
    .popup-detail .btn-secondary { color: white !important; }
}
</pre></body></html>