/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 22, 2013 */
@font-face {
    font-family: 'peugeotbold';
    src: url('peugeot_bold-webfont.eot');
    src: url('peugeot_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('peugeot_bold-webfont.woff') format('woff'),
         url('peugeot_bold-webfont.ttf') format('truetype'),
         url('peugeot_bold-webfont.svg#peugeotbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'peugeotlight';
    src: url('peugeot_light-webfont.eot');
    src: url('peugeot_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('peugeot_light-webfont.woff') format('woff'),
         url('peugeot_light-webfont.ttf') format('truetype'),
         url('peugeot_light-webfont.svg#peugeotlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'peugeotregular';
    src: url('peugeot_normal-webfont.eot');
    src: url('peugeot_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('peugeot_normal-webfont.woff') format('woff'),
         url('peugeot_normal-webfont.ttf') format('truetype'),
         url('peugeot_normal-webfont.svg#peugeotregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'peugeot_expandedbold';
    src: url('peugeot_expanded_bold-webfont.eot');
    src: url('peugeot_expanded_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('peugeot_expanded_bold-webfont.woff') format('woff'),
         url('peugeot_expanded_bold-webfont.ttf') format('truetype'),
         url('peugeot_expanded_bold-webfont.svg#peugeot_expandedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'peugeot_expandedextra_light';
    src: url('peugeot_expanded_extralight-webfont.eot');
    src: url('peugeot_expanded_extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('peugeot_expanded_extralight-webfont.woff') format('woff'),
         url('peugeot_expanded_extralight-webfont.ttf') format('truetype'),
         url('peugeot_expanded_extralight-webfont.svg#peugeot_expandedextra_light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'peugeot_expandedregular';
    src: url('peugeot_expanded_normal-webfont.eot');
    src: url('peugeot_expanded_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('peugeot_expanded_normal-webfont.woff') format('woff'),
         url('peugeot_expanded_normal-webfont.ttf') format('truetype'),
         url('peugeot_expanded_normal-webfont.svg#peugeot_expandedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'peugeot_expandedmedium';
    src: url('peugeot_expanded_medium-webfont.eot');
    src: url('peugeot_expanded_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('peugeot_expanded_medium-webfont.woff') format('woff'),
         url('peugeot_expanded_medium-webfont.ttf') format('truetype'),
         url('peugeot_expanded_medium-webfont.svg#peugeot_expandedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'peugeot_expandedlight';
    src: url('peugeot_expanded_light-webfont.eot');
    src: url('peugeot_expanded_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('peugeot_expanded_light-webfont.woff') format('woff'),
         url('peugeot_expanded_light-webfont.ttf') format('truetype'),
         url('peugeot_expanded_light-webfont.svg#peugeot_expandedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
    font-family: 'peugeotlight' !important; 
}
 
.intro .buttons a.btn h1{
    font-family: 'peugeotlight' !important;
}
h3, p, select, option{
    font-family: 'peugeotlight' !important;

}
.btn-fold-2 {
  position:relative;
  display:inline-block;
  width:14rem;
  z-index:1;
  font-family:'Varela Round', sans-serif;
  color:white;
  text-decoration:none;
  font-size:2.5rem;
  text-transform:uppercase;
  letter-spacing:0.1rem;
  background-color:$blue;
  transform-style:preserve-3d;
  transform:translateX(.5rem);
  transition:background-color 0s ($timing / 2) ease-in-out;
  
  span {
    position:relative;
    width:50%;
    float:left;
    padding-top:1rem;
    padding-bottom:.7rem;
    pointer-events:none;
    transform-style:preserve-3d;
    perspective:400px;
    perspective-origin:50% 200%;
    
    &:after {
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      transition:transform $timing, opacity 0s ($timing / 2) ease-in-out;
    }
  }
  span:first-child {
    z-index:3;
    opacity:1;
    text-align:right;
    background-color:$blue;
    box-shadow:-1rem 0 0 $blue;
    transition:opacity 0s;
    
    &:after {
      content:'ate';
      opacity:1;
      padding-top:1rem;
      text-align:left;
      background-color:$blue;
      transform-origin:0 50%;
      transform:translateX(100%) rotateY(0);
    }
  }
  span:last-child {
    z-index:2;
    text-align:left;
    color:black;
    background-color:$yellow;
    
    &:after {
      content:'don';
      opacity:0;
      padding-top:1rem;
      text-align:right;
      background-color:$yellow;
      box-shadow:-1rem 0 0 $yellow;
      transform-origin:100% 50%;
      transform:translateX(-100%) rotateY(180deg);
    }
  }
  &:hover {background-color:$yellow;}
  &:hover > span:first-child {opacity:0;transition:opacity 0s $timing;}
  &:hover > span:first-child:after {opacity:0;transform:translateX(100%) rotateY(-180deg);}
  &:hover > span:last-child:after {opacity:1;transform:translateX(-100%) rotateY(0.1deg);}
}