/* NEW EXPERIMENT */
/* Slider Setup */

.slider-eduacao-metabloco input {
	display: none;
}




.slider-eduacao-metabloco .overflow {
	width: 100%;
	overflow: hidden;
}

.slider-eduacao-metabloco article img {
	width: 100%;
}

.slider-eduacao-metabloco .slides .inner {
	width: 500%;
	
}

.slider-eduacao-metabloco .slides article {
	width: 20%;
	float: left;
}

/* Slider Styling */

/* Control Setup */

.slider-eduacao-metabloco .controls {
	margin: -25% 0 0 0;
	width: 100%;
	height: 50px;
}

.slider-eduacao-metabloco .controls label { 
	display: none;
	width: 35px;
	height: 35px;
	cursor:pointer;
	margin-top:35px;
	
}

.slider-eduacao-metabloco .active {
	margin: 23% 0 0;
	text-align: center;
}

.slider-eduacao-metabloco .active label {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #bbb;
        margin: 2px;
}

.slider-eduacao-metabloco .active label:hover {
	background: #ccc;
	border-color: #777 !important;
}

.slider-eduacao-metabloco .controls label:hover {
	
}



.slider-eduacao-metabloco-1 #slide_1_4:checked ~ .controls label:nth-child(1),
.slider-eduacao-metabloco-1 #slide_1_2:checked ~ .controls label:nth-child(1),
.slider-eduacao-metabloco-1 #slide_1_1:checked ~ .controls label:nth-child(2),
.slider-eduacao-metabloco-1 #slide_1_3:checked ~ .controls label:nth-child(2),
.slider-eduacao-metabloco-1 #slide_1_2:checked ~ .controls label:nth-child(3),
.slider-eduacao-metabloco-1 #slide_1_4:checked ~ .controls label:nth-child(3),
.slider-eduacao-metabloco-1 #slide_1_1:checked ~ .controls label:nth-child(4),
.slider-eduacao-metabloco-1 #slide_1_3:checked ~ .controls label:nth-child(4)
{
background-position:-4px -7px;		
}


/* Slider Styling */

.slider-eduacao-metabloco .slides {
	margin: 0;
	padding: 0;
	
}


/* Animation */

.slider-eduacao-metabloco .slides .inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

.slider-eduacao-metabloco  {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.slider-eduacao-metabloco .controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}



.slider-eduacao-metabloco .controls,.slider-eduacao-metabloco .slides,.slider-eduacao-metabloco .active,.slider-eduacao-metabloco .active label {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}






@media only screen and (max-width: 850px) and (min-width: 450px) {

	.slider-eduacao-metabloco .controls {
		margin: -25% 0 0 15%;
		width: 70%;
		height: 50px;
	}

	.slider-eduacao-metabloco  .controls label {
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}

	.slider-eduacao-metabloco  .slides {
		padding: 1% 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.slider-eduacao-metabloco  .active {
		margin: 22% 0 0;
	}

}




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

	.slider-eduacao-metabloco  .controls {
		margin: -28% 0 0 24%;
		width: 50%;
		height: 50px;
	}

	.slider-eduacao-metabloco  .active {
		margin: 23% 0 0;
	}

	.slider-eduacao-metabloco  .slides {
		padding: 1% 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	
	.slider-eduacao-metabloco  .controls label {
		-moz-transform: scale(0.6);
		-webkit-transform: scale(0.6);
		-o-transform: scale(0.6);
		-ms-transform: scale(0.6);
		transform: scale(0.6);
	}

}