.mega_info_box i,
.mega_info_box_2 i {
transition: background .5s ease, color .3s ease
}
.mega_info_box .mega-info-img {
display: block;
padding-bottom: 8px;
margin: 0 auto
}
.mega_info_box i {
margin-bottom: 12px
}
.mega_info_box {
text-align: center;
padding-bottom: 1px
}
.mega_info_box .mega-info-title {
margin-bottom: 10px;
margin-top: 10px;
color: #444
}
.mega_info_box .mega-info-desc {
margin-bottom: 10px;
text-align: center
}
.mega_info_box .mega-info-btn {
text-decoration: none;
padding: 0;
font-size: 15px;
color: #fff;
border-radius: 4px
}
.mega_info_box_2 {
padding-bottom: 1px
}
.mega_info_box_2 .clearfix {
clear: both
}
.mega_info_box_2 i {
text-align: center
}
.mega_info_box_2 .mega-info-header {
display: table-cell;
padding-right: 15px;
float: left
}
.mega_info_box_2 .mega-info-footer {
display: table-cell;
vertical-align: middle
}
.mega_info_box_2 .mega-info-img {
padding-bottom: 20px;
display: block
}
.mega_info_box_2 .mega-info-title {
margin-bottom: 6px;
margin-top: 0;
color: #444
}
.mega_info_box_2 .mega-info-desc {
color: #444
}
.mega_info_box_2 .mega-info-btn {
text-decoration: none;
color: #fff;
font-size: 15px;
margin-top: 12px
}
.vc_info_box_shadow {
box-shadow: 0 6px 20px 0 rgba(194, 204, 222, .4);
border-radius: 4px;
padding: 15px;
margin-bottom: 10px;
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s
}
.vc_info_box_shadow:hover {
box-shadow: 0 6px 20px 0 rgba(194, 204, 222, .75)!important
}
.ribbon-right {
position: absolute;
right: -6px;
top: -6px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right
}
.ribbon-right span {
font-size: 10px;
font-weight: 700;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
background: #79A70A;
background: linear-gradient(#05EFF7 0, #087F8F 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px;
right: -21px
}
.ribbon-right span::after,
.ribbon-right span::before {
content: "";
top: 100%;
border-bottom: 3px solid transparent;
border-top: 3px solid #087F8F;
position: absolute;
z-index: -1
}
.ribbon-right span::before {
left: 0;
border-left: 3px solid #087F8F;
border-right: 3px solid transparent
}
.ribbon-right span::after {
right: 0;
border-left: 4px solid transparent;
border-right: 3px solid #087F8F
}