body {
    overflow-x: hidden;
}

@font-face{
    font-family:"DIN Next W01";
    font-weight: 300;
    src:url("../Fonts/c74c6328-51c1-49c4-be9b-1edf2ba4f4a9.woff2") format("woff2"),url("../Fonts/29ee7381-ef5b-4609-ade0-46d61d61d9dd.woff") format("woff");
}
@font-face{
    font-family:"DIN Next W01";
    font-weight: 500;
    src:url("../Fonts/21633fa6-1990-48b9-99b4-c8b26d501fbe.woff2") format("woff2"),url("../Fonts/9b336552-06ab-47a1-8681-4271cfcd8879.woff") format("woff");
}
@font-face{
    font-family:"DIN Next W01";
    font-weight: 700;
    src:url("../Fonts/af9f1af3-6154-4b8a-9321-f75dfbd6aeed.woff2") format("woff2"),url("../Fonts/4417d4ec-cee0-4144-9027-19bf45376a33.woff") format("woff");
}
@font-face {
    font-family: "Lumios Marker";
    src: url("../Fonts/Lumios-Marker.eot");
    src: url("../Fonts/Lumios-Marker.eot?#iefix") format("embedded-opentype"),
    url("../Fonts/Lumios-Marker.woff2") format("woff2"),
    url("../Fonts/Lumios-Marker.woff") format("woff"),
    url("../Fonts/Lumios-Marker.ttf") format("truetype"),
    url("../Fonts/Lumios-Marker.svg#Lumios-Marker") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "DIN Next W01 CN-L";
    src: url("../Fonts/DINNextW01-CnLight.woff2");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "DIN Next W01 CN-B";
    src: url("../Fonts/DINNextW01-CnBold.woff2");
    font-weight: bold;
    font-style: normal;
}
.tabbladen .relatedproducts #carouselnew span.material-icons-outlined {
    top: 74px;
}

body {
    transition: all 0.3s ease;
    -webkit-font-smoothing: antialiased;
    animation: body 1s;
    font-family:"DIN Next W01";
    -moz-osx-font-smoothing: grayscale;
    background-color: #F5F5F5;
}
body.large h1 {
    font-size: 60px;
    line-height: 69px;
}
h1 {
    font-weight: 600;
    color: #ffffff;
    line-height: 58px;
    margin: 0px;
    font-family: 'Lumios Marker';
    margin-bottom: 25px;
    font-size: 56px;
    font-weight: 100;
    margin-top: 50px;
}
::selection {
    color: #00274f;
    background: #dce1e5;
}
h2 {
    color: #3E3E3E;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 34px;
    line-height: 35px;
    font-weight: 600;
}
body.large h2 {
    font-size: 42px;
    line-height: 49px;
}
a {
    text-decoration: none;
}
h3 {
    color: #00274F;
    font-size: 24px;
    margin-bottom: 25px;
    line-height: 30px;
    font-weight: 600;
}
body.large h3 {
    font-size: 30px;
    line-height: 40px;
}
h3 .material-icons-outlined {
    color: #FF9100;
    font-size: 36px;
    vertical-align: baseline;
    padding-right: 12px;
    line-height: 31px;
    float: left;
}
h4 {
    color: #3E3E3E;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0px;
}
hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #D9DEE5;
}
body.large p, body.large .vac-content li {
    font-size: 19px;
    line-height: 29px;
}
ul li,
p {
    line-height: 22px;
    color: #3E3E3E;
    font-size: 16px;
}
b {
    line-height: 22px;
    color: rgba(0, 39, 79, 0.80);
    font-size: 16px;
    font-weight: 600;
}
a:hover,
a:focus {
    text-decoration: none;
}
:focus {
    outline: none!important;
}
body .button {
    background-color: #FFED00;
    color: #3E3E3E;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid #FFED00;
    padding: 13px 20px;
    transition: 0.3s;
    display: inline-block;
    line-height: 22px;
    margin-top: 20px;
    border-radius: 0px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
}
body.large .button {
    font-size: 18px;
}
body .button:hover,
body .button:focus {
    opacity: 0.65;
}
body .secondary.button {
    background-color: transparent;
    box-shadow: none!important;
    margin-right: 13px;
}
.modal{

    z-index: 999999999;
}
.modal h4 {
    font-size: 20px;
    line-height: 22px;
    margin-top: 7px;
    margin-bottom: 7px;
    display: -webkit-box;
    max-width: 100%;
    height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal .modal-content {
    border-radius: 0;
}

.modal button.btn.btn-default {
    border-color: #FFED00;
    color: #3E3E3E;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid #FFED00;
    padding: 18px 20px;
    transition: 0.3s;
    display: inline-block;
    line-height: 22px;
    border-radius: 0px;
    border-radius: 0;
    font-weight: 400;
}
.pright {
    margin-right: 20px;
}

#navigation .navbar-custom {
    background-color: transparent;
    height: 85px;
    border-radius: 0PX;
    border: none;
    border-bottom: none;
    box-shadow: none;
    position: absolute;
    width: 100%;
    z-index: 999999999;
}
#navigation .navbar-brand {
    height: 100px;
    padding: 0px;
    margin-left: 15px;
    line-height: 29px;
    height: 79px;
}
#navigation .logo-text {
    float: right;
    margin-top: 25px;
    height: 50px;
}
#navigation .navbar-brand img {
    height: 50px;
    float: left;
    display: inline;
    margin-top: 18px;
    max-height: 44px;
}
#navigation span.caret {
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-left: 5px;
}
#navigation span.caret.pull-right {
    margin-top: 10px;
}
#navigation .navbar-custom .navbar-brand .bold {
    font-size: 30px;
    font-weight: 700;
    color: #e17b2b;
}
#navigation span.material-icons {
    color: #FF9100;
    position: absolute;
    z-index: 0;
    left: 15px;
    font-size: 15px;
    top: 7px;
}
div#navigation.dealers .navbar-toggle span {
    background-color: #7b7b7b;
}

#navigation span.typeahead__display {
    color: #51697b;
    line-height: 27px;
    padding-left: 10px;
    font-size: 15px;
}
#navigation, .active span.material-icons {
    color: #ffffff!important;
}
.navtop {
    height: 42px;
}
#navigation .dropdown-menu>li>a:focus,
#navigation .dropdown-menu>li>a:hover {
    background-color: rgb(81 105 123 / 31%);
}
#navigation span.material-icons-outlined {
    z-index: 3;
    position: relative;
}
#navigation .navbar {
    margin: 0px;
    height:  100px;
}
.breadcrumbs, .breadcrumbs a {
    color: #51697b;
    font-size: 15px;
    margin-top: 20px;
    padding-right: 6px;
}
.breadcrumbs span.material-icons-outlined {
    vertical-align: text-top;
    line-height: 19px;
    font-size: 16px;
    margin-right: 5px;
}
.breadcrumbs a {
    transition: 0.3s;
}
.breadcrumbs a:hover {
    opacity: 0.7;
}

.productview .breadcrumbs, .productview .breadcrumbs a {
    margin-top: -31px;
    margin-bottom: 20px;
}
#navigation ul.dropdown-menu a {
    padding: 10px 20px;
}
#navigation span.card:hover,
#navigation span.person:hover {
    opacity:  0.7;

}
#navigation li.btns1 {
    z-index:  9999;
    position:  relative;
}
#navigation span.zoekenknop {
    background-image: url(../images/search2.png);
    width: 21px;
    height: 21px;
    display: inline-block;
    background-size: 21px;
    background-repeat: no-repeat;
    margin-top: 4px;
}
#navigation span.close {
    color: #dddbd7;
    font-weight: 100;
    text-shadow: none;
    font-size: 41px;
    position: relative;
    z-index: 99999;
    opacity: 1;
    top: 0px;
    margin-left: 24px;
    margin-top: -2px;
}
#navigation span.search {
    background-image: url(../images/search.png);
}
#navigation .collapsed .close,
#navigation span.search {
    display:  none!important;
}
#navigation .collapsed span.search {
    display: block!important;
}

#navigation .collapsed span.search {
    display:  block;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #FF9100;
    outline: 0;
}
#navigation .navbar-custom .navbar-nav>li:last-child {
    padding-right: 0px;
}
#navigation .navbar-custom .navbar-nav>li.dropdownctm.aanboddropdown {
    padding-left: 0px;
}
#navigation .navbar-custom .navbar-brand .small {
    font-size: 15px;
    font-weight: 700;
    color: #e17b2b;
}
#navigation .navtop li:last-child {
    padding-right: 5px;
}

#navigation .navbar-custom .navbar-nav>li>a {
    padding: 3px 5px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}
#navigation .navbar-custom .navbar-nav>li>a:hover {
    opacity: 0.8;
}
#navigation .nav-right span.material-icons-outlined {
    color: #00274F;
    font-size: 18px;
    padding: 5px;
    margin: 23px 0px;
}
#navigation .nav-right {
    margin-left: 50px;
    margin-right: -7px;
}
#navigation .nav-right ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
}
#navigation .navbar-custom li>a {
    transition: 0.3s;
}
#navigation .navbar-custom li>a:hover,
#navigation .navbar-custom li>a:focus {
    opacity: 0.7;
}
#navigation span.material-icons {
    color: #00274F;
    position: relative;
    z-index: 0;
    left: 4px;
    font-size: 24px;
    top: -2px;
    vertical-align: middle;
}
#navigation .dropdownctm  span.material-icons {
    color: #ffffff;
}
#navigation .navbar-custom .navbar-nav>.active>a {
    color: #fff;
    font-weight: 600;
    background-color: #FF9100;
    font-size: 16px;
    border-radius: 5px;
}
#navigation p.logo {
    font-weight: 600;
    color: #D11F61;
    font-size: 24px;
    line-height: 35px;
    padding: 22px 0px;
}
#navigation .navbar-brand img {
    height: 60px;
    float: left;
    display: inline;
    margin: 20px 0px;
    max-height: 60px;
    width: 217px;
}

#navigation .navbar-default .navbar-nav>.open>a,
#navigation .navbar-default .navbar-nav>.open>a:focus,
#navigation .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}
#navigation .navbar .container {
    height: 80px;
}
.back {
    z-index: 999;
    position: relative;
}
#navigation .navbar-custom .navbar-nav .cartnav {
    padding-right: 20px;
}
#navigation span.card, #navigation span.person, #navigation span.search {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
    margin-left: 8px;
    display: block;
}
#navigation .navtop ul {
    float: right!important;
    margin-bottom: 0px;
    z-index: 99999;
    position: relative;
}
#navigation span.card {
    background-image: url(../images/card.svg);
}
#navigation span.person {
    background-image: url(../images/person.svg);
}
#navigation.dealers span.card {
    background-image: url(../images/card2.svg);
}
#navigation.dealers span.search {
    background-image: url(../images/search2.png);
}
#navigation.dealers span.person {
    background-image: url(../images/person2.svg);
}
#navigation li.btns {
    margin-left: 20px;
}
#navigation li.check {
    margin-left:  30px;
}
#navigation .navtop li {
    float: left;
    position: relative;
}
#navigation li.check p {
    color: #fff;
    font-size: 12px;
    opacity: 0.67;
    line-height: 18px;
    margin-left: 30px;
    height: 19px;
    vertical-align: middle;
    display: table-cell;
    max-width: 250px;
    padding: 12px 0px;
    overflow: hidden;
}
#navigation li.check p span.material-icons {
    font-size: 18px;
    color: #fff;
    padding-right: 10px;
}
.row-custom {
    padding-left: 30px;
}
.webshop h3 span.material-icons.visible-xs {
    display: inline-block;
    float: right;
}
#navigation .navbar-custom .navbar-nav>.active>a {
    color: #3E3E3E;
    font-weight: 600;
    border-radius: 0px;
    background-color: #FFED00!important;
    font-size: 16px;
    padding: 3px 7px;
}
#navigation .navbar-custom .navbar-nav>.active span.material-icons {
    color: #00274F!important;
    margin-bottom: -2px;
}
#navigation span.search {
    width: 21px;
    height: 21px;
    margin-top: 10px;
}
#navigation div#zoeken {
    position: absolute;
}
#navigation span.typeahead__cancel-button {
    display: none;
}
#navigation button.search_button.btn {
    background-color: #ffed00;
    height: 43px;
    position: absolute;
    border-radius: 0px;
    top: -43px;
    z-index: 999;
    left: 410px;
}
#navigation .input-group input#s {
    height: 43px;
    border-radius: 0px;
    width: 375px;
    background-color: #fff;
    border: none;
    box-shadow: none;
    color: #506270;
    left: 50px;
    font-size: 16px;
    padding: 20px;
    font-weight: 200;
    outline: none!important;
}
#navigation ul.typeahead__list {
    float: unset!Important;
    position: absolute;
    z-index: 99999;
    box-shadow: 0 2px 5px rgb(0 0 0 / 8%);
    background: #fff;
    margin-top: 1px;
    margin-left: 0px;
    width: 334px;
    padding: 5px;
}
#navigation li.typeahead__item.typeahead__group-group {
    display: inline-block;
    width: 100%;
    float: unset!important;
}


#navigation .navbar ul.nav.navbar-nav.navbar-right {display: flex;width: calc(100% - 265px);}
#navigation .navbar-custom .navbar-nav>li {margin-top: 15px;flex: auto;}
#navigation .navbar .navbar-collapse .navbar-nav>li:last-child {flex: none;}
#navigation .navbar-custom .navbar-nav>.active>a {display: inline-block;}
#navigation .dropdown-menu>.active>a, 
#navigation .dropdown-menu>.active>a:focus, 
#navigation .dropdown-menu>.active>a:hover {color: #fff;text-decoration: none;background-color: #ffed00;outline: 0;font-weight: 600;}
#navigation .zoeken-header {display: inline-block;width: 335px;}
#navigation .searchbox, #navigation .searchbox .container {height: 36px;margin-top: 4px;}
#navigation .zoeken-header .input-group input#s {left: unset;margin: 0px;height: 36px;width: 300px; padding: 7px 15px;}
#navigation .zoeken-header button.search_button.btn {left: 300px;height: 36px;width: 36px;padding: 9px 0px;top: -36px;}
#navigation .zoeken-header span.material-icons-outlined {font-size: 18px;color: #000}
#navigation .navtop {height: 42px;margin-left: 50px;float: right;width: calc(100% - 300px);}
#navigation .menu-top {display: inline-block;width: calc(100% - 439px);height: 46px;padding: 11px 35px;padding-right: 15px;}
#navigation .menu-top ul {display: flex;width: 100%;}
#navigation .menu-top ul li {flex: auto;}
#navigation .menu-top ul li:last-child {flex: none;}
#navigation .menu-top ul li a {font-size: 13px;color: rgb(255 255 255 / 80%);font-weight: 100;}
#navigation .menu-top ul li a:hover {opacity: 0.7!important;}
#navigation .dropdown-menu>li>a {font-size: 14px;padding: 10px 15px;}
#navigation .menu-top ul li.active a {font-weight: 500;color: #fff;}

