@charset "UTF-8";
/*
Theme Name: WD Theme
Theme URI: https://www.websitedelivery.nl
Description: Dit template is op maat ontworpen en ontwikkeld door Website delivery, gevestigd te Amsterdam. Ook een website laten maken? Neem dan contact met mij op middels <a href="mailto:info@websitedelivery.nl">info@websitedelivery.nl</a>.
Version: 1.0
Author: Alexander van der Kamp
Author URI: https://www.websitedelivery.nl
*/
@import url("//hello.myfonts.net/count/356c8a");
@font-face {
  font-family: "Avenir Light";
  src: url("../fonts/356C8A_1_0.eot");
  src: url("../fonts/356C8A_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/356C8A_1_0.woff2") format("woff2"), url("../fonts/356C8A_1_0.woff") format("woff"), url("../fonts/356C8A_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Book";
  src: url("../fonts/356C8A_2_0.eot");
  src: url("../fonts/356C8A_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/356C8A_2_0.woff2") format("woff2"), url("../fonts/356C8A_2_0.woff") format("woff"), url("../fonts/356C8A_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Medium";
  src: url("../fonts/356C8A_0_0.eot");
  src: url("../fonts/356C8A_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/356C8A_0_0.woff2") format("woff2"), url("../fonts/356C8A_0_0.woff") format("woff"), url("../fonts/356C8A_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Black";
  src: url("../fonts/356C8A_3_0.eot");
  src: url("../fonts/356C8A_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/356C8A_3_0.woff2") format("woff2"), url("../fonts/356C8A_3_0.woff") format("woff"), url("../fonts/356C8A_3_0.ttf") format("truetype");
}
/* VARIABLES */
/* BASICS */
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
body {
  height: 100%;
  position: relative;
  font-family: "Avenir Book", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  color: #3d1313;
  background: white;
}
header .inner, .video .text .inner, .home main section, main, footer .inner {
  width: 940px;
  margin: 0 auto;
}
a {
  color: #e31610;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  -moz-transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
a.button {
  background: #e31610;
  padding: 7px 16px;
  color: white;
  font-size: 15px;
  border-radius: 5px;
  height: 25px;
  line-height: 28px;
  display: inline-block;
  margin: 20px;
}
a.button span {
  position: relative;
  padding-left: 15px;
  padding-right: 5px;
}
a.button span:before {
  font-size: 20px;
  position: absolute;
  content: "›";
  top: -8px;
  left: 0;
  -moz-transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -ms-transition: 0.4s all;
}
a.button:hover {
  text-decoration: none;
  box-shadow: inset 0px -2px 8px rgba(62, 19, 19, 0.3);
}
a.button:hover span:before {
  left: 4px;
  -moz-transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -ms-transition: 0.4s all;
}
a.button#ghost {
  background: white;
  color: #e31610;
}
a.button#ghost:hover {
  box-shadow: none;
  color: rgba(227, 23, 16, 0.7);
}
.clear {
  clear: both;
}
address {
  font-style: normal;
}
img, a img {
  border: 0;
}
strong, b {
  font-family: "Avenir Black", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
}
p {
  margin-bottom: 15px;
}
:focus {
  outline: 0;
}
fieldset {
  border: 0;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}
.underline {
  text-decoration: underline;
}
::-moz-selection, ::-webkit-selection, ::-ms-selection {
  background: #eee;
  color: #3d1313;
}
/* HEADINGS */
h1 {
  font-size: 42px;
  margin: 0 0 15px;
}
h2 {
  font-size: 32px;
  margin: 0 0 10px;
}
h3 {
  font-size: 24px;
  margin: 0 0 5px;
}
h1, h2, h3, h4 {
  color: #e31610;
  font-weight: 400;
  line-height: 1;
  font-family: "Avenir Black", sans-serif;
  letter-spacing: -0.3px;
}
/* HEADER */
header {
  padding: 9px 0;
  position: absolute;
  top: 11px;
  width: 100%;
  background: url("../images/header.png") repeat-x;
  background-size: contain;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 20;
  text-align: center;
  border-top: 1px solid #502a2a;
  border-bottom: 1px solid #502a2a;
  -moz-transition: 1s bottom;
  -webkit-transition: 1s bottom;
  -ms-transition: 1s bottom;
}
header .logo {
  line-height: 0;
  position: relative;
  width: 121px;
  float: left;
  z-index: 10;
}
header .logo a {
  display: inline-block;
}
header .logo a img {
  width: 100%;
  height: auto;
}
header .inner {
  position: relative;
}
header .spotlight {
  height: 70px;
  width: 100%;
  background: url("../images/spotlight.png") no-repeat;
  background-position: 47% 50%;
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
  z-index: 1;
}
header nav {
  width: 100%;
}
header nav ul.menu {
  height: 52px;
  line-height: 52px;
  display: inline-block;
}
header nav ul.menu > li {
  margin: 0 15px;
  position: relative;
  display: inline-block;
  height: 100%;
}
header nav ul.menu > li a {
  color: #3d1313;
  font-size: 16px;
  font-family: "Avenir Medium", sans-serif;
  -webkit-font-smoothing: antialiased;
}
header nav ul.menu > li a:hover {
  color: rgba(62, 19, 19, 0.6);
  text-decoration: none;
}
header nav ul.menu > li.current-menu-item a, header nav ul.menu > li.current-menu-item a:hover {
  color: #3d1313;
  font-family: "Avenir Black", sans-serif;
  -webkit-font-smoothing: antialiased;
  border-bottom: 1px solid #3d1313;
  margin-bottom: 3px;
  opacity: 1;
}
header nav ul.menu > li:hover > ul {
  display: block;
}
header nav ul.sub-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 52px;
  border-top: 9px solid transparent;
  z-index: 10000;
  min-width: 160px;
}
header nav ul.sub-menu li {
  height: 32px;
  line-height: 32px;
  background: #eee;
  padding: 0 15px;
}
header nav ul.sub-menu li:first-child {
  padding-top: 10px;
}
header nav ul.sub-menu li:last-child {
  padding-bottom: 10px;
}
header nav.left, header nav.right {
  width: calc(50% - 125.5px);
  float: left;
  z-index: 20;
  position: relative;
}
header nav.left {
  text-align: right;
  padding-right: 55px;
}
header nav.right {
  text-align: left;
  padding-left: 50px;
}
header .language-switcher {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1000;
}
header .language-switcher ul.menu {
  text-align: left;
  position: relative;
  line-height: 18px;
}
header .language-switcher ul.menu li a {
  color: #3d1313;
}
header .language-switcher ul.menu > li > a > span {
  display: none;
}
header .language-switcher ul.menu > li {
  padding-right: 20px;
}
header .language-switcher ul.menu ul.sub-menu {
  display: none;
  background: white;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  line-height: 0;
}
header .language-switcher ul.menu ul.sub-menu li {
  white-space: nowrap;
  height: 18px;
  display: inline-block;
  margin: 4px 0;
}
header .language-switcher ul.menu ul.sub-menu li a {
  display: inline-block;
}
header .language-switcher ul.menu ul.sub-menu li img {
  margin-right: 5px;
}
header .language-switcher ul.menu ul.sub-menu li span {
  vertical-align: top;
  display: inline-block;
  margin-top: 2px;
  line-height: 18px;
  font-size: 14px;
}
header .language-switcher ul.menu ul.sub-menu li a:hover {
  color: #e31610;
}
header .language-switcher ul.menu ul.sub-menu.show {
  display: block;
}
header .language-switcher ul.menu:after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
header .language-switcher .wpml-ls-menu-item .wpml-ls-flag {
  height: 18px !important;
}
.strip {
  height: 13px;
  width: 100%;
  background: url("../images/houten-strip.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.single-restorations header nav ul li#menu-item-15 a {
  color: #3d1313;
  font-weight: 600;
  text-decoration: none;
}
header.sticky {
  position: fixed;
  top: 0;
  background: rgba(245, 245, 245, 0.8);
  border-top: none;
  border-bottom: none;
  z-index: 500;
}
header.open {
  bottom: 0;
  -moz-transition: 1s bottom;
  -webkit-transition: 1s bottom;
  -ms-transition: 1s bottom;
}
.header-image {
  height: 160px;
  overflow: hidden;
}
.header-image div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* MOBILE MENU */
nav.mobile {
  width: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.9s;
  -moz-transition: max-height 0.9s;
  -webkit-transition: max-height 0.9s;
  -ms-transition: max-height 0.9s;
}
nav.mobile ul.menu {
  display: none;
}
a.mobile-menu-button {
  position: absolute;
  left: 0;
  top: 0;
  padding: 23px 0;
  line-height: 0;
  display: none;
  z-index: 1000;
}
a.mobile-menu-button .lines, a.mobile-menu-button .lines:before, a.mobile-menu-button .lines:after {
  display: inline-block;
  width: 20px;
  height: 2px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  background: #3d1313;
}
a.mobile-menu-button .lines {
  position: relative;
}
a.mobile-menu-button .lines:before, a.mobile-menu-button .lines:after {
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-origin: 10px center;
  transform-origin: 10px center;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: top 0.3s 0.6s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -moz-transition: top 0.3s 0.6s ease-in-out, -moz-transform 0.3s ease-in-out;
  -o-transition: top 0.3s 0.6s ease-in-out, -o-transform 0.3s ease-in-out;
  transition: top 0.3s 0.6s ease-in-out, transform 0.3s ease-in-out;
}
a.mobile-menu-button .lines:before {
  top: 6px;
}
a.mobile-menu-button .lines:after {
  top: -6px;
}
a.mobile-menu-button.close {
  position: absolute;
}
a.mobile-menu-button.close .lines {
  transition: background 0.3s 0s ease-in-out;
  background: transparent !important;
}
a.mobile-menu-button.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  -o-transform: rotate3d(0, 0, 1, 45deg);
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
a.mobile-menu-button.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -moz-transform: rotate3d(0, 0, 1, -45deg);
  -o-transform: rotate3d(0, 0, 1, -45deg);
  -ms-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
a.mobile-menu-button.close .lines:before, a.mobile-menu-button.close .lines:after {
  -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.5s ease-in-out;
  -moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s 0.5s ease-in-out;
  -o-transition: top 0.3s ease-in-out, -o-transform 0.3s 0.5s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s 0.5s ease-in-out;
  top: 0;
  width: 20px;
}
/* HOME */
.home .video {
  overflow: hidden;
  position: relative;
  height: 100%;
  background: url("../video/still.png") no-repeat black;
  background-size: cover;
}
.home .video video#myVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transition: 1s opacity;
  z-index: 2;
}
.home .video .controls {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
  opacity: 0.1;
  -moz-transition: 1s all 2s;
  -webkit-transition: 1s all 2s;
  -ms-transition: 1s all 2s;
}
.home .video .controls button {
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin: 0 1px;
}
.home .video .controls button#playback {
  background: url("../images/pause.png") no-repeat;
  background-size: 40px auto;
}
.home .video .controls button#playback.play {
  background: url("../images/play.png") no-repeat;
  background-size: 40px auto;
  z-index: 1;
}
.home .video .controls button#sound {
  background: url("../images/unmute.png") no-repeat;
  background-size: 40px auto;
}
.home .video .controls button#sound.on {
  background: url("../images/mute.png") no-repeat;
  background-size: 40px auto;
  z-index: 1;
}
.home .video .text {
  position: absolute;
  bottom: 30px;
  text-align: center;
  z-index: 10;
  color: white;
  width: 100%;
  opacity: 0.1;
  -moz-transition: 1s all 2s;
  -webkit-transition: 1s all 2s;
  -ms-transition: 1s all 2s;
}
.home .video .text h2, .home .video .text h3 {
  color: white;
  width: 80%;
  padding: 0 10%;
  margin-bottom: 20px;
  text-shadow: 1px 1px 5px #3d1313;
}
.home .video .text h2 {
  font-size: 46px;
}
.home .video .text h3 {
  font-size: 19px;
  margin-bottom: 40px;
  font-family: "Avenir Book", sans-serif;
  letter-spacing: normal;
}
.home .video .text span {
  color: #e31610;
  font-size: 17px;
  position: relative;
  text-shadow: 1px 1px 5px #3d1313;
}
.home .video .text i {
  border: solid #e31610;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
}
.home .video .text .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.home .video .background {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
}
.home .video.moved .text, .home .video.moved .controls {
  opacity: 1;
  -moz-transition: 1s all 0s;
  -webkit-transition: 1s all 0s;
  -ms-transition: 1s all 0s;
}
.home .video.first-seconds .text, .home .video.first-seconds .controls {
  opacity: 1;
  -moz-transition: 1s all 0s;
  -webkit-transition: 1s all 0s;
  -ms-transition: 1s all 0s;
}
.home main {
  position: relative;
  width: 100%;
  float: left;
}
.home main section {
  display: block;
}
.home main section.intro {
  text-align: center;
  font-size: 18px;
}
.home main section.more-steps {
  text-align: center;
  font-size: 18px;
  position: relative;
}
.home main section.more-steps h2 {
  color: #3d1313;
}
.home main section.more-steps ul.steps-345 {
  margin: 0 0 50px;
  width: 100%;
  display: inline-block;
}
.home main section.more-steps ul.steps-345 li {
  width: 32%;
  margin: 0 2% 0 0;
  float: left;
  list-style-type: none;
  position: relative;
}
.home main section.more-steps ul.steps-345 li .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 15px 20px 20px;
  text-align: left;
}
.home main section.more-steps ul.steps-345 li .overlay span {
  color: #e31610;
  border-bottom: 1px solid #e31610;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
}
.home main section.more-steps ul.steps-345 li .overlay h3 {
  font-size: 21px;
  margin-top: 5px;
  -webkit-font-smoothing: antialiased;
}
.home main section.more-steps ul.steps-345 li:last-child {
  margin-right: 0;
}
.home main section.more-steps ul.steps-345 li:hover {
  opacity: 0.7;
}
.home main section.step .text a.button {
  margin: 20px 0 0;
}
.home main section.step .text a.button:first-of-type {
  margin-right: 10px;
}
.home main section#step2 {
  border-bottom: 0;
}
/* STEPS */
main.steps section.intro h1 {
  color: #e31610;
}
main.steps section.intro h2 {
  color: #3d1313;
}
main.steps section.intro#first {
  padding-bottom: 50px;
}
section.tabs {
  background: #eee;
  width: calc(100% - 40px);
  display: inline-block;
  padding: 20px;
}
section.tabs h2 {
  color: #3d1313;
  font-family: "Avenir Light", sans-serif;
  letter-spacing: 0;
  font-size: 24px;
  margin-bottom: 15px;
}
section.tabs .tabs-outer {
  position: relative;
}
section.tabs .tabs-outer ul.tabs {
  width: 25%;
  display: inline-block;
  margin: 0;
  float: left;
}
section.tabs .tabs-outer ul.tabs li {
  list-style-type: none;
  margin: 0;
  height: 43px;
  line-height: 43px;
  padding: 0 20px;
  position: relative;
  border: 1px solid #eee;
  border-right: 0;
}
section.tabs .tabs-outer ul.tabs li i.arrow.right {
  display: none;
  border: solid #e31610;
  border-width: 0 1px 1px 0;
  padding: 4px;
  position: absolute;
  top: 17.5px;
  right: 0;
  margin-right: 10px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
section.tabs .tabs-outer ul.tabs li:hover {
  cursor: pointer;
}
section.tabs .tabs-outer ul.tabs li.active {
  background: white;
  color: #e31610;
  border: 1px solid #ddd;
  border-right: none;
  z-index: 20;
}
section.tabs .tabs-outer ul.tabs li.active i.arrow.right {
  display: inline-block;
}
section.tabs .tabs-outer .tab-content {
  width: calc(75% - 41px);
  padding: 20px;
  background: white;
  position: relative;
  float: right;
  font-size: 16px;
  border: 1px solid #ddd;
  border-left: none;
}
section.tabs .tabs-outer .tab-content p {
  margin-bottom: 10px;
}
section.tabs .tabs-outer .tab-content strong, section.tabs .tabs-outer .tab-content b {
  font-size: 20px;
  margin-bottom: 10px;
  display: inline-block;
}
section.tabs .tabs-outer .tab-content:before {
  position: absolute;
  left: -1px;
  content: "";
  width: 1px;
  top: 0;
  bottom: 0;
  background: #ddd;
  height: 100%;
}
section.tabs .tabs-outer .tab-content div.active {
  z-index: 20;
}
section.tabs .tabs-outer.mobile {
  display: none;
}
section.tabs .tabs-outer.mobile select {
  background: url("../images/arrow-down-red.png") no-repeat 95% 50% white;
  background-size: 12px 12px;
  border: 1px solid #ddd;
}
section.tabs .tabs-outer.mobile .tab-content .hide {
  display: none;
}
section.step {
  line-height: 0;
  border-bottom: 1px solid #777;
  overflow: visible;
  padding: 20px 0 60px;
}
section.step .inner {
  width: 100%;
  position: relative;
  display: inline-block;
}
section.step .inner .text {
  width: 40%;
  line-height: 22px;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
section.step .inner .text span.count {
  color: #e31610;
  margin-bottom: 10px;
  display: inline-block;
  border-bottom: 1px solid #e31610;
}
section.step .inner .text h2 {
  margin-bottom: 20px;
}
section.step .inner .text p {
  margin-bottom: 15px;
}
section.step .inner .text p:last-child {
  margin-bottom: 0;
}
section.step .inner .text a.button {
  margin-left: 0;
}
section.step .inner .text a.button#ghost {
  margin-top: 25px;
}
section.step .inner .image {
  width: 52.5%;
  float: right;
  line-height: 0;
  position: relative;
}
section.step .inner .image img {
  width: 100%;
  height: auto;
}
section.step .top-image {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
section.step .top-image img {
  width: 100%;
  height: auto;
}
section.step .overlay {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(240, 240, 240, 0.8);
  padding: 0 20px;
  line-height: 44px;
  height: 40px;
  z-index: 20;
}
section.step .overlay a {
  color: #3d1313;
}
section.step .overlay a span {
  position: relative;
  padding-left: 15px;
  padding-right: 5px;
  display: inline-block;
  text-decoration: underline;
}
section.step .overlay a span:before {
  font-size: 20px;
  position: absolute;
  content: "›";
  top: 13px;
  left: 0;
  line-height: 14px;
  -moz-transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -ms-transition: 0.4s all;
}
section.step .overlay a:hover span:before {
  left: 4px;
  -moz-transition: 0.4s all;
  -webkit-transition: 0.4s all;
  -ms-transition: 0.4s all;
}
section.step .image:hover .overlay, section.step .top-image:hover .overlay, section.step .left-image:hover .overlay, section.step .right-image:hover .overlay, section.step ul.images li:hover .overlay {
  display: block;
}
section:last-child {
  border-bottom: 0;
}
section#step1 {
  padding-top: 0;
}
section#step1 .text {
  width: 42%;
}
section#step2 {
  position: relative;
}
section#step2 .text {
  left: auto;
  width: 52.5%;
  right: 0;
}
section#step2 .image {
  float: left;
  width: 40%;
}
main.steps section#step1 {
  padding-bottom: 0;
  border-bottom: none;
}
main.steps section#step2 {
  padding-top: 0;
}
.home main section#step2 {
  padding-bottom: 0;
}
section#step3, section#step5, section#step11, section#step14, section#step15 {
  position: relative;
}
section#step3 .text, section#step5 .text, section#step11 .text, section#step14 .text, section#step15 .text {
  background: white;
  padding: 3.5% 5%;
  width: 37.5%;
}
section#step3 .image, section#step5 .image, section#step11 .image, section#step14 .image, section#step15 .image {
  float: left;
  width: 100%;
}
section#step4 {
  position: relative;
}
section#step4 .text {
  left: auto;
  width: 40%;
  right: 0;
}
section#step4 .image {
  float: left;
  width: 52.5%;
}
section#step6 .inner {
  position: relative;
}
section#step6 .inner .text {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  padding-bottom: 0;
}
section#step6 .inner .image {
  margin-bottom: 50px;
  float: left;
}
section#step7 {
  position: relative;
}
section#step7 .right-image {
  float: right;
  width: 70%;
  position: relative;
}
section#step7 .right-image img {
  width: 100%;
  height: auto;
}
section#step7 .left {
  float: left;
  width: 27.5%;
}
section#step7 .left .text {
  position: relative;
  width: 100%;
  top: auto;
  left: auto;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  margin-top: 57px;
  margin-bottom: 75px;
}
section#step7 .left .image {
  width: 100%;
  float: left;
}
main.steps section#step9 {
  position: relative;
  border-top: 1px solid #777;
  margin-top: 60px;
}
main.steps section#step9 .text {
  right: 0;
  left: auto;
}
main.steps section#step9 .inner .image {
  float: left;
}
section#step11 .text {
  right: auto;
  left: 0;
  top: 80%;
  -moz-transform: translateY(-80%);
  -webkit-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
}
section#step11 .image .overlay {
  left: 0;
  right: auto;
}
section#step12 {
  position: relative;
}
section#step12 .text {
  width: 25%;
  right: 0;
  left: auto;
}
section#step12 .image {
  width: 70%;
  float: left;
}
section#step13 {
  position: relative;
  float: left;
}
section#step13 ul.images {
  width: 50%;
  float: right;
  margin: 0;
}
section#step13 ul.images li {
  float: left;
  list-style-type: none;
  margin: 0 0 20px;
  position: relative;
  width: 100%;
}
section#step13 ul.images li img {
  width: 100%;
  height: auto;
}
section#step13 ul.images li .overlay {
  left: 0;
  right: auto;
}
section#step13 ul.images li:last-child {
  margin-bottom: 0;
}
section#step13 .text {
  width: 40%;
  line-height: 24px;
  position: absolute;
  right: auto;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
