.mix-grid .mix{overflow:hidden;margin-bottom:15px;position:relative;opacity:0;opacity:1;display:none;display:block}.mix-grid .mix .mix-inner{padding:0;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#2c7095;width:100%}.mix-grid .mix .mix-details{height:100%;color:#fff;position:absolute;bottom:-100%;text-align:center;width:100%}.mix-grid .mix .mix-details,.mix-grid .mix:hover .mix-details{transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}.mix-grid .mix:hover .mix-details{bottom:0}.mix-grid .mix .mix-details i{font-size:14px;color:#fff}.mix-grid .mix a.mix-link,.mix-grid .mix a.mix-preview{padding:10px 15px;color:#555;position:absolute;background:#db3a1b;cursor:pointer;display:block}.mix-grid .mix a.mix-preview{margin-left:5px;left:50%}.mix-grid .mix a.mix-link{right:44%;top:40%}.mix-grid .mix a.mix-link:hover,.mix-grid .mix a.mix-preview:hover{padding:9px 14px;border:1px solid #eee;text-decoration:none;color:#fff}.mix-grid .mix .mix-details{background:none}.mix-grid .mix:hover .product-details{-o-transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;z-index:9999}.mix-grid .mix:hover p{color:#fff}.mix-grid .mix a{text-decoration:none}.mix-grid .mix a:hover p{color:#fff}.mix-grid .mix a:hover h2,.mix-grid .mix a:hover h3{color:#20ece4}.mix-grid .mix img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.8s ease-in-out;transition:.8s ease-in-out}.mix-grid .mix:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (min-width:992px){.mix-grid .mix.col-md-6.col-sm-6 .mix-details{height:50%}}@media (min-width:768px) and (max-width:991px){.mix-grid .mix a.mix-link,.mix-grid .mix a.mix-preview{right:40%;top:40%}}