.cntn .loadlater {  
    color: #333;  
    display: inline-block;
    margin-top: 20px;
}
.webshop .filterbox .filteritem button {
    color: #3E3E3E;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    background: none;
    border: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

.header.home {
    background: #51697b;
    padding-top: 110px;
    margin-bottom: 180px;
    height: 600px;
    margin-left: 50px;
    margin-right: 50px;
}
.header.home h1 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.header.home .button {
    padding: 13px 20px;
    margin-top: 20px;
}
.header.home p {
    color:  #FFF;
    opacity:  0.8;
}
.header.home .carousel.vertical {
    position: relative;
}
.header.home .carousel.vertical .carousel-inner {
    height: 100%;
    width: auto;
}
.header.home .carousel.vertical .carousel-inner>.item {
    width: auto;
    transition: 1s ease-in-out;
    transform: translate3d(0, 100%, 0);
    top: 0;
}
.header.home .carousel.vertical .carousel-inner>.next,
.header.home .carousel.vertical .carousel-inner>.prev,
.header.home .carousel.vertical .carousel-inner>.right {
    transform: translate3d(0, 100%, 0);
    top: 0;
}
.header.home .carousel.vertical .carousel-inner>.left,
.header.home .carousel.vertical .carousel-inner>.prev.right,
.header.home .carousel.vertical .carousel-inner>.next.left,
.header.home .carousel.vertical .carousel-inner>.active {
    transform: translate3d(0, 0, 0);
    top: 0;
}
.header.home .carousel.vertical .carousel-inner>.active.right,
.header.home .carousel.vertical .carousel-inner>.active.left {
    transform: translate3d(0, -100%, 0);
    top: 0;
}
.header.home .carousel.vertical .carousel-indicators {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    left: auto;
    right: 10px;
    bottom: 2px;
    z-index: 9;
    font-size: 0;
}
.header.home .carousel.vertical .carousel-indicators li {
    border: none;
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background: url("https://grgs.ro/1/i/sprite.png") no-repeat -528px -502px;
}
.header.home .carousel.vertical .carousel-indicators li.active {
    background-position: -528px -524px;
}

.header.home .carousel.vertical .carousel-inner .item {
    height: 630px;
    width: 100%;
}
.header.home .carousel.vertical .carousel-inner .img {
    width: 100%;
    box-shadow: 0px 3px 3px rgb(0, 0, 0, 0.16);
    background-size: cover;
    background-position:  center;
}
.header.home .carousel {
    height: 605px;
}
.header.home .carousel.vertical .carousel-inner .img.img1 {
    height: 200px;
}
.header.home .carousel.vertical .carousel-inner .img.img2 {
    height: 370px;
    margin-top: 30px;
}
.header.home .carousel.vertical .carousel-inner .img.img3{
    height: 600px;
}
.header.home div#myCarousel2 {
    transform: rotate(180deg);
}
div#myCarousel2 .item {
    margin-top: -25px;
}
.header.home .pad {
    height: 30px;
}
.header.home div#myCarousel2  .carousel-inner .img.img1 {
    transform: rotate(180deg);
}
.header.home div#myCarousel2  .carousel-inner .img.img2 {
    transform: rotate(180deg);
}
.header.home div#myCarousel2  .carousel-inner .img.img3{
    transform: rotate(180deg);
}

.header.content.content-2 {
    margin-left: 50px;
    margin-right: 50px;
    background-size: cover;
    background-position: center!important;
    height: auto;
}
.header.content.content-2 .gradient {
    background-color: rgba(0, 0, 0, 0.33);
    height: 100%;
}
.header.content.content-2 .headerimg {
    height: 400px;
    margin-bottom: -400px;
    background-size: cover;
}
.header.content.content-2 .box {
    background-color: #51697B;
    padding: 50px;
    width: 100%;
    box-shadow: 0px 10px 60px rgb(0 0 0 / 10%);
    margin-top: 180px;
    min-height: 295px;
}
.header.content.content-2 h1 {
    margin-top:  0px;
    margin-bottom:  30px;
}
.header.content.content-2  p {
    color:  #fff;
    font-weight:  300;
}
.header.content.content-3 {
    margin-left: 50px;
    margin-right: 50px;
    min-height: 400px;
    background-color: #51697b;
}
.header.content.content-3 p {
    color:  #fff;
    margin-top:  180px;
    font-weight:  300;
}
.header.content.content-3 h1 {
    margin-top:  180px;
}
.stylingheader {
    border-left: 1px solid #fff;
    padding-left: 30px;
}
.header.content.content-3.c4 p {
    color: #fff;
    margin-top: 0px;
    font-weight: 300;
}
.header.content.content-3.c4 h1 {
    margin-top: 165px;
    margin-bottom: 20px;
}
.header.content.content-3.c4  {
    margin-bottom:  100px;
    height:  420px;
}
.header.content.content-3.c4 .imagebox {
    height: 400px;
    background-size: cover;
    background-position: center;
    width: 100%;
    margin-top: 100px;
}

.mosaic {
    margin: 100px 0px;
}
.mosaic h2 {
    margin-top:  0px;
}
.mosaic.c1 {
    background: rgb(245,245,245);
    background: -moz-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5",endColorstr="#ffffff",GradientType=1);
    padding: 50px 0px;
}
.mosaic.c1 .img-c1 {
    height: 500px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.mosaic.c21 .bg {
    background-color: #fff;
    padding: 25px;
}
.mosaic.c21.gray-w .bg {
    background-color: whitesmoke;
    padding: 0px;
}
.mosaic.c15.gray-w, .mosaic.c14.gray-w {
    background-color: transparent;
}
.mosaic .owl-dots {
    display: none;
}
.mosaic.c1 .align{
    height:  500px;
    vertical-align: middle;
    display: table-cell;
}
.mosaic.c2 {
    background: rgb(245,245,245);
    background: -moz-linear-gradient(270deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    background: linear-gradient(270deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5",endColorstr="#ffffff",GradientType=1);
    padding: 50px 0px;
}
.mosaic.c2 .img-c2 {
    height: 500px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.mosaic.c2 .align{
    height:  500px;
    vertical-align: middle;
    display: table-cell;
}
.mosaic .button {
    padding: 13px 20px!important;
}

.mosaic.c3 .blok {
    height: 60px;
    margin-bottom:  30px;
    transition:  0.3s;
}
.mosaic.c3 .blok:hover {
    opacity:  0.7;
}
.mosaic.c3 .blok .text-center {
    background-color: rgba(0, 0, 0, 0.33);
    height: 100%;
}
.mosaic.c3 .blok p {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 19px 0px;
    margin: 0px;
}
.mosaic.c3 .text-right.custmurl span.material-icons-outlined {
    vertical-align: text-top;
    font-size: 16px;
    padding-right: 4px;
    line-height: 20px;
}
.mosaic.c3 .text-right {
    text-align: right;
    margin-top: -15px;
}
.mosaic.c3 .blok {
    height: 60px;
    margin-bottom: 30px;
    transition: 0.3s;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background-size: cover;
    background-position: center;
}
.mosaic.c3  .blok:hover {
    transform: scale(0.987);
    opacity: 0.7;
}
.mosaic.c3 .text-right.custmurl a {
    color: #51697B;
    font-size: 16px;
    margin-top: -10px;
    line-height: 22px;
}
.mosaic.c3 .text-right.custmurl a:hover {
    opacity: 0.7;
}
.mosaic.c5 .quote {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/quote.svg);
    margin-top: -6px;
}
.mosaic.c5 h3 {
    color: #51697B;
    line-height: 50px;
    margin: 0px;
    font-family: 'Lumios Marker';
    font-size: 53px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-left: 30px;
    font-weight: 100!important;
}
.mosaic.c5 p {
    color:  #3E3E3E;
    padding-left:  30px;
    font-size:  16px;
}
.mosaic.c5 p:before {
    content: "";
    width: 20px;
    height: 1px;
    display: inline-block;
    background-color: #51697B;
    margin-right: 10px;
    margin-bottom: 4px;
}
.mosaic.c7 {
    padding: 75px 0px;
}
.mosaic.c7 .img-c7 {
    height: 570px;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.16);
    width: 100%;
    background-position: center;
    background-size: cover;
}
.mosaic.c7 .bg {
    background-color: #fff;
    border: 30px solid whitesmoke;
    width: calc(100% - 60px);
}
.mosaic.c7 .align {
    vertical-align:  middle;
    display:  table-cell;
    height:  570px;
}
.mosaic.c7 .img-c7 {
    margin-left: -30px;
    margin-top: -30px;
}
.mosaic.c7 .img-c7.right {
    margin: 0px;
    margin-left: 30px;
    margin-top: 30px;
    margin-bottom: -30px;
}
.mosaic.c7 .align {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pagination {
    margin: 0px;
    text-align: center;
}
.pagination-row a.vorige.disabled {
    background-color: #E8E8E8!important;
    color: rgba(62, 62, 62, 0.33)!important;
    cursor:  no-drop;
}
.pagination-row {
    margin: 15px;
    width: 100%;
    text-align: center;
    display: block;
    clear: both;
}
.pagination-row a:hover {
    opacity: 0.7;
}
.pagination-row a.volgende.disabled {
    background-color: #E8E8E8!important;
    color: rgba(62, 62, 62, 0.33)!important;
    cursor:  no-drop;
}
.pagination a {
    color: #3E3E3E;
    font-size: 16px;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    padding: 3px 0px;
}
.pagination span.page_current {
    color: #3E3E3E;
    font-size: 16px;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    padding: 3px 0px;
    border: 1px solid #E8E8E8;
}
.pagination .prev, .pagination .next {
    display: none!Important;
}
.pagination-row a.vorige {
    background-color: #FFED00;
    padding: 9px 12px;
    color: #3E3E3E;
    font-size: 16px;
    margin-right:  30px;
    line-height: 20px;
    padding-top: 6px;
}
.pagination-row a.volgende {
    background-color: #FFED00;
    padding: 9px 12px;
    color: #3E3E3E;
    font-size: 16px;
    line-height: 20px;
    margin-left:  30px;
    padding-top: 6px;
}
.label-text-field.text.required select {
    border-radius: 0px;
    background-color: #f3f3f3;
    border: none;
    border-bottom: 1px solid #000;
    box-shadow: none;
    height: 41px;
}
#cart .relatedproducts .box {
    margin-bottom: 10px;
}
.page-list .box,
.mosaic.c6 .box {
    height: 370px;
    background-size: cover;
    transition:  0.3s;
    background-position: center;
    margin-top: 30px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.page-list .blok {
    margin:  0px;
    height: ;
}
.page-list .box .gradient,
.mosaic.c6 .box .gradient {
    background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    padding: 20px;
    padding-right: 45px;
}
.page-list .overflow,
.mosaic.c6 .overflow {
    overflow:  hidden;
}
.page-list .box .gradient .align,
.mosaic.c6 .box .gradient .align {
    height: 330px;
    vertical-align: bottom;
    display: table-cell;
    width: 100%;
}
.mosaic.c15 .align, .mosaic.c14 .align {
    padding: 15px 0px;
}

.page-list .box .gradient .align h4,
.mosaic.c6 .box .gradient .align h4 {
    color: #fff;
    font-size: 18px;
    transition: 0.3s;
    line-height: 28px;
    font-weight: 400;
    text-align: left;
}
.mosaic.c6 .box:hover {
    transform: scale(0.987);
    opacity: 0.7;
}

.page-list .box h4,
.mosaic.c6 .box h4 {
    line-height: 0.5;
    text-align: center;
}
.page-list .box h4 span,
.mosaic.c6 .box h4 span {
    display: inline-block;
    position: relative;
}
.page-list .box h4 span:after,
.mosaic.c6 .box h4 span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid white;
    top: 15px;
    width: 600px;
}
.page-list .box .gradient:after,
.mosaic.c6 .box .gradient:after {
    content: "";
    background-image: url(../images/arrow.png);
    width: 12px;
    height: 9px;
    background-size: contain;
    z-index: 999999;
    display: block;
    margin-top: -13px;
    margin-right: -25px;
    float: right;
}
.page-list .box h4 span:after,
.mosaic.c6 .box h4 span:after {
    left: 96%;
    margin-left: 15px;
}
.mosaic.c8.green {
    overflow:  hidden;
}
.mosaic.c8 .imgblck {
    height: 400px;
    background-size: cover;
    background-position: center;
}
.mosaic.c8 .carousel-overflow {
    width: calc(100% / 6 - 11px + 117% );
    overflow: hidden;
    margin-left: -240px;
}
.mosaic.c8 .owl-carousel {
    overflow: unset;
    width: calc(100% - 300px);
}
.mosaic.c8 .owl-stage-outer {
    overflow: visible!important;
}
.mosaic.c8 .fullscreen {
    width: 100%;
    height: 400px;
    text-align: center;

    display:  none;

    color: #fff;
    padding: 179px 0px;
    background-color: rgba(0, 0, 0, 0.33);
}
.mosaic.c8 .fullscreen span {
    color: #fff;
    transition:  0.3s;
    transform: scale(0.2);
    font-size: 41px;
}
.mosaic.c8 .item:hover .fullscreen {
    display:  block;
}

.mosaic.c8 .item:hover .fullscreen span {
    transform: scale(1);
}
.mosaic.c8 .btnpinn {
    background-image:  url(../images/pinterest2.png);
}
.mosaic.c8 a.bldr img {
    width: 24px!important;
    height: 24px!important;
}
.mosaic.c8 a.bldr {
    position: absolute;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    transition:  0.3s;
}
.mosaic.c8 a.bldr:hover {
    opacity:  0.7;
}
.mosaic.c8 span.pull-left.my-prev-button span {
    position: absolute;
    left: 30px;
    background-color: #FFED00;
    top: 190px;
    z-index: 1;
    cursor:  pointer;
    font-size: 15px;
    padding: 8px;
    width: 30px;
    height: 30px;
}
.mosaic.c8 span.pull-right.my-next-button span {
    position: absolute;
    right: 30px;
    background-color: #FFED00;
    top: 190px;
    z-index: 1;
    cursor:  pointer;
    font-size: 15px;
    padding: 8px;
    width: 30px;
    height: 30px;
}
.navbar li.check p a {
    color: #fff;
}
.mosaic h5.sub {
    font-family: 'Lumios Marker';
    color:  #3E3E3E;
    opacity:  0.5;
    font-size:  30px;
    line-height:  42px;
    margin-bottom:  10px;
}
.mosaic.c9 .img-c9-1,
.mosaic.c9 .img-c9-2,
.mosaic.c9 .img-c9-3 {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.16);
    background-size:  cover;
    background-position: center;
    width:  100%;
}
.mosaic.c9 {
    background:  transparent!important;
}
.mosaic.c9 .blockbg {
    background-color: #fff;
    width: calc(100% - 140px);
    height: calc(100% + 140px);
    position: absolute;
    z-index: -1;
    margin-top: -50px;
    margin-left: 70px;
}
.mosaic.c9 .align {
    height: 600px;
}
.mosaic.c9 .img-c9-1 {
    height:  500px;
    margin-top: 30px;
}
.mosaic.c9 .img-c9-2 {
    height:  200px;
}
.mosaic.c9 .img-c9-3 {
    height:  370px;
    margin-top:  30px;
}
.mosaic.c9.c10 .blockbg {
    margin-left: 55px;
}
.mosaic.c11 .dimage {
    width: 470px;
    height: 270px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.mosaic.c11 .dimage {
    width: 433px;
    height: 273px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -210px;
}
.mosaic.c11 {
    background: rgb(245,245,245);
    background: -moz-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5",endColorstr="#ffffff",GradientType=1);
    border-top: 50px solid whitesmoke;
    border-bottom: 50px solid whitesmoke;
}
.mosaic.c12 {
    background-color: #fff;
}
.mosaic.c11 .owl-item .item {
    width: 40px!important;
}
.mosaic.c11 .align {
    height: 400px;
    vertical-align: middle;
    display: table-cell;
}
.mosaic.c11 .carousel.verticale-slider-custom {
    z-index: 999;
    position: relative;
}

.mosaic.c11 .item.removing.up {
    animation: down 1s;
    height:  0px;
}
@keyframes down {
    from {opacity: 1; height:  60px;}
    to {opacity: 0; height:  0px;}
}
.mosaic.c11 .item.removing.up .dimage {
    transform: translate(0px, 0px);
    animation: fadeup 1s;
}
@keyframes fadeup {
    from { transform: translate(0px, 0px);}
    to {transform: translate(0px, -55px);}
}
.mosaic.c11 .up.adding {
    animation: upadding 1s;
}
@keyframes upadding {
    from { opacity: 0;}
    to {opacity:  1;}
}
.mosaic.c11 .down.adding {
    animation: downadding 1s;
    transform: translate(0px, 0px);
}
@keyframes downadding {
    from { opacity: 0; height: 0px; transform: translate(0px, -55px);}
    to {opacity:  1; height:  60px; transform: translate(0px, 0px);}
}
.mosaic.c11 .down.removing {
    animation: downremoving 1s;
}
@keyframes downremoving {
    from { opacity: 1;}
    to {opacity:  0;}
}
.mosaic.c11 .controls.pull-right {
    position: absolute;
    right: 0px;
    top: 155px;
}
.mosaic.c11 .controls.pull-right span.material-icons-outlined {
    color: #51697B;
    transition:  0.3s;
    font-weight: 100;
    cursor:  pointer;
}
.mosaic.c11 .controls.pull-right span.material-icons-outlined:hover {
    opacity:  0.7;
}
.mosaic.c11 .controls.pull-right a:first-child span {
    display: block;
    margin-bottom: 20px;
}

.mosaic.c12 section.dealerslistfirst.sec.mosaic {
    padding: 0px;
}
.mosaic.c12 section.dealerslistfirst.sec.mosaic .header.postcode {
    padding-top:  0px;
    height:  unset;
}
.mosaic.c12 div#map {
    margin-bottom:  0px;
}
.mosaic.c13 .button {
    margin-top: 6px;
    height: 53px;
}
.mosaic.c13 {
    height: 329px;
    margin: 0px;
    background-color: rgba(81, 105, 123, 0.1);
}
.mosaic.c13 .bgimage {
    height: 635px;
    position: absolute;
    left: 0px;
    width: 36vw;
    margin-top: -170px;
    background-size: cover;
    background-position: right;
}
.mosaic.c13  p {
    margin-bottom:  20px;
}
.mosaic.cct {
    padding-top:  25px;
}
.mosaic.c13 .align {
    vertical-align: middle;
    display: table-cell;
    height: 330px;
}
.mosaic.c13 h3 {
    font-family: 'Lumios Marker';
    color: #3E3E3E;
    font-size: 30px;
    line-height: 42px;
    font-weight: 100;

    margin-top: 0px;
    margin-bottom: 16px;
}
.mosaic.c13 {
    overflow: hidden;
    display: block;
    position: relative;
}
.mosaic.c15 .img-c15 {
    height: 500px;
    background-size: auto 33vw;
    background-position: center;
    margin-right: 30px;
    margin-top: -545px;
}
.mosaic.c14 .img-c14 {
    height: 500px;
    background-size: auto 33vw;
    background-position: center;
    margin-left: 30px;
    margin-top: -500px;
}
.mosaic.c15 .align,
.mosaic.c14 .align {
    height: 500px;
    vertical-align: middle;
    display: table-cell;
}
.mosaic.c15,
.mosaic.c14 {
    background-color: #ffff;
    padding: 0px;
    margin-top: 50px;
}
.mosaic.c15 .gradient,
.mosaic.c14 .gradient {
    width: 100%;
    height: 500px;
    background-color: rgba(0, 0, 0, 0.25);
}
.mosaic.c15 .gradient .align {
    display: block;
    height: 50px;
    padding-top: 425px;
    text-align: left;
    padding-left: 45px;
}
.mosaic.c14 .gradient .align {
    display: block;
    height: 50px;
    padding-top: 425px;
    text-align: right;
    padding-right: 45px;
}
.mosaic.c15 .gradient .align h4,
.mosaic.c14 .gradient .align h4 {
    color:  #fff;
    font-family: 'Lumios Marker';
    font-size:  60px;
    font-weight:  300;
}

.mosaic.c16 .imag {
    background-size: cover;
}
.mosaic.c16 .gradient {
    background-color: rgba(62, 62, 62, 0.5);
    height: 100%;
    padding: 100px 0px;
    width: 100%;
}
.mosaic.c16 h2 {
    color: #fff;
    font-weight:  400;
}
.mosaic.c16 p {
    color:  #fff;
    font-weight: 400;
}
.mosaic.c17 .quotebox {
    background-color: #fff;
    height: 200px;
    margin-left: 50px;
    margin-right: 50px;
}
.mosaic.c17 .imgbx {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin: 50px;
    margin-right: 0px;
}
.mosaic.c17 .item .quote {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/quote.svg);
    margin-top: 47px;
}
.mosaic.c17 .cntn {
    padding: 50px;
    padding-left: 0px;
}
.mosaic.c17 h3 {
    font-family: 'Lumios Marker';
    color: #3E3E3E;
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 0px;
    font-weight: 300;
}
.mosaic.c17 p {
    height: 38px;
}
.mosaic.c17 a.carousel-control {
    background: transparent!important;
    width: unset!important;
}
.mosaic.c17 a.carousel-control {
    color: #51697B;
    font-size: 24px;
    cursor: pointer;
    text-shadow: none;
    opacity: 1!important;
    margin-top: 87px;
}
.mosaic.c17 a.carousel-control span {
    font-size:  34px;
}
.mosaic.c18.white {
    background-color: #fff;
}
.mosaic.c18.white .bg {
    background-color: #F2F4F6;
    padding-bottom: 50px;
    border-radius: 5px;
}
.mosaic.c18.white div#accordion.panel-group {
    padding: 25px 50px;
}
.mosaic.c18.white h2.text-center {
    margin-top: 50px;
}
.mosaic.c18 .panel.panel-default {
    background-color: transparent;
    border: none;
    border-radius: 0px;
}
.mosaic.c18 .panel-title .collapsed span.material-icons-outlined {
    transform: rotate(-90deg);
}
.mosaic.c18 .panel-default>.panel-heading {
    border-color: #D9DEE5;
    border-radius: 0px;
    background-color: transparent;
}
.mosaic.c18 #accordion .panel.panel-default:first-child {
    border-top: 1px solid #e7e9eb;

}
.mosaic.c18 span.material-icons-outlined {
    color: #00274F;
    font-size: 20px;
    margin-left: -10px;
    margin-right: 20px;
    position: absolute;
    vertical-align: sub;
}
.mosaic.c18 h4.panel-title {
    color: #00274F;
    font-size: 16px;
    font-weight: 200!important;
}
.mosaic.c18 .panel-body {
    margin-left: 29px;
}
.mosaic.c18 .head {
    display: block;
    margin-bottom: 30px;
    height: 44px;
}
.mosaic.c18 .whatsappbox .icon {
    margin-right: 25px;
}
.mosaic.c18 .whatsappbox p {
    font-weight: 100;
    line-height: 23px;
    opacity: 0.8;
    font-size: 16px;
}
.mosaic.c18 .whatsappbox .head p {
    font-weight: 500;
    opacity: 1;
}
.mosaic.c18 .whatsappbox hr {
    opacity: 0.6;
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #e8e8e8;
}
.mosaic.c18 .contactpersoon h3 {
    color: #3E3E3E;
    font-size: 16px;
}
.mosaic.c18 .contactpersoon {
    margin-top: 8px;
}
.mosaic.c18 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none!important;
}
.mosaic.c14.white {
    background-color: #fff;
}
.mosaic.c18 h4.panel-title p {
    margin: 0px;
    margin-left: 27px;
}
.mosaic.c18 .bg {
    background-color: #fff;
    padding: 50px;
}
.mosaic.c18 .whatsappbox {
    border-radius: 5px;
    margin-left: 50px;
    padding: 20px;
    border: 1px solid #E8E8E8;
}
#navigation .searchbox, 
#navigation .searchbox .container {
    height: 42px;
}
.mosaic.c18 .whatsappbox .icon {
    padding-right: 10px;
    background-image: url(../images/whatsapp.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    float: left;
    background-repeat: no-repeat;
    margin: 6px 0px;
    margin-right: 15px;
}
.contactpersoon .left {
    float: left;
}
.contactpersoon .left .contactpersoon {
    border-radius: 50%;
    width: 50px;
    background-size: cover;
    margin-right: 20px;
    background-position: center;
    height: 50px;
    margin-bottom: 40px;
}
.contactpersoon h3 {
    font-size: 16px;
    margin-bottom: 0px;
}
.contactpersoon .right p {
    margin: 0px;
}
.contactpersoon .right a {
    color: #3E3E3E;
    font-size: 16px;
    font-weight: 300;
}
.contactbox hr {
    margin: 26px 0px;
}
.stylingheader a {
    color: #fff;
    text-decoration: underline;
    transition: 0.3s;
}
.stylingheader a:hover {
    opacity: 0.7;
}

.contact.header.content.content-3 p {
    margin-top:  0px;
}
.contact.page .content-nm-2.content1 {
    background-color: #fff;
    margin-top: -200px;
    padding: 20px;
}
.contactcontent .openingstijden .row p {
    margin-bottom: 1px;
}
.contactcontent {
    margin:  100px 0px;
}
.contactcontent b {
    color: #3E3E3E;
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin-bottom: 25px;
    margin-top: 15px;
}
.contactcontent .openingstijden .row:first-child {
    font-style: italic;
}
.contactcontent li,
.contactcontent a {
    color: #3E3E3E;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
}

.page-list {
    padding: 100px 0px;
}
.page-list .blok {
    background-color: #fff;
    transition: 0.3s;
    margin-bottom:  15px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.page-list .blok.blok-mt  .imagebl {
    height: 135px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.page-list .blok.blok-mt .content {
    padding: 20px;
}
.page-list .blok.blok-mt h4 {
    color: #3E3E3E;
    font-size: 20px;
    display: -webkit-box;
    height: 22px;
    margin: 0 auto;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}
.page-list .blok.blok-mt p {
    display: -webkit-box;
    height: 66px;
    margin: 0 auto;
    margin-bottom:  20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-list .blok:hover {
    transform: scale(0.987);
}
.page-list .blok.blok-mt .content .btb {
    color: #51697B;
    font-size: 16px;
    font-weight: 700;
}
.page-list .blok.blok-mt .content .btb span {
    vertical-align: text-top;
    font-size: 14px;
    color: #FFED00;
    margin-right: 5px;
    line-height: 20px;
}
.page-list .blok.blok-eg {
    height:  500px;
}
.page-list .blok.blok-eg .align {
    height: 460px!important;
}
.page-list .filter li a:hover {
    background-color:  #dce0e2;
    border-color:  #dce0e2;
}
.page-list .filter li {
    margin-bottom:  30px;
}
.page-list .filter li a {
    color: #51697B;
    font-size: 16px;
    transition:  0.3s;
    padding: 9px 12px;
    border: 1px solid rgba(81, 105, 123, 0.15);
    line-height: 5px;
    font-weight: 500;
}
.page-list .filter li.active a {
    background-color:  #dce0e2;
    border-color:  #dce0e2;
}




footer#footer {
    background-color: #51697B;
    padding: 120px 0px;
}
footer#footer a.footer-brand img {
    margin-bottom:  30px;
    height: 52px;
}
footer#footer .footerlogos ul li {
    padding-right: 0px;
    transition:  0.3s;
}
footer#footer .footerlogos ul li:hover {
    opacity: 0.7;
}
footer#footer h2 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-top:  0px;
}
footer#footer ul li ,
footer#footer ul li a,
footer#footer ul li a:focus,
footer#footer ul li a:hover {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    transition:  0.3s;
}
footer#footer ul li a:hover {
    opacity:  0.7;
}
footer#footer .button {
    background-color: #637888;
    border-color:  #637888;
    box-shadow: none;
    color:  #fff;
    padding:  13px 20px;
}

