/* category */

/* blog listing */



.lastest_block {

    background: url("../img/blog-bg.jpg") no-repeat fixed center center;

    padding: 50px 0;

    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.11); 

}

.blog-meta {

    float: left;

    width: 100%;

    padding: 5px 0;

}



h3.Recent-title.h3 {

    margin-bottom: 15px;

}



.secondary-blog .col-lg-4 {

  padding-left: 0;

}



.blog-category-block {

    float: left;

    width: 100%;

    padding: 15px 0;

    background: #f6f6f6;

    margin-bottom: 15px;

}



#blog-listing span.blog-created, #blog-category span.blog-created,  #blogpage span.blog-created{

    float: left;

    width: 100%;

    padding:5px 0 0 0;

    color: #000;

    font-size: 14px;

}



#blogpage .blog-content-wrap {

    padding: 10px 0;

    background-color: #fff;

	    float: left;

    width: 100%;

}



#blogpage .blog-title {

    font-size: 17px;

    text-transform: uppercase;

    line-height: 25px;

    margin: 0;

    float: left;

    width: 100%;

}



#blog-listing leading-blog span.blog-created, #blog-category .leading-blog span.blog-created{

	position: absolute;

	left:0;

	bottom:0;

}



.blog-meta > span {

  margin-right: 10px;

  color: #888;

  position: relative;

  font-size: 12px;

}

.blog-meta > span:last-child:before {

  display: none;

}

.blog-meta > span span {

  color: #222;

}



.blog-item {

  background-color: #fff;

  position: relative;

  margin-bottom: 30px;

  margin-top: 0;

  font-size: 13px;

  padding: 0;

  float: left;

}

.blog-item .blog-content-wrap {

	padding: 0 15px;

    background-color: #fff;

    float: left;

}

.secondary-blog .blog-item .blog-content-wrap{padding: 15px 0;}

.blog-item .blog-content-wrap .title {

  font-size: 15px;

  text-transform: uppercase;

  line-height: 25px;

  margin:0;

}

.blog-item .blog-content-wrap .readmore p {

  margin-bottom: 0;

  margin-top: 10px;

}

.blog-item .blog-content-wrap .readmore p .btn {

  text-transform: uppercase;

  font-size: 14px;

}



.userdetails {

    float: left;

    width: 100%;

    padding: 10px 0;

	    margin: 0 0 5px;

}

.blog-item .blog-content-wrap .readmore p .btn:hover {

  

}

.blog-item .blog-content-wrap .blog-shortinfo {

  color: #888;

  line-height: 20px;

}

.blog-item .blog-content-wrap .blog-shortinfo .more {

  height: 0;

  padding: 0;

}

.blog-item .blog-content-wrap .blog-shortinfo .more i {

  color: #888;

}

.blog-item .blog-content-wrap .blog-shortinfo .more i:hover {

  color: #222;

}

.blog-item .blog-image {

  padding: 0;

  position: relative;

}



.blog-detail {

  background-color: #fff;

      padding: 0;

float: left;

    width: 100%;	  

}



.blog-detail .blog-image {

  padding-bottom: 30px;

  margin-bottom: 0;

}

.blog-detail .blog-title {

  font-size: 22px;

  text-transform: capitalize;

  color: #222;

  font-weight: bold;

  margin: 0;

}

.blog-detail .blog-description {

  font-size: 14px;

  text-align: justify;

  margin-bottom: 80px;

}

.blog-detail .social-share {

  display: inline-block;

  float: left;

}

.blog-detail .extra-blogs {

  display: inline-block;

  width: 100%;

}

.blog-detail .blog-tags {

  display: inline-block;

  float: right;

}

.blog-detail .blog-tags > span {

  font-weight: bold;

  font-size: 14px;

  margin-right: 15px;

}

.blog-detail .blog-comment-block #blog-localengine .comment-item {

  padding: 30px;

  margin-bottom: 30px;

  border: 1px solid #e5e5e5;

  border-radius: 4px;

}

.blog-detail .blog-comment-block #blog-localengine .comment-item .comment-wrap {

  margin-left: 80px;

}

.blog-detail .blog-comment-block #blog-localengine .comment-item .comment-wrap .comment-meta {

  color: #222;

  font-weight: bold;

  margin-bottom: 10px;

}

.blog-detail .blog-comment-block #blog-localengine .comment-item .comment-wrap .comment-meta > span {

  margin-right: 15px;

}

.blog-detail .blog-comment-block #blog-localengine .comment-item .comment-wrap .comment-meta > span span {

  color: #888;

  margin-left: 10px;

  font-weight: normal;

}

.blog-detail .blog-comment-block #blog-localengine .form-group {

  margin-bottom: 30px;

}

.blog-detail .blog-comment-block .btn-send {

  padding: 0 15px;

  height: 40px;

  line-height: 40px;

  min-width: 110px;

  text-align: center;

  color: #fff;

  background-color: #eee;

  font-weight: 600;

  float: right;

  border-radius: 3px;

}

