.vpp-content-border{
	border: 9px solid #ffffff;
	border-top-width: 0;	
}

/* ----------------------- */

#value-performance-plus{   

	position: relative;
	
	padding: 0;
}

.vpp-left, 
.vpp-right{
	position: absolute;
	top: 0;
	z-index: 1;
	width: 50%;
	height: 100%;	
	
	background-repeat: repeat-x;
	background-position: top left;
	background-size: auto 100%;
}

.vpp-left{
	left: 0;	
	background-image: url('../_images/page_5043/value-performance-plus-left-1603201801.gif');
}

.vpp-right{
	right: 0;	
	background-image: url('../_images/page_5043/value-performance-plus-right-1603201801.gif');
}	

.vpp-middle{
	position: relative;
	z-index: 10;	
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.vpp-middle img{
	display: block;
	width: 100%;
	height: auto;	
	margin: 0 auto;
}

/* ----------------------- */

.vpp-col-group-value{
	padding-bottom: 30px;	
}	

.vpp-col-group-performance{
	padding-bottom: 85px;	
}

.vpp-col-group-performance-plus{
	padding-bottom: 40px;	
}	

.vpp-cols{
	position: relative;	
	width: 50%;
}

.vpp-cols-left{
	float: left;	
}

.vpp-cols-right{
	float: right;	
}

@media screen and (max-width: 767px){

	.vpp-col-group{
		padding-bottom: 0;	
	}
	
	.vpp-cols{
		width: auto;
		float: none;	
	}					
}	

@media screen and (min-width: 1100px){

	.vpp-cols-45{
		width: 45%;	
	}
	
	.vpp-cols-55{
		width: 55%;	
	}	
}	

@media screen and (min-width: 1200px){

	.vpp-col-group-value{
		padding-bottom: 20px;	
	}	
	
	.vpp-col-group-performance{
		padding-bottom: 95px;	
	}	
}

@media screen and (min-width: 1400px){

	.vpp-col-group-value{
		padding-bottom: 30px;	
	}	
	
	.vpp-col-group-performance{
		padding-bottom: 105px;	
	}	
}	

/* ----------------------- */

.vpp-cols-left .vpp-cols-img,
.vpp-cols-left .vpp-cols-content{
	float: right;	
}

.vpp-cols-left .vpp-cols-content{
	padding-right: 50px;
	padding-right: 9%;	
}

.vpp-cols-left .vpp-cols-img{
	padding-right: 180px;
	padding-right: 15%;	
}	

.vpp-cols-right .vpp-cols-content{
	padding-left: 50px;	
	padding-left: 9%;
}

.vpp-cols-right .vpp-cols-img{
	padding-left: 180px;
	padding-left: 15%;	
}

@media screen and (max-width: 767px){

	.vpp-cols-left .vpp-cols-img,
	.vpp-cols-left .vpp-cols-content{
		float: none;	
	}
	
	.vpp-cols .vpp-cols-img{		
		padding: 0 0 20px 0;	
	}
	
	.vpp-cols .vpp-cols-content{		
		padding: 40px 0;	
	}		
}

@media screen and (max-width: 568px){
	
	.vpp-cols .vpp-cols-img{		
		padding-bottom: 10px;	
	}	
}		

@media screen and (min-width: 1100px){

	.vpp-cols-left .vpp-cols-content{
		padding-right: 12%;	
	}
	
	.vpp-cols-left .vpp-cols-img{
		padding-right: 25%;	
	}	
	
	.vpp-cols-right .vpp-cols-content{
		padding-left: 12%;
	}
	
	.vpp-cols-right .vpp-cols-img{
		padding-left: 25%;	
	}
}		

/* ----------------------- */

.vpp-cols-img{
	position: relative;
	z-index: 10;
	max-width: 450px;
	padding-bottom: 20px;	
}

.vpp-cols-img-value{
	width: 270px;	
}

.vpp-cols-img-performance{
	width: 270px;	
}

.vpp-cols-img-performance-plus{
	width: 260px;		
}	

.vpp-cols-img img{
	display: block;
	width: 100%;
	height: auto;		
}

@media screen and (max-width: 767px){
	
	.vpp-cols-img{	
	
		width: 270px;
		margin: 0 auto;
	}	
}

@media screen and (max-width: 568px){
	
	.vpp-cols-img{	
	
		width: 160px;
		margin: 0 auto;
	}	
}	

@media screen and (min-width: 1100px){	
	
	.vpp-cols-img-value{
		width: 320px;	
	}
	
	.vpp-cols-img-performance{
		width: 340px;	
	}
	
	.vpp-cols-img-performance-plus{
		width: 350px;		
	}
}		

/* ----------------------- */

.vpp-cols-content{
	max-width: 320px;
}

.vpp-cols-content-value{
	padding-top: 25px;		
}

.vpp-cols-content-performance{
	padding-top: 60px;		
}

.vpp-cols-content-performance-plus{
	padding-top: 0;		
}

@media screen and (max-width: 767px){

	.vpp-cols .vpp-cols-content{
		text-align: center;
		margin: 0 auto;
		padding: 2.618rem;
	}
	
	.vpp-col-group:last-child .vpp-cols-content{
		padding-bottom: 0;	
	}	
}	

@media screen and (min-width: 1100px){

	.vpp-cols-content{
		max-width: 400px;
	}
	
	.vpp-cols-content-value{
		padding-top: 45px;		
	}
	
	.vpp-cols-content-performance{
		padding-top: 115px;		
	}
	
	.vpp-cols-content-performance-plus{
		padding-top: 40px;		
	}		
}	

@media screen and (min-width: 1200px){

	.vpp-cols-content-value{
		padding-top: 35px;		
	}
	
	.vpp-cols-content-performance{
		padding-top: 105px;		
	}
	
	.vpp-cols-content-performance-plus{
		padding-top: 25px;		
	}		
}

@media screen and (min-width: 1400px){

	.vpp-cols-content{
		max-width: 450px;
	}
	
	.vpp-cols-content-value{
		padding-top: 35px;		
	}
	
	.vpp-cols-content-performance{
		padding-top: 105px;		
	}
	
	.vpp-cols-content-performance-plus{
		padding-top: 25px;		
	}		
}		

/* ----------------------- */

.vpp-arrow{
	position: absolute;
	z-index: 1;
	bottom: 0;
	
	width: 100%;
	
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: top left;	
}

.vpp-arrow-right{
	right: 0;	
}

.vpp-arrow-left{
	left: 0;	
}

.vpp-arrow-blue{
	background-image: url('../_images/page_5043/arrow-right-blue-bkg.gif');	
}

.vpp-arrow-orange{
	background-image: url('../_images/page_5043/arrow-left-orange-bkg.gif');	
}

.vpp-arrow-red{
	background-image: url('../_images/page_5043/arrow-right-red-bkg.gif');	
}	

.vpp-arrow img{
	display: block;
	width: 48px;
	height: auto;	
}

.vpp-arrow-right img{
	float: right;	
}

@media screen and (max-width: 767px){

	.vpp-arrow-right{
		right: 10%;	
	}
	
	.vpp-arrow-left{
		left: 10%;	
	}	
}

@media screen and (max-width: 568px){

	.vpp-arrow-right{
		right: 5%;	
	}
	
	.vpp-arrow-left{
		left: 5%;	
	}	
	
	.vpp-arrow img{
		width: 25px;
	}	
}		

@media screen and (min-width: 1100px){

	.vpp-arrow img{
		width: 60px;
	}	
}