/*!
Theme Name: Studio Graafland
Author: Lost Sheeps
Author URI: https://www.lostsheeps.nl/
Description: Theme specially designed and developed for Studio Graafland.
Version: 1.4.83
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, page-templates, custom-post-types, post-formats, featured-images, translation-ready, custom-menus, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, post-formats, theme-options, translation-ready, accessibility-ready
Text Domain: tensheep
*/

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

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}
body { line-height: 1 }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block }
nav ul { list-style: none }
blockquote,
q { quotes: none }
blockquote:before,
blockquote:after,
q:before,
q:after { content: none }
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #37A77A;
}
/*    a:hover{ color: #ffffff; background-color: #37A77A }*/
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}
del { text-decoration: line-through }
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
input,
select { vertical-align: middle }
.white { color: #fff }
.black { color: #000 }
.grey { color: #4b4b4b }
.green { color: #92AF17 }
.red { color: red; }
.yellow,
.pink { color: #ea5097 }
.brown { color: #cfcec8 }
.blue { color: #78c7ca; }
.width-700 { width: 700px !important;}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'alles-kidzz';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-envelope-o:before { content: "\f003"; }
.icon-user:before { content: "\f007"; }
.icon-check:before { content: "\f00c"; }
.icon-close:before { content: "\f00d"; }
.icon-remove:before { content: "\f00d"; }
.icon-times:before { content: "\f00d"; }
.icon-refresh:before { content: "\f021"; }
.icon-camera:before { content: "\f030"; }
.icon-image:before { content: "\f03e"; }
.icon-photo:before { content: "\f03e"; }
.icon-picture-o:before { content: "\f03e"; }
.icon-pencil:before { content: "\f040"; }
.icon-chevron-left:before { content: "\f053"; }
.icon-chevron-right:before { content: "\f054"; }
.icon-minus-circle:before { content: "\f056"; }
.icon-question-circle:before { content: "\f059"; }
.icon-info-circle:before { content: "\f05a"; }
.icon-arrow-left:before { content: "\f060"; }
.icon-arrow-right:before { content: "\f061"; }
.icon-plus:before { content: "\f067"; }
.icon-minus:before { content: "\f068"; }
.icon-exclamation-circle:before { content: "\f06a"; }
.icon-exclamation-triangle:before { content: "\f071"; }
.icon-warning:before { content: "\f071"; }
.icon-comment:before { content: "\f075"; }
.icon-chevron-down:before { content: "\f078"; }
.icon-shopping-cart:before { content: "\f07a"; }
.icon-comments:before { content: "\f086"; }
.icon-bell-o:before { content: "\f0a2"; }
.icon-money:before { content: "\f0d6"; }
.icon-rotate-left:before { content: "\f0e2"; }
.icon-undo:before { content: "\f0e2"; }
.icon-bell:before { content: "\f0f3"; }
.icon-trash:before { content: "\f1f8"; }
.icon { margin-right: 15px }
.icon.icon-right {
    margin-left: 15px;
    margin-right: 0
}
.left { float: left }
.right { float: right }
.hide { display: none }
.hidden {
    display: none!important;
    visibility: hidden
}
.w100 {
    display: block;
    width: 100%
}
.w75 {
    display: block;
    width: 75%
}
.w67 {
    display: block;
    width: 66.667%
}
.w50 {
    display: block;
    width: 50%
}
.w33 {
    display: block;
    width: 33.333%
}
.w25 {
    display: block;
    width: 25%
}
.w125 {
    display: block;
    width: 12.5%
}
.flow { overflow: hidden }
.cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.flow { overflow: hidden }
body {
    font-family: "ff-tisa-sans-web-pro",sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #1A1E2D;
    background-color: #F7F2F2;
    background-image: url("images/circles.svg");
    background-repeat: no-repeat;
    background-position: 0% 32.8%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1,
.h1 {
    color: #33A676;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    margin: 0 0 60px 0
}

.margin-bottom80 {
    margin-bottom: 80px;
}

h2,
.h2 {
    color: #74BCC0;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
}
h2.h1,
.h2.h1 { color: #33A676; }
h3 { 
    color: #74BCC0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 30px;
}
h4 {
    color: #1A1E2D;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}
p { margin: 0 0 20px 0;
    padding-right: 10px;
}

a {
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}
    a:focus { outline: 0 }
strong { font-weight: 700; }
small { font-size: 16px; }
.blue { color: #77C7C9; }
.entry-content ol,
.entry-content ul {
    padding-left: 14px;
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 15px;
}
.entry-content .woocommerce ul {
    padding-left: 3.5em;
    color: inherit;
}

.icon-arrow-right {
    color: #2c6f54;
}

#addcode .icon-plus {
    padding: 3px 5px;
    background-color: white;
    color: #92AF17;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#addcode .code-plus {
    border: none;
    box-shadow: none;
}

#order_summary {
    margin-top: 30px;
    background-color: transparent;
    min-height: 200px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
    #order_summary_title {
        margin-bottom: 65px;
        margin-top: 30px;
        color: #74BCC0;
        font-size: 28px;
        text-align: center;
    }

    .order_items_headline {
        margin-bottom: 20px !important;
        font-size: 20px !important;
        font-weight: 500;
        color: #37A77A;
    }

    .order_item_line {
        padding-left: 15px;
        font-size: 18px;
        margin: 10px 0;
        width: 80%;
        clear: both;
        overflow: hidden;
    }
        .order_item_name {
            width: 225px;
            min-height: 1px;
            margin-left: 60px;
            float:left;
        }
        .order_item_quantity {
            width: 283px;
            margin-left: 60px;
            float:left;
            text-align: center;

        }
        .order_item_subtotal {
            width: 130px;
            min-height: 1px;
            margin-left: 60px;
            float:left;
            text-align: center;
        }

        .order_summary_underline_products {
            margin: 15px 0;
            width: 83%;
            height: 1px;
            border: 1px solid #74BCC0;
            clear: left;
        }
        .order_summary_underline_totals {
            margin: 15px 17% 15px 0;
            width: 50%;
            height: 1px;
            border: 1px solid #37A77A;
            clear: left;
            float: right;
        }
        .order_items_name_width {
            width: 200px;
        }
        .order_items_total_price {
            width: 80px;
            margin-left: 39px;
            float:left;
        }
        .order_items_text_left{
            text-align: left;
            padding-left: 109px;
        }
        .total_headline_custom {
            width: 170px;
            margin-left: 30px;
        }
        .item_summary_notification {
            text-align: right;
            padding-right: 17% !important;
        }

    .entry-content .woocommerce ul.woocommerce-error { color: #b81c23; }
.cursor { cursor: pointer }
button,
input,
textarea,
select { 
    font-family: 'ff-tisa-sans-web-pro';
    font-style: normal;
    font-weight: 300;
}
input[type="button"],
input[type="submit"],
input[type="password"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: 'ff-tisa-sans-web-pro';
}
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus {
    border-color: #000;
    outline: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
textarea {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}
textarea:focus {
    outline: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
button,
input[type="button"],
input[type="submit"] {
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus { outline: 0 }
.button {
    width: 350px;
    height: 70px;
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.button.remove {
    color: #d41318;
    border: 3px solid #d41318;
    background-color: #ee464a;
}
.button.remove:hover {
    color: #fff;
    background-color: #d41318;
}
.button.submit {
    color: #12943a;
    border: 3px solid #12943a;
    background-color: #1ad855;
}
.button.submit:hover {
    color: #fff;
    background-color: #12943a
}
.wpcf7-wpgdprc .wpcf7-list-item {
    margin: 0 !important;
    display: inline !important;
    padding: 0;
}
.button.button-s { width: 200px }
.wpcf7-form p {
    margin-bottom: 0;
    overflow: hidden
}
.wpcf7-form { overflow: hidden; }
    .wpcf7-form span.wpgdprc {
        display: block;
        margin-bottom: 20px;
    }
.wpcf7-recaptcha { margin-bottom: 40px; }
.wpcf7-form-control-wrap { display: block; }
.wpcf7-form .input-text {
    width: 100%;
    height: 50px;
    border: 1px #37A77A solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: black;
    font-size: 20px;
    padding: 15px;
    margin-bottom: 20px;
    resize: none;
}
.wpcf7-form .input-text.wpcf7-not-valid {
    color: #f00;
    border-color: #f00;
    margin-bottom: 40px;
}
    .wpcf7-form .input-text.wpcf7-not-valid:focus {
        color: black;
        border-color: #37A77A;
    }
.wpcf7-not-valid-tip {
    position: absolute;
    bottom: 15px;
}

.wpcf7-form .input-text::placeholder { color: #74BCC0; }

.woocommerce-cart table.cart img {
    width: 110px;
    box-shadow: none;
}

.wpcf7-textarea { height: 200px!important }
.input-underline {
    display: none;
    position: absolute;
    left: 15px;
    height: 1px;
    width: 570px;
    background-color: #92AF17
}
.input-underline#name { top: 41px }
.input-underline#school { top: 111px }
.input-underline#klas { top: 180px; }
.input-underline#mail { top: 739px }
.input-underline#email { top: 111px }
.input-underline#subject { top: 180px }
.input-underline#message { top: 400px }
.input-underline#clothes{ top: 450px; }
.input-underline#characteristics{ top: 669px; }

.wpcf7-submit {
    display: table;
    background: #37A77A;
/*    background: -moz-linear-gradient(45deg, #bc0064 0, #e6007e 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #bc0064), color-stop(100%, #e6007e));
    background: -webkit-linear-gradient(45deg, #bc0064 0, #e6007e 100%);
    background: -o-linear-gradient(45deg, #bc0064 0, #e6007e 100%);
    background: -ms-linear-gradient(45deg, #bc0064 0, #e6007e 100%);
    background: linear-gradient(45deg, #bc0064 0, #e6007e 100%);*/
    min-width: 200px;
    width: auto;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    height: 50px;
    text-align: center;
    font-style: italic;
    border: 1px solid #258369 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

#contact-button {
    float: right;
}

input[type="radio"] {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:transparent;
    border-radius:50px;
    border:3px solid #37A77A;
    outline: none;
}

#geslacht {
    color: #37A77A;
}

#gender-code-lost {
    color: #74BCC0;
    font-size: 20px;
    padding-right: 0;
    margin-left: 16px;
}

.wpcf7-submit:hover {
    background: #fff;
/*    background: -moz-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -o-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -ms-linear-gradient(45deg, #fff 0, #fff 100%);
    background: linear-gradient(45deg, #fff 0, #fff 100%);*/
    color: #37A77A;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border: 1px solid #258369 !important;
}
input[type="radio"] {
    width: 25px;
    height: 25px;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.wpcf7-list-item.first { margin-left: 75px }
.wpcf7-list-item { margin-right: 85px }

input[type="radio"]:checked {
    width: 22px;
    height: 22px;
    border: 4px solid #f7f2f2;
    background-color: #37A77A;
    box-shadow: 0px 0px 0px 3px #37A77A;
    outline: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    outline: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.ui-state-default,
.ui-widget-content {
    background: 0;
    border: 0!important
}
.ui-state-default a,
.ui-widget-content a { color: white!important}
.faq .ui-accordion .ui-accordion-icons {
    float: left;
    width: 100%!important;
    padding: 10px;
    border-radius: 0
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -webkit-transition: translate3d(0, 0, 0)
}
html {
    position: relative;
    min-height: 100%
}
body {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: rgb(26,31,45);
    line-height: 22px;
}
#wrapper {
    display: table;
    width: 100%;
    min-height: 100%
}
.announcement {
    height: 50px;
    padding-right: 1rem;
    padding-left: 1rem;
    text-align: center;
    line-height: 50px;
    overflow: hidden;
}
    .announcement-1 { 
        color: white;
        background-color: #f1c40f;
    }
    .announcement a {
        color:white;
        font-weight: bold;
        border-bottom: 2px solid;
    }
        .announcement a:hover { color: #ea5097; }
#header #mainmenu {
    display: block;
    float: right;
    font-size: 18px;
    margin-top: 23px
}
#header #mainmenu .menu { float: left }
    #header:after {
        display: table;
        content: '';
        clear: both
    }
    #header #mainmenu .menu .menu-item {
        display: inline-block;
        list-style: none;
        margin-left: 40px
    }
        #header #mainmenu .menu .menu-item a { color: #33A676; }
        #header #mainmenu .menu .menu-item a:hover, 
        #header #mainmenu .menu .menu-item.current-menu-item a {
            border-bottom: 2px solid #33A676;
            -webkit-transition: color .4s ease;
            -moz-transition: color .4s ease;
            transition: color .4s ease;
        }
        #header #mainmenu .menu .menu-item a:hover {
            background-color: transparent;
        }

#logo {
    display: block;
    float: left;
    height: 50px;
    font-family: 'ff-tisa-sans-web-pro';
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 9px 0 10px 0;
    cursor: pointer;
}
    #logo span { color: #1A1E2D !important; }    
    #logo img{
        display: block;
        float:left;
    }
    #logo .logo-icon { 
        height:100%;
        margin-right: 10px;
    }
    #logo .logo-text { 
        height: 43px;
        margin-top: 10px;
    }

    #logo:hover {
       background-color: transparent;
    }

#main { display: block }
#greyblock {
    display: block;
    float: left
}
#brownblock {
/*    background-color: #f1f2f1;*/
    width: 100%;
    height: auto;
    padding-bottom: 50px
}
.blue { color: #77C7C9; }
#content,
#contact { padding: 90px 0 60px 0 }
.contact .medium { margin: 0 auto }

#content.bestellingsoverzicht { padding: 90px 0 30px }
.woocommerce-info.support-notice { 
    margin-top: 2em;
    margin-bottom: 0;
}
.woocommerce-info {
    margin-bottom: 30px;
    border-top-color: #ea5097;
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 0 0px 5px 0 rgba(0,0,0,.45);
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.45);
}
    .woocommerce-info:before {
        color: #ea5097;
        content: "\e010";
    }
    .woocommerce-info p:last-of-type { margin-bottom: 0 }
    @media only screen and (max-width: 1119px) {
        .woocommerce-info { width: 100%; }
    }
#footer {
    font-size: 14px;
    padding: 15px 0;
    border-top: 1px solid black
}

#footer a {
    background-color: transparent;
    color: #000000;
}

#footer a:hover {
    color: #37A77A;
}

