/*
Theme Name: Can't Touch This
Author: Forde + Nicol
Author URI: http://fordenicol.com
Description: Custom Wordpress theme for Can't Touch This
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: canttouchthis
Domain Path: /languages/
*/
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1220px; *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: -15px; margin-right: -15px; 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: 15px; padding-right: 15px; 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: 15px; padding-right: 15px; 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: 15px; padding-right: 15px; 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: 15px; padding-right: 15px; 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: 1025px) { .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: 15px; padding-right: 15px; 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: 1401px) { .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: 15px; padding-right: 15px; 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; } }

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled { position: relative; }

.flickity-enabled:focus { outline: none; }

.flickity-viewport { overflow: hidden; position: relative; height: 100%; }

.flickity-slider { position: absolute; width: 100%; height: 100%; }

/* draggable */
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active { opacity: 0.6; }

.flickity-prev-next-button.previous { left: 10px; }

.flickity-prev-next-button.next { right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; }

.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; }

.flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; }

.flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }

.flickity-prev-next-button .arrow { fill: #333; }

/* ---- page dots ---- */
.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; }

.flickity-page-dots .dot.is-selected { opacity: 1; }

/* 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 { box-sizing: border-box; }

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

body { background: #fff; text-align: center; height: 100%; }

::-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: 2.13333rem; }

blockquote .cite { font-size: 15px; }

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; }

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

.u-cf { *zoom: 1; }

.u-cf:before, .u-cf:after { content: " "; display: table; }

.u-cf:after { clear: both; }

.u-collapse-lc > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.u-collapse-fc > *:first-child { margin-top: 0 !important; padding-top: 0 !important; }

.u-compact { margin: 0 !important; padding: 0 !important; }

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

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

.u-compact-b { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.u-compact-t { margin-top: 0 !important; padding-top: 0 !important; }

.u-spacious-b { margin-bottom: 3rem !important; }

.u-spacious-t { margin-top: 3rem !important; }

.u-invisible { visibility: hidden; }

.u-none { display: none; }

.has-intro > p:first-child { font-size: 2.13333rem; font-weight: 700; }

.small { font-size: 0.8rem; }

.tiny { font-size: 0.66667rem; }

.intro { font-size: 2rem; }

.uc { text-transform: uppercase; }

.unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

.acf-map { margin-bottom: 10px; }

.map-info-window { font-family: Roboto, Arial; font-weight: 400; color: #333; min-width: 180px; margin-top: 3px; }

.map-info-window strong { font-weight: bold; }

.map-info-window .address { margin-top: 2px; }

.map-info-window a { color: #427fed; text-decoration: none; }

.map-info-window a:hover { text-decoration: underline; }

.cropped-image { position: relative; overflow: hidden; }

.cropped-image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: none; height: auto; }

.cropped-image--landscape img { width: auto; height: 100%; }

.proportional-image { position: relative; display: block; height: 0; }

.proportional-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ratio-3-2 { padding-bottom: 66.66667%; }

.ratio-sq { padding-bottom: 100%; }

.lazyload, .lazyloading { opacity: 0; }

.lazyloaded { opacity: 1; transition: opacity 0.3s; }

.no-touchevents .slide-in { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; }

#infscr-loading { display: none !important; }

.js .pagination { display: none; }

.divider, hr { margin: 30px auto; border: none; border-bottom: 1px solid #191919; width: 100px; }

.divided:before { content: ''; display: block; width: 100%; height: 1px; background: #191919; margin: 45px 0 40px 0; }

.reverse { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }

.reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6 { color: #fff; }

.reverse a { color: #fff; border-color: #fff; }

.reverse a:hover { color: #999999; border-color: #999999; }

.reverse .btn, .reverse .comments .form-submit #submit, .comments .form-submit .reverse #submit { border-color: #fff; color: #fff; }

.reversed-links a { color: #191919; }

.reversed-links a:hover { color: #999999; }

.wrap-collapse-top > * { margin-top: 0; }

.wrap-collapse-btm > *:last-child { margin-bottom: 0; }

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

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

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

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.page-wrap { position: relative; }

.js .page-wrap { opacity: 0; }

.content-wrap { position: relative; background: #fff; }

.content-wrap__inner { position: relative; z-index: 1; padding: 65px 5px 60px 5px; background: #fff; }

.row--well { padding: 40px 0; }

.row--well + .row--well, .row--well + .content-wrap > .row--well:first-child { padding-top: 0; }

.row--full-w { max-width: none; }

.row--no-b { padding-bottom: 0; }

.well { position: relative; display: block; margin: 0 auto; padding: 30px 0; }

.well > :first-child { margin-top: 0; }

.well > :last-child { margin-bottom: 0; }

.well--full-w { padding-left: 0; padding-right: 0; }

.callout { background: #999999; }

@media only screen and (min-width: 569px) { .content-wrap__inner { padding-top: 85px; }
  .content-wrap__inner--spacious { padding-top: 95px; } }

@media only screen and (min-width: 769px) { .content-wrap__inner { padding-left: 30px; padding-right: 30px; } }

@media only screen and (max-width: 1024px) { .stack-large { margin-bottom: 40px; } }

@media only screen and (max-width: 768px) { .stack-medium { margin-bottom: 30px; }
  .stack-compact-medium { margin-bottom: 15px; } }

.banner-wrap { position: relative; z-index: 1; overflow: hidden; margin-top: 65px; }

.banner { position: relative; width: 100vw; }

.parallax-img { position: absolute; left: 0; width: 100%; width: 100vw; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.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); opacity: 0; }

.banner-wrap, .banner-wrap--has-img .banner--shim, .parallax-img { height: 300px; min-height: 300px; max-height: 400px; }

.banner--shim { position: relative; }

@media only screen and (min-width: 569px) { .banner-wrap, .banner-wrap--has-img .banner--shim, .parallax-img { max-height: 500px; } }

@media only screen and (min-width: 769px) { .parallax-img { top: 65px; position: fixed; }
  .banner-wrap, .banner-wrap--has-img .banner--shim, .parallax-img { max-height: 600px; } }

@media only screen and (min-width: 1025px) { .banner-wrap, .banner-wrap--has-img .banner--shim, .parallax-img { max-height: 750px; } }

@media screen and (min-width: 1600px) { .banner-wrap, .banner-wrap--has-img .banner--shim, .parallax-img { height: 900px; max-height: 900px; } }

@media only screen and (max-width: 768px) { .parallax-img { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; top: 0 !important; } }

.btn, .comments .form-submit #submit { display: inline-block; cursor: pointer; outline: none; border: 1px solid #191919; background: none; padding: 21px 40px; color: #191919; line-height: 1; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }

.btn:hover, .comments .form-submit #submit:hover { color: #999999; border-color: #999999; }

.btn--solid { background: #191919; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none; }

.btn--solid:hover { color: #fff; background: #999999; }

.btn--full-w { width: 100%; }

.content { text-align: left; }

.content table { height: auto !important; width: 100% !important; }

.content td { padding-bottom: 1em; }

.content td > *:last-child { padding-bottom: 0; }

.wysiwyg-content li { margin: 0 0 0.5em 0; padding-left: 1.25em; }

.wysiwyg-content > :last-child { margin-bottom: 0; }

.icon:after { display: inline-block; font-family: genericons; font-style: normal; vertical-align: middle; font-size: 20px; margin-top: -3px; }

.icon--search { cursor: pointer; }

.icon--search:after { content: '\f400'; }

.icon--facebook { cursor: pointer; }

.icon--facebook:after { content: '\f204'; }

.icon--gplus:after { content: '\f206'; }

.icon--twitter:after { content: '\f214'; }

.svg { display: inline-block; }

.svg svg { fill: #191919; width: 100%; height: 100%; }

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

.thumb-grid { margin: 30px -7.5px 0 -7.5px; text-align: left; }

.thumb-grid__thumb { display: inline-block; padding: 0 7.5px; margin-bottom: 15px; width: 100%; vertical-align: top; }

.thumb-grid--center { text-align: center; }

@media only screen and (min-width: 569px) { .thumb-grid { margin-left: -15px; margin-right: -15px; }
  .thumb-grid__thumb { width: 50%; padding: 0 15px; margin-bottom: 30px; } }

@media only screen and (min-width: 1025px) { .thumb-grid__thumb { width: 33.3333%; } }

@media only screen and (min-width: 1401px) { .thumb-grid__thumb { width: 25%; } }

.portfolio-grid { text-align: center; }

.portfolio-grid__item { position: relative; display: inline-block; padding: 0 15px 3em 15px; width: 100%; max-width: 100%; }

.portfolio-grid__end-of-page { height: 0 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }

.portfolio-grid__img-wrap { position: relative; background: #e1e1e1; transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }

.portfolio-grid__img-wrap:hover { opacity: 0.8; }

.portfolio-grid__img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.portfolio-grid__label { margin-top: 0.9em; width: 100%; text-align: left; }

.portfolio-grid__title { margin: 0 0 2px 0; }

@media only screen and (min-width: 569px) { .portfolio-grid__item { margin-bottom: 11em; padding-bottom: 0; width: 26em; }
  .portfolio-grid__item--narrow { width: 21em; }
  .portfolio-grid__item--wide { width: 29em; }
  .portfolio-grid__item--landscape { width: 47em; }
  .portfolio-grid__item--landscape.portfolio-grid__item--narrow { width: 36em; }
  .portfolio-grid__item--landscape.portfolio-grid__item--wide { width: 49em; }
  .portfolio-grid__label { position: absolute; top: 100%; } }

@media only screen and (min-width: 1025px) { .portfolio-grid__item { width: 29em; }
  .portfolio-grid__item--narrow { width: 26em; }
  .portfolio-grid__item--wide { width: 32em; }
  .portfolio-grid__item--landscape { width: 49em; }
  .portfolio-grid__item--landscape.portfolio-grid__item--narrow { width: 42em; }
  .portfolio-grid__item--landscape.portfolio-grid__item--wide { width: 59em; } }

.category { text-transform: uppercase; font-size: 0.8rem; }

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

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

.media__img { float: left; margin-right: 30px; width: 200px; }

.media__img img { display: block; }

.media__img-reverse { float: right; margin-left: 30px; }

table { border-collapse: collapse; border-spacing: 0; margin: 60px 0; width: 100%; }

th, td { text-align: left; }

th { font-weight: bold; }

td { padding: 0; }

.media-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.media-container iframe, .media-container object, .media-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.media-container iframe { background: #fff; }

.media-container--square { padding-bottom: 100%; }

/* Typography */
@font-face { font-family: "romana"; font-weight: normal; font-weight: normal; src: url("fonts/rom/fonts/b47b26de-60c9-4bf9-9d43-ec6c2b3650f6.eot?#iefix"); src: url("fonts/rom/fonts/b47b26de-60c9-4bf9-9d43-ec6c2b3650f6.eot?#iefix") format("eot"), url("fonts/rom/fonts/102a4d71-a51a-4bea-9a66-2f12c3a7c8a2.woff2") format("woff2"), url("fonts/rom/fonts/c8e7a94a-a2c9-4634-9945-eed83f0e07d2.woff") format("woff"), url("fonts/rom/fonts/b71c9b16-e138-4dd1-b25f-dfc37c2f9dcd.ttf") format("truetype"), url("fonts/rom/fonts/724c0a0a-456b-47f1-a742-a13ec4a65913.svg#724c0a0a-456b-47f1-a742-a13ec4a65913") format("svg"); }

