BLOG

										
<!-- SINGLE BLOG START -->
<div class="col-md-4 col-left-right mbr mb-xs">
<div class="blog-single">
<a href="#">
<img alt="" src="img/blog/1.jpg">
</a>
<div class="blog-content">
<h3><a href="#">Latest Fashion for Women</a></h3>
<div class="date">
<span>May 6th, 2016, 12.45pm</span>
</div>
<p>But I must explain to you how all this mistaken idea  of denouncing pleasure and praising pain was bornad will give you a complete pain was praising</p>
<div class="comment-area">
<ul>
<li class="more">
<a href="#">READ MORE  >></a>
</li>
<li>
<a href="#"><i class="flaticon-speech-bubbles-comment-option"></i>06Comments</a>
</li>
<li>
<a href="#"><i class="flaticon-big-heart"></i>25 Likes</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- SINGLE BLOG END -->
<!-- SINGLE BLOG START -->
<div class="col-md-4 col-left-right mb-xs">
<div class="blog-single">
<a href="#">
<img alt="" src="img/blog/2.jpg">
</a>
<div class="blog-content">
<h3><a href="#">New Trends for Men</a></h3>
<div class="date">
<span>May 15th, 2016, 03.25pm</span>
</div>
<p>But I must explain to you how all this mistaken idea  of denouncing pleasure and praising pain was bornad will give you a complete pain was praising</p>
<div class="comment-area">
<ul>
<li class="more">
<a href="#">READ MORE  >></a>
</li>
<li>
<a href="#"><i class="flaticon-speech-bubbles-comment-option"></i>06Comments</a>
</li>
<li>
<a href="#"><i class="flaticon-big-heart"></i>25 Likes</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- SINGLE BLOG END -->
<!-- SINGLE BLOG START -->
<div class="col-md-4 col-left-right hidden-sm hidden-xs">
<div class="blog-single">
<a href="#">
<img alt="" src="img/blog/3.jpg">
</a>
<div class="blog-content">
<h3><a href="#">Fashion Show With New Collection</a></h3>
<div class="date">
<span>May 14th, 2016, 10.45pm</span>
</div>
<p>But I must explain to you how all this mistaken idea  of denouncing pleasure and praising pain was bornad will give you a complete pain was praising</p>
<div class="comment-area">
<ul>
<li class="more">
<a href="#">READ MORE  >></a>
</li>
<li>
<a href="#"><i class="flaticon-speech-bubbles-comment-option"></i>06Comments</a>
</li>
<li>
<a href="#"><i class="flaticon-big-heart"></i>25 Likes</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- SINGLE BLOG END -->
										
									

										
.blog-content > h3{
margin: 18px 0 3px;
}
.blog-content > h3 a{
color: #282828;
font-family: montserrat;
font-size: 20px;
font-weight: 600;
}
.blog-content > h3 a:hover{
color:#ff4081;
}
.blog-single img {
width: 100%;
}
.date > span {
color: #ff4081;
font-family: brush script std;
font-size: 18px;
}
.blog-content > p {
color: #656565;
font-family: open sans;
line-height: 25px;
margin: 5px 0 12px;
}
.comment-area ul li {
display: inline-block;
}
.comment-area ul li a {
font-family: montserrat;
font-size: 12px;
color: #a6a6a6;
}
.comment-area ul li a:hover{color:#ff4081;}
.more > a {
color: #ff4081!important;
font-family: montserrat;
font-size: 11px;
}
.comment-area [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
font-family: Flaticon;
font-size: 12px;
font-style: normal;
margin-left: 20px;
margin-right: 5px;
}
.blog-single > a {
display: block;
position: relative;
overflow:hidden;
}
.blog-single > a::before, .blog-single > a::after {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
position: absolute;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 8;
}
.blog-single > a::after {
bottom: -100%;
right: -100%;
}
.blog-single > a::before, .blog-single > a::after {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
position: absolute;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 8;
}
.blog-single > a::before {
left: -100%;
top: -100%;
}
.blog-single:hover a::before {
left: 0;
top: 0;
}
.blog-single:hover a::after {
bottom: 0;
right: 0;
}
.reply-comment-area {
margin-top: 35px;
overflow: hidden;
}
.reply-comment-area h3, .user-comment-form-area h3 {
border-top: 1px solid #e5e5e5;
font-family: montserrat;
font-size: 24px;
font-weight: 700;
margin: 0 0 40px;
padding: 22px 0 0;
}
.single-reply {
margin: 0 0 20px;
overflow: hidden;
}
.comment-author {
float: left;
width: 8%;
padding-right: 15px;
}
.comment-author img {
border-radius: 100%;
}
.comment-info::before {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ececec;
border-left: 1px solid #ececec;
content: "";
display: block;
height: 10px;
left: -5px;
position: absolute;
top: 10px;
transform: rotate(45deg);
width: 10px;
}
.comment-info {
border: 1px solid #ececec;
border-radius: 3px;
float: left;
padding: 10px;
position: relative;
width: 92%;
}
.comment-author-info {
color: #9d9d9d;
font-size: 12px;
line-height: 1;
margin: 0 0 15px;
}
.comment-author-info a {
color: #555;
text-decoration: none;
}
.comment-author-info a {
color: #555;
text-decoration: none;
}
.comment-info > p {
padding: 0;
}
.user-comment {
padding-left: 25px;
}
.user-comment-form-area {
margin-top: 40px;
overflow: hidden;
}
.user-comment-form-area p {
color: #656565;
font-family: open sans;
}
.input-element p {
float: left;
padding: 0 10px;
width: 33.3333%;
}
.input-element > p:last-child {
margin: 0;
}
.input-element p label {
color: #9d9d9d;
display: block;
font-weight: 400;
margin: 0 0 5px;
}
.input-element p input[type="text"], .input-element p textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 0;
height: 32px;
outline: medium none;
padding: 0 0 0 10px;
width: 100%;
}
.input-element p label {
color: #9d9d9d;
display: block;
font-weight: 400;
margin: 0 0 5px;
}
.input-element p textarea {
height: inherit;
padding: 10px;
}
.input-element p input[type="submit"] {
background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
color: #3f3f3f;
display: inline-block;
font-family: Montserrat,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
height: 39px;
line-height: 39px;
padding: 0 15px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.input-element p:nth-child(4) {
display: block;
float: none;
width: 100%;
}
.author-description a:hover, .comment-author-info a:hover {
color: #ff4081;
}
.input-element p input[type="submit"]:hover, .review-form form .comment-form-rating input[type="submit"]:hover {
background: #ff4081 none repeat scroll 0 0;
border-color: #ff4081;
color: #fff;
}