
body {

font-size: 14px;
font-weight: 400;
}





#blog {
position: relative;
margin-bottom: 147px;
}

#blog .block .heading {
color: #fff;
}

#blog .block ul li {
overflow: hidden;
width: 50%;
float: left;
background: #fff;
text-align: center;
color: #959595;
transform: 1s;

}
#blog .block ul li:hover img {
transform: scale(1.2) rotate(10deg);
}
#blog .block ul li h3 {
color: #323232;
padding: 0px 15px 15px;
line-height: 26px;
position: relative;
font-weight: 700;
}


#blog .block ul li .blog-img {
float: left;
width: 50%;
height: 100%;
background: red;
overflow: hidden;
}
#blog .block ul li .blog-img img {
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
width:100%;
}
#blog .block ul li .blog-img-2 {
width: 50%;
float: right;
overflow: hidden;
}
#blog .block ul li .blog-img-2 img {
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
width: 100%;
}
#blog .block ul li .content-right {
padding: 68px 15px 23px;
font-size: 16px;
line-height: 26px;
float: right;
width: 50%;
height: 100%;
position: relative;
}
#blog .block ul li .content-right:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 78%;
width: 30px;
height: 30px;
margin-top: -15px;
background: #fff;
transform: rotate(45deg);
margin-left: -15px;
}
#blog .block ul li .content-left {
padding: 68px 15px 23px;
width: 50%;
height: 100%;
float: left;
position: relative;
z-index: 999;
}
#blog .block ul li .content-left:after {
content: "";
position: absolute;
right: -15px;
top: 77%;
width: 30px;
height: 30px;
margin-top: 0px;
background: #fff;
transform: rotate(45deg);
}
#blog .block .btn-more-info {

padding: 8px 34.5px;
border-radius: 0px;
background: linear-gradient(to right, #cc1573, #5722a9);
color: #fff;
border: 1px solid transparent ;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
#blog .block .btn-more-info:hover {

font-weight: 700;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
color: #ffffff;
}
