/* FONTS */
@font-face {
	font-family: Titillium-Black;
	src: url('../fonts/TitilliumWeb-Black.ttf');
}
@font-face {
	font-family: Titillium-Bold;
	src: url('../fonts/TitilliumWeb-Bold.ttf');
}
@font-face {
	font-family: Titillium;
	src: url('../fonts/TitilliumWeb.ttf');
}
@font-face {
	font-family: LovelyLand;
	src: url('../fonts/LovelyLand.ttf');
}

body {
	margin: 0;
	padding: 0;
	font-family: Titillium;
	font-size: 16px;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: red;
}

/*.animation-element {
  opacity: 1;
  position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -200px;
	margin-top: -125px;
}*/
.iwaz-logo {
  opacity: 1;
  position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -200px;
	margin-top: -125px;
}
.volg-insta {
  opacity: 1;
  position: absolute;
	top: 250px;
	right: 50%;
	margin-right: -400px;
	margin-top: -125px;
}

/* animation element sliding up */
.WT_logo_small {
	display: none;
}

@media only screen and (max-width: 600px) {
	.WT_logo_big {
		display: none;
	}
	.WT_logo_small {
		display: block;
	}
	/*.animation-element {
		margin-left: -150px;
	}*/
	.iwaz-logo {
		margin-left: -150px;
	}
}

.navi_margin_top {
	margin-top: 26px;
}

.inline_navi_margin {
	margin-top: 26px;
	margin-bottom: 26px;
}

.intro_alt {
	margin-top: 320px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	max-width: 400px;
	display: inline-block;
	padding: 10px;
}
.intro_alt a {

}

.animation-element.slide-left {
  opacity: 1;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 0;
  -moz-transform: translate3d(0px, -100px, 0px);
  -webkit-transform: translate3d(0px, -100px, 0px);
  -o-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate3d(0px, -100px, 0px);
}

/* Subscribe en FB knoppen */
.subscribe {
  position: relative;
  float:right;
}
/* Language selector in header */
.language {
	padding-top: 0px;
	text-align: right;
}

/* Logo's */
.logo1 {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -300px;
}
.logo1_ws {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -300px;
}
.logo2 {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -264px;
}
.logo2_ws {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -264px;
}
.logo3 {
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -228px; /* -225 */
}
.logo3_ws {
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -228px; /* -225 */
}
.fb_review_workshops {
	position: absolute;
	left: 50%;
	margin-left: 50px; /* -225 */
}
.logo4_ws {
	position: absolute;
	left: 50%;
	margin-left: 50px; /* -225 */
}

@media (min-width: 1150px) { /* 1200 */
	.logo1 {
		position: absolute;
		left: 10px;
		margin-left: 0px;
	}
	.logo1_ws {
		position: absolute;
		left: 10px;
		margin-left: 0px;
	}
	.logo2 {
		position: absolute;
		left: 46px;
		margin-left: 0px;
	}
	.logo2_ws {
		position: absolute;
		left: 46px;
		margin-left: 0px;
	}
	.logo3 {
		position: absolute;
		left: 82px;
		margin-left: 0px;
	}
	.logo3_ws {
		position: absolute;
		left: 82px;
		margin-left: 0px;
	}
	.fb_review_workshops {
		position: absolute;
		left: 10px;
		top: 50px;
		margin-left: 0px;
	}
	.logo4_ws {
		position: absolute;
		left: 13px;
		top: 50px;
		margin-left: 0px;
	}
	.language {
		padding-top: 0px;
		text-align: right;
	}
	.language a {
		padding-right: 10px;
	}
}


.contact_link {
	font-size: 24px;
	font-weight: bold;
}
.contact_link_w {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}

.contact_link_w a {
	color: #FFFFFF;
}
.contact_link_w a:Hover {
	color: red;
}

/* Header incl. menu */
.header-element {
  width: 100%;
	height: 110px;
  padding-top: 10px;
  padding-bottom: 10px;

  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-image: url('../img/background.png');
  background-repeat: repeat-x;
	font-family: Titillium;

  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
 -moz-transform: translate3d(0px, -150px, 0px);
 -webkit-transform: translate3d(0px, -150px, 0px);
 -o-transform: translate(0px, -150px);
 -ms-transform: translate(0px, -150px);
 transform: translate3d(0px, -150px, 0px);

	overflow-wrap: normal;
}

.header-element a {
  text-decoration: none;
  color: #000000;
}
.header-element a:hover {
	color: red;
}