#footer .left, 
#footer .right { font-weight: 500 }
#footer .right { text-align: right; }
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8)
}
#overlay #overlay-bg {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}
#overlay .overlay-content {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    width: 50%;
    max-width: 800px;
    height: auto;
    background: #fff;
    padding: 20px;
    margin-left: -17.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}
#overlay .overlay-content .h2 {
    color: #fc3896;
    margin-bottom: 30px
}
#overlay .overlay-content p { color: #000 }
#overlay .overlay-content .photo-code { font-weight: 700 }
#overlay #overlay-preview {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden
}
#overlay .overlay-img {
    float: left;
    width: 75px;
    height: auto
}
#overlay .overlay-title {
    float: left;
    width: auto;
    color: #fc3896;
    margin-bottom: 30px
}
#overlay .overlay-product {
    display: block;
    width: 100%;
    height: 50px;
    margin-bottom: 15px
}
#overlay .overlay-product .product-title {
    float: left;
    display: block;
    width: 50%
}
#overlay .overlay-product .product-quantity {
    float: left;
    display: block;
    width: 50%
}
#overlay .overlay-product .product-quantity .button {
    float: left;
    width: 25px;
    height: 25px
}
.center1120 {
    width: 1120px;
    height: auto;
    margin: 0 auto;
    position: relative
}
.center1120:after {
    display: table;
    content: '';
    clear: both
}
.center {
    width: auto;
    height: auto;
    margin: 0 auto;
}
.medium { width: 620px }
.mark-f,
.mark-s {
    position: absolute
}
#step-nav {
    display: block;
    height: 50px;
    width: 450px;
    font-size: 18px;
    margin: 0 auto;
    position: relative;
    clear: both;
    margin-bottom: 20px
}
#step-nav .nav {
    display: table;
    background:#37A77A;
/*    background: -moz-linear-gradient(45deg, #bc0064 0, #e6007e 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #bc0064), color-stop(100%, #e6007e));
    background: -webkit-linear-gradient(45deg, #bc0064 0, #e6007e 100%);
    background: -o-linear-gradient(45deg, #bc0064 0, #e6007e 100%);
    background: -ms-linear-gradient(45deg, #bc0064 0, #e6007e 100%);
    background: linear-gradient(45deg, #bc0064 0, #e6007e 100%);*/
    float: left;
    width: 49%;
    color: #fff;
    font-size: 18px;
    height: 100%;
    text-align: center;
    border: 1.4px solid #448812;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
#step-nav .nav span {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}
#step-nav .nav.next:hover {
    background: #fff;
    /*    background: -moz-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -o-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -ms-linear-gradient(45deg, #fff 0, #fff 100%);
    background: linear-gradient(45deg, #fff 0, #fff 100%);*/
    color: #37A77A;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
#step-nav .nav.empty {
    margin-right: 2%;
    opacity: .5;
    color: #ea5097;
    cursor: not-allowed
}
#step-nav button.nav span {
    display: initial;
    height: 100%;
    vertical-align: middle
}
#step-nav .empty {
    float: left;
    background-color: #ea5097;
    cursor: default
}
#step-nav .previous {
    float: left;
    border: 1.4px solid #4a8f93;
    color: white;
    background-color: #74BCC0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 4px;
    font-style: italic;
    /*background: -moz-linear-gradient(299deg, rgba(139,23,87,1) 0%, rgba(117,19,73,1) 100%);*/
    /*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(139,23,87,1)), color-stop(100%, rgba(117,19,73,1)));*/
    /*background: -webkit-linear-gradient(299deg, rgba(139,23,87,1) 0%, rgba(117,19,73,1) 100%);*/
    /*background: -o-linear-gradient(299deg, rgba(139,23,87,1) 0%, rgba(117,19,73,1) 100%);*/
    /*background: -ms-linear-gradient(299deg, rgba(139,23,87,1) 0%, rgba(117,19,73,1) 100%);*/
    /*background: linear-gradient(151deg, rgba(139,23,87,1) 0%, rgba(117,19,73,1) 100%);*/
    cursor: pointer
}
#step-nav .previous:hover {
    /*background: -moz-linear-gradient(45deg, #fff 0, #fff 100%);*/
    /*background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));*/
    /*background: -webkit-linear-gradient(45deg, #fff 0, #fff 100%);*/
    /*background: -o-linear-gradient(45deg, #fff 0, #fff 100%);*/
    /*background: -ms-linear-gradient(45deg, #fff 0, #fff 100%);*/
    /*background: linear-gradient(45deg, #fff 0, #fff 100%);*/
    background-color: white;
    color: #74BCC0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
#step-nav .previous a {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}
#step-nav .prev {
    float: left;
    font-style: italic;
    background-color: #fc3896;
}
#step-nav .prev:hover {
    color: #ea5097;
    background-color: white;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
#step-nav .next {
    float: right;
    font-style: italic;
    background-color: #37A77A;
    border-radius: 4px;
}
#step-nav .next:hover {
    color: #ea5097;
    background-color: white;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.cart-collaterals .button-ak {
    position: absolute;
    bottom: 0;
    left: 0;
}
.table {
    display: table;
    width: 100%;
    height: 100%;
}
.table .table-cell {
    display: table-cell;
    vertical-align: middle
}
.margin-bottom20 { margin-bottom: 20px!important }
.home #step-nav { width: 220px }
    .home #step-nav .nav {
        float: none;
        width: 100%
    }
.ik-ben-mijn-code-kwijt .screen-reader-response { display: none }
.home #content {
    display: table;
    width: 100%;
    height: 500px;
    padding: 0
}
.home #content .center1120 {
    display: table-cell;
    vertical-align: middle
}
.home #content h1 {
    /*text-align: ;*/
    display: block;
    margin-top: 7px!important;
    margin-bottom: 7px!important;
    font-weight: 400;
}

.title-wrapper {
    padding: 2px 20px;
    width: 850px;
    border-radius: 40px;
    background-color: rgba(255,255,255,.75);
}
.content-wrapper {
    padding: 20px;
    background-color: rgba(255,255,255,.75);
    border-radius: 10px;
}
    .content-wrapper p:last-of-type { margin-bottom: 0 }

#arrow-down {
    display: block;
    width: 7%;
    /*height: 7%;*/
    margin-top: 3em;
    margin-right: auto;
    margin-left: auto;
}

.color-moss {
    color: #37A77A;
}

.margin-top250 {
    margin-top: 250px;
}

.margin-top80 {
    margin-top: 80px;
}

.codes-page { 
    position: relative;
    margin-top: 100px;
}
    .codes-page:after {
        content: '';
        display: block;
        clear:both;
    }