.footer-copyright {
    background-color: #51697B;
    border-top: 1px solid #5f7585;
    padding: 7px 0px;
}

.footer-copyright p a {
    color:  #fff;
    opacity:  0.8;
    font-size:  12px;
    line-height: 16px;
    margin: 0px 23px;
}
.footer-copyright .ab-ico {
    width: 43px;
    height: 37px;
    right: 0px;
    position: absolute;
    margin-top: -30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer-copyright p {
    margin-bottom: 1px;
}
@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
}
.contact .mosaic-list {
    margin-bottom:  30px;
}

.orderform input.button.pull-right {
    margin-top: 0px;
}
.checkbox-container input:checked:before {
    background-color: #FFED00;
    border-color: #FFED00;
    background-image: url(../images/mail/check.svg);
    background-size: 16px;
    background-position: center;
}
.checkbox-container label {
    font-weight: 300;
    font-size: 16px;
    display: inline-block;
    color: #00274F;
}
.checkbox-container a.href {
    font-weight: 300;
    font-size: 16px;
    color: #00274F;
    text-decoration: underline;
}

.newsbrief .banner {
    background-color: #E8E8E8;
    height: 269px;
    margin-top:  50px;
    margin-bottom: 100px;
}
.newsbrief .imageblok {
    height: 410px;
    margin-top: -70px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 427px;
}
.newsbrief .banner .button {
    padding:  15px 25px;
    margin-top:  15px;
    cursor: pointer;
}
.newsbrief h2 {
    margin-bottom: 20px;
    margin-top: 45px;
}

.keuzeform {
    background-color: rgba(81, 105, 123, 0.1);
    height: 80px;
    padding: 10px 15px;
    margin: 50px 0px;
}
.keuzeform .keuzehulpimages {
    height: 120px;
    margin-top: -50px;
    margin-left: -10px;
    width: 200px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    float:  left;
    margin-left: 15px;
}
.keuzeform h4 {
    color: #3E3E3E;
    line-height: 62px;
    margin: 0px;
    font-family: 'Lumios Marker';
    font-size: 30px;
    font-weight: 100;
    margin-top: 42px;
    display: inline-block;
    margin: 0px;
    margin-left: 35px;
}
.keuzeform  #goback_button {
    border: none;
    background: transparent;
    line-height: 13px;
    vertical-align: sub;
    color: #333;
    margin-left: 15px;
}

.keuzeform .parent {background: #e4e7e9;}
.keuzeform .keuzeblok {
    display: block;
    cursor:  pointer;
    background-color: #FFFFFF;
    width: 100%;
    transition:  0.3s;
    height: 60px;
    float: right;
}
.keuzeform h5 {
    width: 100%;
    text-align: center;
    line-height: 36px;
    vertical-align: bottom;
}
.keuzeform .iconkeuze {
    border-right: 1px solid #E4E7E8;
    width: 50px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    float: left;
    background-position: center;
    background-size: 24px;
    cursor: pointer;
    margin: 10px;
    right: 20px;
    margin-left: 5px;
}
.keuzeform .keuzeblok:hover {
    opacity: 0.6;
}
.keuzeform p.title {
    font-family: 'DIN Next W01';
    font-weight: 600;
    margin-top: 0px;
    display: block;
    margin-bottom: -2px;
    margin-top: 8px;
}
.keuzeform p.desc {
    line-height: 22px;
    font-size: 12px !important;
}
.list .keuzeblok.keuzelast .iconkeuze {
    float: right;
    border-right: 0px;
    border-left: 1px solid #E4E7E8;
    padding-left: 32px;
    margin-left:  15px;
    margin-right: 5px;
}
.keuzeform .keuzeblok.keuzelast p {
    text-align: right;
    padding-right:  10px;
    font-size: 14px;
}
.keuzeform input[type=checkbox], .keuzeform input[type=radio] {
    width: 100%;
    height: 56px;
    float: left;
    margin-bottom: -61px;
    cursor: pointer;
}
.webshop h3 {
    color: #3E3E3E;
    font-size: 16px;
    line-height: 22px;
}
.webshop .filterbox {
    background-color: #e4e7e9;
    padding: 20px;
}
.webshop .filterbox a.sub {
    display: block;
    color: rgba(62, 62, 62, 0.8);
    font-size: 14px;
    font-weight: 100;
    line-height: 21px;
    margin-top: 5px;
}
.webshop .filterbox a {
    color: #333;
}
.webshop .filterbox a span {
    vertical-align: top;
    line-height: 20px;
}
.webshop .filterbox h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}
.webshop .filterbox a.sub:before {
    left: 12px;
    cursor: pointer;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px;
    background-color: #e4e7e9;
    border: 2px #51697B solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    vertical-align: text-top;
    border-radius: 3px;
    margin-right: 10px;
}
.webshop .filterbox a.sub.active:before {
    background-color: #51697B;
}
.filteritem {
    margin-bottom: 25px;
}
.message-box {
    position: fixed;
    top: 100px;
    right: 50px;
    width: 200px;
}
.webshop  .checkbox-container input {
    position: absolute;
    color:#fff;
    cursor: pointer;
    height: 0px;
    cursor: pointer;
    width: 0px;
    left: -15px;
}
.webshop  .checkbox-container input:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 12px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    margin: 3px;
    background-color: #e4e7e9;
    border: 2px #51697B solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.webshop  .checkbox-container input:checked:before {
    background-color: #51697b;
    border-color: #51697b;
    background-image: url(../images/mail/check.svg);
    background-size: 16px;
    background-position: center;
}
.webshop  .checkbox-container label {
    padding-left: 30px;
    display: block;
    margin: 15px 0;
}
.webshop  .checkbox-container br {
    display: none!Important;
}
.loadlater img {
    margin-top: -7px;
}
.prijs-after {
    color: #000;
}
.webshop  .checkbox-container label {
    display: block;
    color: rgba(62, 62, 62, 0.8);
    font-size: 14px;
    cursor: pointer;
    font-weight: 100;
    line-height: 21px;
    margin-top: 3px;
    line-height: 16px;
    margin-bottom: 10px;
    padding-left: 23px;
}
.irs--flat .irs-bar {
    background-color: #51697B!important;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    background-color: #51697B!important;
}
.irs--flat .irs-handle>i:first-child {
    background-color: #51697b!important;
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #51697b!important;
}
.webshop form button {
    display: none;
}
.webshop .product-blok {
    height: 434px;
    width: 100%;
    background-color: #fff;
    transition:  0.3s;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 30px;
}

