@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
  -webkit-animation-fill-mode: both;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  background-repeat: no-repeat;
  background-position: center; }

::selection {
  background: rgba(230, 153, 0, 0.5); }

input[type="checkbox"] {
  -webkit-appearance: checkbox; }

select {
  -webkit-appearance: menulist-button;
  border: 1px solid #a0a0a0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 15px;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased; }

a {
  color: inherit;
  text-decoration: none; }

b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "Edmondsans";
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/edmondsans-regular-webfont.eot");
  src: url("/fonts/edmondsans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/edmondsans-regular-webfont.woff") format("woff"), url("/fonts/edmondsans-regular-webfont.ttf") format("truetype"), url("/fonts/edmondsans-regular-webfont.svg#edmondsans_regularregular") format("svg"); }

@font-face {
  font-family: "Edmondsans";
  font-weight: 600;
  font-style: normal;
  src: url("/fonts/edmondsans-medium-webfont.eot");
  src: url("/fonts/edmondsans-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/edmondsans-medium-webfont.woff") format("woff"), url("/fonts/edmondsans-medium-webfont.ttf") format("truetype"), url("/fonts/edmondsans-medium-webfont.svg#edmondsansmedium") format("svg"); }

@font-face {
  font-family: "Edmondsans";
  font-weight: 800;
  font-style: normal;
  src: url("/fonts/edmondsans-bold-webfont.eot");
  src: url("/fonts/edmondsans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/edmondsans-bold-webfont.woff") format("woff"), url("/fonts/edmondsans-bold-webfont.ttf") format("truetype"), url("/fonts/edmondsans-bold-webfont.svg#edmondsansbold") format("svg"); }

body {
  background-color: #EEDBDA;
  color: #fff;
  font-family: "Edmondsans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px; }

h2 {
  font-size: 90px;
  line-height: 100px;
  font-weight: 800;
  letter-spacing: 4px; }

h4 {
  display: inline-block;
  font-weight: bold;
  height: 18px;
  margin-bottom: 2px; }

h1 {
  position: absolute;
  width: 800px;
  height: 120px;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -400px;
  background-image: url(/graphics/auria-logo.png);
  background-size: 800px 120px;
  font-size: 0;
  display: block;
  z-index: 1;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0); }

nav.site-map {
  font-weight: 600;
  position: fixed;
  top: 0;
  right: 0;
  padding: 19px;
  z-index: 20; }
  nav.site-map h3 {
    font-size: 0;
    width: 44px;
    height: 44px;
    background-image: url(/graphics/icon-menu.png);
    background-size: 44px;
    float: right;
    clear: both;
    cursor: pointer;
    background-color: rgba(21, 21, 21, 0.83); }
  nav.site-map ul {
    display: none;
    float: right;
    clear: both;
    width: 260px;
    background-color: rgba(21, 21, 21, 0.83); }
  nav.site-map li a {
    display: block;
    width: 100%;
    height: 44px;
    padding: 12px 22px 12px 27px;
    position: relative; }
    nav.site-map li a:hover {
      background-color: #000; }
    nav.site-map li a.scroll[data-target="top"]:before {
      content: "◆";
      position: absolute;
      left: 10px;
      top: 25%; }
  nav.site-map:hover ul, nav.site-map.hover ul {
    display: block; }

footer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.83);
  overflow: hidden; }
  footer .collections {
    width: 62.66%;
    padding: 60px 0;
    margin: 0 2%;
    float: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  footer .social,
  footer .stockists,
  footer .enquiries {
    padding: 60px 0;
    margin: 0 2%;
    width: 12.66%;
    float: left; }
  footer .about {
    padding: 60px 0;
    margin: 0 2%;
    float: right;
    width: 29.33%; }
    footer .about p {
      max-width: 330px;
      margin: 10px 0; }

.cover {
  display: block;
  overflow: hidden;
  position: relative; }
  .cover img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0); }
  .cover video {
    height: 100%;
    width: auto;
    float: left;
    -webkit-transform: translate3d(0, 0, 0);
    overflow: hidden; }

