html * {
	font-family:Open Sans;
}
html{
	height:100%;
	width: 100%;
	scroll-behavior: smooth !important;
}
body {
  	background-color: white;
	min-height: 100%;
	width: 100%;
	margin:0;
	scroll-behavior: smooth !important;
}
#mainContainer{
	width:55%;
	margin:auto;
}
#headerContainer{
	position: relative;
	height:43rem;
	padding-bottom:5rem;
}

.textblockssvgContainer {
    position: relative;
    top: 11rem;
}
.textblocksimagesTitleContainer{
	position: relative;
	top:3rem;
	height:4.063rem;
}
.advantagesTitleContainer{
	position: relative;
	top:1.25rem;
	height:4.063rem;
	margin-left: auto;
}
#headerBackground{
	position: absolute;
	height:100%;
	width:100%;
	right:20%;
}
.headerBackground{
  	position: relative;
  	width:120%;
	height:100%;
	padding-bottom:10%;
}
.headerImageDiv{
	position: relative;
	height:70%;
	width:70%;
	right:40%;
}
.headerImageLinkedInDiv{
	position: relative;
	height:10%;
	width:30%;
	left:110%;
	bottom:89.1%;
}
.bottomLinkedInDiv{
	position: relative;
	height:12%;
	width:12%;
	/* left:70%;
	bottom:.55rem; */
/* 	bottom:4.3rem; */
	opacity:0.4;
	/* border:1px solid red; */
}
.bottomYouTubeDiv{
	position: relative;
	height:19%;
	width:19%;
/* 	left:48%;
	bottom:2.9rem; */
	opacity:0.4;
	/* border:1px solid red; */
}
#headerTextblock{
	position: relative;
	bottom:20%;
	right:28%
}
#languageSelectorContainer{
	position: absolute;
    bottom: 90%;
    /* left: 130%; */
	transform: translate(90%,100%);
	width:auto;
	height:auto;
	z-index: 10;
}
#languageSelectorList{
	display:inline;
	position:relative;
	white-space: nowrap;
	list-style-type: none;
	padding-right:.3rem;
}
#languageSelectorList li{
	display:inline;
}
.languageSelector{
	background:none;
	border:none;
	color:#ffffff;
	font-weight: 700;
	font-size:.85rem;
}
.languageSelector:hover{
	color:#006EB7;
	cursor: pointer;
}
#headerText1 span{
	position: relative;
	left:4.4rem;
    font-size:3rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.19rem;
    margin-bottom:.06rem;	
    color:#ffffff;
    background-color: #009EE2;
}
#headerText2 span{
	position: relative;
	left:4.4rem;
	top: .6rem;
    font-size:3rem;	
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.3rem;
    margin-bottom:.6rem;	
    color:#ffffff;
    background-color:#004884;
}
#headerText3 span{
	position: relative;
	left:4.4rem;
	top: 3.1rem;
    font-size:1.7rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-bottom:.13rem;
    color:#5BC4F1;	
    background-color:rgba(255,255,255,.9);
}

.contactModule{
	position:relative;
	margin-top:55%;
	left:32%;
    width: 5.3rem;
    height: 5.3rem;
    float:right;
}
.contact-module{
	display:inline-block;
	vertical-align:top;
	position:fixed;
	width:5.3rem;
	height:5.3rem;
	color:#fff;
	background:#a762a4;
	border-radius:50%;
	box-shadow:0 .3rem .82rem rgba(0,0,0,.1);
	text-align:center;
	font-size:.8rem;
	overflow:hidden;
	z-index:100;
}
.contact-module:hover{
	background-color:#894d87;
	cursor: pointer;
}
.sectionImageContact{
	width:2rem;
	height:1.8rem;		
}
.contactImage{
	position:relative;
	top:1.3rem;
}
.contactText{
	position:relative;
	top:1rem;
}
#textblocksContainer{
	position: relative;
	top: 6rem;
	height:68rem;
	background-color:#EDECE5;	
}
#advantagesContainer{
	position: relative;
	height: 31%;
	top:14rem;
	background-color:#EDECE5;	
	width:100%;
}
#bottomContainer{
	position: relative;
	height:26rem;
	top:16rem;	
}
#advantagesTextContainer{
	position: relative;
	height:100%;
	width:90%
}
#textblocksimagesContainer{
	position: relative;
	background-color:#ffffff;	
	top:10rem;
}