.login .code {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.added-input-text {
    background-color: #ace3ca;
}

.added-input-text::placeholder {
    color: #59a47d;
}

.login .code .input-text {
    width: 418px;
    margin-right: 7px;
    height: 50px;
    border: 1px #37A77A solid;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 4px;
    float: left;
    font-size: 20px;
    padding: 15px;
}
.login .code .input-text:focus {
    outline: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.font-italic {font-style: italic; }

.login .code .remv {
    background: #59a47d;
    /*background: -moz-linear-gradient(45deg, #bc0064 0, #e6007e 100%);*/
    /*background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #bc0064), color-stop(100%, #e6007e));*/
    /*background: -webkit-linear-gradient(45deg, #bc0064 0, #e6007e 100%);*/
    /*background: -o-linear-gradient(45deg, #bc0064 0, #e6007e 100%);*/
    /*background: -ms-linear-gradient(45deg, #bc0064 0, #e6007e 100%);*/
    /*background: linear-gradient(45deg, #bc0064 0, #e6007e 100%);*/
    width: 175px;
    height: 50px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 4px;
    float: right;
    color: white;
    font-size: 20px;
    font-style: italic;
    cursor: pointer;
    text-align: center;
    padding: 14px 0 0 0;
    border: 1px solid #305d46
}
.login .code .remv:hover {
    background: -moz-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -o-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -ms-linear-gradient(45deg, #fff 0, #fff 100%);
    background: linear-gradient(45deg, #fff 0, #fff 100%);
    color: #59a47d;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.login .code .input-underline {
    position: absolute;
    top: 41px;
    left: 15px;
    height: 1px;
    width: 370px;
    background-color: #f0f0f0
}
.login .code.c-1 .input-underline { width: 570px; }
.login .mark-f {
    width: 400px;
    height: 50px;
    border: 1px solid #f00;
    color: red;
    background-color: rgba(255, 0, 0, 0.2);
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    padding: 15px;
    border-radius: 4px;
}
.login .mark-f .icon { margin-right: 0; }
.login .mark-f .input-underline { background-color: red }
.login .mark-s {
    height: 50px;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    padding: 15px;
    background-color: rgba(55,167,122,.2);
    border-color: #37A77A;
}
.login .mark-s .icon { 
    margin: 0;
    color: #37A77A;
}
.login .mark-s .input-underline { border-color: #37A77A; }
.login .code .input-text {
    width: 430px;
    height: 50px;
    border: 1px #37A77A solid;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 4px;
    float: left;
    font-size: 20px;
    color: #000000;
    padding: 15px;
    margin-right: 0;
    margin-bottom: 15px;
}
.login .code.c-1 .input-text:focus {
    outline: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.login .code input[name="code-1"] { width: 100%; }
.login .code.c-1 .input-text::placeholder {
    color: #74BCC0
}
.login .code.c-1 .input-underline {
    position: absolute;
    top: 41px;
    left: 15px;
    height: 1.45px;
    width: 570px;
    background-color: #92AF17;
}
.login .code.c-1 .mark-f,
.login .code.c-1 .mark-s {
    display: block;
    width: 100%
}
.login .code.c-1 .mark-f .input-underline {
    background-color: red
}
#addcode {
    width: 100%;
    height: 50px;
    font-style: italic;
    background: #92AF17;
/*    background: -moz-linear-gradient(45deg, #17bd4a 0, #1ad855 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #17bd4a), color-stop(100%, #1ad855));
    background: -webkit-linear-gradient(45deg, #17bd4a 0, #1ad855 100%);
    background: -o-linear-gradient(45deg, #17bd4a 0, #1ad855 100%);
    background: -ms-linear-gradient(45deg, #17bd4a 0, #1ad855 100%);
    background: linear-gradient(45deg, #17bd4a 0, #1ad855 100%);*/
    color: white;
    font-size: 20px;
    font-weight: 400;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 4px;
    border: 1px solid #1c5d44;
    margin-bottom: 40px
}
#addcode:hover {
    background: #fff;
/*    background: -moz-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -o-linear-gradient(45deg, #fff 0, #fff 100%);
    background: -ms-linear-gradient(45deg, #fff 0, #fff 100%);
    background: linear-gradient(45deg, #fff 0, #fff 100%);*/
    color: #92AF17;
    border-color: #1c5d44;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.codes-page input[type="submit"] { display: none }
.stap-2 #content { 
    padding-top: 30px;
    padding-bottom: 30px;
}
.stap-2 h1{ display: none; }

.stap-2 .columns {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
.stap-2 #content .columns.group { margin-bottom: 180px }
.stap-2 .columns .preview {
    display: inline-block;
/*    width: 18%;*/
    width: 234px;
    height: 346px;
    color: #fff;
    text-align: left;
    margin: 0 2%;
    margin-left: -195px;
    position: relative;
    filter: alpha(opacity 100);
    opacity: 1;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    transform: rotate(2deg);
    background-image: url(images/photo-shadow.png);
    background-position: center;
    background-repeat: no-repeat;
}
.stap-2 .columns .preview.first { margin-left: 0 }
.stap-2 .columns .preview:nth-child(2) { transform: rotate(3deg) }
.stap-2 .columns .preview:nth-child(3) { transform: rotate(-5deg) }
.stap-2 .columns .preview:nth-child(4) { transform: rotate(1deg) }
.stap-2 .columns .preview:nth-child(5) { transform: rotate(-3deg) }
.stap-2 .columns .preview:nth-child(6) { transform: rotate(-1deg) }
.stap-2 .columns .preview.first,
.stap-2 .columns .preview.is-active { opacity: 1!important }
.stap-2 .columns .preview.is-checked .img-wrap .img-overlay {
    filter: alpha(opacity 100);
    opacity: 0
}
.stap-2 .columns .preview.is-checked .img-wrap .table {
    filter: alpha(opacity 100);
    opacity: 1
}
.stap-2 .columns .preview.codeadd-opacity { background: none }

.stap-2 .columns .preview.is-checked img{ opacity: 1; }
.stap-2 .columns .preview.is-checked .img-wrap img { border: 5px solid #fafafa !important; }
/*.stap-2 .columns .preview.opacity100 .img-wrap,
.stap-2 .columns .preview.opacity100 .group-wrap,
.stap-2 .columns .preview:hover .img-wrap,
.stap-2 .columns .preview:hover .group-wrap { background-color: transparent; }*/
.stap-2 .columns .preview.opacity100 .img-wrap,
.stap-2 .columns .preview.opacity100 .group-wrap {
    background-color: transparent;
    background-repeat: no-repeat;
}

.stap-2 .columns .preview:hover {
    filter: alpha(opacity 100);
    opacity: 1
}
.stap-2 .columns .preview:hover .img-remove { opacity: 1; }
.stap-2 .columns .preview .img-wrap,
.stap-2 .columns .preview .group-wrap {
    background-color: #73BCBE;
    background-position: center;
    background-size: 100%;
    background-blend-mode: multiply;
}
.stap-2 .columns .preview .img-wrap {
    position: relative;
    z-index: 0;
    width: 200px;
    height: 299px;
    margin: 23px auto;
}

.stap-2 .columns .preview .group-wrap {
    position: absolute;
    bottom: 38px;
    left: 5px;
    width: 90px;
    height: 60px;
    border: 2px solid white;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    transition: all .3s ease-in-out;
}
    .stap-2 .columns .preview.opacity100 .group-wrap:hover { transform: scale(1.1); }
.stap-2 .columns .preview .img-wrap img { width: 100%; }
.stap-2 .columns .preview .img-wrap .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 267px;
    background-color: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity 0);
    opacity: 0
}
.stap-2 .columns .preview .img-wrap .table {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 267px;
    filter: alpha(opacity 0);
    opacity: 0
}
.stap-2 .columns .preview .img-wrap .table .table-cell { text-align: center }
.stap-2 .columns .preview .img-wrap .table .icon { font-size: 72px }
.stap-2 .columns .preview .img-wrap .table .icon.icon-check { color: #1ad855 }
.stap-2 .columns .preview .img-wrap .table .icon.icon-remove { 
    color: #ee464a;
    cursor: pointer
}
.stap-2 .columns .preview .img-wrap .table .icon.icon-pencil {
    cursor: pointer;
    margin:0;
    opacity: 0;
}
.stap-2 .columns .preview .img-wrap .table .icon.icon-pencil:hover{
    color: #fcc009;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.stap-2 .columns .preview .img-name {
    display: none;
    position: relative;
    z-index: 2;
    background-color: #545452;
    padding-top: 5px
}
.stap-2 .columns .preview .img-wrap img.img-edit {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 20px;
    cursor: pointer;
}
.stap-2 .columns .preview .img-remove {
    display: block;
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    z-index: 10;
    height: auto;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    color: #fff;
    background-color: #78c7ca;
    background-color: rgba(120,199,202,.8);
    padding: 10px 0;
    box-sizing: border-box;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.stap-2 .columns .preview .img-remove a{ color:white }

.stap-2 .columns .preview .img-remove:hover {
    background-color: rgba(120,199,202,1);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.stap-2 .columns .preview .img-remove a .icon-remove{ margin-right:0; }
.stap-2 .columns .preview .img-remove:hover { color: #fff }
.stap-2 .columns .preview .p-name { font-weight: 200 }
/*
.stap-2 .columns .preview.opacity100 {
    opacity: 1;
}
*/

.stap-2 .columns .preview.codeadd-opacity {
    margin-left: 0;
    vertical-align: top;
    opacity: 1!important;
}
@media only screen and (max-width:425px) {
  .stap-2 .columns .preview.codeadd-opacity { height: 249px; }
}
@media only screen and (max-width:414px) {
  .stap-2 .columns .preview.codeadd-opacity { height: 242px; }
}
@media only screen and (max-width:375px) {
  .stap-2 .columns .preview.codeadd-opacity { height: 217px; }
}
@media only screen and (max-width:375px) {
  .stap-2 .columns .preview.codeadd-opacity { height: 182px; }
}
.stap-2 .columns .preview-g {
    width: 267px;
    height: 200px;
}
.stap-2 .columns .preview-g .img-wrap { width: 100%; }
.stap-2 .columns #codeadd {
    display: block;
    width: 200px;
    height: 299px;
    margin: 23px auto;
    color: #74BCC0;
    border: 3px dashed #74BCC0;
    text-align: center;
    position: relative;
    opacity: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    cursor:pointer;
}
    .stap-2 .columns #codeadd:hover .icon {
        color: #74BCC0;
        transform: scale(1.1);
    }
.stap-2 .columns #codeadd .icon {
    font-size: 65px;
    margin-top: 117px;
    margin-right: 0;
    cursor: pointer;
    transition: .4s;
}
.stap-2 .columns #codeadd .codeadd__text {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.stap-2 #addcode-form,
.stap-2 #photos-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.7)
}
.stap-2 #photos-overlay { cursor: pointer; }
.stap-2 #photos-overlay__close {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 50px;
    color: #74BCC0;
}
    .stap-2 #photos-overlay__close .icon { margin-right: 0 }

.stap-2 #photos-overlay img {
    margin-top: 170px;
    border: 4px solid white;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.stap-2 #addcode-form .code-plus {
    margin-top: 170px;
}

.stap-2 #addcode-form .input-text {
    width: 600px;
    height: 50px;
    border: 1px #309d6f solid;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000000;
    font-size: 20px;
    padding: 15px;
    outline: none;
}

.stap-2 #addcode-form .input-text::placeholder {
 color: #309d6f
}

.stap-2 #addcode-form #addcode {
    float: none;
    margin-bottom: 0!important;
    margin-top: 18px
}

.stap-2 #addcode-form .input-underline {
    position: inherit;
    left: inherit;
    margin: 0 auto;
    margin-top: -18px;
    height: 1px;
    width: 570px;
    background-color: #f0f0f0
}
.stap-2 #addcode-form .icon-close{
    position: fixed;
    top:20px;
    right:20px;
    color:white;
    z-index: 1001;
    font-size: 50px;
    cursor:pointer;
}
.stap-2 #addcode-form .icon-close:hover{ color:rgb(252, 56, 150); }

.stap-2 .arrow {
  width: 220px;
  height: 110px;
  font-size: 45px;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 501;
  bottom: 20px;
  cursor: pointer;
}
.stap-2 .arrow .icon {
  margin: 0;
  color:#B4B4B4;
}
.stap-2 .arrow .scrolldown {
  font-size: 18px;
  font-weight: 400;
  color: white;
  margin: -30px 0 5px 0;
}
.stap-2 .arrow .scrolldown-tekst {
  font-size: 18px;
  font-weight: 400;
  color: white;
  margin: 20px 0 5px 0;
}


#product-notice {
    position: fixed;
    top: -50px;
    left: 0;
    z-index: 1001;
    display: block;
    width: 100%;
    height: 50px;
    color: #12943a;
    line-height: 50px;
    border-bottom: 3px solid #12943a;
    background-color: #1ad855
}
.photo-code { font-weight: 700 }
#products {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 50px;
}
    #products:after {
        display: table;
        content: '';
        clear: both
    }
.product-tabs-title {
    float: left;
    padding: 12px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;

    font-size: 20px;
    background-color: transparent;
    color: #37A77A;
    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
    .product-tabs-title:hover,
    .product-tabs-title.active { color: white; }
    .product-tabs-title:hover { background-color: #98dee2; }
    .product-tabs-title.active { background-color: #74BCC0; }
#product-tabs-header,
#product-tabs-wrap {
    position: relative;
    width: 100%;
    z-index: 2;
}

    #product-tabs-header:after,
    #product-tabs-wrap:after {
        display: table;
        content: '';
        clear: both
    }

#product-tabs-wrap {
    top: -5px;
    z-index: 1;
    margin-bottom: 40px;
    padding: 1.5em 1em;
    background-image: url(images/products-wrap.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 44px;
/*    border-top: 3px solid #69b3b8;
    -webkit-box-shadow: inset 0px 6px 5px -5px #636363;
    -moz-box-shadow: inset 0px 6px 5px -5px #636363;
    box-shadow: inset 0px 6px 5px -5px #636363;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;*/
}

.div-horizontal-center {
    margin: auto;
    width: 25%;
}

.product-tabs { 
    display: none;
    overflow: hidden;
}
    .product-tabs.active { display: block; }

.product {
    position: relative;
    float: left;
    display: block;
    width: 48.9%;
    margin: 0 .4em .8em .4em;
    height: 240px;
    overflow: hidden;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.25);
    background-color: white;
/*    -webkit-border-radius: 4px;
    border-radius: 4px;*/
}
    .product:nth-child(2n+2) {
        border-right: 0;
        border-left: 1px solid #cfcec8
    }
