/**WORKSHOP**/
#workshop a{text-decoration: none!important;}
#workshop {
		background: RGBA(226, 136, 8, 0.1) !important;
		padding: 0 10px 8px 0;
}
#workshop img {
		width: 100%;
		height: auto;
}
#workshop h3 {
		text-align: center;
		color: #e28808;
		font-size:16px;
		
}
#workshop .inline-workshop {
		padding: 10px 0 0 10px;
		position: relative;
		min-height: 505px;
		z-index: 90;
		overflow: hidden;
}
#workshop .inline-workshop:hover {
		cursor: pointer;
}
#workshop .desc {
    opacity:0;
		-webkit-transition: opacity 0.5s ease-in-out;
       -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
         -o-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;
    position: absolute;
    bottom: 4px;
    z-index: 100;
    background: #fff;
    overflow: hidden;
    height: 100px;
    width: 100%;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 20px;
}
#workshop .inline-workshop:hover > div.desc {
	transition: opacity 0.5s ease-in-out;
	opacity:1;
}
@media screen and (max-width: 1106px) {
	#workshop .inline-workshop {
    min-height: 422px;
}
	#workshop .desc {
    display: block!important;
	}
	
}
@media screen and (max-width: 990px) {
	#workshop .inline-workshop {
    min-height: 313px;
}
	#workshop .desc {
	bottom:0px;

    padding-top: 7px;
}
	
}