/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	width:100%;
	height:26vw;
	margin: 40px 0;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:33.33333%;
	height:100%;
}

.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#fff;
	overflow:hidden;
}

.ca-item-main h1{
	font-weight: 400;
	font-size: 28px;
	line-height: 35px;
	text-align: left;
}

.ca-item-main a{
	position: absolute;
	z-index: 3;
	background: rgb(6,199,145);
	background: -webkit-linear-gradient(left, rgba(6,199,145,1) 0%, rgba(115,89,233,1) 100%);
	background: -o-linear-gradient(left, rgba(6,199,145,1) 0%, rgba(115,89,233,1) 100%);
	background: linear-gradient(to right, rgba(6,199,145,1) 0%, rgba(115,89,233,1) 100%);
	color: white;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 10px 20px;
	display: inline-block;
	left: 20px;
	bottom: 0;
}

.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-30px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-30px;
}
.ca-nav span:hover{
	opacity:1.0;
}



@media only screen and (min-width:0px) and (max-width:767px){
	
.ca-container{
	position: relative;
	width:100%;
	height:80vw;
}
	
.ca-item{
	position:relative;
	float:left;
	width:100%;
	height:100%;
}
	
.ca-nav span{
	
	left:-10px;
	
}
.ca-nav span.ca-nav-next{
	
	right:-10px;
}
	
	
}


@media only screen and (min-width:768px) and (max-width:1023px){

	
.ca-container{
	position: relative;
	width:100%;
	height:40vw;
}
	
.ca-item{
	position:relative;
	float:left;
	width:50%;
}
	
}


@media only screen and (min-width:1024px) and (max-width:1300px){

.ca-container{
	position: relative;
	width:100%;
	height:29vw;
}
	
.ca-item-main h1{
	font-size: 20px;
	line-height: 25px;
}
	
	
}



@media only screen and (min-width:1300px) and (max-width:1600px){
	
.ca-container{
	position: relative;
	width:100%;
	height:28vw;
}
	
}