@charset "utf-8";
/* CSS Document */

div.parallaxItemGroup
{
	/*padding-top: 600px;*/
	z-index: 102;
}

.parallaxItemGroup *
{
	z-index: 102;
}

div.animationType6
{
   max-width: 90vw;
}

div.parallaxAnimateObjects
{
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 110;
   
	-ms-transform: translate(-50%,-50%);
 	-webkit-transform: translate(-50%,-50%);
  	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.parallaxTextElementInner.elementHasTextColour .parallaxContentItem *
{
   color: inherit;
}

.contentItemInImage
{
   position: absolute;
   right: 0px;
   bottom: 0px;
}

.parallaxItemGroup div.csc-textpic-imagewrap
{
	z-index: 104;
}

div.parallaxBody
{
	max-width: 100%;
}

.parallaxItemGroup3 div.parallaxBody
{
	position: absolute;
	top: 45%;
	left: 50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

div.animationType6
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 30px;
   grid-column-gap: 2vw;
	grid-row-gap: 30px;
   max-width: calc( 80vw - 180px);
	align-items: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
   div.animationType6
   {
      display: block;
      width: 90%;
      column-count: 4;
   }
   .animationType6 div.fsndAnimateImageItem
   {
      break-inside: avoid;
   }
}

.parallaxItemGroup img.parallaxImage,
.parallaxItemGroup div.fsndAnimateImageItem
{
	display: none;
}

.parallaxItemGroup .animationType6 img.parallaxImage,
.parallaxItemGroup .animationType6 div.fsndAnimateImageItem
{
	display: block;
}

.parallaxItemGroup .animationType6 div.fsndAnimateImageItem
{
   position: relative;
   width: 250px;
   max-width: calc( 18vw - 45px);
   text-align: center;
	
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem
{
   width: 0px;
   overflow: hidden;
}

.parallaxItemGroup .animationType6 div.fsndAnimateImageItem1
{
   margin-left: 0px;
   margin-top: 0px;
   -webkit-transition-delay: 2s;
   -moz-transition-delay: 2s;
   -ms-transition-delay: 2s;
   transition-delay: 2s;
}

.parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem1
{
   margin-left: 50px;
   margin-top: 300px;
}

.parallaxItemGroup .animationType6 div.fsndAnimateImageItem2
{
   margin-left: 0px;
   margin-top: 0px;
   -webkit-transition-delay: 2.5s;
   -moz-transition-delay: 2.5s;
   -ms-transition-delay: 2.5s;
   transition-delay: 2.5s;
}

.parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem2
{
   margin-top: -300px;
   margin-left: -40px;
}

.parallaxItemGroup .animationType6 div.fsndAnimateImageItem3
{
   -webkit-transition-delay: 4s;
   -moz-transition-delay: 4s;
   -ms-transition-delay: 4s;
   transition-delay: 4s;
}

.parallaxItemGroup .animationType6 div.fsndAnimateImageItem4
{
   margin-left: 0px;
   margin-top: 0px;
   -webkit-transition-delay: 5.5s;
   -moz-transition-delay: 5.5s;
   -ms-transition-delay: 5.5s;
   transition-delay: 5.5s;
}

.parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem4
{
   margin-left: 200px;
   margin-top: 300px;
}

.parallaxItemGroup .animationType6 .fsndAnimateImageItem img
{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: auto;
   
	-ms-transform: translate(-50%,-50%);
 	-webkit-transform: translate(-50%,-50%);
  	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.parallaxItemGroup .fixedImageBackground img.parallaxImage,
.parallaxItemGroup .fixedImageBackground img.fixedBackgroundImage
{
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   width: auto;
   
   transform: translate( -50%, -50% );
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem, 
   .parallaxItemGroup div.fsndAnimateImageItem,
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem1,
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem2,
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem3,
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem4
   {
      display: block !important;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s;
   }
   .parallaxItemGroup img.parallaxImage,
   .parallaxItemGroup .animationType6 .fsndAnimateImageItem img
   {
      position: relative !important;
      display: block !important;
      top: auto;
      left: auto;
      max-width: 100%;
      height: auto;
   
      -ms-transform: translate(0%,0%);
      -webkit-transform: translate(0%,0%);
      -moz-transform: translate(0%,0%);
      transform: translate(0%,0%);
      
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s;
   }
}

.fixedImageBackground div.fsndRespImageItem
{
   max-height: 100%;
   overflow-y: hidden;
}

.parallaxItemGroup .fixedImageBackground div.fsndRespImageItem
{
   max-height: 100%;
}

.parallax-mirror div.fsndAnimateImageItem
{
	position: absolute;
	display: inline-block;
	width: auto;
	overflow: hidden;
}

.parallax-mirror div.fsndAnimateImageItem.parallaxAnimItemType5
{
	top: 5%;
	background: #FFF;
	
	transition: background 1s;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-ms-transition: background 1s;
}

.parallax-mirror div.fsndAnimateImageItem.parallaxAnimItemType5.dropDown
{
}

.parallax-mirror .fsndAnimateImageItem.parallaxAnimItemType5 .animObjectContent
{
	position: absolute;
	top: 48%;
	height: auto;
	
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.fsndRespImageWrap
{
	/*display: none;*/
}

div.parallax-mirror 
{
	max-width: 100%;
    background: transparent;
}

.parallax-mirror img.parallax-slider
{
	width: 100%;
	height: auto;
}

.parallaxItemGroup div.parallaxTextElementInner
{
   max-width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

div.parallaxTextElementInnercenter
{
   text-align: center;
}

.parallaxTextElementInnercenter div.parallaxContentItem
{
   display: inline-block;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

.parallaxItemGroup .fsndRespInImageWrapper div.parallaxTextElementInner
{
   padding-top: 20px;
   padding-bottom: 20px;
}

.parallaxItemGroup .fsndRespInImageWrapper div.parallaxTextElement
{
   margin-top: 0px;
}

div.parallax-container
{
   background-position: center center;
   background-size: 100% auto;
   max-height: 100vh;
}

video.parallaxVideo
{
}

.parallax-container div.fsndRespInImageWrapper
{
	position: absolute;
	top: 40%;
	left: 50%;
   max-width: 98%;
	
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

.parallax-container .fsndRespInImageWrapper div.fsndRespInnerInImageWrapper
{
	display: inline-block;
	max-width: 98%;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 25px;
}

.parallax-container .fsndRespInImageWrapper.hasTextContent div.fsndRespInnerInImageWrapper
{
   padding-bottom: 0px;
}

.parallax-container div.fsndRespImageTitleWrapper
{
   display: inline-block;
}

.parallax-container .fsndRespImageTitleWrapper.titleHasBG div.fsndRespImageItemTitle
{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 25px;
}

ul.fsndElMgrListElements
{
	display: grid;
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 0px;
	list-style: none;
}

ul.fsndElMgrListElements[data-itemcount="2"]
{
	grid-template-columns: 1fr 1fr;
}

ul.fsndElMgrListElements[data-itemcount="3"]
{
	grid-template-columns: 1fr 1fr 1fr;
}

ul.fsndElMgrListElements[data-itemcount="4"]
{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 40px;
}

ul.fsndElMgrListElements[data-itemcount="5"]
{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

ul.fsndElMgrListElements[data-itemcount="6"]
{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

ul.fsndElMgrListElements[data-itemcount="7"]
{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

ul.fsndElMgrListElements[data-itemcount="8"]
{
	grid-template-columns: auto auto auto auto auto auto auto 1fr;
}

ul.fsndElMgrListElements[data-itemcount="9"]
{
	/*grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;*/
   grid-template-columns: auto auto auto auto auto auto auto auto auto;
   /*grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content;*/
}

ul.fsndElMgrListElements[data-itemcount="10"]
{
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
}

ul.fsndElMgrListElements.slides
{
   display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
   ul.fsndElMgrListElements
   {
      
   }
   ul.fsndElMgrListElements[data-itemcount="2"]
   {
      column-count: 2;
   }
   ul.fsndElMgrListElements[data-itemcount="3"]
   {
      column-count: 3;
   }
   ul.fsndElMgrListElements[data-itemcount="4"]
   {
      column-count: 4;
   }
   ul.fsndElMgrListElements[data-itemcount="5"]
   {
      column-count: 5;
   }
   ul.fsndElMgrListElements[data-itemcount="6"]
   {
      column-count: 6;
   }
   ul.fsndElMgrListElements[data-itemcount="7"]
   {
      column-count: 7;
   }
   ul.fsndElMgrListElements[data-itemcount="8"]
   {
      column-count: 8;
   }
}

div.fsndElMgrSlider
{
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

#inqFrame
{
	-webkit-transition: height 0.5s linear; 
	-moz-transition: height 0.5s linear; 
	-ms-transition: height 0.5s linear; 
	-o-transition: height 0.5s linear; 
	transition: height 0.5s linear;
}

.hideSliderPagination .flex-control-paging
{
	display: none;
}

.alwaysShowSliderNav .flex-direction-nav .flex-prev 
{
	left: 0px !important;
	margin-left: 0px;
}

.alwaysShowSliderNav .flex-direction-nav .flex-next 
{
	right: 0px !important;
	margin-right: 0px;
}

.alwaysShowSliderNav .flex-direction-nav a
{
	margin: 0px;
	opacity: 0.7;
}

.fsndElMgrSlider div.flex-viewport
{
}

.fsndElMgrSlider .fsndElMgrListElements li
{
	text-align: left;
}

#centreArea .parallaxItemGroup article.contentItem div.articleInnerWrapper
{
   margin-top: 0px;
   padding-top: 0px !important;
}

.fsndElMagrLinkList ul.fsndElMgrLinkListElements
{
   list-style: none;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.contentItemInImage ul.fsndElMgrLinkListElements
{
   transform: translate( 0, 50% );
}

.fsndElMagrLinkList.elMagrLinkListBelowImage .fsndElMgrLinkListElements li.linkListElement
{
   display: inline-block;
   width: 33%;
   vertical-align: top;
   break-before: left;
   break-inside: avoid;
}

.fsndElMagrLinkList.elMagrLinkListBelowImage .fsndElMgrLinkListElements li.linkListElement div.listLinkInner
{
   min-height: 40px;
   margin-top: 45px;
   margin-bottom: 45px;
   margin-left: 45px;
   margin-right: 45px;
}

.fsndElMgrLinkListElements li.linkListElement h3.linkListHeader
{
   height: 30px;
   margin-bottom: 10px;
}

.fsndElMgrLinkListElements li.linkListElement h3.linkListHeader.text-center
{
   padding-left: 30px;
   padding-right: 30px;
}

.textElementsInImage .fsndElMagrLinkList .linkListElement div.listLinkInner
{
   margin-top: 20px;
   margin-left: 25px;
   margin-right: 25px;
   margin-bottom: 20px;
}

.fsndElMagrLinkList .linkListElement a,
.fsndElMagrLinkList .linkListElement a:visited
{
   color: inherit;
}

.fsndElMgrSlider .fsndElMgrListElements li .csc-textpic div.csc-textpic-text
{
	/*display: inline-block;
	margin-left: 0px;
	vertical-align: middle;*/
}

.fsndElMgrImageList li.listElement
{
	display: inline-block;
	width: 30%;
   margin-left: 3%;
	background: #FFF;
	background: rgba( 250, 250, 250, 0.92 );
	box-shadow: 2px -2px 3px 3px #EEE;
   vertical-align: top;
	
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.fsndElMgrGroup article.groupTeaserImageTexts
{
   position: absolute;
   left: 50%;
   top: 48%;
   max-width: 600px;
   
   -webkit-transform: translate( 0%, -50% );
   -moz-transform: translate( 0%, -50% );
   -o-transform: translate( 0%, -50% );
   -ms-transform: translate( 0%, -50% );
   transform: translate( 0%, -50% );
}

.fsndElMgrGroup div.groupTeaserImageTextsInner
{
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 25px;
   margin-right: 25px;
}

.parallaxItemGroup div.textElementsInImage
{
   position: absolute;
   width: 100%;
   top: 50%;
   left: 0px;
   
   -webkit-transform: translate( 0%, -50% );
   -moz-transform: translate( 0%, -50% );
   -o-transform: translate( 0%, -50% );
   -ms-transform: translate( 0%, -50% );
   transform: translate( 0%, -50% );
}

.elMagrListCount4 .fsndElMgrImageList li.listElement
{
   width: 23.1%;
   margin-left: 2.1%;
}

.textElementsBelowImage .elMagrListCount3 .fsndElMgrImageList li.listElement1
{
   margin-left: 0px;
}

.textElementsBelowImage .elMagrListCount3 li.listElement:hover
{
	background: #FFF;
	box-shadow: 3px -3px 3px 3px #CCC;
}

.fsndElMgrGroup div.groupLBTeaserImages
{
   margin-bottom: -3px;
}

.elMagrListCount2 li.listElement
{
	width: 44%;
	margin-right: 6%;
}

.elMagrListCount2 li.listElement2
{
	float: right;
	margin-right: 0px;
}

.elMagrListCount3 li.listElement
{
	width: 30%;
	margin-right: 5%;
}

.elMagrListCount3 li.listElement3
{
	float: right;
	margin-right: 0px;
}

.elMagrListCount4 li.listElement
{
	width: 22%;
	margin-right: 4%;
}

.elMagrListCount4.fsndElMgrImageList li.listElement4
{
	float: right;
	margin-right: 0px;
}

.contentItemInImage .elMagrListCount1 .fsndElMgrLinkListElements li.linkListElement
{
   margin-top: -13px;
   margin-right: -20px;
   float: right;
}

.fsndElMgrImageList .listElement div.imageLinkInner
{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 5px;
	padding-bottom: 15px;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: 40% auto !important;
}

.fsndElMgrImageList .listElement .imageLinkText a,
.fsndElMgrImageList .listElement .imageLinkText a:visited
{
	font-weight: 400;
}

.fsndElMgrImageList .listElement .imageLinkText h3.imageListHeader
{
	max-width: 60%;
	margin-bottom: 15px;
	color: #005098;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 20px;
}

.elMagrListCount4 .fsndElMgrImageList .listElement .imageLinkText h3.imageListHeader
{
   min-height: 65px;
   font-size: 17px;
}

.fsndElMgrSlider ul.flex-direction-nav
{
	position: absolute;
	display:  block;
	top: 42%;
	width: 100%;
	-moz-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.fsndElMgrSlider .flex-direction-nav a::before
{
	font-weight: 200;
	font-family: OfficinaSansITCTTBook;
	content: "<";
}

.fsndElMgrSlider .flex-direction-nav a.flex-next::before
{
	content: ">";
}

.fsndElMgrSlider .listElement div.csc-default
{
}

.fsndElMgrSlider li.listElement div.csc-textpic-imagewrap
{
	max-width: 44%;
	margin-right: 3%;
}

.fsndElMgrGroup div.contactGroupDetails
{
	background-color: #dfe0e1;
}

.fsndElMgrGroup .groupContactItems div.groupContactAdvantage
{
	display: inline-block;
	width: 50%;
	padding-top: 20px;
	padding-bottom: 35px;
	vertical-align: top;
}

.fsndElMgrGroup .groupContactItems .groupContactAdvantage h2,
.fsndElMgrGroup .groupContactItems .groupContactAdvantage h3
{
	margin-bottom: 20px;
}

.fsndElMgrGroup .groupContactItems div.groupContactInfo
{
	display: inline-block;
	width: 48%;
	margin-left: 1.2%;
	padding-top: 15px;
	padding-bottom: 25px;
	vertical-align: top;
}

.fsndElMgrGroup .groupContactItems div.groupContentName
{
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
}

.fsndElMgrGroup .groupContactItems .groupContentName h3
{
	font-size: 26px;
}

.fsndElMgrGroup .groupContactItems div.groupContactImage
{
	text-align: center;
}

.fsndElMgrGroup .groupContactItems .groupContactImage img.groupContectImg
{
	max-width: 22%;
	height: auto;
}

.groupContactItems div.contactGroupContactEmail,
.groupContactItems div.contactGroupContactPhone
{
	display: inline-block;
	width: 49%;
	text-align: center;
}

.groupContactItems a.contactDetailLink
{
	padding-top: 45px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 40px;
}

.fsndElMgrGroup div.groupTeaserImages
{
	margin-top: 25px;
	margin-bottom: 25px;
}

.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem
{
	display: inline-block;
	width: 24%;
	margin-left: 1%;
	vertical-align: top;
}

.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem1,
.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem5
{
	margin-left: 0px;
}

.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem4,
.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem8
{
	float: right;
	margin-left: 0px;
}

.fsndElMgrGroup .groupTeaserImages .groupTeaserImageItem div.groupTeaserImageInner
{
	border: 3px #dfe0e1 solid;
}

.fsndElMgrGroup .groupTeaserImages .groupTeaserImageItem img.groupTeaserImage
{
	width: 100%;
	height: auto;
}

.fsndElMgrGroup .groupTeaserImages .groupTeaserImageItem div.groupTeaserImageOverlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba( 250, 250, 250, 0.7 );
	opacity: 0;
	cursor: default;
	
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}

.fsndElMgrGroup .groupTeaserImages .groupTeaserImageItem div.groupTeaserImageOverlay:hover
{
	opacity: 1;
}

.fsndElMgrGroup .groupTeaserImageItem .groupTeaserImageOverlay div.groupTeaserImageOverlayInner
{
	position: absolute;
	width: 80%;
	left: 50%;
	top: 50%;
	text-align: center;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.groupTeaserImageItem .groupTeaserImageOverlay .groupTeaserImageOverlayInner p
{
	cursor: default;
}

.groupTeaserImageItem .groupTeaserImageOverlay .groupTeaserImageOverlayInner h3
{
	margin-bottom: 20px;
	cursor: default;
}

.fsndElMgrGroup .groupTextItems div.groupTextItem
{
	margin-bottom: 20px;
	
	/*transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;*/
}

.fsndElMgrGroup .groupTextItems div.groupRightText
{
}

.groupTextItems .groupTextItem div.groupTextItemInner
{
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

.groupTextItems .groupTextItem h4
{
	margin-bottom: 20px;
}

.fsndElMgrGroup .groupDocItems div.groupDocumentInner
{
	height: 80px;
	margin-top: 5px;
	margin-bottom: 20px;
	background-color: #FDFDFD;
	
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}

.fsndElMgrGroup .groupDocItems a:hover div.groupDocumentInner
{
	background-color: #dfe0e1;
}

.fsndElMgrGroup .groupDocItems span.groupDocumentIcon 
{
	display: block;
	position: absolute;
	top: 0px;
	height: 100%;
	width: 50px;
	background-position: center center;
	background-size: auto 70%;
	background-repeat: no-repeat;
}

.fsndElMgrGroup .groupDocItems span.docTypeIcon
{
	left: 25px;
	background-image: url(/typo3conf/ext/fsnd_imageitems/Resources/Public/images/pdf_icon.png);
}

.fsndElMgrGroup .groupDocItems span.downloadIcon
{
	right: 25px;
	background-image: url(/typo3conf/ext/fsnd_imageitems/Resources/Public/images/download_icon.png);
}

.fsndElMgrGroup .groupDocItems h3.downloadText
{
	margin-left: 70px;
	margin-right: 70px;
	padding-top: 25px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 26px;
	vertical-align:  middle;
}

.fsndElMgrGroup div.groupImageLinkItem
{
	display: inline-block;
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.fsndElMgrGroup div.groupImageLinkItem4
{
	float: right;
	margin-right: 0px
}

.fsndElMgrGroup .groupImageLinkItem img.groupImageLink
{
	width: 100%;
	height: auto;
	
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}

.groupImageLinkItem div.groupTeaserImageOverlay
{
	position: absolute;
	bottom: 0px;
	left: 5%;
	width: 80%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFF;
	
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}

.groupImageLinkItem .groupTeaserImageOverlay h3
{
	font-size: 16px;
	text-transform: uppercase;
}

.fsndElMgrGroup div.groupImageLinkWrapper
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.fsndElMgrGroup div.groupImageLinkTitle
{
	margin-bottom: 15px;
}

.fsndElMgrGroup .groupImageLinkTitle h2
{
	font-size: 18px;
}

.fsndElMgrGroup a .groupImageLinkItem,
.fsndElMgrGroup a:visited .groupImageLinkItem
{
	color: #b13a29;
}

.fsndElMgrGroup a:hover .groupImageLinkItem div.groupTeaserImageOverlay
{
	background: #dfe0e1;
}

.fsndElMgrGroup a:hover .groupImageLinkItem img.groupImageLink
{
	opacity: 0.8;
}

.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem,
.fsndElMgrGroup div.groupImageLinkItem
{
	max-height: 340px;
	overflow-y: hidden;
}

.fsndElMgrGroup .groupTeaserImages .groupTeaserImageItem div.groupTeaserImageInner
{
	max-height: 100%;
	overflow-y: hidden;
}

.fsndElMgrPMListElements div.listElement
{
	display: inline-block;
	width: 23.9%;
	margin-right: 1%;
	vertical-align: top;
}

.fsndElMgrPMListElements div.listElement4,
.fsndElMgrPMListElements div.listElement8,
.fsndElMgrPMListElements div.listElement12,
.fsndElMgrPMListElements div.listElement16
{
	margin-right: 0px;
}

.fsndElMgrPMListElements .listElement div.imageLinkInner
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 25px;
	padding-top: 0px;
	background-color: #FFF;
}

.fsndElMgrPMListElements .listElement div.imageListBody
{
	height: 90px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px;
	color: #3E3E3E;
}

.fsndElMgrPMListElements .listElement .imageLinkInner .linkImage img
{
	width: 100%;
	height: auto;
}

.fsndRespImageTitleWrapper a,
.fsndRespImageTitleWrapper a:visited
{
	font-weight: 400;
}

.fsndRespImageItemTitle h1,
.fsndRespImageItemTitle h2
{
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 400;
}

.fsndRespImageTitleWrapper a div.fsndRespImageItemTitleLinkText,
.imageLinkText a div.imageListSubHeader
{
	color: #4f5559;
	
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.fsndRespImageTitleWrapper a:hover div.fsndRespImageItemTitleLinkText,
.imageLinkText a:hover div.imageListSubHeader
{
	color: #005199;
}

.fsndRespImageItemTitle h1
{
	font-size: 28px;
}

.fsndRespImageItemTitle i
{
	display: block;
	float: left;
	clear: left;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 15px;
	margin-bottom: 5px;
	font-style: normal;
	
	background: #F0F0F0;
}


.parallaxItemGroup div.parallaxTextElement
{
	max-width: 100%;
	margin-top: -20px;
	overflow: hidden;
}

.parallaxItemGroup .parallaxTextElement h2
{
	margin-top: 0px;
	margin-bottom: 20px;
}

.linkListElement .csc-firstHeader
{
   margin-bottom: 20px;
}

.textElementsInImage .linkListBody
{
   color: #111166;
}

.textElementsInImage .linkListBody h2,
.groupTeaserImageTexts h2.csc-firstHeader
{
   padding-bottom: 20px;
}

.fsndElMagrLinkList.elMagrLinkListBelowImage .fsndElMgrImageList li.listElement
{
	background: #efedf1;
	/*background: rgba( 239, 237, 241, 0.85 );*/
	border-bottom: 3px transparent solid;
}

.fsndElMagrLinkList.elMagrLinkListBelowImage li.linkListElement
{
   /*border-top: 4px transparent solid;
	border-bottom: 4px transparent solid;*/
	
        -webkit-transition: box-shadow 0.2s linear, background 0.3s ease-in-out, color 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s linear, background 0.3s ease-in-out, color 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s linear, background 0.3s ease-in-out, color 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s linear, background 0.3s ease-in-out, color 0.2s ease-in-out;
        transition: box-shadow 0.2s linear, background 0.3s ease-in-out, color 0.2s ease-in-out;
}

.textElementsBelowImage .fsndElMagrLinkList.elMagrListCount3 .fsndElMgrImageList li.listElement:hover,
.textElementsBelowImage .fsndElMagrLinkList.elMagrListCount3 li.linkListElement:hover
{
   /*margin-top: 4px;
   margin-bottom: 4px;*/
	background: #111166;
   color: #FFF;
	/*box-shadow: 2px 4px 3px 4px #888;*/
   /*border-bottom: none;
   border-top: none;*/
	
        -webkit-transition: box-shadow 1s ease-in-out, background 1s linear, color 0.1s linear;
        -moz-transition: box-shadow 1s ease-in-out, background 1s linear, color 0.1s linear;
        -ms-transition: box-shadow 1s ease-in-out, background 1s linear, color 0.1s linear;
        -o-transition: box-shadow 1s ease-in-out, background 1s linear, color 0.1s linear;
        transition: box-shadow 1s ease-in-out, background 1s linear, color 0.1s linear;
}

.textElementsBelowImage .fsndElMagrLinkList .fsndElMgrImageList li.listElement:hover h3,
.textElementsBelowImage .fsndElMagrLinkList li.linkListElement:hover h3
{
   color: #FFF;
	
        -webkit-transition: color 0.1s linear;
        -moz-transition: color 0.1s linear;
        -ms-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        transition: color 0.1s linear;
}

#mainContent .parallax-container .fsndRespImageTitleWrapper.titleHasBG a.fsndRespImageTitleLink div.fsndRespImageItemTitle
{
	
        -webkit-transition: all 1s linear;
        -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear;
}

#mainContent .parallax-container .fsndRespImageTitleWrapper.titleHasBG a.fsndRespImageTitleLink:hover div.fsndRespImageItemTitle
{
	background: #efedf1 !important;
}

.parallaxPage #centreArea article.contentItem.style1
{
	top: -60px;
}

.parallaxPage #centreArea article.contentItem.contentItemlist.style1 div.articleInnerWrapper
{
	background-color: transparent;
}

#centreArea article.contentItemheader div.articleInnerWrapper
{
	padding-bottom: 5px;
}

.parallax-container .fsndRespImageTitleWrapper.titleHasBG div.fsndRespImageItemTitle
{
	width: auto;
	min-width: 28%;
}


.multiColumn div.contentColumnWrapper
{
	display: inline-block;
	width: 49.5%;
	vertical-align: top;
	overflow: hidden;
}

.multiColumn3 div.contentColumnWrapper
{
	width: 33%;
}

.multiColumn4 div.contentColumnWrapper
{
	width: 24.9%;
}

.multiColumn div.contentColumnInner
{
	margin-left: 10px;
	margin-right: 10px;
}

.multiColumn #contentColumn1 div.contentColumnInner
{
	margin-left: 0px;
	margin-right: 20px;
}

.multiColumn3 #contentColumn3 div.contentColumnInner
{
	margin-right: 0px;
	margin-left: 20px;
}

.multiColumn4 #contentColumn4 div.contentColumnInner
{
	margin-right: 0px;
	margin-left: 20px;
}

.multiColumn3 #contentColumn2 div.contentColumnWrapper
{
	margin-right: 0px;
	margin-left: 20px;
}

.fsndElMgrAccordionElements .accordionItemHeader
{
   cursor: pointer;
}

.fsndElMgrAccordionElements .accordionItemHeader h1::after,
.fsndElMgrAccordionElements .accordionItemHeader h2::after
{
    position: absolute;
    top: 0px;
    right: 10px;
    content: ">";
    font-size: 42px;
    transition: all 1s linear;
}

.fsndElMgrAccordionElements .accordionItemHeader.openedAccordionHeader h1::after,
.fsndElMgrAccordionElements .accordionItemHeader.openedAccordionHeader h2::after 
{
    transform: rotate(90deg);
}

.fsndElMgrAccordionElements .accordionItem div.contentBody
{
   /*max-height: 10000px;*/
   overflow: hidden;
   display: none;
   
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.fsndElMgrAccordionElements .accordionItem div.internalAccordionBody
{
   overflow: visible;
   
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
        transition: all 0s linear;
}

.fsndElMgrAccordionElements .accordionItem
{
   margin-bottom: 25px;
   
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
}

.fsndElMgrAccordionElements .closedAccordionItem
{
   
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
}

.fsndElMgrAccordionElements .accordionItem div.csc-frame-indent-right
{
}

.stdPage .contentTypelist .closedAccordionItem div.csc-frame-indent-right
{
   
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
}

.fsndElMgrAccordionElements .closedAccordionItem div.contentBody
{
   height: 0px;
   padding: 0px !important;
   
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
}
@media only screen and (max-width: 1300px)
{
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      width: 220px;
   }
}

@media only screen and (max-width: 1200px)
{ 
   ul.fsndElMgrListElements[data-itemcount="4"]
   {
      margin-top: 20px;
   }
   div.animationType6
   {
      max-width: 80vw;
      
       -webkit-transition: all 1s ease-out;
       -moz-transition: all 1s ease-out;
       -ms-transition: all 1s ease-out;
       transition: all 1s ease-out;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      top: 20px;
   }
   .parallaxItemGroup .animationDone .animationType6 div.fsndAnimateImageItem
   {
      top: 0px;
   }
   .animationDone div.animationType6
   {
      margin-top: 0px;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      max-width: 19vw;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem1,
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem3
   {
      text-align: center;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem1 img,
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem3 img
   {
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem2 img,
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem4 img
   {
   }
}

@media only screen and (max-width: 1040px)
{
   .fsndElMgrGroup .groupLBTeaserImages .groupTeaserImageItem div.groupTeaserImageInner
   {
      left: -20%;
   }
   .fsndElMgrGroup .groupLBTeaserImages article.groupTeaserImageTexts
   {
      left: 40%;
   }
   div.animationType6.frozen
   {
      margin-top: 30px;
   }
}

@media only screen and (max-width: 1000px)
{
	.fsndElMgrSlider ul.fsndElMgrListElements
	{
		margin-left: 40px;
		margin-right: 40px;
	}
	.fsndElMgrSlider li.listElement .csc-textpic .csc-textpic-imagewrap
	{
		max-width: 49%;
		margin-right: 1%;
		display: inline-block;
		vertical-align: middle;
	}
	.fsndElMgrSlider li.listElement .csc-textpic .csc-textpic-text
	{
		display: inline-block;
		max-width: 49%;
		margin-left: 0px;
		vertical-align: middle;
	}
}

@media only screen and (max-width: 990px)
{
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem1,
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem4
   {
      margin-top: 200px;
   }
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem2
   {
      margin-top: -200px;
   }
}

@media only screen and (max-width: 900px)
{
	.fsndElMgrSlider ul.fsndElMgrListElements
	{
		margin-left: 30px;
		margin-right: 30px;
	}
}

@media only screen and (max-width: 860px)
{
}

@media only screen and (max-width: 800px)
{
	.fsndElMgrSlider ul.fsndElMgrListElements
	{
		margin-left: 20px;
		margin-right: 20px;
	}

	.fsndElMgrGroup .groupDocItems h3.downloadText
	{
		font-size: 22px;
	}
	.fsndElMgrPMListElements div.listElement
	{
		width: 31.9%;
	}
	.fsndElMgrPMListElements .listElement div.imageListBody
	{
		height: 110px;
		padding-bottom: 10px;
	}
	.fsndElMgrPMListElements div.listElement4, 
	.fsndElMgrPMListElements div.listElement8, 
	.fsndElMgrPMListElements div.listElement16
	{
		margin-right: 1%;
	} 
	.fsndElMgrPMListElements div.listElement3, 
	.fsndElMgrPMListElements div.listElement6, 
	.fsndElMgrPMListElements div.listElement9, 
	.fsndElMgrPMListElements div.listElement12, 
	.fsndElMgrPMListElements div.listElement15
	{
		margin-right: 0px;
	}
   .fsndElMagrLinkList.elMagrLinkListBelowImage .fsndElMgrLinkListElements li.linkListElement
   {
      width: 49.5%;
   }
   .fsndElMagrLinkList.elMagrLinkListBelowImage .fsndElMgrLinkListElements li.listElement2
   {
      float: right;
   }
   .fsndElMagrLinkList.elMagrLinkListBelowImage .fsndElMgrLinkListElements li.listElement3
   {
      float: none;
      width: 100%;
   }
   .fsndElMgrGroup .groupLBTeaserImages .groupTeaserImageItem div.groupTeaserImageInner
   {
      left: -25%;
   }
   .fsndElMgrGroup .groupLBTeaserImages article.groupTeaserImageTexts
   {
      left: 34%;
      background: rgba( 255, 255, 255, 0.5 );
   }
   
   .fsndElMgrGroup .groupLBTeaserImages article.groupTeaserImageTexts h2
   {
      font-size: 18px;
   }
   .fsndElMgrGroup .groupLBTeaserImages article.groupTeaserImageTexts h3
   {
   }
   .fsndElMgrGroup .groupLBTeaserImages article.groupTeaserImageTexts .csc-header h2
   {
      font-size: 24px;
   }
   .multiColumn4 div.contentColumnWrapper
   {
      width: 49%;
      margin-bottom: 20px;
   }
   div.animationType6
   {
      column-gap: 30px;
   }
}

@media only screen and (max-width: 760px)
{
	.fsndElMgrSlider ul.fsndElMgrListElements
	{
		margin-left: 0px;
		margin-right: 0px;
	}

	.fsndElMgrGroup .groupDocItems h3.downloadText
	{
		font-size: 20px;
	}
	.fsndElMgrGroup .groupDocItems span.docTypeIcon
	{
		left: 20px;
	}
	.fsndElMgrGroup .groupDocItems span.downloadIcon
	{
		right: 20px;
	}
	.fsndElMgrPMListElements div.listElement
	{
		width: 48%;
	}
   div.animationType6
   {
      column-gap: 50px;
   }
}

@media only screen and (max-width: 700px)
{
   div.animationType6.frozen
   {
      row-gap: 0px;
      column-gap: 0px;
   }
   div.animationType6
   {
      row-gap: 110px;
      column-gap: 75px;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      width: 190px;
   }
}

@media only screen and (max-width: 680px)
{
	.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem
	{
		width: 49%;
		max-height: 420px;
	}
	.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem3,
	.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem7
	{
		margin-left: 0px;
	}

	.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem2,
	.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem6
	{
		float: right;
		margin-left: 0px;
	}
   div.animationType6.frozen
   {
      margin-top: 20px;
      margin-bottom: 20px;
   }
   div.animationType6
   {
      column-gap: 2vw;
      left: 8vw;
      top: 24%;
      margin-top: 10px;
      
       -ms-transform: translate(0%,0%);
       -webkit-transform: translate(0%,0%);
       -moz-transform: translate(0%,0%);
       transform: translate(0%,0%);
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem img
   {
      position: relative;
      left: 0px !important;
      top: 0px !important;
      max-width: 90%;
      
    -ms-transform: translate(-0%,-0%);
    -webkit-transform: translate(-0%,-0%);
    -moz-transform: translate(-0%,-0%);
    transform: translate(-0%,-0%);
   }
}

@media only screen and (max-width: 600px)
{
	.fsndElMgrGroup .groupContactItems div.groupContactAdvantage,
	.fsndElMgrGroup .groupContactItems div.groupContactInfo
	{
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		vertical-align: middle;
	}
	.fsndElMgrGroup .groupContactItems div.contactGroupDetails
	{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.fsndElMgrGroup .groupDocItems h3.downloadText
	{
		font-size: 18px;
	}
	.fsndElMgrGroup .groupDocItems span.docTypeIcon
	{
		left: 10px;
	}
	.fsndElMgrGroup .groupDocItems span.downloadIcon
	{
		right: 10px;
	}
	
	.fsndElMgrSlider.flexslider .flex-direction-nav li.flex-nav-prev
	{
		text-align: left;
	}
	.fsndElMgrSlider.flexslider .flex-direction-nav li.flex-nav-next
	{
		text-align: right;
	}
	.fsndElMgrPMListElements div.listElement
	{
		display: block;
		width: 98%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
   .fsndElMagrLinkList.elMagrLinkListBelowImage .fsndElMgrLinkListElements li.linkListElement
   {
      width: 100%;
      float: none;
   }
   .multiColumn div.contentColumnWrapper
   {
      display: block;
      width: 100%;
   }
}

@media only screen and (max-width: 540px)
{
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem1,
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem4
   {
      margin-top: 100px;
   }
}

@media only screen and (max-width: 480px)
{
   div.animationType6
   {
      top: 1%;
      grid-template-columns: auto auto;
      grid-row-gap: 0px;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      max-width: 38vw;
      height: 25vw;
   }
}

@media only screen and (max-width: 460px)
{
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      max-width: 37vw;
      height: 26vw;
   }
}

@media only screen and (max-width: 420px)
{
   div.animationType6
   {
      left: 10vw;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      max-width: 36vw;
      height: 28vw;
   }
}

@media only screen and (max-width: 400px)
{
	.fsndElMgrGroup .groupDocItems h3.downloadText
	{
		font-size: 14px;
	}
	.fsndElMgrGroup .groupDocItems span.docTypeIcon
	{
		left: 5px;
	}
	.fsndElMgrGroup .groupDocItems span.downloadIcon
	{
		right: 5px;
	}
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      height: 30vw;
   }
}
@media only screen and (max-width: 320px)
{
	.fsndElMgrGroup .groupTeaserImages div.groupTeaserImageItem
	{
		width: 100%;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		max-height: 500px;
	}
}



@media only screen and (max-height: 1000px) 
{
	div.parallaxItemGroup
	{
	}
	.parallaxText img
	{
		max-width: 60%;
		height: auto;
	}
}
/*
@media only screen and (max-height: 800px)  and (min-width: 540px)
{
	div.animationType6
	{
      margin-top: 20px;
      grid-row-gap: 120px;
	}
}
*/
@media only screen and (max-height: 800px) and (orientation: landscape)
{
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem1,
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem4
   {
      margin-top: 200px;
   }
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem2
   {
      margin-top: -200px;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem1, 
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem3
   {
      text-align: center;
   }
   div.animationType6
   {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-row-gap: 0px;
      grid-column-gap: 3vw;
      top: 3%;
      left: 3vw;
      max-width: 40vw !important;
      
    -ms-transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transform: translate(0%,0%);
   }
}
@media only screen and (max-height: 780px) and (orientation: landscape)
{
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem1 img, 
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem3 img
   {
      left: 0px;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      max-width: 18vw;
      margin-top: 50px;
      
       -ms-transform: translate(0%,0%);
       -webkit-transform: translate(0%,0%);
       -moz-transform: translate(0%,0%);
       transform: translate(0%,0%);
      
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem img
   {
      position: relative;
      top: auto;
      left: auto;
      
       -ms-transform: translate(0%,0%);
       -webkit-transform: translate(0%,0%);
       -moz-transform: translate(0%,0%);
       transform: translate(0%,0%);
   }
   div.animationType6
   {
      left: 11vw;
      max-width: 78vw !important;
   }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-height: 800px) and (orientation: landscape)
{
   div.animationType6
   {
      max-width: 90% !important;
      top: 10%;
   }
}

@media only screen and (max-height: 640px) and (orientation: landscape)
{
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem4
   {

      -webkit-transition-delay: 3.5s;
      -moz-transition-delay: 3.5s;
      -ms-transition-delay: 3.5s;
      transition-delay: 3.5s;
   }
   .parallaxItemGroup .animationType6 div.fsndAnimateImageItem
   {
      max-width: 19vw;
      margin-top: 15px;
   }
   div.animationType6
   {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-row-gap: 40px;
      grid-column-gap: 2vw;
      top: 5%;
      left: 10vw;
      max-width: 78vw;
      margin-top: 0px;
      
      -moz-transform: scale( 1);
      transform: scale(1);
   }
}

@media only screen and (max-height: 500px) 
{
}

@media only screen and (max-height: 480px)  and (orientation: landscape)
{
   div.animationType6
   {
      top: 2.5%;
   }
   .parallaxItemGroup .animationType6 .fsndAnimateImageItem img
   {
      position: relative;
      top: auto;
   }
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem1, 
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem4 
   {
       margin-top: 90px;
   }
   .parallaxItemGroup .animationType6.frozen div.fsndAnimateImageItem2
   {
      margin-top: -60px;
   }
}

@media only screen and (max-height: 400px) and (orientation: landscape)
{
   div.animationType6
   {
      top: -4vh;
   }
}

@media only screen and (max-height: 360px) and (orientation: landscape)
{
   div.animationType6
   {
      top: -6vh;
   }
}