/*----------------------------------------------------------------------------*\
  Headhesive Specific Styles
/*----------------------------------------------------------------------------*/

/**
 * Headhesive element clone
 * > `clone` class for the cloned element:
 *
 * @example
 * var options = {
 *   classes {
 *     clone: 'banner--clone';
 *   }
 * }
 */
.banner--clone {

  /* Required styles */
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;

  /* Additional styles */
  background: #fbfbfb;

  /* Translate -100% to move off screen */
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);

  /* Animations */
  -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;

}


.small_ar_ext {display: none;}

.banner--clone .small_ar_ext{ display: block;}

.banner--clone .small_ar_ext h1 {
    font-weight: 300;
font-style: normal;
text-transform:none; 	
font-size: 14px;
line-height: 18px;
color: #464646;
padding-bottom: 0px;
margin: 3px 0px 3px 0px;
}
.banner--clone .small_ar_ext h2 {
    font-weight: 300;
font-style: normal;
font-size: 12px;
line-height: 15px;
color: #807f7f;
padding-bottom: 0px;
margin: 0px 0px 5px 0px;
}




.banner--clone .logoes_hide{ display: none;}
.banner--clone .intgrated_line { display: none;}


.banner--clone.banner { padding-top: 5px; padding-bottom: 5px;}
.banner--clone .top_icons {
    padding: 5px;
    display: inline-block;
}

/**
 * Headhesive stick
 * > `stick` class for the cloned element:
 *
 * @example
 * var options = {
 *   classes {
 *     stick: 'banner--stick';
 *   }
 * }
 */
.banner--stick {

  /* Translate back to 0%; */
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}


/**
 * Headhesive unstick
 * > `unstick` class for the cloned element:
 *
 * @example
 * var options = {
 *   classes {
 *     unstick: 'banner--unstick';
 *   }
 * }
 */
.banner--unstick {
  /* Not required to use, but could be useful to have */
}
