/* ==========================================================================
	Addedlovely.com
   ========================================================================== */

/* ==========================================================================
	Fonts
   ========================================================================== */

/**
 * @license
 * MyFonts Webfont Build ID 2849806, 2014-07-22T11:36:53-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: SmytheSans Light by Wordshape
 * URL: http://www.myfonts.com/fonts/wordshape/smythe-sans/smythesans-light/
 * 
 * Webfont: SmytheSans by Wordshape
 * URL: http://www.myfonts.com/fonts/wordshape/smythe-sans/smythesans/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2849806
 * Licensed pageviews: 20,000
 * Webfonts copyright: Copyright (c) Ian Lynam, 2011. All rights reserved.
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2b7c0e");


@font-face {font-family: 'SmytheSans';src: url('../fonts/2B7C0E_1_0.eot');src: url('../fonts/2B7C0E_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2B7C0E_1_0.woff') format('woff'),url('../fonts/2B7C0E_1_0.ttf') format('truetype');}
 
/* ==========================================================================
	General
   ========================================================================== */
* {margin: 0; padding: 0;}
html {-webkit-text-size-adjust: none; /* stops text resizing on iphone */} 
body {background: #EAE9EA; color: #000000;  font-family: 'SmytheSans','Sans Serif'; /* font-family: serif; */}
img {border: 0; display: block; outline: none;}
.clear:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}
a {text-decoration: none;}
.last {margin-right: 0 !important;}
li {list-style-type: none;}

/* ==========================================================================
	Typography
   ========================================================================== */
h1, h2, h3, h4 {font-weight: normal;}
p {font-size: 15px; line-height: 27px; letter-spacing: 0.02em; text-transform: uppercase; margin: 0 auto 24px auto; max-width: 586px;}
a {color: #000000; text-decoration: underline;}
small {font-size: 10px; line-height: 21px; text-transform: uppercase;}

/* ==========================================================================
	Forms
   ========================================================================== */
input, select, textarea {outline: none; border: none; font-family: inherit;}
input[type=text] {-webkit-appearance: none; border-radius:0;}
textarea {resize: none;}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}

/* ==========================================================================
	Structure
   ========================================================================== */
section {text-align: center; z-index: 1;}

/* logo */
header {position: fixed; left:0; bottom: 50%; right:0; margin: auto auto -37px auto; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; text-align: center; z-index: 3;   -webkit-transform: translateZ(0); transform: translateZ(0);}
.logo {width: 128px; height: 128px; margin: auto; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0;}
.logo img {width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.enter {height: 80px; position: fixed; bottom: 0; left:0; right:0; text-align: center; letter-spacing: 0.08em; text-align: center; text-transform: uppercase; font-size: 12px; color: #231F20; text-decoration: none; line-height: 16px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 1; visibility: visible;}

/* Logo - Loaded */
.loaded .logo, .show-logo .logo  {opacity: 1;}

/* Logo - Small */
.show-intro header {bottom: 0; top:auto; padding: 20px 0 70px 0;} 
.show-intro .logo {width: 64px; height: 64px; opacity: 1;}
.show-intro .enter {opacity: 0; visibility: hidden; }
.show-logo .enter {-webkit-transition: all 0.5s ease-out 0.5s; transition: all 0.5s ease-out 0.5s;}

/* intro */
.intro {display: table; vertical-align: middle; position: absolute; top:0; left:0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out 0.5s; transition: all 0.5s ease-out 0.5s;} 
.intro div {display: table-cell; vertical-align: middle; padding: 70px 20px 190px 20px;}
.show-intro .intro {visibility: visible; opacity: 1; z-index: 1;}

/* Internet Explorer 8 */
.lt-ie9 .logo img {display: none;}
.lt-ie9 .logo {width: 130px; height: 130px; background: url('../images/logo.png');}
.lt-ie9 .show-intro .logo {width: 64px; height: 64px; background: url('../images/logo-small.png');}

/* Android */
.android header {position: static; bottom: auto; top:0; padding-top: 20px;}
.android .logo {opacity: 1;}
.android .intro  {position: static; opacity: 1; display: block; visibility: visible;}
.android .enter {display: none;}

/* ==========================================================================
	Animation
   ========================================================================== */
   
/* Hover */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hover {
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}