.ach-wrap{
    background-image: url('cover.png');
    background-size:101%;
    height: 353px;
    border: 1px solid #D9D9D9;
}

#div_page{
  border-top: 0 !important;
}

.ach-tags-wrap{
    width: 340px;
    float: left;
    margin-top: 30px;
    margin-left: 25px;
}
.ach-tags{
  height: 40px;
  margin-left: 7px;
}

.ach-tags-wrap-images{
  margin-right: 92px;
}

.ach-logo{
    width: 220px;
    height: 151px;
    position: absolute;
    top: 5px;
    overflow: hidden;
    left: 0;
    right: 0;
    /* margin: auto; */
    margin-top: 15px;
    margin-right: 20px;
}
  .ach-logo .logo-container {
    width: 100%;
    height: 100%;
    position: relative;
    animation: blur 8s infinite; 
}

.ach-logo .front {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: url("logo-front.png") center center no-repeat; */

    background-image: url("logo-front.png");
    background-repeat: no-repeat;
    background-size: 100%;

    animation: glitch 5s infinite;
    animation-timing-function: steps(1); 
}

.ach-logo .circle {
    position: absolute;
    top: 11px;
    left: 14px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    /* background: url(circle.png) center center no-repeat; */
    background-image: url(circle.png);
    background-repeat: no-repeat;
    background-size: 100%;
    animation: flicker 1s infinite;
    animation-timing-function: steps(1);
}

.ach-logo .frame {
    position: relative;
    top: -100%;
    width: 100%;
    height: 100%;
    /* background: url("logo-frame.png") center center no-repeat;  */

    background-image: url("logo-frame.png");
    background-repeat: no-repeat;
    background-size: 100%;

}

@keyframes flicker {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; } }
@keyframes glitch {
  0%, 80% {
    background-image: url("logo-front.png"); }
  76% {
    background-image: url("glitch-1.png"); }
  78% {
    background-image: url("glitch-2.png"); } }
@keyframes blur {
  27%, 33% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    -o-filter: blur(6px);
    filter: blur(6px);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } 
}

.ach-youtube-wrap{
  width: 350px;
  margin-top: 11px;
  border: 9px solid rgba(0,0,0,0.5);
  border-radius: 10px;
  position: relative;
  right: -15px;
  height: 195px;
}

.ach-videos-wrapper{
    /* margin-top: 20px; */
}

.ach-youtube-im-wrap{
    width: 32px;
    float: left;
    padding-right: 7px;
    padding-left: 7px;
}

.ach-youtube-im-wrap img{
    width: 100%;
}

.ach-videos-wrapper-lower{
    background: white;
    padding: 15px 18px;
    border: 1px solid #D9D9D9;
    margin-bottom: 30px;
}

