.mix .box-container{height:250px}.mix-boxes .dropdown{margin-top:50px}.box-container img{margin:0 auto}.mix .box-container{background-color:#fff;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin-bottom:30px;overflow:hidden;padding:20px;position:relative}.mix .box-container:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.mix .box-container:hover .title-container{opacity:0}.mix .box-container:hover .short-description-container{opacity:1}.mix .box-container:hover .short-description-container .short-description{height:100%;top:100%;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.mix .box-container img{webkit-transition:transform .4s;line-height:1;-moz-transition:transform .4s;-o-transition:transform .4s;-ms-transition:transform .4s;transition:transform .4s;vertical-align:middle;width:100%}.mix .box-container .image-container{height:220px;line-height:220px;vertical-align:middle}.mix .box-container .short-description-container{background:#0082c8;color:#fff;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity .2s;width:100%;z-index:2}.mix .box-container .short-description-container .short-description{left:0;opacity:.9;padding:20px;right:0;top:70%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.mix .box-container .short-description-container .short-description a{bottom:0;color:#fff}.mix .box-container .short-description-container .short-description p{font-size:.875rem!important;margin-top:10px}.mix .box-container .short-description-container .short-description{left:10px;padding:30px;position:absolute;width:100%}