*{box-sizing:border-box;margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
a{color:#0097db;cursor:pointer;font-weight:700;text-decoration:none}
a:hover{color:#f6921e;text-decoration:underline}
body{color:#333;font-family:'Open Sans', sans-serif;font-size:16px;letter-spacing:.1px}
h1, h2, h3, h4, h5, h6{color:#014e72;line-height:1.3;font-weight:600;margin:0 0 7.5px}
h1, h2{width:100%}
h1, .h1{font-size:44px}
h2, .h2{font-size:32px}
h3, .h3{font-size:24px}
h4, .h4{font-size:20px}
h5, .h5{font-size:16px}
h6, .h6{font-size:14px}
hr{border:solid #dadada;border-width:1px 0 0;display:block;margin:15px 0;width:100%}
hr.dashed{border-style:dashed}
img{border:0;display:inline-block;height:auto;max-width:100%}
p{line-height:1.54;margin-bottom:15px}
section{position:relative}
strong{color:#014e72}
.button{cursor:pointer;display:inline-block;font-weight:600;overflow:hidden;position:relative;text-align:center;text-shadow:none;text-transform:uppercase}
.button{background:#f6921e;border:1px solid #db821a;border-radius:3px;box-shadow:inset 0 -3px 0 0 #db821a;color:#fff!important;height:45px;line-height:42px;padding:0 30px}
.button:hover{background:#f99e34;border-color:#db821a;box-shadow:inset 0 -3px 0 0 #db821a;text-decoration:none;top:2px}
.button i{color:#fff;margin-right:5px;vertical-align:text-top}
.full{display:table;padding:60px 0;width:100%}
.material-icons{color:#006596;vertical-align:middle}
.max-width-1920{max-width:1920px}
.max-width-1300{max-width:1300px}
.max-width-1000{max-width:1000px}
.max-width-767{max-width:767px}
.max-width-667{max-width:667px}
.text-center{text-align:center}
.text-desc{font-size:18px;font-weight:300;margin:0 auto 30px}
.text-justify{text-align:justify}
.text-left{text-align:left}
.text-shadow{text-shadow:1px 2px 5px #000}
.text-upper{text-transform:uppercase}
.wrapper{margin:0 auto;padding:0 15px;position:relative}

/* Background, Border & Color */
.bg-grey{background-color:#f5f5f5}

/* Blocks */
.c25{float:left;width:25%}
.c75{float:left;width:75%}
.flex{display:flex;flex-flow:row wrap;width:100%}
[class*="flex-"]{margin:15px}
.flex-1{width:100%}
.flex-2{width:calc(50% - 30px)}
.flex-3{width:calc(33.333333% - 30px)}
.grid-2, .grid-2-3, .grid-3, .grid-3-4, .grid-4{float:left;padding:0 15px}
.grid-2{width:50%}
.grid-2-3{width:66.666666%}
.grid-3{width:33.333333%}
.grid-3-4{width:75%}
.grid-4{width:25%}
@media(max-width:667px){
    .flex-2, .flex-3{margin:15px 0;width:100%}
    .grid-2, .grid-2-3, .grid-3, .grid-3-4, .grid-4{width:100%}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){/* IE10+ */
    .flex{display:inline-block}
    [class*="flex-"]{float:left}
}

/* Form */
form{display:inline-block}
form input, form select, form textarea{color:#000;font-family:arial, sans-serif;font-size:16px}
form input[type="email"], form input[type="number"], form input[type="tel"], form input[type="text"], form .select, form textarea{border:1px solid #bfc3c8;border-radius:2px;height:45px;line-height:45px;margin-bottom:15px;position:relative}
form input[type="email"], form input[type="number"], form input[type="tel"], form input[type="text"], form textarea{padding:0 15px}
form button{font-size:16px}

.form{position:relative;width:100%}
.form button{font-size:18px;height:60px;line-height:57px;margin-bottom:30px;padding:0 60px;width:100%}
.form fieldset{border:0;margin-bottom:10px}
.form input[type="checkbox"]{float:left;margin:3px 5px 10px 0}
.form input[type="email"], .form input[type="number"], .form input[type="tel"], .form input[type="text"], .form .select, form textarea{float:left;margin:0 5px 5px 0;width:100%}
.form input[class*="input-"]{margin:0 2.5px 5px}
.form input.input-20{width:calc(20% - 5px)}
.form input.input-25{width:calc(25% - 5px)}
.form input.input-33{width:calc(33.333333% - 5px)}
.form input.input-40{width:calc(40% - 5px)}
.form input.input-50{width:calc(50% - 5px)}
.form label{float:left}
.form label.radio{margin-right:15px}
.form .negative{margin:0 -2.5px}
#form-member input.invalid{background:#fff url(//s3.eu-central-1.amazonaws.com/plustwaalf/korting/layout/ic-invalid.png) no-repeat center right;background-size:24px 24px;border-bottom-color:#ff3b30}
#form-member input.valid{background:#fff url(//s3.eu-central-1.amazonaws.com/plustwaalf/korting/layout/ic-valid.png) no-repeat center right;background-size:24px 24px;border-bottom-color:#4cd964}
#form-proces{background:rgba(0,0,0,.6) url(//s3.eu-central-1.amazonaws.com/plustwaalf/korting/layout/proces.svg) no-repeat center;background-size:200px 200px;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}

/* List */
li{line-height:1.54}
ul{margin-left:18px;text-align:left}
ul.center{margin-left:calc(50% - 4em) !important}
ul.circle{color:#f6921e;list-style-type:circle}
ul.circle span{color:#333}
ul.icon{list-style:none;margin-left:35px}
ul.icon li{margin-bottom:10px}
ul.info{color:#444;font-size:14px}
ul .material-icons{font-size:30px;margin:-5px 0 0 -35px;position:absolute}

/* Slider */
.slider-block{left:0;/*padding:0 15px;*/position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.slider-block *{color:#fff}
.slider-block input{color:#000}
.slider-block .wrapper{background:rgba(255,255,255,.15);border-radius:3px;padding:15px}
.slider-container{height:600px;position:relative;width:100%}
.slider-img{background:#0097db no-repeat 50% 50%;background-size:cover;height:100%}
.slider-img:after{background:rgba(0,0,0,.15);bottom:0;content:"";left:0;position:absolute;right:0;top:0}
.slider-img.light:after{background:rgba(255,255,255,.15)}
.slider-img.bottom{background-position:50% 100%}
.slider-img.top{background-position:50% 0}
@media(max-width:667px){
    .slider-block .flex-2:last-of-type{margin-bottom:0}
    .slider-container.height-1080{height:1080px}
}
@media(min-width:668px){
    .slider-block .button{margin-bottom:0}
    .slider-block .flex-2{position:relative}
    .slider-center{left:0;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
}

/* Additional */
#form .flex-2{margin-bottom:0}
#form .flex-2 .c75{padding:0 15px}
#form .flex-2 hr.dashed:last-of-type{display:none}
footer{font-size:14px;padding:45px 0}
footer a{display:inline-block;margin:0 15px}
footer a img{display:block;height:20px}
footer span{line-height:24px;vertical-align:top}
footer .links{margin-bottom:30px}
header{height:60px;width:100%}
header img{height:60px}
img.border{border:4px solid #006596;border-radius:100%;margin-bottom:15px;max-width:180px}
img.border.medium{max-width:120px}
img.border.small{max-width:90px}
.korting{background:#f6921e url(//s3.eu-central-1.amazonaws.com/plustwaalf/korting/layout/drops.png);background-size:90px 90px;border-radius:100%;color:#fff;display:inline-block;font-size:40px;font-weight:600;height:90px;margin-bottom:15px;padding-top:3px;position:relative;text-shadow:none;width:90px}
.korting:after{bottom:18px;content:"korting";font-size:15px;left:50%;position:absolute;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.korting.large{background-size:180px 180px;font-size:75px;height:180px;padding-top:15px;width:180px}
.korting.large:after{bottom:40px;font-size:24px}
.korting.large i{font-size:32px}
.korting i{font-size:20px;font-style:normal}
.korting .margin{margin-right:5px}
#template-31 header{text-align:center}
#template-31 .korting{background-image:none}
@media(max-width:1024px){
    #form .flex-2 .c25 img{width:100%}
    #form .flex-2 .c75 h3{font-size:18px}
    #form .flex-2 .c75 h4{font-size:16px}
    #form .flex-2 .c75 p{font-size:13px}
}
@media(max-width:767px){
}
@media(max-width:667px){
}
@media(min-width:668px){
}
@media(min-width:1025px){
    #form .flex-2 .c25 img{max-height:90px}
    #form .flex-2 .c75 h3{font-size:22px}
    #form .flex-2 .c75 h4{font-size:20px}
    #form .flex-2 .c75 p{font-size:15px}
    header{height:105px}
    header img{height:105px}
}