input.voegmortelaantal {
    width: 100%;
    height: 30px;
    background: #f3f3f3;
    border: none;
    color: #3e3e3a;
    padding: 5px;
}
.webshop .product-img {
    height: 250px;
    width: 100%;
    background-size: cover;
    background-color: #e4e7e9;
    background-position: center;
}
.webshop .product-blok .cntn {
    padding:  20px;
}
.webshop .product-blok span {
    color: rgba(62, 62, 62, 0.67);
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
}
.webshop .product-blok:hover {
    opacity: 0.7;
}
.webshop .cntn h4 {
    font-size: 20px;
    line-height: 22px;
    margin-top: 7px;
    margin-bottom: 7px;
    display: -webkit-box;
    max-width: 100%;
    height: 45px;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.webshop p.afmeting {
    letter-spacing: 1.2px;
    color: #3E3E3E;
    text-transform: uppercase;
    opacity: 0.67;
    font-size: 11px;
    margin: 0px;
    line-height: 16px;
    height: 9px;
}
.webshop .product-blok .material-icons {
    letter-spacing: unset;
    text-transform: unset;
    font-size: unset;
    line-height: unset;
    font-size: 15px!important;
    color: #51697B;
    line-height: 16px;
    vertical-align: super;
}
.webshop .cntn a.button.secondary {
    padding: 7px;
    position: absolute;
    bottom: 50px;
    height: 30px;
    width: 30px;
    right: 20px;
}
.webshop p.prijs {
    color: #51697B;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 0px;
    display: inline-block;
}


.header.postcode {
    height: 260px;
    padding-top: 125px;
}
div#navigation.dealers span.material-icons,
div#navigation.dealers a {
    color: #3E3E3E!important;
}

div#navigation.dealers li.check p {
    color: #3E3E3E;
}
div#navigation.dealers li.check p span.material-icons {
    color: #3e3e3e;
}
.header.postcode h1 {
    color: #3E3E3E;
}
div#navigation.dealers .navtop:after {
    border-bottom: 1px solid #E8E8E8;
}
.dealerslistfirst h4.top {
    float: left;
    line-height: 32px;
}
.dealerslistfirst .btn .caret {
    margin-left: 0;
    float: right;
    margin-top: 10px;
}
.dealerslistfirst.sec .results {
    height: 419px;
    overflow-y: unset;
}
.dealerslistfirst.sec.scrollable .results {
    overflow-y: scroll !important;
    width: 100%;
}
.dealerslistfirst .pagination-row {
    background-color: #fff;
    margin: 0px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 20px 0px;
}
.dealerslistfirst .pagination-row a.vorige {
    margin-right: 10px;
}
.dealerslistfirst .pagination-row a.volgende {
    margin-left: 10px;
}
.dealerslistfirst button.btn.btn-primary.dropdown-toggle {
    float: right;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    height: 32px;
    width: 200px;
    color: #51697B;
    padding: 1px 12px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 0px;
    text-align: unset;
    border: none!Important;
    margin-bottom: 15px;
    position: relative;
    margin-right: -15px;
}
.dealerslistfirst ul.dropdown-menu {
    right: 0px;
    width: 200px;
    left: unset;
    top: 31px;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.postcodesearchblok {
    background-color: #fff;
    margin-top: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.dealerslistfirst input {
    background-color: rgba(81, 105, 123, 0.1);
    border: none;
    padding: 11px 10px;
    height: 36px;
    width: 211px;
    float: right;
}
.dealerslistfirst button:hover {
    opacity: 0.7;
}
.dealerslistfirst button {
    background-color: #ffed00;
    border: none;
    transition:  0.3s;
    float:  right;
    height: 36px;
    width: 36px;
    right: 15px;
    position: absolute;
}
.dealerslistfirst .dpbl {
    display: block;
    height: 50px;
}
.postcodesearchblok button span.material-icons-outlined {
    color: #3E3E3E;
    font-size: 15px;
    vertical-align: text-bottom;
}
.postcodesearchblok .input {
    padding: 20px;
    border-bottom: 1px solid rgba(81, 105, 123, 0.5);
}
.dealerslistfirst p.zoekopnaam {
    font-weight: 600;
    line-height: 36px;
    margin: 0px;
}
.dealerslistfirst .input.list button {
    width: 94px;
    height:  50px;
}
.dealerslistfirst .input.list input {
    height:  50px;
    width:  256px;
}
.dealerslistfirst  .input.list p.zoekopnaam {
    line-height: 50px;
}
.dealerslistfirst .input.list {
    margin-bottom: 15px;
}
.dealerslistfirst .results {
    height: 450px;
    overflow-y: scroll;
}
.dealerslistfirst a.alledealersbtn {
    color: #51697B;
    transition: 0.3s;
    font-size: 12px;
    margin-top: 15px;
    display: inline-block;
    line-height: 16px;
}
.dealerslistfirst a.alledealersbtn:hover {
    opacity:  0.7;
}
.dealerslistfirst a.alledealersbtn i.material-icons {
    font-size: 17px;
    vertical-align: text-top;
    margin-right: 4px;
    line-height: 14px;
}


.dealer-block h4 {
    color: #3E3E3E;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 2px;
}
.dealer-block table {
    width: 100%;
}
.input span#results {
    position: absolute;
    margin-top: -5px;
    font-size: 12px;
    opacity: 0.67;
}
.dealer-block tr td:nth-child(1) {
    width: 55px;
}
.dealer-block tr td:nth-child(2) {
    width: calc(100% - 110px);
}
.dealer-block tr td:nth-child(3) {
    width: 55px;
}
.dealer-block {
    border-bottom: 1px solid #eaedef;
    height: auto;
    cursor: pointer;
    padding: 13px 20px;
}
.dealer-block p.plaats {
    margin: 0px;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.67;
    margin-top: 4px;
}
div#map {
    height: 575px!important;
    margin-bottom:  150px;
}
.gm-style .gm-style-iw-c {
    border-radius: 0px;
    padding: 0;
}
.gm-style .gm-style-iw-d {
    padding: 0 !important;
    overflow: hidden !important;
}
button.gm-ui-hover-effect {
    background: #fff !important;
    height: 17px !important;
    border-radius: 50%;
    width: 17px !important;
    top: 7px !important;
    right: 7px !important;
    line-height: 20px !important;
    text-align: center !important;
    opacity: 1 !important;
}

button.gm-ui-hover-effect img {margin: auto !important;}
.infobox {
    width: 100%;
}

.dealer-popup .dealer-popup_sfeerbeeld {
    height: 150px;
    background-size: cover;
}

.dealer-popup .dealer-popup__content {
    padding: 15px;
}

.dealer-popup .dealer-popup__content .dealer-popup__content__typelogo {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
}

.dealer-popup .dealer-popup__content .dealer-popup__content__typelogo img {}

.dealer-popup .dealer-popup__content .dealer-popup__content__title {
    display: inline-block;
    max-width: calc(100% - 51px);
}

.dealer-popup .dealer-popup__content .dealer-popup__content__title h4 {
    word-break: break-all;
    margin-bottom: 5px;
    line-height: 20px;
}

.dealer-popup .dealer-popup__content .dealer-popup__content__button {
    display: block;
    vertical-align: bottom;
    margin-left: 15px;
}

.dealer-popup .dealer-popup__content .dealer-popup__content__button a {
    background-color: #ffed00;
    border: none;
    transition: 0.3s;
    height: 36px;
    font-weight: 700;
    color: #333;
    padding: 0 15px;
    display: inline-block;
    line-height: 36px;
    width: auto;
    text-align: right;
}

.dealer-popup .dealer-popup__content .dealer-popup__content__contactgegevens {
    display: block;
    margin-top: 15px;
    line-height: 22px;
}
.dealer-popup .dealer-popup__content .dealer-popup__content__contactgegevens .dealer-popup__content__contactgegevens__adres {
    display: inline-block;
}
.dealer-popup .dealer-popup__content .dealer-popup__content__contactgegevens .dealer-popup__content__desc {}


.dealer-popup .dealer-popup__content .dealer-popup__content__contactgegevens div {
    margin-bottom: 10px;
}
.dealer-popup .dealer-popup__content .dealer-popup__content__contactgegevens i {
    display: inline-block;
    font-size: 17px;
    vertical-align: top;
    line-height: 25px;
    width: 51px;
    text-align: center;
    padding-right: 15px;
}
.postcodesearchblok .results::-webkit-scrollbar {
    width: 5px;
}
.postcodesearchblok .results::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color:  #e8e8e800;
}
.postcodesearchblok .results::-webkit-scrollbar-thumb {
    background: #51697B;
    border-radius: 0px;
}
.postcodesearchblok .results::-webkit-scrollbar-thumb:hover {
    background: #435562;
}
a.btn-open-marker span {
    font-size: 16px;
    border: 1px solid #FFED00;
    width: 30px;
    height: 30px;
    color: #51697b;
    padding: 6px;
    right: 35px;
    margin-top: 0px;
    opacity: 0;
    float:  right;
    transition:  0.3s;
}
.dealer-block:hover a.btn-open-marker span {
    opacity: 1;
}

.artikelomschrijving .align h5 {
    font-weight: 600;
    font-size: 16px;
    margin-top: -15px;
}
#dealerTable td select {
    height: 21px;
    background-color: #ffed00;
    border: none;
    padding: 1px;
    border: 1px solid #ffed00;
}

.headerblank {
    height: 175px;
}
.productview .image {
    width: 100%;
    height: 570px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.productview .item .image {
    cursor: zoom-in;
}
.productview .thumb {
    width: 72px;
    height: 72px;
    border-radius: 2px;
    border: 2px solid transparent;
    padding: 2px;
    margin-right:  15px;
    display: inline-block;
    cursor:  pointer;
    background-size: cover;
}
.productview .thumb .image {
    width: 100%;
    background-color: #e8e8e8;
    height: 100%;
}
.productview .thumb.active {
    border: 2px solid #51697b;
}
.productview .carousel-inner {
    margin-bottom: 50px;
}
.productview .box.ppbox {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    width: 100%;
    margin-bottom: 20px;
}


.box.ppbox {
    padding: 30px;
}
.box.ppbox a.category {
    color: #3e3e3e;
    margin-top: 2px;
    display: inline-block;
    text-decoration: underline;
    opacity: 0.7;
}
.box.ppbox span.merk {
    opacity:  0.67;
    letter-spacing:  1.2px;
    font-size:  12px;
    line-height:  16px;
    text-transform: uppercase;
    color: #3E3E3E;
}
.box.ppbox h1 {
    color: #3E3E3E;
    font-size: 21px;
    line-height: 30px;
    margin-top: 6px;
    margin-bottom: 16px;
    font-family: "DIN Next W01";
    font-weight: 700;
}
.ppbox .boxtitle .left {
    font-weight: 600;
    color: #3E3E3E;
    font-size: 16px;
    line-height: 22px;
}
.ppbox .pp-price .left p {
    color: #51697B;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 34px;
    margin: 0px;
    font-weight: 700;
}
.ppbox .pp-price .left span.btw {
    letter-spacing: 0px;
    color: #3E3E3E;
    opacity: 0.5;
    font-size: 12px;
    line-height: 16px;
    text-transform: initial;
    font-weight: 500;
}
.box.ppbox .right {
    float: right;
    display: inline-block;
}
.box.ppbox .boxtitle .left {
    display: inline-block;
    width: 87px;
}
.box.ppbox .boxtitle .right {
    width: calc(100% - 110px);
}
.productview .boxtitle {
    display: inline-block;
    width: 100%;
}
.box.ppbox a.sample {
    color: #3E3E3E;
    font-size: 14px;
    line-height: 22px;
    line-height: 34px;
    font-weight: 600;
    transition: 0.3s;
    margin-top: -34px;
    display: block;
    cursor: pointer;
}
.box.ppbox a.sample:hover {
    opacity:  0.7;
}
.box.ppbox span.sampleicon {
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 5px;
    float: left;
    margin-top: 2px;
}
.box.ppbox .button {
    background-color: transparent;
    box-shadow: none!important;
    margin-right: 13px;
    padding: 13px;
    text-align: center;
    font-weight: 600;
}
.box.ppbox .button {
    width: 100%;
    text-align: center;
    height: 50px;
    padding: 13px 0px;
    font-size:  16px;
    margin-top:  30px;
}
.box.ppbox .button i {
    vertical-align: bottom;
    margin-right:  15px;
    margin-top: -1px;
}
.box.ppbox .button.product-add {
    background-color: #ffed00;
    margin-top: 10px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
}
.boxtitle .right .input1, .boxtitle .right .is, .boxtitle .right .input2 {
    display: inline-block;
    width: calc(50% - 22px);
}
.boxtitle .right .input1 {
    display: inline-block;
}
.boxtitle .right .is {
    display: inline-block;
    width:  36px;
}
.boxtitle .right .input2 {
    display: inline-block;
    vertical-align: top;
}

.relatedproducts .box {
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding:  20px;
    margin-bottom: 50px;
    margin-top:  20px;
    height: 120px;
    transition:  0.3s;
}
.relatedproducts .box:hover {
    opacity: 0.7;
}
.relatedproducts .box .left .img {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.relatedproducts .box .left {
    float:  left;
    margin-right:  20px;
}
.relatedproducts .box .right {
    display: inline-block;
    width: 58%;
}
.relatedproducts .box .right h3 {
    color: #3E3E3E;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: -webkit-box;
    max-width: 100%;
    height: 64px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.relatedproducts .price {
    color: #51697B;
    font-size: 16px;
    line-height: 30px;
}
.relatedproducts span.material-icons-outlined {
    font-size: 16px;
    border: 1px solid #FFED00;
    width: 30px;
    height: 30px;
    color: #51697b;
    padding: 6px;
    right: 35px;
    margin-top: 0px;
    float: right;
    transition: 0.3s;
    top: 90px;
    position: absolute;
}
.modal-body.relatedproducts .box {
    box-shadow: none;
    height: auto;
    margin-bottom: 0px;
    padding: 0;
}
.modal .relatedproducts .box .right {
    width: calc(100% - 100px);
}

.modal-body.relatedproducts .box .right h3 {
    height: auto;
}
.contact .checkbox-container label {
    line-height: 17px;
}
a.button-custom.pull-left {
    color: #51697b;
}

.portalbox {
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.portal .menu a {
    color: #51697b;
    width: 100%;
    display: block;
    line-height: 22px;
    font-weight: 100;
    font-size: 16px;
}
.portal .menu i {
    vertical-align: text-top;
    padding-right: 15px;
    color: #51697b;
    line-height: 21px;
}
#header-secondary {
    margin-bottom:  100px;
}

.portal .menu li {
    padding: 15px 20px;
}
.portal .menu li.active {
    background-color: #ffed00;
}
.portal .portalbox.content {
    padding: 30px;
}
.portal .portalbox.content h6 {
    font-size: 16px;
    line-height: 24px;
    color: #51697b;
    margin-bottom: 10px;
}
.ppimage {
    height: 350px;
    margin-top: 20px;
    background-repeat: no-repeat;
    margin-right: 50px;
    background-size: contain;
}
.portal h2 {
    margin-bottom: 10px;
    font-size: 20px;
}
.portal .changeadres.adres-block {
    background-color: #e6f2f6;
    padding: 15px;
    color: #017cc3;
    margin-top: 15px;
}
.changeadres.adres-block .adressbook {
    float: left;
    padding-right: 15px;
}
.portal .changeadres.adres-block p {
    margin-bottom: 0px;
}
.portal .changeadres.adres-block {
    background-color: #dce1e5;
    padding: 15px;
    color: #51697b;
    margin-top: 15px;
}
#cart h4 {
    margin-bottom: 10px;
    font-size: 19px;
}
#cart table {
    background-color: #fff!important;
    width: 100% !important;
    border-radius: 0px!important;
    background-color: #fff!important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)!important;
}
#cart table tbody {
    box-shadow:  none!Important;
    border-radius: 0px!important;
}
#cart tr:last-child {
    border-bottom: none!important;
}
#cart.checkout .row-total-blue td, #cart.checkout th {
    padding: 25px!important;
    color: #260511!important;
    padding-left: 20px!important;
    font-weight: 600!important;
    padding-bottom:  10px!Important;
    font-size: 16px!important;
}
#cart.checkout tr:first-child {
    border-bottom: none;
}
#cart.checkout table .product {
    height: auto;
}
#cart.checkout table .col-img {
    width: 50px;
    padding-left: 20px!important;
    padding-top: 20px;
    padding-bottom: 20px;
}
#cart.checkout input.product-quantity {
    border-color: rgba(81, 105, 123, 0.3);
    color: rgba(62, 62, 62, 0.5)!important;
}
#cart.checkout td.col-subtotal {
    width: 50px;
}
#cart.checkout td.col-subtotal {
    width: 80px;
    font-size: 16px;
    color: #3E3E3E;
    text-align: right;
    padding-right: 20px;
}
#cart.checkout tr.row-total.row-total-blue td.col-extras {
    padding: 0px!important;
}
#cart.checkout tr.row-total.row-total-blue td.col-desc {
    padding:  15px!important;
    padding-left:  20px!important;
    padding-top:  25px!important;
    padding-bottom:  25px!important;
}
.contact.login .box {
    background-color: #fff;
    padding:  15px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

#cart.checkout .box.first {
    background-color: #fff!important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)!important;
    padding: 20px;
    margin-bottom:  50px;
}
#cart.checkout .box.first h2 {
    color: #260511!important;
    font-weight: 600!important;
    font-size: 16px!important;
    margin-top: 0px;
    margin-bottom: 10px;
}
#cart.checkout  .checkout_dealer_selector {
    display: block;
    border-bottom: 1px solid #eaedef;
    height: 70px;
    cursor: pointer;
    padding: 13px 20px;
}

