.one p, .two p, .three p, .four p {
	-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
color:#FFFFFF;
	 
}


.partnerFeatureBox.one span, .partnerFeatureBox.two span, .partnerFeatureBox.three span, .partnerFeatureBox.four span {
	-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;


}

@-webkit-keyframes play {
0%   {opacity:0;}
50%  {opacity:1}
100%  {opacity:0;}
	 
}

@-moz-keyframes play {
0%   {opacity:0;}
50%  {opacity:1}
100%  {opacity:0;}
}

@-ms-keyframes play {
0%   {opacity:0;}
50%  {opacity:1}
100%  {opacity:0;}
}

@-o-keyframes play {
0%   {opacity:0;}
50%  {opacity:1}
100%  {opacity:0;}
}

@keyframes play {
0%   {opacity:0;}
50%  {opacity:1}
100%  {opacity:0;}
}


.one {
	position:relative;
background:url(../images/strategicPlanInitial.jpg) !important;
background-position-y:0 !important;
background-position-x: -150px !important;
border-radius:5px !important;
border-radius:5px !important;

}

.one span {
	position: absolute;
top:0; left:0; right:0; bottom:0;
background:url(../images/strategicPlanInitial.jpg) !important;
background-position-y:360px !important;
background-position-x: -150px !important;
opacity:0;
border-radius:5px !important;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
	animation-iteration-count:5;
-webkit-animation-iteration-count:5;
			-webkit-animation-delay:5s;
			animation-delay:5s;
}

.one span:hover {
opacity:1 !important;
border-radius:5px !important;

}


.one:hover p, .two:hover p, .three:hover p, .four:hover p  {
color:#ffd659 !important;
}

.two {
	position:relative;
background:url(../images/successStoriesInitial.jpg) !important;	
background-position-y:0 !important;
background-position-x: -150px !important;
border-radius:5px !important;
}

.two span {
	position: absolute;
top:0; left:0; right:0; bottom:0;
background:url(../images/successStoriesInitial.jpg) !important;	
background-position-y:320px !important;
background-position-x: -150px !important;
opacity:0 !important;
border-radius:5px !important;
border-radius:5px !important;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
	animation-iteration-count:5;
-webkit-animation-iteration-count:5;
			-webkit-animation-delay:6s;
			animation-delay:6s;
}

.two span:hover {
opacity:1 !important;	
}
	

.three {
	position:relative; 
background:url(../images/partnersInitial.jpg) !important;	
background-position-y:0 !important;
background-position-x: -150px !important;
border-radius:5px !important;
}

.three span {
position: absolute;
top:0; left:0; right:0; bottom:0;	
background:url(../images/partnersInitial.jpg) !important;	
background-position-x: -150px !important;
background-position-y:320px !important;
opacity:0 !important;
border-radius:5px !important;
border-radius:5px !important;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
	animation-iteration-count:5;
-webkit-animation-iteration-count:5;
			-webkit-animation-delay:7s;
			animation-delay:7s;
}

.three span:hover {
	opacity:1 !important;
}

.four {
position:relative;
background:url(../images/monitoringInitial.jpg) !important;	
background-position-y:0 !important;
background-position-x: -150px !important;
border-radius:5px !important;
}

.four span {
position: absolute;
top:0; left:0; right:0; bottom:0;	
background:url(../images/monitoringInitial.jpg) !important;
background-position-x: -150px !important;
background-position-y:360px !important;
opacity:0 !important;
border-radius:5px !important;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
    -webkit-animation: play 3.5s;
	animation-iteration-count:5;
-webkit-animation-iteration-count:5;
			-webkit-animation-delay:8s;
			animation-delay:8s;
			
}

.four span:hover {
	opacity:1 !important;
}

#partnerFeatureHolder a {
text-decoration:none !important;	
}

#partnerFeatureHolder {
	width:100%;
	margin-top:2.5%;
}

.partnerFeatureBox {
	float:left;
	width:23%;
	margin-right:2.666666666666667%;
	min-height:200px;
	border-radius:5px;
	box-shadow: 2px 2px 6px #222222;
}

.partnerFeatureBox.last {
	margin-right:0 !important;
}

.partnerFeatureOverlay {
	background:url(../images/semiDarkTrans.png) !important;
	position:relative;
	top:75px !important;
}

.partnerFeatureOverlay p {
	color:#FFFFFF !important;
	font-weight:bold !important;
	font-size:1.5em !important;
	padding-top:3%;
	padding-bottom:3%;
	text-align:center !important;
}

@media (max-width:768px) {

div.partnerFeatureBox.one {
background-position-y:0 !important;
background-position-x: 0 !important;
}

div.partnerFeatureBox.one span {
background-position-y:360px !important;
background-position-x: 0 !important;
}

div.partnerFeatureBox.two {
background-position-y:0 !important;
background-position-x: 0 !important;
}

div.partnerFeatureBox.two span {
background-position-y:320px !important;
background-position-x: 0 !important;
}


div.partnerFeatureBox.three {
background-position-y:0 !important;
background-position-x: 0 !important;
}

div.partnerFeatureBox.three span {
background-position-y:320px !important;
background-position-x: 0 !important;
}

div.partnerFeatureBox.four {
background-position-y:0 !important;
background-position-x: 0 !important;
}

div.partnerFeatureBox.four span {
background-position-y:360px !important;
background-position-x: 0 !important;
}

#partnerFeatureHolder {
	margin-top:4%;
}

.partnerFeatureBox {
	float:left;
	width:48%;
	margin-right:4%;
	min-height:200px;
	border-radius:5px;
	box-shadow: 2px 2px 6px #222222;
	margin-bottom:4%;
}

.partnerFeatureBox.middle {
	margin-right:0 !important;
}
	
	
}

@media (max-width:480px) {




	.partnerFeatureBox {
	float:none;
	clear:both;
	width:98%;
	margin-right:1%;
	margin-left:1%;
	min-height:200px;
	border-radius:5px;
	box-shadow: 2px 2px 6px #222222;
	margin-bottom:4%;
}
}