.product .product-view {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 30px 45px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}
.product-type-title {
    margin-bottom: .6em;
    color: #74BCC0;
    font-size: 20px;
    font-weight: 100;
    text-align: left;
}

.product .product-view .product-thumb {
    float: right;
    display: block;
    width: 20%
}
.product .product-view .product-thumb img {
    display: block;
    width: 100%;
    margin-top: 1.5em;
}

.product .product-view .product-content {
    float: left;
    display: block;
    width: 75%;
    padding: 0 0 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.product .wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 75%;
    height: 22.5%;
    overflow: hidden;
    padding: 8px 15px;
    background-color: #a4bb54;
    border-top: 1px solid #97b417;
}

.product-price {
    position: absolute;
    width: 26%;
    height: 22.5%;
    bottom: 0;
    left: 0;
    color: white;
    background-color: #69b3b8;
    font-size: 30px;
    text-align: center;
}

.product-price span{
    display: inline-block;
    line-height: normal;
/*    vertical-align: middle;*/
}

.product .wrap .product-quantity {
    float: right;
    color: white;
}
.product .wrap .button,
.woocommerce table.shop_table .product-quantity .button,
.woocommerce-checkout table.shop_table .product-quantity .button,
.woocommerce-cart table.shop_table .product-quantity .button {
    float: left;
    width: 35px;
    height: 35px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    padding-top: 9px;
    background-color: #74BCC0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product .wrap .button .icon { margin: 0 }
.product .wrap .button.minus,
.product-quantity div.button.minus {
    margin-left: 10px;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.product .wrap .button.plus,
.product-quantity div.button.plus {
    margin-right: 10px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.product .wrap .button.submit {
    margin-left: 7px;
    width: auto;
    padding: 7px 28px 5px 18px;
    border-width: 1px
}
.product .wrap .button.submit .icon { margin-right: 15px }
.product .wrap span {
    float: left;
    padding-top: 7px;
    font-size: 15px;
}

.product .wrap .quantity {
    float: left;
}
.product .wrap .input-text,
.product-quantity div.quantity input {
    width: 35px !important;
    height: 35px;
    font-size: 16px;
    text-align: center !important;
    border: 0;
}

.product-quantity div.quantity {
    border-bottom: 1px #74bcc0 solid;
    border-top: 1px #74bcc0 solid;
}
    .product-quantity div.quantity input{
        height: 33px !important;
    }

.product .wrap .input-text:focus,
.product-quantity div.quantity input:focus { outline: 0 }
.page-template-template-faq .ui-accordion .ui-accordion-icons {
    float: left;
    width: 50%;
    padding: 10px;
    border-radius: 0
}

.ufaq-faq-title-text {
    float: left;
    width: 88%;
}

.ewd-ufaq-post-margin {
    text-decoration: none;
    width: 89%;
}

.ufaq-faq-title-text h4{
    color: #37A77A;
    font-weight: bold !important;
}

.page-template-template-faq #content,
.page-template-template-faq h2 {
    font-size: 30px;
    text-align: left;
    color: rgb(26,31,45);
    margin: 0 0 30px 0!important;
    padding-left: 45px;
}
.page-template-template-faq .ufaq-faq-list { margin-bottom: 20px }
.page-template-template-faq .ufaq-faq-div h4 {
    font-weight: 400;
    line-height: 1.3;
    padding: 0;
}
.page-template-template-faq .ufaq-faq-div .ufaq-faq-body p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    color: black;
}

.ufaq-faq-body {
    padding: 18px 0 25px 59px;

}
.ufaq-faq-div {
    margin: 10px 0;
    padding: 2px 0;
    clear: both;
}

.ewd-ufaq-post-margin-symbol {
    margin: 0;
    color: white;
    -ms-transform: scale(.8,.8);
    -webkit-transform: scale(.8,.8);
    transform: scale(.8,.8);
}

.ewd-ufaq-post-margin-symbol span {
    padding: 6px;
    border-radius: 4px;
    background-color: #37A77A;
    margin-right: 5px;
}

.algemene-voorwaarden h2 {
    color: #74BCC0;
    margin: 70px 0 15px 0;
}

#title-paragraph {
    font-size: 20px;
    margin-left: 0;
}

#disclaimer { margin-left: 20px; }
#contact-links { margin-bottom: 0 }
#contact-links a{ color: #E14B90 !important; }

#contact-form {
    padding: 45px 0 25px 0;
    width: 740px;
    margin: 0 auto;
    background-color: rgba(255,255,255,.75);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

#contact-form-faq {
    padding: 45px 0 45px 0;
    width: 740px;
    margin: 0 auto;
    background-color: rgba(255,255,255,.75);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#contact-form p,
#contact-form-faq p {
    padding: 0;
}

.form-title-faq{
    margin-left: 69px;
}

.wpcf7-list-item-label {
 font-size: 15px;
 padding-right: 0;
 margin-left: 8px;
}

.font-size20 {
    font-size: 20px;
    line-height: 1.5em;
}

#transparent-canvas {
    width: 108%;
    padding: 25px 0;
    background-color: #f5f0f070;
    border-radius: 25px;
    margin-bottom: 30px;
}

#transparent-canvas .columns-2 .column {
    width: 44%;
}

#transparent-canvas .column {
    float: left;
    margin-right: 12%;
}

.column.last {
    margin-right: 0 !important;
}

#transparent-canvas .column-group {
    width: 95%;
    overflow: hidden;
    margin-left: 50px;
}

input[type='checkbox'] {
/*    -webkit-appearance:none;*/
    margin:0;
    width:25px;
    height:25px;
    background:white;
    border-radius:3px;
    border:1px solid #8e8c8c;
    outline: none;
}

input[type='checkbox']:checked {
    background:url("images/outline-done-24px.svg");
    background-repeat: no-repeat;
}

.entry-content .woocommerce { 
    position: relative;
    width: 1120px;
    margin: 0 auto;
    overflow: auto;
}
.entry-content .woocommerce::after {
    content: "";
    clear: both;
    display: table;
}

form.woocommerce-cart-form table.center1120 { width: 100%; }

.cart-item-title {
    color: #74BCC0;
    font-size: 25px;
}

.cart-item-description { margin: 15px 0; }

