.hover-tiles-item{position:relative;width:33.33333%;height:100vh;max-height:360px;float:left;padding:40px 20px;background-size:cover;background-position:center center;background-repeat:no-repeat}.hover-tiles-title{font-size:26px;color:#fff;transition:opacity .2s ease}.hover-tiles-content-wrap{font-size:16px;color:#fff;display:none;opacity:0;transition:opacity .3s ease}.hover-tiles-content{position:relative}.hover-tiles-icon{position:absolute;bottom:40px;right:20px;width:30px;height:30px;background-color:#be9a5c;border-radius:99em;padding:3px;text-align:center;cursor:pointer;z-index:2}.hover-tiles-icon svg{fill:#fff;width:20px;height:20px}.hover-tiles-icon:hover ~ .hover-tiles-content-wrap{display:block;opacity:1}.hover-tiles-icon:hover ~ .hover-tiles-title{display:none;opacity:0}.hover-tiles-content-wrap:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:0}@media screen and (max-width:991px){.hover-tiles-item{width:50%;float:left}}@media screen and (max-width:767px){.hover-tiles-item{width:100%;float:none}}