/* jsloader//css inline code */


.viewcartform {
    padding: 0px;
    margin-bottom: 30px;
    border-radius: 6px;
    overflow: hidden;
}
.viewcartform form {
    margin: 0px;
    padding: 0px;
    border-radius: 6px;
	 border-bottom: 1px #ccc solid;
}

.viewcartform .title {
	background-color: #695846;
	color: #fff;
	padding:10px 0px;
	margin:0px;
	display: block;
	overflow:auto;
}
.viewcartform .item {
    border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-left: 1px #ccc solid;
    margin: 0px !important;
    display: block;
    overflow: hidden;
    text-align: left;
	vertical-align:middle;
	padding: 15px 0;
}

.viewcartform .item img {
    margin-top: 10px;
    width: 120px;
    height: auto;
}

.viewcartform .item:last-child {
    border-bottom: 0px #ccc solid;
}

.viewcartform .column2 {
    width: 35% !important;
    margin: 0px;
    float: left;
    line-height: 30px;
    padding: 0px 1%;
    display: inline-block;
}
.viewcartform .column3 {
    width: 10% !important;
    margin: 0px;
    line-height: 30px;
    text-align: center;
    float: left;
    padding: 0px 1%;
    min-width: 80px;
    display: inline-block;
}
.viewcartform .column4 {
    width: 180px !important;
    margin: 0px;
    text-align: center;
    float: left;
    line-height: 30px;
    padding: 0px 1%;
    display: inline-block;
}
.viewcartform .column5 {
    width: 12% !important;
    min-width: 80px;
    margin: 0px;
    line-height: 30px;
    float: right;
    padding: 0px 1%;
    display: inline-block;
}

.viewcartform .title .column5 {
    margin-right: 30px;
}

.viewcartform .cartsubtotal {
    float: left;
    padding: 3px;
}
.viewcartform .invoer {
    float: right;
    padding: 5px;
    margin-right: 15px;
}
.invoer input[type=button]:hover {
    color: #0C3 !important;
    background-color: transparent
}
.viewcartform input[type=text] {
    width: 50px;
    border: 1px solid #cdcdcd;
}
.viewcartform input[type=submit],
.viewcartform input[type=button] {
    float: left;
    margin: 0px 1% !important;
    padding: 10px;
}

.viewcartform .total {text-align:right; font-size:16px;}
.viewcartform .total .price { padding:0px;}
.viewcartform .total input[type=submit],
.viewcartform .total input[type=button] {
	float:none;
    margin: 0 0 0 10px !important;
}

.viewcartform .total .price .two-column{ padding:0px 0px; margin:0px}
.deletebutton {
    color: #999 !important
}
.deletebutton:hover {
    color: #093 !important
}

.quantity {
    display: inline-block;
}

main .button.dec {
    float: left;
    display: block;
    text-align: center;
    cursor: pointer;
    margin: 0;
    border-radius: 6px 0 0 6px;
    font-size: 14px;
}
main .button.inc {
    float: left;
    display: block;
    text-align: center;
    margin:0;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    font-size: 14px;
}
.itemtotal {
    float: left;
    display: block;
}
.quantity input[type=text] {
    text-align: center;
    font-size: 14px;
    height: 32px;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    width: 35px;
}
.quantity input {
    text-align: center !important;
    font-size: 14px;
}
.invoer input[type=button] {
    margin: 0px 10% !important;
    padding: 0px !important;
    font-weight: 400 !important;
    font-size: 22px;
    border: 0;
    color: #3c260c;
    cursor: pointer;
    font-family: 'FontAwesome';
    background-color: transparent;
}
.invoer input[type=button]:hover {
    color: #000 !important
}
.invoer input[type=checkbox],
.invoer input[type=submit] {
    display: none
}

.carttotals {
    margin: 15px 0;
}

.checkoutbuttons {
    padding: 15px 15px 0 0!important;
}

.checkoutbuttons p:last-child {
    margin-bottom: 0;
}

.carttotals .verzendkosten {
    margin-top: 20px;
}

@media only screen and (min-width: 992px) {

}

@media only screen and (max-width: 1449px) {
	


}

@media only screen and (max-width: 1199px) {



}

@media only screen and (max-width: 991px) {
	

	
}

@media only screen and (max-width: 767px) {
    .viewcartform .title .column5 {
        margin-right: 0;
        text-align: right;
    }
    
    .viewcartform .column5 {
        text-align: right;
    }
    
    .viewcartform .column3, .viewcartform .column4 {
        width: 120px!important;
    }
    
    .viewcartform .column2 {
        line-height:20px;
    }
    
    .viewcartform .title .column2 {
        line-height:30px;
    }
    
    .viewcartform .invoer {
        margin-right: 3px;
        margin-top: -45px;
    }
    
    .viewcartform .cartsubtotal {
        float: none;
    }
}

/* jsloader//css inline code */


    .couponcode input[type="submit"] {
        background: #03e6d5;
        -moz-appearance: none;
        -webkit-appearance: none;
        line-height: 20px;
        display: inline-block;
        border-radius: 6px;
        border: 0 none!important;
        color: #fff;
        cursor: pointer;
        padding: 6px 15px;
        float: none!important;
        transition: all 0.3s;
    }
    
    .coupontrigger {
        text-decoration: underline;
        cursor: pointer;
    }
    
    .viewcartform .couponcode input[type="text"] {
        width: auto;
        text-align: center;
    }
    
    @media only screen and (min-width: 992px) {
        .couponcode input[type="submit"]:hover {
            background: #ccc;
            color: #fff;
        }
    }

