PATH:
home
/
letacommog
/
aperobusiness
/
wp-content
/
themes
/
deep
/
assets
/
dist
/
css
/
frontend
/
teaser-box
.teaser-box8{background:#fff;position:relative;box-shadow:0 0 1px rgba(0,0,0,.01);transition:all .3s ease;-webkit-transition:all .3s ease}.teaser-box8:hover{box-shadow:0 10px 29px rgba(0,0,0,.2)}.teaser-box8 .teaser-title{position:absolute;top:10%;white-space:nowrap;background:0 0!important;font-size:30px;letter-spacing:0;font-weight:700;color:#000;margin:0;padding:0 5%;transition:all .3s ease;-webkit-transition:all .3s ease;width:100%}.teaser-box8 img{width:100%;opacity:1;transition:all .32s ease;-webkit-transition:all .32s ease}.teaser-box8:hover img{opacity:.8}.teaser-box8 .teaser-subtitle{position:absolute;top:10%;z-index:3;width:100%;display:block;padding:0 5%;color:#222;margin:40px 0 0;font-size:19px;line-height:1.52;max-width:60%;font-weight:300;transition:all .32s ease;-webkit-transition:all .32s ease}.teaser-box8 .teaser-btn{position:absolute;bottom:10%;left:5%;background:#fff;display:inline-block;padding:11px 22px;border-radius:55px;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;line-height:1;color:#222;margin:0;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:all .32s ease;-webkit-transition:all .32s ease}.teaser-box8 .teaser-btn:hover{background:#222!important;color:#fff!important}@media (max-width:1280px){.teaser-box8 .teaser-title{font-size:25px}.teaser-box8 .teaser-subtitle{font-size:16px;margin-top:32px}}@media (max-width:991px){.teaser-box8 .teaser-title{font-size:22px}.teaser-box8 .teaser-subtitle{font-size:14px;margin-top:28px}}@media (max-width:480px){.teaser-box8 .teaser-title{font-size:17px}.teaser-box8 .teaser-subtitle{font-size:12px;margin-top:20px;line-height:1.38}.teaser-box8 .teaser-btn{font-size:9px;padding:8px 16px}}@media (max-width:320px){.teaser-box8 .teaser-subtitle{font-size:0}}
[+]
..
[-] teaser-box12.css
[edit]
[-] teaser-box15.css
[edit]
[-] teaser-box4.css
[edit]
[-] teaser-box3.css
[edit]
[-] teaser-box14.css
[edit]
[-] teaser-box13.css
[edit]
[-] teaser-box2.css
[edit]
[-] teaser-box5.css
[edit]
[-] teaser-box8.css
[edit]
[-] teaser-box6.css
[edit]
[-] teaser-box1.css
[edit]
[-] teaser-box10.css
[edit]
[-] teaser-box17.css
[edit]
[-] teaser-box7.css
[edit]
[-] teaser-box9.css
[edit]
[-] teaser-box16.css
[edit]
[-] teaser-box11.css
[edit]
[-] teaser-box18.css
[edit]