.ach-links-wrapper {
    /* margin-top: 10px; */
    /* min-height: 400px; */
    /* display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row; */
    /* justify-content: center;
    align-items: center;
    align-content: center; */
    position: relative;
    top: -31px;
  }

  .ach-links-wrapper a{
    text-decoration: none;
  }
  .ach-links-wrapper:after {
    display: block;
    content: " invisible node "
    flex(999 999 auto)
  }
  .ach-tile {
    display: inline-block;
    /* margin: 5px; */
    background: #307AB7;
    width: 112.3px;
    height: 59px;
    border: 1px solid #D9D9D9;
    position: relative;
    top: 48px;
    right: 1px;
  }

  .ach-tile:hover{
    cursor: pointer;
    text-decoration: none;
  }

  .ach-tile p.single-line{
    text-decoration: none !important;
    text-decoration-color: white;
    top: 19px;
    right: 15px;
    font-size: 22pt;
  }

  .ach-tile p.single-line:hover{
    text-decoration: none !important;
    text-decoration-color: white;

  }


  .ach-pad{
      margin-right: 7px;
      margin-left: 7px;
  }

  .ach-pad-right{
    margin-right: 7px;   
  }

  .ach-pad-left{
    margin-left: 9px;
  }

  .ach-unit{
    width: 50%;
    float: right;
    position: relative;
  }

  .ach-unit img{
    width: 94%;
    position: absolute;
    top: -25px;
  }

  .ach-unit-text{
    width: 50%;
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-left: 4px;
  }

  .ach-video-container{
    width: 176.4px;
  }

  .main-video-container{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .ach-video-container{
    flex: 0 0 auto;
    padding: 6px;
  }

  .ach-question-wrapper{
      margin-top: 20px;
      background: white;
      border-top: 1px solid #D9D9D9;
      border-left: 1px solid #D9D9D9;
      border-right: 1px solid #D9D9D9;
  }

  .ach-question{
    background: #307AB7;
    width: 149.67px;
    height: 50px;
    border: 1px solid #D9D9D9;
    text-align: center;
    vertical-align: middle; 
    /* margin: 8px; */
  }

  .ach-question a.single-line{
    line-height: 50px !important;
    text-decoration: none;
  }

  .ach-question a.single-line:hover{
      color: white;
      text-decoration: none;
  }

  .ach-side-bar ul{
    list-style: none;
  }

  .ach-side-bar ul li a:hover{
    text-decoration: none;
  }

  .ach-side-bar ul li a{
    background: #92D050;
    width: 150px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 23px;
    margin-bottom: 15px;
    color: white;
    font-family: "almoni-tzar","arial";
  }

  #wrapper{
    overflow: initial;
  }

  .ach-side-bar{
    width: 150px;
    position: fixed;
    z-index: 5;
    right: 0px;
  }

  #global-tile{
    background: #475C35;
    height: 56px;
    top: 45px;
  }

  .ach-question{
    position: relative;
  }
  .ach-logo-question{
    width: 134px;
    height: 93px;
  }

  .ach-textt{
    width: 233px;
    position: absolute;
    top: 120px;
    text-align: right;
  }

  .ach-question-logo{
    top: 6px !important;
    left: 7px !important;
    width: 5px !important;
  }

  .igy{
    margin: 8px 12px 16px 12px;
    padding: 0;
  }

  .ach-img-container img{
    width: 100%;
    position: relative;
    top: -42px;
  }

  #tothanim-btn-img, #tothanim2-btn-img{
    max-height: 96px;
    position: relative;
    top: -1px;
  }

  #handasa-btn-img{
    max-height: 95px;
  }

  #isuf-btn-img{
    max-height: 103px;
    position: relative;
    top: -4px;
  }
  
  #kal-btn-img{
    max-height: 95px;
    position: relative;
    top: 1px;
  }

  #shiryon-btn-img{
    max-height: 96px;
    position: relative;
    top: -1px;
  }

  .ach-links-wrapper a img{
    /* max-width: 230px; */
    max-height: 100px;
    width: auto;
    height: auto;
    margin-left: 9.5px;
  }

  #kal-btn-img{
    margin: 0;
  }

  .ach-img-answer{
    position: absolute;
    top: -47px;
  }

  .ach-answer-title-inner{
    position: relative;
    z-index: 1;
  }

  .ach-social-btns a{
    color: white;
  }

  .ach-social-btns a:hover{
    text-decoration: none;
  }

  .ach-social-btns a img{
    height: 20px;
    margin-right: 7px;
    margin-left: 2px;
    position: relative;
    top: -2px;
  }

  .ach-social-btns{
    position: relative;
    z-index: 1;
    font-size: 20px;
    top: -7px;
  }

  .ach-youtube iframe{
    width: 90%;
    display: block;
    height: 247px;
    margin: 0 auto;
  }

  .ach-image-for-life{
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  div.igy div.advice{
    width: 90% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    padding-top: 20px !important;
  }

  .ach_sig{
    background: #307AB7;
    height: 40px !important;
  }

  .ach_sig p{
    margin-top: initial !important;
    margin-bottom: initial !important;
    margin-left: 5% !important;
    color: white !important;
    line-height: 40px;
  }

  .ach_sig img {
    margin-top: 7px !important;
}

.hvote{
  color: #D91E18;
  font-size: 30px;
  position: relative;
  right: 426px;
  top: 33px;
  display: block;
}

.hvote:hover, .hvote img:hover{
  cursor: pointer;
}
.hvote img{
  display: block;
}

.ach-likes-counter{
  position: relative;
  right: 425px;
  top: 1px;
  font-weight: bold;
  display: inline;
}