.textblocktitleDiv{
	position: relative;
	top:6.875rem;
	left:1.9rem;
	width:12.5rem;
	float: left;
}
#textblockDiv{
	position: relative;
	top:6.5rem;
	left:3rem;
	width:37.5rem;
	float: left;
	padding-right:1rem;
}
.textblockDiv{
	position: relative;
	top:.9rem;
	left:1.3rem;
	width:15.625rem;
	float: left;
	font-size:.9rem;
}
.textblockDivBold{
	position: relative;
	bottom:.3rem;
	color:#004884;
}
.textBlockIntro{
	position: relative;
    /* top: 1.8rem; */
    left:.5rem;
    transform:translate(0%,-50%);
    font-size:1.1rem;
    color:#009EE2;	
}
#textBlockContact{
	position: relative;
    top: 30%;
    left:22%;
    transform:translate(0%,-50%);
    font-size:.9rem;	
    color:#ffffff;
}
.textblockSvgSectionTitle{
	width:100%;
	height:6.5rem;
	position:relative;
	/* right:5rem; */
	background-color:#ffffff;
	
}
.textblockSvgSection{
	width:100%;
	height:16rem;
	padding-top:.6rem;
	position:relative;
	background-color:#EDECE5;
}
.textblockSvgSection.inverted {
	background-color:#ffffff;
}
.textBlockSection{
	position:relative;
	bottom:3rem;
	height:20rem;
	width:46%;
	float:left;
	margin-bottom:3%;
	margin-left:4%;
	/*border:1px solid brown;*/
	overflow:hidden;
	background-color:#ffffff;
}
.textBlockSection.inverted {
	float: right;
}

#Logo{
	height:9%;
	padding-left:1.9rem;
	padding-top: 1.3rem;
}
#LogoLinked{
	height:45%;
	padding-left:1.9rem;
	padding-top: .1rem;
}
#LogoLinkedIn{
	height:100%;
	width:100%;
}
#LogoYouTube{
	height:100%;
	width:100%;
}

.mainSection{
	width:100%;
	height:12.5rem;
	padding-top:.6rem;
	position:relative;
	/*border:1px solid red;*/
}
.advantagesSection{
	width:100%;
	height:1.6rem;
	padding-top:.6rem;
	position:relative;
	/*border:1px solid red;*/
}
.bottomTitleSection{
	width:34.375rem;
	height:1.6rem;
	padding-top:.6rem;
	position:relative;
	/*border:1px solid red;*/
}
.imageWrapper{
	height:100%;
	width:20%;
	/* border:1px solid black; */
	float:right;
}
.imageWrappertextBlockImages{
	position:relative;
	top:10%;
	width:100%;
	/*border:1px solid blue;*/
	height:10rem;
}
.buttonTextblockImages{
	position:relative;
	width:100%;
	/* border:1px solid red; */
	height:1.8rem;
	font-size:.9rem;	
	background-color:#009EE2;
	text-align:center;
}
.buttonTextLink{

}
td{
	width
}
.buttonTextLink:hover{
	color:#004884;
	cursor: pointer;
}
.buttonText{
	position:relative;
	top:.3rem;
	color:#ffffff;
}

.sectionImageBlock{
	position:relative;
	width:97%;
	height:100%;
}
.imageWrapperLeft{
	position: relative;
	top:20%;
	height:100%;
	width:20%;
	/*border:1px solid blue;*/
	float:left;
}
.sectionImage{
	position: relative;
    top: 50%;
    left:50%;
    transform:translate(-50%,-50%);
	height:65%;
}
.tableAdvantages{
		margin-left:9rem;
}
.sectionImageAdvantages{
	position: relative;
	/* right:.6rem; */
	height:1rem;
	padding-bottom:.6rem;
}
.productsheetSvg{
	position: relative;
	height:60%;
}
.advantagelistIconSvg{
	position: relative;
	height:13rem;
}
.sectionImageSvg{
	position: relative;
    top: 10%;
    left:55%;
    transform:translate(-50%,-50%);
	height:35%;
}
.textBlockWrapper{
	height:100%;
	width:70%;	
	/*border:1px solid brown;*/
	float:left;
	overflow:hidden;
	padding-left:.6rem;
}
.textBlockWrapperBottomTitle{
	height:100%;
	width:55%;	
	/*border:1px solid brown;*/
	float:left;
	overflow:hidden;
	padding-left:3rem;
}
.absoluteBlockImagesWrapper{
	position:relative;
	top:3rem;
	height:31.25rem;
	width:30%;
	float:left;
	padding:.8rem;
	/*border:1px solid brown;*/
	overflow:hidden;
}
.bottomSection1{
	position:relative;
	bottom:5rem;
	left:20rem;
	height:9.25rem;
	width:15rem;
	float:left;
	padding:.06rem;
	/*border:1px solid brown;*/
	overflow:hidden;
}
.bottomSection2{
	position:relative;
	bottom:5rem;
	right:0;
	height:9.25rem;
	width:15rem;
	float:right;
	padding:.06rem;
	/*border:1px solid brown;*/
	overflow:hidden;
	left: 8rem;
}
.bottomSectionAbsolute{
	position:relative;
	height:6rem;
	left:5rem;
}
.textBlockImagesWrapper{
	position:relative;
	height:1.25rem;
}