#cart.checkout  .checkout_dealer_selector span b {
    color: #3E3E3E;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 2px;
}

#cart.checkout .checkout_dealer_selector span {
    margin: 0px;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.67;
    margin-top: 4px;
    font-weight: 600;
}
.warningbox {
    background-color: #E8E8E8;
    padding: 20px;
    margin-top:  25px;
}
.warningbox .lefticon {
    padding: 17px 0px;
    padding-right: 20px;
    display: inline-block;
    width: 33px;
    vertical-align: top;
    margin-top: -19px;
}
.warningbox .lefticon span {
    font-size: 20px;
    color: #51697B;
}
.warningbox span.more a,
.warningbox p b{
    color: #3E3E3E;
    line-height: 18px;
    font-weight:  600;
    font-size: 13px;
    margin-bottom: 8px;
}
.warningbox p b{
    display: inline-block;
}
.warningbox p {
    color: #3E3E3E;
    line-height: 18px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    width: calc(100% - 54px);
}
.box.first .warningbox {
    background-color: rgb(81 105 123 / 28%);
    padding: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
}
.box.first .warningbox a {
    color:  #51697B;
}
.box.first .adrescalc p {
    font-size: 12px;
    color: #3E3E3E;
    line-height: 16px;
}
.box.first .adrescalc b {
    font-size: 12px;
    color: #3E3E3E;
    margin-top: 6px;
    line-height: 16px;
    display: inline-block;
    margin-bottom: 5px;
}
.box.first .bordebox {
    border: 1px solid #E8E8E8;
    padding: 20px;
    margin-top: 20px;
}
.box.first .bordebox p {
    color: #3E3E3E;
    line-height: 22px;
    margin: 0px;
    font-size: 16px;
}
.box.first .bordebox p b {
    color: #3E3E3E;
}
.box.first .bordebox .right {
    float: right;
    margin-top: -35px;
}
.box.first .bordebox .right span {
    cursor:  pointer;
    color:  #51697B;
}
input.button.pull-right.btn.opslaan-button {
    padding-top: 15px;
    padding-bottom: 15px;
}

.artikelomschrijving {
    padding: 50px 0px;

}
.artikelomschrijving .imageproduct {
    height: 500px;
    width: 100%;
    background-size: cover;
    margin-left: -15px;
    background-position: center;
    margin-bottom: -500px;
}
.artikelomschrijving .align {
    min-height:  500px;
}
.artikelomschrijving h2 {
    margin-bottom:  20px;
}
.artikelomschrijving .line {
    display: inline-block;
    width: 100%;
    min-height: 30px;
    color: #3E3E3E;
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 3px;
}
.artikelomschrijving .left {
    float: left;
    margin-bottom: 7px;
}
.artikelomschrijving span.material-icons-outlined {
    color: #0D7D61;
    margin-right: 15px;
    font-weight: 100!Important;
    vertical-align: text-top;
    line-height: 18px;
    padding-bottom: 2px;
}
.artikelomschrijving .line.red span {
    color: rgb(0 0 0 / 33%);
}
.artikelomschrijving a.button.gray {
    background-color: #E8E8E8;
    color: #51697B;
    padding-top: 13px;
    padding-bottom: 13px;
    border: none;
    box-shadow: none;
    margin-top: 15px;
    font-weight: 500;
    font-size: 13px;
}
.artikelomschrijving a.button.gray span {
    color: #51697B;
}

.specificaties {
    padding: 50px 0px;
}
.specificaties {
    padding:  50px 0px;
}
.specificaties .itm {
    border-bottom: 1px solid #e2e5e7;
    padding: 7px 0px;
    font-size:  16px;
}
.specificaties .itm b {
    color: #3E3E3E;
}
.small.colordot {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 0px;
    display: inline-block;
}
.product-blok .boxtitle {
    margin-top: -9px;
    margin-left: 12px;
    position: absolute;
}
.colordot {
    border: 3px solid #fff;
    background-size: cover;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right:  10px;
    background-position: center;
    display: inline-block;
}
.colordot.active {
    box-shadow: 0px 0px 0px 3px #51697b;
    margin-left: 3px;
    margin-top: 3px;
}
.postcodepcustom section.dealerslistfirst.sec.mosaic {
    padding: 0px;
}
.postcodepcustom .header.postcode {
    display: none;
}
.postcodepcustom {
    background-color: #fff;
    padding: 50px 0px;
}
.meervanrelatie.webshop {
    padding: 50px 0px;
}
section.dealerslistfirst.sec.mosaic div#map {
    margin-bottom:  0px;
}

.s3dview {
    display:  none;
}
.s3dview.active3dview {
    display: inline-block;
    overflow: hidden;
    width: calc(100vw - 17px);
    height: 842px;
    margin-top: -812px;
    position: absolute;
    z-index: -1;
}
.s3dtuin {
    width: calc(100vw - 17px);
    height: 842px;
    background-size: cover;
    background-position: center;
    margin-top: -842px;
}
.s3dtegel {
    width: calc(100vw - 17px);
    height: 842px;
    background-size: 65px 30px;
    background-position: 84px -13px;
}
.active3dview .carousel-inner .item {
    opacity: 0;
}
.tegeloutline {
    perspective: 7.6vw;
    position: relative;
    z-index: -1;
    margin-top: 0px;
    -webkit-perspective-origin-x: 52.2%;
}
button.material-icons.goback {
    background-color: transparent;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 9px;
    top: 19px;
}
.tegeloutline .secoutline {
    transform: rotateX(24deg) rotateY(0deg);
}
.productview .boxtitle.pbottom {
    margin-bottom: 15px;
}
.boxtitle .dropdown button, .boxtitle .dropdown button.active .boxtitle .dropdown button:focus, .boxtitle .dropdown button:hover, .boxtitle .dropdown.open button {
    border: 1px solid #F2F2F2;
    background-color: #fff;
    padding: 20px;
    width: 100%;
    border-radius: 0px;
    box-shadow:  none;
    color: #3E3E3E;
    text-align: left;
}
.dealerslistfirst.sec .results {
    height: 419px;
    overflow-y: scroll;
    width: 100%;
}
.boxtitle .dropdown span.animation {
    width: 17px;
    height: 19px;
    display: inline-block;
    transform: skew(-52deg, 29deg);
    margin-right: 30px;
    float: left;
    margin-left: 7px;
    background-size: 150%;
    background-position: 50%;
}
.boxtitle .dropdown button, .boxtitle .dropdown button.active .boxtitle .dropdown button:focus, .boxtitle .dropdown button:hover, .boxtitle .dropdown.open button {
    padding: 11px 12px;}
.boxtitle .dropdown span.caret {
    float: right;
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-top: 8px;
}
.modal-header .close {
    margin-top: -2px;
    position: absolute;
    top: 9px;
    right: 10px;
}
.boxtitle .dropdown ul.dropdown-menu {
    border-radius: 0px;
    border: 1px solid #f2f2f2;
    box-shadow: none;
    margin-top: -1px;
    width: 100%;
    padding: 10px 0px;
}
.dropdown-menu>li>a {
    padding: 5px 20px;
}
.page.contact a:hover {
    opacity:  0.7;
}

.mosaic.c11.customstyler .dimage {
    width: 283px;
    height: 246px;
}
.mosaic.c11.customstyler.relatedproducts .grid .tegel1 {

}
.mosaic.c11.customstyler.relatedproducts .grid .tegel3,  .mosaic.c11.customstyler.relatedproducts .grid .tegel2,  .mosaic.c11.customstyler.relatedproducts .grid .tegel1 {
    width: 283px;
    height: 178px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 16px;
}
.mosaic.c11.customstyler.relatedproducts .grid .tegel3  {

}
.mosaic.c11.customstyler.relatedproducts {
    background:  none!Important;
}
.mosaic.c11.customstyler.relatedproducts .grid .tegel1 {
    margin-top: -75px;
    right: 148px!important;
}
.mosaic.c11.customstyler.relatedproducts .grid .tegel3 {
    margin-top: 92px;
    right: 139px!important;
    z-index: 9999;
}
.mosaic.c11.customstyler.relatedproducts .carousel-control {
    background: none!important;
    opacity: 1;
}
.mosaic.c11.customstyler.relatedproducts .carousel-control.right {
    right:  -30px;
}
.mosaic.c11.customstyler.relatedproducts .carousel-control.left {
    left:  -30px;
}
.mosaic.c11.customstyler.relatedproducts .box {
    margin-left: 30px;
    margin-right: 30px;
}
.mosaic.c11 a.carousel-control span {
    border: none!Important;
    text-shadow: none!important;
    font-size: 24px!important;
    top: 63px!important;
    right: 22px!Important;
}
.mosaic.c11 span.material-icons-outlined {
    right: 50px;
    top: 70px;
}
.message_box {
    position: absolute;
    top: 0px;
    right: 15px;
    background: #addca4;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #93b38d;
    color: #1e4017;
}

:focus {
    outline: none!important;
}
.pure-material-textfield-outlined {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 0, 131, 202));
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-weight: 100;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    overflow: hidden;
}

.pure-material-textfield-outlined > input,
.pure-material-textfield-outlined > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px;
    border-color: #7f8385;
    border-top-color: transparent;
    border-radius: 0px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: transparent;
    box-shadow: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
    z-index: 1;
    position: relative;
}

.pure-material-textfield-outlined > input + span,
.pure-material-textfield-outlined > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    width: 100%;
    max-height: 100%;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    font-size: 75%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}
.owl-carousel {
  touch-action: none;
}
.webshop p.prijs {
    position: absolute;
    bottom: 41px;
}
.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::before,
.pure-material-textfield-outlined > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 0px;
    display: none;
}

.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0px;
    display: none;
}

.pure-material-textfield-outlined:hover > input,
.pure-material-textfield-outlined:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    border-top-color: transparent;
}

.pure-material-textfield-outlined:hover > input + span::before,
.pure-material-textfield-outlined:hover > textarea + span::before,
.pure-material-textfield-outlined:hover > input + span::after,
.pure-material-textfield-outlined:hover > textarea + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 68px;
    z-index: 0;
    color: rgba(40, 46, 49, 0.50);
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}

.pure-material-textfield-outlined > input:focus,
.pure-material-textfield-outlined > textarea:focus {
    border-color: ;
    border-top-color: transparent;
    box-shadow: inset 1px 0 rgb(216, 36, 43), inset -1px 0 rgb(216, 36, 43), inset 0 -1px rgb(216, 36, 43);
    outline: none;
}

.pure-material-textfield-outlined > input:focus + span,
.pure-material-textfield-outlined > textarea:focus + span {
    color: ;
}

.pure-material-textfield-outlined > input:focus + span::before,
.pure-material-textfield-outlined > input:focus + span::after,
.pure-material-textfield-outlined > textarea:focus + span::before,
.pure-material-textfield-outlined > textarea:focus + span::after {
    border-top-color:  !important;
    box-shadow: inset 0 1px ;
}

.pure-material-textfield-outlined > input:disabled,
.pure-material-textfield-outlined > input:disabled + span,
.pure-material-textfield-outlined > textarea:disabled,
.pure-material-textfield-outlined > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

.pure-material-textfield-outlined > input:disabled + span::before,
.pure-material-textfield-outlined > input:disabled + span::after,
.pure-material-textfield-outlined > textarea:disabled + span::before,
.pure-material-textfield-outlined > textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-outlined > input,
        .pure-material-textfield-outlined > input + span,
        .pure-material-textfield-outlined > textarea,
        .pure-material-textfield-outlined > textarea + span,
        .pure-material-textfield-outlined > input + span::before,
        .pure-material-textfield-outlined > input + span::after,
        .pure-material-textfield-outlined > textarea + span::before,
        .pure-material-textfield-outlined > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}

.pure-material-checkbox-outlined {
    margin-top: 20px;
}
.pure-material-checkbox-outlined label {
    color: #282E31;
    font-family: 'Avenir Book';
    padding-right: 20px;
    font-size: 16px;
    font-weight: 100;
}
.pure-material-checkbox-outlined  input {
    -webkit-appearance: none !important;
}
.pure-material-checkbox-outlined  input:before {
    content: "";
    border: 1px solid #282E31;
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
    margin-bottom: -3px;
    margin-right: 15px;
}
.checkout .checkbox-container input:after {
    content: "";
    background-color: #fff;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
}
.pure-material-checkbox-outlined input {
    outline: none!important;
}
.pure-material-checkbox-outlined  input:checked::before {
    border: 2px solid #ffffff;
    background-color: #0083CA;
    box-shadow: 0px 0px 1px 2px #0083CA;
    width: 14px;
    height: 14px;
}

