/* Home hook CSS */
.item-title{
  top:90px;
  left: 0;
  width: 100%;
  font: 600 30px "Source Sans Pro";
  color: #555555;
  text-transform: uppercase;
}

.wk-overlay{
  position: relative;
}
.wk-overlay img {
    width:100%;
    vertical-align:top;
}

.wk-overlay:after, .wk-overlay:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.wk-overlay:after {
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
}

.wk-overlay:hover:after, .wk-overlay:hover:before {
    opacity:1;
}

#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    /*#htmlcontent_home ul li.htmlcontent-item-5 {
      width: 66.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }*/

/* 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 */
/* Right hook CSS */
/* Footer hook CSS */

.wk-text-left {
  text-align: left !important;
}
.wk-text-right {
  text-align: right !important;
}

.wk-display {
  display:block;
}
.htmlcontent-home {
  margin: 1% 0;
  font: 400 16px "Source Sans Pro" !important;
  color: #555555;
}
.wk-themeconfig-top {
  /*margin-top: -200px;*/
}
.wk-themeconfig-margin {
  margin: 5% 0;
}
.wk-theme-config-right:before {
  content:' ';
  height: 0;
  position:absolute;
  width: 0;
  top: 28px;
  right: -5%;
  border: 20px solid transparent !important;
  border-left-color : #555555 !important;
  border-width: 50px !important;  
}

.wk-theme-config-right {
  float:left !important;
  width: 85% !important;
  min-height: 200px;
  max-height: 200px;
  overflow: auto;
  max-height: 200px;
}

.wk-theme-config-left {
  float:right !important;
  width: 85% !important;
  min-height: 200px;
  overflow: auto;
  max-height: 200px;
}

.wk-theme-config-left:before {
  content:' ';
  height: 0;
  position:absolute;
  width: 0;
  top: 28px;
  left: -7%;
  border: 20px solid transparent !important;
  border-right-color : #555555 !important;
  border-width: 50px !important;  
}

.wk-theme-config-right > div {
  float:right;
}

.item-html {
  font: 400 16px "Source Sans Pro";
  color: #555555;
}


@media (max-width: 400px) {
  .wk-theme-left-block img {
    height: 200px !important;
  }
  .wk-theme-right-block img {
    height: 200px !important;
  }
  .wk-theme-config-right::before {
    display: none;
  }
  .wk-theme-config-left::before {
    display:none;
    float: left;
  }
  .wk-themeconfig-margin {
    margin: 0 0 2%;
  }
  .wk-theme-config-left{
    width: 100% !important;
    min-height: 0px !important;
  }
  .wk-theme-config-right{
    width: 100% !important;
    min-height: 0px !important;
  }
 }

 @media (min-width: 768px) and (max-width: 1199px) {
    .wk-theme-left-block img {
      height: 277px !important;
    }
    .wk-theme-right-block img {
      height: 305px !important;
    }

    .wk-theme-config-left::before {
      left: -16% !important;
    }
    .wk-theme-right-block .item-title,
    .wk-theme-left-block .item-title {
      font-size:20px !important;
    }
    .wk-theme-right-block .item-html,
    .wk-theme-left-block .item-html {
      font-size:12px !important;
    }
    .wk-theme-right-block .wk-btn,
    .wk-theme-left-block .wk-btn {
      font-size:15px !important;
      padding: 6px 15px !important;
    }
    .wk-theme-config-left::before,
    .wk-theme-config-right::before {
      top: 24px !important;
    }
    .wk-theme-config-right::before {
      right: -8% !important;
    }
 }

 @media (max-width:767px) {
  .wk-theme-config-right > div,
  .wk-theme-config-left > div {
    float: none;
    font-size: 20px;
  }
  .wk-theme-config-right > div >h3,
  .wk-theme-config-left >h3{
    float: none;
    font-size: 20px;
  }
 }