.textBottomWrapper{
	position:relative;
	top:1.3rem;
	text-align:center;
	height:3rem;
}
.imageBottomWrapper{
	position: relative;
	left:40%;
	top:.6rem;
	height:3rem;
	width:3rem;
}

.textBlockWrapperSvg{
	position:relative;
	right:2%;
	height:100%;
	width:80%;	
	/*border:1px solid brown;*/
	float:right;
	overflow:hidden;
}
.textBlockImagesTitleWrapperSvg{
	position:relative;
	/* top:3rem; */
	top:7rem;
	left:.9rem;
	height:100%;
	width:80%;	
	/*border:1px solid brown;*/
	float:left;
	overflow:hidden;
}
.advantagesTitleWrapper{
	position:relative;
	left:2rem;
	height:100%;
	width:80%;	
	/*border:1px solid brown;*/
	float:left;
	overflow:hidden;
}
.advantagesProductsheetWrapper{
	position:relative;
	/* left:2rem; */
	height:100%;
	width:100%;	
	/*border:1px solid brown;*/
	float:left;
	overflow:hidden;
}
.textBlockImagesTitle{
	position: relative;
    font-size:1.1rem;
    color:#004884;
    
	/*border:1px solid pink;*/
}
.textBlockImages{
	position: relative;
	top:3rem;
    font-size:.9rem;
    float:left;
	/*border:1px solid pink;*/
}

.textBlockBottomDark{
	position: relative;
	font-size:1rem;
    transform:translate(-50%,-50%);
    color:#004884;
	/*border:1px solid pink;*/
}
.textBlockBottomLight{
	position: relative;
	font-size:.8rem;
    color:#009EE2;
	/*border:1px solid pink;*/
}
.textBlocksvg{
	position: relative;
	top: 16%;
    transform:translate(0%,-50%);
    font-size:.9rem;
	/*border:1px solid pink;*/
}
.textBlocksvgTitle{
	position: relative;
    top: 10%;
    transform:translate(0%,-50%);
    font-size:1.1rem;
    color:#009EE2;
	/*border:1px solid pink;*/
}
.productsheetTitle{
	position: relative;
    top: 20%;
    /* left:6.375rem; */
    transform:translate(0%,-50%);
    font-size:1.1rem;
    color:#009EE2;
	/*border:1px solid pink;*/
}
.bottomTitle{
	position: relative;
    top: 20%;
    font-size:1.1rem;
    color:#009EE2;
    line-height: 1.1rem;
	/*border:1px solid pink;*/
}
.advantagesTitle{
	position: relative;
    top: 15%;
    left:15%;
    transform:translate(0%,-50%);
    font-size:1.1rem;
    color:#004884;
	/*border:1px solid pink;*/
}
.textBlock{
	position: relative;
    top: 35%;
    /* right:5.3rem; */
    transform:translate(0%,-50%);
    font-size:.9rem;
	/*border:1px solid pink;*/
}
.mainSection.inverted > .imageWrapper{
	float:left;
}
.mainSection.inverted > .textBlockWrapper{
	float:right;
	padding-left:0px;
	padding-right:.6rem;
}
.advantagesSection > .imageWrapper{
	position: relative;
	height:.7rem;
	width:.7rem;
	/* left:9.063rem; */
	float:left;
	color:#009EE2;
}
.advantagesSection > .textBlockWrapper{
	position: relative;
	width:37.5rem;
	float:right;
	padding-left:12.5rem;
}
.productsheetSvgImageWrapper{
	position: relative;
	height:2.3rem;
	width:2.3rem;
	top:.4rem;
	right:.85rem;
	/* bottom:2rem; */
	/* float:right; */
	color:#009EE2;
}
.advantagelistIconImageWrapper{
	position: relative;
	height:20%;
	width:20%;
	right:5%;
	bottom:15.625rem;
	float:right;
}
#seperatorLine{
	border:.06rem solid #009ee2;
}
#formArea{
	height:25rem;
	width:100%;
	margin:auto;
	margin-top:3rem;
}
#formImage{
	position: absolute;
	height: 4.063rem;
	margin-left:.06rem;
}
#formContainer{
	position:relative;
	height:100%;
	width:80%;
	margin:auto;
}
#enterFormButton{
	margin-top:.3rem;
}
#formWrapper{
	height:100%;
	}