.checkbox-container input {
    position: absolute;
    color:#fff;
    cursor: pointer;
    height: 0px;
    cursor: pointer;
    width: 0px;
    left: 19px;
}
.checkbox-container input:before {
    content: '';
    position: absolute;
    top: -7px;
    left: -6px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin: 3px;
    background-color: #fff;
    border: 2px #282E31 solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.checkbox-container input:checked:before {
    background-color: ;
    border-color: ;
    background-image: url(../images/mail/check.svg);
    background-size: 16px;
    background-position: center;
}
.checkbox-container label {
    padding-left: 30px;
    display: inline-block;
    margin: 15px 0;
    font-weight: 300;
}
.label-text-field input:-internal-autofill-selected {
    background-color: transparent!important;
}
.label-text-field:focus, .label-text-field label:focus, .label-text-field span:focus, .label-text-field div:focus {
    outline: none;
}
.checkout .checkbox-container input:before,
.register .checkbox-container input:before {
    left: 19px;
}
.navbar-toggle{overflow:hidden}.navbar-toggle .icon-bar{transition:opacity,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.7,0,0,.7)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){opacity:0;transform:translateX(-100%)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.pure-material-textfield-outlined:hover > input,
.pure-material-textfield-outlined:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    border-top-color: transparent;
}

.pure-material-textfield-outlined:hover > input + span::before,
.pure-material-textfield-outlined:hover > textarea + span::before,
.pure-material-textfield-outlined:hover > input + span::after,
.pure-material-textfield-outlined:hover > textarea + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 35px;
    z-index: 10;
    font-size: 16px;
    opacity: 0.7;
    font-weight: 300;
    color: rgba(62, 62, 62, 0.8);
    padding: 14px;
}
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}

.pure-material-textfield-outlined > input:focus,
.pure-material-textfield-outlined > textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 0, 131, 202));
    border-top-color: transparent;
    box-shadow: none!important;    outline: none;
}

.pure-material-textfield-outlined > input:focus + span,
.pure-material-textfield-outlined > textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-textfield-outlined > input:focus + span::before,
.pure-material-textfield-outlined > input:focus + span::after,
.pure-material-textfield-outlined > textarea:focus + span::before,
.pure-material-textfield-outlined > textarea:focus + span::after {
    border-top-color: var(--pure-material-safari-helper1) !important;}

.pure-material-textfield-outlined > input:disabled,
.pure-material-textfield-outlined > input:disabled + span,
.pure-material-textfield-outlined > textarea:disabled,
.pure-material-textfield-outlined > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

.pure-material-textfield-outlined > input:disabled + span::before,
.pure-material-textfield-outlined > input:disabled + span::after,
.pure-material-textfield-outlined > textarea:disabled + span::before,
.pure-material-textfield-outlined > textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-outlined > input,
        .pure-material-textfield-outlined > input + span,
        .pure-material-textfield-outlined > textarea,
        .pure-material-textfield-outlined > textarea + span,
        .pure-material-textfield-outlined > input + span::before,
        .pure-material-textfield-outlined > input + span::after,
        .pure-material-textfield-outlined > textarea + span::before,
        .pure-material-textfield-outlined > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}
.pure-material-textfield-outlined > input:focus + span {
    color: #51697B!important;
}
.pure-material-textfield-outlined > input:focus {
    border-bottom: 1px solid #51697B!important;
}

.pure-material-textfield-outlined > input:focus + span, .pure-material-textfield-outlined > textarea:focus + span {
    z-index: 9999;
    color: #51697b;
    margin-top: 14px;
    margin-left: 14px;
    opacity: 1;
}

textarea {
    min-height: 200px!important;
}
.pure-material-textfield-outlined > textarea + span,
.pure-material-textfield-outlined > input + span,
.pure-material-textfield-outlined > input:focus + span {
    z-index: 999;
    font-weight: 500;
    margin-left: 13px;
    margin-top: 13px;
}
input#bijlage:after {
    content: "Bijlage uploaden";
    display: inline-block;
    font-weight: 600;
    border: 1px solid #E8E8E8;
    background-color: #fff;
    color: #3E3E3E;
    padding: 12px 20px;
    cursor: pointer;
    position: absolute;
    line-height: 20px;
        text-indent: 0px;
    left: 15px;
}
input#bijlage {
    background-color: transparent;
    border: 0px;
    box-shadow: none;
    padding: 20px 0px;
    padding-left: 7px;
    height: 80px;
}
input#bijlage {
    line-height: 46px;
    color: #000000;
}
input#bijlage {
    line-height: 47px;
    color: #000000;
}

input#bijlage {
    background-color: transparent;
    border: 0px;
    box-shadow: none;
    padding: 20px 0px;
    padding-left: 55px;
    height: 80px;
    color: #fff;
    text-indent: -164px;
}

.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span, .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 35px;
    z-index: 10;
    font-size: 16px;
    margin: 0px;
    opacity: 0.7;
    font-weight: 300;
    color: rgba(0, 39, 79, 0.5)!important;
}
.pure-material-textfield-outlined {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 0, 131, 202));
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    overflow: hidden;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #282E31 !important;
}
.pure-material-textfield-outlined > input,
.pure-material-textfield-outlined > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px;
    border-color: transparent!important;
    background-color: #F3F3F3!important;
    border-top-color: transparent;
    border-radius: 0px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: transparent;
    box-shadow: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #3E3E3E!important;
    font-weight: initial;
    font-size: 14px;
    padding-top: 22px;
    padding-bottom: 8px;
}


.outer { margin:0 auto; max-width:800px;}
#big .item { background: #ec6e46; padding: 120px 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
#thumbs .item { background: #C9C9C9; height:70px; line-height:70px; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; }
#thumbs .item h1 { font-size: 18px; }
#thumbs .current .item { background:#FF5722; }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { background:#333; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }
.boxtitle .dropdown span.animation:before {content: "";display: block;width: 100%;height: 1.5px;bottom: -1.5px;position: absolute;right: -1px;background: #333;transform: skew(56deg, 0deg);}

.boxtitle .dropdown span.animation:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    top: 0.5px;
    position: absolute;
    right: -2px;
    background: #333;
    transform: skew(
            0deg,
            39deg);
}
.fields {
    transition: 0.5s;
    width: calc(100% - 40px);
}

.fields.adviced {
    background: #ffed00;
    transition: 0.5s;
    padding: 0 5px;
}
.fields.adviced:before {
    content: "Beste optie";
    display: block;
    padding-top: 7px;
}

.fields.adviced button {
    background-color: #333 !important;
    color: #fff;
}
.fields button {
    margin-top: 5px !important;
    height: 54px !important;
}

.fields .input2 {
    width: calc(50% - 2px) !important;
}

.productdealer {
    background-color: #fff;
    padding: 15px;
    display: block;
    margin-top: 30px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.productdealer .product-img {
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.productdealer button.button.product-add {
    margin-top: 10px;
    font-size: 13px;
    width:  100%;
    padding: 10px;
}
.productdealer i.material-icons {
    font-size: 15px;
    vertical-align: text-bottom;
}
.sample span.sample-ico {
    position: fixed;
    right: 0px;
    top: 45%;
    width: 45px;
    height: 45px;
    z-index:  99999999;
    background-color: #ffed00;
    transition:  0.3s;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)!important;
    background-repeat: no-repeat;
    background-position: center;
}
.mosaic.c8 .carousel-overflow .owl-dots {
    display: none;
}
.sample span.sample-ico:hover {
    opacity:  0.6;
}
#cart td.col-remove button {
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    float: right;
    margin-top: 3px;
}
#cart h4.backto a {
    color: #3E3E3E;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}
#cart h4.backto {
    margin-top: 20px;
    transition: 0.3s;
}
#cart h4.backto:hover {
    opacity: 0.7;
}
#cart h4.backto span {
    vertical-align: sub;
    font-size: 18px;
}
.make3d {
    position: absolute;
    display: inline-block;
    transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(34deg) rotateY(22deg) rotateZ(6deg) translateX(0px) translateY(0px) translateZ(0px) skewX(321deg) skewY(10deg);
    margin-right: 30px;
    float: left;
    width: 186px !important;
    height: 161px !important;
    margin-left: 7px;
    background-size: cover !important;
    background: #333;
    margin-right: 86px;
}

.make3d:after {
    content: "";
    display: block;
    width: 9px;
    height: 100%;
    top: 3.5px;
    position: absolute;
    right: -9px;
    background: #c9c9c9;
    transform: skew(
            0deg,
            39deg);
    filter: brightness(0.6);
}

.make3d:before {
    content: "";
    display: block;
    width: 100%;
    height: 6.5px;
    bottom: -6.5px;
    position: absolute;
    right: -5px;
    transform: skew(
            56deg,
            0deg);
    background-blend-mode: color;
    filter: brightness(0.3);
}
.grid.make3d-item {
    margin-top: 33px;
}

.dimage.make3d {
    margin-left: 12px;
}
#searchform {
    position: relative;
}
#searchform button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    margin-top: 6px;
    margin-bottom: 5px;
    height: 52.8px;
    border-bottom: 1px solid #3E3E3E!important;
    border: none;
    background: #ffed00;
    color: #51697b;
    width: 53px;
}
.video .imagebox {
    height: 400px;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
}
.video-container .js-video {
    height: 400px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
}
.video-container .play {
    height: 400px;
    width: 100%;
    margin-top: 0px;
    transition: 0.3s;
    border-radius: 5px;
    text-align: center;
    padding: 180px 0px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.33);
}
.video-container .play span {
    color: #51697b;
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
    transition: 0.3s;
    font-size: 30px;
}
.video-container iframe {
    height: 400px;
    border-radius: 5px;
}


#searchform button span {
    line-height: 52.8px;
    font-weight: 700;
}

.btnnew {
    background-color: rgb(255 237 0);
    color: #51697B!important;
    border-radius: 0px;
    padding: 12px 12px;
    height: 38px;
    box-shadow: none!important;
    line-height: 13px;
    margin-top: -9px;
}
.btnnew span.material-icons {
    font-size: 18px;
    vertical-align: middle;
    line-height: 15px;
}
.page-list h5.pull-right {
    line-height: 0px;
    padding-right: 20px;
}
.drp .dropdown-menu {
    background-color: #dce0e2;
    border-radius: 0px;
    border: none;
    top: 30px;
    box-shadow: none;
    padding: 13px;
}
.drp a.dropdown-item {
    display: block;
    color: #51697b;
    line-height: 24px;
}

.portal table {
    width: 100%;
}
.portal .details.webshopcontent form {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.portal .details.webshopcontent {
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.portal .webshopcontent.details h4 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 17px;
}
.portal p.dateandinfo {
    opacity: 0.7;
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.portal .webshopcontent.details  ul li b {
    font-weight: 500;
    color: #000;
}
.bestandsnaam {
    padding-left: 151px;
    position: absolute;
    background-color: #fff;
    padding-top: 35px;
    padding-bottom: 15px;
}
.portal .bestellingen-block input.button,
.portal .bestellingen-block a.btn.button {
    background-color: transparent;
    border: 1px solid #e1e1e1;
    padding: 15px;
    font-size: 13px;
    box-shadow: none;
    font-weight: 400;
    padding: 10px;
}
.portal .bestellingen-block .button span.material-icons {
    font-size: 18px;
    vertical-align: sub;
    margin-right: 3px;
}
.portal .productentable {
    border: 1px solid #e1e1e1;
    padding: 10px 15px;
    margin-top: 15px;
}
.portal .portalbox.content .details h6 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
}
.portal .portalbox.content .details a.button.outline.btnprint {
    background-color: transparent;
    border: 1px solid #e1e1e1;
    padding: 15px;
    cursor: pointer;
    font-size: 13px;
    box-shadow: none;
    font-weight: 400;
    padding: 10px;
    float: right;
    margin-top: 0px;
}
.portal .portalbox.content .details a.button.outline.btnprint span.material-icons {
    font-size: 18px;
    vertical-align: sub;
    margin-right: 3px;
}



.errorpage {
    height:  900px;
}
.errorpage .layer {
    height: 600px;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    top: 200px;
}
.bttcustom,
.adrescalc span.material-icons-outlined {
    cursor: pointer;
    padding-top: 20px;
    color: #51697b;
}
.bttcustom {
    position: absolute;
    right: 37px;
    transition:  0.3s;
    top: 20px;
}
.bttcustom:hover {
    opacity:  0.7;
}
.box.first .bordebox {
    border: 1px solid #f3f3f3;
    padding: 20px;
    margin-top: 20px;
    background-color: #f3f3f3;
}
select#dealer {
    background-color: #fff;
    border-radius: 0px;
    border: none!Important;
    padding: 5px;
    margin-right: 5px;
}
.bestellingen-block tr.product img {
    width: 60px!important;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
span.actions i {
    cursor:  pointer;
}

.mosaic.c18 .whatsappbox {
    transition:  0.3s;
}
.mosaic.c18 .whatsappbox a:hover {
    opacity: 0.7;
}
.mosaic.c22 .webshop .cntn .button.secondary {
    padding: 7px!important;
    position: absolute;
    bottom: 50px;
    height: 30px;
    width: 30px;
    right: 20px;
}
.mosaic.c22 .webshop .cntn .button.secondary span.material-icons {
    letter-spacing: unset;
    text-transform: unset;
    font-size: unset;
    line-height: unset;
    font-size: 15px!important;
    color: #51697B!important;
    line-height: 16px;
    vertical-align: super;
}
.mosaic.c22 .meervanrelatie.webshop {
    padding: 0px;
}
.mosaic.c22 .my-owl-nav {
    margin-top: -263px;
    width: calc(100% + 100px);
    margin-left: -50px;
    margin-bottom: 263px;
}
.mosaic.c22 .my-prev-button-2 span,
.mosaic.c22 .my-next-button-2 span {
    background-color: #FFED00;
    z-index: 1;
    cursor: pointer;
    font-size: 15px;
    padding: 8px;
    width: 30px;
    height: 30px;
}

.webshopcontent.checkout textarea#opmerkingen {
    height: 100px!Important;
    min-height: 0px!important;
}

div#myModalsec,
div#myModalsec .modal-dialog,
div#myModalsec .modal-body {
    width: 100vw;
    height: 100vh;
    margin: 0px;
}
div#myModalsec iframe {
    width: calc(100vw - 50px);
    height: calc(100vh - 75px);
    border: none!important;
    z-index:  999;
}
button.close, a.close {
    background-color: #fff;
    font-size: 47px;
    position: absolute;
    color: black;
    z-index: 9999999999999;
    right: 34px;
    opacity: 1!important;
    padding: 1px 15px;
    font-weight: 100;
}
.webshop .filterbox a.sub.active {
    font-weight: 500;
    color: #3e3e3e;
}
.artikelomschrijving img.product_page {  
    width: 100%!important;
    max-height: 700px;
}

h4.sample {
    color: #3E3E3E;
    font-size: 28px;
    line-height: 30px;
    margin-top: 6px;
    margin-bottom: 5px;
    font-family: 'Lumios Marker';
    position: fixed;
    right: 30px;
    display: none;
    font-weight: 100;
    top: calc(50% - 41px);
}
h4.sample span {
    transform: rotate(13deg);
    vertical-align: bottom;
    margin-left: 0px;
    font-size: 21px;
}
#navigation .hoverstate {
    display: none;
}
#navigation li.child a {
    color: rgba(0, 0, 0, 0.54);
}
#navigation .btns:hover .hoverstate {
    background-color: rgb(108 131 149);
    position: absolute;
    z-index: 1;
    top: 4px;
    padding: 3px 20px;
    display: block;
    padding-left: 14px;
    margin-left: 13px;
    right: -1px;
    width: max-content;
    padding-right: 35px;
}
#navigation .btns:hover .hoverstate h3 {
    color: #ced6dc;
    font-size: 14px;
    font-weight: 100;
    margin: 0px;
}
#navigation span.person {
    z-index: 99999;
    position: relative;
}
div#navigation.dealers .btns:hover .hoverstate {
    background-color: #fff;
}
div#navigation.dealers .btns:hover .hoverstate h3 {
    color: #a5a5a5;
}


