.imageHeaderBlock { background-image : url('/upload/products/landings/UPS_import_substitution/top.png'); background-position: center right; background-repeat: no-repeat;   max-height: none; position: relative;  background-size: 100% auto; max-width: 2000px; padding-top: 0px; padding-bottom: 0px;}
	.pageBodyVender .imageHeaderBlock { background-image:none;   padding-top: 0px; padding-bottom: 0px; }
	.imageHeaderBlock .imageHeaderImage { margin-bottom: 10%; }
	.imageHeaderBlock blockquote p.textSupBig { color: #005BAA;  }
	.imgHeaderImg { position: absolute; right: -5%; top: 15%; height: 70%; width: auto;}
	

	.pageBody .imageHeaderBlock blockquote { top: 200px;}
	.pageBodyVender .imageHeaderBlock blockquote { top: 200px;}
	.pageBodyVender.pageBodyCyber  .imageHeaderBlock blockquote { top: 150px;}
	.pageBodyVender .imageHeaderBlock .logoImageHeaderBlock {  display: block; width: 40%; height: auto; margin-bottom: 40px;  }
	.pageBodyVender .imageHeaderBlock h1 { font-weight: 800; font-size: 70px; color: #FFF;}
	.pageBody .imageHeaderBlock h1 { color: #FFF;}
	
	.pageBodyVender h2 { color: #252525; text-align: left;}
	
	.pageBody .buttonBlock h2 { font-size: 40px; }


.pageBody .iconBox { background: #F8F8F8; padding: 0 0 0 0;  }

.pageBody .iconBox .iconBoxWas { background: #D9D9D9; border-radius: inherit; padding: 20px 20px 10px 20px; float: left; width: 35%; height: 290px;}
.pageBody .iconBox .iconBoxWas img { width: 70%; height: auto; display: block; margin-bottom: 15px;}
.pageBody .iconBox .iconBoxWas p { font-size: 18px; color: #252525; }
.pageBody .iconBox p.iconBoxWasP { margin: 0 0 30px -20px; color: #FFFFFF; font-weight: 700; font-size: 20px; padding: 12px 20px 12px 20px; background: #A1A1A1; border-radius: 0px 20px 20px 0; display: inline-block;}

.pageBody .iconBox .iconBoxReplacement {margin-left: 40%; text-align: right; }
.pageBody .iconBox .iconBoxReplacement img { width: 100%; height: auto; display: block; margin-bottom: 20px;}
.pageBody .iconBox .iconBoxReplacement p { font-size: 18px; color: #252525; text-align: right; margin: 0px 20px 30px 0; }
.pageBody .iconBox .iconBoxReplacement img.logoCP { width: 50%; height: auto; display: inline-block; margin: 20px 20px 10px 0; }
.pageBody .iconBox.iconBoxV .iconBoxReplacement {margin-left: 40%; padding-right: 20%;  text-align: left; }
.pageBody .iconBox.iconBoxV .iconBoxReplacement img.logoCP { width: 75%; height: auto; display: inline-block; margin: 20px 20px 10px 0; }
.pageBody .iconBox.iconBoxV .iconBoxReplacement p { text-align:left; }

.pageBody .iconBox  a.buttonProductOrder {  display: inline-block; padding: 12px 20px 12px 20px;  margin: 0px 20px 0px 0;  background: #F37428; border-radius: 20px; font-weight: 700; font-size: 20px; color: #FFFFFF; width: 210px; text-align: center;}
.pageBody .iconBox  a.buttonProductOrder:hover { background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), #F37428;border: none; color: #fff;  } 


/* --- Mobile portrait --- (col-mp) */
	@media only screen and (min-width: 0px) and (max-width: 480px) {
	
	.pageBody .imageHeaderBlock { background-size: 90% auto; }
	.pageBody .imageHeaderBlock h1 { color: #FFF; font-size: 20px; margin-bottom: 20px; }
	.pageBodyVender .imageHeaderBlock blockquote { top: 80px;}
	.pageBody .imageHeaderBlock blockquote { top: 50px;}
	.pageBodyVender.pageBodyCyber  .imageHeaderBlock blockquote { top: 40px;}
	
	.pageBody .buttonBlock h2 { font-size: 12px; }
	.pageBody .iconBox  a.buttonProductOrder { padding: 8px 12px 8px 12px; font-size: 10px; border-radius: 12px;  width: 120px;}
	.pageBody .iconBox .iconBoxWas { padding: 12px 12px 6px 12px; height: 210px;}
	.pageBody .iconBox .iconBoxWas p { font-size: 10px;  }
	.pageBody .iconBox p.iconBoxWasP { margin: 0 0 12px -12px; font-size: 10px; padding: 6px 12px 6px 12px;border-radius: 0px 12px 12px 0; }
	.pageBody .iconBox .iconBoxReplacement p { font-size: 10px; margin: 0px 12px 12px 0; }		

		
	}	
	
/* --- Mobile landscape --- (col-ml) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.pageBody .imageHeaderBlock { background-size: 70% auto; }
	.pageBody .imageHeaderBlock h1 { color: #FFF; font-size: 30px; margin-bottom: 35px; }
	.pageBody .imageHeaderBlock blockquote { top: 70px;}
	.pageBodyVender .imageHeaderBlock blockquote { top: 100px;}
	.pageBodyVender .imageHeaderBlock .logoImageHeaderBlock { margin-bottom: 20px; }
	.pageBodyVender.pageBodyCyber  .imageHeaderBlock blockquote { top: 50px;}
	
	.pageBody .buttonBlock h2 { font-size: 16px; }
	.pageBody .iconBox  a.buttonProductOrder { padding: 8px 12px 8px 12px; font-size: 12px; border-radius: 14px; width: 150px;}
	.pageBody .iconBox .iconBoxWas { padding: 16px 16px 10px 16px; height: 240px;}
	.pageBody .iconBox .iconBoxWas p { font-size: 12px;  }
	.pageBody .iconBox p.iconBoxWasP { margin: 0 0 16px -16px; font-size: 12px; padding: 8px 16px 8px 16px;border-radius: 0px 16px 16px 0; }
	.pageBody .iconBox .iconBoxReplacement p { font-size: 12px; margin: 0px 16px 16px 0; }

	}
	
/* --- Small tablet portrait --- (col-st) */
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		
	.pageBody .imageHeaderBlock { background-size: 90% auto; }
	.pageBody .imageHeaderBlock h1 { color: #FFF; font-size: 45px; margin-bottom: 40px; }
	.pageBody .imageHeaderBlock blockquote { top: 100px;}
	.pageBodyVender .imageHeaderBlock blockquote { top: 130px;}
	.pageBodyVender .imageHeaderBlock .logoImageHeaderBlock { margin-bottom: 30px; }
	.pageBodyVender.pageBodyCyber  .imageHeaderBlock blockquote { top: 80px;}
		
	.pageBody .buttonBlock h2 { font-size: 28px; }
	.pageBody .iconBox  a.buttonProductOrder { padding: 8px 12px 8px 12px; font-size: 12px; border-radius: 16px; width: 140px;}
	.pageBody .iconBox .iconBoxWas { padding: 16px 16px 10px 16px; height: 220px;}
	.pageBody .iconBox .iconBoxWas p { font-size: 12px;  }
	.pageBody .iconBox p.iconBoxWasP { margin: 0 0 16px -16px; font-size: 12px; padding: 8px 16px 8px 16px;border-radius: 0px 16px 16px 0; }
	.pageBody .iconBox .iconBoxReplacement p { font-size: 12px; margin: 0px 16px 16px 0; }

	}	

/* --- Tablet portrait --- (col-tp) */
	@media only screen and (min-width: 991px) and (max-width: 1241px) {
	.pageBody .imageHeaderBlock { background-size: 80% auto; }
	.pageBody .imageHeaderBlock h1 { color: #FFF; font-size: 50px; margin-bottom: 50px; }
	.pageBody .imageHeaderBlock blockquote { top: 120px;}
	.pageBodyVender .imageHeaderBlock blockquote { top: 175px;}
	.pageBodyVender.pageBodyCyber  .imageHeaderBlock blockquote { top: 100px;}	
		
		
		
	.pageBody .buttonBlock h2 { font-size: 34px; }
	.pageBody .iconBox  a.buttonProductOrder { padding: 8px 16px 8px 16px; font-size: 16px; border-radius: 16px;  width: 180px;}
	.pageBody .iconBox .iconBoxWas { padding: 20px 20px 10px 20px; height: 250px;}
	.pageBody .iconBox .iconBoxWas p { font-size: 14px;  }
	.pageBody .iconBox p.iconBoxWasP { margin: 0 0 20px -20px; font-size: 14px; padding: 10px 20px 10px 20px;border-radius: 0px 16px 16px 0; }
	.pageBody .iconBox .iconBoxReplacement p { font-size: 14px; margin: 0px 20px 20px 0; }

	}