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

.pageBody .imageHeaderBlock blockquote  h1 { color: #FFFFFF; }
.pageBody p {  font-size: 22px; color: #1B4790; }
.pageBody p.textSupBig {  font-size: 50px; margin-bottom: 0px; }
.pageBody .textMid, .pageBody p.textMid {  font-size: 30px;}

.pageBody h2 { text-align: center; font-size: 34px;}
.pageBody h4 {  color: #252525; }
.pageBody .bgBlue { background: linear-gradient(93.35deg, #1B4790 13.2%, #1A7BBF 84.68%); padding: 40px 40px 40px 40px;  border-radius: 30px; width: 100%; }
	.pageBody .bgOrangee  { background: linear-gradient(119.91deg, #F76020 -3.15%, #FFAA25 111.19%), #EE7838;  padding: 40px 40px 40px 40px; border-radius: 30px; width: 100%; height: 260px; }
	.pageBody .bgOrangee p { margin-bottom: 40px;}
	.pageBody .bgLightBlue { padding: 40px 40px 40px 40px; border-radius: 30px; width: 100%; height: 260px; }
	.pageBody .bgLightBlue  p {  margin-bottom: 0px; }


.iconBoxBlock {position: relative; }
.iconBoxBlock .iconNext  { position: absolute; top: 40%; left: 47%; width: 6%; height: auto; }
	
	
.pageBody .iconBox { background: #F9F9F9; border: none; position: relative; height: 240px; }
	.pageBody  .iconBox.bgGreen  { background: #EFFCEA;  height: 170px; }
	.pageBody  .iconBox.iconBoxBlue  { background: #D4ECFF;   }
	.pageBody  .iconBox.bgGrey  {  background: #F9F9F9;  background-image : url('/upload/products/landings/system_integration/it_infrastructure/icon_01.svg'); background-position: center right 20px; background-repeat: no-repeat;  background-size: 20%  auto; height: auto;  }
	.pageBody .iconBox blockquote  {  background: transparent; }
	.pageBody  .iconBox.bgGrey blockquote  { padding-right: 25%; background: transparent; height: auto; }
	.pageBody .iconBox blockquote  h3 { color: #005BAA;  font-weight: 700; font-size: 22px; margin-bottom: 20px; line-height: 1.2; }
	.pageBody  .iconBox.bgGrey blockquote  h2 { margin-bottom: 30px; font-size: 44px; }
	.pageBody .iconBox blockquote  ul li, .pageBody .iconBox blockquote  p  {  color: #005BAA; font-weight: 500; font-size: 18px; margin-bottom: 10px;	}
	.pageBody  .iconBox.bgGrey blockquote  p  {  color: #005BAA; font-size: 30px; margin-bottom: 30px;	}
	.pageBody .iconBox .icon_iconBox  { position: absolute; bottom:  20px; right: 20px; width: 55px; height: auto; display: block;}
	.pageBody .iconBox .icon_iconBoxOver {  display: none;}
	.pageBody a.iconBox:hover .icon_iconBox  { display: none;}
	.pageBody a.iconBox:hover .icon_iconBoxOver {  display: block;}
	.pageBody .bgPink  .icon_iconBox , .pageBody .bgGreen  .icon_iconBox  { width: 40px; }
	
	.pageBody .iconBox.bgGreen blockquote h3 { color: #3EBA13;  margin-bottom: 20px;}
	.pageBody .iconBox.bgGreen blockquote { margin-right: 55px; background: none; margin-bottom: 0px; height: auto;}	
	.pageBody .iconBox.bgGreen blockquote p { color: #3EBA13;  margin-bottom: 0px;}
	.pageBody .iconBox.bgGreen .icon_iconBox  { position: absolute; top:  22px; bottom: auto;  right: 20px; left: auto; }
	
.pageBody .buttonBlock { padding-top: 60px;}	
	.pageBody .buttonBlock a.link_request_form:link, .pageBody .buttonBlock  a.link_request_form, .pageBody a.link_request_form:link, .pageBody  a.link_request_form {   margin-bottom: 0px; }	
	.pageBody .bgOrangee  a.link_request_form:link, .pageBody .bgOrangee  a.link_request_form { background: #FFFFFF; color: #F37428; }
	.pageBody .bgOrangee  a.link_request_form:hover { background: #F8F8F8; }

	
@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 p {  font-size: 18px; color: #1B4790; }
	
	.pageBody .bgBlue , .pageBody .bgOrangee, .pageBody .bgLightBlue  { padding: 30px 30px 30px 30px; height: 220px;}	
	.pageBody .bgOrangee p { margin-bottom: 30px;}
	.pageBody p.textSupBig {  font-size: 40px; margin-bottom: 0px; }
	.pageBody .textMid, .pageBody p.textMid {  font-size: 24px;}

	.pageBody .iconBox { height: 200px; }
	
	.pageBody .iconBox .icon_iconBox  { bottom:  15px; right: 15px; width: 50px; height: auto; }

	.imageHeaderBlock { background-size: 130% auto; }
	.pageBody h2 {  font-size: 30px;}	
	
	.pageBody .buttonBlock { padding-top: 40px;}
	.pageBody .iconBox blockquote h3 {  font-size: 20px; margin-bottom: 8px; }
	.pageBody .iconBox blockquote  p  {  font-size: 16px; margin-bottom: 10px;	}
	.pageBody .iconBox blockquote  ul li {  margin-bottom: 0px;	font-size: 16px; }
	
	.pageBody .iconBox.bgGreen { height: 150px; }
	.pageBody .iconBox.bgGreen blockquote h3 { margin-bottom: 20px;}
	.pageBody .iconBox.bgGreen blockquote { margin-right: 65px; }	
	.pageBody .iconBox.bgGreen .icon_iconBox  { top:  15px; right: 15px; width: 50px;}

	.pageBody  .iconBox.bgGrey blockquote  p  { font-size: 24px; margin-bottom: 24px;	}
	.pageBody  .iconBox.bgGrey blockquote  h2 { margin-bottom: 24px; font-size: 34px; }
	

	
}

/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 767px) and (max-width: 992px) {
		.imageHeaderBlock { background-size: 130% auto; }
		
		.pageBody p {  font-size: 16px; color: #1B4790; }
		.pageBody h4 {   font-size: 18px;   margin-bottom: 20px; }
			
		.pageBody .bgBlue , .pageBody .bgOrangee, .pageBody .bgLightBlue  { padding: 20px 20px 20px 20px;	height: 180px;}	
		.pageBody .bgOrangee p { margin-bottom: 20px;}
		.pageBody p.textSupBig {  font-size: 32px; margin-bottom: 0px; }
		.pageBody .textMid, .pageBody p.textMid {  font-size: 20px;}
		

		.pageBody .iconBox { height: auto;  }
		.pageBody .iconBox blockquote h3 {  font-size: 20px; margin-bottom: 8px; }
		.pageBody .iconBox.iconBoxIconTop {  height: 90px;  }
		.pageBody .iconBox .icon_iconBox  { bottom: 15px; right: 15px; width: 40px; height: auto; }
		.pageBody h2 { font-size: 26px; margin-bottom: 50px;}	
		.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 .buttonBlock { padding-top: 30px;}
		
		.pageBody .bgOrangee .textBig  { line-height: 1.6;}

	.pageBody .iconBox.bgGreen{ height: 150px; }	
	.pageBody .iconBox.bgGreen blockquote h3 { margin-bottom: 15px;}
	.pageBody .iconBox.bgGreen blockquote { margin-right: 50px; }	
	.pageBody .iconBox.bgGreen .icon_iconBox  { top:  15px; right: 15px; width: 40px;}

	.pageBody  .iconBox.bgGrey blockquote  p  { font-size: 20px; margin-bottom: 20px;	}
	.pageBody  .iconBox.bgGrey blockquote  h2 { margin-bottom: 20px; font-size: 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 h4 {   font-size: 10px;   margin-bottom: 5px; }
	
	.pageBody p {  font-size: 14px; }
	.pageBody .bgBlue , .pageBody .bgOrangee, .pageBody .bgLightBlue { padding: 18px 18px 18px 18px; border-radius: 16px; margin-bottom: 10px; height: auto;}	
	.pageBody .bgOrangee p { margin-bottom: 10px;}
	.pageBody p.textSupBig {  font-size: 26px; margin-bottom: 0px; }
	.pageBody .textMid, .pageBody p.textMid {  font-size: 16px;}
	
	.pageBody p.textSupBig {  font-size: 24px; margin-bottom: 0px; }
	.pageBody .textMid, .pageBody p.textMid {  font-size: 16px;}
		
	
	
	.pageBody .iconBox { height: auto; }
	
	.pageBody .iconBox blockquote  { height: auto;   }
	.pageBody .iconBox blockquote h3 {  font-size: 18px; margin-bottom: 5px; }
	.pageBody .iconBox blockquote  ul, .pageBody .iconBox blockquote  p  {  font-size: 14px; margin-bottom: 5px; }
	.pageBody .iconBox blockquote  ul li {  margin-bottom: 0px;	font-size: 14px; }

	.pageBody .iconBox.bgGreen { height: auto; }	
	.pageBody .iconBox.bgGreen blockquote h3 { margin-bottom: 5px;}
	.pageBody .iconBox.bgGreen blockquote { margin-right: 45px; }	
	.pageBody .iconBox.bgGreen .icon_iconBox  { top:  12px; right: 10px; width: 35px;}

	.pageBody  .iconBox.bgGrey blockquote  p  { font-size: 16px; margin-bottom: 16px;	}
	.pageBody  .iconBox.bgGrey blockquote  h2 { margin-bottom: 18px; font-size: 24px; }

	
	.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 h4 {   font-size: 8px;   margin-bottom: 5px; }
	.pageBody p {  font-size: 10px; }
	
	.pageBody .bgBlue , .pageBody .bgOrangee, .pageBody .bgLightBlue { padding: 18px 18px 18px 18px; border-radius: 16px; margin-bottom: 10px; height: auto;}	
	.pageBody .bgOrangee p { margin-bottom: 10px;}
	.pageBody p.textSupBig {  font-size: 26px; margin-bottom: 0px; }
	.pageBody .textMid, .pageBody p.textMid {  font-size: 16px;}
	
	.pageBody p.textSupBig {  font-size: 20px; margin-bottom: 0px; }
	.pageBody .textMid, .pageBody p.textMid {  font-size: 12px;}
	
	.pageBody .iconBox { height: auto; }
	.pageBody .iconBox .icon_iconBox  { bottom:  8px; right: 8px; width: 25px;}
	.pageBody .iconBox blockquote  { height: auto;  }
	.pageBody .iconBox blockquote  h3 {  font-size: 14px; margin-bottom: 5px; }
	.pageBody .iconBox blockquote  ul, .pageBody .iconBox blockquote  p  {  font-size: 12px; margin-bottom: 0px;	}
	.pageBody .iconBox blockquote  ul li {  margin-bottom: 0px;	 font-size: 12px; }
	
	.pageBody .iconBox.bgGreen { height: auto; }	
	.pageBody .iconBox.bgGreen blockquote h3 { margin-bottom: 5px;}
	.pageBody .iconBox.bgGreen blockquote { margin-right: 30px; }	
	.pageBody .iconBox.bgGreen .icon_iconBox  { top:  8px; right: 8px; width: 25px;}

	.pageBody  .iconBox.bgGrey blockquote  p  { font-size: 14px; margin-bottom: 0px;	}
	.pageBody  .iconBox.bgGrey blockquote  h2 { margin-bottom: 10px; font-size: 18px; }
	
	.pageBody .buttonBlock { padding-top: 30px;}
	.pageBody .imageHeaderBlock a.link_request_form:link, .pageBody .imageHeaderBlock a.link_request_form {  display: block; width: 50%; }
	
}