@charset "UTF-8";
/*
Theme Name: Yal Yal
Author: Jonathan Nicol
Author URI: http://jonathannicol.com
Description: Custom Wordpress theme for Yal Yal
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: yalyal
Domain Path: /languages/
*/
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1200px; *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; }
.row.collapse .row { margin-left: 0; margin-right: 0; }
.row .row { width: auto; margin-left: -20px; margin-right: -20px; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

.column, .columns { padding-left: 20px; padding-right: 20px; width: 100%; float: left; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

@media only screen { .small-push-0 { position: relative; left: 0%; right: auto; }
  .small-pull-0 { position: relative; right: 0%; left: auto; }
  .small-push-1 { position: relative; left: 8.33333%; right: auto; }
  .small-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .small-push-2 { position: relative; left: 16.66667%; right: auto; }
  .small-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .small-push-3 { position: relative; left: 25%; right: auto; }
  .small-pull-3 { position: relative; right: 25%; left: auto; }
  .small-push-4 { position: relative; left: 33.33333%; right: auto; }
  .small-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .small-push-5 { position: relative; left: 41.66667%; right: auto; }
  .small-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .small-push-6 { position: relative; left: 50%; right: auto; }
  .small-pull-6 { position: relative; right: 50%; left: auto; }
  .small-push-7 { position: relative; left: 58.33333%; right: auto; }
  .small-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .small-push-8 { position: relative; left: 66.66667%; right: auto; }
  .small-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .small-push-9 { position: relative; left: 75%; right: auto; }
  .small-pull-9 { position: relative; right: 75%; left: auto; }
  .small-push-10 { position: relative; left: 83.33333%; right: auto; }
  .small-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .small-push-11 { position: relative; left: 91.66667%; right: auto; }
  .small-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 20px; padding-right: 20px; float: left; }
  .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }
  .small-offset-0 { margin-left: 0% !important; }
  .small-offset-1 { margin-left: 8.33333% !important; }
  .small-offset-2 { margin-left: 16.66667% !important; }
  .small-offset-3 { margin-left: 25% !important; }
  .small-offset-4 { margin-left: 33.33333% !important; }
  .small-offset-5 { margin-left: 41.66667% !important; }
  .small-offset-6 { margin-left: 50% !important; }
  .small-offset-7 { margin-left: 58.33333% !important; }
  .small-offset-8 { margin-left: 66.66667% !important; }
  .small-offset-9 { margin-left: 75% !important; }
  .small-offset-10 { margin-left: 83.33333% !important; }
  .small-offset-11 { margin-left: 91.66667% !important; }
  .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; }
  .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.small-centered:last-child, .columns.small-centered:last-child { float: none; }
  .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } }
@media only screen and (min-width: 569px) { .medium-push-0 { position: relative; left: 0%; right: auto; }
  .medium-pull-0 { position: relative; right: 0%; left: auto; }
  .medium-push-1 { position: relative; left: 8.33333%; right: auto; }
  .medium-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .medium-push-2 { position: relative; left: 16.66667%; right: auto; }
  .medium-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .medium-push-3 { position: relative; left: 25%; right: auto; }
  .medium-pull-3 { position: relative; right: 25%; left: auto; }
  .medium-push-4 { position: relative; left: 33.33333%; right: auto; }
  .medium-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .medium-push-5 { position: relative; left: 41.66667%; right: auto; }
  .medium-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .medium-push-6 { position: relative; left: 50%; right: auto; }
  .medium-pull-6 { position: relative; right: 50%; left: auto; }
  .medium-push-7 { position: relative; left: 58.33333%; right: auto; }
  .medium-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .medium-push-8 { position: relative; left: 66.66667%; right: auto; }
  .medium-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .medium-push-9 { position: relative; left: 75%; right: auto; }
  .medium-pull-9 { position: relative; right: 75%; left: auto; }
  .medium-push-10 { position: relative; left: 83.33333%; right: auto; }
  .medium-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .medium-push-11 { position: relative; left: 91.66667%; right: auto; }
  .medium-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 20px; padding-right: 20px; float: left; }
  .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }
  .medium-offset-0 { margin-left: 0% !important; }
  .medium-offset-1 { margin-left: 8.33333% !important; }
  .medium-offset-2 { margin-left: 16.66667% !important; }
  .medium-offset-3 { margin-left: 25% !important; }
  .medium-offset-4 { margin-left: 33.33333% !important; }
  .medium-offset-5 { margin-left: 41.66667% !important; }
  .medium-offset-6 { margin-left: 50% !important; }
  .medium-offset-7 { margin-left: 58.33333% !important; }
  .medium-offset-8 { margin-left: 66.66667% !important; }
  .medium-offset-9 { margin-left: 75% !important; }
  .medium-offset-10 { margin-left: 83.33333% !important; }
  .medium-offset-11 { margin-left: 91.66667% !important; }
  .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; }
  .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; }
  .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; }
  .push-0 { position: relative; left: 0%; right: auto; }
  .pull-0 { position: relative; right: 0%; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; } }
