
#contenedor-academy{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	padding-left: 20px;
	padding-right: 20px;
}

.cont-detail-academy {
	
}

ç

.cont-detail-academy .select-colors-cont.expanded .colors-cont{
	max-height: 10000px;
     border-bottom: 1px solid #747474;
}



.cont-detail-academy .select-colors-cont .colors-cont{
		max-height: 300px;
		/*overflow: hidden;*/
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
}
	
.cont-detail-academy .select-colors-cont .colors-cont .color-sample{
	display: inline-block;
	width: 120px;
	min-height: 250px;
    overflow: initial;
	margin: 25px 50px;
	border: solid 0px #494949;
	-webkit-transition: border .2s ease;
	-o-transition: border .2s ease;
	transition: border .2s ease;
	font-size: 16px;
	
	color: #494949;
	text-align: center !important;
	border-bottom: 0px solid #dedede;
    padding-bottom: 0px;
}


.cont-detail-academy .select-colors-cont .colors-cont .color-sample>img:hover{
	border: solid 2px #E30613;
}

.cont-detail-academy .color-sample img {
	border: 1px solid #A7A7A7;
	border-radius: 80px;
    margin-bottom: 10px;
}


@media screen and (min-device-width:300px) and (max-device-width: 812px) {

	.cont-detail-academy .select-colors-cont .colors-cont .color-sample {
    width: 66px !important;
    min-height: 100px !important;
    max-height: 205px !important;
		
	}
	
	.cont-detail-academy .select-colors-cont .colors-cont {
    min-height: 200px !important;
	}

}
