/**
 *
 * Controle de Bordas
 *
 **/
#header .zh-border-bottom {
  border-bottom:  1px solid;
}

#header .zh-border-left {
  border-left:  1px solid;
}

#header .zh-border-right {
  border-right:  1px solid;
}



/**
 *
 * Botões
 *
 **/
#header .zh-button {
}



/**
 *
 * Glyphs
 *
 **/
#header .zh-glyph {
  font-style:             normal;
  font-variant:           normal;
  font-weight:            400;
  line-height:            1px;
  speak:                  none;
  text-transform:         none;
  
  -webkit-font-smoothing: antialiased;
}

#header .zh-glyph-external-link:after {
  content:  "\e602";
}





/**
 *
 * ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH 
 * ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH 
 * ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH ESPECIAIS ZH 
 *
 **/

 
 
/**
 *
 * HEADER
 *
 **/
 
#header {
  box-sizing:         border-box;
  display:            block;
  left:               0px;
  margin:             0px;
  min-width:          250px;
  padding:            0px;
  position:           fixed;
  right:              0px;
  top:                0px;
  z-index:            888888;
  
  transition:         z-index 0s 333ms;
  -moz-transition:    z-index 0s 333ms;
  -ms-transition:     z-index 0s 333ms;
  -o-transition:      z-index 0s 333ms;
  -webkit-transition: z-index 0s 333ms;
}

#header #zh-header {
 box-sizing:  border-box;
  height:     60px;
  max-height: 60px;
  min-height: 60px;
  overflow:   hidden;
  position:   relative;
  z-index:    888888;
}

#header .header-partner {
  display:    none;
  height:     50px;
  max-height: 50px;
  min-height: 50px;
  overflow:   hidden;
  position:   relative;
  text-align: center;
  width:      100%;
}

/* Botões dentro do Header */
#header #zh-header .zh-button {
  cursor:           pointer;
  height:           60px;
  outline:          0px !important;
  position:         absolute;
  text-decoration:  none;
  width:            55px;
  -moz-user-select: -moz-none;
}

#header #zh-header .zh-button * {
    pointer-events: none;
}



#header #zh-zh-button {
  display:    none;
  left:       0px;
}

#header #zh-menu-button {
  left: 0px;
}

#header #zh-facebook-button {
  display:  none;
  right:    120px;
}

#header #zh-twitter-button {
  display:  none;
  right:    65px;
}

#header #zh-gplus-button {
  display:  none;
  right:    10px;
}

#header #zh-assine-button {
  display:  none;
  right:    0px;
}



/**
 *
 * Ícone (Menu ZH > Header) - estado NORMAL
 *
 **/
#header #zh-menu-button .zh-menu-icon {
  cursor:                       pointer;
  height:                       3px;
  left:                         16px;
  position:                     absolute;
  top:                          28px;
  width:                        20px;
  
  backface-visibility:          hidden;
  -moz-backface-visibility:     hidden;
  -ms-backface-visibility:      hidden;
  -o-backface-visibility:       hidden;
  -webkit-backface-visibility:  hidden;

  border-radius:                1px;
  -moz-border-radius:           1px;
  -ms-border-radius:            1px;
  -o-border-radius:             1px;
  -webkit-border-radius:        1px;
  
  transition:                   background 200ms 400ms ease;
  -moz-transition:              background 200ms 400ms ease;
  -ms-transition:               background 200ms 400ms ease;
  -o-transition:                background 200ms 400ms ease;
  -webkit-transition:           background 200ms 400ms ease;
}

#header #zh-menu-button .zh-menu-icon:after {
  content:                      '';
  height:                       3px;
  left:                         0px;
  position:                     absolute;
  top:                          7px;
  width:                        20px;

  backface-visibility:          hidden;
  -moz-backface-visibility:     hidden;
  -ms-backface-visibility:       hidden;
  -o-backface-visibility:       hidden;
  -webkit-backface-visibility:  hidden;
  
  border-radius:                1px;
  -moz-border-radius:           1px;
  -ms-border-radius:            1px;
  -o-border-radius:             1px;
  -webkit-border-radius:        1px;

  transform-origin:             50% 50%;
  -moz-transform-origin:        50% 50%;
  -ms-transform-origin:         50% 50%;
  -o-transform-origin:          50% 50%;
  -webkit-transform-origin:     50% 50%;

  transition:                   top 200ms 400ms ease,transform 200ms ease;
  -moz-transition:              top 200ms 400ms ease,-moz-transform 200ms ease;
  -ms-transition:               top 200ms 400ms ease,-moz-transform 200ms ease;
  -o-transition:                top 200ms 400ms ease,-o-transform 200ms ease;
  -webkit-transition:           top 200ms 400ms ease,-webkit-transform 200ms ease;
}