@media only screen and (min-width: 769px) { .large-push-0 { position: relative; left: 0%; right: auto; }
  .large-pull-0 { position: relative; right: 0%; left: auto; }
  .large-push-1 { position: relative; left: 8.33333%; right: auto; }
  .large-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .large-push-2 { position: relative; left: 16.66667%; right: auto; }
  .large-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .large-push-3 { position: relative; left: 25%; right: auto; }
  .large-pull-3 { position: relative; right: 25%; left: auto; }
  .large-push-4 { position: relative; left: 33.33333%; right: auto; }
  .large-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .large-push-5 { position: relative; left: 41.66667%; right: auto; }
  .large-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .large-push-6 { position: relative; left: 50%; right: auto; }
  .large-pull-6 { position: relative; right: 50%; left: auto; }
  .large-push-7 { position: relative; left: 58.33333%; right: auto; }
  .large-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .large-push-8 { position: relative; left: 66.66667%; right: auto; }
  .large-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .large-push-9 { position: relative; left: 75%; right: auto; }
  .large-pull-9 { position: relative; right: 75%; left: auto; }
  .large-push-10 { position: relative; left: 83.33333%; right: auto; }
  .large-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .large-push-11 { position: relative; left: 91.66667%; right: auto; }
  .large-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 20px; padding-right: 20px; float: left; }
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  .large-offset-0 { margin-left: 0% !important; }
  .large-offset-1 { margin-left: 8.33333% !important; }
  .large-offset-2 { margin-left: 16.66667% !important; }
  .large-offset-3 { margin-left: 25% !important; }
  .large-offset-4 { margin-left: 33.33333% !important; }
  .large-offset-5 { margin-left: 41.66667% !important; }
  .large-offset-6 { margin-left: 50% !important; }
  .large-offset-7 { margin-left: 58.33333% !important; }
  .large-offset-8 { margin-left: 66.66667% !important; }
  .large-offset-9 { margin-left: 75% !important; }
  .large-offset-10 { margin-left: 83.33333% !important; }
  .large-offset-11 { margin-left: 91.66667% !important; }
  .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; }
  .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.large-centered:last-child, .columns.large-centered:last-child { float: none; }
  .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; }
  .push-0 { position: relative; left: 0%; right: auto; }
  .pull-0 { position: relative; right: 0%; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; } }
@media only screen and (min-width: 961px) { .xlarge-push-0 { position: relative; left: 0%; right: auto; }
  .xlarge-pull-0 { position: relative; right: 0%; left: auto; }
  .xlarge-push-1 { position: relative; left: 8.33333%; right: auto; }
  .xlarge-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .xlarge-push-2 { position: relative; left: 16.66667%; right: auto; }
  .xlarge-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .xlarge-push-3 { position: relative; left: 25%; right: auto; }
  .xlarge-pull-3 { position: relative; right: 25%; left: auto; }
  .xlarge-push-4 { position: relative; left: 33.33333%; right: auto; }
  .xlarge-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .xlarge-push-5 { position: relative; left: 41.66667%; right: auto; }
  .xlarge-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .xlarge-push-6 { position: relative; left: 50%; right: auto; }
  .xlarge-pull-6 { position: relative; right: 50%; left: auto; }
  .xlarge-push-7 { position: relative; left: 58.33333%; right: auto; }
  .xlarge-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .xlarge-push-8 { position: relative; left: 66.66667%; right: auto; }
  .xlarge-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .xlarge-push-9 { position: relative; left: 75%; right: auto; }
  .xlarge-pull-9 { position: relative; right: 75%; left: auto; }
  .xlarge-push-10 { position: relative; left: 83.33333%; right: auto; }
  .xlarge-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .xlarge-push-11 { position: relative; left: 91.66667%; right: auto; }
  .xlarge-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 20px; padding-right: 20px; float: left; }
  .xlarge-1 { width: 8.33333%; }
  .xlarge-2 { width: 16.66667%; }
  .xlarge-3 { width: 25%; }
  .xlarge-4 { width: 33.33333%; }
  .xlarge-5 { width: 41.66667%; }
  .xlarge-6 { width: 50%; }
  .xlarge-7 { width: 58.33333%; }
  .xlarge-8 { width: 66.66667%; }
  .xlarge-9 { width: 75%; }
  .xlarge-10 { width: 83.33333%; }
  .xlarge-11 { width: 91.66667%; }
  .xlarge-12 { width: 100%; }
  .xlarge-offset-0 { margin-left: 0% !important; }
  .xlarge-offset-1 { margin-left: 8.33333% !important; }
  .xlarge-offset-2 { margin-left: 16.66667% !important; }
  .xlarge-offset-3 { margin-left: 25% !important; }
  .xlarge-offset-4 { margin-left: 33.33333% !important; }
  .xlarge-offset-5 { margin-left: 41.66667% !important; }
  .xlarge-offset-6 { margin-left: 50% !important; }
  .xlarge-offset-7 { margin-left: 58.33333% !important; }
  .xlarge-offset-8 { margin-left: 66.66667% !important; }
  .xlarge-offset-9 { margin-left: 75% !important; }
  .xlarge-offset-10 { margin-left: 83.33333% !important; }
  .xlarge-offset-11 { margin-left: 91.66667% !important; }
  .xlarge-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; }
  .column.xlarge-centered, .columns.xlarge-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.xlarge-uncentered, .columns.xlarge-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.xlarge-centered:last-child, .columns.xlarge-centered:last-child { float: none; }
  .column.xlarge-uncentered:last-child, .columns.xlarge-uncentered:last-child { float: left; }
  .column.xlarge-uncentered.opposite, .columns.xlarge-uncentered.opposite { float: right; } }