#dealerTable tr b {
    color: #51697b;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
}
#dealerTable img {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}
#dealerTable tbody tr td {
    border-bottom: 1px solid #999999;
    padding: 0px 2px;
}
#dealerTable tbody tr td {
    color: #7b7b7b;
    font-weight: 100;
    font-size: 13px;
}
#dealerTable button.material-icons {
    background-color: #ffed00;
    border: none;
    color: #51697b;
    text-align: center;
    font-size: 19px;
    width: 23px;
    line-height: 20px;
    padding: 0;
}
#dealerTable td input[type="number"] {
    background-color: #ccd3d8;
    border: none;
    height: 21px;
}

#dealerTable .dataTables_wrapper .dataTables_filter input
#dealerTable .dataTables_wrapper .dataTables_length select {
    border: 1px solid #51697b;
    border-radius: 0px;
    padding: 5px;
    background-color: transparent;
    padding: 4px;
    font-weight: 100;
}
#header-secondary .portalbox .dataTables_paginate .paginate_button.current,
#header-secondary .portalbox .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: #51697b!important;
    color: #fff!important;
}

div#header-secondary .box a.second-btn.button {
    margin-left: 25px;
    background-color: #51697b;
    border: 1px solid #51697b;
    box-shadow: none;
    color: #fff;
}

#navigation .dropdownctm-menu>li {
    display: table-cell;
}
#navigation .dropdownctm-menu {
    left: 0px;
    padding-top: 15px;
    padding-bottom:15px;
}
#navigation ul.dropdownctm-menu.dropdown-menu ul.list-unstyled {
    margin-top: 15px;
    margin-bottom:15px;
    text-align: left;
}
#navigation  ul.dropdownctm-menu.dropdown-menu ul.list-unstyled li {
    font-size: 15px;
    line-height: 25px;
}
#navigation ul.dropdownctm-menu li.head a {
    text-transform: uppercase;
    color: #3e3e3e!important;
    font-size: 11px;
    line-height: 11px;
    padding-bottom: 0px!important;
}
#navigation  ul.dropdownctm-menu  li.head {
    margin-bottom: 5px;
}
#navigation  ul.dropdownctm-menu li a {
    text-decoration: none;
    font-size: 14px;
    padding-left: 0px!important;
}
#navigation  ul.dropdownctm-menu li a:hover {
    opacity: 0.7;
}
#navigation ul.dropdownctm-menu.dropdown-menu .container {
    height: auto;
}
#navigation .navbar-right .dropdown-menu {
    left: 32px;
    border: none;
    box-shadow: 1px 5px 6px hsl(202deg 77% 19% / 15%);
    padding: 0px;
    overflow: hidden;
    border-radius: 0px;
    border-top: 1px solid rgb(123 123 123);
    top: 77px;
    width: 220px;
}
#navigation .navbar-custom .navbar-nav .dropdownctm {
    padding-bottom: 20px;
}
#navigation li.head b {
    font-size: 12px;
}

#navigation .navbar-right .contact-drop .dropdown-menu {
    left: unset!important;
    right: 0px!important;
}

@media (min-width: 768px) {
    #navigation .nav > li.dropdownctm:hover .dropdownctm-menu {
        display: table;
        width: 100%;
        text-align: center;
        left: -286px;
        right: unset!important;
        top: 41px;
    }
}
h2.h2cus {
    font-size: 21px;
    font-weight: 500;
}
h2.h2cus b {
    font-size: 21px!important;
    font-weight: 600;
    color: #3E3E3E;
    font-size: 30px;
}
.pluspersoon {
    height: 165px;
    background-size: contain;
    background-repeat: no-repeat;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
.cntn .loadlater {
    color: #333;
}
.dynamic.productlist {
    margin-bottom: 50px;
}
.productlist .filteritem {
    float: right;
}
.productlist .filteritem h4 {
    display: inline-block;
}
.productlist select#order {
    margin-left: 7px;
    background-color: whitesmoke;
    padding: 5px 10px;
    border: 1px solid #cbcbcb;
}


@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.dealer-popup a {
    color: #333;
    transition: 0.3s;
    display: block;
    width: calc(100% - 66px);
    display: inline-block;
    word-break: break-word;
}
.dealer-popup a:hover {
    opacity: 0.7;
    cursor: pointer;
}
div#dealerTable_filter, div#dealerTable_filter input, div#dealerTable_filter label {
    width: 100%;
}
div#dealerTable_filter label {
    float: left;
    text-align: left;
    margin-top: 10px;
}
div#dealerTable_filter input {
    border-radius: 0px;
    box-sizing: border-box;
    margin: 0;
    border: solid 1px;
    border-color: transparent!important;
    background-color: #F3F3F3!important;
    border-top-color: transparent;
    border-radius: 0px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: transparent;
    box-shadow: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #3E3E3E!important;
    font-weight: initial;
    font-size: 14px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.dataTables_wrapper .dataTables_length select {
    background-color: #f3f3f3;
    border-radius: 0px;
}
.dpbl ul.list-unstyled.list-inline .item33 {
    border: 1px solid #e4e7e9;
    width: 33.39%;
    margin-bottom: 10px;
    margin-right: -4px;
}
.dpbl ul.list-unstyled.list-inline .item33 a {
    padding: 8px;
    width: 100%;
    display: inline-block;
    transition: 0.3s;
    font-size: 14px;
    color: #3e5768;
    font-weight: 500;
    line-height: 28px;
}
.dpbl ul.list-unstyled.list-inline .item33:hover {
    opacity:  0.7;
}
.dpbl ul.list-unstyled.list-inline .item33:hover,
.dpbl ul.list-unstyled.list-inline .item33.active  {
    background-color: #fff;
}
.dpbl ul.list-unstyled.list-inline.list-custom {
    margin-left: 0px;
}
.dpbl ul.list-unstyled.list-inline .item33 span.ico {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 2px 0px;
    margin-right: 10px;
    vertical-align: middle;
    float: left;
}
.webshop .product-blok span.vierkantm {
    padding-right: 10px;
}
.prijs-after {
    margin-top: 20px;
    padding-top: 14px;
}
.box.ppbox .customsec .ico {
    width: 32px;
    height: 32px;
    margin: 16px 0px;
}
.box.ppbox .boxtitle .customsec .left {
    display: inline-block;
    width: 45px;
}
.box.ppbox .boxtitle .customsec .right .input1 {
    width: calc(100% - 0px);
}
.box.ppbox .boxtitle .customsec .right {
    width: calc(100% - 51px);
}
.box.ppbox .boxtitle .customsec .input2 {
    display: none;
}
.webshop .filteritem h4 {
    cursor:  pointer;
}
.webshop .filteritem h4 span.material-icons-outlined {
    text-align: right;
    float: right;
    font-size: 18px;
    transition: 0.3s;
}
.webshop .filteritem.dropdown {
    float: right;
    margin: 0px;
    margin-bottom: -72px;
    margin-top: 17px;
    z-index: 99999;
    position: relative;
}
.webshop .filteritem.dropdown h4 {
    cursor: pointer;
    float: left;
    margin-top: 4px!important;
}
.webshop .filterbox .collapsed h4 span {
    transform: rotate(-180deg);
}
.filteritem .checkbox-container {
    position: relative;
}
.webshop p.afmeting.zoekpagina {
    height: 57px;
    overflow: hidden;
    font-size: 11px;
}
select#order_second {
    padding: 5px 10px;
    background-color: transparent;
    border: 1px solid #51697b;
    margin-left: 15px;
}
.webshop p.afmeting.zoekpagina b {
    font-size: 11px;
}

.contact.login table.artikelen tbody {
    padding: 15px;
    border: 1px solid rgba(62, 62, 62, 0.22);
}
.contact.login table.artikelen tr.product-alt {
    background: rgba(51, 51, 51, 0.15);
    border-bottom: 1px solid #d5d5d5;
}
.h2portal {
    margin-bottom: 10px;
    font-size: 20px;
}
.contact.login table.artikelen .pure-material-checkbox-outlined input:checked::before {
    border: 2px solid #ffffff;
    background-color: #3E3E3E;
    box-shadow: 0px 0px 1px 2px#3E3E3E;
    width: 14px;
    height: 14px;
}
.contact.login table.artikelen tr td:first-child {
    padding-left: 15px;
}
.contact.login table.artikelen tr td:last-child {
    padding-right: 15px;
}
.contact.login table.artikelen tr:first-child td {
    padding-top: 15px;
}
.contact.login table.artikelen tr:last-child td {
    padding-bottom: 15px;
}
.contact.login table.artikelen tbody td img {
    margin-right: 10px;
    width: 40px!important;
    height: 40px;
    float: left;
}
.contact.login .pure-material-checkbox-outlined {
    margin-top: 0px;
}
.contact.login table.artikelen .aligncc {
    height: 40px;
    vertical-align: middle;
    display: table-cell;
    font-size: 13px;
}
.contact.login table.artikelen input {
    width: calc(100% - 44px);
}
.contact.login table.artikelen button.material-icons {
    float: right;
    width: 39px;
    background-color: transparent;
    border: none;
}
.contact.login table.artikelen td {
    padding-top: 5px;
    padding-bottom: 5px;
}
.contact.login .oneliner {
    font-size: 13px;
    display: -webkit-box;
    max-width: 100%;
    height: 18px;
    margin: 0 auto;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
    margin-bottom: -3px;
}
.contact.login i {
    opacity: 0.7;
    font-style: initial;
    font-size: 12px;
}
.table-100 tr {
    line-height: 33px;
}
.verzendmethode .checkbox-container input {
    left: unset;
    margin-left: -35px;
}
.contact.login label.b-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 72px;
}
.contact.login select.pull-right {
    background-color: #f3f3f3;
    border: none;
    padding: 8px 20px;
}
.checkbox-container.definitief label {
    margin: 0px;
    padding-left: 15px;
}
.productview .item .video-container .js-video {
    height: 570px;
}
.productview .item .video-container .play {
    height: 570px;
    padding: 264px 0px;
}
.productview .item .video-container .play span {
    color: #ffed00!important;
    background-color: #51697b;
}
.productview .item .video-container iframe {
    height: 570px;
}
.productview .thumb.vid.klikrem .image {
    background-size: cover;
}
.productview .thumb.vid.klikrem .image .playcustom {
    color: #fdfdfd;
    position: absolute;
    margin-top: 22px;
    margin-left: 19px;
}
    .newsbrief .banner {
        margin-bottom: 0px;
    }

a.newbtncus span {
    font-size: 18px;
    vertical-align: sub;
    padding-right: 10px;
}

a.newbtncus {
    color: #3e3e3e;
    font-size: 15px;
    margin-top: 15px;
    display: block;
    transition: 0.3s;
}
a.newbtncus:hover {
    opacity: 0.7;
}
#cart span.sample-ico {
    height: 24px;
    width: 24px;
    display: inline-block;
    float: left;
    margin-right: 9px;
}
a.customrightstylinh h4 {
    display: inline-block;
    font-size: 15px!important;
    line-height: 25px;
}
.old_price {
    margin-bottom: -25px;
    margin-top: 25px;
    font-weight: 600;
    font-size: 12px;
}

.old_price span {
    font-weight: 100;
    color: #b9b9b9;
}
#navigation .navbar-custom li>a:hover, 
#navigation .navbar-custom li>a:focus {
    opacity: 1;
}

#cart.checkout .box.first .bordebox {
    max-height: 322px;
    overflow-y: scroll;
}
#cart.checkout .box.first .bordebox::-webkit-scrollbar {
    width: 5px;
}
#cart.checkout .box.first .bordebox::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color:  #E8E8E8;
}
#cart.checkout .box.first .bordebox::-webkit-scrollbar-thumb {
    background: #51697B;
    border-radius: 0px;
}
#cart.checkout .box.first .bordebox::-webkit-scrollbar-thumb:hover {
    background: #435562;
}
#cart.checkout .box.first .bordebox span.ico {
    width: 30px;
    height: 30px;
    background-size: cover;
    display: block;
}
#cart.checkout .box.first input[type="radio"] {
    margin-bottom: 25px;
    float: left;
    margin-right: 19px;
    margin-left: -20px;
    margin-top: 13px;
    width: 21px;
    height: 16px;
}
#cart.checkout .box.first div#radio-holder {
    margin-top: -15px;
}
#cart.checkout .checkout_dealer_selector span {
    opacity: 0.9;
}


#cart button.button.nieuw-toevoeg {
    width: 28px;
    height: 28px;
    padding: 0px!important;
    position: absolute;
    margin-top: 0px;
    margin-left: -10px!important;
    box-shadow: none;
}
#cart button.button.nieuw-toevoeg i.material-icons {
    margin: 0px;
    font-size: 26px;
}


.page form.cookieform {
    margin-top: 75px;
    margin-bottom: 75px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

form.cookieform .card {width: 100%!important;border-width: 1px!important;border-style: solid!important;margin-bottom: 15px!important;border-radius: 3px!important;border-color: #dadada!important;}form.cookieform .card .card-title {width: 100%!important;padding: 15px!important;}form.cookieform .card .card-title .btn {background: transparent!important;border: none!important;font-weight: 500!important;line-height: 24px!important;}form.cookieform .card .card-title .btn .material-icons {font-size: 17px!important;}form.cookieform .card .card-body {padding: 15px!important;background: #0000000a!important;}form.cookieform .check-switch input[type="checkbox"] {   position: absolute!important;  opacity: 0!important;}form.cookieformlabel.check-switch {clear: both!important;color: #999!important;font-size: 22px!important;display:inline-block!important; -webkit-tap-highlight-color: rgba(0,0,0,0)!important;}form.cookieform .check-switch input[type="checkbox"] + .track {vertical-align: middle!important;width: 1.6588em!important;height:.95em!important;border: 1px solid rgba(0,0,0,.25)!important;border-radius: 999px!important;background-color: rgba(0, 0, 0, 0.1)!important;-webkit-transition-duration: .3s!important;-webkit-transition-property: background-color, box-shadow!important;box-shadow: inset 0 0 0 0px adjust-color($check-switch-color, $lightness: -30%, $alpha: -.25)!important;cursor: pointer!important;}form.cookieform .check-switch input[type="checkbox"]:checked + div {background-color: rgb(71,207,115)!important;border: 1px solid adjust-color($check-switch-color, $lightness: -30%, $alpha: -.15)!important;box-shadow: inset 0 0 0 .5em change-color($check-switch-color, $alpha: 0)!important;}form.cookieform .check-switch input[type="checkbox"] + div > div {left: 0!important;width: .95em!important;height: .95em!important;border-radius: inherit!important;background: #ffffff!important;-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1)!important;-webkit-transition-duration: 0.3s!important;-webkit-transition-property: transform, background-color, box-shadow!important;-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1)!important;-moz-transition-duration: 0.3s!important;-moz-transition-property: transform, background-color!important;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.2)!important;margin-top: 0!important;}form.cookieform .check-switch input[type="checkbox"]:checked + div > div {left: 0.699em!important;background-color: #fff!important;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px adjust-color($check-switch-color, $lightness: -35%, $alpha: -.5)!important;}form.cookieform .check-switch .knob.is-dragging {-webkit-transition: none!important;}form.cookieform {margin-top: 50px!important;margin-bottom: 50px!important;}form.cookieform a.btn.btn-primary { color: #000!important; font-weight: 100!important; padding: 0px!important; margin: 0px!important; box-shadow: none!important; border: none!important;}i.material-icons {vertical-align: text-top!important;}
div#cookievoorkeuren .modal-dialog .modal-content {height: auto!important;} form.cookieform .check-switch input[type="checkbox"]:checked + div > div {    position: relative;left: 23px!important;background-color: #fff!important;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px adjust-color($check-switch-color, $lightness: -35%, $alpha: -.5)!important;   }       form.cookieform .check-switch input[type="checkbox"] + div > div {left: 0!important;        width: 23px!important;      height: 23px!important; }   form.cookieform .check-switch input[type="checkbox"] + .track {vertical-align: middle!important;width: 45px!important;height: 25px!important;      }       .modal form.cookieform {    margin-top: 0px!important;    margin-bottom: 0px!important;}
div#cookievoorkeuren .modal-content {
    border-radius: 0px;
    box-shadow: none;
    border: none;
}
form.cookieform p a {
    color: #51697b;
    text-decoration: underline;
}



.modal-backdrop {
    z-index: 999999999;
}
div#cookievoorkeuren.modal {
    z-index: 9999999999;
}
div#cookievoorkeuren.modal .modal-content {
    background-color: #51697B;
    padding: 12px;
}
div#cookievoorkeuren.modal .modal-dialog {
    margin: 27vh auto;
}
div#cookievoorkeuren.modal h5.modal-title {
    font-weight: 600;
    color: #ffffff;
    line-height: 41px;
    margin: 0px;
    font-family: 'Lumios Marker';
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 100;
    margin-top: 0px;
}
div#cookievoorkeuren.modal .modal-header {
    border: none;
}
div#cookievoorkeuren.modal .modal-header p {
    color: #fff;
}
div#cookievoorkeuren.modal form.cookieform {
    background-color: transparent;
    margin: 0px;
    padding: 0px;
}
div#cookievoorkeuren.modal a.btn-secondary {
    background-color: #637888;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid #637888;
    padding: 10px 14px;
    transition: 0.3s;
    display: inline-block;
    line-height: 22px;
    margin-top: 20px;
    border-radius: 0px;
}
div#cookievoorkeuren.modal a.btn-secondary:hover {
    opacity: 0.7;
}
form.cookieform input#submit {
    padding: 10px 14px!important;
    box-shadow: none;
    font-weight: 400!important;
}