.intro {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CC9390), to(#EEDBDA));
  background: -webkit-linear-gradient(top, #CC9390, #EEDBDA);
  background: -moz-linear-gradient(top, #CC9390, #EEDBDA);
  background: -ms-linear-gradient(top, #CC9390, #EEDBDA);
  background: -o-linear-gradient(top, #CC9390, #EEDBDA);
  background: linear-gradient(top, #CC9390, #EEDBDA);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc9390), to(rgba(204, 147, 144, 0)));
  background: -webkit-linear-gradient(top, #cc9390, rgba(204, 147, 144, 0));
  background: -moz-linear-gradient(top, #cc9390, rgba(204, 147, 144, 0));
  background: -ms-linear-gradient(top, #cc9390, rgba(204, 147, 144, 0));
  background: -o-linear-gradient(top, #cc9390, rgba(204, 147, 144, 0));
  background: linear-gradient(top, #cc9390, rgba(204, 147, 144, 0));
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-bottom: 240px; }
  .intro img {
    margin-top: 240px;
    position: relative; }
  .intro div {
    position: absolute;
    top: 360px;
    width: 41.7%;
    left: 50%;
    z-index: 1; }
    .intro div p {
      font-size: 20px;
      font-weight: 400;
      line-height: 25px;
      margin-left: 5px; }

.lookbook {
  margin-bottom: 240px;
  overflow: hidden; }
  .lookbook img {
    position: relative;
    margin-bottom: 240px; }

img {
  height: auto; }

.col-12 {
  width: 100%; }

/* Image queries:   750  |  1500  |  3000 */
.col-11 {
  width: 91.7%; }

/* Image queries:   750  |  1500  |  3000 */
.col-10 {
  width: 83.4%; }

/* Image queries:   625  |  1250  |  2500 */
.col-9 {
  width: 75%; }

/* Image queries:   625  |  1250  |  2500 */
.col-8 {
  width: 66.7%; }

/* Image queries:   500  |  1000  |  2000 */
.col-7 {
  width: 58.4%; }

/* Image queries:   500  |  1000  |  2000 */
.col-6 {
  width: 50%; }

/* Image queries:   375  |   750  |  1500 */
.col-5 {
  width: 41.7%; }

/* Image queries:   375  |   750  |  1500 */
.col-4 {
  width: 33.4%; }

/* Image queries:   250  |   500  |  1000 */
.left-1 {
  left: 8.4%; }

.left-2 {
  left: 16.7%; }

.left-3 {
  left: 25%; }

.left-4 {
  left: 33.4%; }

.left-5 {
  left: 41.7%; }

.left-6 {
  left: 50%; }

.left-7 {
  left: 58.4%; }

.left-8 {
  left: 66.7%; }

@media only screen and (max-width: 1200px) {
  h1 {
    width: 600px;
    background-size: 600px auto;
    margin-left: -300px; } }

@media only screen and (max-width: 900px) {
  h1 {
    width: 500px;
    background-size: 500px auto;
    margin-left: -250px; } }

@media only screen and (max-width: 600px) {
  h2 {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 2px; }
  h1 {
    width: 250px;
    background-size: 250px auto;
    margin-left: -125px; }
  .intro {
    margin-bottom: 0;
    padding-top: 2%; }
    .intro div {
      top: auto;
      bottom: 20px;
      width: 92%;
      left: 4%;
      z-index: 1; }
      .intro div p {
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        margin-left: 5px; }
  .intro img,
  .lookbook img {
    width: 96%;
    left: 0;
    margin: 0 0 0 2% !important;
    padding: 0 !important;
    float: none !important; }
  footer .collections,
  footer .social,
  footer .stockists,
  footer .enquiries,
  footer .about {
    padding: 20px 0;
    margin: 10px 4%;
    width: 80%;
    float: left; }
  nav.site-map li a.scroll[data-target="top"]:before {
    font-size: 8px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  h1 {
    background-image: url(/graphics/auria-logo@2x.png); }
  nav.site-map h3 {
    background-image: url(/graphics/icon-menu@2x.png); } }
