.hero-wraper{height:100%;position:relative;margin-bottom:20px}.hero-wraper>img{object-fit:cover;height:300px;width:100%}.hero-wraper>.title-hero{position:absolute;bottom:0;left:0;opacity:.9;width:85%;padding:0;color:#FFF;border-left:0;border-right:70px solid transparent;border-bottom:60px solid #333;min-height:6px}.hero-wraper>.title-hero>h1{padding:10px 20px;padding-left:10%;width:100%;line-height:initial;margin:0;position:absolute;top:0}.hero-wraper>.title-hero>h1>div{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-hero>h1.color-white{color:#FFF}.title-hero>h1.color-black{color:#000}.title-hero.color-bg-black{border-bottom:60px solid #000}.title-hero.color-bg-white{border-bottom:60px solid #FFF}.title-hero.color-bg-red{border-bottom:60px solid #b94e4e}.title-hero.color-bg-redBright{border-bottom:60px solid #eb0303}.title-hero.color-bg-blue{border-bottom:60px solid #193e72}.title-hero.color-bg-blueLight{border-bottom:60px solid #58759d}.title-hero.color-bg-green{border-bottom:60px solid #80c414}.title-hero.color-bg-orange{border-bottom:60px solid #f79113}.title-hero.color-bg-yellow{border-bottom:60px solid #f7c613}.title-hero.color-bg-purple{border-bottom:60px solid #636f9b}.title-hero.color-bg-gray{border-bottom:60px solid #8c8c8c}