@media only screen and (min-width: 1201px) { .xxlarge-push-0 { position: relative; left: 0%; right: auto; }
  .xxlarge-pull-0 { position: relative; right: 0%; left: auto; }
  .xxlarge-push-1 { position: relative; left: 8.33333%; right: auto; }
  .xxlarge-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .xxlarge-push-2 { position: relative; left: 16.66667%; right: auto; }
  .xxlarge-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .xxlarge-push-3 { position: relative; left: 25%; right: auto; }
  .xxlarge-pull-3 { position: relative; right: 25%; left: auto; }
  .xxlarge-push-4 { position: relative; left: 33.33333%; right: auto; }
  .xxlarge-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .xxlarge-push-5 { position: relative; left: 41.66667%; right: auto; }
  .xxlarge-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .xxlarge-push-6 { position: relative; left: 50%; right: auto; }
  .xxlarge-pull-6 { position: relative; right: 50%; left: auto; }
  .xxlarge-push-7 { position: relative; left: 58.33333%; right: auto; }
  .xxlarge-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .xxlarge-push-8 { position: relative; left: 66.66667%; right: auto; }
  .xxlarge-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .xxlarge-push-9 { position: relative; left: 75%; right: auto; }
  .xxlarge-pull-9 { position: relative; right: 75%; left: auto; }
  .xxlarge-push-10 { position: relative; left: 83.33333%; right: auto; }
  .xxlarge-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .xxlarge-push-11 { position: relative; left: 91.66667%; right: auto; }
  .xxlarge-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 20px; padding-right: 20px; float: left; }
  .xxlarge-1 { width: 8.33333%; }
  .xxlarge-2 { width: 16.66667%; }
  .xxlarge-3 { width: 25%; }
  .xxlarge-4 { width: 33.33333%; }
  .xxlarge-5 { width: 41.66667%; }
  .xxlarge-6 { width: 50%; }
  .xxlarge-7 { width: 58.33333%; }
  .xxlarge-8 { width: 66.66667%; }
  .xxlarge-9 { width: 75%; }
  .xxlarge-10 { width: 83.33333%; }
  .xxlarge-11 { width: 91.66667%; }
  .xxlarge-12 { width: 100%; }
  .xxlarge-offset-0 { margin-left: 0% !important; }
  .xxlarge-offset-1 { margin-left: 8.33333% !important; }
  .xxlarge-offset-2 { margin-left: 16.66667% !important; }
  .xxlarge-offset-3 { margin-left: 25% !important; }
  .xxlarge-offset-4 { margin-left: 33.33333% !important; }
  .xxlarge-offset-5 { margin-left: 41.66667% !important; }
  .xxlarge-offset-6 { margin-left: 50% !important; }
  .xxlarge-offset-7 { margin-left: 58.33333% !important; }
  .xxlarge-offset-8 { margin-left: 66.66667% !important; }
  .xxlarge-offset-9 { margin-left: 75% !important; }
  .xxlarge-offset-10 { margin-left: 83.33333% !important; }
  .xxlarge-offset-11 { margin-left: 91.66667% !important; }
  .xxlarge-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; }
  .column.xxlarge-centered, .columns.xxlarge-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.xxlarge-uncentered, .columns.xxlarge-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.xxlarge-centered:last-child, .columns.xxlarge-centered:last-child { float: none; }
  .column.xxlarge-uncentered:last-child, .columns.xxlarge-uncentered:last-child { float: left; }
  .column.xxlarge-uncentered.opposite, .columns.xxlarge-uncentered.opposite { float: right; } }
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("fonts/font-awesome/fontawesome-webfont.eot?v=4.2.0"); src: url("fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("fonts/font-awesome/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("fonts/font-awesome/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("fonts/font-awesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }
.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }
.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-search:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

/* CSS Reset */
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: 100%; font: inherit; vertical-align: baseline; }

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

body { line-height: 1; }

blockquote, q { quotes: none; }

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

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

/* Base styles */
*, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; }

html { height: 100%; overflow-y: scroll; }

body { background: black; text-align: center; }

