@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'MetricHPE';
	src: url(fonts/MetricHPE-Web-Light.woff) format('woff');
	font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'MetricHPE';
    src: url(fonts/MetricHPE-Regular.woff) format('woff');
	font-weight: 100;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MetricHPE';
    src: url(fonts/MetricHPE-LightItalic.woff) format('woff');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'MetricHPE';
    src: url(fonts/MetricHPE-Regular.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MetricHPE';
    src: url(fonts/MetricHPE-Bold.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'MetricHPE';
    src: url(fonts/MetricHPE-Bold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
}
h1 {
	font-size: 55px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: 'MetricHPE', sans-serif;
}
p, ul, li {
	font-size: 18px;
}

/*--------------Jumbotron------------------------*/
@media only screen and (max-width: 567px){
	.jumbotron h1,
	.jumbotron p {
		color: #000000 !important;
	}
}
.jumbotron_synergy {
    position: relative;
    background: #fff url(../Synergy/1900x1200_1.jpg) center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom:0px;
	margin:0px;
	border-radius:0px;
}

.jumbotron_simpliVity {
    position: relative;
    background: #000 url("../SimpliVity/image-2x-md.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom:0px;
	margin:0px;
	border-radius:0px;
}

.jumbotron_3par {
    position: relative;
    background: #000 url("../3Par/1900x1200_1.jpg.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom:0px;
	margin:0px;
	border-radius:0px;
}
.jumbotron_nimble {
    position: relative;
    background: #000 url("../SMB/LP_Hdr1.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom:0px;
	margin:0px;
	border-radius:0px;
	padding-top: 10%;
	padding-bottom: 10%;
}
.jumbotron_promo {
    position: relative;
    background: #000 url("../SMB/LP_Hdr2.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom:0px;
	margin:0px;
	border-radius:0px;
	padding-top: 10%;
	padding-bottom: 10%;
}
.jumbotron_health {
    position: relative;
    background: #000 url("../SMB/LP_Hdr4.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom:0px;
	margin:0px;
	border-radius:0px;
	padding-top: 10%;
	padding-bottom: 10%;
}
.jumbotron_rackserver {
    position: relative;
    background: #000 url("../SMB/LP_Hdr5.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom:0px;
	margin:0px;
	border-radius:0px;
	padding-top: 10%;
	padding-bottom: 10%;
}
.jumbotron_cashback {
    position: relative;
    background: #000 url("../SMB/LP_Hdr6.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom:0px;
	margin:0px;
	border-radius:0px;
	padding-top: 10%;
	padding-bottom: 10%;
}
@media only screen and (max-width: 567px) {
	.jumbotron_synergy,
	.jumbotron_simpliVity,
	.jumbotron_3par,
	.jumbotron_nimble,

	.jumbotron_promo,
	.jumbotron_health,
	.jumbotron_rackserver,
	.jumbotron_cashback {
		background: none !important;
		color: #10181f !important;
		text-align: center;
	}
}

/*--------------Brand Logo------------------------*/
.brandLogo {
  padding-top: 20px;
  padding-bottom: 20px;
}
.hpe_pp {
	background: url(https://www.expandi-web.com/ae/Assets/HPE/Web_eDM_assets/img/HPE_PP.jpg) no-repeat center;
	background-size: 125px 125px;
	width: 125px;
	height: 125px;
	display: inline-block;
	float: right;
}
.hpe_sp {
	background: url(https://www.expandi-web.com/ae/Assets/HPE/Web_eDM_assets/img/HPE_SP.jpg) no-repeat center;
	background-size: 125px 125px;
	width: 125px;
	height: 125px;
	display: inline-block;
	float: right;
}
.partner_logo {
	background: url( "../images/Partner_Logo.png") no-repeat center;
	background-size: auto;
	width: 329px;
	height: 97px;
	display: inline-block;
	
}
/*--------------Color------------------------*/
.bg_light_grey {
	background-color: #f6f6f6;
}
.link-color {
	color: #000000 !important;
    text-decoration: none !important;
    -webkit-transition: color 0.15s linear 0s;
    -moz-transition: color 0.15s linear 0s;
    -ms-transition: color 0.15s linear 0s;
    -o-transition: color 0.15s linear 0s;
    transition: color 0.15s linear 0s;

}
.link-color:hover, .link-color:visited .link-color:active {
    color: #000000 !important;
    text-decoration: none !important;
    -webkit-transition: color 0.15s linear 0s;
    -moz-transition: color 0.15s linear 0s;
    -ms-transition: color 0.15s linear 0s;
    -o-transition: color 0.15s linear 0s;
    transition: color 0.15s linear 0s;
}
/*--------------Navbar------------------------*/
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 10px;
}
.navbar li a {
	font-size: 18px;
	color: #000000;
	font-weight:500;
}
.navbar li a:hover {
	border-bottom: 2px solid #01a982;
}

.navbar-toggler-icon {
	color: #01a982;
	background-color: #fff;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(1,169,130,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar {
  padding: 1.5rem 1rem;
}
nav {
    z-index: 5000;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .sticky-content {
  padding-top: 60px;
}
/*--------------MIS------------------------*/
.pt-100{
  padding-top: 100px !important;
}
.pb-100{
	padding-bottom: 100px !important;
}
.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}


.border-top-bottom {
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
}
.btn-border-green {
	display: inline-block;
	color: #000000;
	background-color: transparent;
	border-color: #01a982;
	border-radius: 0px;
	padding: 10px 10px;


}
.btn-border-green a{
	color: transparent;
}
.btn-border-green:hover {
  color: #000000;
  background-color: transparent;
  border-color: #01a982;
	border-radius: 0px;
}
.btn-border-white-txt {
	display: inline-block;
	color: #ffffff;
	background-color: transparent;
	border-color: #01a982;
	border-radius: 0px;
	padding: 10px 10px;


}
.btn-border-white-txt a{
	color: transparent;
}
.btn-border-white-txt:hover {
  color: #ffffff;
  background-color: transparent;
  border-color: #01a982;
	border-radius: 0px;
}
.btn-bg-green {
	display: inline-block;
	color: #fff;
	background-color: #01a982;
	border-color: #01a982;
	border-radius: 0px;
	padding: 10px 10px;

}
.btn-bg-green a{
	color: #FFFFFF!important;
}
.btn-bg-green:hover {
  color: #fff;
  background-color: #01a982;
  border-color: #01a982;
	border-radius: 0px;
}
.btn-bg-white {
	display: inline-block;
  color: #000;
  background-color:#ffffff;
  border-color: #01a982;
	border-radius: 0px;

}
.btn-bg-white a{
	color: #000!important;
}
.btn-bg-black {
	display: inline-block;
  color: #ffffff;
  background-color:#000000;
  border-color: #01a982;
	border-radius: 0px;

}
.btn-bg-black a{
	color: #ffffff!important;
}
.btn-bg-black:hover {
  color: #ffffff;
  background-color:transparent;
  border-color: #01a982;
	border-radius: 0px;
}
.btn-hpe-contact {
    color: #000;
    background: 0 0;
    border: 1px solid #FF8D6D;
	border-radius: 0px;
}
.top1_index {
    z-index: 1000;
}
.arrow-right{
	padding-right: 10px;
	border: none;
	height: 15px;
}
.undrline,
a.undrline:focus,
a.undrline:hover {
	color: #000000;
	text-decoration:underline; 
	text-decoration-color: #01a982;
}

a.white.undrline:focus {
	color: #fff;
	text-decoration-color: #01a982;
}
a.white.undrline:hover {
  	color: #fff;
	text-decoration-color: #01a982;
}
.text-cta {
	color: #333;
	font-size: 16px;
}
.text-cta-white {
	color: #ffffff;
	font-size: 16px;
}
/*--------------Full length BG Image------------*/
.container-fluid-full {
  width: 100%;
}

.full-length-bg {
	background: url("../3Par/1600x1200.jpg") no-repeat center;
}
.full-length-bg-2 {
	background: url("../3Par/3par_bg.jpg") no-repeat center;
}
.full-length-bg-simplivity-1 {
	background: url("../SimpliVity/c1.jpg") no-repeat center;

}
.full-length-bg-nimble-1 {
	background: url("../Nimble/HPE-Accolade-Management&Orchestration-2x-md-copy.jpg") no-repeat center;

}
.full-length-bg-synergy-1 {
	background: url("../Synergy/c1.jpg") no-repeat center;
}
.content-box-transprent{
	background-color: transparent;
	color: #ffffff;
}

.content-box{
	background-color: rgba(66,85,99,.93);
	color: #ffffff;
}
.content-box:hover{
	background-color: #425563 ;
	color: #ffffff;
	transition: .5s ease;
}
@media only screen and (max-width: 567px) {
	.full-length-bg,
	.full-length-bg-2,
	.full-length-bg-simplivity-1,
	.full-length-bg-synergy-1{
    background: none;
	}
	
	.content-box,
	.content-box-transprent	{
	color: #ffffff !important;
	background-color: #5F7A76;
		text-align: center;
	}

}

/*--------------footer------------------------*/
footer {
    background-color: #f3f3f4;
	padding:30px 0px;
	border-top:rgba(67,84,100,1.00) 1px transparent;
}
.footer-top-border {
	background-image:url(../images/shadow-header.png);
	background-repeat:repeat-x;
	height:8px;
}
.twitter {
    background: url(https://www.expandi-web.com/ae/Assets/HPE/Web_eDM_assets/img/twitter-icon.png) no-repeat;
	width:28px;
	height:28px;
	margin-right:15px;
	display:inline-block;
}
.twitter:hover {
	opacity: 0.8;
}
.fb {
    background: url(https://www.expandi-web.com/ae/Assets/HPE/Web_eDM_assets/img/facebook-icon.png) no-repeat;
	width:28px;
	height:28px;
	margin-right:15px;
	display:inline-block;
}
.fb:hover {
	opacity: 0.8;
}
.linkedin {
    background: url(https://www.expandi-web.com/ae/Assets/HPE/Web_eDM_assets/img/linkedin-icon.png) no-repeat;
	width:28px;
	height:28px;
	margin-right:15px;
	display:inline-block;

}
.linkedin:hover {
	opacity: 0.8;
}

@media only screen and (max-width:991px) {
	.text-center-sm {
		padding:2% 0px;
		text-align:center !important;
	}
}

/*----------------NEW----------------*/
.numeric-callout {
	font-size: 5.5rem;
	color: #614767;
	line-height: 5rem;
	letter-spacing: -3px;

}