::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}


/** GENERELLT **/
	p{font-size:21px; line-height:24px;}
	
	body{background-color:#000; font-family:'HelvLight', helvetica, arial;}
	.section{background-color:#000 !important; max-width:1400px; margin:auto;}
	
	.rightContentBox{
z-index: 2;
	color: white;
	position: absolute; 
	bottom: 20px;
	text-align: left;
	width: 100%;
	padding:20px;
	box-sizing: border-box;
	}
	
	/*/ Testar funktion för att fixa viewheight i mobil */
	.leftContent, .rightContent{
	 height: 100%; /* Fallback for browsers that do not support Custom Properties */
	}
	
	.leftContent{ 
    position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background-color: #000; 
	/*-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden; */
	}
.backContent img{width:100%; height:100%; object-fit:cover;}

	.rightContent{ overflow:hidden; 
	display: -webkit-box;
		display: -webkit-flex; 
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	will-change: height;
	-webkit-transition: height .01s ease-out;

	}
	
	.frontContent::before{
		content: '';
		position: absolute;
		top: -10vh;
		left: 0;
		right: 0;
		bottom: -10vh;
		background: rgba(0,0,0,.7);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.6) 90%,rgba(0,0,0,0.6) 90%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(60%, rgba(0,0,0,0.5)),color-stop(90%, rgba(0,0,0,0.6)),color-stop(90%, rgba(0,0,0,0.6)),color-stop(90%, rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
		background: -o-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.6) 90%,rgba(0,0,0,0.6) 90%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.6) 90%,rgba(0,0,0,0.6) 90%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );
		mix-blend-mode: multiply;
		
	}
	
	/** FÖRSTABILD **/
	.frontNav{position:relative; top:0px; max-width:450px; margin:auto;}
	.frontLogo{position:relative; padding:20px 20px;}
	.frontLogo img{width:100%; max-width:450px !important;}
	.videoOverText h2, .videoOverText h1{font-size:32px;}
	.frontBlock{background-size:cover; background-position:center center; color:white; max-width:100% !important; padding:10px 20px;} 
	
	/** VIDEO **/
	.videoBlock{}
	
	.storyContainer .leftContent video
	{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	-o-object-fit: contain;
	}
	.storyContainer .lowVideo video{height:auto !important; top:40%;}

/* FORMULÄR */
span.wpcf7-not-valid-tip, .wpcf7-validation-errors{font-size:14px; font-weight:900; padding-top:5px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{position:fixed; top:15px;}
.wpcf7-response-output{padding:5px 10px;}
.gdprArea .checkLabel{float:left; width:49%; text-align:center;}
.gdprArea .checkLabel a{color:white;}
.gdprArea .wpcf7-submit{float:right; width:45% !important; margin-top:10px !important;}
span.wpcf7-list-item{margin:0px !important;}
.checkLabel .wpcf7-form input{height:30px !important;}

	/** TEXTBLOCK **/
	.textBlock{}

	.flowerHeader{font-size:32px; font-weight:900; padding-bottom:30px; font-family:Helvetica; width:100%; display:block; text-align:center;}
	
	/** FORMULÄR **/
	#fullpage .wpcf7-form span{clear:both;}
	.formLabel
	{clear: both;
	width: 100%;
	display: block;}

	#fullpage .wpcf7-form input, #fullpage .wpcf7-textarea
	{
	height:40px; 
	border-radius:0px; 
	border:2px solid white; 
	background-color:transparent;
	color:white; 
	font-weight:bold;
	width:95%;
	font-size:16px;
	padding:10px;
	}

	#fullpage .wpcf7-form .wpcf7-submit{
	font-size: 16px;
	background-color: white;
	color: black;
	max-width: 200px;
	margin: auto;
	display: block;
	padding: 0px;
	
	}
	.checkLabel a{text-decoration:underline;}

	
	/* REPLACER START */
	.videoOverText{}
	.videoOverText .rightContent .rightContentBox{position:relative; bottom:auto;}
	.videoOverText .rightContent {justify-content:center;}
