PATH:
home
/
letacommog
/
aperobusiness
/
wp-content
/
themes
/
deep
/
assets
/
dist
/
css
/
frontend
/
teaser-box
.teaser-box12{background-color:#f5f5f5;padding:45px 30px 0;margin-bottom:40px}.teaser-box12 .teaser-content{position:relative}.teaser-box12 .teaser-image{margin-bottom:-30px}.teaser-box12:hover .teaser-image{-webkit-box-shadow:0 0 0 10px rgba(67,125,249,1);-moz-box-shadow:0 0 0 10px rgba(67,125,249,1);box-shadow:0 0 0 10px rgba(67,125,249,1);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#wrap .teaser-box12 .teaser-title{top:73px;opacity:0;color:#2f2f2f;font-size:33px}.teaser-box12 .teaser-subtitle{top:150px;opacity:0;color:#444;font-size:14px;text-transform:uppercase}.teaser-box12 .teaser-subtitle:after{top:58px;right:50%;width:75px;height:75px;line-height:20px;color:#437df9;content:"\e628";font-size:38px;position:absolute;border-radius:50%;padding:30px 18px;font-family:themify;background-color:#fff;-webkit-transform:translateX(50%);transform:translateX(50%);-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.teaser-box12 .teaser-subtitle,.teaser-box12 .teaser-title{left:50%;padding:10px 15px;position:absolute;display:inline-table;-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#wrap .teaser-box12:hover .teaser-subtitle,#wrap .teaser-box12:hover .teaser-title{opacity:1}.teaser-box12 .bgc-overlay{top:0;left:0;right:0;bottom:0;opacity:0;display:block;margin-bottom:-30px;visibility:hidden;position:absolute;background-color:#f5f2ee;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.teaser-box12:hover .bgc-overlay{margin-bottom:-30px;visibility:visible;opacity:.9}@media(max-width:1560px){.teaser-box12 .teaser-title{top:20px;font-size:22px}.teaser-box12 .teaser-subtitle{top:70px}.teaser-box12 .teaser-subtitle:after{top:43px;width:50px;height:50px;font-size:28px;padding:8px 10px}}@media(max-width:991px){.teaser-box12 .teaser-title{top:4px}.teaser-box12 .teaser-subtitle{top:50px}.teaser-box12 .teaser-subtitle:after{top:30px;font-size:25px;background-color:inherit}}@media(max-width:767px){.teaser-box12{text-align:center;margin-bottom:60px}.teaser-box12 .teaser-content{width:80%;margin:0 auto}.teaser-box12 .teaser-title{top:75px;font-size:40px}.teaser-box12 .teaser-subtitle{top:170px}.teaser-box12 .teaser-subtitle:after{top:55px;font-size:35px;background-color:#fff;width:70px;height:75px;padding:15px 10px}}@media(max-width:479px){.teaser-box12 .teaser-content{width:inherit}.teaser-box12 .teaser-title{top:30px;font-size:28px}.teaser-box12 .teaser-subtitle{top:100px}}@media(max-width:420px){.teaser-box12 .teaser-title{top:8px;font-size:22px}.teaser-box12 .teaser-subtitle{top:53px}.teaser-box12 .teaser-subtitle:after{top:30px;font-size:30px;background-color:inherit}}
[+]
..
[-] 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]