#header #zh-menu-button .zh-menu-icon:before {
  content:                      '';
  height:                       3px;
  left:                         0px;
  position:                     absolute;
  top:                          -7px;
  width:                        20px;

  backface-visibility:          hidden;
  -moz-backface-visibility:     hidden;
  -webkit-backface-visibility:  hidden;

  border-radius:                1px;
  -moz-border-radius:           1px;
  -ms-border-radius:            1px;
  -o-border-radius:           1px;
  -webkit-border-radius:        1px;
 
  transform-origin:             50% 50%;
  -moz-transform-origin:        50% 50%;
  -ms-transform-origin:         50% 50%;
  -o-transform-origin:          50% 50%;
  -webkit-transform-origin:     50% 50%;
   
  transition:                   top 200ms 400ms ease,transform 200ms ease;
  -moz-transition:              top 200ms 400ms ease,-moz-transform 200ms ease;
  -ms-transition:               top 200ms 400ms ease,-moz-transform 200ms ease;
  -o-transition:                top 200ms 400ms ease,-o-transform 200ms ease;
  -webkit-transition:           top 200ms 400ms ease,-webkit-transform 200ms ease;
}



/**
 *
 * Ícone (Menu ZH > Header) - estado ATIVO
 *
 **/
#header #zh-menu-button[data-open="1"] .zh-menu-icon {
  background:           0 0 !important;
  transition:           background 200ms 0s ease;
  -moz-transition:      background 200ms 0s ease;
  -ms-transition:       background 200ms 0s ease;
  -o-transition:        background 200ms 0s ease;
  -webkit-transition:   background 200ms 0s ease;
}

#header #zh-menu-button[data-open="1"] .zh-menu-icon:after {
  top:                0px;
  
  transform:            rotate3d(0,0,1,45deg);
  -moz-transform:       rotate3d(0,0,1,45deg);
  -ms-transform:        rotate3d(0,0,1,45deg);
  -o-transform:         rotate3d(0,0,1,45deg);
  -webkit-transform:    rotate3d(0,0,1,45deg);

  transition:           top 200ms ease,transform 200ms 333ms ease;
  -moz-transition:      top 200ms ease,-moz-transform 200ms 333ms ease;
  -ms-transition:       top 200ms ease,-moz-transform 200ms 333ms ease;
  -o-transition:        top 200ms ease,-o-transform 200ms 333ms ease;
  -webkit-transition:   top 200ms ease,-webkit-transform 200ms 333ms ease; 
}

#header #zh-menu-button[data-open="1"] .zh-menu-icon:before {
  top:                0px;
  
  transform:            rotate3d(0,0,1,-45deg);
  -moz-transform:       rotate3d(0,0,1,-45deg);
  -ms-transform:        rotate3d(0,0,1,-45deg);
  -o-transform:         rotate3d(0,0,1,-45deg);
  -webkit-transform:    rotate3d(0,0,1,-45deg);

  transition:           top 200ms ease,transform 200ms 333ms ease;
  -moz-transition:      top 200ms ease,-moz-transform 200ms 333ms ease;
  -ms-transition:       top 200ms ease,-moz-transform 200ms 333ms ease;
  -o-transition:        top 200ms ease,-o-transform 200ms 333ms ease;
  -webkit-transition:   top 200ms ease,-webkit-transform 200ms 333ms ease;
}



/* Título */
#header #zh-title {
  clear:      none;
  display:    block;
  margin:     0px 0px 0px 56px;
  max-height: 60px;
  overflow:   hidden;
  padding:    10px 0px;
  position:   relative;
  text-align: center;
}

#header #zh-title h2 {
  display:                  inline-block;
  font-size:                27px;
  font-weight:              400;
  height:                   38px;
  line-height:              38px;
  margin:                   0px;
  text-align:               center;
  text-decoration:          none;
  vertical-align:           middle;
  
  background-size:          37px 21px;
  -moz-background-size:     37px 21px;
  -ms-background-size:      37px 21px;
  -o-background-size:       37px 21px;
  -webkit-background-size:  37px 21px;
}