@import '../fonts/stylesheet.css';

* {
	margin:0;
	padding:0;
}

html {
	font-size: 62.5%;
	padding:0;
	margin:0;
	overflow-y: scroll;
}

body {
	font: normal normal normal 1.8rem/2.4rem Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	color: #969696;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	-webkit-text-size-adjust: 100%;
}

:focus { 
	outline: 0px;
}

a {
	color: #969696;
	text-decoration: none;
}

img {
	border: 0 none;
}

figure img {
	display: block;
	max-width: 100%;
}

input, textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
	
}

p {
	
}

p a {
	text-decoration: underline;
}

div,
header,
section,
article,
hgroup,
footer,
aside {
	position: relative;
}

#wrapper {
	position:relative;
	z-index: 103;
}

#content {
	
}

section {
	margin-bottom: 7.0rem;
}

.center {
	max-width: 1140px;
	padding: 0 55px;
	margin: 0 auto;
}

.box-h {
	padding: 0 10px;
	box-sizing: border-box;
}

.box-v {
	padding: 10px 0;
	box-sizing: border-box;
}

.box {
	padding: 10px;
	box-sizing: border-box;
}

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

.clear-fix {
	clear: both;
}

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

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

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.preload, 
.hide {
	display:none;
}

@media screen and (max-width: 1024px) {
	
	.center {
		padding: 0 35px;
	}
	
}

@media screen and (max-width: 767px) {
	
	.center {
		padding: 0 15px;
	}
	
}.col-1-1 {
	width: 100%;
}

.col-1-2 {
	width: 50%;
}

.col-1-3 {
	width: 33.33%;
}

.col-1-4 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6 {
	width: 16.66%;
}

.col-1-12 {
	width: 8.33%;
}

.col-2-3 {
	width: 66.66%;
}

.col-2-5 {
	width: 40%;
}

.col-3-4 {
	width: 75%;
}

.col-3-5 {
	width: 60%;
}

.col-4-5 {
	width: 80%;
}

@media screen and (max-width: 414px) {
	
	[class*='col-'] {
		width: 100%;
	}
	
}h1.heading {
	font: 7.2rem/8.0rem 'ftw', Arial, sans-serif;
	margin-bottom: 3.6rem;
}

#hero .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
	pointer-events: none;
}

#hero .overlay h1 {
	font: 3.6rem/7.0rem 'ftw', Arial, sans-serif;
	height: 7.0rem;
	border: 2px solid rgba(151,151,151,.1);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	position: absolute;
	background-color: rgba(255,255,255,.95);
	padding: 0 20px;
	white-space: nowrap;
}

#hero .owl-carousel {
	height: calc(100vh - 7.0rem);
	overflow: hidden;
}

#hero .owl-carousel .owl-stage-outer,
#hero .owl-carousel .owl-stage,
#hero .owl-carousel .owl-item,
#hero .owl-carousel .item {
	height: 100%;
}

#hero .owl-carousel .owl-item {
	overflow: hidden;
}

#hero .owl-carousel .item img {
	top: 50%;
	position: relative;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	left: 50%;
}

#blocks article {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-bottom: 80px;
	align-items: center;
	-webkit-align-items: center;
}

#blocks article:nth-child(even) .content {
	order: -1;
}

#blocks figure {
	
}

#blocks figure,
#blocks .content {
	width: 50%;
	padding: 0 20px;
	box-sizing: border-box;
}

#blocks figure img {
	
}

#blocks .text {
	font-size: 1.4rem;
}

#blocks .text p {
	
}

#blocks .text h1,
#blocks .text h2 {
	font-size: 1.8rem;
	font-weight: normal;
	margin-bottom: 2.4rem;
}

#blocks .text h3,
#blocks .text h4,
#blocks .text h5 {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 2.4rem;
}

#hoe-werkt-het .stap {
	
}

#hoe-werkt-het .stap .content {
	
}

#hoe-werkt-het .content-box {
	background-color: #FFFDF9;
	border: 2px solid rgba(151,151,151,.1);
	min-height: 360px;
	box-sizing: border-box;
	padding: 40px 40px 0 40px;
}

#hoe-werkt-het .stap h2 {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	border: 2px solid rgba(151,151,151,.1);
	border-radius: 50%;
	font-size: 1.8rem;
	font-weight: normal;
	margin-bottom: 2.4rem;
}

#hoe-werkt-het .stap h3 {
	font-size: 1.8rem;
	font-weight: normal;
	margin-bottom: 2.4rem;
}

#hoe-werkt-het .stap p {
	font-size: 1.4rem;
}

#contact article {
	max-width: 380px;
	margin: 0 auto;
}

section p {
	margin-bottom: 2.4rem;
}

.disabled {
	display: none;
}

.owl-dots {
	position: absolute;
	bottom: 0;
	height: 70px;
	line-height: 70px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
}

.owl-dots .owl-dot {
	display: inline-block;
	margin: 0 14px;
	opacity: 0.25;
	transition: opacity 0.25;
	-webkit-transition: opacity 0.25;
	-ms-transition: opacity 0.25;
}

.owl-dots .owl-dot span {
	display: block;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: rgb(151,151,151);
}

.owl-dots .owl-dot.active {
	opacity: 1;
}

#feed .crt-widget-carousel .crt-post {
	padding: 0 20px;
}

#feed .crt-widget-carousel {
	font-size: 1.4rem;
	line-height: 1.8rem;
}

#feed .crt-feed.crt-feed-branded .crt-logo {
	right: 20px;
	color: #E7E7E7;
}

#feed .crt-panel-next,
#feed .crt-panel-prev {
	background-color: rgba(155, 155, 155, 0.25);
	width: 45px;
	height: 45px;
}

#feed .crt-panel-next {
	right: -45px;
}

#feed .crt-panel-prev {
	left: -45px;
}

#feed .crt-panel-next::before, 
#feed .crt-panel-prev::before {
	position: relative;
	margin-left: 11px;
}

#feed .crt-image-c {
	padding-bottom: 100%;
}

#feed .crt-image-c .crt-post-image {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media screen and (max-width: 1024px) {
	
	#blocks article {
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	
}

@media screen and (max-width: 768px) {
	
	#feed .crt-panel-prev,
	#feed .crt-panel-next {
		background-color: rgba(0, 0, 0, 0.35);
	}
	
	#feed .crt-panel-prev {
		left: 40px;
	}

	#feed .crt-panel-next {
		right: 40px;
	}
	
	h1.heading {
		font-size: 6.4rem;
		line-height: 6.4rem;
	}
	
	#feed h1.heading {
		font-size: 3.6rem;
		line-height: 3.6rem;
	}
	
}

@media screen and (max-width: 767px) {
	
	#blocks figure, 
	#blocks .content {
		width: 100%;
	}
	
	#blocks figure {
		margin-bottom: 25px;
	}
	
	#blocks article:nth-child(2n) .content {
		order: 1;
	}
	
	#feed h1.heading {
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
	
	#hero .overlay h1 {
		font-size: 2.4rem;
	}
	
}#footer {
	height: 7.0rem;
	line-height: 7.0rem;
	color: rgba(151,151,151,.25);
	border-top: 2px solid rgba(151,151,151,0.1);
}#header {
	height: 7.0rem;
	border-bottom: 2px solid rgba(151,151,151,0.1);
}

#header h1 {
	font-family: 'ftw', helvetica, arial, sans-serif;
	font-size: 3.6rem;
	font-weight: normal;
	line-height: 7.0rem;
}/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}