.navButton{
	filter: invert(54%) sepia(100%) saturate(3632%) hue-rotate(169deg) brightness(96%) contrast(102%);
	height: 3rem;
}
.navButton:hover{
	filter: invert(30%) sepia(97%) saturate(6568%) hue-rotate(192deg) brightness(96%) contrast(101%);
	cursor:pointer;
}
.rightButton{
	filter: invert(85%) sepia(14%) saturate(0%) hue-rotate(135deg) brightness(92%) contrast(90%);
	height: 3rem;
}
.rightButton:hover{
	filter: invert(10%) sepia(90%) saturate(5038%) hue-rotate(357deg) brightness(89%) contrast(103%);;
	cursor:pointer;
}
.activeNavButton{
	filter: invert(54%) sepia(100%) saturate(3632%) hue-rotate(169deg) brightness(96%) contrast(102%);
	height: 3rem;
}
.activeNavButton:hover{
	filter: invert(30%) sepia(97%) saturate(6568%) hue-rotate(192deg) brightness(96%) contrast(101%);
	cursor:pointer;
}
#leftButtonContainer{
	display:inline-block;
	width:9%;
	height:100%;
}
#rightButtonContainer{
	display:inline-block;
	width:9%;
	height:100%;
}
.leftButton{
	position:absolute;
	left:.6rem;
	top:50%;
	transform:translateY(-50%);
}
.rightButton{
	position:absolute;
	top:50%;
	right:.6rem;
	transform:translateY(-50%);
}
#form{
	display:inline-block;
	top:5%;
	height:95%;
	width:80%;
}
.formTable{
	width:100%;
	border-spacing: .6rem;
	font-size:1.3rem;
	font-weight:300;
}
.formTable  tr{
	height:3rem;
}
/*.formTable  tr,.formTable  td{
border:1px solid black;
}*/
#formTable4{
	border-spacing: 0.13rem;
}
.fillWidthTd{
	white-space:nowrap;
}
.textInput{
	width:100%;
	height:1.9rem;
	font-size:1.1rem;
}
.postalcodeInput{
	width:95%;
}
.fileInput{
	  opacity: 0;
	  width: .006rem;
	  height: .006rem;
	  position: absolute;
}
.fileInputLabel{
	float:left;
	background-color: #009ee2;
	padding-left:.9rem;
	padding-right:.9rem;
	padding-top:.6rem;
	padding-bottom:.6rem;
	color:white;
	font-weight:normal;
	font-size:1rem;
	width:9.375rem;
}
.fileInputLabel:hover{
	background-color:#006EB7;
	cursor:pointer;
}
.filesize{
	width:5rem;
}
.filesize:hover{
	background-color: #009ee2;
	cursor:unset ;
}
.button{
	background-color: #009ee2;
	color: white;
	font-weight:700;
	font-size:1rem;
	width:12.5rem;
	height:3.75rem;
	border:none;
}
.clickable:hover{
	cursor: pointer;
}
.clickableText{

}
#completeOrderButtonContainer{
	position: absolute;
	display:inline-block;
	bottom: 1.3rem;
	right:1.3rem;
	/*float:right;*/
	height:4.563rem;
}
#completeOrderButton{
	margin-top:.6rem;
	margin-right:1.3rem;
	float: right;
}
#sendOrderButton{
	margin-top:.6rem;
	margin-right:1.3rem;
	float: right;
}
#captchaTable{
	margin-top:.6rem;
	margin-right:1.3rem;
	float: right;
	border-spacing: 0px;
}
#captchaImg{
	padding-top:.4rem;
}
#captchaForm{
	width:9.375rem;
	height:rem;
}
#captchaRegenerate{
	font-family: "Open Sans";
	font-size: .6rem;
	height:.9rem;
	float:right;
	position:absolute;
	margin-top:0;
	padding:0;
	bottom:0;
	right:0;
	transform:translatex(-70%);
}
#captchaRegenerateTD{
	height:.6rem;
	padding:0;
}
.sharedCustomersText{
	font-size:1.1rem;
}
.removeSharedCustomerButton{
	height:1.375rem;
	float:right;
	filter: invert(49%) sepia(77%) saturate(2048%) hue-rotate(317deg) brightness(90%) contrast(95%);
}
.addCustomerButtonTD{
	text-align: center;
}
.addSharedCustomerButton{
	height:1.375rem;
	display:inline-block;
}
#footerContainer{
	width:100%;
	height:3.75rem;
	background-color: #4C4C4C;
	display:flex;
	justify-content: center;
	align-items: center;
} 


.footerLink
{
	text-decoration: none;
	font-size:.6rem;
	color: #ffffff;
}
.footerFollowUs
{
	text-decoration: none;
	font-size:.6rem;
	color: #ffffff;
}
td {
    padding: 0 .625rem;
}
.footerLink:hover
{
	cursor: pointer;
	text-decoration-line: underline;
}
.footerLinkContainer
{
	position:relative;
	margin:.6rem;
	bottom:.3rem;
	left:.3rem;
}
.footerLinkContainerDiv
{
	position:relative;
	bottom:3rem;
	width: 25%;
	float: right;
	display:flex;
	justify-content:center;
	align-items:center;
}

