.page-blogpost #header {
  padding: 0 0 17px 0;
}
.page-blogpost #sidebar-first{
  padding-top: 6px;
}
.page-blogpost .whitebox{
  border: 0;
  padding: 0;
}
.page-blogpost #main{
  background-color: #fff;
}
.page-blogpost .whitebox >h1{
  display: none;
}
.block_search_blog .wrap_input_form{
  display: inline-block;
}
.block_search_blog .wrap_input_form .wrap_main_form{
  border: 1px solid #e1e1e1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}
.block_search_blog .wrap_input_form .wrap_main_form.bradiusNon {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.block_search_blog .wrap_input_form .form-item-valToFind{
  margin: 0;
  float: left;
}
.block_search_blog .wrap_input_form input[type="text"]{
  width: 180px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  border-radius: 0;
  border: 0;
  border-right: 1px solid #e1e1e1;
  height: 38px;
}
.block_search_blog .wrap_input_form .btn-submit-search{
  width: 38px;
  height: 38px;
  background: #f6f6f6;
  border: none;
  vertical-align: middle;
  display: inline-block;
  float: left;
  cursor: pointer;
  position: relative;
  outline: none;
}
.block_search_blog .wrap_input_form .btn-submit-search:hover{
  background-color: #ececec;
}
.block_search_blog .wrap_input_form .btn-submit-search:before{
  font: normal normal normal 24px/1 "Material Design Icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f349";
  font-size: 16px;
  line-height: 18px;
  color: #4d4d4d;
  font-weight: 400;
}
.block_search_blog .wrap_input_form .DataFilterTag {
    border: 1px solid #e1e1e1;
    border-top: 0;
    border-radius: 0px 0px 3px 3px;
    padding: 8px 13px 8px;
    display: none;
    position: absolute;
    z-index: 99999;
    background: #fff;
    width: 100%;
    max-height: 150px;
    overflow: auto;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.block_search_blog .wrap_input_form .DataFilterTag ul {
    margin: 0;
    padding: 0;
}
.block_search_blog .wrap_input_form .DataFilterTag ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    cursor: pointer;
}
.block_search_blog .wrap_input_form .DataFilterTag ul li span{
  text-transform: lowercase;
  display: inline-block;
}
.block_search_blog .wrap_input_form .DataFilterTag ul li span:first-letter{
  text-transform: uppercase;
}
.page-blogpost div.wrapper-loader{
  position: absolute;
  display: block;
  padding: 20px 0;
  bottom: 0;
  width: 100%;
}
.page-blogpost div.wrapper-loader .circle-loader{
  position: relative;
  margin: auto;
}

.block_filter_blog{
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}
.block_filter_blog > h2{
  color: #4d4d4d !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: lowercase;
  margin-bottom: 12px !important;
}
.block_filter_blog > h2::first-letter{
  text-transform: uppercase;
} 

/******************* block_kyword_categorie *********************/
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list > ul{
  border: 1px solid #e1e1e1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list  > ul > li > .views-field a{
  font-weight: 700;
  background-color: #f6f6f6;
  border-top: 1px solid #e1e1e1;
  padding: 8.19px 14px;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list  > ul > li:first-child > .views-field a{
  border-top: 0;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list > ul li:hover > .views-field a{
  background-color: #fff;
  color: #8fbf30;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list > ul li.parent:hover > .views-field a{
  padding-bottom: 0;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list ul{
  padding: 0;
  margin: 0;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list ul li{
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list ul > li.parent:before:hover{
  cursor: pointer;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list ul > li.parent:before{
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f140";
  font-size: 17px;
  color: #4d4d4d;
  position: absolute;
  right: 14px;
  top: 12px;
  display: inline-block;
  width: 16px;
  height: 16px;

}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list ul > li.parent:hover:before{
  content: "\f143";
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list ul li a{
  font-size: 12px;
  line-height: 24px;
  color: #4d4d4d;
  text-transform: lowercase;
  display: block;
  text-decoration: none;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list > ul li a::first-letter{
  text-transform: uppercase;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list > ul li:hover > div.item-list{
  /*display: block;*/
  padding-bottom: 7px;
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  /*transform: translateY(0%);*/
  transition-delay: 0s, 0s, 0s;
  transition: all 0.3s ease-in-out 0s;/* visibility 0s linear 0.3s;/*, z-index 0s linear 0.01s;*/
  height:100%;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list > ul li > div.item-list{
  /*display: none;*/
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  /*transform: translateY(-2em);
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;/*, z-index 0s linear 0.01s;*/
  height: 0;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list > ul li > div.item-list ul li a{
  font-weight: 400;
  line-height: 23px;
  padding: 0 14px 0 27px;
}
.block_kyword_categorie .view-list-categorie div.view-content > div.item-list > ul li > div.item-list ul li a:hover{
  color: #8fbf30;
  font-weight: 700;
}

/****************block_popular_tags******************/
.block_popular_tags .list-tags .tag-item{
  border: 1px solid #e1e1e1;
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  background: #f6f6f6;
  padding: 0 7px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8px;
  position: relative;
  max-width: 100%;
}
.block_popular_tags .list-tags .tag-item:not(.active):hover{
  background-color: #ececec;
}
.block_popular_tags .list-tags .tag-item *{
  text-decoration: none;
}
.block_popular_tags .list-tags .tag-item .drop{
  display: none; 
}
.block_popular_tags .list-tags .tag-item .drop:before{
  font: normal normal normal 24px/1 "Material Design Icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f156";
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
}

.block_popular_tags .list-tags .tag-item .tag-link{
  color: #4d4d4d;
  font-size: 12px;
  line-height: 22px;
  display: inline-block; 
}
.block_popular_tags .list-tags .tag-item.active .tag-link{
  color: #fff;
}
.block_popular_tags .list-tags .tag-item.active{
  background-color: #8fbf30;
  padding: 0 24px 0 7px;
  border-color: #8fbf30;
}
.block_popular_tags .list-tags .tag-item.active:hover{
  background-color: #7ca629;
}
.block_popular_tags .list-tags .tag-item.active .drop{
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 16px;
}


.spinner-loader {
  width: 70px;
  text-align: center;
  margin: 0 auto;
}

.spinner-loader > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner-loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner-loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/************* TO DELETE **************/
.wrap-latest-post .wrapper-post,
.wrap-iteam-post .wrap-image{
  background-color: #e1e1e1;
}

/*************************************/
/***************** Global ********************/
.wrapper-postBlog {
  padding-bottom: 64px;
}
#content .wrap-latest-post h1,
#content .wrapper-postBlog > h1,
#content .msg-search h1 {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-transform: lowercase;
  margin-bottom: 10px;
}
#content .wrapper-postBlog > h1 span{
  text-transform: lowercase;
  display: inline-block;
}
#content .wrapper-postBlog > h1 span:first-letter{
  text-transform: uppercase;
}
#content .wrap-latest-post h1:first-letter,
#content .wrapper-postBlog > h1:first-letter,
#content .msg-search h1:first-letter{
  text-transform: uppercase;
}
.wrapper-postBlog .wrap-iteam-post,
#sidebar-second .view-popular-post .wrap-iteam-post
{
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; 
  overflow: hidden;
  position: relative;
}
.wrapper-postBlog  .wrap-post .wrap-image img,
#sidebar-second  .view-popular-post .wrap-iteam-post .wrap-image img{
  width: 100%; 
  display: block;
  border-bottom: 1px solid #e1e1e1;
}
.wrapper-postBlog  *{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#content .wrapper-postBlog .wrap-post .detail-post .title-post,
#sidebar-second .view-popular-post .wrap-post .detail-post .title-post{
  padding-bottom: 8px;
}
#content .wrapper-postBlog .wrap-post .detail-post .title-post h2 a:first-letter,
#sidebar-second .view-popular-post .wrap-post .detail-post .title-post h2 a:first-letter{
  text-transform: uppercase;
}
#content .wrapper-postBlog .wrap-post .detail-post .title-post h2 a,
#sidebar-second .view-popular-post .wrap-post .detail-post .title-post h2 a
{
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 1px;
  text-transform: lowercase;
  text-decoration: none;
  display: block;
}
.wrapper-postBlog .wrap-post .detail-post .title-post h2::first-letter{
  text-transform: uppercase;
}

.wrapper-postBlog .wrap-post .detail-post .wrap-tag .list{
  display: block;
  color: #4d4d4d;
  line-height: 16px;
}
#sidebar-second .view-popular-post .wrap-post .detail-post .wrap-tag .list a {
  color: #f2ca00;
  text-transform: uppercase;
}
#sidebar-second .view-popular-post .wrap-post .detail-post .wrap-tag .list .separator{
   color: #4d4d4d;
}
#sidebar-second .view-popular-post .wrap-post .detail-post .wrap-tag .list .separator ~ * {
  color: #4d4d4d;
  text-transform: lowercase;
}
#sidebar-second .view-popular-post .wrap-post .detail-post .wrap-tag .list .separator ~ *:first-letter{
  text-transform: uppercase;
}
.wrapper-postBlog .wrap-post .detail-post .wrap-tag .list  a,
#sidebar-second .view-popular-post .wrap-post .detail-post .wrap-tag .list  a{
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: inline-block; 
  text-decoration: none;
}
.wrapper-postBlog .wrap-post .detail-post .wrap-tag .list a.cat-link:hover,
.wrapper-postBlog .wrap-post .detail-post .wrap-tag .list a.tag-link:hover{
  text-decoration: underline;
}
.wrapper-postBlog .wrap-post .detail-post .wrap-tag .list a.cat-link{
  color: #f2ca00;
  text-transform: uppercase;
}
.wrapper-postBlog .wrap-post .detail-post .wrap-tag .list a.tag-link{
  color: #4d4d4d;
  text-transform: lowercase;
}
.wrapper-postBlog .wrap-post .detail-post .wrap-tag .list  a.tag-link::first-letter{
  text-transform: uppercase;
} 
.wrap-post .detail-post .wrap-body{
  padding-top: 8px;
}
.wrapper-postBlog .wrap-post .detail-post .wrap-body p ,
#sidebar-second .view-popular-post .wrap-post .detail-post .wrap-body p
{
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
}
.wrapper-postBlog .wrap-post .detail-post .wrap-body p a.readMore{
  color: #f27900;
  text-decoration: none;
}

.msg-search p{
  margin: 0;
  line-height: normal;
  font-size: 12px;
  font-weight: 400;
}
/*********** latest post ************/
.wrap-latest-post{
  margin-bottom: 16px;
}
.wrap-latest-post .wrapper-post{
  width: 680px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.wrap-latest-post .wrap-post .wrap-image{
  height: 335px;
  max-height: 335px;
  width: 678px;
}
.wrap-latest-post .wrap-post .wrap-image img{
  max-height: 335px;
}
.wrap-latest-post .wrap-post .detail-post{
  position: absolute;
  width: 100%;
  bottom: 0;
  -moz-box-shadow: inset 0px -73px 53px -9px rgba(17, 17, 17, 0.54);
  -webkit-box-shadow: inset 0px -73px 53px -9px rgba(17, 17, 17, 0.54);
  box-shadow: inset 0px -73px 53px -9px rgba(17, 17, 17, 0.54);
  height: 100%;
}
.wrap-latest-post .wrap-post .detail-post .detail-post-inner{
  position: absolute;
  bottom: 0;
  padding: 0 16px 17px;
}
.wrap-latest-post .wrap-post .detail-post .title-post h2 a{
  color: #fff;
}
.wrap-latest-post .wrap-post .detail-post .wrap-tag .list {
  color: #fff;
}
.wrap-latest-post .wrap-post .detail-post .wrap-tag .list a.tag-link{
  color: #fff;
}
.wrap-latest-post .wrap-post .detail-post .wrap-body p{
  color: #fff;
}
/******************** iteam post ******************/
.wrapper-postBlog .wrap-iteam-post {
  width: 335px;
  float: left;
  display: inline-block; 
  margin-bottom: 31px;
}
.wrapper-postBlog .wrap-iteam-post:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.wrapper-postBlog .wrap-iteam-post:nth-child(2n) {
  margin-right: 10px;
} 
.wrapper-postBlog .wrap-iteam-post .wrap-image{
  width: 333px;
  height: 151px; 
}
.wrapper-postBlog .wrap-iteam-post .wrap-image > a{
  display: block;
}
.wrapper-postBlog .wrap-iteam-post .wrap-image img{ 
  height: 151px; 
}

#sidebar-second  .view-popular-post .wrap-iteam-post .wrap-image{
  width: 218px;
  height: 102px; 
}
#sidebar-second .view-popular-post .wrap-iteam-post .wrap-image img{ 
  height: 102px;
}
  
.wrap-iteam-post .wrap-post .detail-post{
  padding:10px 17px 16px
}
.wrap-iteam-post .wrap-post .detail-post .title-post h2 a,
#sidebar-second .view-popular-post .wrap-post .detail-post .title-post h2 a{
  color: #4d4d4d;
}

/*************************************************/
#sidebar-second .view-popular-post .wrap-post .detail-post div.wrap_more{
  padding-top: 5px;
}
#sidebar-second .view-popular-post .wrap-post .detail-post div.wrap_more a{
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: none;
}