.teaser-box1{background:#f8f8f8;position:relative;border:4px solid #fff;padding-bottom:100px;transition:all .18s ease;-webkit-transition:all .18s ease}.teaser-box:hover{border-color:#437df9}.teaser-box1 .teaser-title{position:absolute;bottom:0;height:100px;line-height:100px;white-space:nowrap;background-color:#437df9;font-size:29px;letter-spacing:0;font-weight:700;color:#fff;margin:0;padding:0 30px;transition:all .3s ease;-webkit-transition:all .3s ease;width:100%}.teaser-box1:hover .teaser-title{background:#f8f8f8!important;width:100%;height:100%;top:0;bottom:0;color:#000;padding-top:100px}.teaser-box1 a:after,.teaser-box1:hover a:after{background-color:#437df9}.teaser-box1 img{width:100%;opacity:1;transition:all .32s ease;-webkit-transition:all .32s ease}.teaser-box1:hover img{opacity:0}.teaser-box1 a:after{display:inline-block;font-family:themify;content:"\e628";font-size:48px;color:#fff;width:100px;height:100px;text-align:center;line-height:100px;position:absolute;right:0;bottom:0;z-index:11;-webkit-transition:all .15s ease;transition:all .15s ease}.teaser-box1 .teaser-subtitle{position:absolute;top:100px;z-index:0;width:100%;display:block;padding:220px 30px 0;color:#444;margin:0;font-size:19px;opacity:0;visibility:hidden;transition:all .32s ease;-webkit-transition:all .32s ease}.teaser-box1:hover .teaser-subtitle{padding-top:100px;opacity:1;visibility:visible;z-index:13}@media only screen and (min-width:1201px) and (max-width:1441px){.teaser-box1 .teaser-title{font-size:26px}}@media only screen and (max-width:1200px){.teaser-box1 .teaser-title{font-size:22px}}@media only screen and (min-width:768px) and (max-width:1200px){.teaser-box1 a:after{display:none}}@media only screen and (max-width:479px){.teaser-box1 a:after{display:none}}