/* Other container */
.contentContainer {
    color:#fff;
     text-align: center;
	
}



/* Center my loader */
#maximage {
    display:none;
}

.in-slide-content {
	margin:20% 10% 10% 10%;
	width:30%;
	height:auto;
	line-height:20px;
	color:#FFF;
}
.in-slide-content h1 {
	color:#FFF;
}


/*I want to style my pager*/
#cycle-nav {
	bottom:3%;
	left:0;
	right:0;
	position:absolute;
	z-index:1;
	display:none;
}

#cycle-nav ul {
    list-style-type:none;
    display: inline-block;    
}
#cycle-nav ul li {
   
    float:left;
    margin:4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.6);

}
#cycle-nav ul li a {
    float:left;
    height:5px;
    margin:2px;
    width:5px;
    border-radius: 50%;

}
#cycle-nav ul li.activeSlide {
    background: rgba(0,0,0,1);
}

/* Other random styles */
#arrow_left, #arrow_right { text-decoration:none; }
#arrow_left{/*left:2%; top:50%; 	border-right: none;
	border-top: none; float:left; 	position: absolute;
	z-index: 1;*/
	left:0%; top:0%; width:50%; 
	position:absolute; z-index:-1;
	height:100%;}
#arrow_right { /*right: 2%; top:50%;
	border-left: none;
	border-bottom: none; position: absolute;
	z-index: 1;*/
	right:0%; top:0%; width:50%;
	position:absolute; z-index:-1;
	height:100%;}
/*a {color:#fff;}
a:hover {text-decoration:none;}
a:active {color:#999;}*/
hr {clear:both;}


@media screen and (max-width: 1024px) {
/*COVER*/
.in-slide-content {
	margin:25% 10% 10% 10%;
	width:40%;
}
}

@media screen and (max-width: 650px) {
/*COVER*/
.in-slide-content {
	margin:20% 10% 10% 5%;
	width:70%;
}
@media screen and (max-width: 768px) {
#cycle-nav {
	display:none;
}

}