/* jsloader//css inline code */


.row.merkmenu {
    margin: 0 0 30px 0;
}

.merkmenu > div {
    margin-top: 20px;
}
.merkmenu span {
    display: table;
    width: 100%;
    text-align: center;
    padding: 5px;
    height: 50px;
    background: #fce5e1;
    color: #333;
    font-size: 14px;
    margin-top: 0;
    line-height: 15px;
    transition: all 0.3s;
}

.merkmenu span span {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding: 0;
}

.merkmenu img {
    transition: all 0.3s;
    opacity: 0.9;
}

.merkmenu a:link, .merkmenu a:visited {
    text-decoration: none;
    display: block;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 26px;
    overflow: hidden;
    transition: all 0.3s;
}



@media only screen and (min-width: 992px) {
    .merkmenu > div:hover img {
        transform: scale(0.95);
    }
    
    .merkmenu > div:hover span {
        background: #ccc;
    }
    
    .merkmenu .col-md-2 {
        width: 20%
    }
}

@media only screen and (max-width: 991px) {
    .merkmenu {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .row.merkmenu {
        margin: 0 7.5px 0 7.5px;
    }
    
    .merkmenu .col-xs-6 {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    
    .merkmenu a:link, .merkmenu a:visited {
        margin-bottom: 15px;
    }
}


/* jsloader//css inline code */




.show_popup {
    display: block;
    height: 50px;
    overflow: hidden;
    width: 50px;
    text-align: center;
    background-color: #333;
    color: #fff!important;
    font-size: 24px;
    border-radius: 50%;
    line-height: 54px;
    font-weight: bold;
    position: absolute;
    top: 182px;
    left: 15px;
    cursor: pointer;
    z-index: 999;
}

.pulse {
    animation: pulse 1.5s 5;
}


#popup2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 900000; /* Sit on top */
    padding-top: 40px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

#popupbox2 {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 30px;
    border: 1px solid #888;
    width: 85%;
    max-width: 600px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

#popupbox2 .close {
    color: #333;
    float: right;
    opacity: 1;
    font-size: 28px;
    font-weight: bold;
}

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

#popupbox2 p {
    font-weight: bold;
}

#popupbox2 p:last-child {
    margin-bottom: 0;
}

#popupbox2 img {
    max-width: 50%;
    /*margin: 10px;*/
}

#popupbox2 iframe {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {

    #popup2 {
        padding-top: 30px;
    }
    
    #popupbox2 {
        font-size: 15px;
        max-height: calc(100vh - 100px);
    }
    
    #popupbox2 .close {
        margin: -30px -25px 10px 10px;
    }
    
    #popupbox2 img {
    max-width: 100%;
    /*margin: 10px;*/
    }
    
    .show_popup {
        width: 40px;
        height: 40px;
        top: 72px;
        left: 8px;
        line-height: 44px;
    }

}

/* jsloader//css inline code */


.formbuilderform {
    padding-bottom: 20px;
}

.formbuilderform > div > div {
    display: inline-block;
    /*width: 30%;
    margin: 10px;*/
    margin-bottom: 15px;
}

.formbuilderform >div > div.textarea {
    width: 100%;
    margin-bottom: 14px;
    border-radius: 0;
}

.formbuilderform input[type="text"], .formbuilderform input[type="email"], .formbuilderform textarea, .formbuilderform input[type="submit"] {
    border: 0 none;
    height: 40px;
    /*text-transform: uppercase;*/
    /*font-family: 'Montserrat', sans-serif;*/
    padding: 0 15px;
    background: #fce5e1;
    color:#333;
    width: 100%;
    border-radius: 6px;
    -webkit-appearance: none;
}

footer .formbuilderform input[type="text"], footer .formbuilderform input[type="email"], footer .formbuilderform textarea {
    background: #fff;
}

.formbuilderform textarea {
    height: 120px;
    padding: 15px;
    border-radius: 6px;
}

.formbuilderform input[type="submit"] {
    background: #695846;
    background: #fce5e1;
    border-radius: 6px;
    color: #fff;
    color: #333;
    transition: all 0.3s;
    font-weight: 600;
}

.captcha {
    clear: both;
}

@media only screen and (min-width: 992px) {
    .formbuilderform input[type="submit"]:hover {
        background: #ccc;
    }
}

@media only screen and (max-width: 1199px) {

    .formbuilderform input[type="text"], .formbuilderform input[type="email"], .formbuilderform input[type="submit"] {
        height: 40px;
    }
    
    .formbuilderform textarea {
        height: 100px;
    }

}

@media only screen and (max-width: 767px) {
    
    .formbuilderform {
        padding-bottom: 0;
    }
    
    .formbuilderform > div > div {
        display: block;
        margin-bottom: 15px;
    }
    
    .formbuilderform >div > div.textarea {
        margin-bottom: 5px;
    }
    
}



/* jsloader//css remote https://cdn.nextdoormedia.nl/assets/css/ie10-viewport-bug-workaround.css */
/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

/* jsloader//css remote https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16WXh0ow.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Xw5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Hw5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr73w5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w5aX8.ttf) format('truetype');
}

/* jsloader//css remote https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPc.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eL.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eL.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtF.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eL.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eL.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eL.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eL.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eL.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtF.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlEA.ttf) format('truetype');
}