/*
Theme Name: Creafor Theme
Theme URI: http://www.creafor.be
Description: Creafor WordPress theme
Author: Deal Webdesign
Author URI: http://www.deal-webdesign.be
Version: 1
*/

@charset "utf-8";

/* FONTS
------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700);

/* RESET
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.whiteBG{
    background:#f9f9f9 !important;
}

.wp-google-name{display: none !important;}


.grw-widget-title, .widget-title, .wp-google-content-inner{display: none !important;}

.wpac{margin-bottom: 15px !important;}

img.slider-2244{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
}

img.slider-2244:hover{
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.wp-google-powered{display: none !important;}

ul li.lijst{
    background-image: url("images/creafor-list.png");
    background-position: left top;
    background-repeat: no-repeat;
    list-style: outside none none;
    padding: 0 0 0 25px;
    color: #666;
	line-height: 1.75;

}

/*CONTACT FORM*/

.fa{color: #00a770;}

.contact-left{float: left; width: 500px; height: 300px;}
.contact-right{padding: 45px;float: left; width: 460px; height: 300px; background: #f5f5f5;}
.contact-right p{border-bottom: 1px solid #fff; padding-bottom: 5px;}

.contactform1{float: left; width:500px; height: 100px;}
.contactform2{float: left; width:500px; height: 100px;}
.contactform3{width:1000px; height: 200px;}

input.wpcf7-text, input.wpcf7-quiz{margin-top: 10px; border: 1px solid #e5e5e5; height: 50px; padding: 0 10px;background: #f5f5f5;width:460px;}
textarea{margin-top: 10px; border: 1px solid #e5e5e5; padding: 10px;background: #f5f5f5;width: 960px;}
input.wpcf7-submit{display: inline-block; padding: 15px; height: auto; text-align: center; font-weight: 700; color: #00a770; text-decoration: none; text-transform: uppercase; border: 2px solid #00a770; box-shadow: inset 0 0 0 0 #00a770; background: none; cursor: pointer; transition: all ease 0.5s;}
input.wpcf7-submit:hover{box-shadow: inset 400px 0 0 0 #00a770; color: #fff;}

label{color: grey;}

@media screen and (max-width: 960px) {
    .contact-left{float: none; width: 500px; height: 400px; display: block;}
    .contact-right{float: none; width: 460px; height: 320px; display: block;}

    .contactform1{float: none; width:500px; height: 120px; display: block;}
    .contactform2{float: none; width:500px; height: 120px; display: block;}
    .contactform3{width: 100%; height: 220px;}

    textarea{width: 100%;}
}


@media screen and (max-width: 500px) {
    .mapsgoogle{width: 100% !important;}
    .contact-left{width: 100%;}
    .contact-right{width: 100%;}
    input.wpcf7-text{width: 100%;}
    .contactform1{width:100%;}
    .contactform2{width:100%;}
    .contactform3{width: 100%;}
}
/*CONTACT FORM*/


#tab-2 ul li, ul li.list-1, ul li.list-8{
    background-image: url("images/creafor-list.png");
    background-position: left top;
    background-repeat: no-repeat;
    list-style: outside none none;
    padding: 0 0 0 25px;
    color: #666;
	line-height: 1.75;
}
#tab-3 ul li, ul li.list-1, ul li.list-8{
    background-image: url("images/creafor-list.png");
    background-position: left top;
    background-repeat: no-repeat;
    list-style: outside none none;
    padding: 0 0 0 25px;
    color: #666;
	line-height: 1.75;
}
#tab-4 ul li, ul li.list-1, ul li.list-8{
    background-image: url("images/creafor-list.png");
    background-position: left top;
    background-repeat: no-repeat;
    list-style: outside none none;
    padding: 0 0 0 25px;
    color: #666;
	line-height: 1.75;
}
#tab-5 ul li, ul li.list-1, ul li.list-8{
    background-image: url("images/creafor-list.png");
    background-position: left top;
    background-repeat: no-repeat;
    list-style: outside none none;
    padding: 0 0 0 25px;
    color: #666;
	line-height: 1.75;
}
#tab-5 ul li strong:hover {
	color: #00a770;
}
#tab-6 ul li, ul li.list-1, ul li.list-8{
    background-image: url("images/creafor-list.png");
    background-position: left top;
    background-repeat: no-repeat;
    list-style: outside none none;
    padding: 0 0 0 25px;
    color: #666;
	line-height: 1.75;
}

#nav-webshop a{color: #fff;}
.producten-intro h1{color: #999999;}

strong{font-weight: bold;}

blockquote {
    border-left: 5px solid #eeeeee;
    font-size: 20px;
    margin: 0 0 28px;
    padding: 14px 28px;
    display: block;
}

blockquote p:last-of-type {margin-bottom: 0;}


/* CLEARFIX
------------------------------------------------------------------------------*/

.clearfix {display:inline-block; clear:both;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

/* GENERAL
------------------------------------------------------------------------------*/

* {margin:0; padding:0;}
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {height: 100%;}
body {height: 100%; font-family: 'Raleway', sans-serif; font-size: 16px; background: #272c25;}

p, ul.lijst li {font-size: 1em; color: #666; line-height: 1.75em; margin-bottom: 1.5em;}

a {color: #00a770; text-decoration: none; transition: all ease 0.25s;}
a:hover {text-decoration: underline;}

a.button.ghost {display: inline-block; padding: 15px; text-align: center; font-weight: 700; color: #00a770; text-decoration: none; text-transform: uppercase; border: 2px solid #00a770; box-shadow: inset 0 0 0 0 #00a770; transition: all ease 0.5s;}
a.button.ghost:hover {box-shadow: inset 400px 0 0 0 #00a770; color: #fff;}

a.button.ghost-white {display: inline-block; padding: 15px; text-align: center; font-weight: 700; color: #fff; text-decoration: none; text-transform: uppercase; border: 2px solid #fff; box-shadow: inset 0 0 0 0 #fff; transition: all ease 0.5s;}
a.button.ghost-white:hover {box-shadow: inset 400px 0 0 0 #fff; color: #00a770;}
.whiteMenu{color: #fff !important;}

hr {background: #e5e5e5; border: none; height: 2px; margin: 2em 0;}

.testimonial-inner{background: #f5f5f5 !important;}

/* HEADINGS
------------------------------------------------------------------------------*/

h1 {font-size: 2.5em; color: #666; line-height: 1.2em; border-bottom: 1px solid #e5e5e5; margin-bottom: 1em;}
h2 {font-size: 1.3em; line-height: 1.2em; margin-bottom: 1em;}
h3 {font-size: 1.2em; color: #666; line-height: 1.2em; margin-bottom: 1em;}
h4 {font-size: 1.1em; color: #666; line-height: 1.2em; margin-bottom: 1em;}
h5 {font-size: 1em; color: #666; line-height: 1.2em; margin-bottom: 1em;}
h6 {font-size: 1em; color: #666; line-height: 1.2em; margin-bottom: 1em;}

.left-70 h1{color: #666;}

/* WRAPPERS
------------------------------------------------------------------------------*/

.wrapper {position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
.wrapper.small {max-width: 600px;}
.wrapper-cols {width: 100%; max-width: 1230px; margin: 0 auto;}

/* CONTENT
------------------------------------------------------------------------------*/

.cf:before,
.cf:after {content: " "; display: table;}
.cf:after {clear: both;}

.full-width {width: 100%;}
.full-width.pad-top {padding-top: 120px;}
.full-width.pad-bottom {padding-bottom: 120px;}
.full-width.pad-full {padding: 100px 0;}
.white {background: #fff;}
.grey {background: #f5f5f5;}

.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}

.left {float: left;}
.right {float: right;}

.full-width.content {padding: 100px 0 50px;}

.left-20 {float: left; width: 20%; padding-right: 25px;}
.left-30 {float: left; width: 30%; padding-right: 25px;}
.left-40 {float: left; width: 40%; padding-right: 25px;}
.left-50 {float: left; width: 50%; padding-right: 25px;}
.left-60 {float: left; width: 60%; padding-right: 25px;}
.left-70 {float: left; width: 60%; padding-right: 15px;}

.right-30 {float: right; width: 40%; padding-left: 25px; padding-top: 90px;}
.right-40 {float: right; width: 40%; padding-left: 25px;}
.right-50 {float: right; width: 50%; padding-left: 25px;}
.right-60 {float: right; width: 60%; padding-left: 25px;}
.right-70 {float: right; width: 70%; padding-left: 25px;}
.right-80 {float: right; width: 80%; padding-left: 25px;}

.left-20 img, .left-30 img, .left-40 img, .left-50 img, .left-60 img,
.right-40 img, .right-50 img, .right-60 img, .right-70 img, .right-80 img {max-width: 100%; height: auto;}

.col-1 {float: left; width: 100%; margin: 1.2195%;}
.col-2 {float: left; width: 47.5609%; margin: 1.2195%;}
.col-3 {float: left; width: 30.8943%; margin: 1.2195%;}
.col-4 {float: left; width: 22.5609%; margin: 1.2195%;}

.clear {clear: both;}

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

/* HEADER
------------------------------------------------------------------------------*/

header {position: fixed; left: 0; top: 0; width: 100%; height: 80px; background: #00a770; z-index: 99; transition: all 0.2s ease-in-out;}
.admin-bar header {top: 32px;}
header img {position: absolute; left: 0; top: 15px; transition: all 0.3s ease-in-out;}
header img:hover {transform: rotate(360deg);}
header.sticky {top: -80px;}

.header-active {margin-top: 80px;}

/*.ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target {color: #272C25 !important; text-transform: uppercase !important;}
.ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {color: #fff !important;}*/

/*.main-nav {float: right;}
.main-nav > li {display: inline-block; margin-left: 20px;}
.main-nav > li > a {display: inline-block; height: 80px; font-size: 0.9em; color: #272c25; font-weight: 700; line-height: 72px; text-transform: uppercase; text-decoration: none; border-top: 2px solid transparent; transition: all 0.2s ease-in-out;}
.main-nav li:hover > a, .main-nav li.current-menu-item > a {border-top: 2px solid #272c25;}
.main-nav ul {display: none; position: absolute; left: 0; background: #fff; width: 100%; margin: 0 auto; border: 1px solid #e5e5e5; border-top: 3px solid #272c25; padding: 40px; opacity: 1; z-index: 9999;}
.main-nav li:hover ul {display: block;}
.main-nav ul li {display: block; float: left; width: 20%; padding: 10px;}
.main-nav ul li:hover a {border-top: none;}*/

/*#mega-menu-wrap-main-nav {position: absolute; top: 0; width: 100%; height: 80px; background: none;}
#mega-menu-wrap-main-nav #mega-menu-main-nav {float: right; width: 100%; height: 80px; text-align: right;}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item {height: 80px;}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {height: 80px; line-height: 80px;}*/

/* VISUAL
------------------------------------------------------------------------------*/

.visual {margin-top: 80px; padding: 50px 50px; text-align: center; background: #fff url(images/visual-bg.png) no-repeat center bottom;}
.visual img {max-width: 100%; height: auto;}

/* INTRO
------------------------------------------------------------------------------*/

.intro {position: relative; background: #272C25;}
.intro h1 {margin-bottom: 0.3em; color: #fff; border-bottom: 0;}
.intro p.ondertitel {font-size: 1.5em; color: #fff; margin-bottom: 1.5em;}
.intro p {color: #a0adbb;}
.intro a.button {margin-top: 1em;}

.intro .left-50 {padding: 60px 0;}
.intro .right-50 {position: absolute; right: -50px; bottom: 0;}

/*.intro .wrapper {background: url(images/team.png) no-repeat right bottom; padding: 150px 0;}*/

/* DIENSTEN
------------------------------------------------------------------------------*/

.diensten {background: #fff url(images/diensten-bg.png) no-repeat left bottom;}

.diensten .col-3 {text-align: center; padding: 0 30px;}
.diensten .col-3 img {margin-bottom: 1em;}

/* NIEUWS
------------------------------------------------------------------------------*/

.news {background: #272C25; height: 330px; overflow: hidden;}

.news-item {float: left; width: 20%; height: 330px; position: relative; text-align: center; transition: all 0.25s ease-in-out;}
.news-item .image {overflow: hidden;}
.news-item .image img {width: 100%;}
.news-item.article {height: 390px;}
.news-item h3 {font-size: 2em; color: #fff;}
.news-item a.button {padding: 15px 30px;}
.news-item .outer {display: table; height: 100%; width: 100%;}
.news-item .inner {display: table-cell; vertical-align: middle;}
.news-item.article .image {position: relative; height: 330px;}
.news-item.article .title {width: 100%; height: 60px; padding-top: 20px; background: #e5e5e5; text-align: center;}
.news-item.article .title a {color: #666; text-decoration: none;}
.news-item.article a:hover {color: #00a770; text-decoration: none;}
.news-item.article:hover {margin-top: -60px;}

.news-item-index {transition: all 0.25s ease-in-out;}
.news-item-index:hover {box-shadow: 0 0 10px #c5c5c5;}
.news-item-index .image {height: 300px;}
.news-item-index .title {background: #fff; height: 90px; display: table; width: 100%;}
.news-item-index .title .inner {display: table-cell; vertical-align: middle;}
.news-item-index .title h4 {margin-bottom: 0;}
.news-item-index .title p {margin-bottom: 0; font-size: 0.8em;}
.news-item-index a:hover {text-decoration: none;}

/* TESTIMONIALS
------------------------------------------------------------------------------*/

.testimonial {border-bottom: 2px solid #00a770;}
.testimonial p {font-size: 0.8em;}
.testimonial-client {display: none;}

.strong-form {padding: 0 !important;}
.required-notice {display: none;}
#wpmtst-form label {margin-bottom: 5px;}
#wpmtst-form input {border: 1px solid #e5e5e5; height: 40px; padding: 0 10px;background: #f5f5f5;}
#wpmtst-form textarea {border: 1px solid #e5e5e5; padding: 10px;background: #f5f5f5;}
#wpmtst-form input#wpmtst_submit_testimonial {display: inline-block; padding: 15px; height: auto; text-align: center; font-weight: 700; color: #00a770; text-decoration: none; text-transform: uppercase; border: 2px solid #00a770; box-shadow: inset 0 0 0 0 #00a770; background: none; cursor: pointer; transition: all ease 0.5s;}
#wpmtst-form input#wpmtst_submit_testimonial:hover {box-shadow: inset 400px 0 0 0 #00a770; color: #fff;}





/* NIEUWSBRIEF
------------------------------------------------------------------------------*/

.newsletter {padding: 100px 0; text-align: center; background: #fff url("images/nieuwsbrief.png") no-repeat center;}
.newsletter p {font-size: 2.5em; font-weight: 300; color: #272c25; margin-bottom: 0.8em;}
.newsletter input {width: 200px; height: 45px; border: 2px solid #d9d9d9; font-size: 1.1em; font-weight: 300; color: #272c25; padding: 0 10px;}
.newsletter input[type="submit"], .newsletter button {width: 150px; height: 45px; background: none; border: 2px solid #00a770; font-size: 1em; font-weight: 700; color: #00a770; text-transform: uppercase; cursor: pointer; transition: all 0.2s ease-in-out;}
.newsletter input[type="submit"]:hover, .newsletter button:hover {background: #00a770; color: #fff;}
.newsletter ul li:before {content: ""; font-family: 'FontAwesome'; color: #00a770; margin-right: 10px;}

/* REFERENTIES
------------------------------------------------------------------------------*/

.featured-title {position: relative; display: block; width: 100%; background: #00a770; padding: 30px 0; text-align: center; font-size: 2.5em; color: #fff; margin-bottom: 0;}
.featured-title:before {content: ""; position: absolute; left: 50%; bottom: -9px; border-top: 10px solid #00a770; border-left: 10px solid #fff; border-right: 10px solid #fff;}

.references {text-align: center;}
.references a {display: block; font-size: 1.5em;}

.reference {padding: 14px 28px; border-left: 5px solid #eeeeee; margin-bottom: 3em; text-align: left;}
.reference p {font-size: 1.3em;}
.reference span {font-size: 0.9em; color: #999;}
.reference span:before {content: '\2014 \00A0';}

/* PRODUCTEN OVERZICHT
------------------------------------------------------------------------------*/

.producten-intro p:last-of-type {margin-bottom: 0;}
.producten-intro {padding-bottom: 2em; margin-bottom: 1.5em;}

.product {position: relative; height: 300px; overflow: hidden;}
.product .image {height: 100%; transition: all 0.25s ease-in-out;}
.product .title {width: 100%; height: 60px; padding-top: 20px; background: #e5e5e5; text-align: center;}
.product a {color: #666; text-decoration: none;}
.product a:hover {color: #00a770;}
.product:hover .image {margin-top: -60px;}

/* PRODUCT SINGLE
------------------------------------------------------------------------------*/

.product-intro ul li {color: #666; line-height: 1.75em;}
.product-intro ul li:before {content: ""; font-family: 'FontAwesome'; color: #00a770; margin-right: 10px;}
.product-intro a.button {margin: 2em 8px 0 0; text-transform: lowercase; font-weight: 400;}
.product-intro a.button span {margin-right: 10px;}

.product-buttons {width: 100%; clear: both;}

.tab-container {background: #f5f5f5; padding-bottom: 20px;}
ul.etabs {background: #fff; text-align: center; border-bottom: 1px solid #e5e5e5;}
ul.etabs li {display: inline-block; padding: 10px 20px;}
ul.etabs li.active {border-bottom: 2px solid #00a770;}
ul.etabs li a:hover {text-decoration: none;}

ul.etabs li a h2{font-size: 1em;}

.tab {max-width: 1200px; margin: 0 auto; padding: 20px 0 0 20px;}

.tab-images {text-align: center;}
.tab-images img {display: inline-block; margin: 0.5%;}

/* FOOTER
------------------------------------------------------------------------------*/

footer {background: #272c25; padding: 70px 0;}
footer h6 {color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 2em;}
footer .box {float: left; width: 25%; font-size: 0.9em; color: #a0adbb; line-height: 1.5em; padding-right: 50px;}

footer .box.company ul li {position: relative; padding-left: 30px; margin-bottom: 0.3em;}
footer .box.company ul li:before {content: ""; display: block; position: absolute; left: 0; width: 20px; height: 20px;}
footer .box.company ul li.phone:before {background: url(images/icon-phone.png) no-repeat center; background-size: contain;}
footer .box.company ul li.mail:before {background: url(images/icon-mail.png) no-repeat center; background-size: contain;}
footer .box.company ul li.location:before {background: url(images/icon-location.png) no-repeat center; background-size: contain;}
footer .box.company ul li.btw:before {background: url(images/icon-btw.png) no-repeat center; background-size: contain;}

footer .box.opening-hours table {width: 100%;}
footer .box.opening-hours table tr td:first-of-type {width: 30px; font-weight: 700;}
footer .box.opening-hours table tr td {padding-bottom: 0.5em;}
footer .box.opening-hours span {display: inline-block; height: 10px; background: #00a770;}

footer .box.social span {display: inline-block; width: 32px; height: 32px; margin: 0 2px 2px 0; border-radius: 50%; background: #00a770; color: #fff; text-align: center; line-height: 32px; transition: all 0.2s ease-in-out;}
footer .box.social span:hover {background: #555}

/* RESPONSIVE
------------------------------------------------------------------------------*/

@media screen and (max-width: 1210px) {
    .wrapper {max-width: 1100px}
    .wrapper-cols {max-width: 1130px;}
    #test1, #test2, #test3, #test4, #test5{padding-left: 10px;}
}

@media screen and (max-width: 1110px) {
    .wrapper {max-width: 960px}
    .wrapper-cols {max-width: 990px;}
}

@media screen and (max-width: 960px) {
    .wrapper, .wrapper-cols {padding: 0 20px;}
}

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

    header {position: relative; height: auto; padding: 20px 0;}
    header img {position: relative; display: block; margin: 0 auto 10px; top: 0;}
    .navigation {position: relative;}

    .wrapper, .wrapper-cols {padding: 0 20px;}

    .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target{color: #000 !important;}

    .news {height: auto;}
    .news-item {width: 33.3333%; height: 330px;}
    .news-item.article {height: 330px;}
    .news-item.article .image {overflow: hidden;}
    .news-item.article .title {position: absolute; left: 0; bottom: 0; opacity: 0.9;}
    .news-item.article:hover {margin-top: 0;}

    footer .box {width: 50%; padding-right: 30px;}
    footer .box:nth-child(1), footer .box:nth-child(2) {margin-bottom: 30px;}
}

@media screen and (max-width: 850px) {
    ul.etabs {border-top: 1px solid #e5e5e5;}
    ul.etabs li {display: block; float: left; width: 33.3333%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; font-size: 0.9em; padding: 10px; background: #fff;}
    ul.etabs li a.active {color: #fff;}
    ul.etabs li.active {background: #00a770; border-bottom: 1px solid #00a770}
}

@media screen and (max-width: 750px) {
	.full-width.pad-full {padding: 50px 0;}
	.left-50, .right-50, .left-70, .right-30, .left-40, .right-60 {float: none; width: 100%; padding-left: 0; padding-right: 0;}
    .product-image {margin-bottom: 2em;}

    .visual {margin-top: 0; padding: 80px 20px}
    .visual img {width: 100%; max-width: 350px;}

    .intro .left-50 {padding: 60px 0;}
    .intro .right-50 {display: none;}

    .col-1, .col-2, .col-3, .col-4 {float: none; width: 100%; max-width: 100%; padding: 0;}
    .diensten .col-3 {margin: 0 auto 50px; max-width: 400px;}

    .news-item {width: 100%; margin-bottom: 30px;}
    .news-item:last-of-type {margin-bottom: 0;}

    .newsletter {background-size: cover;}

    .reference {padding: 0; border-left: 0;}

    .product-intro ul {margin-bottom: 2em;}
    .product-intro a.button {display: block; width: 100%; max-width: 300px; margin: 0 0 0.5em;}
    ul.etabs li {float: none; width: 100%;}

    footer .box {width: 100%; padding-right: 0; margin-bottom: 30px;}
    footer .box:last-of-type {margin-bottom: 0;}
}

@media screen and (max-width: 500px) {
	.newsletter {padding: 80px 20px;}
	.newsletter input {width: 100%; margin-bottom: 10px;}
	.right-30{float: none; display: block; width: 100%; margin-top: 30px; padding-left: 0px;}
	.left-70{float: none; display: block; width: 100%;}
	.tab p a img{width: 170px; padding-left: 5px;}
}

#email-subscription-container #mailpoet_form_2 {
	background: inherit !important;
}

#email-subscription-container .mailpoet_paragraph input {
	width: 200px !important;
    height: 45px !important;
    border: 2px solid #d9d9d9 !important;
    font-size: 1.1em !important;
    font-weight: 300 !important;
    color: #272c25 !important;
    padding: 0 10px !important;
	background-color: inherit !important;
	border-radius: 8px !important;
}

#email-subscription-container .mailpoet_paragraph input::placeholder {
	color: #7e7e7e;
}

#email-subscription-container .mailpoet_paragraph input.mailpoet_submit, .viae-green-button {
	//color: transparent !important;
	//position: relative;
	border: 2px solid #00a770 !important;
	font-weight: 700 !important;
    color: #00a770 !important;
}

#email-subscription-container .mailpoet_paragraph input.mailpoet_submit:hover, .viae-green-button:hover, a.button.ghost-white.viae-green-button:hover {
	//color: transparent !important;
	//position: relative;
	border: 2px solid #00a770 !important;
	font-weight: 700 !important;
    color: white !important;
    background-color: #00a770 !important;
	box-shadow: none;
}

#email-subscription-container .mailpoet_paragraph input.mailpoet_submit:after {
	content: 'AANMELDEN';
	position: absolute;
  	visibility: visible;
  	display: block;
    background: none !important;
    border: 2px solid #00a770 !important;
    color: #00a770 !important;
    text-transform: uppercase !important;
	line-height: normal !important;
}

#email-subscription-container .mailpoet_paragraph  {
	display: inline-block;
}

#email-subscription-container form {
	text-align: center;
}

p.viae-wij-printen {
	font-size: 75px;
    color: #000000;
    line-height: 1.25em;
    font-weight: bold;
	margin-bottom: 0em;
	padding-top: 75px;
    padding-bottom: 100px;
}

@media screen and (max-width: 500px) {
	p.viae-wij-printen {
		font-size: 40px;
		padding-top: 55px;
	}
}

p.viae-wij-printen .green {
	color: #00a770 !important;
	transition: all 1s ease-in;
}

section.viae-wij-printen {
	padding-bottom: 0px !important;
	background: #fff url("https://creafor.be/wp-content/uploads/2022/02/background.png") no-repeat center bottom;
}

@media screen and (max-width: 500px) {
	#viae-header-logo img {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.newsletter {
	background: #fff url("https://creafor.be/wp-content/uploads/2022/02/inktpotten.png") repeat top left !important;
	padding: 66px 0;
}

#header-viae-button {
	margin-bottom: 32px;
    float: right;
}