.blog-detail .blog-comment-block .btn-send i {

  margin-right: 10px;

  font-weight: 800;

}

.blog-detail .blog-comment-block .btn-send:hover {

  background-color: #222;

}



.lastest_block #blog-block .blog_item {

    float: left;

    width: 33.33%;

}

.lastest_block .blog_item  h4.blog-title a{

  font-size: 14px;

  line-height: normal;

  font-weight: 700;

  text-transform: uppercase;

  color: #000;

  letter-spacing: 0.84px;

}



.lastest_block h4.blog-title {

    margin: 0;

    float: left;

    width: 100%;

}

.lastest_block .blog_item .blog_container.product-contents img

{

  transition: all 0.45s ease 0s;

  -webkit-transition: all 0.45s ease 0s;

  -moz-transition: all 0.45s ease 0s;

  -o-transition: all 0.45s ease 0s;

}

.lastest_block .blog_item .blog_container.product-contents {

    margin: 0 15px;

	float:left;

  overflow: hidden;

  cursor: pointer;

  border-bottom: 1px solid #e5e5e5;

}

.lastest_block .blog_item .blog_container.product-contents:hover {

    border-color: #0d4b88;

}

.main-blog-description {

    width: 100%;

    float: left;

    padding: 20px 0;

    text-align: left;

}

.lastest_block span.blog-created {

  float: left;

  font-size: 14px;

  font-weight: 400;

  color: #fff;

  background: #0d4b88;

  text-align: center;

  border-radius: 0 0 15px 15px;

  padding: 15px 10px;

  position: absolute;

  left: 0;

  right: auto;

  top: 0;

  bottom: auto;

}

.lastest_block span.blog-created::before{

    content: "";

    position: absolute;

    left: auto;

    right: -10px;

    bottom: 0;

    top: 0;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 0 0 10px;

    border-color: transparent transparent transparent #0d4b88;

    transition: all 0.45s ease 0s;

  -webkit-transition: all 0.45s ease 0s;

  -moz-transition: all 0.45s ease 0s;

  -o-transition: all 0.45s ease 0s;

}

.blog-created .blog-created-date {

    font-size: 26px;

    font-weight: 700;

}

.blog-created .blog-created-month {

    display: block;

    line-height: 14px;

}



.blog-inner p{margin: 0;}

.blog-inner p > .btn-primary

{

  margin-top: 39px;

}

.lastest_block .blog-image {

    position: relative;

	float: left;

  overflow: hidden;

    width: 100%;

    padding-top: 10px;

}



#index .blog-shortinfo {

  color: #505050;

  font-size: 12px;

  line-height: 18px;

  text-transform: capitalize;

  float: left;

  padding: 20px 0;

}

.lastest_block #blog-block {

    margin: 0 -15px;

}

.lastest_block span.blog-author {

    font-size: 12px;

    padding:0;

    float: left;

}

.blog-author a,.blog-hit .fa.fa-heart

{

  font-size: 12px;

  line-height: 15px;

  display: inline-block;

  color: #000;

   padding-left: 20px;

  background: url("../img/blog-icon.png") no-repeat left 0;

}

.blog-author a

{

  background-position: left 0;

}

.blog-author a:hover

{

  background-position: left -63px;

  color: #0d4b88;

}

.blog-hit .fa.fa-heart

{

  background-position: left -125px;

}

.blog-hit .fa.fa-heart:hover,.blog-hit:hover

{

  background-position: left -186px;

  color: #0d4b88;

}

.lastest_block span.blog-hit

{

  float: left;

  text-align: left;

  margin-left: 20px;

}



.blog-meta-detail {

  float: left;

  width: 100%;

  transition: all 0.45s ease 0s;

    -webkit-transition: all 0.45s ease 0s;

    -moz-transition: all 0.45s ease 0s;

    -o-transition: all 0.45s ease 0s

}

.blog-meta-detail a:hover

{

  color: #0d4b88;

}

.blog_container.product-contents:hover .blog-title a,.blog-item:hover .blog-content-wrap .title a

{

  color: #0d4b88;

}

.blog_container.product-contents:hover .blog-meta-detail

{

  bottom: 0;

  transition: all 0.45s ease 0s;

  -webkit-transition: all 0.45s ease 0s;

  -moz-transition: all 0.45s ease 0s;

  -o-transition: all 0.45s ease 0s;

}

#blog-listing h1 {



    text-transform: uppercase;



}





@media (max-width:1450px)

{

  

}

@media (max-width:1350px)

{



}

@media (max-width:1199px)

{

 

}

@media (max-width:991px)

{

  .blog-item .blog-image{width: 100%;}

  .blog-item .blog-content-wrap{width: 100%;padding:15px 0;}

  .lastest_block .blog_item h4.blog-title a{font-size: 13px;}

}

@media (max-width:767px)

{

 

}

@media (max-width:479px)

{

  

}