.product-name .woocommerce-Price-amount { color: #74BCC0; }

#geslacht .wpcf7-list-item .first input { margin-right: 85px; }

.woocommerce #brownblock,
.woocommerce-checkout #brownblock,
.woocommerce-cart #brownblock { padding: 0 0 50px 0 }
.woocommerce .checkout-padding,
.woocommerce-checkout .checkout-padding,
.woocommerce-cart .checkout-padding { padding-top: 50px }
.woocommerce table.shop_table,
.woocommerce-checkout table.shop_table,
.woocommerce-cart table.shop_table { border: 0!important }
/*.woocommerce table.shop_table tr,*/
/*.woocommerce-checkout table.shop_table tr,*/
/*.woocommerce-cart table.shop_table {*/

/*}*/

.woocommerce table.shop_table tr { padding-top: 20px; }

tr.cart_item {
    background-color: white;
    -webkit-box-shadow: 0 0 5px 0 #6d6a6a;
    -moz-box-shadow: 0 0 5px 0 #6d6a6a;
    box-shadow: 0 0 5px 0 #6d6a6a;
}

.woocommerce table.shop_table td,
.woocommerce-checkout table.shop_table td,
.woocommerce-cart table.shop_table td {
    border: 0!important;
    padding: 30px 45px 30px 30px;
    height: 80px;
}
.woocommerce table.shop_table td.product-remove { width: 10%; }
.woocommerce table.shop_table td.product-name,
.woocommerce-checkout table.shop_table td.product-name,
.woocommerce-cart table.shop_table td.product-name {
    font-size: 18px;
    width: 540px
}
.woocommerce table.shop_table td.product-name dl.variation,
.woocommerce-checkout table.shop_table td.product-name dl.variation,
.woocommerce-cart table.shop_table td.product-name dl.variation { margin: 0 0 0 0 }
.woocommerce table.shop_table td.product-name dl.variation .code td,
.woocommerce-checkout table.shop_table td.product-name dl.variation .code td,
/*.woocommerce-cart table.shop_table td.product-name dl.variation .code td { padding-top: 10px }*/
.woocommerce table.shop_table td.product-name dl.variation .fotocode,
.woocommerce-checkout table.shop_table td.product-name dl.variation .fotocode,
.woocommerce-cart table.shop_table td.product-name dl.variation .fotocode { color: #ea5097 }
.woocommerce table.shop_table td.product-total,
.woocommerce-checkout table.shop_table td.product-total,
.woocommerce-cart table.shop_table td.product-total {
    font-size: 18px;
    font-weight: 400
}
.woocommerce table.shop_table td .product-thumbnail,
.woocommerce-checkout table.shop_table td .product-thumbnail,
.woocommerce-cart table.shop_table td .product-thumbnail {
    width: 120px;
    text-align: center
}
.woocommerce table.shop_table td.product-subtotal,
.woocommerce-checkout table.shop_table td.product-subtotal,
.woocommerce-cart table.shop_table td.product-subtotal {
    text-align: right;
    font-size: 28px;
    font-weight: 600
}
.woocommerce table.shop_table td.actions,
.woocommerce-checkout table.shop_table td.actions,
.woocommerce-cart table.shop_table td.actions {
    padding: 26px 0
}
.woocommerce table.shop_table td.actions input.update-cart,
.woocommerce-checkout table.shop_table td.actions input.update-cart,
.woocommerce-cart table.shop_table td.actions input.update-cart { visibility: hidden }
.woocommerce table.shop_table td.actions a.button-update,
.woocommerce-checkout table.shop_table td.actions a.button-update,
.woocommerce-cart table.shop_table td.actions a.button-update { float: right }
.woocommerce table.shop_table td.actions .button,
.woocommerce-checkout table.shop_table td.actions .button,
.woocommerce-cart table.shop_table td.actions .button { float: left }
.woocommerce table.shop_table td.actions .button.update-cart,
.woocommerce-checkout table.shop_table td.actions .button.update-cart,
.woocommerce-cart table.shop_table td.actions .button.update-cart { float: right }
.woocommerce table.shop_table .variation td,
.woocommerce-checkout table.shop_table .variation td,
.woocommerce-cart table.shop_table .variation td { padding: 0 }
.woocommerce table.shop_table .product-quantity,
.woocommerce-checkout table.shop_table .product-quantity,
.woocommerce-cart table.shop_table .product-quantity {
/*    position: absolute;
    top: 58px;
    display: block;*/
    height: auto;
    margin: 0 auto;
    overflow: hidden
}
/*.woocommerce table.shop_table .product-quantity .button,*/
/*.woocommerce-checkout table.shop_table .product-quantity .button,*/
/*.woocommerce-cart table.shop_table .product-quantity .button {*/
    /*float: left;*/
    /*width: 35px;*/
    /*height: 35px;*/
    /*font-size: 16px;*/
    /*text-align: center;*/
    /*cursor: pointer;*/
    /*padding-top: 19px;*/
    /*-webkit-transition: .4s;*/
    /*-moz-transition: .4s;*/
    /*-o-transition: .4s;*/
    /*transition: .4s;*/
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    /*background: none;*/
    /*color: #000;*/
    /*border: 0;*/
    /*margin-top: 20px;*/
    /*padding: 0;*/
    /*height: auto;*/
/*}*/
.woocommerce .woocommerce-message{
    width: 1120px;
    margin: 0 auto !important;
    margin-bottom: 15px !important;
}
.woocommerce table.shop_table .product-quantity .button .icon,
.woocommerce-checkout table.shop_table .product-quantity .button .icon,
.woocommerce-cart table.shop_table .product-quantity .button .icon { margin: 0 }
.woocommerce table.shop_table .product-quantity .button.submit,
.woocommerce-checkout table.shop_table .product-quantity .button.submit,
.woocommerce-cart table.shop_table .product-quantity .button.submit {
    margin-left: 7px;
    width: auto;
    padding: 7px 28px 5px 18px;
    border-width: 1px
}
.woocommerce table.shop_table .product-quantity .button.submit .icon,
.woocommerce-checkout table.shop_table .product-quantity .button.submit .icon,
.woocommerce-cart table.shop_table .product-quantity .button.submit .icon { margin-right: 15px }
/*.woocommerce table.shop_table .product-quantity .button:hover,*/
/*.woocommerce-checkout table.shop_table .product-quantity .button:hover,*/
/*.woocommerce-cart table.shop_table .product-quantity .button:hover {*/
/*color: #1ad855;*/
/*-webkit-transition: .2s;*/
/*-moz-transition: .2s;*/
/*-o-transition: .2s;*/
/*transition: .2s*/
/*}*/
/*.woocommerce table.shop_table .product-quantity .button.minus:hover,*/
/*.woocommerce-checkout table.shop_table .product-quantity .button.minus:hover,*/
/*.woocommerce-cart table.shop_table .product-quantity .button.minus:hover {*/
/*color: red;*/
/*-webkit-transition: .2s;*/
/*-moz-transition: .2s;*/
/*-o-transition: .2s;*/
/*transition: .2s*/
/*}*/
.woocommerce table.shop_table .product-quantity span,
.woocommerce-checkout table.shop_table .product-quantity span,
.woocommerce-cart table.shop_table .product-quantity span {
    float: left;
    padding: 8px 0 0 0
}
.woocommerce table.shop_table .product-quantity .quantity,
.woocommerce-checkout table.shop_table .product-quantity .quantity,
.woocommerce-cart table.shop_table .product-quantity .quantity {
    float: left;
}
/*.woocommerce table.shop_table .product-quantity .input-text,*/
/*.woocommerce-checkout table.shop_table .product-quantity .input-text,*/
/*.woocommerce-cart table.shop_table .product-quantity .input-text {*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*font-size: 16px;*/
    /*text-align: center;*/
    /*border-color: #74BCC0;*/
    /*border-width: 1px*/
/*}*/
.woocommerce table.shop_table .product-quantity .input-text:focus,
.woocommerce-checkout table.shop_table .product-quantity .input-text:focus,
.woocommerce-cart table.shop_table .product-quantity .input-text:focus { outline: 0 }
.woocommerce table.shop_table .product-quantity input[type='number'],
.woocommerce-checkout table.shop_table .product-quantity input[type='number'],
.woocommerce-cart table.shop_table .product-quantity input[type='number'] { 
    -webkit-appearance: field;
    -moz-appearance: field;
}
.woocommerce table.shop_table .product-quantity input::-webkit-outer-spin-button,
.woocommerce-checkout table.shop_table .product-quantity input::-webkit-outer-spin-button,
.woocommerce-cart table.shop_table .product-quantity input::-webkit-outer-spin-button,
.woocommerce table.shop_table .product-quantity input::-webkit-inner-spin-button,
.woocommerce-checkout table.shop_table .product-quantity input::-webkit-inner-spin-button,
.woocommerce-cart table.shop_table .product-quantity input::-webkit-inner-spin-button { -webkit-appearance: none }
.woocommerce .shipping th,
.woocommerce-checkout .shipping th,
.woocommerce-cart .shipping th { display: none }

/*.woocommerce .cart_item:nth-child(odd),*/
/*.woocommerce-checkout .cart_item:nth-child(odd),*/
/*.woocommerce-cart .cart_item:nth-child(odd) { background-color: #f7f6f7 }*/
/*.woocommerce .cart_item:nth-child(even),*/
/*.woocommerce-checkout .cart_item:nth-child(even),*/
/*.woocommerce-cart .cart_item:nth-child(even) { background-color: #fff }*/

.woocommerce a.button,
.woocommerce-checkout a.button,
.woocommerce-cart a.button {
    width: auto!important;
    height: auto!important;
    color: #fff;
    -webkit-font-smoothing: inherit!important;
    text-decoration: none!important;
    overflow: visible!important;
    padding: 0!important;
    font-weight: 400;
    border: 0!important;
    white-space: nowrap!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    text-shadow: none!important
}
.woocommerce .product-quantity div.button {
    display: inline;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0;
}
.woocommerce input.button,
.woocommerce-checkout input.button,
.woocommerce-cart input.button,
.woocommerce button.button,
.woocommerce div.button,
.woocommerce-checkout button.button,
.woocommerce-cart button.button,
.woocommerce a.button-update,
.woocommerce-checkout a.button-update,
.woocommerce-cart a.button-update,
.woocommerce a.button-ak,
.woocommerce-checkout a.button-ak,
.woocommerce-cart a.button-ak {
    display: table;
    background-color: #37A77A;
    width: auto;
    padding: 13px 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 400!important;
    height: 50px;
    text-align: center;
    border: 1px solid #1c5d44;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.woocommerce a.button-ak {
    float: left;
    color: #518F92;
    background-color: #74BCC0;
    border-color: #518F92;
    cursor: pointer;
}
.woocommerce a.button-ak:hover {
    color: white;
    background-color: #518F92;
}
.woocommerce input.button span,
.woocommerce-checkout input.button span,
.woocommerce-cart input.button span,
.woocommerce button.button span,
.woocommerce div.button span,
.woocommerce-checkout button.button span,
.woocommerce-cart button.button span,
.woocommerce a.button-update span,
.woocommerce-checkout a.button-update span,
.woocommerce-cart a.button-update span,
.woocommerce a.button-ak span,
.woocommerce-checkout a.button-ak span,
.woocommerce-cart a.button-ak span {
    float: right;
    display: table-cell;
    height: 100%;
    vertical-align: middle
}
.woocommerce input.button:hover,
.woocommerce-checkout input.button:hover,
.woocommerce-cart input.button:hover,
.woocommerce button.button:hover,
.woocommerce div.button:hover,
.woocommerce-checkout button.button:hover,
.woocommerce-cart button.button:hover,
.woocommerce a.button-update:hover,
.woocommerce-checkout a.button-update:hover,
.woocommerce-cart a.button-update:hover,
.woocommerce a.button-ak:hover,
.woocommerce-checkout a.button-ak:hover,
.woocommerce-cart a.button-ak:hover {
    /*background: -moz-linear-gradient(45deg, #fff 0, #fff 100%);*/
    /*background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fff), color-stop(100%, #fff));*/
    /*background: -webkit-linear-gradient(45deg, #fff 0, #fff 100%);*/
    /*background: -o-linear-gradient(45deg, #fff 0, #fff 100%);*/
    /*background: -ms-linear-gradient(45deg, #fff 0, #fff 100%);*/
    /*background: linear-gradient(45deg, #fff 0, #fff 100%);*/
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.woocommerce input.button.pay,
.woocommerce-checkout input.button.pay,
.woocommerce-cart input.button.pay,
.woocommerce button.button.pay,
.woocommerce div.button.pay,
.woocommerce-checkout button.button.pay,
.woocommerce-cart button.button.pay,
.woocommerce a.button-update.pay,
.woocommerce-checkout a.button-update.pay,
.woocommerce-cart a.button-update.pay,
.woocommerce a.button-ak.pay,
.woocommerce-checkout a.button-ak.pay,
.woocommerce-cart a.button-ak.pay {
    float: right;
    color: #fff;
    border-color: #1C5E44;
    background-color: #37A77A;
}
.woocommerce .button.pay:hover {
    color: white;
    background-color: #1C5E44;
}
    .woocommerce .button.pay a.button.alt,
    .woocommerce .button.pay:hover a.button.alt { background-color: transparent; }
.woocommerce .button.pay .icon-arrow-right { color: white; }

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    color: #fff;
    border-color: #1C5E44;
    background-color: #37A77A;
}
    .woocommerce #respond input#submit.alt:hover, 
    .woocommerce a.button.alt:hover, 
    .woocommerce button.button.alt:hover, 
    .woocommerce input.button.alt:hover {
        color: white;
        background-color: #1C5E44;
    }

.woocommerce .cartsubtotal,
.woocommerce .fee,
.woocommerce .carttotal,
.woocommerce .fee-addition { 
    padding-right: 30px;
    font-size: 18px;
}
.woocommerce .carttotal { 
    font-size: 28px;
    margin-bottom: 30px;
}
    .woocommerce .cartsubtotal .amount,
    .woocommerce .fee .amount,
    .woocommerce .carttotal .amount { margin-left: 15px; }
.woocommerce .includes_tax { 
    display: block;
    margin-top: 10px;
    font-size: 13px;
}
.woocommerce .fee-addition {
    margin-bottom: 10px;
    font-size: 13px;
}
.woocommerce-checkout form.woocommerce-checkout {
    padding: 30px;
    background-color: rgba(255,255,255,.65);
    border-radius: 10px;
}
.woocommerce form .form-row input.input-text,
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-cart form .form-row input.input-text,
.woocommerce .woocommerce form .form-row textarea,
.woocommerce-checkout .woocommerce form .form-row textarea,
.woocommerce-cart .woocommerce form .form-row textarea {
    float: left;
    width: 100%;
    margin-right: 7px;
    height: 50px;
    border: 1px #37A77A solid;
    border-radius: 4px;
    color: #74BCC0;
    font-size: 16px;
    font-weight: 400;
    padding: 10px
}
.woocommerce .woocommerce form .form-row textarea,
.woocommerce-checkout .woocommerce form .form-row textarea,
.woocommerce-cart .woocommerce form .form-row textarea { height: auto; }
.woocommerce form .form-row input.input-text:focus,
.woocommerce-checkout form .form-row input.input-text:focus,
.woocommerce-cart form .form-row input.input-text:focus,
.woocommerce .woocommerce form .form-row textarea:focus,
.woocommerce-checkout .woocommerce form .form-row textarea:focus,
.woocommerce-cart .woocommerce form .form-row textarea:focus {
    outline: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.woocommerce form .form-row-wide,
.woocommerce-checkout form .form-row-wide,
.woocommerce-cart form .form-row-wide { clear: none!important }
.woocommerce form .form-row,
.woocommerce-checkout form .form-row,
.woocommerce-cart form .form-row {
    padding: 0!important;
    overflow: hidden;
    position: relative
}
.woocommerce form .form-row .input-underline,
.woocommerce-checkout form .form-row .input-underline,
.woocommerce-cart form .form-row .input-underline {
    position: absolute;
    bottom: 7px;
    left: 15px;
    height: 1px;
    width: 94%;
    background-color: #f0f0f0
}
.woocommerce form .form-row-full,
.woocommerce-checkout form .form-row-full,
.woocommerce-cart form .form-row-full,
.woocommerce form #billing_street_name_field,
.woocommerce-checkout form #billing_street_name_field,
.woocommerce-cart form #billing_street_name_field {
    float: left;
    width: 100%;
    overflow: hidden;
}
.woocommerce form .form-row-first,
.woocommerce-checkout form .form-row-first,
.woocommerce-cart form .form-row-first {
    float: left;
    width: 47%;
    overflow: hidden;
    margin-right: 6%
}
.woocommerce form .form-row-last,
.woocommerce-checkout form .form-row-last,
.woocommerce-cart form .form-row-last {
    float: left;
    width: 47%;
    overflow: hidden
}
.woocommerce form .form-row-quart, 
.woocommerce-page form .form-row-quart,
.woocommerce form .form-row-quart-first,
.woocommerce-page form .form-row-quart-first { width: 21.5% !important; }
/*
.woocommerce .woocommerce-billing-fields #billing_address_1_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_address_1_field,
.woocommerce-cart .woocommerce-billing-fields #billing_address_1_field,
.woocommerce .woocommerce-billing-fields #billing_city_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_city_field,
.woocommerce-cart .woocommerce-billing-fields #billing_city_field,
.woocommerce .woocommerce-billing-fields #billing_school_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_school_field,
.woocommerce-cart .woocommerce-billing-fields #billing_school_field {
    float: left;
    width: 47%;
    overflow: hidden;
    margin-right: 6%
}
.woocommerce .woocommerce-billing-fields #billing_postcode_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_postcode_field,
.woocommerce-cart .woocommerce-billing-fields #billing_postcode_field,
.woocommerce .woocommerce-billing-fields #billing_emailaddress_2_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_emailaddress_2_field,
.woocommerce-cart .woocommerce-billing-fields #billing_emailaddress_2_field,
.woocommerce .woocommerce-billing-fields #billing_group_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_group_field,
.woocommerce-cart .woocommerce-billing-fields #billing_group_field {
    float: left;
    width: 47%;
    overflow: hidden;
    margin: 0!important
}
*/
.woocommerce .woocommerce-billing-fields #billing_city_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_city_field,
.woocommerce .woocommerce-billing-fields #billing_email_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_email_field,
.woocommerce .woocommerce-billing-fields #billing_emailaddress_2_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_emailaddress_2_field { margin-bottom: 30px; }
.woocommerce .woocommerce-billing-fields #billing_country_field,
.woocommerce-checkout .woocommerce-billing-fields #billing_country_field,
.woocommerce-cart .woocommerce-billing-fields #billing_country_field { display: none }
.woocommerce .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-cart .woocommerce-billing-fields { overflow: hidden }
.woocommerce .woocommerce-billing-fields .input-disabled,
.woocommerce-checkout .woocommerce-billing-fields input-disabled,
.woocommerce-cart .woocommerce-billing-fields input-disabled { margin-bottom: 30px }
.woocommerce .woocommerce-billing-fields .input-disabled .input-text,
.woocommerce-checkout .woocommerce-billing-fields input-disabled .input-text,
.woocommerce-cart .woocommerce-billing-fields input-disabled .input-text {
    display: block;
    width:100%;
    height:50px;
    z-index: 102;
    padding: 13px 10px;
    color: #518F93;
    font-size: 16px;
    font-weight: 600;
    background-color: rgba(116,188,192,.35);
    border-radius: 4px;
    border: 1px solid rgb(116,188,192);
    cursor: not-allowed;
}
.woocommerce #order_review .woocommerce-checkout-review-order-table,
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table,
.woocommerce-cart #order_review .woocommerce-checkout-review-order-table {
    width: 100%;
    margin: 50px 0;
    display: none
}
.woocommerce .cart_totals,
.woocommerce-checkout .cart_totals,
.woocommerce-cart .cart_totals { text-align: right }
.woocommerce .cart_totals table,
.woocommerce-checkout .cart_totals table,
.woocommerce-cart .cart_totals table {
    width: 100%;
    text-align: right
}
.woocommerce .shipping,
.woocommerce-checkout .shipping,
.woocommerce-cart .shipping { text-align: right }
.woocommerce .shipping td,
.woocommerce-checkout .shipping td,
.woocommerce-cart .shipping td {
    margin: 0!important;
    padding: 0!important
}
.woocommerce #payment,
.woocommerce-checkout #payment,
.woocommerce-cart #payment {
    border-radius: 0;
    background-color: transparent;
    overflow: hidden;
    margin-top: 30px
}
.woocommerce #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box,
.woocommerce-cart #payment div.payment_box {
    width: 100%;
    background-color: transparent;
    border-radius: 0
}
#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before { border: 0; }
.woocommerce #payment div.payment_box:after,
.woocommerce-checkout #payment div.payment_box:after,
.woocommerce-cart #payment div.payment_box:after {
    border-bottom-color: transparent;
    top: -2px
}
.woocommerce #payment .payment_method_pronamic_pay_ideal input,
.woocommerce-checkout #payment .payment_method_pronamic_pay_ideal input,
.woocommerce-cart #payment .payment_method_pronamic_pay_ideal input { display: none }
.woocommerce #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods { border: 0 }
.woocommerce #payment div.form-row,
.woocommerce-checkout #payment div.form-row,
.woocommerce-cart #payment div.form-row { overflow: hidden }
.woocommerce #payment .terms,
.woocommerce-checkout #payment .terms,
.woocommerce-cart #payment .terms {
/*    float: right;*/
    margin: 12px 15px 0 0;
    padding: 0
}
.woocommerce form #payment .form-row.place-order,
.woocommerce-checkout form #payment .form-row.place-order,
.woocommerce-cart form #payment .form-row.place-order { padding: 0 15px 15px 15px!important }
.woocommerce .woocommerce #payment #place_order:hover,
.woocommerce-checkout .woocommerce #payment #place_order:hover,
.woocommerce-cart .woocommerce #payment #place_order:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.woocommerce .displaynone,
.woocommerce-checkout .displaynone,
.woocommerce-cart .displaynone { display: none!important }
.woocommerce table.shop_table { border: 0!important }
.woocommerce table.shop_table.order_details { margin: 0 }
.woocommerce table.shop_table thead tr {
    background-color: #f7f6f7;
    text-align: center
}
.woocommerce table.shop_table .order_item .product-name strong {
    float: left;
    margin-right: 5px
}
.woocommerce table.shop_table .order_item .product-name .product-quantity {
    float: left;
    width: auto;
    font-weight: 400
}
.woocommerce table.shop_table .order_item .product-name .variation {
    float: left;
    width: 100%;
    margin: 0
}
.woocommerce table.shop_table .order_item .product-name .variation .variation-fotocode {
    margin: 0 5px 0 0;
    text-transform: capitalize;
}
.woocommerce table.shop_table tfoot {
    font-size: 18px;
    background-color: #cfcec8
}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled],
.woocommerce button.button.button-update { 
    padding: 13px 30px;
    color: white;
    background-color: #74BCC0;
    border-color: #518F92;
    border-radius: 4px;
}
.woocommerce table.shop_table tfoot tr:last-child { background-color: #bbbbb7 }
.woocommerce table.shop_table tfoot th {
    vertical-align: middle;
    width: 600px
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    width: auto;
    height: 50px;
    margin-right: 20px;
    font-size: 18px;
    line-height: 50px;
}
.woocommerce .customer-information {
    display: block;
    height: 272px;
    width: 100%;
    color: white;
    background-color: #fc3896;
    overflow: hidden
}


.woocommerce .customer-information address { font-style: normal }
.woocommerce .customer-information p { color: white!important }
.woocommerce .customer-information .customer-block-left {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #fc3896
}
.woocommerce .customer-information .customer-block-left .text-content {
    float: right;
    width: 560px;
    padding: 50px 30px
}
.woocommerce .customer-information .customer-block-right {
    float: left;
    width: 50%;
    height: 100%;
    background-color: #ea5097
}
.woocommerce .customer-information .customer-block-right .text-content {
    float: left;
    width: 560px;
    padding: 50px 30px
}
.woocommerce .order_details tbody { padding: 30px 0 }
.woocommerce td.no-paddingmargin {
    margin: 0;
    padding: 10px 0!important
}
.woocommerce td.no-paddingmargin table { padding: 50px 0 }
.woocommerce td.no-paddingmargin table tr { background-color: transparent!important }
.woocommerce #payment .terms, 
.woocommerce #payment .wc-terms-and-conditions, 
.woocommerce-page #payment .terms, 
.woocommerce-page #payment .wc-terms-and-conditions { float: none }
.photo-m{
    border: 4px solid #fff;
    position: absolute;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    margin: -20px 0 0 -30px;
}
    .photo-m img { display: block; }

    .cart-item-title,
    .variation .ts-options-table { margin-left: 120px; }

.fotocode{ cursor: pointer; }

#error-np{
    max-width: 500px;
    color: #fff;
    padding: 25px;
    background: rgba(255, 0, 0, 0.8);
    z-index: 1000;
}