.header-element.smaller {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.navi_alt {
	background-color: #000000;
	color: #FFFFFF;
}
.navi_alt a {
	color: #FFFFFF;
}
.navi_alt a:hover {
	color: red;
}

.navi_big {
	display: block;
}
.navi_small {
	display: none;
}
.top_logos_big {
	display: block;
}
.top_logos_small {
	display: none;
}
.active {
	color: red !important;
}


@media only screen and (max-width: 1150px) {  /* 1100 */
	.logo_small {
		display: none;
	}
	.header-element {
		height: 70px;
	}
	.navi_margin_top {
		margin-top: 0px;
	}
	.navi_big {
		display: none;
	}
	.navi_small {
		display: block;
	}
	.inline_navi_margin {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 600px) {
	.top_logos_big {
		display: none;
	}
	.top_logos_small {
		display: block;
	}
	.volg-insta {
		margin-right: -200px;
		margin-top: -150px;
		/*top: 0px;
		right: 50%;
		margin-right: -400px;
		margin-top: -125px;*/
	}
	.volg-insta img {
		width: 150px;
	}
}

/* BLACK submenu */
.menu {
	font-family: Titillium;
}
.menu_bold {
	font-family: Titillium-Bold;
	font-weight: bold;
}

/* WHITE submenu */
.menuW {
	color: white;
	font-family: Titillium;
}
.menuW_bold {
	color: white;
	font-family: Titillium-Bold;
	font-weight: bold;
}
/* WORKSHOP MENU */
.WSmenu {

}
.WSmenu img {
	vertical-align: middle;
	padding: 5px;
}

.reviewDiv {
	font-size: 28px;
}
@media only screen and (min-width: 800px) {
	.reviewDiv {
		font-size: 16px;
	}
}
.review_table {
	color: white;
	font-size: 20px;
}
.review_table td {
	padding-top: 30px;
	padding-left: 30px;
}
.review_table input, .review_table textarea {
	font-size: 20px;
	padding: 5px;
}
.review_table input:focus, .review_table textarea:focus {
	outline: 5px solid orange;
	outline-offset: -5px;
}
.errorShow {
	color: #ff4040;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 20px;
	font-weight: bold;
	border: 2px solid black;
	background-color: #b5b5b5;
}
.errorHide {
	display: none;
}

/* CONTENT STYLING OUDE WEBSITE */
.kop {
	font-weight: bold;
	font-size: 22px;
	font-family: Titillium-Bold;
}
.kop_normal {
	font-size: 22px;
	font-family: Titillium;
}
.subtitle {
	font-size: 18px;
	font-family: Titillium;
}
.content {
	line-height: 190%;
	font-size: 14px;
	font-family: Titillium;
}
.content_bold {
	font-weight: bold;
	line-height: 190%;
	font-size: 14px;
	font-family: Titillium-Bold;
}

/* FRONT PAGE */
.frontDIV {
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: white;
}
.frontFont {
	font-family: LovelyLand;
	font-size: 20px;
}

.frontDIV {
	width: 450px;
	height: 430px;
}
.frontTD_L {
	width: 140px;
}
.frontTD_R {
	width: 260px;
}
.frontFont_big {
	font-size: 20px;
}
.frontFont_huge {
	font-family: Titillium-Bold;
	font-size: 35px;
}
.indexIMG {
	width: 350px;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (min-width: 1200px) {
	.frontTD_L {
		width: 200px;
	}
	.frontTD_R {
		width: 340px;
	}
	.frontDIV {
		width: 700px;
		height: 500px;
	}
	.frontFont_big {
		font-size: 34px;
	}
	.frontFont_huge {
		font-family: Titillium-Bold;
		font-size: 50px;
	}
	.indexIMG {
		width: 500px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}


.top_section {
	background: #FFFFFF; /* For browsers that do not support gradients */
	/* background: -webkit-linear-gradient(#000000, #FFFFFF); /* For Safari 5.1 to 6.0 */
	/* background: -o-linear-gradient(#000000, #FFFFFF); /* For Opera 11.1 to 12.0 */
	/* background: -moz-linear-gradient(#000000, #FFFFFF); /* For Firefox 3.6 to 15 */
	/* background: linear-gradient(#000000, #FFFFFF); /* Standard syntax */
	height: 400px;  /* 550px */

}

.w3-third a {
	text-decoration: none;
}

section h2 {
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 30px;
}

/* Center displayed Art */
.mySlides {
	 display: block;
	 margin: 0 auto;
}

section {
	padding-top: 10px;
	padding-bottom: 10px;
}

section p {
	padding-left: 15px;
	padding-right: 15px;
}


/* FOOTER copy van Reacon */
footer .copyright {
    font-size: 14px;
}

.contact-info li {
	list-style: none;
}

footer.page-footer {
	padding-top: 26px;
  padding-bottom: 16px;
  text-align: center;
}

@media (min-width: 1200px) {
    footer.page-footer {
        text-align: left;
    }
}

footer.page-footer .brand {
    display: inline-block;
}

@media (min-width: 1200px) {
    footer.page-footer .contact-info li {
      display: inline-block;
			font-size: 20px;
    }
}

@media (min-width: 1200px) {
    footer.page-footer .contact-info li + li {
      margin-top: 14px;
      margin-left: 144px;
    }
}

.brand_name {
    overflow: hidden;
    display: block;
}

@media (min-width: 1200px) {
    .brand_name {
        display: inline-block;
    }
}