.acsStrategyWrapper

{

	

position:relative;

display:block;

float:left;

width:100%;

top:140px;



height:inherit;

//background-color:#F5E5E1;

background-image:linear-gradient(to bottom,#F5E5E1,#D9DCE8,#D9DCE8);



overflow:hidden;

padding-bottom:3%;













}

.strategytitle

{

	margin-top:2%;

	width:96%;

	height:60px;

	line-height:60px;

	font-size:30px;

	text-align:center;

	margin-left:2%;

	margin-right:2%;

	border-bottom-style: solid;

	border-bottom-color:#066DA3;

	border-width:1px;

	font-stretch:ultra-expanded;

}

.animationwrapper

{

	display:inline-block;

	position:relative;

	float:left;

	margin-top:35px;

	margin-left:7%;

	width:18%;

	height:200px;

	

	margin-right:7%;

	margin-bottom:35px;



 	animation: strategyspin 16s ease-in-out infinite;

	transform-style: preserve-3d;

   

   border-radius:30px 30px;

    transform-origin: 100px 100px 0;



}

.animationwrapper div 

{

    position: absolute;

    width: 100%;

    height:100%;

    border: 1px solid #ccc;

    background: rgba(255,255,255,0.8);

    box-shadow: inset 0 0 20px rgba(0,0,0,0.5);

    text-align: center;

    line-height: 200px;

    font-size: 30px;

	color:#066DA3;

	font-weight:bold;

	

}







.animationwrapper .strategyface0 { 

  

   

  transform: translateZ(100px);

	

}



.animationwrapper .strategyface1 { 

	

    transform: rotateY(90deg) translateZ(100px); 

}

.animationwrapper .strategyface2 { 

	

	

    transform: rotateY(180deg) translateZ(100px); 

}

.animationwrapper .strategyface3 { 

	

    transform: rotateY(-90deg) translateZ(100px); 

}

@keyframes strategyspin {

    16%      {  transform: rotateY(-90deg); }

    33%      {  transform: rotateY(-180deg) }

    50%      { transform: rotateY(-270deg)  }

    66%      {  transform: rotateY(-360deg) }

    83%      {  transform: rotateY(0deg); }

}

.strategycontentwrapper

{

	display:inline-block;

	width:45%;

}

.strathighlight

{

	display:block;

	position:relative;

	width:100%;

	margin-top:5%;

	line-height:35px;

	

	font-size:28px;

	font-weight:normal;



	text-align:center;

font-stretch:ultra-expanded;





	

}

.strattext

{

	display:block;

	position:relative;

	width:100%

	

	line-height:30px;

	

	font-size:20px;

	font-stretch:wider;

	text-align:center;

	margin-top:2%;

	margin-bottom:5%;

}





.strategysubscribe

{

	display:block;

	position:relative;

	width:150px;

	height:50px;

	font-size:20px;

	

	background-color:#1583BD;

	margin:auto;

	border:15px;

	color:white;

	



	

	

	





}	

@media screen and (max-width: 1179px)
{
						.acsStrategyWrapper
					
					{
					
						
					
					position:relative;
					
					display:block;
					
					float:left;
					
					width:100%;
					
					top:140px;
					
					height:600px;
					
					
					//background-color:#F5E5E1;
					
					background-image:linear-gradient(to bottom,#F5E5E1,#A4CDF1);
					
					
					
					overflow:hidden;
					
					padding-bottom:3%;
					
					
					
					
					
					
					
					
					
					
					
					
					
					}
					
					.strategytitle
					
					{
					position:relative;
					display:block;
						
					
						width:100%;
					
						height:60px;
					
						line-height:60px;
					
						font-size:30px;
					
						text-align:center;
					
											border-bottom-style: solid;
					
						border-bottom-color:#066DA3;
					
						border-width:1px;
					
						font-stretch:ultra-expanded;
					
					}
					
					.animationwrapper
					
					{
					
					
						position:relative;
						display:block;
						
					
						
					
						width:200px;
					
						height:200px;
				
						animation: strategyspin 16s ease-in-out infinite;
					
						transform-style: preserve-3d;
					
					   left:30%;
					
					   border-radius:30px 30px;
					
						transform-origin: 100px 100px 0;
						margin:0px;
					
					
					
					}
					
					.animationwrapper div 
					
					{
					
						position: absolute;
					
						width: 100%;
					
						height:100%;
					
						border: 1px solid #ccc;
					
						background: rgba(255,255,255,0.8);
					
						box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
					
						text-align: center;
					
						line-height: 200px;
					
						font-size: 30px;
					
						color:#066DA3;
					
						font-weight:bold;
					
						
					
					}
					
					
					
					
					
					
					
					.animationwrapper .strategyface0 { 
					
					  
					
					   
					
					  transform: translateZ(100px);
					
						
					
					}
					
					
					
					.animationwrapper .strategyface1 { 
					
						
					
						transform: rotateY(90deg) translateZ(100px); 
					
					}
					
					.animationwrapper .strategyface2 { 
					
						
					
						
					
						transform: rotateY(180deg) translateZ(100px); 
					
					}
					
					.animationwrapper .strategyface3 { 
					
						
					
						transform: rotateY(-90deg) translateZ(100px); 
					
					}
					
					@keyframes strategyspin {
					
						16%      {  transform: rotateY(-90deg); }
					
						33%      {  transform: rotateY(-180deg) }
					
						50%      { transform: rotateY(-270deg)  }
					
						66%      {  transform: rotateY(-360deg) }
					
						83%      {  transform: rotateY(0deg); }
					
					}
					
					.strategycontentwrapper
					
					{
						position:relative;
						display:block;
						
					
						width:100%;
						height:245px;
						float:left;
						
					
					}
					.strategycontentwrapper form
					
					{
						position:relative;
						display:block;
						
					
						
					
					
					}
					
					.strathighlight
					
					{
					
						display:block;
					
						position:relative;
					
						width:100%;
					
						
						line-height:35px;
					
						
					
						font-size:28px;
					
						font-weight:normal;
					
					
					
						text-align:center;
					
					font-stretch:ultra-expanded;
					
					
					
					
					
						
					
					}
					
					.strattext
					
					{
					
					
						position:relative;
					
						display:block;
						width:100%
				
					
						line-height:30px;
					
						
					
						font-size:20px;
					
						font-stretch:wider;
					
						text-align:center;
					
					
					
					}
					
					
					
					
					
					.strategysubscribe
					
					{
					
						display:block;
					
						position:relative;
					
						width:150px;
					
						height:50px;
					
						font-size:20px;
					
						
					
						background-color:#1583BD;
					
						margin:auto;
					
						border:15px;
					
						color:white;
					
					}	


}