.imageHeaderBlock { background-image : url('/upload/products/landings/system_integration/server_installation/top.png'); background-position: top right; 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; }

.pageBody h2 { text-align: center; font-size: 34px;}

.pageBody .iconBox { background: #F9F9F9; border: none; position: relative; height: 240px; }
	.pageBody .iconBox.iconBoxBlue { background: #D4ECFF; }
	.pageBody .iconBox.iconBoxW { background: #FFFFFF; height: auto; }
	.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; top:  20px; right: 20px;}
	
	.pageBody .iconBox.iconBoxIconTop h3 { color: #1B4790; } 
	.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { position: absolute; top: auto; bottom: 20px;  right: 20px;}

.pageBody .buttonBlock { padding-top: 30px;}	
	.pageBody  .buttonBlock a.link_request_form:link, .pageBody  .buttonBlock a.link_request_form { background: #ffffff; color: #EE7838; padding: 22px; border: solid 3px #EE7838; margin-bottom: 0px; line-height: 1; border-radius: 20px;}
	.pageBody  .buttonBlock  a.link_request_form:hover { background: #EE7838; color: #fff;  } 	
	.pageBody .buttonBlock a.link_request_form:link, .pageBody .buttonBlock  a.link_request_form {   margin-bottom: 0px; }	
	
	/* --- Tablet portrait --- (col-tp) */
@media only screen and (min-width: 992px) and (max-width: 1240px) {
	.pageBody .iconBox { height: 180px; }
	
	.pageBody .iconBox .icon_iconBox  { top:  15px; right: 15px; width: 50px; height: auto; }
	.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { top: auto; bottom: 15px;  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; }
}

/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 767px) and (max-width: 992px) {
		.imageHeaderBlock { background-size: 150% auto; }
		
		.pageBody .iconBox { height: 210px;  }
		.pageBody .iconBox .icon_iconBox  { top:  15px; right: 15px; width: 50px; height: auto; }
		.pageBody h2 { font-size: 26px; margin-bottom: 50px;}	
		.pageBody .iconBox blockquote  h3 {  font-size: 18px; margin-bottom: 20px; }
		.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { top: auto; bottom: 15px;  right: 15px;}
		.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;}
}

/* --- 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 .iconBox { height: auto; }
	.pageBody .iconBox .icon_iconBox  { top:  15px; right: 15px; width: 40px; height: auto; }
	.pageBody .iconBox.iconBoxIconTop  { height:  140px; }
	.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { top: auto; bottom: 15px;  right: 15px;}
	.pageBody .iconBox blockquote  { height: auto;  }
	.pageBody .iconBox blockquote  h3 {  font-size: 16px; 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%; }
}

/* --- 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 .iconBox { height: auto; }
	.pageBody .iconBox .icon_iconBox  { top:  10px; right: 10px; width: 30px; height: auto; }
	.pageBody .iconBox.iconBoxIconTop  { height:  140px; }
	.pageBody .iconBox.iconBoxIconTop .icon_iconBox  { top: auto; bottom: 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%; }
	
}