#close-error{
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer;
}

.error-v{
    display: block;
    margin: 0 auto 15px;
    width: 400px;
    text-align: left;
    padding: 10px;
/*    font-size: 11px;*/
    background: rgb(255,0,0);
    color: #fff;
    border-radius: 4px;
}

/* Orde received */
.woocommerce .woocommerce-order { margin-bottom: 30px; }
.woocommerce-order-received #brownblock { padding-bottom: 0; }
.woocommerce-order .center1120 { 
    width: 700px;
    padding: 20px;
    background-color: rgba(255,255,255,.75);
    border-radius: 10px;
}
.woocommerce-order-details__title { margin-bottom: 30px; }
.woocommerce-order ul.order_details { padding-left: 0; }
    .woocommerce-order ul.order_details li {
        width: calc(85%/4);
        padding-right: 0;
        margin-right: 5%;
        text-transform: inherit;
        font-size: 1rem;
        box-sizing: border-box;
    }
        .woocommerce-order ul.order_details li:last-of-type { margin-right: 0; }
.woocommerce .woocommerce-order table.order_details td.product-name { padding-left: 10px; }
.product-name__title,
.woocommerce .woocommerce-order table.order_details td.product-quantity,
.woocommerce .woocommerce-order table.order_details td.product-total {
    font-size: 24px;
    color: #74BCC0;
}
.product-name__title { font-weight: 600; }
.product-name p { font-size: 16px; }
.product-name ul.wc-item-meta {
    padding-left: 0;
    margin-left: 0;
    font-size: 18px;
}
    .product-name ul.wc-item-meta .fotocode { color: #ea5097; }
.woocommerce .woocommerce-order table.order_details td.product-quantity,
.woocommerce .woocommerce-order table.order_details td.product-total { vertical-align: text-top; }
.woocommerce .woocommerce-order table.order_details td.product-quantity {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}
.woocommerce .woocommerce-order table.order_details tfoot,
.woocommerce .woocommerce-order table.order_details tfoot tr:last-child { background-color: #f7f6f7; }
.woocommerce .woocommerce-order table.order_details tfoot th { 
    font-weight: normal;
    border-top: 0;
}
.woocommerce .woocommerce-order table.order_details tfoot { text-align: right; }
.woocommerce .woocommerce-order table.order_details tfoot td { padding: 9px 12px; }

.woocommerce-checkout form .form-row.woocommerce-warning-field input,
.woocommerce-checkout form .form-row.woocommerce-warning-field label {  color: orange; }
.woocommerce-checkout form .form-row.woocommerce-validated.woocommerce-warning-field input.input-text { border-color: orange; }
.woocommerce-checkout form .form-row.woocommerce-warning-field .warning-notice {
    position: relative;
    margin-left: 10px;
    padding-left: 1.5em;
}
.woocommerce-checkout form .form-row.woocommerce-warning-field .warning-notice::before {
    font-family: WooCommerce;
    content: "\e016";
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 0;
    color: orange;
}


/* Downloads page */
.download-items__wrap { margin-bottom: 75px; }
.download-items__wrap:before,
.download-items__wrap:after {
    content: " ";
    display: table;
    clear: both;
}
.download-item {
    display: block;
    float: left;
    min-height: 375px;
    margin-top: 50px;
    margin-right: 50px;
    margin-bottom: 25px;
}
    .download-item:nth-child(3n+3) { margin-right: 0 }
.download-item__code,
.download-item__text { min-height: 50px; }
.download-item__code,
.download-item__text__title {
    font-size: 22px;
    line-height: 1.5;
    color: white;
    text-align: center;
}
.download-item__img { 
    position: relative;
    text-align: center;
    height: 299px;
}
    .group-item .download-item__img { height: 142px; }
    .download-item__img .table { height: 350px; }
    .download-item__img img { box-shadow: 0px 0px 12px rgba(0, 0, 0, .45); }
.download-item__code { 
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgb(225, 75, 144, .9);
}
.download-item__text { height: 50px; }
.download-item__text__title,
.download-item__text__icon { 
    float: left;
    color: white;
    text-align: center;
}
.download-item__text__title {
    width: 75%;
    background-color: #92AF17;
}
.download-item__text__icon {
    width: 25%;
    height: 50px;
    padding-top: 8px;
    background-color: #74BCC0;
}
.download-item__btn {
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 25px;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    line-height: 50px;
    background: #37A77A;
    border: 1px solid #448812;
    border-radius: 4px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
    .download-item__btn:hover {
        background: #fff;
        color: #37A77A;
    }

.woocommerce .woocommerce-customer-details { margin-bottom: 0; }
.woocommerce .woocommerce-customer-details .woocommerce-column__title { margin-bottom: 15px; }

/* WP GDPR Compliance */
.wpgdprc,
.wpgdprc-form { overflow: hidden; }
.wpgdprc-feedback { margin-bottom: 20px; }
.wpgdprc-table { width: 100%; }
    .wpgdprc-table tr { height: 40px; }
    .wpgdprc-table__head { text-align: left; }
input[name="wpgdprc_submit"],
.wpgdprc-remove { 
    display: table;
    float: right;
    min-width: 200px;
    width: auto;
    margin-bottom: 20px;
    background: #37A77A;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    height: 50px;
    text-align: center;
    font-style: italic;
    border: 1px solid #258369 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
input[name="wpgdprc_submit"] { float:left; }
#wpgdprc-form__email {
    width: 600px;
    height: 50px;
    padding: 15px;
    border: 1px #37A77A solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: black;
    font-size: 20px;
    resize: none;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    #wpgdprc-form__email { width: 100%; }
}
    
/*
 * TABLET
 */
/* @media only screen and (min-device-width : 600px) and (max-device-width : 1280px)  { */
@media only screen and (min-device-width : 600px) and (max-device-width : 1024px)  {
    .center1120{
        width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }
	
    .center1120.medium{ width:640px; }
	
	#content{ padding:30px 0; }
	
	.ik-ben-mijn-code-kwijt #content, 
        .veelgestelde-vragen #content, .contact #content{ padding:90px 0; }
	
            .ik-ben-mijn-code-kwijt .input-underline, 
            .contact .input-underline { left:35px; }
	
	.woocommerce .customer-information .customer-block-left .text-content,
        .woocommerce .customer-information .customer-block-right .text-content{
            width:100%;
            padding: 50px 20px
	}
	
	.woocommerce table.shop_table td,
        .woocommerce-checkout table.shop_table td, 
        .woocommerce-cart table.shop_table td { padding:15px 20px; }
	.woocommerce table.shop_table th { padding:15px 20px; }
}

/*
 * TABLET LANDSCAPE
 */
/* @media only screen and (min-device-width : 600px) and (max-device-width : 1280px) and (orientation : landscape) { */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .product{ 
        width: 48.75%;
        margin: 0 2.5% 2.5% 0;
        opacity: 1 !important;
    }
        .product:nth-child(2n+2) { margin-right: 0 }
        .product .wrap .button{ width: 50px; }
        
    .entry-content .woocommerce { width: 100%; }
    
    /* Checkout */
    .order_item_line,
    .order_summary_underline_products { 
        width: 90%;
        padding-left: 0;
        margin: 15px auto;
    }
    .order_item_name,
    .order_item_quantity,
    .order_item_subtotal,
    .total_headline_custom { margin-left: 0; }
    .order_item_name {
        width: 50%;
        padding-right: 5%;
    }
    .order_item_quantity,
    .order_item_subtotal { width: 25%; }
    .order_summary_underline_totals {
        margin: 15px 5% 15px 0;
    }
}

/*
 * TABLET PORTRAIT
 */
/* @media only screen and (min-device-width : 600px) and (max-device-width : 1280px) and (orientation : portrait) { */
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation : portrait) {
    .stap-2 #content{ padding:90px 0; }
    .stap-2 .div-horizontal-center { width: calc(100% / 3); }
    .product { height: auto; }
    .product .wrap { 
        width: 65%;
        height: 54px;
    }
    .product .wrap span { display:none }
    .product .product-price { 
        width: 35%;
        height: 54px;
    }
		
    .stap-2 .product .wrap{ font-size:13px; }
		
    .woocommerce-page .cart-collaterals .cart_totals{ text-align: right; }
    
    .woocommerce table.shop_table{ margin:0; }
		
    .woocommerce-cart table.shop_table .product-quantity{ width:130px; }
    
    .woocommerce table.shop_table_responsive tr td, 
    .woocommerce-page table.shop_table_responsive tr td {
        display: table-cell;
        float: none;
        height: auto;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: white }
        .woocommerce table.shop_table_responsive tr td::before, 
        .woocommerce-page table.shop_table_responsive tr td::before { display: none; }
    .cart_item table.center1120 { padding: 0; } 
    .woocommerce table.shop_table .cart_item .product-quantity .button, 
    .woocommerce-checkout table.shop_table .cart_item .product-quantity .button, 
    .woocommerce-cart table.shop_table .cart_item .product-quantity .button { display: none; }
    .woocommerce table.shop_table .product-quantity .quantity,
    .woocommerce-checkout table.shop_table .product-quantity .quantity, 
    .woocommerce-cart table.shop_table .product-quantity .quantity { border: 1px #74bcc0 solid; }
    .cart-collaterals .button-ak { left:20px }
    
    /* Checkout */
    .order_items_text_left { padding-left: 0; }
    
    #footer .w50.left{ width:30%; }	
    #footer .w50.right{ width:70%; }
}

/*
 * PHONE
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
	#wrapper { display: block; }
	
	.center1120{
            width:100%;
            padding:0 20px;
            box-sizing:border-box;
	}
	
	.medium{ width:100% }
	
	#hamburger{
            width:100%;
            height:40px;
	}
		
	/* CROSS MENU */
		
        .bt-menu {
            position: absolute;
            top: 0;
            left: 0;
            z-index:101;
            width: 100%;
            height: 0;
            border-width: 0px;
            border-style: solid;
            border-color: #333;
            background-color: rgba(0,0,0,0);
            -webkit-backface-visibility: hidden;
            -webkit-transition: border-width .3s, background-color .3s, height 0s .3s;
            transition: border-width .3s, background-color .3s, height 0s .3s;
        }
            a:hover{ border-bottom: 0 }

        .bt-menu.bt-menu-open {
            -webkit-transition: border-width .3s, background-color .3s;
            transition: border-width .3s, background-color .3s;
        }

        .bt-overlay {
            position: absolute;
            width: 100%;
        }

        .bt-menu-open .bt-overlay { height: 100%; }

        .bt-menu-trigger {
            position: absolute;
            top: 11px;
            right: 20px;
            display: block;
            width: 30px;
            height: 40px;
            cursor: pointer;
        }

        .bt-menu-trigger span {
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 100%;
            height: 4px;
            background-color: #ea5097;
            font-size: 0px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -webkit-transition: background-color .3s;
            transition: background-color .3s;
        }

        .bt-menu-open .bt-menu-trigger span { background-color: transparent; }

        .bt-menu-trigger span:before,
        .bt-menu-trigger span:after {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            background: #ea5097;
            content: '';
            -webkit-transition: -webkit-transform .3s;
            transition: transform .3s;
        }

        .bt-menu-trigger span:focus,
        .bt-menu-trigger span:hover,
        .bt-menu-trigger span:active { outline: 0; }

        .bt-menu-trigger span:before {
            -webkit-transform: translateY(-250%);
            transform: translateY(-250%);
        }

        .bt-menu-trigger span:after {
            -webkit-transform: translateY(250%);
            transform: translateY(250%);
        }

        .bt-menu-open .bt-menu-trigger span:before {
            -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
        }

        .bt-menu-open .bt-menu-trigger span:after {
            -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
        }

        .bt-menu ul {
            position: fixed;
            top: 75px;
            left: 0;
            margin: 0;
            padding: 0;
            width: 90px;
            list-style: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .bt-menu ul li,
        .bt-menu ul li a {
            display: block;
            width: 100%;
            text-align: center;
        }

        .bt-menu ul li {
            padding: 16px 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: -webkit-transform .3s, opacity .2s, visibility 0s .3s;
            transition: transform .3s, opacity .2s, visibility 0s .3s;
        }

        .bt-menu ul li:first-child { 
            -webkit-transform: translate3d(-100%,200%,0);
            transform: translate3d(-100%,200%,0);
        }

        .bt-menu ul li:nth-child(2) { 
            -webkit-transform: translate3d(-100%,100%,0);
            transform: translate3d(-100%,100%,0);
        }

        .bt-menu ul li:nth-child(3) { 
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

        .bt-menu ul li:nth-child(4) { 
            -webkit-transform: translate3d(-100%,-100%,0);
            transform: translate3d(-100%,-100%,0);
        }

        .bt-menu ul li:nth-child(5) { 
            -webkit-transform: translate3d(-100%,-200%,0);
            transform: translate3d(-100%,-200%,0);
        }

        .bt-menu.bt-menu-open ul li {
            visibility: visible;
            opacity: 1;
            -webkit-transition: -webkit-transform .3s, opacity .3s .1s;
            transition: transform .3s, opacity .3s;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        .bt-menu ul li a {
            display: block;
            outline: none;
            color: transparent;
            text-decoration: none;
            font-size: 0px;
        }

        .bt-menu ul li a:before {
            color: #04a466;
            font-size: 48px;
            -webkit-transition: color .2s;
            transition: color .2s;
        }

        .bt-menu ul li a:hover:before,
        .bt-menu ul li a:focus:before  { color: #fff; }
		
	/*--------*/
	
	#menuFakeClick{
            width:60px;
            height:60px;
            background:red;
            position: fixed;
            top:0;
            right:0;
            z-index: 110;
            opacity: 0;
	}
	
	.menu {
            display: none;
            position: absolute;
            z-index: 102;
            top:65px;
            left:0;
            width:100%;
            background-color:white;
            padding:15px 20px;
	}
	
            .menu li{
                font-size:18px;
                padding:6px 0;
                text-align:center;
            }
	
	.login .code.c-1 .input-text{ width:100%; }
	
	#addcode{ width:100%; }



	.login .code, 
        .login .code .input-text{ width:100%; }
	
	.login .code.c-1 .input-underline,
        .login .code .input-underline{ width: 90%; }
	
	.login .code .remv{
            position: absolute;
            right:0;
            width: 50px;
            height: 50px;
	}
	
            .login .code .remv .icon{
                margin-right: 0;
            }
	
	#footer .w50{
		float:none;
		width:100%;
		text-align: left;
	}
		#footer .w50.left{
			margin-bottom: 15px;
		}
		
	.stap-2 #wrapper, .bestellingsoverzicht #wrapper, .uw-bestelling-betalen #wrapper{
		display: block;
	}
	
	.stap-2 .arrow{
		display: none;
	}
	
	.stap-2 #content, #content.bestellingsoverzicht{
		padding:30px 0 30px 0;
	}
	
		#content.bestellingsoverzicht h1{
			margin-bottom: 10px;
			font-size:30px
		}
	
	#packages{
		padding-bottom: 30px;
	}
	
	.stap-2 .columns{
		margin-bottom: 30px;
	}
	
		.stap-2 .columns .preview{
			display: block;
			float:left;
			width:48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		
		.stap-2 .columns .preview:nth-child(2n){
			margin-right: 0;
		}
		
		.stap-2 .columns .preview .img-remove{
			bottom:6px;
		}
		

		.stap-2 .columns .preview .img-wrap .img-overlay, 
                .stap-2 .columns .preview .img-wrap .table{
			height:100%;
		}
		
		.stap-2 .columns .preview .img-wrap .table{
			margin-top: 30px;
		}
		
			.stap-2 .columns .preview .img-wrap .table .icon.icon-pencil{
				margin-left: 15px;
			}
		
		.stap-2 .columns .preview .img-remove{
			opacity: 1 !important;
		}
		
		div.center1120.mobile-previews{
			margin-bottom: 50px;
		}
	
	.stap-2 .product{
		width:100%;
		height:auto !important;
		margin-bottom: 10px;
	}
	
	.product .wrap{
		text-align: center;
		padding: 0px 0 12px;
	}
	
		.product .wrap .button, .product .wrap .quantity{
			display: inline-block;
			float:none;
			margin:0 5px
		}
		
		.product .wrap .button{
			font-size:30px;
			padding-top: 17px;
			
		}
		
		.product .wrap span{
			display: none;
		}
	
	.product .product-view{
		padding: 10px 0px;
	}
	
		.stap-2 .product .product-view .product-thumb{
			width:100%;
		}
		
			.stap-2 .product .product-view .product-thumb img{
				width: 50%;
				margin:0 auto;
			}
		
		.product .product-view .product-content{
			width: 100%;
			padding: 0;
			overflow: hidden;
		}
		
			.product .product-view .product-content h3, .product .product-view .product-content p, .product .product-view .product-content .product-price{
				padding:0 15px;
			}
			
			.product .product-view .product-content p{
				margin: 0 0 10px 0;
			}
		
		.product .wrap{
			position: relative;
		}
		
			.product .wrap .product-quantity{
				padding:0 15px;
			}
	
	#step-nav { width:100%; }
            #step-nav .previous{ width:20%; }
            #step-nav .next{ width:78%; }
		
	.shop_table.cart td{
            display: block;
            float:left;
            width:100%;
	}
		.woocommerce table.shop_table td.product-name, .woocommerce-checkout table.shop_table td.product-name, .woocommerce-cart table.shop_table td.product-name{
			display: block;
			width: 80%;
		}
		
		.woocommerce .woocommerce-message{
			width:100%;
		}
		
		.woocommerce-cart table.shop_table td.product-name{
			padding:0;
		}
		
		.woocommerce table.shop_table td.product-remove{
			padding:0;
		}
		
		.woocommerce a.remove{
			float:right;
			width:auto;
			height:auto;
			font-size:26px;
			line-height: inherit;
			padding:0;
		}
		
		.woocommerce-cart table.shop_table .product-quantity, .woocommerce-cart table.shop_table td.product-subtotal{
			display: block;
			float:left;
			width:50%;
		}
			
			.woocommerce-cart table.shop_table .product-quantity{
				padding: 10px 15px;
				height:75px;
				background-color:#ddd;
				margin-top: 10px;
			}
			
			.woocommerce-cart table.shop_table td.product-subtotal{
				font-size:20px;
				padding: 25px 15px 0 0;
				height:75px;
				background-color:#ddd;
				margin-top: 10px;
			}
			
			.woocommerce table.shop_table .product-quantity .button, .woocommerce-checkout table.shop_table .product-quantity .button, .woocommerce-cart table.shop_table .product-quantity .button{
				width:auto;
				margin-right: 10px;
				margin-top:17px;
				font-size:24px;
			}
			
			.woocommerce-cart table.shop_table .product-quantity .quantity{
				margin-right: 10px;
			}
		
		.photo-m{
			border: 4px solid #fff;
			box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
			width:auto;
			position: absolute;
			left:0;
			top:20px;
			margin: 0 0 0 0;
		}
		
		.woocommerce input.button, .woocommerce-checkout input.button, .woocommerce-cart input.button, .woocommerce button.button, .woocommerce div.button, .woocommerce-checkout button.button, .woocommerce-cart button.button, .woocommerce a.button-update, .woocommerce-checkout a.button-update, .woocommerce-cart a.button-update, .woocommerce a.button-ak, .woocommerce-checkout a.button-ak, .woocommerce-cart a.button-ak{
			width:100%;
			padding: 13px;
			margin-bottom: 15px;
		}
		
		.woocommerce input.button span, .woocommerce-checkout input.button span, .woocommerce-cart input.button span, .woocommerce button.button span, .woocommerce div.button span, .woocommerce-checkout button.button span, .woocommerce-cart button.button span, .woocommerce a.button-update span, .woocommerce-checkout a.button-update span, .woocommerce-cart a.button-update span, .woocommerce a.button-ak span, .woocommerce-checkout a.button-ak span, .woocommerce-cart a.button-ak span{
			float:none;
		}
		
		.woocommerce-cart table.shop_table td.actions a.button-update{
			margin-bottom: 0;
		}
		
		input.button.update-cart{
			display: none;
		}
		
		.woocommerce form .form-row-first, .woocommerce-checkout form .form-row-first, .woocommerce-cart form .form-row-first{
			width:100%;
		}
		
		.woocommerce form .form-row-last, .woocommerce-checkout form .form-row-last{
			width:100%;
		}
		
		.woocommerce .woocommerce-billing-fields #billing_address_1_field, .woocommerce-checkout .woocommerce-billing-fields #billing_address_1_field, .woocommerce-cart .woocommerce-billing-fields #billing_address_1_field, .woocommerce .woocommerce-billing-fields #billing_city_field, .woocommerce-checkout .woocommerce-billing-fields #billing_city_field, .woocommerce-cart .woocommerce-billing-fields #billing_city_field, .woocommerce .woocommerce-billing-fields #billing_school_field, .woocommerce-checkout .woocommerce-billing-fields #billing_school_field, .woocommerce-cart .woocommerce-billing-fields #billing_school_field{
			width: 100%;
		}
		
		.woocommerce .woocommerce-billing-fields #billing_postcode_field, .woocommerce-checkout .woocommerce-billing-fields #billing_postcode_field, .woocommerce .woocommerce-billing-fields #billing_emailaddress_2_field, .woocommerce-checkout .woocommerce-billing-fields #billing_emailaddress_2_field, .woocommerce .woocommerce-billing-fields #billing_group_field, .woocommerce-checkout .woocommerce-billing-fields #billing_group_field{
			width:100%;
		}
		
	/* CONTACT & CODE KWIJT */
	h1, 
        .h1 {
        margin-bottom: 65px;
    }
	.contact #content, 
        .ik-ben-mijn-code-kwijt #content, 
        .veelgestelde-vragen #content { padding: 45px 0 25px; }
	.contact #brownblock { padding-bottom: 30px; }
	.columns-2 .column { width: 100%; }
	.wpcf7-form .input-text { width: 100%; }
	.wpcf7-form .wpcf7-radio {
            display: block;
            overflow: hidden;
            margin-top: 10px;
	}
            .wpcf7-radio .wpcf7-list-item {
                display: block;
                float: left;
                width: 50%;
                height: 40px;
                margin: 0 !important;
            }
            .wpcf7-radio .wpcf7-list-item input[type="radio"] {
                width: 30px;
                height: 30px;
                margin-right: 15px;
            }
	.input-underline {
            left: 35px;
            width: 248px;
	}
            .input-underline#mail{ top: 780px; }

    .veelgestelde-vragen h1 { margin-bottom: 15px; }
	.ufaq-faq-div { margin-bottom: 15px; }
	
	.woocommerce .customer-information{ height:auto; }
	
            .woocommerce .customer-information .customer-block-left, .woocommerce .customer-information .customer-block-right{
                text-align: left;
                width:100%;
                height:auto;
            }
		
		.woocommerce .customer-information .customer-block-left .text-content,
                .woocommerce .customer-information .customer-block-right .text-content{
                    float:left;
                    width:100%;
                    height:auto;
                    padding: 30px 15px;
		}
		
		.woocommerce .customer-information .customer-block-right .text-content{ padding:30px 15px 15px;	}
		
		.woocommerce table.shop_table.customer_details{ display: none !important; }
		
		.shop_table.order_details td{
                    display: block;
                    width:100%;
		}
		
			.woocommerce table.shop_table td.product-name, .woocommerce-checkout table.shop_table td.product-name, .woocommerce-cart table.shop_table td.product-name{
                            display: block;
                            width:100%;
			}
			
			.woocommerce table.shop_table td.product-name{
                            display: block;
                            float:right;
                            width:80%;
			}
			
			.woocommerce table.shop_table.order_details td.product-name strong{
				display: block;
				float:left;
				width:80%;
				margin:0;
			}
			
			.woocommerce table.shop_table .order_item .product-name .product-quantity{
				display: block;
				float:left;
				width:20%;
				margin:0;
			}
			
			.woocommerce table.shop_table .order_item .product-name .variation{
				margin:15px 0 0 0;
			}
			
			.shop_table.order_details td.product-total{
				width:28.5%;
				float:right;
				text-align: right;
			}
			
			.woocommerce-cart a.button-ak.previous{
				width:17%;
			}
			
				.woocommerce-cart a.button-ak.previous .icon{
					margin:0;
				}
				
			.woocommerce table.shop_table td.actions a.button-update, .woocommerce-checkout table.shop_table td.actions a.button-update, .woocommerce-cart table.shop_table td.actions a.button-update{
				width:80%;
				font-size:16px
			}
			
			.woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator{
				text-align: right;
			}
			
			.woocommerce .cart_totals .carttotal, .woocommerce-checkout .cart_totals .carttotal, .woocommerce-cart .cart_totals .carttotal{
				margin-top: 3px;
				padding-top:10px;
				border-top:2px solid black;
				font-size:18px;
			}
}