section#step13 .text span.count {
  color: #e31610;
  margin-bottom: 15px;
  display: inline-block;
  border-bottom: 1px solid #e31610;
}
section#step13 .text a.button {
  margin-left: 0;
}
section#step14 {
  position: relative;
}
section#step14 .overlay {
  top: 0;
  left: auto;
  right: 0;
}
section#step14 .text {
  left: auto;
  right: 0;
  bottom: 0;
  top: auto;
  padding-bottom: 0;
  width: calc(50% - 10px);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
}
section#step14 .image {
  margin-bottom: 150px;
}
section#step15 {
  position: relative;
}
section#step15 .overlay {
  top: 0;
  left: auto;
  right: 0;
}
section#step15 .text {
  left: 0;
  right: auto;
  bottom: 0;
  top: auto;
  width: calc(50% - 10px);
  padding-bottom: 0;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
}
section#step15 .image {
  margin-bottom: 120px;
}
section.call-to-action {
  background: #eee;
  margin: 20px 0 60px;
  padding: 50px 0 45px;
}
section.call-to-action h2 {
  font-family: "Avenir Light", sans-serif;
}
section#wishes {
  border-top: 1px solid #3d1313;
}
section#wishes .text {
  width: 25%;
  right: 0;
  left: auto;
}
section#wishes .text a.button {
  margin: 20px 0 0;
  padding-left: 0;
}
section#wishes .image {
  width: 70%;
  float: left;
}
section#wishes .image .overlay {
  left: 0;
  right: auto;
}
section#maintenance {
  position: relative;
}
section#maintenance .text {
  width: 25%;
}
section#maintenance .text a.button {
  margin: 20px 0 0;
  padding-left: 0;
}
section#maintenance .image {
  width: 70%;
}
section.call-to-action, section.wheel {
  text-align: center;
  font-size: 18px;
}
section.call-to-action h2, section.wheel h2 {
  color: #3d1313;
}
section.call-to-action ul.wheel, section.wheel ul.wheel {
  margin: 20px 0 0;
  width: 100%;
  display: inline-block;
}
section.call-to-action ul.wheel li, section.wheel ul.wheel li {
  float: left;
  width: calc(23.5% - 2px);
  margin: 0 2% 2% 0;
  border: 1px solid #e31610;
  border-radius: 4px;
  list-style-type: none;
  font-size: 14px;
}
section.call-to-action ul.wheel li a, section.wheel ul.wheel li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 16px 0 13px;
}
section.call-to-action ul.wheel li a:hover, section.wheel ul.wheel li a:hover {
  box-shadow: inset 0px -2px 8px rgba(62, 19, 19, 0.3);
}
section.call-to-action ul.wheel li.grey, section.wheel ul.wheel li.grey {
  border: 1px solid #3d1313;
}
section.call-to-action ul.wheel li.grey a, section.wheel ul.wheel li.grey a {
  color: #3d1313;
}
section.call-to-action ul.wheel li.grey a:hover, section.wheel ul.wheel li.grey a:hover {
  box-shadow: inset 0px -2px 8px rgba(0, 0, 0, 0.3);
}
section.call-to-action ul.wheel li:nth-child(4n+4), section.wheel ul.wheel li:nth-child(4n+4) {
  margin-right: 0;
}
section.call-to-action ul.wheel li:nth-child(4n+5), section.wheel ul.wheel li:nth-child(4n+5) {
  clear: both;
}
section.call-to-action ul.wheel li:nth-last-child(-n+4), section.wheel ul.wheel li:nth-last-child(-n+4) {
  margin-bottom: 0;
}
section.call-to-action ul.wheel li:hover, section.wheel ul.wheel li:hover {
  background: #e31610;
  -moz-transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
section.call-to-action ul.wheel li:hover a, section.wheel ul.wheel li:hover a {
  color: white;
  text-decoration: none;
}
section.call-to-action ul.wheel li.grey:hover, section.wheel ul.wheel li.grey:hover {
  background: #3d1313;
}
section.call-to-action select.wheel, section.wheel select.wheel {
  display: none;
}
main.steps section.newsletter {
  margin-top: 20px;
  margin-bottom: 0;
}
/* CONTENT */
main {
  position: relative;
}
main section {
  width: 100%;
  display: inline-block;
  padding: 60px 0;
  overflow: hidden;
}
main section img {
  max-width: 100%;
  height: auto;
}
main section ol, main section ul {
  margin: -20px 0 20px;
}
main section h1 + ol, main section h1 + ul, main section h2 + ol, main section h2 + ul, main section h3 + ol, main section h3 + ul {
  margin: 0 0 20px;
}
main section ol li {
  list-style-type: decimal;
  margin: 0 0 0 25px;
}
main section ul li {
  list-style-type: disc;
  margin: 0 0 0 20px;
}
main section :last-child {
  margin-bottom: 0;
}
main section .show_more p.wpsm-show, main section .show_more p.wpsm-hide {
  text-align: center !important;
}
main section .show_more .wpsm-content {
  font-size: 15px;
}
main section p.wpsm-show {
  color: #3d1313 !important;
  font-size: 15px !important;
  text-decoration: underline;
}
main section p.wpsm-show:hover {
  color: #e31610 !important;
}
main section.intro {
  text-align: center;
  font-size: 18px;
}
main section.intro .inner {
  padding: 0 10%;
}
main section.intro .inner a.button {
  margin-top: 0;
}
main section.newsletter {
  background-color: #eee;
  background-image: url("../images/newsletter.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  margin-bottom: 60px;
  padding: 30px 0 25px;
  font-family: "Avenir Light", sans-serif;
}
main section.newsletter .inner {
  width: 60%;
  padding: 0 20%;
}
main section.newsletter .inner .titel {
  font-size: 24px;
  margin-bottom: 25px;
  line-height: 30px;
}
main section.newsletter .inner form {
  margin-bottom: 12.5px;
}
main section.newsletter .inner form input {
  border-radius: 4px;
}
main section.newsletter .inner form input[type=email], main section.newsletter .inner form input[type=email]:focus {
  background: white;
  width: 300px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 10px 12px 6px;
  vertical-align: top;
}
main section.newsletter .inner form input[type=submit] {
  padding: 10px 16px 8px;
  border-radius: 6px;
  vertical-align: top;
  border: none;
}
main section.newsletter .inner form input[type=submit]:hover {
  box-shadow: inset 0px -2px 8px rgba(62, 19, 19, 0.3);
  background: #e31610;
}
.responsive-video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.responsive-video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/* PORTFOLIO */
.portfolio {
  position: relative;
}
.portfolio .search {
  border-bottom: 1px solid #3d1313;
  display: inline-block;
  width: 100%;
}
.portfolio .search h2 {
  color: #3d1313;
  font-size: 24px;
  line-height: 38px;
  float: left;
}
.portfolio .search form {
  display: inline-block;
  float: right;
  border: 1px solid #aaa;
  padding: 2px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.portfolio .search form input[type=text] {
  font-size: 15px;
  padding: 8px 12px 4px;
  float: left;
  background: none;
  margin-bottom: 0;
  width: 150px;
}
.portfolio .search form input[type=image] {
  width: 16px;
  height: 16px;
  padding-top: 8px;
  float: left;
  margin-right: 8px;
}
.portfolio section.filter {
  border-bottom: 1px solid #3d1313;
  display: inline-block;
  width: 100%;
  padding: 0;
  overflow: visible;
  position: relative;
}
.portfolio section.filter h2 {
  color: #3d1313;
  font-size: 24px;
  line-height: 56px;
  margin-bottom: 0;
  float: left;
}
.portfolio section.filter form.searchandfilter {
  float: right;
}
.portfolio section.filter form.searchandfilter ul li {
  display: inline-block;
  width: auto;
  margin-left: 15px;
}
.portfolio section.filter form.searchandfilter ul li select, .portfolio section.filter form.searchandfilter ul li input[type=text] {
  width: 150px;
  padding: 10px 12px 6px;
  background: none;
  border: 1px solid #aaa;
  border-radius: 5px;
  margin-bottom: 0;
}
.portfolio section.filter form.searchandfilter ul li select {
  background-image: url("../images/arrow-down.png");
  background-size: 12px auto;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.portfolio section.filter form.searchandfilter ul li input[type=text] {
  width: 170px;
  background-image: url("../images/search.png");
  background-size: 16px auto;
  background-position: 95% 50%;
  background-repeat: no-repeat;
}
.portfolio section.filter form.searchandfilter ul li input[type=submit] {
  width: auto;
  padding: 10px 12px 6px;
  background: #e31610;
  border-radius: 5px;
  margin-bottom: 0;
}
.portfolio section.filter form.searchandfilter ul li input[type=submit]:hover {
  background: black;
}
.portfolio section.filter form.searchandfilter ul li.sf-field-taxonomy-brand h4 {
  width: 150px;
  padding: 11px 12px 8px;
  margin-top: -1px;
  background: none;
  border: 1px solid #aaa;
  border-radius: 5px;
  margin-bottom: 0;
  color: #3d1313;
  font-weight: 300;
  font-family: "Avenir Book", sans-serif;
  font-size: 15px;
  cursor: pointer;
  background-image: url("../images/arrow-down.png");
  background-size: 12px auto;
  background-position: 95% 50%;
  background-repeat: no-repeat;
}
.portfolio section.filter form.searchandfilter ul li.sf-field-taxonomy-brand ul {
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  background: white;
  z-index: 10000;
  padding: 25px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  column-count: 4;
  border-radius: 5px;
  border: 1px solid #aaa;
}
.portfolio section.filter form.searchandfilter ul li.sf-field-taxonomy-brand ul li {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0;
}
.portfolio section.filter form.searchandfilter ul li.sf-field-taxonomy-brand ul.show {
  display: inline-block;
}
.portfolio section.intro {
  padding-bottom: 30px;
}
.portfolio section.portfolio {
  padding: 40px 0;
}
.portfolio ul.portfolio {
  margin: 0;
  width: 100%;
  display: inline-block;
}
.portfolio ul.portfolio li {
  list-style-type: none;
  float: left;
  width: 23.5%;
  margin: 0 2% 2.5% 0;
}
.portfolio ul.portfolio li a {
  position: relative;
  display: inline-block;
  line-height: normal;
  height: 100%;
  font-size: 14px;
}
.portfolio ul.portfolio li a .overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../images/link.png") no-repeat 50% 50% rgba(225, 225, 225, 0.4);
  background-size: 40px auto;
  z-index: 100;
}
.portfolio ul.portfolio li a:nth-child(1) {
  line-height: 0;
}
.portfolio ul.portfolio li a:hover .overlay {
  opacity: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
}
.portfolio ul.portfolio li:nth-child(4n+4) {
  margin-right: 0;
}
.portfolio ul.portfolio li:nth-child(4n+5) {
  clear: both;
}
.portfolio ul.portfolio li:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.portfolio h3.no-match {
  text-align: center;
}
/* RESTORATION */
.single-restorations main {
  position: relative;
}
.single-restorations main a.back {
  font-size: 15px;
}
.single-restorations main a.back.mobile {
  display: none;
}
.single-restorations main h1 {
  margin-top: 20px;
}
.single-restorations main .pre-step-titel {
  border-bottom: 1px solid #3d1313;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
  float: left;
}
.single-restorations main .pre-step-titel h2 {
  color: #3d1313;
  margin-bottom: 0;
  font-size: 24px;
  float: left;
}
.single-restorations main .pre-step-titel a.steps {
  float: right;
}
.single-restorations main section.intro {
  padding-bottom: 40px;
}
.single-restorations main section.recent-work {
  padding-top: 0;
}
.single-restorations main section.recent-work h3 {
  color: black;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
}
.single-restorations main section.step {
  position: relative;
  line-height: 24px;
}
.single-restorations main section.step span.count {
  color: #e31610;
  margin-bottom: 10px;
  display: inline-block;
  border-bottom: 1px solid #e31610;
}
.single-restorations main section.step h3 {
  margin-bottom: 20px;
}
.single-restorations main section.step h3 span {
  display: none;
}
.single-restorations main section#step1 {
  padding-top: 20px;
}
.single-restorations main section#step15 {
  padding-bottom: 60px;
}
.single-restorations main p.more-link, .single-restorations main p.less-link {
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
}
.single-restorations main p.less-link {
  display: none;
  margin-top: 15px;
}
.single-restorations main .more-content {
  font-size: 15px;
  display: none;
}
.single-restorations main ul.gallery {
  margin: 0;
  float: left;
  display: inline-block;
  width: 100%;
}
.single-restorations main ul.gallery li {
  list-style-type: none;
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
  line-height: 0;
}
.single-restorations main ul.gallery li a {
  position: relative;
  display: inline-block;
  line-height: 0;
  height: 100%;
}
.single-restorations main ul.gallery li a .overlay {
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../images/zoom.png") no-repeat 50% 50% rgba(225, 225, 225, 0.4);
  background-size: 40px auto;
  z-index: 100;
}
.single-restorations main ul.gallery li a:hover .overlay {
  opacity: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
}
.single-restorations main ul.gallery li p {
  line-height: 24px;
}
.single-restorations main ul.gallery li:nth-child(3n+3) {
  margin-right: 0;
}
.single-restorations main ul.gallery li:nth-child(3n+4) {
  clear: both;
}
.single-restorations main ul.gallery li:nth-last-child(-n+3) {
  margin-bottom: 0;
}
/* BLOG */
.blog main, .archive main, .single-post main {
  margin: 0 auto;
  width: 940px;
}
.blog main h1.blog-title, .archive main h1.blog-title, .single-post main h1.blog-title {
  margin-bottom: 49px;
}
.blog main .inner, .archive main .inner, .single-post main .inner {
  width: 100%;
  display: inline-block;
  padding: 60px 0;
}
.blog main .inner section, .archive main .inner section, .single-post main .inner section {
  float: left;
  width: 70%;
  padding: 0;
}
.blog main .inner section article, .archive main .inner section article, .single-post main .inner section article {
  margin-bottom: 60px;
}
.blog main .inner section article h2, .archive main .inner section article h2, .single-post main .inner section article h2 {
  margin-bottom: 5px;
}
.blog main .inner section article h2 a, .archive main .inner section article h2 a, .single-post main .inner section article h2 a {
  color: black;
}
.blog main .inner section article span.date, .archive main .inner section article span.date, .single-post main .inner section article span.date {
  display: inline-block;
  margin-bottom: 15px;
}
.blog main .inner section article .read-more a, .archive main .inner section article .read-more a, .single-post main .inner section article .read-more a {
  margin: 0;
}
.blog main .inner section article:last-of-type, .archive main .inner section article:last-of-type, .single-post main .inner section article:last-of-type {
  margin-bottom: 0;
}
.blog main .inner sidebar, .archive main .inner sidebar, .single-post main .inner sidebar {
  float: right;
  width: 22.5%;
}
.blog main .inner sidebar h3, .archive main .inner sidebar h3, .single-post main .inner sidebar h3 {
  margin-bottom: 10px;
}
.blog main .inner sidebar ul.archive li, .archive main .inner sidebar ul.archive li, .single-post main .inner sidebar ul.archive li {
  margin: 0;
  list-style: none;
}
.blog main .post-image, .archive main .post-image {
  height: 250px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.blog main .post-image img, .archive main .post-image img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
/* SINGLE POST */
.single-post main .inner {
  position: relative;
}
.single-post main .inner h1 {
  margin-bottom: 5px;
}
.single-post main .inner span.date {
  display: inline-block;
  margin-bottom: 20px;
}
.single-post main .inner .post-image {
  margin-bottom: 20px;
}
/* THE COMPANY */
main.company {
  position: relative;
}
main.company section.quote {
  text-align: center;
  width: 60%;
  margin: 0 20%;
  font-size: 24px;
  line-height: 30px;
}
main.company section.quote span {
  display: inline-block;
  width: 100%;
  color: #e31610;
  margin-top: 5px;
  font-size: 18px;
}
main.company section.man-behind {
  padding: 0;
}
main.company section.man-behind .inner {
  width: 100%;
  position: relative;
  display: inline-block;
}
main.company section.man-behind .inner .text {
  position: absolute;
  right: 0;
  top: 80%;
  -moz-transform: translateY(-80%);
  -webkit-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  padding: 3.5% 5%;
  width: 37.5%;
  background: white;
}
main.company section.man-behind .inner .text img {
  margin: 15px 0 0;
}
main.company section.media {
  text-align: center;
  font-size: 17px;
}
main.company section.media h2 {
  color: #3d1313;
  font-size: 40px;
}
main.company section.media p {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
}
main.company section.media ul.logos {
  margin: 10px 5% 0;
  width: 90%;
  display: inline-block;
  text-align: center;
}
main.company section.media ul.logos li {
  display: inline-block;
  margin: 7.5px 25px;
  list-style-type: none;
  padding: 0;
  vertical-align: middle;
}
main.company section.media ul.logos li:nth-child(5) {
  margin-left: 75px;
}
main.company section.media ul.logos li:nth-child(7) {
  margin-right: 75px;
}
/* PLAN A VISIT */
section.contact {
  position: relative;
  padding: 0 0 60px;
  margin-top: -20px;
}
section.contact h2 {
  color: #3d1313;
  font-size: 24px;
  font-family: "Avenir Light", sans-serif;
}
section.contact .left {
  float: left;
  width: calc(65% - 20px);
  padding: 10px;
  background: #eee;
}
section.contact .left h2 {
  padding: 15px 0 0 15px;
}
section.contact .left .wpcf7 {
  background: white;
  padding: 25px;
  border: 1px solid #e0e0e0;
}
section.contact .left .wpcf7 table.contact-form {
  width: 100%;
}
section.contact .left .wpcf7 table.contact-form tr td {
  padding: 5px 0;
}
section.contact .left .wpcf7 table.contact-form tr td:nth-child(1) {
  width: 30%;
  padding-top: 10px;
  padding-right: 20px;
  vertical-align: top;
}
section.contact .left .wpcf7 table.contact-form tr td:nth-child(1) small {
  color: #aaa;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  display: inline-block;
  margin-top: 5px;
}
section.contact .left .wpcf7 table.contact-form tr td:nth-child(2) {
  width: 70%;
}
section.contact .left .wpcf7 table.contact-form tr td:nth-child(2) input[type=text], section.contact .left .wpcf7 table.contact-form tr td:nth-child(2) input[type=email], section.contact .left .wpcf7 table.contact-form tr td:nth-child(2) select, section.contact .left .wpcf7 table.contact-form tr td:nth-child(2) textarea {
  padding: 5px 10px;
  margin-bottom: 0 !important;
  width: calc(100% - 20px);
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}
section.contact .left .wpcf7 table.contact-form tr td:nth-child(2) textarea {
  height: 100px;
}
section.contact .left .wpcf7 table.contact-form tr td:nth-child(2) input[type=submit] {
  border-radius: 6px;
  padding: 0 20px;
  height: 36px;
  line-height: 40px;
}
section.contact .left .wpcf7 table.contact-form tr td:nth-child(2) input[type=submit]:hover {
  box-shadow: inset 0px -2px 8px rgba(62, 19, 19, 0.3);
  background: #e31610;
}
section.contact .left .gform_wrapper {
  background: white;
  padding: 25px;
  border: 1px solid #e0e0e0;
}
section.contact .left .gform_wrapper p.gform_required_legend {
  display: none;
}
section.contact .left .gform_wrapper .gfield_label {
  width: 30%;
  float: left;
  padding-top: 5px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 0;
}
section.contact .left .gform_wrapper .gfield_description {
  width: 30%;
  float: left;
  color: #aaa;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  display: inline-block;
  margin-top: 5px;
  padding-right: 20px;
}
section.contact .left .gform_wrapper .ginput_container {
  width: 70%;
  float: left;
}
section.contact .left .gform_wrapper .ginput_container input[type=text], section.contact .left .gform_wrapper .ginput_container input[type=email], section.contact .left .gform_wrapper .ginput_container select, section.contact .left .gform_wrapper .ginput_container textarea {
  padding: 6px 10px 4px;
  margin-bottom: 0 !important;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 15px;
}
section.contact .left .gform_wrapper .ginput_container textarea {
  height: 100px;
}
section.contact .left .gform_wrapper .gform_fields {
  grid-row-gap: 10px;
}
section.contact .left .gform_wrapper .ginput_container_textarea {
  margin-top: -40px;
}
section.contact .left .gform_wrapper .gfield--type-textarea {
  margin-top: 40px;
}
section.contact .left .gform_wrapper .gform_footer {
  margin: 0;
  padding: 0;
}
section.contact .left .gform_wrapper .gform_footer input[type=submit] {
  border-radius: 6px;
  padding: 0 20px;
  height: 36px;
  line-height: 40px;
  margin-left: 30%;
}
section.contact .left .gform_wrapper .gform_footer input[type=submit]:hover {
  box-shadow: inset 0px -2px 8px rgba(62, 19, 19, 0.3);
  background: #e31610;
}
section.contact .left .gform_wrapper .validation_message {
  display: none !important;
}
section.contact .left .gform_wrapper .gform_validation_errors {
  margin-bottom: 20px;
}
section.contact .left .gform_wrapper .gform_validation_errors > h2 {
  padding: 0;
}
section.contact .left .gform_confirmation_message {
  padding: 15px;
  min-height: 200px;
}
section.contact .right {
  float: right;
  width: 32.5%;
}
section.contact .right .adres {
  margin-top: 25px;
}
section.contact .right .maps {
  margin-top: 56px;
}
section.contact .right .maps .acf-map {
  width: 100%;
  height: 200px;
}
section.contact .right .maps .acf-map img {
  max-width: inherit !important;
}
/* FOOTER */
footer {
  width: 100%;
  display: inline-block;
  z-index: 10;
  position: relative;
  background: white;
}
footer .inner {
  border-top: 1px solid #777;
  padding: 35px 0 30px;
  font-size: 14px;
  text-align: center;
}
footer .inner .logo {
  line-height: 0;
}
footer .inner .logo img {
  width: 121px;
  height: auto;
}
footer .inner .slogan {
  font-size: 26px;
  font-style: italic;
  margin-top: 20px;
  font-family: "Avenir Light", sans-serif;
}
footer .inner ul.details {
  width: 100%;
  display: inline-block;
  margin-top: 30px;
}
footer .inner ul.details li {
  display: inline-block;
  padding: 0 10px;
}
footer .inner a {
  color: #3d1313;
}
footer .inner a:hover {
  color: #e31610;
  text-decoration: none;
}
a.backtotop {
  bottom: 20px;
  position: fixed;
  right: 20px;
  line-height: 0;
  z-index: 10;
  color: #e31610 !important;
  background: white;
  padding: 15px 10px 10px;
}
a.backtotop .button {
  position: relative;
  width: 92px;
  height: 10px;
}
a.backtotop .button i.arrow.up {
  border: solid #e31610;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 10px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
a.backtotop .button span {
  position: absolute;
  top: 3px;
  right: 0;
}
/* CONTACTFORMULIER */
input[type=text], input[type=email], input[type=tel], input[type=submit], select, textarea {
  font-family: "Avenir Book", sans-serif;
  color: #3d1313;
  font-size: 15px;
  margin: 0 0 10px 0;
  padding: 12px 15px;
  font-weight: 300;
  border: none;
  background-color: #f6f6f6;
  outline: none;
  width: 440px;
}
select {
  width: 470px;
  background: url("../images/arrow-down.png") no-repeat 95% 50% #f6f6f6;
  background-size: 10px 6.5px;
  border-radius: 0;
  -webkit-appearance: none;
}
textarea {
  height: 140px;
  margin: 0 0 5px;
}
input[type=submit] {
  background: #e31610;
  color: white;
  cursor: pointer;
  width: auto;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, input[type=submit]:hover {
  background: #eee;
  -moz-transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
input[type=submit]:hover {
  background: #3d1313;
}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
  border: none !important;
  background: #d5fad1;
  padding: 15px !important;
  width: calc(100% - 30px) !important;
  font-size: 15px;
  margin: 0 !important;
}
div.wpcf7-validation-errors {
  background: #fffcd0;
}
span.wpcf7-not-valid-tip {
  display: none !important;
}
input.wpcf7-not-valid, textarea.wpcf7-not-valid {
  background: #fbe7e7;
}
.mc4wp-success {
  background: #abd8b4;
  padding: 10px;
  line-height: 18px;
  margin-top: 5px;
  border-radius: 5px;
}
.inboxify-subscribe h2 {
  display: none !important;
}
.inboxify-subscribe p.inboxify-email label {
  display: none !important;
}
/* EDITS DAVID */
.media {
  display: inline-block;
  width: 100%;
  padding: 0;
  overflow: visible;
  position: relative;
}
.media h2 {
  color: #3d1313;
  margin-top: 60px;
  margin-bottom: 20px;
}
.media p {
  font-size: 18px;
}
.jaartal {
  color: white;
  background: #e31610;
  padding-bottom: 4px;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px !important;
  font-weight: 600;
  margin-top: 20px !important;
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
.mediaVideo {
  display: inline-block;
  width: 45%;
  margin: 2.5%;
}
.mediaVideo p {
  margin-top: 18px;
}
/*
.menu-menu-right li:last-of-type{
	position: absolute;
	transition: all .2s ease;
}
#menu-menu-right-german li:last-of-type{
	position: absolute;
	transition: all .2s ease;
}
#menu-menu-right-dutch li:last-of-type{
	position: absolute;
	transition: all .2s ease;
}
#menu-menu-right .menu-item-has-children{
	display: inline-block;
	transition: all .2s ease;
}
#menu-menu-right-dutch .menu-item-has-children{
	display: inline-block;
	transition: all .2s ease;
}
#menu-menu-right-german .menu-item-has-children{
	display: inline-block;
	transition: all .2s ease;
}
nav.right .menu-item-has-children ul{
	display: none;
	transition: all .2s ease;
}
.menu-item-has-children:hover .sub-menu{
	display: block;
	transition: all .2s ease;
}
#menu-menu-right li:last-of-type{
	position: absolute;
	transition: all .2s ease;
}
.subMenuExtended{
	display: block !important;
    margin-left: -14px;
}
#menu-menu-right, #menu-menu-right-dutch, #menu-menu-right-german {
	display: contents;
}
*/