@font-face {
  font-family: "htzIcons";
  src: url(fonts/htzIcons.eot);
  src: url("//www.haaretz.co.il/htz/css/resp/fonts/htzIcons.eot?#iefix") format("embedded-opentype"), url("//www.haaretz.co.il/htz/css/resp/fonts/htzIcons.woff") format("woff"), url("//www.haaretz.co.il/htz/css/resp/fonts/htzIcons.ttf") format("truetype"), url("//www.haaretz.co.il/htz/css/resp/fonts/htzIcons.svg#htzIcons") format("svg"); }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "htzIcons";
    src: url("//www.haaretz.co.il/htz/css/resp/fonts/htzIcons.svg#htzIcons") format("svg"); } }
.header-wrapper {
  }
  .header-wrapper .container-header {
    text-align: center;
    /* padding-top: 24px; */
    position: relative;
    /* padding-bottom: 68px; */
    }
    .header-wrapper .container-header .logoElem {
      width: 100%;
      /* display: inline-block; */
      /* margin-bottom: 12px; */
      text-align: center;
      /* left: 0; */
      /* margin: auto; */
      /* background: #ffe70c; */
      /* position: absolute; */
      /* padding: 5px 0px; */
      /* height: 43px; */
      /* height: 0px; */
      /* overflow: hidden; */
      /* z-index: 9; */
      /* transition: all 1s; */
      /* transform: translateY(0); */
      /* background-color: #ebebeb; */
      position: relative;
      /* border-radius: 58px; */
      background-image: url(header-bg.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom;
      padding-top: 27px;
      height: 237px;
      }

    .header-wrapper .container-header .logoElem.close {
    transform: translateY(-100%);
}

    
      .header-wrapper .container-header .logoElem img{
    /* height: 30px; */
    /* text-align: center; */
    /* width: 100%; */
    margin: auto;
    /* transition: opacity 1s; */
    /* position: absolute; */
    /* left: 50%; */
    /* top: 9px; */
    /* transform: translateX(-50%); */
    width: 302px;
    /* height: 169px; */
    }


    .header-wrapper .container-header .logoElem svg {
    	
width: 100%;
    	
position: absolute;
    	
top: 0;
    	
left: 0;
    	
z-index: -1;
    }

    .header-wrapper .container-header .logoElem img.new{
      /* opacity: 1; */
    }

    .header-wrapper .container-header img.old {
      /* opacity: 0; */
      height: 30px;
      /* height: 0px; */
      /* transition: height 1s; */
      position: absolute;
      top: 11px;
      left: 50%;
      transform: translateX(-50%);
    }

    @media screen and (max-width: 600px) {
       .header-wrapper .container-header .logoElem img{
          /* height: 24px; */
          width: 51%;
        }
    }


      @media screen and (max-width: 600px) {
        .header-wrapper .container-header .logoElem {
          /* width: 140px; */
          padding-top: 36px;
          height: 153px;
          background-image: url(header-bg-mobile.png);
          } }
    .header-wrapper .container-header .mainHeader {
      /* font-size: 41px; */
      /* font-weight: bold; */
      /* font-style: normal; */
      /* font-stretch: normal; */
      /* line-height: 1.2; */
      /* letter-spacing: normal; */
      /* text-align: center; */
      /* color: #ffffff; */
      /* padding-top: 54px; */
      padding-bottom: 4px;
      font-size: 72px;
      background-color: #fff;
      font-weight: normal;
      /* margin-top: -44px; */
      /* padding-top: 125px; */
      /* border-radius: 100% 100% 0 0; */
      margin-top: -22px;
      }
      @media screen and (max-width: 600px) {
        .header-wrapper .container-header .mainHeader {
          /* font-size: 32px; */
          /* padding: 0 12px; */
          margin-top: 19px;
          font-size: 45px;
          } }
      .header-wrapper .container-header .mainHeader .exclusiveVal {
        font-weight: normal; }
    .header-wrapper .container-header .mishneText {
      font-size: 21px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      text-align: center;
      /* color: #ffffff; */
      /* padding: 12px 0; */
      max-width: 700px;
      width: 57%;
      margin: 0 auto;
      padding-top: 22px;
      /* margin-bottom: 30px; */
      }

.header-wrapper .container-header .switch {
    display: none;
    border: solid 1px white;
    margin: auto;
    color: white;
    font-size: 14px;
    padding: 4px 7px;
    font-weight: bold;
    border-radius: 2px;
    padding-right: 27px;
    padding-right: 35px;
    position: relative;
}

.header-wrapper .container-header .switch:after, 
.header-wrapper .container-header .switch:before {
	content:'';
	border: 6px solid transparent;
	border-right: 0;
	border-left: 12px solid white;
	position: absolute;
	top: 9px;
} 

@media screen and (max-width: 700px) {

.header-wrapper .container-header .switch:after, 
.header-wrapper .container-header .switch:before {
	top: 10px;
}

}


.header-wrapper .container-header .switch:before {
	right: 4px;
}

.header-wrapper .container-header .switch:after {
	right: 13px;
}

.header-wrapper .container-header .switch.next:after, 
.header-wrapper .container-header .switch.next:before {
transform: rotate(180deg) translateX(128px);
}

.header-wrapper .container-header .switch:focus {outline: none;}

@media screen and (min-width: 600px) {
  .header-wrapper .container-header .switch:hover {background-color: #039fc0;}
}

.header-wrapper .container-header .switch.next {
    padding-right: 7px;
    padding-left: 34px;
}
      
      @media screen and (max-width: 600px) {
        .header-wrapper .container-header .mishneText {
          font-size: 18px;
          max-width: 78%;
          padding: 26px 0 5px;
          } }
    .header-wrapper .container-header .inter-credit-cont {
      /* padding-bottom: 45px; */
      display: inline-block;
      }
      @media screen and (max-width: 600px) {
        .header-wrapper .container-header .inter-credit-cont {
          padding-bottom: 21px;
          margin-top: 15px;
          } }
      .header-wrapper .container-header .inter-credit-cont .inter-share {
        font-family: htzIcons;
        font-size: 30px;
        /* color: #fff; */
        line-height: 5rem;
        }
        @media screen and (max-width: 600px) {
          .header-wrapper .container-header .inter-credit-cont .inter-share {
            font-size: 28px; } }
        @media screen and (max-width: 600px) {
          .header-wrapper .container-header .inter-credit-cont .inter-share .h-dib {
            display: inline-block; } }
        .header-wrapper .container-header .inter-credit-cont .inter-share .h-dib i.inter-f {
          display: inline-block;
          font-style: normal;
          text-align: center;
          width: 1em; }
          .header-wrapper .container-header .inter-credit-cont .inter-share .h-dib i.inter-f:before {
            content: attr(data-icon);
            font-family: htzIcons;
            font-weight: normal !important;
            speak: none;
            -webkit-font-smoothing: antialiased; }
        .header-wrapper .container-header .inter-credit-cont .inter-share .h-dib .icn__alt {
          border: 0 !important;
          clip: rect(0 0 0 0) !important;
          height: 1px !important;
          margin: -1px !important;
          overflow: hidden !important;
          padding: 0 !important;
          position: absolute !important;
          width: 1px !important; }
        .header-wrapper .container-header .inter-credit-cont .inter-share .inter-t {
          margin: 0 12px; }
          @media screen and (max-width: 600px) {
            .header-wrapper .container-header .inter-credit-cont .inter-share .inter-t {
              padding: 0 6px; } }
    .header-wrapper .container-header .facesElem {
      height: 104px;
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 50%;
	  width: 530px;
      transform: translate(-50%, 50%);
      }
      .header-wrapper .container-header .facesElem img{
 
	  }
      .header-wrapper .container-header .facesElem .old{}
      
      @media screen and (max-width: 600px) {
        .header-wrapper .container-header .facesElem {
          width: 93%;
          height: 90px;
          } 
        .header-wrapper .container-header .facesElem img{
    height: auto;
}

.header-wrapper {
        margin-bottom: -33px;

}
          }

/*# sourceMappingURL=styleHeader.css.map */



@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1,1,1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1,1.03,1.03);
        transform: scale3d(1,1,1)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}