.wp-overlay {  
  background: none repeat scroll 0 0 rgba(247, 247, 247, 0.15);
    bottom: 15px;
    height: auto;
    left: 10px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all 0.2s ease-in-out 0.1s;
    visibility: hidden;
    width: auto;
    z-index: 2;
    }
    
/* wphometop hook */
body#index .wp-top-banner {padding-top: 20px;}
.wp-top-banner .add-blocks .wp-add {position: relative; 
   -moz-transition: all 0.2s ease-in-out 0.1s;
    -o-transition: all 0.2s ease-in-out 0.1s;
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s
}

.home-blocks .item-img, .wp-top-banner .item-img { transform: rotate(0deg);}

.wp-top-banner .add-blocks .wp-add a.item-link { display: block; position: relative;}


.item-link:hover .wp-overlay {
  opacity: 1;
  visibility: visible;
} 

.wp-top-banner .add-blocks .wp-add span.wp-title {
  display: inline-table;
    position: absolute;
    text-align: center;
    font-weight: 600;
    top: 42%;
    width: 100%;
    z-index: 4;
    text-transform: uppercase;    
}

.wp-top-banner .add-blocks .wp-add span.wp-title:before {
    border-bottom: 2px solid #000000;
    content: "";
    display: block;
    height: 0;
    left: 38%;
    margin-top: -12px;
    position: absolute;    
    width: 70px;
     }
.wp-top-banner .add-blocks .wp-add span.wp-title:after { 
border-bottom: 2px solid #000000;
    content: "";
    display: block;
    height: 0;
    left: 38%;
    margin-top: 12px;
    position: absolute;    
    width: 70px;}

.wp-top-banner .add-blocks .wp-add.item-2 {
    width: 50%;
}

.wp-top-banner .add-blocks .wp-add {
padding: 0 10px 20px ;
}

/* Home hook CSS */
.home-blocks .wp-home.item-5 { 
 width: 66.6667%;
}

.home-blocks .wp-home a.item-link { display: block; position: relative;}

.home-blocks .wp-home {
padding: 0 10px 20px ;
}



/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 391px;
    padding-left: 5px;
}
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }

/* Left hook CSS */

/* Footer hook CSS */