/* Home-page */
.visual1 {
	background-color: #3e3e3e;
	background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");
	overflow-y: hidden;
	-webkit-animation: changeBg 4s;
	-moz-animation: changeBg 4s;
	-ms-animation: changeBg 4s;
	animation: changeBg 4s;
	animation-iteration-count: 1;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	background-attachment:initial;
}

@media screen and (orientation:portrait) {
	.visual1 {
		-webkit-animation: changeBgMobile 4s;
		-moz-animation: changeBgMobile 4s;
		-ms-animation: changeBgMobile 4s;
		animation: changeBgMobile 4s;
		background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");
	}
}

@-o-keyframes changeBg
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 6.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
}

@-ms-keyframes changeBg
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 6.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
}

@-moz-keyframes changeBg
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 6.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
}

@-webkit-keyframes changeBg
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 6.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
}

@keyframes changeBg
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 7.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 6.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 8.png");}
}

@-o-keyframes changeBgMobile
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 11.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
}

@-ms-keyframes changeBgMobile
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 11.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
}

@-moz-keyframes changeBgMobile
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 11.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
}

@-webkit-keyframes changeBgMobile
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 11.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
}

@keyframes changeBgMobile
{
   0%   {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   5%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 10.png");}
   30%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 11.png");}
   60%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
   100%  {background-image: url("../images/LPS Twin Turbine - Front Page Cover 9.png");}
}

.moreinfo {
	 margin-top: 30px !important;
	 margin-bottom: 20px !important;
}

@media screen and (max-width: 432px) {
	.moreinfo {
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
}

.btn_image, .btn_image:visited {
	opacity: 1;
	transition: opacity 0.4s ease;
	cursor: pointer;
}

.btn_image:hover, .btn_image:active {
	opacity: 0.6;
}

.section_threecols {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.section_threecols article {
	background-color: #b3d5e4;
	flex: 1 1 0px;
}

.section_twocols {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.section_twocols article {
	background-color: white;
	flex: 1 1 0px;
}

@media screen and (max-width: 736px) {
	.section_twocols article {
		flex: auto;
	}
}

.articleimg {
	margin: 10px;
	width: calc(100% - 10px - 10px);
}

.section_threecols .articleimg {
	background-color: #0091d1;
	height: 200px;
}

.section_twocols .articleimg {
	background-color: white;
	height: 600px;
}

@media screen and (max-width: 736px) {
	.section_threecols {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.section_twocols {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
}

.img_explode1 {
	/* height: calc(100vh - 100px - 59px - 237px - 30px - 48px - 20px - 60px) !important;
	min-height: calc(100vh - 100px - 59px - 237px - 30px - 48px - 20px - 60px) !important;
	max-height: calc(100vh - 100px - 59px - 237px - 30px - 48px - 20px - 60px) !important; */

	/* height: calc(100vh - 554px) !important;
	min-height: 120px !important;
	max-height: calc(100vh - 554px) !important; */

	max-width: 70vw;
}

@media screen and (max-width: 736px) {
	.img_explode1 {
		min-width: 100vw !important;
		max-width: 100vw !important;
		height: calc((100vw * 861) / 2447) !important;
		min-height: 120px !important;
		max-height: calc((100vw * 861) / 2447) !important;
	}
}

/* @media screen and (orientation:portrait) { */
@media screen and (min-width:736px) and (max-width:1024px) and (orientation:portrait){
	.img_explode1 {
		min-width: 100vw !important;
		max-width: 100vw !important;
		height: calc((100vw * 861) / 2447) !important;
		min-height: 120px !important;
		max-height: calc((100vw * 861) / 2447) !important;
	}
}

.img_explode2 {
	/* height: calc(100vh - 100px - 59px - 299px - 30px - 48px - 20px - 20px - 60px) !important;
	min-height: calc(100vh - 100px - 59px - 299px - 30px - 48px - 20px - 20px - 60px) !important;
	max-height: calc(100vh - 100px - 59px - 299px - 30px - 48px - 20px - 20px - 60px) !important; */

	/* height: calc(100vh - 636px) !important; */
	/* min-height: 120px !important; */
	/* max-height: calc(100vh - 636px) !important; */

	max-width: 80vw;
}

@media screen and (max-width: 736px) {
	.img_explode2 {
		min-width: 100vw !important;
		max-width: 100vw !important;
		height: calc((100vw * 793) / 2447) !important;
		min-height: 120px !important;
		max-height: calc((100vw * 793) / 2447) !important;
	}
}

/* @media screen and (orientation:portrait) { */
@media screen and (min-width:736px) and (max-width:1024px) and (orientation:portrait){
	.img_explode2 {
		min-width: 100vw !important;
		max-width: 100vw !important;
		height: calc((100vw * 793) / 2447) !important;
		min-height: 120px !important;
		max-height: calc((100vw * 793) / 2447) !important;
	}
}

.img_locatie {
	background-image: url(../images/img_locatie.png);

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.img_bereikbaarheid {
	background-image: url(../images/img_bereikbaarheid.png);

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.articlesection {
	background-color: #0091d1 !important;
	margin: 10px;
	margin-top: 20px;
	min-height: 350px;
}

.img_skid, .img_skid:visited {
	background-color: #ffffff !important;
	background-image: url(../images/lps_twinturbine_skid.png);

	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;

	min-height: 740px;

	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	cursor: pointer;

	transition: 0.4s;
}

.img_skid:hover, .img_skid:active {
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}

@media screen and (max-width: 736px) {
	.img_skid {
		min-height: 310px;
		max-height: 310px;
	}
}

.skid_article {
	background-color: #0091d1 !important;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;

	margin: 30px;
}

.skid_title {
	background-color: #0091d1 !important;
	color: white;
	font-size: 22px;
	font-weight: bold;
}

.skid_text {
	background-color: #0091d1 !important;
	color: white;
	font-size: 18px;
}

/* Informatie-page */
.visual2 {
	background-color: #3e3e3e;
	background-image: url(../images/yourspace_render_6.png);

	background-repeat: no-repeat;
	background-position: top;
}

.img_allunits {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 20px;
	max-height: 290px;
}

.flexrow_col {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	/* -webkit-justify-content: space-around; */
	/* -ms-flex-pack: space-around; */
	/* justify-content: space-around; */

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

@media screen and (max-width: 736px) {
	.flexrow_col {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.flexrow_col div {
		width: calc(100% - 10px - 10px);
		/* height: 150px; */
	}
}

.flexrow_images {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 736px) {
	.flexrow_images {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.flexrow_images div {
		width: calc(100% - 10px - 10px);
		/* height: 150px; */
	}
}

.img_optie {
	max-width: 300px;
	max-height: 300px;
	margin: 20px;
}

@media screen and (max-width: 736px) {
	.img_optie {
		max-width: 250px;
		max-height: 250px;
	}
}

.titlebox {
	background-image: url(../images/logo_ae_visual_white.svg);
	background-repeat: no-repeat;
	background-position-x: 20px;
	background-position-y: center;
	padding-left: calc(30px + 26px) !important;  /* width of the image plus a little extra padding */
	background-color: #0091d1;
	padding: 10px 30px;
	color: white;
	font-weight: normal;
	margin-bottom: 10px;
}

.titleboxbutton, .titleboxbutton:visited {
	background-image: url(../images/logo_ae_visual_white.svg);
	background-repeat: no-repeat;
	background-position-x: 20px;
	background-position-y: center;
	padding-left: calc(30px + 26px) !important;  /* width of the image plus a little extra padding */
	background-color: #0091d1;
	padding: 10px 30px;
	color: white;
	font-weight: normal;
	margin-bottom: 10px;
	cursor: pointer;
	transition: 0.3s;
}

.titleboxbutton:hover, .titleboxbutton:active {
	opacity: 0.7;
}

@media screen and (max-width: 432px) {
	.titleboxbutton {
		display: none;
	}
}

.titleboxbutton a, .titleboxbutton:visited {
	text-decoration: none !important;
	color: white !important;
}

.img_unit {
	width: 40vw;
	margin: 10px;
	max-height: 500px;
}

@media screen and (max-width: 736px) {
	.img_unit {
		width: 85vw;
		margin-top: 10px;
	}
}

.max400height {
	max-height: 400px;
}

@media screen and (max-width: 736px) {
	.listtable {
		width: calc(100% - 30px);
		margin-right: 30px;
	}
}

/* Aanvraag-page */
.visual5 {
	background-color: #3e3e3e;
	background-image: url(../images/yourspace_render_8.png);

	background-repeat: no-repeat;
	background-position: bottom;
}

.pagemain form {
	margin: 10px;
}

.pageform article {
	background-color: #b3d5e4;
}

.pageformarticle {
	margin-top: 20px;
}

.formfield {
	display: inline-block;
	min-width: 160px;
	text-align: left;
}

.formfieldblock {
	display: block;
	margin-bottom: 10px;
}

.forminput {
	min-width: 175px;
}

.formselect {
	min-width: 183px;
	height: 21px;
}

.formtextarea {
	width: calc(100% - 3px - 3px);
}

.submitbutton {
	margin-bottom: 4px;
	padding: 5px 10px;
}

.formreply {
	background-color: #c5c5c5 !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.formcomment {
	width: calc(100% - 10px);
}

/* Download-page */
.visual6 {
	background-color: #3e3e3e;
	background-image: url(../images/yourspace_render_7.png);

	background-repeat: no-repeat;
}

/* FAQ-page */
.visual7 {
	background-color: #3e3e3e;
	background-image: url(../images/yourspace_render_7.png);

	background-repeat: no-repeat;
}

/* Contact-page */
.visual8 {
	background-color: #3e3e3e;
	background-image: url(../images/yourspace_render_2.png);

	background-repeat: no-repeat;
	background-position: bottom;
}

.img_logo {
	margin: 0 auto;
	width: 420px;
	max-width: 420px;
}

.img_skid1 {
	background-image: url(../images/lps_twinturbine_skid_photo.png);

	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;

	min-height: 600px;
}

@media screen and (max-width: 736px) {
	.img_skid1 {
		min-height: 240px;
		width: auto !important;
		height: auto !important;
	}
}