.imageHeaderBlock { background-image : url('/upload/products/landings/system_integration/software_solutions/top.jpg'); background-position: top center; background-repeat: no-repeat;   max-height: none; position: relative;  background-size: 100%  auto; max-width: 2000px; padding-top: 0px; padding-bottom: 0px;}

.pageBody .imageHeaderBlock blockquote  h1 { color: #FFFFFF; }
.imageHeaderBlock blockquote{right: 20px; width: auto;}

.pageBody h2 { text-align: center; font-size: 34px;}
.pageBody .bgBlue { background: #005BAA; padding: 40px 40px 40px 40px; border-radius: 30px; width: 100%; }
	.pageBody .bgBlue a.link_request_form:link,  .pageBody .bgBlue a.link_request_form { width: 80%; margin: 0 10% 0 10%; }
	
.pageBody .bgOrangee { padding: 40px 40px 40px 40px; border-radius: 30px; width: 100%; background-image : url('/upload/products/landings/system_integration/software_solutions/b2b_bg.png'); background-position: bottom right; background-repeat: no-repeat;   background-size: auto 45% }	
	.pageBody .bgOrangee p { margin-top: 50px; }
	.pageBody .bgOrangee a:link, .pageBody .bgOrangee a { color: #FFFFFF; text-decoration: underline;}
	.pageBody .bgOrangee a:hover { color: #FFFFFF; text-decoration: none;}
	.pageBody .bgOrangee a.linkB2b:link, .pageBody .bgOrangee a.linkB2b { display: block; float: left; background: #FFFFFF; color: #F37428;  padding: 12px 20px 12px 20px; line-height: 1; text-decoration: none; font-size: 24px; font-weight: 500; margin-right: 20px; margin-bottom: 20px; border-radius: 10px;}	
	.pageBody .bgOrangee a.linkB2b:hover {  text-decoration: underline;}	

.pageBody .iconBox { background: #F9F9F9; border: none; position: relative; height: 240px; }
.pageBody .iconBox.iconBoxTwo { height: 270px; }
	.pageBody .iconBox.iconBoxBlue { background: #D4ECFF; }
	.pageBody .iconBox.iconBoxW { background: #FFFFFF; height: auto; }
	.pageBody a.iconBox.iconBoxW:hover { background: linear-gradient(90deg, #1B4790 -0.03%, #1A7BBF 100.02%); }
	.pageBody .iconBox.iconBoxNo { background: none; height: auto; }
	.pageBody .iconBox blockquote  {  background: #F9F9F9; padding-bottom: 0px; }
	.pageBody .iconBox.iconBoxBlue blockquote  {  background: #D4ECFF; }
	.pageBody .iconBox.iconBoxW blockquote  {  background: #FFFFFF; height: auto; }
	.pageBody .iconBox.iconBoxNo blockquote  {  background: none; padding-left: 0px; padding-right: 0px; height: auto; }
	.pageBody .iconBox blockquote  h3 { color: #005BAA;  font-weight: 700; font-size: 22px; margin-bottom: 40px; line-height: 1.2; }
	.pageBody .iconBox blockquote  ul li, .pageBody .iconBox blockquote  p  {  color: #005BAA; font-weight: 500; font-size: 18px; margin-bottom: 10px;	}
	.pageBody .iconBox .icon_iconBox  { position: absolute; bottom:  20px; right: 20px;}
	 
	.pageBody .iconBox.iconBoxIconTop {  height: 280px;  }
	.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { position: absolute; top:  20px; bottom: auto;  right: 20px;}
	
	.pageBody .iconBox p.linkAll { font-size: 28px; text-align: center; padding: 50px 0 50px 0; margin-bottom: 0px; line-height: 1; }
	.pageBody .iconBox p.linkAll a, .pageBody .iconBox p.linkAll a:link { color: #1B4790; font-weight: 700; display: inline-block; padding: 0px 100px 0px 0px; background-image : url('/upload/products/landings/system_integration/software_solutions/arrow.svg'); background-position: right center; background-repeat: no-repeat; text-decoration: underline;  }
	.pageBody .iconBox p.linkAll a:hover { text-decoration: none;  }

.pageBody .buttonBlock { padding-top: 30px;}	
	.pageBody .buttonBlock a.link_request_form:link, .pageBody .buttonBlock  a.link_request_form {   margin-bottom: 0px; }	

.pageBody a.link_request_form{display: inline-block; margin-right: 15px;}
.pageBody a.link_request_form.mail-software{  white-space: nowrap; }


.pageBody a.link_request_form{}




@media only screen and (min-width: 1240px) and (max-width: 1500px) {	
	.imageHeaderBlock { background-size: 130%  auto; }
}
	 
	/* --- Tablet portrait --- (col-tp) */
@media only screen and (min-width: 992px) and (max-width: 1240px) {

	.imageHeaderBlock { background-size: 130%  auto; }
	.pageBody .bgOrangee { padding: 30px 30px 30px 30px;  }	
	.pageBody .bgOrangee a.linkB2b:link, .pageBody .bgOrangee a.linkB2b {  padding: 10px 16px 10px 16px; font-size: 18px; font-weight: 500; margin-right: 16px; margin-bottom: 16px; border-radius: 10px;}	
	.pageBody .bgOrangee p { margin-top: 40px; }
	
	.pageBody .iconBox { height: 180px; }
	.pageBody .iconBox.iconBoxTwo { height: 210px; }
	
	.pageBody .iconBox .icon_iconBox  { bottom:  15px; right: 15px; width: 50px; height: auto; }
	.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { top:  15px; bottom: auto;  right: 15px;}
	
	.imageHeaderBlock { background-size: 130% auto; }
	.pageBody h2 {  font-size: 30px;}	
	
	.pageBody .buttonBlock { padding-top: 30px;}
	
	.pageBody .iconBox blockquote  h3 {  font-size: 18px; margin-bottom: 30px; }
	.pageBody .iconBox blockquote  p  {  font-size: 16px; margin-bottom: 10px;	}
	.pageBody .iconBox blockquote  ul li {  margin-bottom: 0px;	font-size: 16px; }
	
	.pageBody .iconBox p.linkAll { font-size: 24px; padding: 40px 0 40px 0;   }
	.pageBody .iconBox p.linkAll a { padding-right: 40px;  }
}

/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 767px) and (max-width: 992px) {
		.imageHeaderBlock { background-size: 130% auto; }
		
		.pageBody .bgOrangee { padding: 24px 24px 24px 24px; }	
		.pageBody .bgOrangee a.linkB2b:link, .pageBody .bgOrangee a.linkB2b {  padding: 8px 12px 8px 12px; font-size: 14px; font-weight: 500; margin-right: 12px; margin-bottom: 12px; border-radius: 8px;}	
		.pageBody .bgOrangee p { margin-top: 30px; }
		
		.pageBody .iconBox { height: 210px;  }
		.pageBody .iconBox.iconBoxTwo { height: 230px; }
		.pageBody .iconBox .icon_iconBox  { bottom: 15px; right: 15px; width: 50px; height: auto; }
		.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { top: auto; bottom: 15px;  right: 15px;}
		.pageBody h2 { font-size: 26px; margin-bottom: 50px;}	
		.pageBody .iconBox blockquote  h3 {  font-size: 18px; margin-bottom: 20px; }
		.pageBody .iconBox blockquote  ul, .pageBody .iconBox blockquote  p  {  font-size: 16px; margin-bottom: 10px;	}
		.pageBody .iconBox blockquote  ul li {  margin-bottom: 0px;	font-size: 16px; }
		
		.pageBody .iconBox.iconBoxNo blockquote  {   padding-left: 20px; }
		
		.pageBody .buttonBlock { padding-top: 30px;}
		
		.pageBody .iconBox p.linkAll { font-size: 18px; padding: 40px 0 40px 0;   background-size: 100% auto;  }
		.pageBody .iconBox p.linkAll a { padding-right: 40px;  }
}

/* --- Mobile landscape --- (col-ml) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.imageHeaderBlock { background-size: 150% auto; }
	.pageBody h2 { font-size: 22px; margin-bottom: 40px;}	
	
	.pageBody .bgOrangee a.linkB2b:link, .pageBody .bgOrangee a.linkB2b {  padding: 6px 10px 6px 10px; font-size: 9px;  margin-right: 10px; margin-bottom: 10px; border-radius: 6px;}	
	.pageBody .bgOrangee p { margin-top: 20px; width: 60%;  font-size: 10px; }
	.pageBody .bgOrangee { background-size: auto 40% }	
	.pageBody .bgBlue, .pageBody .bgOrangee { padding: 24px 24px 24px 24px; border-radius: 16px; }
	
	.pageBody .iconBox { height:  150px; }
	.pageBody .iconBox.iconBoxTwo { height: 170px; }
	.pageBody .iconBox .icon_iconBox  { bottom:  15px; right: 15px; width: 40px; height: auto; }
	.pageBody .iconBox.iconBoxIconTop  { height:  140px; }
	.pageBody .iconBox.iconBoxIconTop .icon_iconBox  {bottom:   auto; top: 15px;  right: 15px;}
	.pageBody .iconBox blockquote  { height: auto;  }
	.pageBody .iconBox blockquote  h3 {  font-size: 14px; margin-bottom: 10px; }
	.pageBody .iconBox blockquote  ul, .pageBody .iconBox blockquote  p  {  font-size: 14px; margin-bottom: 16px;	}
	.pageBody .iconBox blockquote  ul li {  margin-bottom: 0px;	font-size: 14px; }
	
	.pageBody .iconBox.iconBoxNo blockquote  {   padding-left: 10px; }
	
	.pageBody .buttonBlock { padding-top: 30px;}
	.pageBody .imageHeaderBlock a.link_request_form:link, .pageBody .imageHeaderBlock a.link_request_form {  display: block; width: 50%; }
	
	.pageBody .iconBox p.linkAll { font-size: 14px; padding: 34px 0 34px 0;   background-size: 100% auto;  }
	.pageBody .iconBox p.linkAll a { background-size: auto 100%; padding-right: 30px;  }
}

/* --- Mobile portrait --- (col-mp) */
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.imageHeaderBlock { background-size: 150% auto; }
	.pageBody h2 { font-size: 18px; margin-bottom: 30px;}	
	
	.pageBody .bgBlue, .pageBody .bgOrangee  { padding: 20px 20px 20px 20px; border-radius: 16px; }
	
	.pageBody .bgOrangee a.linkB2b:link, .pageBody .bgOrangee a.linkB2b {  padding: 6px 10px 6px 10px; font-size: 12px;  margin-right: 0px; margin-bottom: 10px; border-radius: 5px;  clear: both;}	
	.pageBody .bgOrangee p { margin-top: 20px; font-size: 12px; }
	.pageBody .bgOrangee { background-image: none; }	
	
	.pageBody .iconBox { height:  140px; }
	.pageBody .iconBox.iconBoxTwo { height: 160px; }
	.pageBody .iconBox .icon_iconBox  { bottom:  10px; right: 10px; width: 30px; height: auto; }
	.pageBody .iconBox.iconBoxIconTop  { height: auto; }
	.pageBody .iconBox.iconBoxIconTop  ul {  margin-bottom: 10px; }
	.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { bottom: auto;  top: 10px;  right: 10px;}
	.pageBody .iconBox blockquote  { height: auto;  }
	.pageBody .iconBox blockquote  h3 {  font-size: 14px; margin-bottom: 10px; }
	.pageBody .iconBox blockquote  ul, .pageBody .iconBox blockquote  p  {  font-size: 12px; margin-bottom: 16px;	}
	.pageBody .iconBox blockquote  ul li {  margin-bottom: 0px;	font-size: 12px; }
	
	.pageBody .iconBox.iconBoxNo blockquote  {   padding-left: 10px; }
	
	.pageBody .buttonBlock { padding-top: 30px;}
	.pageBody .imageHeaderBlock a.link_request_form:link, .pageBody .imageHeaderBlock a.link_request_form {  display: block; width: 50%; }
	
	.pageBody .iconBox p.linkAll { font-size: 10px; padding: 20px 0 20px 0;   background-size: 100% auto;  }
	.pageBody .iconBox p.linkAll a { background-size: auto 100%; padding-right: 20px;  }
	
}
		


@media only screen and (min-width: 480px) and (max-width: 767px){
.imageHeaderBlock .imageHeaderImage {
  width: 550px;
  height: auto;
  display: block;
}
	.imageHeaderBlock blockquote {
  top: 10%; 
		right: 10px;
}
	.pageBody a.link_request_form {margin-right: 0;}

	.pageBody a.link_request_form:link, .pageBody a.link_request_form {
	  margin-bottom: 15px !important;
	}
.pageBody .imageHeaderBlock a.link_request_form:link, .pageBody .imageHeaderBlock a.link_request_form {
  display: block;
  width: 80%;
}	
	
	
	
}
@media only screen and (min-width: 0px) and (max-width: 480px){
.imageHeaderBlock .imageHeaderImage {
  width: 350px;
  height: auto;
  display: block;
	
}
		.imageHeaderBlock blockquote {
  top: 5%;
		right: 10px;
}

.pageBody a.link_request_form.mail-software{padding: 10px 22px !important; white-space: nowrap;}
	.pageBody a.link_request_form:link, .pageBody a.link_request_form {
	  margin-bottom: 15px !important;
	}
.pageBody .imageHeaderBlock a.link_request_form:link, .pageBody .imageHeaderBlock a.link_request_form {
  display: block;
  width: 80%;
}	
	
}