.recommended-by-section{padding-top:40px;padding-bottom:80px;background-color:#0e0f11}.recommended-by-section h2{color:#fff;font-size:45px;font-style:normal;font-weight:800;text-align:center;width:50%;margin-left:auto;margin-right:auto}.recommended-by__image-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;position:relative;overflow:hidden;height:400px;z-index:1;margin:-5px auto}.recommended-by__image:before{position:absolute;width:100%;height:100%;display:block;top:0;left:0;z-index:1;content:""}.recommended-by__image{display:flex;flex-shrink:0;flex-basis:auto;flex-grow:1;align-items:stretch;margin:5px;border-radius:10px;overflow:hidden;backface-visibility:hidden;transition-duration:.5s;transform:translateZ(0)}.recommended-by__image img{position:absolute;object-fit:cover;border:none;box-shadow:none;top:0;left:0;max-width:100%;width:100%;height:100%;opacity:1;transition:opacity .3s ease;overflow:visible!important}.recommended-by__description-wrapper{display:flex;justify-content:flex-end;flex-flow:column;position:absolute;padding:10px;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;transition:opacity .15s ease}.recommended-by__description-wrapper h3{color:#0e0f11;text-align:left;font-size:20px;font-weight:800;text-transform:uppercase;line-height:1em;margin:0% 0% 4%;order:1}.recommended-by__description{text-align:left;margin:0;order:2;align-self:stretch;font-size:14px;line-height:17px}.recommended-by__description p{margin:0;color:#000}.recommended-by__image:hover{flex-grow:14}.recommended-by__image:hover img{position:absolute;object-fit:cover;border:none;box-shadow:none;top:0;left:unset;right:0;max-width:100%;width:50%;height:100%;opacity:1;transition:opacity .3s ease;overflow:visible!important}.recommended-by__image:hover .recommended-by__description-wrapper{opacity:1;transition:.5s opacity .3s ease}@media screen and (min-width: 750px){.recommended-by__image-container{height:600px;margin:10px auto}.recommended-by__image{margin:10px}.recommended-by__description-wrapper{padding:60px}.recommended-by__description-wrapper h3{font-size:36px}.recommended-by__description{font-size:16px;line-height:28px}}@media screen and (min-width: 990px){.recommended-by__description-wrapper h3{margin:0% 50% 4% 0%}.recommended-by__description{margin:0% 50% 0% 0%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-recommended-by.css.map */