/*
 * PHONE LANDSCAPE
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

}

/*
 * PHONE PORTRAIT
*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    #addcode{ width:100%; }
}

/*
 * PRINT
*/
@media print {
    body {
        background: none!important;
        color: #2b2b2b;
        font-size: 12pt
    }
    .site,
    .site-header,
    .hentry,
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content,
    .archive-header,
    .page-header,
    .contributor-info,
    .comments-area,
    .attachment .entry-attachment .attachment {
        max-width: 100%
    }
    #site-header img,
    .search-toggle,
    .site-navigation,
    .site-content nav,
    .edit-link,
    .page-links,
    .widget-area,
    .more-link,
    .post-format-archive-link,
    .comment-respond,
    .comment-list .reply,
    .comment-reply-login,
    #secondary,
    .site-footer,
    .slider-control-paging,
    .slider-direction-nav {
        display: none
    }
    .site-title a,
    .entry-meta,
    .entry-meta a,
    .featured-content .hentry,
    .featured-content a {
        color: #2b2b2b
    }
    .entry-content a,
    .entry-summary a,
    .page-content a,
    .comment-content a {
        text-decoration: none
    }
    .site-header,
    .post-thumbnail,
    a.post-thumbnail:hover,
    .site-content .entry-header,
    .site-footer,
    .featured-content,
    .featured-content .entry-header {
        background: transparent
    }
    .header-main {
        padding: 48px 10px
    }
    .site-title {
        float: none;
        font-size: 19pt
    }
    .content-area {
        padding-top: 0
    }
    .list-view .site-content .hentry {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 48px;
        padding-bottom: 24px
    }
    .post-thumbnail img {
        margin: 0 10px 24px
    }
    .site-content .has-post-thumbnail .entry-header {
        padding-top: 0
    }
    .site-content footer.entry-meta {
        margin: 24px auto
    }
    .entry-meta .tag-links a {
        color: #fff
    }
    .singular .site-content .hentry.has-post-thumbnail {
        margin-top: 0
    }
    .gallery-columns-1.gallery-size-medium,
    .gallery-columns-1.gallery-size-thumbnail,
    .gallery-columns-2.gallery-size-thumbnail,
    .gallery-columns-3.gallery-size-thumbnail {
        display: block
    }
    .archive-title,
    .page-title {
        margin: 0 10px 48px
    }
    .featured-content .hentry {
        margin-bottom: 48px
    }
    .featured-content .post-thumbnail,
    .slider .featured-content .post-thumbnail {
        padding-top: 0
    }
    .featured-content .post-thumbnail img {
        position: relative
    }
    .featured-content .entry-header {
        padding: 0 10px 24px
    }
    .featured-content .entry-meta {
        font-size: 9pt;
        margin-bottom: 11px
    }
    .featured-content .cat-links {
        font-weight: 900
    }
    .featured-content .entry-title {
        font-size: 25pt;
        line-height: 36px
    }
}