@font-face { font-family: "fakt"; font-weight: normal; font-weight: normal; src: url("fonts/fak/fak-blond.woff") format("woff"); }

html, body { line-height: 1.4; color: #191919; font-family: "fakt", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 15px; letter-spacing: 0.02em; }

h1, h2, h3, h4, h5, h6 { margin: 1rem 0 1rem 0; letter-spacing: 0; line-height: 1.3; color: #191919; font-family: "romana", Helvetica, Arial, sans-serif; font-weight: 400; transition: color 0.25s linear; }

h1, .heading--h1, .heading--page { font-size: 2.13333rem; }

h2, .heading--h2 { font-size: 2.13333rem; margin-bottom: 2.5rem; }

h3, .heading--h3, .wysiwyg-content h3 { font-size: 2.13333rem; }

h4, .heading--h4, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 { font-size: 15px; font-family: "fakt", Helvetica, Arial, sans-serif; text-transform: uppercase; }

a h2, a h3, a h5, a h6, a .heading { color: #191919; }

a h2:hover, a h3:hover, a h5:hover, a h6:hover, a .heading:hover { color: #999999; }

h2 a, h3 a, h5 a, h6 a, .heading a { color: #191919; }

h2 a:hover, h3 a:hover, h5 a:hover, h6 a:hover, .heading a:hover { color: #999999; }

.heading--no-t { margin-top: 0; }

p { margin: 0 0 1em 0; }

a img { border: none; }

a { color: #999999; text-decoration: none; transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); outline-style: none; }

a:hover { color: #191919; }

a:focus { color: #191919; }

.disguised-link { color: #191919; }

.disguised-link:hover { color: #999999; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

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

.naked-list { list-style-type: none; margin-left: 0; }

@media only screen and (max-width: 1400px) { html, body { font-size: 14px; } }

/* Header */
.site-header { position: fixed; top: 0; left: 0; z-index: 2; width: 100%; text-align: center; }

.site-header__column { width: 100%; }

.site-header__column h2 { margin-top: 1.5rem; }

.site-header__column.site-title h2 { margin: 0; }

.site-header__content { position: relative; padding: 19px 10px 0 10px; height: 65px; background: #fff; }

.site-title { z-index: 102; font-size: 2rem; font-family: "romana", Helvetica, Arial, sans-serif; line-height: 1; }

.site-title a { display: inline-block; color: #191919; }

.site-title .apos { letter-spacing: -0.06em; }

.menu-toggle { display: block; position: absolute; top: 3px; left: 2px; z-index: 9999; cursor: pointer; width: 60px; height: 60px; outline: 0; padding: 0; cursor: pointer; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.menu-toggle:active { background-color: transparent; }

.menu-toggle .hamburger-bar { position: absolute; left: 15px; display: block; height: 2px; background-color: #191919; width: 30px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: color 0.3s, background-color 0.3s; }

.menu-toggle .hamburger-bar:nth-child(1) { top: 18px; }

.menu-toggle .hamburger-bar:nth-child(2) { top: 28px; }

.menu-toggle .hamburger-bar:nth-child(3) { top: 38px; }

.menu-open .menu-toggle .hamburger-bar { background-color: #fff; }

@media screen and (min-width: 360px) { .site-title { font-size: 2.13333rem; } }

@media only screen and (min-width: 569px) { .menu-toggle { top: 4px; left: 5px; -webkit-transform: none; -ms-transform: none; transform: none; } }

@media screen and (min-width: 1150px) { .site-header__column.site-title { display: block; } }

@media only screen and (min-width: 769px) and (max-width: 1024px) { .site-header__column.site-title { display: none; } }

@media only screen and (min-width: 769px) { .site-header__column { width: auto; float: left; }
  .site-header__column[class*="column"]:last-child { float: left; }
  .menu-toggle { left: 15px; }
  .site-header__column:not(:last-child) { margin-right: 40px; } }

@media only screen and (min-width: 1401px) { .site-header__column:not(:last-child) { margin-right: 70px; } }

.nav-primary { position: absolute; width: 100%; top: 0; left: 0; text-align: left; background: #191919; }

.nav-primary h2 { margin-bottom: 1.5rem; }

.nav-primary p, .nav-primary ul { text-transform: uppercase; }

.nav-primary__inner { padding: 13px 0 40px 45px; }

.nav-menu { list-style: none; margin: 0; padding: 0; }

.nav-menu li { display: block; }

.nav-menu a { display: block; }

@media only screen and (min-width: 569px) { .nav-primary { padding-left: 100px; padding-right: 45px; }
  .nav-primary__inner { padding: 13px 0 40px 0; } }

@media only screen and (min-width: 769px) { .nav-primary { padding-left: 100px; padding-right: 45px; }
  .nav-primary h2 { margin-top: 0; } }

@media only screen and (min-width: 1401px) { .nav-primary { padding-left: 140px; padding-right: 85px; } }

/* .nav-primary .sub-menu { a { padding: 5px 20px; } li:last-child a { padding-bottom: 15px; } } // Sub-sub menus .nav-primary .sub-menu li:hover > ul { left: 100%; top: 0; } @media only screen and (min-width:769px) { .nav-primary .sub-menu { position: absolute; top: -9999px; left: -9999px; z-index: 99999; padding: 15px 0; margin: 0; text-align: center; background: $color-dark-gray; &:before { display: none; } li { display: block; } a { display: block; margin: 0; padding: 5px 20px; width: 260px; } } .nav-menu { // Submenu active state .is-active { &> a:after { @include cssTriangle(4px, 4px, #666, "up"); } .sub-menu { left: 0; top: auto; li:last-child a { padding-bottom: inherit; } } } } } */
/* .nav-mobile { position: relative; // display: none; width: 100%; overflow: hidden; background: $color-white; li { border-top: 1px solid $color-border; } a { color: $color-txt; padding: 15px; &:hover { color: $color-primary; } } ul { padding: 0; margin: 0; } .sub-menu { &> li { background: lighten(rgb(179,179,179), 25); } &> li li { background: lighten(rgb(179,179,179), 15); } } } @media only screen and (min-width:769px) { .nav-mobile { display: none; } } */
/* Sections */
.intro-slider { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background: #fff; }

.intro-slider .slide { visibility: hidden; position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.intro-slider .slide .img-wrap { vertical-align: middle; }

.intro-slider img { display: inline-block; margin: 0 auto; }

.intro-logo { opacity: 0; position: fixed; top: 50%; left: 50%; z-index: 9998; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); margin-top: -40px; width: 100%; }

.intro-logo .site-title { font-size: 2.52rem; }

.intro-logo__tagline { font-size: 1.08rem; margin: 0.75em 0 0 0; line-height: 1.25; text-transform: uppercase; }

@media only screen and (min-width: 569px) { .intro-logo { margin-top: -60px; }
  .intro-logo .site-title { font-size: 3.57rem; }
  .intro-logo__tagline { font-size: 1.53rem; } }

@media only screen and (min-width: 769px) { .intro-logo { margin-top: -80px; }
  .intro-logo .site-title { font-size: 5.25rem; }
  .intro-logo__tagline { font-size: 1.98rem; } }

@media only screen and (min-width: 1401px) { .intro-logo { margin-top: -90px; }
  .intro-logo .site-title { font-size: 5.25rem; }
  .intro-logo__tagline { font-size: 2.25rem; } }

.project-wrap { position: relative; }

.portfolio { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding: 100px 0; background: #fff; }

.portfolio-gallery { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding: 85px 0; }

.portfolio-gallery__item { position: relative; height: 100%; width: auto; padding: 0 10px; }

.portfolio-gallery__item img { height: 100%; max-width: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.portfolio-gallery__item img { transition: opacity 0.4s; opacity: 0; }

.portfolio-gallery__item img.flickity-lazyloaded, .portfolio-gallery__item img.flickity-lazyerror { opacity: 1; }

.portfolio__footer { position: absolute; bottom: 0; left: 0; z-index: 2; height: 85px; width: 100%; padding: 27px 0 0 0; }

.portfolio__title { margin: 0; padding: 0 20px; font-size: 1.6rem; }

.next-prev-btn { display: none; position: absolute; top: 33px; color: #191919; text-transform: uppercase; }

.next-prev-btn:hover { color: #999999; }

.next-prev-btn:hover svg { fill: #999999; }

.next-prev-btn svg { width: 19px; height: 15px; -webkit-transform: translateY(0.1em); -ms-transform: translateY(0.1em); transform: translateY(0.1em); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }

.next-prev-btn--prev { left: 30px; text-align: right; }

.next-prev-btn--prev svg { margin-right: 1em; }

.next-prev-btn--next { right: 30px; }

.next-prev-btn--next svg { margin-left: 1em; }

.next-prev-thumb { display: none; opacity: 0; position: absolute; bottom: 70px; width: 180px; }

.next-prev-thumb--prev { left: 30px; }

.next-prev-thumb--next { right: 30px; }

.project-open .menu-toggle, .single-portfolio .menu-toggle { display: none; }

.gallery-nav-btn { display: none; position: absolute; top: 100px; bottom: 100px; z-index: 2; width: 50%; background: transparent; outline: none; border: none; cursor: pointer; }

.gallery-nav-btn:hover .gallery-nav-arrow { display: block; }

.no-touchevents .gallery-nav-btn { display: block; }

.gallery-nav-btn--prev { left: 0; }

.gallery-nav-btn--next { right: 0; }

.gallery-nav-arrow { position: absolute; top: 50%; margin-top: -15px; width: 40px; height: 40px; display: none; border-radius: 50%; background: rgba(25, 25, 25, 0.2); padding: 11px 0 0 1px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.gallery-nav-arrow svg { fill: #fff; width: 10px; height: 17px; transition: fill 0.25s; }

.gallery-nav-arrow--prev { left: 25px; padding: 11px 3px 0 0; }

.gallery-nav-arrow--next { right: 25px; }

@media only screen and (min-width: 569px) { .gallery-nav-arrow { -webkit-transform: none; -ms-transform: none; transform: none; } }

@media only screen and (min-width: 1025px) { .portfolio-gallery__item { padding: 0 30px; }
  .portfolio__footer { padding-top: 22px; }
  .portfolio__title { padding: 0 220px; font-size: 2.13333rem; }
  .next-prev-btn { display: inline-block; } }

.btn-close { width: 60px; height: 60px; cursor: pointer; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.btn-close:before, .btn-close:after { content: ''; display: block; width: 2px; height: 30px; position: absolute; left: 29px; top: 15px; background: #191919; }

.btn-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.btn-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.btn-close--modal { position: fixed; z-index: 3; top: 3px; right: -3px; }

.single-portfolio .btn-close--modal { display: block; }

@media only screen and (min-width: 569px) { .btn-close { -webkit-transform: none; -ms-transform: none; transform: none; }
  .btn-close--modal { right: 15px; } }

.info-image { margin-bottom: 40px; }

@media only screen and (max-width: 568px) { .client-list { text-align: center; } }

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

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

input[type=text], input[type=email], input[type=password], textarea { margin: 0 0 10px 0; border: 1px solid #191919; border-radius: 0; padding: 10px; font-size: 14px; font-family: "fakt", Helvetica, Arial, sans-serif; background: #ffffff; color: #191919; }

input[type=text], input[type=email], input[type=password] { display: block; }

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus { outline: none; }

input[type=submit] { -webkit-appearance: none; }

input[type=submit]:focus { outline: none; }

textarea { resize: vertical; vertical-align: top; display: inline-block; }

textarea:focus { outline: none; }

select { margin: 0; }

*::-webkit-input-placeholder { color: #999999; }

*:-ms-input-placeholder { color: #999999; }

*::placeholder { color: #999999; }

*::-webkit-input-placeholder { color: #999999; }

*:-moz-placeholder { color: #999999; }

*::-moz-placeholder { color: #999999; }

*:-ms-input-placeholder { color: #999999; }

/* Wordpress */
.wp-caption, .post-img { text-align: center; margin: 1em 0; }

.wp-caption img, .post-img img { display: block; margin-left: auto; margin-right: auto; }

.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; }

.comments { margin-top: 35px; border-top: 1px solid #fff; }

.comments > h2, .comments > h3 { margin-top: 30px; }

.comments .comments__title { margin: 0 0 1em 0; }

.comments .comments__list { padding-left: 60px; margin-left: 0; list-style: none; }

.comments .comments__list + .comment-respond { margin-top: 50px; }

.comments .comment { position: relative; margin-bottom: 2em; background: #fff; }

.comments .comment .children { margin-top: 2em; margin-left: 60px; }

.comments .comment .children .comment:last-child { margin-bottom: 0; }

.comments .vcard .avatar { position: absolute; top: 0; left: -60px; border-radius: 50%; }

.comments .vcard .fn { font-size: 15px; }

.comments .byuser { padding: 10px; background: white; }

.comments .byuser .comment { padding: 10px; }

.comments .comment-meta { margin-bottom: 0.75em; }

.comments .comment-meta a { text-decoration: none; }

.comments .comment-reply-title { font-size: 2.13333rem; }

.comments .comment-form label { display: block; float: none; width: auto; margin-bottom: 5px; }

.comments .comment-form input[type=text], .comments .comment-form input[type=email], .comments .comment-form textarea { width: 100%; }

.comments .comment-form-author, .comments .comment-form-email, .comments .comment-form-url, .comments .comment-form-comment, .comments .form-submit { margin: 0; }

.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; }

@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: 1025px) { .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: 1401px) { .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; } }

/* 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; } }