.videoOverText .frontLogo{/*max-width:400px;*/} 
	/** SLIDER ***/
	.sliderBlock{}
	.sliderBlock .fp-slide.fp-table{position:relative;}
	.fp-controlArrow.fp-next, .fp-controlArrow.fp-prev{opacity:0.75;}
	
	/** SLIDESHOW **/
	.slideshowArrows{top:0px; position:absolute; width:100%; z-index:101;}


	/** Animationsyta (Elmia) **/

	.elmiaYta img{width:100%;}
	.elmiaLogo{padding:0px 20px;}
	.elmiaYta .rightContentBox{position:relative;}
	.elmiaContent{text-align:center; margin-top:40px; font-size:32px;}
	.elmiaContentTwo{text-align:center;}
	.elmiaYta .elmiaLink{border:2px solid white; border-radius:20px; padding:10px 25px; color:white; text-decoration:none; display:inline-block; margin-top:20px; font-weight:900;}
	.elmiaYta .elmiaLink:hover{color:#023452; background-color:white; border:2px solid #023452;}
.elmiaSymbols a{max-width:50px; margin:30px 10px; display:inline-block;}

	/** TYPOGRAFI **/

@media screen and (max-height: 600px) and (max-width: 768px) {

	.flowerYta .upperContent{top:7vh;}
	.flowerHeader{font-size:5vh; padding-bottom:2vh;}
	.videoOverText h1{font-size:3.5vh !important;}
		
}


	/** MEDIA QUERY **/
	
@media screen and (min-width: 720px) {
	
	.rightContentBox{
		position:relative;
		bottom:0px; 
		text-align:center;
		max-width:520px;
	}
	.videoSound .rightContentBox{height:100px;}
	.storyContainer .lowVideo video{top:50%;}
	
	.frontContent::before{opacity:0;}
	
  	.storyContainer .leftContent video, .storyContainer .leftContent img {
    -o-object-fit: contain;
	object-fit: contain;
	height: 98%;
	padding-top: 2%;
  }
	.storyContainer .cycle-slideshow img
	{
		height:auto !important;
		padding-top:0px;
	}
	
	.rightContent, .leftContent {width:50%;}
	
	.frontContent{
	width: 50%;
	margin-left: 50%;
	 -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; 	
	} 
	.flowerYta 	.lowerContent h2, .flowerYta .upperContent h1{font-size:21px;}
}	

@media screen and (max-width: 720px) {	
	
	.videoOverText h2, .videoOverText h1{font-size:20px;}
	
	.onlyMobile{display:table !important;}
	
	.rightContentBox p{text-align:center;}
	.flowerYta .rightContent{height:100vh;}
	.flowerYta .rightContent .rightContentBox{height:100%;}
	.flowerHeader span, .flowerHeader h1{text-shadow:0px 0px 20px #333;}
	.upperContent, .lowerContent{ width:100%; text-align:center;}
	.upperContent{position:absolute; top:10%; margin-left:-20px; }
	.upperContent h1{padding-left:10px; padding-right:10px;}
	.lowerContent{position:absolute; bottom:11%; margin-left:-20px; display:none;}	
	.gdprArea{width:95%; margin:auto;}
	.gdprArea .checkLabel{text-align:left;}
	.gdprArea input{width:30px !important; display:block; padding:0px; margin:0px;}
	
}
/* ========== SECTIONER - ANIMATIONER FÖR TEXT/FADE IN ========== */
.section > .fp-tableCell h1, .section > .fp-tableCell h2,
.section > .fp-tableCell p, .section .slide > .fp-tableCell p{
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.section > .fp-tableCell h1, .section.active > .fp-tableCell h2,
.section.active > .fp-tableCell p, .section.active .slide.active > .fp-tableCell p {
	opacity: 1;
}

.section.active > .fp-tableCell p, .section.active .slide.active > .fp-tableCell p {
	transition-delay: .33s;
}

.section.active > .fp-tableCell p + p{
	transition-delay: .66s;
}

.section-one > .fp-tableCell h1{
	transform: translateY(-1000px);
	opacity: 0;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;
}

.section-one.active > .fp-tableCell h1{
	transform: translateY(0);
	opacity: 1;
}

/** FONT **/	

@font-face {
    font-family: 'HelvLight';
    src: url('font/helveticaneueltstd-lt.eot');
    src: url('font/helveticaneueltstd-lt.eot?#iefix') format('embedded-opentype'),
    url('font/helveticaneueltstd-lt.woff') format('woff'),
    url('font/helveticaneueltstd-lt.ttf') format('truetype'),
    url('font/helveticaneueltstd-lt.svg#HelvLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** SHAPE ANIMATION - COPIED **/
.pgqbShape1,.pgqbShape2,.pgqbShape3{display:none;}
.pgqbShape1 img,.pgqbShape2 img,.pgqbShape3 img{
	width:200px;
	position:absolute;
	display:none;
}
/*
.pgqbShape1{
	margin:auto;
	top:-200px;
     animation-duration        : 1.5s;
    animation-fill-mode       : both;
    animation-iteration-count : 1;
    animation-name            : fastSlide1;
    animation-timing-function : ease-out;
    transform-origin          : bottom;
}
.pgqbShape2{
	margin:auto;
	top:-200px;
     animation-duration        : 2s;
    animation-fill-mode       : both;
    animation-iteration-count : 1;
    animation-name            : fastSlide2;
    animation-timing-function : ease-out;
    transform-origin          : bottom;
	opacity:0.9;
}
.pgqbShape3{
	margin:auto;
	top:200px;
     animation-duration        : 1s;
    animation-fill-mode       : both;
    animation-iteration-count : 1;
    animation-name            : fastSlide3;
    animation-timing-function : ease-out;
    transform-origin          : bottom;
}
@keyframes fastSlide1 {
    0%   { transform: translate(50%,-320px) rotate(0deg); }
	100% { transform: translate(52%, -230px) rotate(1deg);}
}
@keyframes fastSlide2 {
    0%   { transform: translate(-220px, 60%) rotate(0deg); }
	100% { transform: translate(-100px, 62%) rotate(10deg);}
}
@keyframes fastSlide3 {
    0%   { transform: translate(60%,200px) rotate(0deg); }
	100% { transform: translate(55%, 30px) rotate(1deg);}
}*/