.main_card .card_wrapper{position:relative;height:100%;width:100%}.main_card .card_wrapper .image_wrap{position:relative;height:100%;width:100%;overflow:hidden}.main_card .card_wrapper .opacity{position:absolute;width:100%;height:30%;bottom:0;background:#000;background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);-ms-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease}.main_card .card_wrapper .card_info{color:#fff;position:absolute;width:100%;bottom:0;padding:20px}.main_card .card_wrapper .card_info a{color:#fff;text-decoration:none}.main_card .card_wrapper .card_info .card_icon{opacity:0;-ms-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid;width:80%;max-width:200px}.main_card .card_wrapper .card_info .card_icon span{font-size:30px}.main_card .card_wrapper .card_info .title{font-size:20px;line-height:28px}@media only screen and (max-width: 1200px){.main_card .card_wrapper .card_info .title{font-size:18px;line-height:26px}}@media only screen and (max-width: 768px){.main_card .card_wrapper .card_info .title{font-size:16px;line-height:24px}}.main_card[data-hover_action=active] .card_wrapper:hover .opacity{height:100%}.main_card[data-hover_action=active] .card_wrapper:hover .card_icon{opacity:1}@media only screen and (max-width: 768px){.main_card .card_wrapper .card_icon{opacity:1 !important}}