::-moz-selection { background: #000; color: #fff; text-shadow: none; }

::selection { background: #000; color: #fff; text-shadow: none; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

blockquote { margin: 1em 0; line-height: 1.3; font-size: 1.2rem; }
blockquote .cite { font-size: 20px; }
blockquote p:last-child { margin-bottom: 0; }

h1 + blockquote { margin-top: 0.7em; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

.lt-ie9 object, .lt-ie9 embed { max-width: none; }

abbr[title] { border-bottom: 1px dotted; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

ul, ol { margin: 0 0 1em 1.5em; }

ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }

.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

.cta { display: inline-block; cursor: pointer; outline: none; border: none; background: none; -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }
.cta:after { content: ' →'; }
.cta:hover { color: #666666; }

.cta-large { font-size: 1.2rem; }

.fineprint { font-size: 0.6rem; }

.intro { line-height: 1.3; font-size: 2rem; padding: 0 0 55px 0; margin: 0 0 40px 0; border-bottom: 2px solid black; text-align: center; letter-spacing: -0.01em; }
.intro > *:last-child { margin-bottom: 0; }

.intro--no-border { padding-bottom: 0; border-bottom: none; }

@media only screen and (max-width: 768px) { .intro { text-align: left; }
  .intro br { display: none; }
  .intro:not(.intro--no-border) { padding-bottom: 40px; } }
.naked-list { list-style-type: none; margin-left: 0; }

.invisible { visibility: hidden; }

.none { display: none; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

.compact { margin: 0; padding: 0; }

.compact-v { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.compact-h { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

.uc { text-transform: uppercase; }

.reverse { color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.reverse a { color: #fff; border-color: #fff; }
.reverse a:hover { color: #bfbfbf; border-color: #bfbfbf; }
.reverse ::-moz-selection { background: #a6a6a6; }
.reverse ::selection { background: #a6a6a6; }

.loader { display: none; z-index: 0; position: fixed; left: 50%; top: 50%; width: 16px; height: 16px; margin: -1px 0 0 -8px; background: url(img/loader.gif) 50% 50% no-repeat; background-size: 16px; }

.btn { display: inline-block; padding: 15px; border: 2px solid black; background: transparent; -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }
.btn:hover { color: #666666; border-color: #666666; }

.btn--secondary { color: #666666; border-color: #999999; }

.scroll-down { margin: 0; padding: 0; border: 0; background: transparent; font: inherit; line-height: normal; cursor: pointer; outline: none; -moz-user-select: text; position: absolute; left: 50%; bottom: 20px; margin: 0 0 0 -27px; padding: 7px 8px 7px 8px; border: 2px solid #fff; border-radius: 50%; width: 45px; height: 45px; background: rgba(0, 0, 0, 0.01); }
.scroll-down::-moz-focus-inner { padding: 0; border: 0; }
.scroll-down svg { display: block; width: 25px; height: 27px; fill: #fff; }

.parallax-img { position: fixed; top: 0; left: 0; width: 100%; height: 650px; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: black; }

.parallax-img__img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.parallax-img--darken .parallax-img__img { opacity: 0.7; }

.parallax-section { position: relative; }
.parallax-section .banner { display: block; position: relative; height: 650px; overflow: hidden; }

.page-header__subtitle { margin: 0; }

.page-header--parallax { color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.page-header--parallax .page-header__title, .page-header--parallax .page-header__subtitle { position: absolute; left: 0; width: 100%; padding: 0 20px; }
.page-header--parallax .page-header__title { top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.page-header--parallax .page-header__subtitle { bottom: 110px; }

.page-header--static { padding-top: 120px; background-color: #fff; }

.content-wrap { position: relative; z-index: 1; }

.well { display: block; background: #fff; padding: 65px 20px; }
.well.full-w { padding-left: 0; padding-right: 0; }
.well > :first-child { margin-top: 0; }
.well > :last-child { margin-bottom: 0; }

.well--reverse { background: black; }
.well--reverse .intro { border-color: #fff; }

@media only screen and (max-width: 568px) { .well { padding: 40px 0; } }
.content { text-align: left; }
.content > *:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.content > h1:first-child, .content > h2:first-child, .content > h3:first-child, .content > h4:first-child, .content > h5:first-child, .content > h6:first-child { margin-top: 0; }
.content img { display: block; }
.content li { margin: 0 0 0.5em 0; }

.content--center { text-align: center; }
.content--center ul > li { list-style-position: inside; }

.svg, .svg--btn { display: inline-block; }
.svg svg, .svg--btn svg { fill: black; width: 100%; height: 100%; }

.svg--reverse svg { fill: #fff; }

.svg--btn svg { fill: black; -webkit-transition: fill 0.3s; transition: fill 0.3s; }
.svg--btn:hover svg { fill: #666666; }

/* Thumbnail grid */
.thumb-grid { margin: 0 -20px; text-align: center; }

.thumb { position: relative; display: inline-block; vertical-align: top; padding: 0 20px 40px 20px; width: 33.3333%; }

#infscr-loading { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; padding: 40px 0 0 0; }

@media only screen and (max-width: 768px) { .thumb { width: 50%; } }
@media only screen and (max-width: 568px) { .thumb { width: 100%; } }
.media__img { float: left; margin-right: 20px; }
.media__img img { display: block; }

.media--rever .media__img { float: right; margin-left: 20px; }

.media, .media__content { overflow: hidden; _overflow: visible; zoom: 1; }

table { border-collapse: collapse; border-spacing: 0; margin: 1em 0; border-bottom: 2px solid #000; width: 100%; }

tr { border-top: 2px solid #000; }

th { font-weight: normal; }

th, td { text-align: left; padding: 20px; border: none; }

@media only screen and (max-width: 768px) { td { padding: 15px; } }
/* Video */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container iframe { background: #fff; }

/* Fonts */
@font-face { font-family: "L Alternate Gothic W01 2"; src: url("fonts/694d9d39-2113-4431-b278-0ea3d7a2b062.eot?#iefix"); src: url("fonts/694d9d39-2113-4431-b278-0ea3d7a2b062.eot?#iefix") format("eot"), url("fonts/f1eb2374-55e9-44b1-97ed-88e2d775671a.woff2") format("woff2"), url("fonts/2fc75594-a7bb-4e8f-ad81-b7e8ddeb0435.woff") format("woff"), url("fonts/a7e5a390-5440-4b7f-9500-9bd0b8dde16a.ttf") format("truetype"), url("fonts/9036ea97-77a0-44a0-bbc9-64d2733c9484.svg#9036ea97-77a0-44a0-bbc9-64d2733c9484") format("svg"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Avenir W01"; src: url("fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix"); src: url("fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix") format("eot"), url("fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"), url("fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"), url("fonts/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf") format("truetype"), url("fonts/15281d0d-e3c2-46e1-94db-cb681e00bfaa.svg#15281d0d-e3c2-46e1-94db-cb681e00bfaa") format("svg"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Avenir W01"; src: url("fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix"); src: url("fonts/1e9b2738-9316-4b0c-97c0-5423b69ea147.eot?#iefix") format("eot"), url("fonts/1a7173fa-062b-49ad-9915-bc57d3bfc1f5.woff2") format("woff2"), url("fonts/cdda031e-26e9-4269-83d1-5a218caa10db.woff") format("woff"), url("fonts/6d1ce413-19e7-4b43-b328-6cdedc58b35a.ttf") format("truetype"), url("fonts/33fac8ae-e7a5-4903-9ac1-c09a59b4c61d.svg#33fac8ae-e7a5-4903-9ac1-c09a59b4c61d") format("svg"); font-weight: 400; font-style: oblique; }
@font-face { font-family: "Avenir W01"; src: url("fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix"); src: url("fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"), url("fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"), url("fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"), url("fonts/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg"); font-weight: 800; font-style: normal; }
@font-face { font-family: "Avenir W01"; src: url("fonts/e6b412d9-d1ed-4b17-bb93-a6911df8640d.eot?#iefix"); src: url("fonts/e6b412d9-d1ed-4b17-bb93-a6911df8640d.eot?#iefix") format("eot"), url("fonts/3c210c80-960f-4684-850b-25390b4d08af.woff2") format("woff2"), url("fonts/cb5c71ad-e582-4d00-929c-67fbfaeb1c27.woff") format("woff"), url("fonts/9ced8e96-4602-4507-8c20-4ff381949a9a.ttf") format("truetype"), url("fonts/a7c1d112-7546-459d-a153-1467481298bd.svg#a7c1d112-7546-459d-a153-1467481298bd") format("svg"); font-weight: 800; font-style: oblique; }
/* Typography */
html { font-size: 20px; }

html, body { line-height: 1.4; color: black; font-family: "Avenir W01", Helvetica, Arial, sans-serif; font-weight: 400; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 1rem 0 0.5rem 0; line-height: 0.99; font-family: "L Alternate Gothic W01 2", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; }

h1, .h1 { font-size: 7.5rem; margin: 0; }

h2, .h2 { font-size: 3.5rem; }

h3, .h3 { font-size: 2rem; }

h4, .h4 { font-size: 1.2rem; }

h5, .h5 { font-size: 20px; }

h6, .h6 { font-size: 20px; }

p { margin: 0 0 1em 0; }

a img { border: none; }

.text-link { padding: 0; border: none; background: transparent; }

a, .text-link { border-bottom: 1px solid black; color: black; text-decoration: none; outline-style: none; -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }

a:hover, .text-link:hover { color: #666666; border-color: #666666; }

a:focus { color: #666666; }

b, strong { font-weight: 800; }

i, em { font-style: italic; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

@media only screen and (max-width: 568px) { .small-only-text-left { text-align: left !important; }
  .small-only-text-right { text-align: right !important; }
  .small-only-text-center { text-align: center !important; }
  .small-only-text-justify { text-align: justify !important; } }
@media only screen { .small-text-left { text-align: left !important; }
  .small-text-right { text-align: right !important; }
  .small-text-center { text-align: center !important; }
  .small-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 569px) and (max-width: 768px) { .medium-only-text-left { text-align: left !important; }
  .medium-only-text-right { text-align: right !important; }
  .medium-only-text-center { text-align: center !important; }
  .medium-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 569px) { .medium-text-left { text-align: left !important; }
  .medium-text-right { text-align: right !important; }
  .medium-text-center { text-align: center !important; }
  .medium-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 769px) and (max-width: 960px) { .large-only-text-left { text-align: left !important; }
  .large-only-text-right { text-align: right !important; }
  .large-only-text-center { text-align: center !important; }
  .large-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 769px) { .large-text-left { text-align: left !important; }
  .large-text-right { text-align: right !important; }
  .large-text-center { text-align: center !important; }
  .large-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 961px) and (max-width: 1200px) { .xlarge-only-text-left { text-align: left !important; }
  .xlarge-only-text-right { text-align: right !important; }
  .xlarge-only-text-center { text-align: center !important; }
  .xlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 961px) { .xlarge-text-left { text-align: left !important; }
  .xlarge-text-right { text-align: right !important; }
  .xlarge-text-center { text-align: center !important; }
  .xlarge-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 1201px) and (max-width: 99999px) { .xxlarge-only-text-left { text-align: left !important; }
  .xxlarge-only-text-right { text-align: right !important; }
  .xxlarge-only-text-center { text-align: center !important; }
  .xxlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 1201px) { .xxlarge-text-left { text-align: left !important; }
  .xxlarge-text-right { text-align: right !important; }
  .xxlarge-text-center { text-align: center !important; }
  .xxlarge-text-justify { text-align: justify !important; } }
small, .small { font-size: 0.8rem; }

ul, ol, dl { margin: 0 0 1em 0; }

ul { margin-left: 1.1rem; }
ul.no-bullet { margin-left: 0; }
ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1rem; margin-bottom: 0; list-style: none; }

ul li { list-style: disc; }
ul li ul, ul li ol { margin-left: 1.1rem; margin-bottom: 0; }

ol { margin-left: 1.4rem; list-style: decimal; }
ol li ul, ol li ol { margin-left: 0; margin-bottom: 0; }

dl dt { margin-bottom: .3rem; }
dl dd { margin-bottom: 0.6rem; }

/* Layout */
.l-page-wrap { position: relative; }

/* Header */
.header-bar { z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; height: 80px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.header-bar a { color: #fff; border-bottom: none; }

.header-bar__bg { position: absolute; z-index: 1; top: -90px; left: 0; height: 80px; width: 100%; background: black; -webkit-transition: top 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: top 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.header-bar--force-bg .header-bar__bg, .header-bar--show-bg:not(.header-bar--disable-bg) .header-bar__bg { top: 0; }

.header-bar__logo { display: block; position: absolute; z-index: 2; top: 25px; left: 50%; margin-left: -97px; border-bottom: none; width: 195px; height: 31px; }

.header-bar__tools { z-index: 2; position: absolute; right: 40px; top: 2px; padding: 20px; line-height: 1; }

.header-bar__text-links { float: left; padding-top: 12px; font-size: 0.8rem; }
.header-bar__text-links .divider { display: inline-block; padding: 0 0.3em; opacity: 0.5; }

.header-bar__follow { cursor: pointer; float: left; padding-top: 12px; }

.header-bar__mobile-login { display: none; cursor: pointer; position: relative; float: right; margin: 6px 0 0 20px; width: 28px; height: 26px; }

.header-bar__cart { cursor: pointer; position: relative; float: right; margin: 6px 22px 0 20px; width: 30px; height: 26px; }
.header-bar__cart .cart-count { position: absolute; top: -11px; right: -22px; width: 20px; height: 20px; font-size: 12px; border: 1px solid #fff; border-radius: 50%; padding-top: 3px; }

.menu-toggle { z-index: 1002; position: absolute; top: 10px; left: 40px; cursor: pointer; padding: 21px 20px 20px 55px; height: 61px; }
.menu-toggle .hamburger-bar { position: absolute; left: 22px; display: block; height: 2px; background-color: #fff; width: 17px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; }
.menu-toggle .hamburger-bar:nth-child(1) { top: 24px; }
.menu-toggle .hamburger-bar:nth-child(2) { top: 30px; }
.menu-toggle .hamburger-bar:nth-child(3) { top: 36px; }

.menu-toggle__label { line-height: 1; }

.menu { display: table; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 0; opacity: 0; overflow: hidden; background: #fff; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.menu__content-wrap { display: table-cell; vertical-align: middle; color: #fff; }

.menu__nav { display: none; margin: 0; font-family: "L Alternate Gothic W01 2", Helvetica, Arial, sans-serif; font-size: 3.5rem; text-transform: uppercase; line-height: 1.7; }
.menu__nav a { position: relative; display: inline-block; color: black; border: none; line-height: 1; }

.no-touch .menu__nav a:after, .supports-no-touch .menu__nav a:after { content: ''; display: block; margin: 0 auto; border-bottom: 2px solid black; width: 0; -webkit-transition: width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.no-touch .menu__nav a:hover:after, .supports-no-touch .menu__nav a:hover:after { width: 100%; }

@media screen and (max-height: 1050px) { .menu__nav { line-height: 1.2; } }
@media screen and (min-height: 800px) { .menu__nav { font-size: 4rem; } }
@media only screen and (max-width: 1200px) { .header-bar__text-links { font-size: 0.7rem; } }
@media only screen and (max-width: 960px) { .menu__nav { font-size: 4rem; }
  .header-bar__mobile-login { display: block; }
  .header-bar__text-links { display: none; } }
@media only screen and (max-width: 768px) { .menu__nav { font-size: 3rem; }
  .menu-toggle { left: 0; }
  .header-bar__tools { right: 0; }
  .header-bar__mobile-login { margin-top: 8px; width: 21px; height: 19px; }
  .header-bar__cart { margin-top: 8px; margin-right: 0; width: 22px; height: 19px; }
  .menu-toggle__label, .header-bar__cart .cart-count { display: none; }
  .menu__close { left: 20px; } }
@media only screen and (max-width: 568px) { .menu__nav { font-size: 2.5rem; }
  .header-bar__logo { width: 150px; height: 31px; margin-left: -75px; }
  .header-bar__cart { margin-left: 5px; } }
@media screen and (max-width: 320px) { .header-bar__tools { padding-right: 10px; } }
.menu-open .menu, .menu-closing .menu { height: 100%; }
.menu-open .menu__nav, .menu-open .menu__contact-details, .menu-closing .menu__nav, .menu-closing .menu__contact-details { display: block; }

.menu-open .menu-toggle .hamburger-bar { background: black; }
.menu-open .menu-toggle__label { display: none; }

.menu-open-anim .menu { opacity: 1; }

/* Home */
.page-home .header-bar__logo { display: none; }

.home-sections { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.home-section { position: relative; background: black; height: 500px; padding: 40px; overflow: hidden; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.home-section a { color: #fff; }
.home-section a:hover .home-section__bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; }

.home-section__bg { z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; -webkit-transform: scale(1), translate3d(0, 0, 0); transform: scale(1), translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.home-section--darken .home-section__bg { opacity: 0.7; }

.home-section__title, .home-section__subtitle { position: absolute; left: 0; width: 100%; z-index: 1; }

.home-section__title { top: 50%; margin: 0; font-size: 7.5rem; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.home-section__subtitle { bottom: 40px; margin: 0; }

.home-section--home { min-height: 700px; }
.home-section--home .svg, .home-section--home .svg--btn { width: 728px; height: 110px; margin: 0 auto; }
.home-section--home .home-section__map-coords { position: absolute; top: 30px; left: 50%; z-index: 1; width: auto; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
.home-section--home .home-section__title { font-size: 1px; }
.home-section--home .home-section__subtitle { bottom: 110px; }

@media only screen and (max-height: 700px) { .home-section--home { min-height: 0; } }
@media only screen and (min-width: 1201px) and (min-height: 900px) { .home-section { height: 600px; } }
@media only screen and (min-width: 1201px) and (min-height: 1200px) { .home-section { height: 700px; } }
@media only screen and (max-width: 900px) { .home-section__title { font-size: 5rem; }
  .home-section--home .svg, .home-section--home .svg--btn { width: 485.33333px; height: 73.33333px; } }
@media only screen and (max-width: 768px) { .home-section { height: 400px; }
  .home-section__map-coords { display: none; } }
@media only screen and (max-width: 568px) { .home-section__title { font-size: 4.16667rem; }
  .home-section--home .svg, .home-section--home .svg--btn { width: 364px; height: 55px; }
  .home-section { height: 200px; }
  .home-section__subtitle { bottom: 20px; } }
@media only screen and (max-width: 450px) { .home-section__title { font-size: 3.05556rem; }
  .home-section--home .svg, .home-section--home .svg--btn { width: 266.93333px; height: 40.33333px; } }
/* Our Wines*/
.page-our-wines .intro { margin-bottom: 0; }

.variety { text-align: center; padding: 45px 0 30px 0; margin: 0 0 50px 0; border-bottom: 2px solid black; }

.variety__title { margin-top: 0; margin-bottom: 30px; }

.variety-title__brand-name { display: block; }
.variety-title__brand-name sup { position: relative; top: -0.35em; vertical-align: middle; line-height: 0; font-size: 0.6em; text-decoration: underline; }

.wine { position: relative; padding: 0 0 50px 0; border-bottom: 2px solid black; }
.wine:after { content: ''; display: block; position: absolute; left: 50%; top: 0; bottom: 50px; margin-left: -1px; width: 2px; background: black; }
.wine:last-child:after { bottom: 0; }

.wine__title { margin: 0 0 0.7rem 0; }

.wine__image { text-align: center; }
.wine__image img { display: block; margin: 0 auto; }

@media only screen and (min-width: 769px) { .wine__description { padding-right: 40px; }
  .wine__image { padding-left: 40px; } }
@media only screen and (max-width: 768px) { .wine:after { display: none; }
  .wine__img { margin-top: 30px; }
  .variety { margin-bottom: 40px; padding-top: 35px; padding-bottom: 20px; text-align: left; }
  .variety__title { margin-bottom: 20px; }
  .wine { padding-bottom: 40px; } }
/* Contact */
.page-contact .page-header { color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: black; }
.page-contact .content { text-align: center; }
.page-contact .footer { display: none; }

/* Footer */
.footer { background: black; max-width: 1240px; padding: 0 20px; }
.footer a { display: inline-block; padding-bottom: 3px; color: #fff; border: none; }
.footer a:hover { color: #fff; border-bottom: 1px solid #fff; }
.footer > *:last-child { margin-bottom: 0; padding-bottom: 0; }

.footer__content { padding: 65px 0; }

body.page-blog .footer__content, body.page-art .footer__content, body.single-post .footer__content, body.single-yalyal_art .footer__content { border-top: 1px solid #fff; }

body.single-post .footer, body.single-yalyal_art .footer { max-width: 1040px; }

@media only screen and (max-width: 568px) { .footer { padding-left: 0; padding-right: 0; }
  .footer__content { padding: 40px 0; } }
/* Wordpress (Blog) */
.post__title { margin: 0 0 0.25em 0; font-size: 3.5rem; }

.post__title--no-date { margin-bottom: 0.5em; }

.post__date { margin: 0 0 1em 0; }

.post__sm-feature-img { margin: 40px 0; }
.post__sm-feature-img img { width: 100%; max-width: none; }

.post__content > p:first-child { line-height: 1.3; font-size: 2rem; letter-spacing: -0.01em; }

.post--no-header { padding-top: 120px; }

@media only screen and (max-width: 568px) { .post__sm-feature-img { margin: 20px 0; } }
.pagination { *zoom: 1; }
.pagination:before, .pagination:after { content: " "; display: table; }
.pagination:after { clear: both; }

.pagination--prev, .pagination--next { padding: 150px 0 0 0; width: 50%; }

.pagination--prev { float: left; text-align: left; }

.pagination--next { float: right; text-align: right; }

.pagination__icon { width: 16px; height: 17px; }

.pagination--prev__icon { -webkit-transform: rotate(90deg) translate(2px, 0); -ms-transform: rotate(90deg) translate(2px, 0); transform: rotate(90deg) translate(2px, 0); margin-right: 5px; }

.pagination--next__icon { -webkit-transform: rotate(-90deg) translate(-2px, 0); -ms-transform: rotate(-90deg) translate(-2px, 0); transform: rotate(-90deg) translate(-2px, 0); margin-left: 5px; }

.pagination a { border: none; }
.pagination a:hover { color: #fff; border-bottom: 1px solid #fff; }

.js .blog .pagination { display: none; }

/* Blog post thumbs */
.thumb-grid--posts { margin: 0 -20px; }

.thumb--post:hover .thumb--post__hover { opacity: 1; }

.thumb--post__img { position: relative; display: block; height: 0; padding-bottom: 100%; }
.thumb--post__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.thumb--post__hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

.thumb--post__info { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 20px; width: 100%; text-align: center; }

.thumb--post__title { font-size: 2rem; padding: 0 20px; }

@media only screen and (min-width: 769px) and (max-width: 960px) { .thumb--post__title { font-size: 1.5rem; } }
.touch .thumb--post__hover, .touch .thumb--post__info { position: static; }
.touch .thumb--post__hover { opacity: 1; }
.touch .thumb--post__info { -webkit-transform: none; -ms-transform: none; transform: none; }

/* Blog post content */
.wp-caption, .post-img { text-align: center; margin: 1em 0; }
.wp-caption img, .post-img img { display: block; margin-left: auto; margin-right: auto; width: 100%; max-width: none; }

.wp-caption-text, .wp-caption-dd { margin: 0.5em 0 1em 0; font-size: 14px; font-style: italic; }

.post-img { text-align: center; }

.post-img .alignleft, .post-img .alignright { max-width: 50%; margin-bottom: 20px; }

.post-img .alignleft { float: left; margin-right: 20px; }

.post-img .alignright { float: right; margin-left: 20px; }

.post-img .aligncenter img, img.aligncenter { margin: 0 auto 20px auto; }

.post-img .aligncenter .wp-caption-text { text-align: center; }

p:not(.post-img) + .post-img { margin-top: 2em; }

.post-img + p:not(.post-img) { margin-top: 2em; }

/* Blog comments */
/* Wordpress image galleries (created using media uploader) */
.gallery { margin: 0 auto 18px; }

.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }

.gallery-columns-2 .gallery-item { width: 50%; }

.gallery-columns-4 .gallery-item { width: 25%; }

.gallery img { padding: 0; max-width: 100%; height: auto; }

.gallery img:hover { background: white; }

.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }

.gallery dl { margin: 0; }

.gallery dt { margin: 5px; }

.gallery br + br { display: none; }

/* Art */
@media only screen and (min-width: 769px) { .page-art .intro { padding-left: 10px; padding-right: 10px; } }
@media only screen and (min-width: 569px) { .page-art .content { text-align: center; padding-bottom: 60px; } }
@media only screen and (max-width: 568px) { .thumb-grid--art { margin-top: 40px; } }
/* Forms */
label { display: inline-block; margin: 0 10px 5px 0; }

label[for] { cursor: pointer; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button { display: inline-block; outline: none; cursor: pointer; border: none; padding: 0; background: none; }

button, input, textarea { -webkit-appearance: none; -moz-appearance: none; }

fieldset { border: 0; margin: 0; padding: 0; }

input[type=text], input[type=email], input[type=tel], input[type=password], textarea, select { border-radius: 0; border: 2px solid black; }

input[type=text], input[type=email], input[type=tel], input[type=password] { display: block; margin: 0 0 10px 0; padding: 10px; color: black; font-size: 20px; font-family: "Avenir W01", Helvetica, Arial, sans-serif; background: #fff; }
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus { outline: none; }

input.input-full, textarea.input-full, select.input-full { width: 100%; }

input[type="submit"] { cursor: pointer; -webkit-appearance: none; }
input[type="submit"]:focus { outline: none; }

textarea { resize: vertical; vertical-align: top; display: inline-block; margin: 0 0 10px 0; padding: 10px; color: black; font-size: 20px; font-family: "Avenir W01", Helvetica, Arial, sans-serif; background: #fff; }
textarea:focus { outline: none; }

select { margin: 0; }

input[type="checkbox"], input[type="radio"] { display: inline; margin: 0 8px 0 0; padding: 0; width: auto; }

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

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

input[type="image"] { padding-left: 0; padding-right: 0; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 0 10px 0; padding: 10px 28px 10px 10px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; background-image: url(img/ico-select.svg); background-repeat: no-repeat; background-position: right 10px center; background-color: transparent; }
.ie9 select, .lt-ie9 select { padding-right: 10px; background-image: none; }

optgroup { font-weight: bold; }

option { color: #000; background-color: #fff; }

select::-ms-expand { display: none; }

.form-center input[type=text], .form-center input[type=email], .form-center input[type=tel], .form-center input[type=password], .form-center textarea { margin-left: auto; margin-right: auto; }

@media only screen { .show-small-only, .show-small-up, .show-small, .show-small-down, .hide-medium-only, .hide-medium-up, .hide-medium, .show-medium-down, .hide-large-only, .hide-large-up, .hide-large, .show-large-down, .hide-xlarge-only, .hide-xlarge-up, .hide-xxlarge-only, .hide-xxlarge-up { display: inherit !important; }
  .hide-small-only, .hide-small-up, .hide-small, .hide-small-down, .show-medium-only, .show-medium-up, .show-medium, .hide-medium-down, .show-large-only, .show-large-up, .show-large, .hide-large-down, .show-xlarge-only, .show-xlarge-up, .show-xxlarge-only, .show-xxlarge-up { display: none !important; } }
@media only screen and (min-width: 569px) { .hide-small-only, .show-small-up, .hide-small, .hide-small-down, .show-medium-only, .show-medium-up, .show-medium, .show-medium-down, .hide-large-only, .hide-large-up, .hide-large, .show-large-down, .hide-xlarge-only, .hide-xlarge-up, .hide-xxlarge-only, .hide-xxlarge-up { display: inherit !important; }
  .show-small-only, .hide-small-up, .show-small, .show-small-down, .hide-medium-only, .hide-medium-up, .hide-medium, .hide-medium-down, .show-large-only, .show-large-up, .show-large, .hide-large-down, .show-xlarge-only, .show-xlarge-up, .show-xxlarge-only, .show-xxlarge-up { display: none !important; } }
@media only screen and (min-width: 769px) { .hide-small-only, .show-small-up, .hide-small, .hide-small-down, .hide-medium-only, .show-medium-up, .hide-medium, .hide-medium-down, .show-large-only, .show-large-up, .show-large, .show-large-down, .hide-xlarge-only, .hide-xlarge-up, .hide-xxlarge-only, .hide-xxlarge-up { display: inherit !important; }
  .show-small-only, .hide-small-up, .show-small, .show-small-down, .show-medium-only, .hide-medium-up, .show-medium, .show-medium-down, .hide-large-only, .hide-large-up, .hide-large, .hide-large-down, .show-xlarge-only, .show-xlarge-up, .show-xxlarge-only, .show-xxlarge-up { display: none !important; } }
@media only screen and (min-width: 961px) { .hide-small-only, .show-small-up, .hide-small, .hide-small-down, .hide-medium-only, .show-medium-up, .hide-medium, .hide-medium-down, .hide-large-only, .show-large-up, .hide-large, .hide-large-down, .show-xlarge-only, .show-xlarge-up, .hide-xxlarge-only, .hide-xxlarge-up { display: inherit !important; }
  .show-small-only, .hide-small-up, .show-small, .show-small-down, .show-medium-only, .hide-medium-up, .show-medium, .show-medium-down, .show-large-only, .hide-large-up, .show-large, .show-large-down, .hide-xlarge-only, .hide-xlarge-up, .show-xxlarge-only, .show-xxlarge-up { display: none !important; } }
@media only screen and (min-width: 1201px) { .hide-small-only, .show-small-up, .hide-small, .hide-small-down, .hide-medium-only, .show-medium-up, .hide-medium, .hide-medium-down, .hide-large-only, .show-large-up, .hide-large, .hide-large-down, .hide-xlarge-only, .show-xlarge-up, .show-xxlarge-only, .show-xxlarge-up { display: inherit !important; }
  .show-small-only, .hide-small-up, .show-small, .show-small-down, .show-medium-only, .hide-medium-up, .show-medium, .show-medium-down, .show-large-only, .hide-large-up, .show-large, .show-large-down, .show-xlarge-only, .hide-xlarge-up, .hide-xxlarge-only, .hide-xxlarge-up { display: none !important; } }
@media only screen and (max-width: 900px) { h1:not(.page-header__title):not(.thumb--product__title):not(.thumb--post__title):not(.h2), .h1 { font-size: 5rem; } }
@media only screen and (max-width: 568px) { html { font-size: 18px; }
  h1:not(.page-header__title):not(.thumb--product__title):not(.thumb--post__title):not(.h2), .h1 { font-size: 4.16667rem; }
  .page-header__title { font-size: 5.55556rem; }
  h2, .h2, .post__title { font-size: 3.05556rem; }
  h3, .h3 { font-size: 2.22222rem; }
  .intro, .post__content > p:first-child { font-size: 1.66667rem; } }
@media only screen and (max-width: 450px) { h1:not(.page-header__title):not(.thumb--product__title):not(.thumb--post__title):not(.h2), .h1 { font-size: 3.05556rem; }
  .page-header__title { font-size: 4.16667rem; }
  h2, .h2, .post__title { font-size: 2.22222rem; }
  h3, .h3 { font-size: 1.66667rem; } }
/* Print */
@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }

/*# sourceMappingURL=style.css.map */