.footerLinkContainerFollow
{
	position:relative;
	right:5%;
	/* left:10%; */
	/* top:.9rem; */
	/* border:1px solid black; */
}

/* @media screen and (max-width: 1700px) {
	#headerBackground {
  	position: absolute;
  	height: 110%;
  	width: 100%;
  	right: 20%;
	}
	#headerContainer {
  	position: relative;
  	height: 43rem;
  	padding-bottom: 5rem;
	}
	#headerTextblock {
  	position: relative;
  	bottom: 30%;
  	right: 28%;
  	width: 110%;
	}
	#headerText1 span{
	position: relative;
	left:4.4rem;
    font-size:2.5rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.19rem;
    margin-bottom:.06rem;	
    color:#ffffff;
    background-color: #009EE2;
	}
	#headerText2 span{
	position: relative;
	left:4.4rem;
	top: .6rem;
    font-size:2.5rem;	
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.3rem;
    margin-bottom:.6rem;	
    color:#ffffff;
    background-color:#004884;
	}
	#headerText3 span{
	position: relative;
	left:4.4rem;
	top: 3.1rem;
    font-size:1.7rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-bottom:.13rem;
    color:#5BC4F1;	
    background-color:rgba(255,255,255,.9);
	}
	.headerImageLinkedInDiv {
  	position: relative;
	height: 10%;
	width: 30%;
	left: 100%;
	}
	.textblockssvgContainer {
  	position: relative;
  	top: .1rem; 
	}
	.textblockSvgSection {
  	width: 100%;
  	height: 16.5rem;
  	padding-top: .6rem;
  	position: relative;
  	background-color: #EDECE5;
	}
	.sectionImageSvg {
  	position: relative;
  	top: 10%;
  	left: 50%;
  	transform: translate(-50%,-50%);
  	height: 30%;
	}
	#textblocksContainer {
  	position: relative;
  	top: 6rem;
  	height: 75rem;
  	background-color: #EDECE5;
	}
	.textblocktitleDiv {
  	position: relative;
  	top: 5rem;
  	left: 1.9rem;
  	width: 12.5rem;
  	float: left;
	}
	.textBlockIntro {
  	position: relative;
  	top: 1.8rem;
  	left: .5rem;
  	transform: translate(0%,-50%);
  	font-size: 1.1rem;
  	color: #009EE2;
	}
	#textblockDiv {
  	position: relative;
  	top: 7.5rem;
  	left: 3rem;
  	width: 37.5rem;
  	float: left;
  	padding-right: 1rem;
	}
	.tableAdvantages{
		margin-left:5.7rem;
	}
	.textBlock {
  	position: relative;
  	top: 35%;
  	right: .1rem;
  	transform: translate(0%,-50%);
  	font-size: .8rem;
  	border: 1px solid pink;
	}
	.advantagelistIconImageWrapper {
  	position: relative;
  	height: 20%;
  	width: 20%;
  	bottom: 14rem;
	float: right;
	left: 7%;
	}
	.productsheetTitle {
  	position: relative;
  	top: 20%;
  	left: 6.375rem;
  	transform: translate(0%,-50%);
  	font-size: .9rem;
  	color: #009EE2;
 	border: 1px solid pink;
	}
	#bottomContainer {
  	position: relative;
  	height: 25rem;
  	top: 7.5rem;
	}
	.bottomTitleSection{
	width:34.375rem;
	height:1.9rem;
	padding-top:.6rem;
	position:relative;
	border:1px solid red;
	}
	.bottomSection2 {
  	position: relative;
  	bottom: 5rem;
  	right: 2rem;
  	height: 9.25rem;
  	width: 15rem;
  	float: right;
  	padding: .06rem;
  	border: 1px solid brown;
  	overflow: hidden;
  	top: 3.5rem;
	}

} */
/* @media only screen and (max-width: 1600px) {
	.bottomSection2 {
  	position: relative;
  	bottom: 5rem;
  	right: .1rem;
  	height: 9.25rem;
  	width: 15rem;
  	float: right;
  	padding: .06rem;
  	border: 1px solid brown;
  	overflow: hidden;
  	top: 3.5rem;
  	left: 4%;
} 
}*/
/*@media only screen and (max-width: 1400px) {
	#headerBackground {
  	position: absolute;
  	height: 110%;
  	width: 100%;
  	right: 20%;
	}
	#headerContainer {
  	position: relative;
  	height: 43rem;
  	padding-bottom: 5rem;
	}
	#headerTextblock {
  	position: relative;
  	bottom: 30%;
  	right: 28%;
  	width: 110%;
	}
	#headerText1 span{
	position: relative;
	left:4.4rem;
    font-size:2.5rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.19rem;
    margin-bottom:.06rem;	
    color:#ffffff;
    background-color: #009EE2;
	}
	#headerText2 span{
	position: relative;
	left:4.4rem;
	top: .6rem;
    font-size:2.5rem;	
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.3rem;
    margin-bottom:.6rem;	
    color:#ffffff;
    background-color:#004884;
	}
	#headerText3 span{
	position: relative;
	left:4.4rem;
	top: 3.1rem;
    font-size:1.7rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-bottom:.13rem;
    color:#5BC4F1;	
    background-color:rgba(255,255,255,.9);
	}
	.headerImageLinkedInDiv {
  	position: relative;
	height: 10%;
	width: 30%;
	left: 100%;
	}
	.textblockssvgContainer {
  	position: relative;
  	top: .1rem; 
	}
	.textblockSvgSection {
  	width: 100%;
  	height: 16.5rem;
  	padding-top: .6rem;
  	position: relative;
  	background-color: #EDECE5;
	}
	.sectionImageSvg {
  	position: relative;
  	top: 10%;
  	left: 50%;
  	transform: translate(-50%,-50%);
  	height: 30%;
	}
	#textblocksContainer {
  	position: relative;
  	top: 1rem;
  	height: 75rem;
  	background-color: #EDECE5;
	}
	.textblocktitleDiv {
  	position: relative;
  	top: 5rem;
  	left: 1.9rem;
  	width: 12.5rem;
  	float: left;
	}
	.textBlockIntro {
  	position: relative;
  	top: 1.8rem;
  	left: .5rem;
  	transform: translate(0%,-50%);
  	font-size: 1.1rem;
  	color: #009EE2;
	}
	#textblockDiv {
  	position: relative;
  	top: 7.5rem;
  	left: 3rem;
  	width: 37.5rem;
  	float: left;
  	padding-right: 1rem;
	}
	.tableAdvantages{
		margin-left:5.7rem;
	}
	.textBlock {
  	position: relative;
  	top: 35%;
  	right: 5.3rem;
  	transform: translate(0%,-50%);
  	font-size: .8rem;
  	border: 1px solid pink;
	}
	.advantagelistIconImageWrapper {
  	position: relative;
  	height: 20%;
  	width: 20%;
  	bottom: 14rem;
	float: right;
	left: 7%;
	}
	.productsheetTitle {
  	position: relative;
  	top: 20%;
  	left: 6.375rem;
  	transform: translate(0%,-50%);
  	font-size: .9rem;
  	color: #009EE2;
 	border: 1px solid pink;
	}
	#bottomContainer {
  	position: relative;
  	height: 25rem;
  	top: 7.5rem;
	}
	.bottomTitleSection{
	width:34.375rem;
	height:1.9rem;
	padding-top:.6rem;
	position:relative;
	border:1px solid red;
	}
	.bottomSection2 {
  	position: relative;
  	bottom: 5rem;
  	right: 2rem;
  	height: 9.25rem;
  	width: 15rem;
  	float: right;
  	padding: .06rem;
  	border: 1px solid brown;
  	overflow: hidden;
  	top: 3.5rem;
	}

} */
@media screen and (max-width: 3000px) and (min-width: 2000px)  {
	.textblockssvgContainer {
  	position: relative;
  	top: 40rem; 
	}	
	#textblocksContainer {
	  position: relative;
	  top: 40rem;
	  height: 75rem;
	  background-color: #EDECE5;
	}
	.textblocksimagesTitleContainer {
  position: relative;
  top: 5rem;
  height: 4.063rem;
}
.textBlockImagesTitleWrapperSvg {
  position: relative;
  top: 35rem;
  left: .9rem;
  height: 100%;
  width: 80%;
  /* border: 1px solid brown; */
  float: left;
  overflow: hidden;
}
#textblocksimagesContainer {
  position: relative;
  background-color: #ffffff;
  top: 40rem;
}
#advantagesContainer {
  position: relative;
  height: 31%;
  top: 42rem;
  background-color: #EDECE5;
  width: 100%;
}
#bottomContainer {
  position: relative;
  height: 10rem;
  top: 45rem;
  
}
#footerContainer {
  width: 100%;
  height: 3.75rem;
  background-color: #4C4C4C;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 43rem;
}
.footerLinkContainerDiv {
  position: relative;
  bottom: 3rem;
  width: 25%;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 39.5rem;
}
}
@media screen and (max-width: 1650px) and (min-width: 1400px)  {
	#headerText1 span{
	position: relative;
	left:4.4rem;
    font-size:2.5rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.19rem;
    margin-bottom:.06rem;	
    color:#ffffff;
    background-color: #009EE2;
	}
	#headerText2 span{
	position: relative;
	left:4.4rem;
	top: .6rem;
    font-size:2.5rem;	
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.3rem;
    margin-bottom:.6rem;	
    color:#ffffff;
    background-color:#004884;
	}
	.textblockssvgContainer {
  	position: relative;
  	top: 6rem;
	}
}
 @media screen and (max-width: 1650px) and (min-width: 1501px)  {
	#textblocksContainer {
	  position: relative;
	  top: 6rem;
	  height: 75rem;
	  background-color: #EDECE5;
	}
	#textblockDiv{
	width:34rem;
	}
	.textblockDiv {
	  position: relative;
	  top: .9rem;
	  left: .8rem;
	  width: 14.7rem;
	  float: left;
  	font-size: .9rem;
	}
	.textBlockSection {
	  position: relative;
	  bottom: 3rem;
	  height: 22rem;
	  width: 46%;
	  float: left;
	  margin-bottom: 3%;
	  margin-left: 4%;
	 /*  border: 1px solid brown; */
	  overflow: hidden;
	  background-color: #ffffff;
	}
	.bottomSection1 {
	  width: 10rem;
	}
}  
@media screen and (max-width: 1700px) and (min-width: 1501px)  {
	.headerImageLinkedInDiv {
	  position: relative;
	  height: 10%;
	  width: 30%;
	  left: 110%;
	  bottom: 100%;
	}	
	.advantagelistIconImageWrapper {
	  position: relative;
	  height: 20%;
	  width: 20%;
	  right: 0;
	  bottom: 15.625rem;
	  float: right;
	}
	.advantagelistIconSvg{
	position: relative;
	height:12rem;
	}
} 
@media screen and (max-width: 1500px) and (min-width: 300px)  {
	#mainContainer{
	width:100%;
	}
	.mainSection{
		margin-bottom:.6rem;
	}
	.textBlockWrapper{
		position: absolute;
		width:99%;
		padding:0px;
		margin:0px;
	}
	
	.textBlock{
		text-align: left;
		padding-left:.6rem;
		padding-right:.6rem;
}
	.imageWrapper{
		position: absolute;
		width:99%;
	}
	.imageWrapperImageBlock{
		position: absolute;
		width:99%;
	}
	.imageWrapperLeft{
		position: absolute;
		width:99%;
	}
	.sectionImage{
		opacity:0.3;
		height:7.813rem;
	}
	.sectionImageBottom{
		position: relative;
		height:100%;
	}
	.sectionImageBlock{
		padding:0;
		margin:0;
	}
	.sectionImageSvg{
		opacity:0.3;
		height:6rem;
	}
	.redBorder{
		border: .06rem solid red;
	}
	.contactModule{
	display:none;
	position:relative;
	margin-top:15%;
	right:32%; 
    width: 5.3rem;
    height: 5.3rem;
    float:right;
	}
	.contact-module{
	display:inline-block;
	display:none;
	vertical-align:top;
	position:fixed;
	width:5.3rem;
	height:5.3rem;
	color:#fff;
	background:#a762a4;
	border-radius:50%;
	box-shadow:0 .3rem .82rem rgba(0,0,0,.1);
	text-align:center;
	font-size:.8rem;
	overflow:hidden;
	z-index:100;
	}
	
	#headerBackground{
	  height: 25%;
  	  width: 100%;
      right: .1%;
    }
	
	.headerBackground{
  	position: relative;
  	width:100%;
	height: 30em;
	padding-bottom:10%;
	}
	#headerContainer{
	position: relative;
	height: 36rem;
	padding-bottom:.1rem;
	width: 100%;
	}
	.headerImageDiv{
	position: relative;
	height:60%;
	width:100%;
	right:.1%;
	}
	#headerTextblock{
	position: relative;
	bottom: 35%;
	right: .1%;
	}
	#headerText1 span{
	position: relative;
	left:2rem;
    font-size:3rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.19rem;
    margin-bottom:.06rem;	
    color:#ffffff;
    background-color: #009EE2;
	}
	#headerText2 span{
	position: relative;
	left:2rem;
	top: .6rem;
    font-size:3rem;	
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.3rem;
    margin-bottom:.6rem;	
    color:#ffffff;
    background-color:#004884;
	}
	#headerText3 span{
	position: relative;
	left:2rem;
	top: 3.1rem;
    font-size:1.7rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-bottom:.13rem;
    color:#5BC4F1;	
    background-color:rgba(255,255,255,.9);
	}
	.headerImageLinkedInDiv{
	position: relative;
	height:10%;
	width: 25%;
	left: 75%;
	bottom: 98%;
	/* display:none; */
	}
	#LogoLinked{
	height: 60%;
	padding-left: 4rem;
	padding-top: 1.2rem;
	}
	#languageSelectorContainer{
	position: absolute;
    bottom: .1%;
    left: 70%;
    transform: translate(-70%,-30%);
	width:auto;
	height:auto;
	z-index: 10;
		/* display:none; */
	}
	#languageSelectorList{
	display:inline;
	position:relative;
	white-space: nowrap;
	list-style-type: none;
	padding-right:.3rem;
	}
	#languageSelectorList li{
	display:inline;
	}
	.languageSelector{
	background:none;
	border:none;
	color:#ffffff;
	font-weight: 700;
	font-size:1rem;
}
	.textblockssvgContainer{
	position: relative;
	top:.1rem;
	}
	.textblockSvgSectionTitle{
	width:100%;
	height:8rem;
	position:relative;
	right:0;
	background-color:#ffffff;
	}
	/* .textBlockWrapperSvg{
	position:relative;
	right:7%; 
	height:100%;
	width:80%;	
	border:1px solid brown;
	float:right;
	overflow:hidden;
	} */
	.textBlockWrapperSvg{
		right:4%;
		position: relative;
		width:90%;
		padding:0px;
		margin:0px;
	}
	.textblockSvgSection{
	width:100%;
	height:13.75rem;
	padding-top:.6rem;
	position:relative;
	background-color:#EDECE5;
	}
	.textblockSvgSection.inverted {
	background-color:#ffffff;
	}
	#textblocksContainer{
	position: relative;
	top: 6rem;
	height:75rem;
	background-color:#EDECE5;	
}
	.textBlockSection{
	position:relative;
	bottom:3rem;
	height: 22rem;
	width:46%;
	}
	/* float:left;
	margin-bottom:3%;
	margin-left:4%;
	border:1px solid brown;
	overflow:hidden;
	background-color:#ffffff; */
	/* } */
	.textBlockSection.inverted {
	float: right;
	}
	.textBlocksvg{
	position: relative;
	top: 25%;
	transform:translate(0%,-50%);
    font-size:.9rem;
	/* border:1px solid pink; */
	}
	.bottomSectionAbsolute{
	position:relative;
	height:6rem;
	left:5rem;
	width: 90%;
	}
	.bottomSection2 {
	position:relative;
	bottom:5rem;
	/* left:2rem; */
	height:9.25rem;
	width:15rem;
	float:right;
	padding:.06rem;
	/*border:1px solid brown;*/
	overflow:hidden;
	}
	.textblockDiv span{
	padding-right:1rem;
	}
} 
/* @media only screen and (max-width: 850px) {
  For mobile phones:
  	#mainContainer{
	width:100%;
	margin:auto;
	}
  	.contact-module{
	display:inline-block;
	vertical-align:top;
	position:fixed;
	width:5.3rem;
	height:5.3rem;
	color:#fff;
	background:#a762a4;
	border-radius:50%;
	box-shadow:0 .3rem .82rem rgba(0,0,0,.1);
	text-align:center;
	font-size:.8rem;
	overflow:hidden;
	z-index:100;
	}
	.contactModule{
	position:relative;
	margin-top:55%;
	left:32%;
    width: 5.3rem;
    height: 5.3rem;
    float:right;
	}
	#headerBackground{
	position: absolute;
	height:60%;
	width:100%;
	right:20%;
	}
	.headerBackground{
  	position: relative;
  	width:100%;
	height:50%;
	padding-bottom:10%;
	}
	#headerContainer{
	position: relative;
	height:44.375rem;
	padding-bottom:5rem;
	}
	.headerImageDiv{
	position: relative;
	height:70%;
	width:100%;
	right:40%;
	}
	#headerTextblock{
	position: relative;
	bottom:20%;
	right:28%
	}
	#headerText1 span{
	position: relative;
	left:4.4rem;
    font-size:3rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.19rem;
    margin-bottom:.06rem;	
    color:#ffffff;
    background-color: #009EE2;
	}
	#headerText2 span{
	position: relative;
	left:4.4rem;
	top: .6rem;
    font-size:3rem;	
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-top:.3rem;
    margin-bottom:.6rem;	
    color:#ffffff;
    background-color:#004884;
	}
	#headerText3 span{
	position: relative;
	left:4.4rem;
	top: 3.1rem;
    font-size:1.7rem;
    padding-left:.6rem;	
    padding-right:.6rem;	
    padding-bottom:.13rem;
    color:#5BC4F1;	
    background-color:rgba(255,255,255,.9);
	}
	
	
	.headerImageLinkedInDiv{
	position: relative;
	height:30%;
	width:30%;
	left:110%;
	bottom:89.1%;
	}
	
	#languageSelectorContainer{
	position: absolute;
    bottom: 90%;
    left:130%;
    transform:translate(-100%,-100%);
	width:auto;
	height:auto;
	z-index: 10;
	}
	#languageSelectorList{
	display:inline;
	position:relative;
	white-space: nowrap;
	list-style-type: none;
	padding-right:.3rem;
	}
	#languageSelectorList li{
	display:inline;
	}
	.textblockssvgContainer{
	position: relative;
	top:7rem;
	}
	
} */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic.woff2') format('woff2'),
        url('fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.woff2') format('woff2'),
        url('fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}