.mosaic.newsbrief .banner .button {
    margin-bottom: 30px;
}
.newsbrief .imageblok {
    margin-bottom: -70px;
}
.newsbrief .banner {
    height: auto;
    padding-right: 30px;
}

div.modal {
    z-index: 9999999999;
}
.modal-backdrop {
    z-index: 999999999;
}
div#cartPopUp.in {
    z-index: 9999999999;
}

.mfp-wrap {
    z-index: 11111111043!important;
}
.mfp-bg {
    z-index: 11111111042!important;
}

#cart.checkout .bordebox span.material-icons-outlined.bttcustom {
    background-color: #F3F3F3;
    color: #3E3E3E;
    padding: 25px;
    font-size: 18px;
}


#cart.checkout .bordebox span.material-icons-outlined.bttcustom {background-color: #F3F3F3;color: #3E3E3E;padding: 25px;font-size: 18px;right: 16px;top: unset;bottom: 1px;}
#cart.checkout .box.first .bordebox {height: 70px;border: 1px solid #E8E8E8;padding: 0px;overflow: unset;background-color: #fff;}
#cart.checkout .btn.btn-info.btn-lg {background: transparent;border: none;border-radius: 0px;box-shadow: none;text-align: left;}
#cart.checkout .box.first h2 {margin-bottom: 13px!Important;font-weight: 500!important;line-height: 20px!important;}
#cart.checkout .box.first .bordebox .toggle p {font-weight: 300;color: #3E3E3E;}
#cart.checkout .box.first .bordebox p b {color: #3E3E3E;font-size: 16px;font-weight: 600;text-transform: lowercase;}
#cart.checkout .box.first .bordebox .bttcustom:hover {opacity: 1;}
#cart.checkout .box.first .bordebox:hover {background-color: #fdfdfd;transition: 0.3s;cursor: pointer;}
#cart.checkout .box.first .bordebox:hover p {opacity: 0.9;}
#cart.checkout .box.first .bordebox:hover span.material-icons-outlined.bttcustom {background-color: #f9f9f9;font-size: 14px;padding: 27px;}
#cart.checkout .modal-header .close {font-size: 30px;margin-top: 0px;right: 0px;}

#selectDealerWrapper { position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #33333385;z-index: 999999;}
#selectDealer {position: absolute;z-index: 9999;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 400px;max-width: 100vw;}
#selectDealer .modal-content input#searchdealers {background-color: #edf0f2;border: none;height: 36px;width: calc(100% - 70px);color: rgb(62 62 62 / 50%);padding: 12px;}
#selectDealer .modal-content a.asearch span {color: #33475b;background-color: #feed01;font-size: 18px;padding: 9px;position: absolute;margin-left: 0px;}
#selectDealer .modal-body {height: 57vh;overflow-y: scroll;}
#selectDealer .modal-body::-webkit-scrollbar {width: 5px;}
#selectDealer .modal-body::-webkit-scrollbar-track {border-radius: 0px;background-color:  #E8E8E8;}
#selectDealer .modal-body::-webkit-scrollbar-thumb {background: #51697B;border-radius: 0px;}
#selectDealer .modal-body::-webkit-scrollbar-thumb:hover {background: #435562;}
#selectDealer .checkout_dealer_selector span b {text-transform: lowercase;}
#selectDealer .checkout_dealer_selector span {color: rgb(62 62 62 / 67%);font-weight: 400!important;text-transform: lowercase;font-size: 12px;}
#selectDealer .checkout_dealer_selector {margin: 0px;height: 76px;}
#selectDealer input[type="radio"] {float: left;margin-bottom: 20px;margin-top: 14px;margin-left: -16px;margin-right: 21px;}
#selectDealer input[type='radio']:checked:after {border-radius: 15px;position: relative;background-color: #51697b;content: '';display: inline-block;visibility: visible;}
#selectDealer input[type='radio']:after {width: 18px;height: 18px;border-radius: 15px;top: -1px;left: -3px;position: relative;background-color: #edf0f2;content: '';display: inline-block;visibility: visible;}
#selectDealer .modal-header {border-bottom: 1px solid rgb(81 105 123 / 50%);}


#minimenuxs.modal.left .modal-dialog,
#minimenuxs.modal.right .modal-dialog {position: fixed;margin: auto;width: 320px;height: 100%;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
#minimenuxs.modal.left .modal-content,
#minimenuxs.modal.right .modal-content {height: 100%;overflow-y: auto;    }
#minimenuxs.modal.left .modal-body,
#minimenuxs.modal.right .modal-body {padding: 15px 30px;}
#minimenuxs.modal.left.fade .modal-dialog{left: -320px;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;-moz-transition: opacity 0.3s linear, left 0.3s ease-out;-o-transition: opacity 0.3s linear, left 0.3s ease-out;transition: opacity 0.3s linear, left 0.3s ease-out;    }
#minimenuxs.modal.left.fade.in .modal-dialog{left: 0;}
#minimenuxs.modal.right.fade .modal-dialog {right: -320px;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;transition: opacity 0.3s linear, right 0.3s ease-out;    }  
#minimenuxs.modal.right.fade.in .modal-dialog {right: 0;}
#minimenuxs.modal .modal-content {border-radius: 0;border: none;    }
#minimenuxs.modal .modal-header {border-bottom-color: #EEEEEE;background-color: #FAFAFA;    }
#minimenuxs.modal .modal-content {background-color: #608097;}
#minimenuxs.modal li {margin: 15px 0px;}
#minimenuxs.modal li a {color: #fff!important;font-size: 16px;line-height: 24px;font-weight: 300;width: 100%;display: block;}
#minimenuxs.modal hr {margin-top: 20px;margin-bottom: 20px;opacity: 0.2;}
#minimenuxs.modal li span.material-icons-outlined {color: #fff;float: right;margin-top: -18px;font-weight: 100;font-size: 12px;}
#minimenuxs.modal .headercol {background-color: #608097;width: 100%;margin-left: -30px;height: 100vh!important;z-index: 999999;position: absolute;top: 0px;transition: 0s!important;padding: 30px;}
#minimenuxs.modal .head h3 {color: #FFED00;font-size: 16px;line-height: 24px;font-weight: 300;margin: 0px;}
#minimenuxs.modal .head  {margin-bottom: 30px;}
#minimenuxs.modal .head span.material-icons-outlined {color: #FFED00;font-size: 16px;line-height: 26px;padding-right: 10px;}
#minimenuxs.modal .head a.pright {color: #fff;font-weight: 300;float: right;margin-top: -23px;margin-right: 0px;font-size: 16px;}


.rekenhulp.list,.rekenhulp.diepte {margin: 100px 0px;}
.rekenhulp.list .listbox {height: 200px;background-size: cover;background-position: center;transition: 0.3s;}
.rekenhulp.list .listbox:hover {opacity: 0.7;}
.rekenhulp.list .listbox .gradient { background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) 0% 0% no-repeat padding-box;height: 100%;padding: 20px;}
.rekenhulp.list .listbox .align {height: 166px;vertical-align: bottom;display: table-cell;}
.rekenhulp.list .listbox h3 {margin: 0px;color: #fff;font-weight: 400;font-size: 19px;}
.rekenhulp.list .listbox .arrow {background-color: #ffed00;width: 30px;height: 30px;padding: 3px;position: absolute;right: 35px;bottom: 20px;}
.rekenhulp.list .listbox .arrow span.material-icons-outlined {color: #000;font-size: 18px;padding: 3px;}

.rekenhulp.diepte .box.ppbox .boxtitle .left {display: inline-block;width: 70%;}
.rekenhulp.diepte .box.ppbox .boxtitle .right {width: calc(30%);}
.rekenhulp.diepte .box h2 {margin-top: 0px;}
.rekenhulp.diepte .button {box-shadow: none;}
.rekenhulp.diepte button.close.bproduct-add {position: relative;display: inline-block;font-size: 15px;padding: 13px 15px;box-shadow: none;float: left;margin-left: 34px;font-weight: 600;}
.rekenhulp.diepte .modal-header .close {margin-top: -4px;right: 10px;}
.rekenhulp.diepte .modal .box .right label.pure-material-textfield-outlined input {border-bottom: 0px!important;}
.rekenhulp.diepte .modal .box .right .price, 
.rekenhulp.diepte .modal .box .right h3 {width: calc(100% - 190px);}
.rekenhulp.diepte .modal .box .right .pull-right {margin-top: -60px;}
.rekenhulp.diepte .productview.rekenhulp img {margin-bottom: 30px;margin-top: 50px;}
.rekenhulp.diepte .productview {margin-top: 0px!important}
.rekenhulp.diepte .left {font-weight: 600;}
.rekenhulp.diepte .left .tp {opacity: .5;font-weight: 400;margin-top: 0px;font-size: 13px;}
.rekenhulp.diepte .right .pull-right button.material-icons {right: 16px;position: absolute;top: 25px;z-index: 99;}
.rekenhulp.diepte .right .input input {padding: 13px;height: 40px;padding-top: 29px;}
.rekenhulp.diepte .boxtitle {margin-bottom: 15px}
.rekenhulp.diepte .modal .box .right h3 {margin-top: 15px;}


.header.postcode .search-bar {margin-bottom: 50px;}
.header.postcode .search-bar input {background-color: #fff!important;border: none!important;}
.header.postcode button.search_button.btn {background-color: #ffed00;box-shadow: none!important;border-radius: 0px!important;position: absolute;right: 0px;z-index: 999;top: 6px;padding: 15px 13px;padding-bottom: 6px;}
.header.postcode span.material-icons-outlined {font-size: 24px;color: #000;}

.no_results {margin-top: 63px;margin-left: 15px;font-size: 17px;font-weight: 300;}
#results .no-results {padding: 15px;padding-bottom: 50px;font-size: 19px;font-weight: 300;}

/* -- product zoom -- */
#myModal .left {float: left;position: absolute;top: 50%;color: #51697b;}
#myModal .right {float: right;position: absolute;top: 50%;right: 15px;color: #51697b;}
#myModal.modalcustom .modal-dialog {width: calc(100vw - 300px);max-width: 100vw;height: calc(100vh - 100px);margin-top: 50px;}
#myModal.modalcustom {padding: 0px!important;}
#myModal.modalcustom .modal-dialog {width: calc(100vw - 300px);max-width: 100vw;height: calc(100vh - 100px);margin-top: 50px;}
#myModal.modalcustom .modal-content {height: 100%;margin: 0 auto;text-align: center;border: none;}
#myModal.modalcustom .custombg {width: 100%;height: calc(100vh - 150px);display: block;background-size: contain;background-repeat: no-repeat;background-position: center;}

/* -- tabbladen -- */
.tabbladen {margin: 100px 0px;}
.tabbladen ul.nav.nav-tabs {border-color: #D9DEE5;}
.tabbladen .nav-tabs>li>a {color: #51697b;border-radius: 0px;background: transparent!important;border: none!important;text-align: left;padding-right: 15px;font-size: 16px;}
.tabbladen .nav-tabs>li.active>a {font-weight: 400;color: #3e3e3e;border-bottom: 1px solid #3e3e3e!important;}
.tabbladen .relatedproducts .box {margin-top: 30px;margin-bottom: 30px;}
.tabbladen .relatedproducts span.material-icons-outlined {top: 110px;}
.tabbladen .relatedproducts.tegels {padding: 50px 0px;}

/* -- cart steps -- */
.header.postcode .steps {margin-top: 25px;}
.header.postcode .steps .nav li {width: 33.3%;background-color: #f9f9f9;}
.header.postcode .steps .nav-tabs {border: 1px solid #e6e6e6;height: 50px;}
.header.postcode .steps .nav>li>a:focus, .header.postcode .steps .nav>li>a:hover {text-decoration: none;background-color: transparent;color: rgb(62 62 62 / 70%);transition: 0.3s;}
.header.postcode .steps .nav-tabs>li>a:after {content: "";width: 56px;height: 48px;display: block;position: absolute;top: 0px;right: 0px;background-image: url(../images/devider.svg);background-size: contain;background-repeat: no-repeat;}
.header.postcode .steps .nav-tabs>li:last-child>a:after {display: none;}
.header.postcode .steps .nav-tabs>li.done a {background-color: #fff!important;}
.header.postcode .steps .nav-tabs>li.active a {background-color: #fff!important;font-weight: 600;line-height: 23px;}
.header.postcode .steps .nav-tabs>li.active>a:after {background-image: url(../images/devider-active.svg);}
.header.postcode .steps .nav-tabs>li>a {border-radius: 0px;border: none!important;padding: 12px 15px;font-size: 16px;color: #3e3e3e;height: 48px;margin-right: 0px;}

/* -- nieuwe footer -- */
#footer .footer-top .ico {background-color: rgb(255 255 255 / 10%);border-radius: 50%;width: 42px;height: 42px;padding: 10px 11px;color: #FFED00;font-size: 21px!important;position: absolute;}
#footer .footer-top .ico span {font-size: 21px!important;}
#footer .footer-top .ico-content {margin-left: 55px;margin-top: -2px;}
#footer .footer-top .ico-content a,#footer .footer-top .ico-content p,#footer .footer-top .ico-content b {color: #fff;}
#footer .footer-top .col-xs-12.hv {transition: 0.3s;margin-top: 8px;}
#footer .footer-top .col-xs-12.hv:hover {opacity: 0.7;}
#footer .footer-top .ico-content a {font-weight: 100;}
#footer .footer-top .ico-content b {font-weight: 500;}
#footer  hr.hrcus {margin-top: 20px;margin-bottom: 50px;border-top: 1px solid rgb(255 255 255 / 15%);}
#footer .footerlogos img {width: 36px;}
#footer .dealersimg {height: 280px;width: 100%;background-size: contain;background-repeat: no-repeat;background-position: right;position: absolute;top: 0px;z-index: 0;}
#footer h3 {font-family: 'Lumios Marker';color: #FFFFFF;font-size: 24px;line-height: 24px;font-weight: 500;width: 81px;z-index: 1;position: relative;}
#footer a.dealerbtn {color: #ffed00;z-index: 1;position: relative;font-size: 16px;line-height: 24px;transition: 0.3s;}
#footer a.dealerbtn span {margin-right: 5px;font-size: 15px;vertical-align: middle;margin-top: -4px;}
#footer a.dealerbtn:hover {opacity: 0.8;}

.productview a.bldr {position: absolute;bottom: 15px;cursor: pointer;transition: 0.3s;}


/* -- secondary button -- */
a.button.secondary.del {background-color: #dddddd;border-color: #dddddd;}
a.button.secondary.del span {font-size: 19px;vertical-align: middle;margin-top: -2px;margin-right: 5px;}