@charset "UTF-8";
/*
*  ===========================
*     _   _  _   _   _
*		 |_˩ |_ |_˩ | | |_˩ |\ |
*    | \ |_ |_˥ |_| | \ | \|
*
*      -- CREATIVE LAB --
*
*  ===========================
*
*
*  Project: Reborn blank
*  Tags: project base, grid, responsive, custom mixins
*  Version: 0.1.2
*  Last change: 30/10/2014
*
*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Default settings
*    2. Easings
*    3. Animations
*
*  ============================
*/
.fade-in {
  transition: opacity 0.4s;
  opacity: 0; }

.fade-in.is-on {
  opacity: 1; }

.slide-down {
  height: auto;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left; }

.slide-right {
  transition: transform 0.4s, opacity 0.4s;
  transform: translate(-10%, 0);
  opacity: 0; }

.slide-right.is-on {
  transform: translate(0, 0);
  opacity: 1; }

.scale-up {
  transition: transform 0.4s, opacity 0.4s;
  transform: scale(0.5);
  opacity: 0; }

.scale-up.is-on {
  transform: scale(1);
  opacity: 1; }

/*
*  ============================
*
*    [Primary font]
*
*    Tabac, Sisco
*
*  ============================
*/
@font-face {
  font-family: 'tabacitalic';
  src: url("../../fonts/tabacitaliclight-webfont.eot");
  src: url("../../fonts/tabacitaliclight-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/tabacitaliclight-webfont.woff2") format("woff2"), url("../../fonts/tabacitaliclight-webfont.woff") format("woff"), url("../../fonts/tabacitaliclight-webfont.ttf") format("truetype"), url("../../fonts/tabacitaliclight-webfont.svg#tabacg1-italicuploaded_file") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tabacbolditalic';
  src: url("../../fonts/tabacbolditalic-webfont.eot");
  src: url("../../fonts/tabacbolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/tabacbolditalic-webfont.woff2") format("woff2"), url("../../fonts/tabacbolditalic-webfont.woff") format("woff"), url("../../fonts/tabacbolditalic-webfont.ttf") format("truetype"), url("../../fonts/tabacbolditalic-webfont.svg#tabacg1-bolditaliuploadedfile") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sisco';
  src: url("../../fonts/tipopepel_-_siscolight-webfont.eot");
  src: url("../../fonts/tipopepel_-_siscolight-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/tipopepel_-_siscolight-webfont.woff2") format("woff2"), url("../../fonts/tipopepel_-_siscolight-webfont.woff") format("woff"), url("../../fonts/tipopepel_-_siscolight-webfont.ttf") format("truetype"), url("../../fonts/tipopepel_-_siscolight-webfont.svg#sisco_lightregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'rigaextralight';
  src: url("../../fonts/riga_extralight-webfont.eot");
  src: url("../../fonts/riga_extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/riga_extralight-webfont.woff2") format("woff2"), url("../../fonts/riga_extralight-webfont.woff") format("woff"), url("../../fonts/riga_extralight-webfont.ttf") format("truetype"), url("../../fonts/riga_extralight-webfont.svg#riga-extralightuploaded_file") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'rigalight';
  src: url("../../fonts/riga_light-webfont.eot");
  src: url("../../fonts/riga_light-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/riga_light-webfont.woff2") format("woff2"), url("../../fonts/riga_light-webfont.woff") format("woff"), url("../../fonts/riga_light-webfont.ttf") format("truetype"), url("../../fonts/riga_light-webfont.svg#riga-lightuploaded_file") format("svg");
  font-weight: normal;
  font-style: normal; }

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Primary palette
*
*  ============================
*/
/*
*  ============================
*
*    [Table of contents]
*
*    1. Headers
*    2. Lists
*    3. Links
*    4. Images
*
*  ============================
*/
h0 {
  line-height: 1.1em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

h1 {
  line-height: 1.1em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

h2 {
  line-height: 1.1em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

h3 {
  line-height: 1.1em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

h4 {
  line-height: 1.1em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

h5 {
  line-height: 1.1em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

h6 {
  line-height: 1.1em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

.lined {
  display: inline-block;
  position: relative; }

.lined:before {
  transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  width: 0;
  height: 1px;
  margin-right: 15px;
  background-color: #a49981; }

.lined.is-drawn:before {
  width: 3vw; }

.title,
.title--white {
  line-height: 1.1em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  margin: 0;
  font-size: 45px;
  text-transform: uppercase;
  text-align: center; }
  .title em,
  .title--white em {
    font-style: normal;
    color: #8f8472; }

.title {
  color: #242424; }

.title--white {
  color: #fff; }

.subtitle {
  line-height: 1.4em;
  font-family: 'tabacbolditalic';
  font-weight: 300;
  font-size: 18px;
  color: #8f8472;
  margin-bottom: 10px;
  -webkit-font-smoothing: antialiased; }

.excerpt {
  font-size: 16px;
  line-height: 1.46em; }

@media (min-width: 992px) {
  .title {
    text-align: left; }
  .subtitle {
    margin-left: 0; } }

@media (max-width: 992px) {
  .lined.is-drawn:before {
    width: 60px !important; } }

.x-list, .menu__list, .menu__sublist, .social, .parallax-scroller__nav, .slider__list, .slider__bullets, .slider__bullets--white, .grid-nav__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.x-list li:before {
  content: '\2573';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 8px;
  color: #a49981;
  vertical-align: middle; }

.x-list li {
  position: relative;
  color: #fff;
  font-size: 16px;
  padding-left: 13px; }

a {
  color: #a49981;
  text-decoration: none; }

.action-link {
  position: relative; }

.action-link:after {
  transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #cfc09e; }

.action-link:hover:after {
  width: 100%; }

.img, .img--full {
  display: block; }

.img--full {
  width: 100%;
  height: auto; }

.box-black p,
.box-white p {
  text-align: justify; }

.box-black h1 em,
.box-black h3 em {
  color: #fff;
  font-style: normal; }

.box-black h1,
.box-black h3,
.box-black a {
  color: #cfc09e; }

.box-white h3 {
  color: #8f8472; }

.box-white h1 {
  color: #242424; }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Html, body
*    2. Page structure
*    3. Additional reset
*
*  ============================
*/
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  -webkit-tap-highlight-color: transparent; }

body {
  background: #000;
  font: 15px/1.33em 'sisco', Arial, sans-serif;
  font-weight: 300;
  color: #7f7f7f; }

body.is-loading {
  overflow: hidden; }

.orientation-lock {
  display: none; }

@media (max-width: 992px) {
  html,
  body {
    height: auto;
    overflow: hidden; } }

@media (min-width: 992px) {
  body {
    overflow: hidden; } }

@media (max-width: 767px) and (orientation: landscape) {
  .orientation-lock {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    background: #000;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    text-transform: uppercase; } }

*,
*:before,
*:after {
  box-sizing: border-box; }

.wrapper {
  min-height: 100%;
  position: relative; }

.col {
  float: left; }

.col--last {
  float: right; }

.tbl-wrap, .tbl-wrap--full {
  display: table;
  width: 100%; }

.tbl-wrap--full {
  height: 100%; }

.tbl-wrap__cell, .tbl-wrap__cell--top, .tbl-wrap__cell--bottom, .tbl-wrap__cell--center {
  display: table-cell; }

.tbl-wrap__cell--top {
  vertical-align: top; }

.tbl-wrap__cell--bottom {
  vertical-align: bottom; }

.tbl-wrap__cell--center {
  vertical-align: middle; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.no-gutter {
  padding: 0 !important; }

.middle {
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }

button {
  margin: 0;
  padding: 0;
  background: none;
  border: 0; }

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

a,
a:active,
a:focus,
button,
button:active,
button:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

/**
 * fullPage 2.6.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 * Contribution by Jhony0311
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: transparent; }

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none; }

.fp-section {
  position: relative;
  /* Safari<=5 Android<=3 */
  /* <=28 */
  box-sizing: border-box; }

.fp-slide {
  float: left; }

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block; }

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  transform: translate3d(0, 0, 0); }
  .fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent; }
  .fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff; }

.fp-scrollable {
  overflow: scroll; }

.fp-notransition {
  transition: none !important; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1; }
  .fp-slidesNav.bottom {
    bottom: 17px; }
  .fp-slidesNav.top {
    top: 17px; }

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0; }
  #fp-nav ul li,
  .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative; }
    #fp-nav ul li a,
    .fp-slidesNav ul li a {
      display: block;
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      cursor: pointer;
      text-decoration: none; }
      #fp-nav ul li a.active span,
      .fp-slidesNav ul li a.active span {
        height: 12px;
        width: 12px;
        margin: -6px 0 0 -6px;
        border-radius: 100%; }
        #fp-nav ul li:hover #fp-nav ul li a.active span,
        #fp-slidesNav ul li:hover #fp-nav ul li a.active span, #fp-nav ul li:hover
        .fp-slidesNav ul li a.active span,
        #fp-slidesNav ul li:hover
        .fp-slidesNav ul li a.active span {
          height: 12px;
          width: 12px;
          margin: -6px 0 0 -6px;
          border-radius: 100%; }
      #fp-nav ul li a span,
      .fp-slidesNav ul li a span {
        border-radius: 50%;
        position: absolute;
        z-index: 1;
        height: 4px;
        width: 4px;
        border: 0;
        background: #333;
        left: 50%;
        top: 50%;
        margin: -2px 0 0 -2px;
        transition: all 0.1s ease-in-out; }
    #fp-nav ul li:hover a span,
    .fp-slidesNav ul li:hover a span {
      width: 10px;
      height: 10px;
      margin: -5px 0px 0px -5px; }

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0); }
  #fp-nav.right {
    right: 17px; }
  #fp-nav.left {
    left: 17px; }
  #fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0; }
    #fp-nav ul li .fp-tooltip.right {
      right: 20px; }
  #fp-nav ul li:hover .fp-tooltip {
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1; }
  #fp-nav.fp-show-active a.active + .fp-tooltip {
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1; }

.fp-slidesNav ul li {
  display: inline-block; }

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Buttons base
*    2. Button classes
*    3. Button animation
*
*  ============================
*/
.btn-overwrite {
  display: block; }

.btn, .btn--filled, .btn-medium, .btn-with-icon {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: auto; }
  .btn div:first-of-type, .btn--filled div:first-of-type, .btn-medium div:first-of-type, .btn-with-icon div:first-of-type {
    display: inline-block;
    padding: 0 40px;
    border-radius: 0;
    font-weight: 400;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    line-height: 48px;
    position: relative;
    border: 1px solid #8f8472;
    width: calc(100% - 2px);
    text-transform: uppercase;
    color: #242424;
    overflow: hidden; }
  .btn div:first-of-type:after, .btn--filled div:first-of-type:after, .btn-medium div:first-of-type:after, .btn-with-icon div:first-of-type:after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    right: -20px;
    display: inline-block;
    padding: 0 40px;
    border-radius: 0;
    font-weight: 400;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    line-height: 48px;
    text-transform: uppercase;
    color: #000;
    overflow: hidden;
    background-color: #000;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: translate(-105%, 0px) skewX(-30deg);
    -webkit-transform: translate(-105%, 0px) skewX(-30deg);
    -moz-transform: translate(-105%, 0px) skewX(-30deg); }
  .btn div:last-of-type, .btn--filled div:last-of-type, .btn-medium div:last-of-type, .btn-with-icon div:last-of-type {
    display: inline-block;
    padding: 0 40px;
    border-radius: 0;
    font-weight: 400;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    line-height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    color: #fff;
    transform: translate(-100%, 0px);
    transition: all 0.2s ease;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    -webkit-font-smoothing: antialiased; }
  .btn:hover div:first-of-type, .btn--filled:hover div:first-of-type, .btn-medium:hover div:first-of-type, .btn-with-icon:hover div:first-of-type {
    border: 1px solid #000;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; }
  .btn:hover div:first-of-type:after, .btn--filled:hover div:first-of-type:after, .btn-medium:hover div:first-of-type:after, .btn-with-icon:hover div:first-of-type:after {
    transform: translate(0px, 0px) skewX(-30deg);
    -webkit-transform: translate(0px, 0px) skewX(-30deg);
    -moz-transform: translate(0px, 0px) skewX(-30deg);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; }
  .btn:hover div:last-of-type, .btn--filled:hover div:last-of-type, .btn-medium:hover div:last-of-type, .btn-with-icon:hover div:last-of-type {
    transform: translate(0px, 0px);
    transition: all 0.30000000000000004s ease;
    -webkit-transition: all 0.30000000000000004s ease;
    -moz-transition: all 0.30000000000000004s ease;
    -webkit-font-smoothing: antialiased; }

.btn--filled div:first-of-type {
  display: inline-block;
  padding: 0 40px;
  border-radius: 0;
  font-weight: 400;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  line-height: 48px;
  border: 1px solid #8f8472;
  background-color: #8f8472;
  color: #fff; }

.btn--filled div:first-of-type:after {
  color: #fff;
  background-color: #fff; }

.btn--filled div:last-of-type {
  color: #000; }

.btn--filled:hover div:first-of-type {
  border: 1px solid #fff; }

.btn.on-dark, .on-dark.btn--filled, .on-dark.btn-medium, .on-dark.btn-with-icon {
  overflow: hidden; }
  .btn.on-dark div:first-of-type, .on-dark.btn--filled div:first-of-type, .on-dark.btn-medium div:first-of-type, .on-dark.btn-with-icon div:first-of-type {
    color: #fff; }
  .btn.on-dark div:first-of-type:after, .on-dark.btn--filled div:first-of-type:after, .on-dark.btn-medium div:first-of-type:after, .on-dark.btn-with-icon div:first-of-type:after {
    color: #fff;
    background-color: #fff; }
  .btn.on-dark div:last-of-type, .on-dark.btn--filled div:last-of-type, .on-dark.btn-medium div:last-of-type, .on-dark.btn-with-icon div:last-of-type {
    color: #000; }
  .btn.on-dark:hover div:first-of-type, .on-dark.btn--filled:hover div:first-of-type, .on-dark.btn-medium:hover div:first-of-type, .on-dark.btn-with-icon:hover div:first-of-type {
    border: 1px solid #fff; }

.btn.is-full, .is-full.btn--filled, .is-full.btn-medium, .is-full.btn-with-icon,
.btn-medium.is-full {
  width: 100%; }
  .btn.is-full div:first-of-type, .is-full.btn--filled div:first-of-type, .is-full.btn-medium div:first-of-type, .is-full.btn-with-icon div:first-of-type,
  .btn-medium.is-full div:first-of-type {
    width: 100%; }
  .btn.is-full div:last-of-type, .is-full.btn--filled div:last-of-type, .is-full.btn-medium div:last-of-type, .is-full.btn-with-icon div:last-of-type,
  .btn-medium.is-full div:last-of-type {
    width: 100%; }

.btn-medium {
  font-size: 14px;
  line-height: 35px; }
  .btn-medium div:first-of-type {
    line-height: 35px; }
  .btn-medium div:last-of-type {
    line-height: 38px;
    left: 0; }
  .btn-medium:hover div:last-of-type {
    transform: translate(10px, 0px); }

.btn-with-icon {
  width: 55px;
  height: 55px;
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 0; }
  .btn-with-icon div:first-of-type {
    display: inline-block;
    padding: 0 40px;
    border-radius: 0;
    font-weight: 400;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    line-height: 48px;
    width: 100%;
    height: 100%;
    line-height: 36px;
    padding: 0;
    margin: 0;
    border: 1px solid #8f8472;
    color: #fff; }
    .btn-with-icon div:first-of-type .svg__social-mail {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -8px;
      margin-left: -10px; }
    .btn-with-icon div:first-of-type .svg__social-fb {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -8px;
      margin-left: -4px; }
    .btn-with-icon div:first-of-type .svg__social-be {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -6px;
      margin-left: -9px; }
    .btn-with-icon div:first-of-type .svg__button-down {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -4.5px;
      margin-left: -8.25px; }
  .btn-with-icon div:first-of-type:after {
    width: 200%;
    height: 100%;
    color: #8f8472;
    background-color: #8f8472; }
  .btn-with-icon div:last-of-type {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    line-height: 36px;
    color: #fff; }
    .btn-with-icon div:last-of-type .svg__social-mail-white {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -8px;
      margin-left: -10px; }
    .btn-with-icon div:last-of-type .svg__social-fb-white {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -8px;
      margin-left: -4px; }
    .btn-with-icon div:last-of-type .svg__social-be-white {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -6px;
      margin-left: -9px; }
    .btn-with-icon div:last-of-type .svg__button-down-white {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -4.5px;
      margin-left: -8.25px; }
  .btn-with-icon:hover div:first-of-type {
    border: 1px solid #8f8472; }

.-white .btn-with-icon div:first-of-type {
  border: 1px solid #cfc09e; }

.-white .btn-with-icon div:first-of-type:after {
  color: #cfc09e;
  background-color: #cfc09e; }

.btn-tiny {
  width: 60px; }

.btn-small {
  width: 120px; }

.btn-medium {
  width: 180px; }

.btn-large {
  width: 240px; }

@media (min-width: 992px) {
  .btn-with-icon {
    width: 36px;
    height: 36px; }
    .btn-with-icon div:first-of-type {
      display: inline-block;
      padding: 0 40px;
      border-radius: 0;
      font-weight: 400;
      cursor: pointer;
      vertical-align: middle;
      white-space: nowrap;
      text-align: center;
      line-height: 48px;
      width: 36px;
      height: 36px;
      line-height: 36px;
      padding: 0;
      margin: 0;
      border: 1px solid #8f8472;
      color: #fff; }
      .btn-with-icon div:first-of-type .svg__social-mail {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -10px; }
      .btn-with-icon div:first-of-type .svg__social-fb {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -4px; }
      .btn-with-icon div:first-of-type .svg__social-be {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -6px;
        margin-left: -9px; }
      .btn-with-icon div:first-of-type .svg__button-down {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -4.5px;
        margin-left: -8.25px; }
    .btn-with-icon div:first-of-type:after {
      width: 40px;
      height: 36px;
      color: #8f8472;
      background-color: #8f8472; }
    .btn-with-icon div:last-of-type {
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      line-height: 36px;
      color: #fff; }
      .btn-with-icon div:last-of-type .svg__social-mail-white {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -10px; }
      .btn-with-icon div:last-of-type .svg__social-fb-white {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -4px; }
      .btn-with-icon div:last-of-type .svg__social-be-white {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -6px;
        margin-left: -9px; }
      .btn-with-icon div:last-of-type .svg__button-down-white {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -4.5px;
        margin-left: -8.25px; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Placeholder mixin
*    2. Form base
*
*  ============================
*/
input[type=button],
input[type=reset],
input[type=submit],
.form-btn {
  display: inline-block;
  padding: 0 40px;
  border-radius: 0;
  font-weight: 400;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  line-height: 48px; }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Main menu
*    #. Media queries
*
*  ============================
*/
.menu {
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  background-image: url(../images/png/pattern_noise.png), url(../images/svg/menu-r.svg);
  background-repeat: repeat, no-repeat;
  background-position: 0 0, -50px -110px; }
  .menu__scroll {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .menu__scroll nav {
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .menu__header {
    width: 100%;
    height: 100px;
    padding: 0 50px;
    line-height: 100px;
    border-bottom: 1px solid rgba(206, 191, 158, 0.2); }
  .menu__call-to-action {
    display: block;
    padding: 0 0 20px 0;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase; }
    .menu__call-to-action .svg--center {
      position: relative;
      top: -3px;
      margin-left: 15px; }
  .menu__list {
    padding: 50px; }
    .menu__list li a {
      display: inline-block;
      padding: 15px 20px 15px 0;
      text-transform: uppercase;
      color: #717171;
      font-size: 24px;
      overflow: visible;
      transition: all 200ms; }
      .menu__list li a:after {
        content: '';
        display: inline-block;
        position: relative;
        top: -8px;
        width: 40px;
        height: 1px;
        margin-left: 8px;
        background-color: #a49981;
        transform: translate(-60px, 0);
        opacity: 0;
        transition: all 200ms; }
    .menu__list li a:hover,
    .menu__list li a.is-active {
      color: #fff; }
      .menu__list li a:hover:after,
      .menu__list li a.is-active:after {
        opacity: 1;
        transform: translate(0, 0); }
  .menu__sublist {
    padding-left: 60px;
    margin-bottom: 50px; }
    .menu__sublist li a {
      display: block;
      padding: 9px 10px;
      font-size: 22px;
      color: #717171;
      transition: all 200ms; }
      .menu__sublist li a:hover {
        color: #d0d0d0; }
  .menu__footer {
    padding: 0 50px 20px 50px;
    font-size: 22px;
    transform: translateZ(0); }

.social {
  margin-top: 30px; }
  .social:before, .social:after {
    content: " ";
    display: table; }
  .social:after {
    clear: both; }
  .social li {
    float: none;
    margin-left: 10px;
    display: inline-block; }
  .social li:first-child {
    margin-left: 0; }

@media (min-width: 992px) {
  .social li {
    float: left;
    margin-left: 20px; }
  .menu-trigger {
    position: fixed !important;
    right: 100px;
    height: 85px;
    text-align: left; }
  .menu-trigger__label {
    display: block; }
  .menu-trigger-btn {
    width: 340px; }
  .menu__scroll {
    top: 85px; }
  .menu__header {
    height: 85px;
    line-height: 85px;
    padding: 0 40px; }
  .menu__call-to-action {
    padding: 10px 0;
    display: block;
    font-size: 15px; }
    .menu__call-to-action .svg--center {
      top: -1px;
      width: 21px;
      height: 15px;
      margin-left: 5px; }
  .menu__list {
    padding: 30px 40px; }
    .menu__list li a {
      font-size: 15px;
      padding-top: 7px;
      padding-bottom: 7px; }
      .menu__list li a:after {
        top: -5px; }
  .menu__sublist {
    padding-left: 50px; }
    .menu__sublist li a {
      font-size: 14px;
      padding: 3px 10px; }
  .menu__footer {
    position: absolute;
    bottom: 30px;
    font-size: 14px;
    padding: 0 60px; }
  .social li {
    margin-left: 10px; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*    2. SVG images
*
*  ============================
*/
.svg, .svg--center,
.rsvg {
  display: inline-block;
  background-repeat: no-repeat; }

.svg--center {
  vertical-align: middle; }

.svg.is-cover, .is-cover.svg--center,
.svg--center.is-cover {
  background-size: cover; }

.svg:hover path, .svg--center:hover path,
.rsvg:hover path,
.svg--center:hover path {
  transition: fill 0.2s; }

.svg.is-replaced, .is-replaced.svg--center,
.rsvg.is-replaced {
  background-image: none; }
  .svg.is-replaced svg, .is-replaced.svg--center svg,
  .rsvg.is-replaced svg {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%; }

.svg__logo {
  background: url(../images/svg/logo.svg) no-repeat;
  background-size: cover;
  width: 131px;
  height: 35px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__button-down {
  background: url(../images/svg/button-down.svg) no-repeat;
  background-size: cover;
  width: 16.62px;
  height: 9.086px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__button-down-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat;
  background-size: cover;
  width: 16.62px;
  height: 9.086px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__button-down-white {
  background: url(../images/svg/button-down-white.svg) no-repeat;
  background-size: cover;
  width: 16.62px;
  height: 9.086px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__social-mail {
  background: url(../images/svg/social-mail.svg) no-repeat;
  background-size: cover;
  width: 21px;
  height: 16px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__social-fb {
  background: url(../images/svg/social-fb.svg) no-repeat;
  background-size: cover;
  width: 7.999px;
  height: 16.077px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__social-be {
  background: url(../images/svg/social-be.svg) no-repeat;
  background-size: cover;
  width: 19.589px;
  height: 12.413px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__social-mail-white {
  background: url(../images/svg/social-mail-white.svg) no-repeat;
  background-size: cover;
  width: 21px;
  height: 16px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__social-fb-white {
  background: url(../images/svg/social-fb-white.svg) no-repeat;
  background-size: cover;
  width: 7.999px;
  height: 16.077px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__social-be-white {
  background: url(../images/svg/social-be-white.svg) no-repeat;
  background-size: cover;
  width: 19.589px;
  height: 12.413px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__select-arrows {
  background: url(../images/svg/select-arrows.svg) no-repeat;
  background-size: cover;
  width: 11px;
  height: 21px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__select-arrows-black {
  background: url(../images/svg/select-arrows-black.svg) no-repeat;
  background-size: cover;
  width: 11px;
  height: 21px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

.svg__envelope {
  background: url(../images/svg/envelope.svg) no-repeat;
  background-size: cover;
  width: 34px;
  height: 23px; }

.svg__button-down.-gold {
  background: url(../images/svg/button-down-gold.svg) no-repeat; }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*    2. Logo
*
*  ============================
*/
.page-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100px;
  line-height: 100px;
  padding: 0 40px;
  border-bottom: 1px solid rgba(206, 191, 158, 0.2);
  transition: opacity 0.4s, transform 0.4s, background-color 160ms linear; }
  .page-header.is-black .logo path {
    fill: #fff; }
  .page-header.is-black .menu-trigger__label {
    color: #fff; }
  .page-header.is-black .burger span,
  .page-header.is-black .burger span:after,
  .page-header.is-black .burger span:before {
    background: #cebf9e; }
  .page-header.is-semiblack .logo path {
    fill: #fff; }
  .page-header.is-semiblack .menu-trigger__label {
    color: #000; }
  .page-header.is-semiblack .burger span,
  .page-header.is-semiblack .burger span:after,
  .page-header.is-semiblack .burger span:before {
    background: #cebf9e; }
  .page-header.is-semiwhite .logo path {
    fill: #000; }
  .page-header.is-semiwhite .menu-trigger__label {
    color: #fff; }
  .page-header.is-down, .page-header.is-out, .page-header.is-out.is-black {
    background-color: #fff; }
    .page-header.is-down:after, .page-header.is-out:after, .page-header.is-out.is-black:after {
      display: none !important; }
    .page-header.is-down .logo a path, .page-header.is-out .logo a path, .page-header.is-out.is-black .logo a path {
      fill: #000; }
    .page-header.is-down span.menu-trigger__label, .page-header.is-out span.menu-trigger__label, .page-header.is-out.is-black span.menu-trigger__label {
      color: #000; }

.homepage .page-header.is-black:after {
  display: none; }

.logo {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-size: 1em;
  transform: translate3d(0, 0, 0);
  transition: transform 0.4s, opacity 0.4s, visibility 0.4s;
  position: relative;
  z-index: 10;
  will-change: transform; }

.menu__labels {
  height: 20px;
  width: 50px;
  position: relative; }
  .menu__labels span {
    position: absolute; }
  .menu__labels .-menu {
    opacity: 1; }
  .menu__labels .-close {
    opacity: 0; }

.menu-trigger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  width: 100px;
  height: 100px;
  transition: transform 0.4s, background-color 400ms ease; }
  .menu-trigger:before, .menu-trigger:after {
    content: " ";
    display: table; }
  .menu-trigger:after {
    clear: both; }

.menu-trigger__label {
  text-transform: uppercase;
  color: #242424;
  margin-right: 10px;
  transition: color 0.6s, opacity 0.3s ease; }

.burger {
  position: relative; }
  .burger span,
  .burger span:after,
  .burger span:before {
    display: block;
    width: 40px;
    height: 4px;
    background-color: #000; }
  .burger span:after,
  .burger span:before {
    content: '';
    position: absolute;
    transition-duration: 0.4s, 0.4s;
    transition-delay: 0.4s, 0; }
  .burger span {
    transition: background 0; }
  .burger span:before {
    transition-property: top, transform;
    top: -10px; }
  .burger span:after {
    transition-property: bottom, transform;
    bottom: -10px; }

.is-sticky-header .page-header {
  border-bottom: none; }

.is-sticky-header .logo {
  opacity: 0;
  visibility: hidden; }

.is-sticky-header .menu-trigger {
  background-color: #fff; }

.is-sticky-header .burger span,
.is-sticky-header .burger span:before,
.is-sticky-header .burger span:after {
  background-color: #000 !important; }

.is-open .page-header {
  background-color: transparent; }

.is-open .menu-trigger__label {
  color: #fff; }

.is-open .-menu {
  opacity: 0; }

.is-open .-close {
  opacity: 1; }

.is-open .burger span {
  background: none !important; }
  .is-open .burger span:before, .is-open .burger span:after {
    background-color: #cebf9e !important;
    transition-delay: 0, 0.4s, 0; }
  .is-open .burger span:before {
    transform: rotate(45deg);
    top: 0; }
  .is-open .burger span:after {
    transform: rotate(-45deg);
    bottom: 0; }

.is-open.is-sticky-header .page-header {
  border-bottom: 1px solid rgba(206, 191, 158, 0.2); }

.is-open.is-sticky-header .menu-trigger {
  background-color: transparent; }

.hide-topbar .page-header {
  transform: translate3d(0, -100px, 0); }

@media (min-width: 992px) {
  .page-header {
    height: 85px;
    line-height: 85px;
    padding: 0 100px;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    position: absolute; }
    .page-header.is-black:after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      transform: translate3d(0, -100px, 0);
      transform: translate3d(0, 0, 0); }
    .page-header .logo path {
      fill: #000;
      transition: fill 600ms ease; }
    .page-header.is-black:after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      transform: translate3d(0, -100px, 0);
      transform: translate3d(0, 0, 0); }
    .page-header.is-black .logo path {
      fill: #fff; }
    .page-header.is-black .menu-trigger__label {
      color: #fff; }
    .page-header.is-semiblack .logo path {
      fill: #fff; }
    .page-header.is-semiblack .menu-trigger__label {
      color: #000; }
    .page-header.is-semiwhite .logo path {
      fill: #000; }
    .page-header.is-semiwhite .menu-trigger__label {
      color: #fff; }
    .page-header.is-sticky {
      transform: translate(0, 0);
      background-color: #fff; }
    .page-header.is-hidden {
      transform: translate(-260px, 0); }
      .page-header.is-hidden .-menu {
        display: none; }
      .page-header.is-hidden .-close {
        display: block;
        color: #fff !important; }
    .page-header.is-out {
      transform: translate3d(0, -85px, 0); }
    .page-header.is-down {
      transform: translate3d(0, 0, 0); }
  .menu-trigger {
    right: 120px;
    height: 85px; }
  .work .page-header,
  .career-list .page-header,
  .career-single .page-header,
  .contact .page-header {
    border-bottom: 0; }
  .work .page-header.is-out,
  .career-list .page-header.is-out,
  .career-single .page-header.is-out,
  .contact .page-header.is-out {
    transform: translate(0, 0);
    background: transparent !important; }
  .work .page-header.is-sticky,
  .career-list .page-header.is-sticky,
  .career-single .page-header.is-sticky,
  .contact .page-header.is-sticky {
    transform: translate(0, 0);
    background: transparent !important; }
  .work .page-header,
  .career-list .page-header,
  .career-single .page-header,
  .contact .page-header {
    transform: translate(0, 0);
    background: transparent !important; }
  .work .page-header.is-sticky.is-hidden,
  .work .page-header.is-out.is-hidden,
  .career-list .page-header.is-sticky.is-hidden,
  .career-list .page-header.is-out.is-hidden,
  .career-single .page-header.is-sticky.is-hidden,
  .career-single .page-header.is-out.is-hidden,
  .contact .page-header.is-sticky.is-hidden,
  .contact .page-header.is-out.is-hidden {
    transform: translate(-260px, 0); }
  .work .logo path,
  .career-list .logo path,
  .career-single .logo path {
    fill: #fff !important; }
  .contact .logo path {
    fill: #373737; }
  .logo svg {
    width: 131px !important;
    height: 38px !important; }
  .is-open .menu-trigger__label {
    color: #fff !important; }
  .burger span,
  .burger span:after,
  .burger span:before {
    width: 20px;
    height: 2px;
    background-color: #a49981; }
  .burger span:before {
    top: -5px; }
  .burger span:after {
    bottom: -5px; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*
*  ============================
*/
/*
*  ============================
*
*    [Table of contents]
*
*    1. Stage
*    2. Group
*    3. Layer
*    4. Text layer
*
*  ============================
*/
.gfx-stage {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%; }

.gfx-stage.has-auto-height {
  height: auto; }

.gfx-stage.has-auto-width {
  width: auto; }

.gfx-group img {
  display: block;
  width: 100%; }

@media (min-width: 992px) {
  .gfx-group img {
    width: auto; } }

.gfx-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.shape-web {
  width: 80%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }

.shape-web-top {
  width: 60%;
  position: absolute;
  right: 0;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }

.shape-web-single-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%; }

.shape-web-single-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.shape-web-single-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%; }

.career-single-web {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%; }

.career-list-web {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 35%;
  height: calc(100% - 21px); }

.services-svg-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 35%; }

.services-svg-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 35%; }

@media (min-width: 1200px) {
  .shape-web-single-1 {
    width: 30%; } }

.gfx-layer.is-static {
  position: static;
  top: auto;
  left: auto; }

@media (max-width: 480px) {
  .gfx-layer.is-static-xsmall {
    position: static;
    top: auto;
    left: auto; } }

@media (max-width: 768px) {
  .gfx-layer.is-static-small {
    position: static;
    top: auto;
    left: auto; } }

@media (max-width: 992px) {
  .gfx-layer.is-static-medium {
    position: static;
    top: auto;
    left: auto; } }

@media (max-width: 1200px) {
  .gfx-layer.is-static-large {
    position: static;
    top: auto;
    left: auto; } }

@media (min-width: 1200px) {
  .gfx-layer.is-static-xlarge {
    position: static;
    top: auto;
    left: auto; } }

@media (min-width: 992px) {
  .gfx-layer.top-left .mesh {
    position: absolute;
    top: 0;
    left: 0; }
  .gfx-layer.top-right .mesh {
    position: absolute;
    top: 0;
    right: 0; }
  .gfx-layer.bottom-left {
    top: auto;
    bottom: 0; }
    .gfx-layer.bottom-left .mesh {
      position: absolute;
      bottom: 0;
      left: 0; }
  .gfx-layer.bottom-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0; }
    .gfx-layer.bottom-right img,
    .gfx-layer.bottom-right .mesh {
      position: absolute;
      bottom: 0;
      right: 0; } }

@media (max-width: 992px) {
  .shape-web-single-1 {
    width: 80%; }
  .services-svg-left,
  .services-svg-right {
    width: 45%; } }

@media (min-width: 600px) and (max-width: 800px) {
  .shape-web-single-1,
  .shape-web {
    width: 40%; } }

.gfx-text {
  position: relative; }

.gfx-text.is-full {
  width: 100%;
  height: 100%; }

.gfx-text.is-over {
  z-index: 9; }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Shape types
*
*  ============================
*/
.shape, .shape-1, .shape-2, .shape-3, .shape-4, .shape-5, .shape-6, .shape-7, .shape-8, .shape-9, .shape-10, .shape-11 {
  position: absolute;
  display: block; }

.shape-1,
.shape-2 {
  bottom: 0;
  right: 0; }

.shape-1 {
  width: 340px;
  height: 190px;
  background-color: #f3f1f0;
  transform: translate(-20px, -82px) perspective(600px) rotateY(-45deg); }

.shape-2 {
  width: 500px;
  height: 300px;
  background-color: #eae8e5;
  transform: translate(230px, 210px) rotate(-45deg); }

.shape-3 {
  bottom: 0;
  right: 0;
  width: 470px;
  height: 500px;
  background-image: url(../images/png/pattern_noise.png);
  background-repeat: repeat;
  background-color: #262626;
  transform: translate(210px, 260px) rotate(52deg) skewX(8deg); }

.shape-4 {
  bottom: 0;
  left: 0;
  background-image: url(../images/png/pattern_noise.png);
  background-repeat: repeat;
  background-color: #1e1e1e;
  width: 500px;
  height: 400px;
  transform: translate(-171px, 281px) rotate(12deg); }

.shape-5 {
  bottom: 0;
  right: 0;
  width: 600px;
  height: 300px;
  background-image: url(../images/png/pattern_noise.png);
  background-color: #a49981;
  transform: translate(70px, 100%) rotate(0); }

.shape-6 {
  bottom: 0;
  left: 0;
  width: 600px;
  height: 300px;
  background-image: url(../images/png/pattern_noise.png);
  background-color: #8f8472;
  transform: translate(-70px, 100%) rotate(0); }

.shape-7 {
  bottom: 0;
  right: 0;
  width: 600px;
  height: 600px;
  background-image: url(../images/png/pattern_noise.png);
  background-color: #191919;
  transform: translate(100px, 410px) rotate(67deg) skewX(30deg); }

.shape-8 {
  bottom: 0;
  right: 0;
  width: 360px;
  height: 230px;
  background-color: #f3f1f0;
  transform: translate(-220px, -360px) perspective(600px) rotateY(-45deg); }

.shape-9 {
  bottom: 0;
  right: 0;
  width: 700px;
  height: 610px;
  background-color: #eae8e5;
  transform: translate(160px, 260px) rotate(52deg) skewX(8deg); }

.shape-10 {
  bottom: 0;
  right: 0;
  width: 800px;
  height: 400px;
  background-image: url(../images/png/pattern_noise.png);
  background-color: #303030;
  transform: translate(500px, -50px) rotate(67deg) skewX(8deg); }

.shape-11 {
  bottom: 0;
  left: 0;
  background-image: url(../images/png/pattern_noise.png);
  background-color: #262626;
  width: 300px;
  height: 700px;
  transform: translate(100px, 181px) rotate(35deg); }

/*
*  ============================
*
*    [Offcanvas]
*
*    1. Variables
*    2. General settings
*    3. Mobile menu
*    4. Media queries
*
*  ============================
*/
.offcanvas {
  background: #000;
  position: relative;
  z-index: 3;
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  transition: transform 0.4s; }

.offcanvas__left {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 3;
  overflow: hidden; }

.offcanvas__right {
  transform: translate3d(0, 0, 0);
  width: 300px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden; }

.overlay {
  background: #000;
  position: absolute;
  z-index: 998;
  width: 101%;
  height: 102%;
  visibility: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.4s, opacity 0.4s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.is-open {
  overflow: hidden; }
  .is-open .offcanvas, .is-open .logo {
    transform: translate3d(-300px, 0, 0); }
  .is-open .overlay {
    visibility: visible;
    opacity: 0.6; }

.is-overlay .overlay {
  visibility: visible;
  opacity: 0.6; }

.is-overlay .offcanvas__right {
  display: none; }

@media (min-width: 992px) {
  .offcanvas__right {
    width: 260px; }
  .is-open .offcanvas, .is-open .logo {
    transform: translate3d(-260px, 0, 0); } }

/*
*  ============================
*
*    [Table of contents]
*
*    Is Loading
*    Is Loaded
*
*  ============================
*/
.is-first-time .page-header {
  transform: translate3d(0, -100px, 0); }

.is-first-time #pageContent {
  opacity: 1;
  transition: opacity 1500ms linear; }

.is-first-time .overlay {
  display: none !important; }

.is-first-time.first-load #pageContent {
  opacity: 0;
  transform: translate3d(0, 0, 0); }

.loader-mask {
  -webkit-mask: url("../images/loader/r_mask.svg#mask");
  mask: url("../images/loader/r_mask.svg#mask");
  width: 142px;
  height: 78px; }

.loader {
  position: fixed;
  z-index: 20001;
  left: calc(50% - 126.5px);
  top: calc(50% - 126.5px);
  width: 253px;
  height: 253px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
  opacity: 1;
  transition: opacity 200ms linear; }
  .loader__inner {
    background: url("../images/loader/lines.svg");
    width: 764px;
    height: 78px;
    transform: translate3d(-764px, 0, 0); }

.show-loader .loader__inner {
  animation: loader-bg 2000ms cubic-bezier(0.72, 0.01, 0.32, 0.99) infinite 0s;
  animation-direction: forward; }

.is-animate .loader__inner {
  animation: loader-bg 1000ms cubic-bezier(0.72, 0.01, 0.32, 0.99) 1 0s; }

.is-firefox .loader-mask,
.is-edge .loader-mask {
  -webkit-mask: none;
          mask: none;
  width: 60px;
  height: 60px;
  position: relative;
  background: transparent; }

.is-firefox .loader__inner,
.is-edge .loader__inner {
  background: transparent;
  height: 60px;
  width: 60px;
  position: absolute;
  top: 0;
  left: 0;
  animation: rotation 1s infinite linear;
  animation-fill-mode: forwards;
  border: 3px solid rgba(255, 247, 233, 0.47);
  border-radius: 100%;
  transform: translate3d(0, 0, 0); }
  .is-firefox .loader__inner:before,
  .is-edge .loader__inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: calc(100% + 6px);
    width: calc(100% + 6px);
    border-top: 3px solid rgba(212, 199, 157, 0.8);
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 100%; }

.is-firefox .is-animate .loader__inner,
.is-edge .is-animate .loader__inner {
  animation: rotation2 1000ms 1 linear;
  animation-fill-mode: forwards; }

.content--temp {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: 999;
  overflow: hidden;
  left: 0;
  top: 0; }

.template-wrapper {
  width: 100vw; }

#pageContent {
  transition: transform 800ms cubic-bezier(0.7, 0, 0.3, 1); }

#pageLoaded {
  transition: transform 800ms cubic-bezier(0.7, 0, 0.3, 1); }

@keyframes loader-bg {
  from {
    transform: translate3d(-764px, 0, 0); }
  to {
    transform: translate3d(142px, 0, 0); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes rotation2 {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg);
    opacity: 0; }
  100% {
    transform: rotate(360deg);
    opacity: 0; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*
*  ============================
*/
.parallax-scroller {
  position: relative; }

.parallax-scroller__stage {
  visibility: hidden;
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  background: radial-gradient(at 29% 30%, #ffffff 20%, #cccccc 100%); }
  .parallax-scroller__stage .mesh-left-bottom {
    position: absolute;
    bottom: 0;
    left: 0; }
  .parallax-scroller__stage .mesh-top-right {
    position: absolute;
    top: 0;
    right: 0; }

.parallax-scroller__canvas {
  position: absolute;
  width: 100%;
  height: 100%; }

.parallax-scroller__nav {
  position: absolute;
  width: auto;
  right: 50px;
  bottom: 25px;
  z-index: 9;
  text-align: center;
  transform: translateZ(0); }
  .parallax-scroller__nav:before, .parallax-scroller__nav:after {
    content: " ";
    display: table; }
  .parallax-scroller__nav:after {
    clear: both; }
  .parallax-scroller__nav li {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    width: 85px; }
  .parallax-scroller__nav li:first-child {
    margin-left: 0; }
  .parallax-scroller__nav li button {
    position: absolute;
    bottom: 0;
    cursor: pointer;
    display: block;
    width: 85px;
    height: 3px;
    background-color: #fff;
    transition: all 200ms; }
    .parallax-scroller__nav li button:after {
      content: '';
      position: absolute;
      top: -15px;
      left: 0;
      right: 0;
      bottom: -15px; }
    .parallax-scroller__nav li button:hover, .parallax-scroller__nav li button.is-active {
      height: 6.4px; }
    .parallax-scroller__nav li button.is-active {
      height: 3px;
      background-color: #444; }
  .parallax-scroller__nav li.is-active button {
    background-color: #242424; }
    .parallax-scroller__nav li.is-active button:hover {
      height: 3px; }

@media (min-width: 992px) {
  .parallax-scroller__stage {
    visibility: visible; }
  .parallax-scroller__section {
    visibility: hidden; }
  .parallax-scroller__section.is-active {
    visibility: visible; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Big banner
*
*  ============================
*/
.big-banner {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center; }

.big-banner.is-transparent {
  background-color: #cacaca;
  background-image: radial-gradient(circle, #fff, #cacaca);
  background-repeat: no-repeat; }
  .big-banner.is-transparent div {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat; }

.banner-text {
  position: relative;
  z-index: 100;
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 30px;
  margin-bottom: 60px; }
  .banner-text h1 {
    margin: 15px 0; }
  .banner-text h3 {
    margin: 0; }
  .banner-text .title {
    font-size: 45px;
    -webkit-font-smoothing: antialiased; }
  .banner-text .subtitle {
    font-size: 18px; }

@media (min-width: 992px) {
  .banner-text {
    background-color: transparent;
    max-width: 40%;
    text-align: left;
    padding: 0;
    margin-bottom: 0; }
    .banner-text .title {
      font-size: 4.8vw; }
    .banner-text .subtitle {
      font-size: 2vw; }
  .slider__item-0 .big-banner {
    background-image: url(/images/jpg/banners/cherrypick.jpg); }
  .slider__item-1 .big-banner {
    background-image: url(/images/jpg/banners/pkwp.jpg); }
  .slider__item-2 .big-banner {
    background-image: url(/images/jpg/banners/skm.jpg); } }

@media (max-width: 992px) {
  .slider__item-0 .big-banner {
    background-image: url(/images/jpg/banners/cherrypick.jpg); }
  .slider__item-1 .big-banner {
    background-image: url(/images/jpg/banners/pkwp-480.jpg); }
  .slider__item-2 .big-banner {
    background-image: url(/images/jpg/banners/skm-480.jpg); } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Default settings
*    2. Scroll to action
*    3. Slide transition
*
*  ============================
*/
.slider {
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  user-drag: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .slider.fullpage-section {
    height: 100vh; }
  .slider__list {
    overflow: hidden;
    position: absolute;
    z-index: 8; }
  .slider__list, .slider__item {
    width: 100%;
    height: 100%; }
  .slider__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    opacity: 0; }
  .slider__text {
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 0 8%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    position: absolute; }
    .slider__text .shorttext__excerpt {
      width: 100%;
      max-width: 100%;
      display: none; }
    .slider__text .shorttext__footer {
      margin: 20px 0 0 0; }
  .slider__bullets, .slider__bullets--white {
    position: absolute;
    bottom: 65px;
    z-index: 11;
    text-align: center;
    display: block;
    width: 100%; }
    .slider__bullets:before, .slider__bullets:after, .slider__bullets--white:before, .slider__bullets--white:after {
      content: " ";
      display: table; }
    .slider__bullets:after, .slider__bullets--white:after {
      clear: both; }
    .slider__bullets li, .slider__bullets--white li {
      position: relative;
      display: inline-block;
      margin-left: 5px;
      width: 85px; }
    .slider__bullets li:first-child, .slider__bullets--white li:first-child {
      margin-left: 0; }
    .slider__bullets li button, .slider__bullets--white li button {
      position: absolute;
      bottom: 0;
      cursor: pointer;
      display: block;
      width: 85px;
      height: 3px;
      border: none;
      transition: all 200ms; }
      .slider__bullets li button:after, .slider__bullets--white li button:after {
        content: '';
        position: absolute;
        top: -15px;
        left: 0;
        right: 0;
        bottom: -15px; }
  .slider__bullets li button {
    background-color: #B6AFA4; }
    .slider__bullets li button:hover {
      height: 6.4px; }
  .slider__bullets button.is-active {
    background-color: #000; }
    .slider__bullets button.is-active:hover {
      height: 3px; }
  .slider__bullets--white li button {
    background-color: #7f7f7f; }
  .slider__bullets--white button.is-active {
    background-color: #fff; }
  .slider__article {
    background: #fff;
    margin: 40px 0;
    padding: 30px 0 60px 0;
    width: 100%; }
    .slider__article.hide-all-but-first .slider__title__wrap span,
    .slider__article.hide-all-but-first .slider__subtitle__wrap span {
      display: none; }
    .slider__article.hide-all-but-first .slider__title__wrap span:first-child,
    .slider__article.hide-all-but-first .slider__subtitle__wrap span:first-child {
      display: block; }
    .slider__article .title, .slider__article .subtitle {
      width: 100%;
      overflow: hidden; }
      .slider__article .title span, .slider__article .subtitle span {
        display: block; }
    .slider__article .title {
      font-size: 45px;
      line-height: 1; }
    .slider__article .subtitle {
      font-size: 18px;
      position: relative; }
      .slider__article .subtitle span {
        position: relative;
        text-align: center; }
      .slider__article .subtitle span:before {
        content: '';
        position: absolute;
        top: 50%;
        right: calc(90% - 80px);
        height: 1px;
        background-color: #a49981;
        width: 0;
        transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        transition-delay: 800ms; }
      .slider__article .subtitle span.is-active:before {
        width: 80px; }
    .slider__article .slider-desc {
      display: none; }
      .slider__article .slider-desc.is-active {
        display: block; }
    .slider__article .shorttext__footer div {
      transition: color 600ms ease; }
  .slider__title__wrap, .slider__subtitle__wrap {
    transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1); }
  .slider-text-animation {
    overflow: hidden; }
    .slider-text-animation__layer {
      position: relative; }
    .slider-text-animation__item span {
      position: absolute; }
  .slider .subtitle-animation {
    margin-left: -100px; }
  .slider .subtitle-animation .slider-text-animation__layer {
    padding-left: 100px; }
  .slider .banner-text__footer {
    margin-top: 20px; }

.is-animate .slider__text {
  z-index: 903; }

@media (min-width: 992px) {
  .slider .title,
  .slider .btn,
  .slider .btn--filled,
  .slider .btn-medium,
  .slider .btn-with-icon {
    transition: color 0.6s; }
  .slider__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    position: absolute;
    overflow: hidden; }
    .slider__text .shorttext__excerpt {
      width: 40%;
      display: block; }
    .slider__text .shorttext__footer {
      margin: 0; }
  .slider__bullets, .slider__bullets--white {
    text-align: left;
    display: block;
    bottom: 25px;
    right: 50px;
    width: auto;
    transform: translateZ(0); }
  .slider__bullets li button {
    background-color: #fff; }
  .slider__article {
    background: transparent;
    margin: 0; }
    .slider__article .title {
      font-size: 4.4vw; }
    .slider__article .subtitle {
      font-size: 1.6vw;
      transform: translate3d(-90px, 0, 0); }
      .slider__article .subtitle span {
        padding-left: 90px;
        text-align: left; }
      .slider__article .subtitle span:before {
        right: calc(100% - 80px); }
  .slider.has-dark-slide .title {
    color: #fff; }
  .slider.has-dark-slide .btn div:first-of-type, .slider.has-dark-slide .btn--filled div:first-of-type, .slider.has-dark-slide .btn-medium div:first-of-type, .slider.has-dark-slide .btn-with-icon div:first-of-type {
    color: #fff; }
  .slider.has-dark-slide .btn div:first-of-type:after, .slider.has-dark-slide .btn--filled div:first-of-type:after, .slider.has-dark-slide .btn-medium div:first-of-type:after, .slider.has-dark-slide .btn-with-icon div:first-of-type:after {
    color: #fff;
    background-color: #fff; }
  .slider.has-dark-slide .btn div:last-of-type, .slider.has-dark-slide .btn--filled div:last-of-type, .slider.has-dark-slide .btn-medium div:last-of-type, .slider.has-dark-slide .btn-with-icon div:last-of-type {
    color: #000; }
  .slider.has-dark-slide .scroll-message span {
    color: #fff; }
    .slider.has-dark-slide .scroll-message span svg path {
      fill: #fff; }
  .slider.has-dark-slide .slider__bullets li button {
    background-color: #a8a8a8; }
  .slider.has-dark-slide .slider__bullets button.is-active {
    background-color: #fff; }
  .slider.has-dark-slide .scroll-message__content {
    color: #fff; }
    .slider.has-dark-slide .scroll-message__content:before, .slider.has-dark-slide .scroll-message__content:after {
      background-color: #fff; } }

@media (max-width: 992px) {
  .slider__article .title {
    font-size: 36px; }
  .slider__article .subtitle span:before {
    right: calc(90% - 60px); }
  .slider__article .subtitle span.is-active:before {
    width: 60px; } }

@keyframes scroll1 {
  0% {
    transform: translate(0, -40px); }
  95% {
    transform: translate(0, -40px); }
  100% {
    transform: translate(0, -20px); } }

@keyframes scroll2 {
  0% {
    transform: translate(0, 0px); }
  95% {
    transform: translate(0, 0px); }
  100% {
    transform: translate(0, 20px); } }

.scroll-message {
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 53px;
  line-height: 55px;
  text-align: center;
  display: none;
  transform: translateZ(0); }
  .scroll-message p {
    display: block;
    margin: 0;
    padding: 0;
    width: 120px;
    height: 20px;
    line-height: 20px;
    overflow: hidden; }
  .scroll-message span {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    transition: all 200ms;
    color: #242424; }
    .scroll-message span svg path {
      transition: fill 200ms; }
    .scroll-message span em {
      display: inline-block; }
    .scroll-message span:first-of-type {
      animation: scroll2;
      animation-delay: 1s;
      animation-duration: 4s;
      animation-iteration-count: infinite; }
    .scroll-message span:last-of-type {
      position: relative;
      transform: translate(0, -40px);
      animation: scroll1;
      animation-delay: 1s;
      animation-duration: 4s;
      animation-iteration-count: infinite; }
  .scroll-message:hover span:first-of-type {
    animation: none;
    transform: translate(0, 20px); }
  .scroll-message:hover span:last-of-type {
    animation: none;
    transform: translate(0, -20px); }
  .scroll-message.-previous {
    position: absolute;
    top: 0;
    left: -40px;
    bottom: 0;
    width: 65px;
    height: 100%; }
    .scroll-message.-previous span {
      animation: none; }
    .scroll-message.-previous .scroll-message__content {
      cursor: pointer;
      transform: rotate(270deg);
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -60px; }
  .scroll-message.-next {
    position: absolute;
    top: 0;
    left: auto;
    right: -40px;
    bottom: 0;
    width: 65px;
    height: 100%; }
    .scroll-message.-next span {
      animation: none; }
    .scroll-message.-next .scroll-message__content {
      cursor: pointer;
      transform: rotate(270deg);
      position: absolute;
      top: 50%;
      left: auto;
      right: 0;
      margin-top: -60px; }

.scroll-message__content {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-family: 'tabacbolditalic';
  transition: color 0.6s; }
  .scroll-message__content:before, .scroll-message__content:after {
    content: '';
    position: absolute;
    opacity: 0.5;
    top: 50%;
    width: 0;
    height: 1px;
    background-color: #a49981;
    transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.6s; }
  .scroll-message__content:before {
    right: 120px; }
  .scroll-message__content:after {
    left: 120px; }

@keyframes scroll1godown {
  0% {
    transform: translate(0, -66px); }
  95% {
    transform: translate(0, -66px); }
  100% {
    transform: translate(0, -33px); } }

@keyframes scroll2godown {
  0% {
    transform: translate(0, 0px); }
  95% {
    transform: translate(0, 0px); }
  100% {
    transform: translate(0, 33px); } }

footer.scroll-message:hover span:first-of-type {
  animation: none;
  transform: translate(0, 33px); }

footer.scroll-message:hover span:last-of-type {
  animation: none;
  transform: translate(0, -33px); }

.home-scroll-down:before {
  right: 150px; }

.home-scroll-down:after {
  left: 150px; }

.home-scroll-down p {
  height: 33px;
  width: 150px;
  line-height: 33px; }
  .home-scroll-down p:hover span:first-of-type {
    animation: none;
    transform: translate(0, 33px); }
  .home-scroll-down p:hover span:last-of-type {
    animation: none;
    transform: translate(0, -33px); }
  .home-scroll-down p span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    height: 33px;
    line-height: 33px; }
    .home-scroll-down p span em.scroll-message__icon {
      width: 20px;
      height: 33px;
      margin: 0 10px; }
    .home-scroll-down p span:first-of-type {
      animation: scroll2godown;
      animation-delay: 1s;
      animation-duration: 4s;
      animation-iteration-count: infinite; }
    .home-scroll-down p span:last-of-type {
      position: relative;
      transform: translate(0, -66px);
      animation: scroll1godown;
      animation-delay: 1s;
      animation-duration: 4s;
      animation-iteration-count: infinite; }

.scroll-message__content.is-animating:before, .scroll-message__content.is-animating:after {
  width: 105px; }

.slider.animation-push-reveal .is-current {
  z-index: 4;
  opacity: 1; }

.slider.animation-push-reveal .is-next-hide {
  opacity: 1;
  animation: slideOutBottom 0.7s forwards ease-in-out; }

.slider.animation-push-reveal .is-next-show {
  opacity: 1;
  z-index: 3;
  animation: slideInHalfFromTop 0.7s forwards ease-in-out; }

.slider.animation-push-reveal .is-previous-hide {
  opacity: 1;
  animation: slideOutHalfTop 0.7s forwards ease-in-out; }

.slider.animation-push-reveal .is-previous-show {
  opacity: 1;
  z-index: 5;
  animation: slideInFromBottom 0.7s forwards ease-in-out; }

@keyframes slideOutBottom {
  from { }
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    transform: translateY(100%); } }

@keyframes slideInHalfFromTop {
  from {
    transform: translateY(-50%); }
  to {
    transform: translateY(0); } }

@keyframes slideOutHalfTop {
  from { }
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    transform: translateY(-50%); } }

@keyframes slideInFromBottom {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0); } }

.slider.animation-press-away .is-current {
  z-index: 4;
  opacity: 1; }

.slider.animation-press-away .is-next-hide {
  animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.slider.animation-press-away .is-next-show {
  opacity: 1;
  animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.slider.animation-press-away .is-previous-hide {
  animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.slider.animation-press-away .is-previous-show {
  opacity: 1;
  animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); }

@keyframes slideOutScaleRight {
  from { }
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    transform: translateX(100%) scale(0.9);
    opacity: 0; } }

@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }

@keyframes slideOutScaleLeft {
  from { }
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    transform: translateX(-100%) scale(0.9);
    opacity: 0; } }

@keyframes slideInFromRight {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*
*  ============================
*/
.brick-grid {
  background: transparent;
  width: 100%;
  min-height: 100%; }

.brick img {
  display: block;
  width: 100%;
  height: auto; }

.brick.has-photo, .brick {
  -webkit-backface-visibility: hidden; }
  .brick.has-photo a:after, .brick a:after {
    transition: opacity 0.4s, transform 0.4s;
    transform: scale(1.05);
    opacity: 0;
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 8;
    border: 1px solid rgba(255, 255, 255, 0.7); }
  .brick.has-photo a:hover:after, .brick a:hover:after {
    opacity: 1;
    transform: scale(1); }

.work-thumb .shape-5 {
  transform: translate(70px, 150%) rotate(-17deg);
  transition: transform 425ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.work-thumb .shape-6 {
  transform: translate(-70px, 150%) rotate(12deg);
  transition: transform 425ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.work-thumb:hover .shape-5 {
  transform: translate(70px, 155px) rotate(-17deg); }

.work-thumb:hover .shape-6 {
  transform: translate(-70px, 190px) rotate(12deg); }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*
*  ============================
*/
.page-aside {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9;
  overflow: hidden;
  background-color: #131313;
  background-image: url(../images/png/pattern_noise.png); }
  .page-aside--white {
    background-color: #fff;
    background-image: none; }
  .page-aside__content {
    width: 100%;
    padding: 0 40px;
    margin-top: 140px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    z-index: 500; }
    .page-aside__content em {
      font-style: normal;
      color: #242424; }
  .page-aside__title {
    font-size: 45px;
    text-transform: uppercase;
    color: #000;
    width: 60%;
    margin: 20px auto; }
  .page-aside__subtitle {
    font-size: 18px;
    color: #8f8472; }
  .page-aside__text {
    font-size: 16px;
    line-height: 1.4;
    margin: 30px 0;
    clear: both; }
  .page-aside--black {
    height: auto; }
    .page-aside--black .page-aside__title {
      color: #fff; }

.page-grid-content {
  width: 100%;
  height: 100%; }

.page-content {
  width: 100%; }

@media (min-width: 992px) {
  .page-aside,
  .page-grid-content {
    float: left; }
  .page-aside {
    width: 30%;
    height: 100vh;
    min-height: 600px; }
    .page-aside__title {
      width: 100%;
      font-size: 4.3vw;
      line-height: 1;
      text-transform: uppercase;
      color: #fff;
      position: relative;
      left: -2px;
      margin: 0; }
      .page-aside__title--white {
        color: #000; }
    .page-aside__subtitle {
      font-size: 1.8vw;
      margin-bottom: 1.2vw;
      color: #8f8472; }
      .page-aside__subtitle.lined.is-drawn:before {
        width: 3vw;
        background-color: #8f8472; }
      .page-aside__subtitle.lined:before {
        top: calc(50% - 1px); }
    .page-aside__text {
      font-size: 15px;
      line-height: 1.4; }
    .page-aside__content {
      padding: 0 13% 0 20%;
      position: relative;
      z-index: 100;
      text-align: left; }
  .page-content {
    width: 70%;
    min-height: 100vh;
    float: right;
    position: relative;
    overflow: hidden;
    text-align: left; }
    .page-content.page-content--full {
      width: 100%;
      padding: 0; }
  .page-grid-aside__header h3 {
    font-size: 1.6vw; }
  .page-grid-aside__header h1, .page-grid-aside__header p {
    text-align: left; }
  .page-grid-aside__header h1 {
    font-size: 3.2vw;
    -webkit-font-smoothing: antialiased; }
  .page-grid-aside__header p {
    font-size: 16px; } }

@media (min-width: 1200px) {
  .page-aside {
    width: 25%; }
    .page-aside__title {
      font-size: 3.4vw; }
    .page-aside__subtitle {
      font-size: 1.3vw;
      margin-bottom: 1vw; }
      .page-aside__subtitle.lined.is-drawn:before {
        width: 3vw; }
  .page-content {
    width: 75%; } }

@media (max-width: 992px) {
  #pageContent {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh;
    -webkit-overflow-scrolling: touch; } }

.download-app {
  display: inline-block;
  margin: 15px 20px 0 0;
  width: 210px;
  height: 65px;
  border-radius: 10px;
  background-color: #fff;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat; }

.download-app.app-store {
  background-image: url("../images/png/download-app/app-store.png"); }

.download-app.google-play {
  background-image: url("../images/png/download-app/google-play.png"); }

.download-app.windows-store {
  background-image: url("../images/png/download-app/windows-store.png"); }

.download-app.bg3-steam {
  background-size: contain;
  background-color: transparent;
  background-image: url("../images/works/baldursgate/button-1.png"); }

.download-app.bg3-gog {
  background-size: contain;
  background-color: transparent;
  background-image: url("../images/works/baldursgate/button-2.png"); }

.download-app.bg3-ps5 {
  background-size: contain;
  background-color: transparent;
  background-image: url("../images/works/baldursgate/button-3.png"); }

.download-app.-medium {
  width: 340px; }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*    2. Short text
*    3. Scroll navigation
*
*  ============================
*/
.main {
  background-color: #242424; }

.has-fullsize-asset {
  background-size: cover;
  background-repeat: no-repeat; }

@media (min-width: 992px) {
  .has-smooth-padding {
    padding: 0 6%; } }

.shorttext {
  position: relative;
  width: 100%;
  padding: 40px; }
  .shorttext:before, .shorttext:after {
    content: " ";
    display: table; }
  .shorttext:after {
    clear: both; }
  .shorttext__header {
    text-align: center; }
  .shorttext__excerpt {
    margin: 40px 0;
    text-align: justify; }
    .shorttext__excerpt p {
      font-size: 16px;
      line-height: 1.46em; }
  .shorttext__footer {
    text-align: center; }

@media (min-width: 992px) {
  .shorttext__header {
    text-align: left; }
  .shorttext__excerpt {
    max-width: 540px; }
  .shorttext__footer {
    text-align: left; } }

.scroll-nav {
  margin: 20px 0;
  padding: 0 40px; }
  .scroll-nav:before, .scroll-nav:after {
    content: " ";
    display: table; }
  .scroll-nav:after {
    clear: both; }
  .scroll-nav__up, .scroll-nav__down {
    float: left;
    width: 36px;
    height: 36px; }
  .scroll-nav__up {
    margin-left: -1px; }

@media (min-width: 992px) {
  .scroll-nav {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 99;
    margin: 0;
    padding: 0; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*    2. Block - About
*    3. Block - Work Fields
*    4. Block - Contact
*
*  ============================
*/
.block-wrap {
  width: 100%;
  height: 100%; }
  .block-wrap:before, .block-wrap:after {
    content: " ";
    display: table; }
  .block-wrap:after {
    clear: both; }

.block--aside {
  width: 100%; }

.block--content {
  width: 100%; }

.fullpage-section,
.fullpage {
  height: auto;
  width: 100%; }

.fullpage-nav {
  position: absolute;
  z-index: 9999;
  bottom: 40px;
  left: 40px;
  display: -ms-flexbox;
  display: flex; }
  .fullpage-nav__left {
    margin-right: -1px; }
  .fullpage-nav__left, .fullpage-nav__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border: 1px solid #a49981;
    width: 34px;
    height: 34px;
    position: relative;
    overflow: hidden; }
    .fullpage-nav__left:before, .fullpage-nav__right:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10;
      background: #a49981;
      height: 100%;
      width: 200%;
      transition: transform 300ms ease;
      transform: translate3d(-120%, 0, 0) skew(-30deg, 0); }
    .fullpage-nav__left:hover:before, .fullpage-nav__right:hover:before {
      transform: translate3d(-20%, 0, 0) skew(-30deg, 0); }
    .fullpage-nav__left:hover .fullpage-nav__hover, .fullpage-nav__right:hover .fullpage-nav__hover {
      transform: translate3d(0, 0, 0); }
    .fullpage-nav__left.-up svg, .fullpage-nav__right.-up svg {
      transform: rotate(180deg); }
  .fullpage-nav__hover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    transform: translate3d(-100%, 0, 0);
    transition: transform 300ms ease; }
    .fullpage-nav__hover svg {
      position: relative;
      z-index: 11; }

.fp-destroyed {
  transform: translate3d(0, 0, 0) !important; }

@media (min-width: 992px) {
  .block--aside {
    float: left;
    width: 40%;
    height: 100%; }
  .block--content {
    float: right;
    width: 60%;
    height: 100%; }
  .fullpage-section,
  .fullpage {
    height: 100vh;
    min-height: 600px; } }

.about {
  background-color: #fff;
  position: relative;
  overflow: hidden; }
  .about__layer--image {
    position: static;
    background: url(../images/team.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 460px;
    top: 0;
    padding: 0; }
  .about__layer--shapes {
    position: absolute; }
  .about__layer--lines-bl {
    display: none; }
  .about .gfx-text {
    width: 100%;
    height: 100%; }

@media (min-width: 768px) {
  .about__layer--image {
    height: 680px; } }

@media (min-width: 992px) {
  .about {
    padding-top: 85px;
    overflow: hidden; }
    .about .title {
      font-size: 4.4vw;
      line-height: 1; }
    .about .subtitle {
      font-size: 1.5vw; }
    .about__layer {
      position: absolute;
      width: 100%;
      height: 100%;
      padding: 0 8%; }
      .about__layer--text {
        width: 50%;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        z-index: 200;
        -webkit-font-smoothing: antialiased; }
        .about__layer--text section {
          width: 100%;
          padding: 0 0 0 20%; }
      .about__layer--image {
        position: absolute;
        background-size: cover;
        background-position: left top;
        z-index: 100;
        right: 0;
        height: 100%;
        width: 50%;
        padding: 0; }
      .about__layer--lines-tr {
        background: url(../images/png/line.png) no-repeat right top;
        z-index: 20; }
      .about__layer--lines-bl {
        display: block;
        padding: 0;
        z-index: 20;
        width: 40%; }
        .about__layer--lines-bl svg {
          position: absolute;
          left: 0;
          bottom: 0; }
      .about__layer--shapes {
        z-index: 30; }
        .about__layer--shapes svg {
          position: absolute; }
        .about__layer--shapes svg:first-child {
          right: 0;
          bottom: 0;
          z-index: 11; }
        .about__layer--shapes svg:last-child {
          right: 15%;
          top: 3%;
          z-index: 5; }
    .about .shorttext__excerpt {
      max-width: 600px;
      margin: 30px 0; }
  .block-about__image {
    width: 70%;
    height: 100%; }
    .block-about__image img {
      z-index: 3; }
  .block-about__text {
    width: 60%;
    padding-top: 0;
    margin-top: -85px; }
  .gfx-layer.top-right {
    position: absolute; } }

@media (max-width: 992px) {
  .about__layer--image {
    height: 30vh; } }

.work-field__text {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dbdbdb+56,cacaca+100 */
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffffff 0%, #dbdbdb 56%, #cacaca 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cacaca',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.work-field__gradient {
  width: 70%;
  height: 125%;
  position: absolute;
  left: -10%;
  top: -10%;
  background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0) 70%); }

.work-fields-wrap {
  cursor: -webkit-grab;
  cursor: grab;
  background: #fff; }
  .work-fields-wrap .scroll-message.-previous span {
    color: #fff; }
  .work-fields-wrap .scroll-message.-next span {
    color: #242424; }

.work-field__images {
  height: 300px; }
  .work-field__images .brick-grid {
    overflow: hidden;
    height: 100%; }
  .work-field__images .brick {
    background: #000;
    overflow: hidden;
    width: 50%; }
  .work-field__images .brick a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 9; }
  .work-field__images .brick a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
  .work-field__images .brick a:after {
    visibility: hidden; }

.work-field__text .title {
  position: relative; }

.work-field__svg {
  display: none;
  background: url("../images/homepage/svg/3d_section.svg") no-repeat left bottom;
  background-size: auto 80%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.work-field__loader {
  background: transparent;
  height: 60px;
  width: 60px;
  position: absolute;
  top: 40%;
  left: 55%;
  animation: renderRotation 1s infinite linear;
  animation-fill-mode: forwards;
  border: 3px solid rgba(214, 214, 214, 0.41);
  border-radius: 100%;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible; }
  .work-field__loader:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: calc(100% + 6px);
    width: calc(100% + 6px);
    border-top: 3px solid #b0a38c;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 100%; }
  .work-field__loader.is-hidden {
    opacity: 0;
    visibility: hidden; }

@keyframes renderRotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.work-thumbs {
  height: 300px;
  width: 100%;
  background: #000; }
  .work-thumbs__item {
    float: left;
    background-size: cover;
    width: 50%;
    height: 150px; }
    .work-thumbs__item:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }

.renders {
  display: none; }

@media (min-width: 992px) {
  .work-field__svg {
    display: block; }
  .work-article {
    position: relative;
    z-index: 11; }
    .work-article .title, .work-article .subtitle {
      width: 100%;
      overflow: hidden; }
      .work-article .title span, .work-article .subtitle span {
        display: block; }
    .work-article .subtitle {
      padding-left: 80px;
      transform: translate3d(-70px, 0, 0); }
      .work-article .subtitle span {
        position: relative; }
      .work-article .subtitle span:before {
        content: '';
        position: absolute;
        top: 50%;
        right: calc(100% + 10px);
        height: 1px;
        background-color: #a49981;
        width: 0;
        transition: width 300ms ease;
        transition-delay: 600ms; }
      .work-article .subtitle span.is-active:before {
        width: 80px; }
    .work-article .shorttext__excerpt {
      position: relative; }
      .work-article .shorttext__excerpt > div {
        display: none; }
        .work-article .shorttext__excerpt > div.is-active {
          display: block; }
    .work-article .shorttext__footer {
      margin-top: 40px; }
    .work-article-subtitle {
      transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1); }
    .work-article-title {
      transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1); }
  .work-field__images {
    height: 100%;
    width: 30%;
    background: #000; }
    .work-field__images .brick {
      width: 100%;
      float: left; }
      .work-field__images .brick__col {
        float: left;
        width: 100%; }
        .work-field__images .brick__col:nth-child(1) {
          display: none; }
      .work-field__images .brick__wrap {
        width: 100%;
        transition: transform 400ms cubic-bezier(0.88, 0.01, 0.15, 0.99); }
        .work-field__images .brick__wrap a {
          position: absolute; }
        .work-field__images .brick__wrap a:first-child {
          position: relative; }
      .work-field__images .brick__wrap__big {
        transition: transform 650ms cubic-bezier(0.88, 0.01, 0.15, 0.99); }
      .work-field__images .brick.is-slide-0 .brick__wrap {
        transform: translate3d(0, 0, 0); }
      .work-field__images .brick.is-slide-1 .brick__wrap {
        transform: translate3d(0, -100%, 0); }
      .work-field__images .brick.is-slide-2 .brick__wrap {
        transform: translate3d(0, -200%, 0); }
      .work-field__images .brick.is-slide-3 .brick__wrap {
        transform: translate3d(0, -300%, 0); }
      .work-field__images .brick a {
        width: 100%;
        height: 100%;
        display: block;
        background-size: cover; }
        .work-field__images .brick a:hover:before {
          opacity: 0; }
        .work-field__images .brick a:after {
          visibility: visible; }
        .work-field__images .brick a:before {
          transition: opacity 0.4s; }
      .work-field__images .brick a:nth-child(1) {
        top: 0; }
      .work-field__images .brick a:nth-child(2) {
        top: 100%; }
      .work-field__images .brick a:nth-child(3) {
        top: 200%; }
      .work-field__images .brick a:nth-child(4) {
        top: 300%; }
  .work-field__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%;
    position: relative;
    width: 70%;
    overflow: hidden; }
    .work-field__text .title {
      font-size: 4.4vw;
      line-height: 1; }
    .work-field__text .subtitle {
      font-size: 1.6vw; }
    .work-field__text .shorttext__excerpt {
      max-width: 330px; }
  .renders {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    transform: translate3d(35%, 0, 0); }
  .mobile-renders {
    display: none; } }

@media (min-width: 1200px) {
  .work-field__text {
    width: 60%; }
  .work-field__images {
    width: 40%; }
    .work-field__images .brick {
      width: 50%; }
      .work-field__images .brick__col {
        width: 50%; }
        .work-field__images .brick__col:nth-child(1) {
          display: block; } }

@media (max-width: 992px) {
  .work-fields-wrap,
  .fullpage-nav {
    display: none; }
  .work-field__gradient {
    display: none; }
  .mobile-renders {
    background: #dedede; }
  .mobile-render {
    height: 130vh;
    padding-bottom: 170px;
    position: relative; }
    .mobile-render:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      background: radial-gradient(ellipse at center, #fff 0%, #dedede 80%); }
    .mobile-render:before {
      content: '';
      position: absolute;
      z-index: 10;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-size: contain;
      background-position: bottom right;
      background-repeat: no-repeat; }
    .mobile-render-top {
      position: relative;
      z-index: 10;
      width: 100%;
      height: 65vw;
      overflow: hidden; }
      .mobile-render-top a:first-child > div {
        height: 100%; }
    .mobile-render-image {
      float: left;
      width: 50%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      height: 50%; }
      .mobile-render-image:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.2; }
    .mobile-render .shorttext {
      position: relative;
      z-index: 10; }
    .mobile-render-1:before {
      background-image: url(../images/png/homepage/render-1.png); }
    .mobile-render-2:before {
      background-image: url(../images/png/homepage/render-2.png); }
    .mobile-render-3:before {
      background-image: url(../images/png/homepage/render-3.png); }
    .mobile-render-4:before {
      background-image: url(../images/png/homepage/render-4.png); }
    .mobile-render-shapes {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: url(../images/png/homepage/render-shape-left.png) no-repeat left bottom;
      background-size: 70% auto; }
      .mobile-render-shapes:after {
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: url(../images/png/homepage/render-shape-right.png) no-repeat right bottom;
        background-size: 40% auto; } }

@media (min-width: 600px) and (max-width: 800px) {
  .mobile-render {
    height: 150vh; } }

.block-contact {
  background-color: #000; }
  .block-contact__map {
    width: 100%;
    height: 100%;
    background-color: #000; }
  .block-contact .block--aside {
    height: 100%; }
    .block-contact .block--aside .title--white {
      font-size: 45px; }
  .block-contact .block--content {
    position: relative; }
    .block-contact .block--content:before {
      background-image: url(../images/homepage/home-contact-2.png);
      background-repeat: no-repeat;
      background-position: right center;
      height: calc(100% - 15%);
      width: 38%;
      content: '';
      position: absolute;
      z-index: 5;
      right: 0;
      top: 0;
      background-size: contain; }
    .block-contact .block--content .title {
      font-size: 4.4vw; }
    .block-contact .block--content .subtitle {
      font-size: 1.6vw;
      margin-bottom: 0; }
    .block-contact .block--content .contact-desc {
      width: 50%;
      z-index: 20; }
    .block-contact .block--content .contact-images {
      background-image: url(../images/homepage/home-contact-1.png), url(../images/homepage/home-contact-3.png);
      background-repeat: no-repeat, no-repeat;
      background-position: 10% top, center bottom;
      background-size: 45% auto, 80% auto;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      width: 100%;
      height: 100%; }
    .block-contact .block--content .contact-shape-1 {
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      width: 30%;
      height: 100%; }
      .block-contact .block--content .contact-shape-1 svg {
        max-width: 100%;
        position: absolute;
        bottom: 0;
        left: 0; }
    .block-contact .block--content .contact-shape-2 {
      position: absolute;
      z-index: 1;
      bottom: 0;
      right: 0;
      width: 30%;
      height: 100%; }
      .block-contact .block--content .contact-shape-2 svg {
        max-width: 100%;
        position: absolute;
        bottom: 0;
        right: 0; }
  .block-contact .google-map__content {
    position: relative;
    z-index: 10; }
  .block-contact .google-map__curtain {
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 60px; }
    .block-contact .google-map__curtain .google-shape {
      position: absolute;
      z-index: 7;
      bottom: -5%;
      right: 0;
      width: 100%;
      height: 100%; }
      .block-contact .google-map__curtain .google-shape svg {
        max-width: 100%;
        position: absolute;
        bottom: 0;
        right: 0; }

@media (min-width: 992px) {
  .block-contact {
    background-color: #fff; }
    .block-contact .block--content {
      width: 70%;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-align: center;
          align-items: center;
      padding-left: 8%; }
      .block-contact .block--content .contact-desc {
        width: 60%; }
    .block-contact .block--aside {
      width: 30%;
      overflow: hidden; }
      .block-contact .block--aside .excerpt {
        font-size: 12px; }
      .block-contact .block--aside .title--white {
        font-size: 1.6vw; }
    .block-contact .google-map__map {
      width: 100%;
      height: 100vh; }
      .block-contact .google-map__map > div {
        background: #242424 !important; }
    .block-contact .google-map__curtain {
      position: absolute;
      z-index: 200;
      padding: 0; } }

@media (min-width: 1200px) {
  .block-contact .block--content {
    width: 60%; }
    .block-contact .block--content .contact-desc {
      width: 50%; }
  .block-contact .block--aside {
    width: 40%; }
    .block-contact .block--aside .excerpt {
      font-size: 16px; } }

@media (max-width: 992px) {
  .block-contact {
    height: 100vh; }
    .block-contact .google-map__curtain {
      position: absolute; }
      .block-contact .google-map__curtain .google-shape {
        bottom: 0; }
    .block-contact .google-map__map {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*    2. Google map
*    3. Contact footer
*
*  ============================
*/
.contact .logo path {
  fill: #000; }

.contact .menu-trigger__label {
  color: #fff; }

.contact .page-grid-aside__content {
  padding-left: 80px;
  padding-right: 80px; }

.contact .page-grid-aside__footer {
  text-align: center; }
  .contact .page-grid-aside__footer .social {
    display: inline-block; }

.google-map {
  position: relative;
  width: 100%;
  height: 100%; }
  .google-map__map.is-visible .gm-style a,
  .google-map__map.is-visible .gmnoprint {
    visibility: visible !important; }
  .google-map__map .gm-style a,
  .google-map__map .gmnoprint {
    visibility: hidden !important; }
  .google-map__curtain {
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.4);
    transition: opacity 0.4s, visibility 0s; }
    .google-map__curtain.is-hidden {
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.4s, visibility 0s linear 0.4s; }
  .google-map__content {
    text-align: left; }
    .google-map__content em {
      font-style: normal;
      color: #cfc09e; }
    .google-map__content a {
      color: #fff; }
    .google-map__content h1 {
      text-align: center; }
    .google-map__content .shorttext__content {
      text-align: center; }
  .google-map__hide-btn {
    opacity: 0;
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
    transition: opacity 0.4s; }
    .google-map__hide-btn.is-visible {
      opacity: 1; }

.contact-map .google-map__map {
  height: 500px; }

@media (min-width: 992px) {
  .contact-map.google-map {
    height: 45vh; }
    .contact-map.google-map .google-map__map {
      height: 100%; }
  .google-map__content h1 {
    display: inline-block;
    position: relative;
    text-transform: none;
    font-size: 30px; }
  .google-map__content h1:before {
    transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 80px;
    height: 1px;
    margin-right: 15px;
    background-color: #a49981; }
  .google-map__content h1,
  .google-map__content .shorttext__content {
    text-align: left; } }

.contact-footer {
  float: left;
  width: 100%;
  background: #fff; }
  .contact-footer img {
    display: block;
    width: 100%;
    height: auto; }
  .contact-footer .title {
    font-size: 45px;
    text-transform: none; }
  .contact-footer .shorttext {
    padding: 40px; }
    .contact-footer .shorttext footer a {
      display: block;
      margin-bottom: 5px; }
  .contact-footer .btn-medium + .btn-medium {
    margin-top: 10px; }
  .contact-footer__col {
    width: 100%;
    clear: both;
    background-position: center center; }
  .contact-footer__images .col {
    width: 100%; }
  .contact-footer__images .col + .col {
    display: none; }
  .contact-footer__images, .contact-footer__text {
    width: 50%;
    float: left;
    height: 295px;
    background-size: cover;
    clear: none; }

@media (min-width: 992px) {
  .contact-footer {
    min-height: 55vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch; }
    .contact-footer .title {
      font-size: 3.4vw;
      text-transform: none; }
  .contact-footer__col {
    width: 50%;
    background-color: #fff;
    background-size: cover; }
    .contact-footer__col .title {
      font-size: 3vw;
      line-height: 1; }
    .contact-footer__col:first-child {
      display: none; }
  .contact-footer__images,
  .contact-footer__text {
    width: 100%;
    height: auto;
    float: none; } }

@media (min-width: 992px) and (max-width: 1100px) {
  .contact-footer__images,
  .contact-footer__text {
    width: 50%; } }

@media (min-width: 1200px) {
  .contact-footer__col .title {
    font-size: 2.8vw; }
  .contact-footer__col:first-child {
    display: block; } }

@media (min-width: 1400px) {
  .contact-footer__col {
    width: 33.333333%;
    background: #fff;
    background-size: cover; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. Navigation
*    2. Single work
*
*  ============================
*/
.grid-nav__list {
  padding: 0;
  overflow: hidden;
  height: 0;
  transition: height 400ms ease; }
  .grid-nav__list.is-open {
    height: 270px; }
  .grid-nav__list li:first-child {
    margin-top: 40px; }

.grid-nav__item {
  width: 100%;
  margin-bottom: 4px;
  float: left;
  clear: left; }
  .grid-nav__item button {
    width: 210px; }

.grid-nav__button > div {
  position: relative;
  float: left;
  width: 34px;
  height: 34px;
  border: 1px solid #a49981;
  transition: border-color 0.4s; }

.grid-nav__button > div:before,
.grid-nav__button > div:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: #a49981;
  transition: transform 0.4s, background-color 0.4s; }

.grid-nav__button > div:before {
  transform: translate(-4px, 12px) rotate(45deg); }

.grid-nav__button > div:after {
  transform: translate(-4px, 19px) rotate(-45deg); }

.grid-nav__button > span {
  display: block;
  float: left;
  margin-left: 12px;
  height: 36px;
  line-height: 36px;
  text-transform: uppercase;
  color: #a49981;
  font-size: 18px;
  transition: color 0.4s; }

.grid-nav__button.is-active > span,
.grid-nav__button:hover > span {
  color: #fff; }

.grid-nav__button.is-active > div,
.grid-nav__button:hover > div {
  border-color: #fff; }

.grid-nav__button.is-active > div:before,
.grid-nav__button.is-active > div:after,
.grid-nav__button:hover > div:before,
.grid-nav__button:hover > div:after {
  background-color: #fff; }

.grid-nav__button.is-active > div:before,
.grid-nav__button.is-active > div:after {
  background-color: #fff; }

.grid-nav__button.is-active > div:before {
  transform: translate(-4px, 16px) rotate(0); }

.grid-nav__button.is-active > div:after {
  transform: translate(-4px, 16px) rotate(0); }

.work-nav__select {
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  padding: 0; }
  .work-nav__select i {
    float: right;
    margin-top: 13px;
    margin-right: -20px; }

.grid-item,
.grid-sizer {
  width: 100%;
  height: 300px;
  overflow: hidden; }

.grid-item--large {
  height: 600px; }

@media (min-width: 768px) {
  .grid-item,
  .grid-sizer {
    width: 50%; } }

@media (min-width: 992px) {
  .grid {
    margin-right: 10px; }
  .grid-nav__list {
    height: 270px; }
    .grid-nav__list li:first-child {
      margin-top: 0; }
  .grid-nav__item {
    padding-left: 0; }
  .grid-nav__button > div {
    width: 24px;
    height: 24px; }
  .grid-nav__button > div:before,
  .grid-nav__button > div:after {
    width: 7px; }
  .grid-nav__button > div:before {
    transform: translate(-4px, 8px) rotate(45deg); }
  .grid-nav__button > div:after {
    transform: translate(-4px, 13px) rotate(-45deg); }
  .grid-nav__button > span {
    height: 26px;
    line-height: 26px;
    font-size: 15px; }
  .grid-nav__button.is-active > div:before {
    transform: translate(-4px, 11px) rotate(0); }
  .grid-nav__button.is-active > div:after {
    transform: translate(-4px, 11px) rotate(0); }
  .grid-item,
  .grid-sizer {
    width: 50%; } }

@media (min-width: 1200px) {
  .grid-item,
  .grid-sizer {
    width: 33.3333333%; } }

.work-thumb {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9;
  overflow: hidden;
  transform: translateZ(0); }
  .work-thumb:after {
    transition: transform 400ms ease;
    transform: scale(1.1);
    opacity: 1;
    content: '';
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 9px;
    right: 9px;
    z-index: 8;
    border: 1px solid rgba(255, 255, 255, 0.4); }
  .work-thumb:hover:after {
    transform: scale(1); }
  .work-thumb:hover .gfx-group {
    transform: translate(0, 0); }
    .work-thumb:hover .gfx-group:after {
      opacity: 1; }
  .work-thumb:hover .work-thumb-bg {
    transform: translate3d(0, 0, 0); }
  .work-thumb img {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    height: auto; }

.work-thumb-bg {
  position: absolute;
  width: calc(100% + 60px);
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transform: translate3d(-60px, 0, 0);
  transition: transform 600ms cubic-bezier(0.25, 0.1, 0.25, 1), filter 300ms ease; }

.works-single__desc {
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  padding: 20px 20px 60px 20px;
  text-align: center;
  transform: translateZ(0); }
  .works-single__desc h3, .works-single__desc h1 {
    color: #000;
    text-align: center; }
  .works-single__desc h1 {
    font-size: 1.6vw;
    line-height: 1; }
  .works-single__desc h3 {
    font-size: 16px;
    margin: 0;
    color: #8f8472; }
  .works-single__desc h3.lined {
    transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0ms; }
  .works-single__desc h3.lined:before {
    background-color: #8f8472;
    width: 0;
    transition: all 0ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0ms; }

.gfx-group {
  background: #fff;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  position: absolute;
  transform: translate(-120%, 0);
  transition: transform 425ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .gfx-group:after {
    background-image: url(../images/svg/button-down.svg);
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    bottom: 0;
    left: calc(50% - 17px);
    border-top: 1px solid #8f8472;
    border-right: 1px solid #8f8472;
    border-left: 1px solid #8f8472;
    opacity: 0;
    transition: opacity 1600ms ease; }

.work-thumb:hover .works-single__mask h1,
.work-thumb:hover .works-single__mask h3 {
  transform: translate(0, 0);
  transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 300ms; }

.work-thumb:hover .works-single__mask h3,
.work-thumb:hover .works-single__mask:nth-of-type(3) h1 {
  transition-delay: 400ms; }

.work-thumb:hover h3.lined:before {
  width: 4vw;
  transform: translate(0, 0);
  transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.works-single__mask {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  text-align: center; }
  .works-single__mask.label {
    margin-top: 10px; }

.works-single__mask h1,
.works-single__mask h3 {
  transform: translate(0, 110%);
  transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms; }

@media (max-width: 992px) {
  .works-single__desc h1 {
    font-size: 35px; }
  .works-single__desc h3 {
    font-size: 21px; } }

.work .logo path {
  fill: #fff; }

.work .page-header.is-sticky .logo path {
  fill: #373737; }

.work .menu-trigger__label {
  color: #fff; }

.work .page-grid-content .brick {
  overflow: hidden;
  width: 100%;
  height: 300px; }

@media (max-width: 992px) {
  .work .page-grid-content {
    position: relative;
    top: -275px;
    transition: transform 0.4s;
    z-index: 10; }
  .work .slide-down__open {
    transform: translate(0, 275px); }
  .work .page-grid-content:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -275px;
    width: 100%;
    height: 275px;
    background-color: #000; } }

.works {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #000;
  min-height: 100vh;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden; }
  .works-single {
    width: 34%; }

.is-visible {
  transition-duration: 2s; }

.work-field-animation__title {
  overflow: hidden;
  padding: 3px 0;
  height: 65px;
  margin-left: -95px;
  padding-left: 95px; }

.work-field-animation__subtitle {
  overflow: hidden;
  padding: 0;
  height: 35px;
  margin-left: -95px;
  padding-left: 95px; }
  .work-field-animation__subtitle h3 {
    display: block; }

.work-field-animation__block,
.work-field-animation__block-subtitle {
  position: relative;
  top: 0; }

.work-field-animation__block-subtitle {
  height: 70px; }
  .work-field-animation__block-subtitle h3 {
    height: 35px;
    line-height: 35px; }

.work-field-animation__line1,
.work-field-animation__line2 {
  position: absolute;
  right: 100%;
  top: 50%;
  width: 80px;
  margin-right: 15px;
  height: 1px;
  display: block;
  background-color: #a49981; }

@media (max-width: 992px) {
  .work .page-grid-content {
    position: relative; }
    .work .page-grid-content:after {
      content: '';
      position: absolute;
      height: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10; }
  .gfx-group {
    background: #fff; }
  .work-field .work-field-animation__block .title {
    display: none; }
  .work-field:nth-of-type(1) .work-field-animation__block .title:nth-of-type(1) {
    display: block; }
  .work-field:nth-of-type(2) .work-field-animation__block .title:nth-of-type(2) {
    display: block; }
  .work-field:nth-of-type(3) .work-field-animation__block .title:nth-of-type(3) {
    display: block; }
  .work-field:nth-of-type(4) .work-field-animation__block .title:nth-of-type(4) {
    display: block; } }

/*
*  ============================
*
*    [Table of contents]
*
*    1. General settings
*    2. Project description
*    3. Mockup
*    4. Slider
*    5. Technologies
*    6. Custom
*    7. Back button
*
*  ============================
*/
.page-dark .title {
  color: #fff; }

.page-dark .subtitle {
  color: #cfc09e; }

.single .lined.is-drawn:before {
  width: 58px; }

.case-banner,
.case-description,
.case-mockup,
.case-technologies,
.case-custom,
.case-summary,
.case-carousel {
  overflow: hidden; }

.case__img {
  padding: 0; }
  .case__img div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.case__text {
  padding: 100px 40px; }
  .case__text h1, .case__text h2 {
    color: #000; }
  .case__text h2 {
    text-align: center;
    font-size: 3.1vw;
    margin: 30px 0; }
  .case__text h3.lined {
    margin-left: 70px; }

.case__link,
.case__link--left {
  text-align: center; }

@media (min-width: 992px) {
  .case__text {
    padding: 0 6vw 0 6vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
    .case__text--head {
      width: 100%; }
    .case__text h2 {
      text-align: left; }
    .case__text h3.lined {
      margin-left: 0; }
  .case__link {
    text-align: right; }
  .case__link--left {
    text-align: left; } }

.case-banner {
  position: relative;
  min-height: 700px;
  height: 100vh; }

.case-banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .case-banner__bg img {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    height: 140%; }

.case-banner__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  transform: translateZ(0); }

.case-banner__text.-white .header h1 {
  color: #fff; }

.case-banner__text.-white .subtitle {
  color: #cfc09e; }

.case-banner__text.-white .header-line {
  background-color: #cfc09e; }

.case-banner__text .header {
  width: 100%;
  padding: 0 15%;
  text-align: center; }
  .case-banner__text .header h1 {
    font-size: 45px;
    text-align: center;
    margin: 20px 0;
    -webkit-font-smoothing: antialiased; }
  .case-banner__text .header h3 {
    font-size: 18px; }

.case-banner__text .header-decor {
  position: relative;
  display: inline-block; }

.case-banner__text .header-line {
  position: absolute;
  top: 50%;
  width: 100px;
  height: 1px;
  margin-top: -1px;
  background-color: #a49981; }

.case-banner__text .header-line.is-left {
  left: -120px; }

.case-banner__text .header-line.is-right {
  right: -120px; }

.case-banner__text .title + .header-decor .header-line {
  width: 145px; }
  .case-banner__text .title + .header-decor .header-line.is-left {
    left: -165px; }
  .case-banner__text .title + .header-decor .header-line.is-right {
    right: -165px; }

.case-banner__text .scroll-button {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/svg/scroll-button.svg) no-repeat; }

@media (min-width: 992px) {
  .case-banner__bg {
    width: 100%;
    height: 125%;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat; }
  .case-banner__text .header h1 {
    font-size: 5vw;
    margin: 10px 0 20px 0; }
  .case-banner__text .header h3 {
    font-size: 24px; } }

@media (max-height: 700px) and (min-width: 1700px) {
  .case-banner__bg {
    background-size: cover; } }

.case-description {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #242424;
  background-image: url(../images/png/pattern_noise.png); }
  .case-description h2 {
    color: #cfc09e; }
    .case-description h2 em {
      color: #fff;
      font-style: normal; }
  .case-description p {
    display: block;
    font-size: 16px;
    margin: 40px 0; }
  .case-description footer {
    margin-top: 50px; }
  .case-description .gfx-text {
    display: -ms-flexbox;
    display: flex;
    z-index: 9; }
  .case-description .case__img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    text-align: center;
    width: 33.3333%; }
    .case-description .case__img img {
      margin: 40px 0 0 0;
      max-width: 100%;
      height: auto; }
  .case-description .case__text {
    height: auto; }

@media (min-width: 992px) {
  .case-description .case__text {
    padding: 60px 6vw; } }

@media (min-width: 1200px) {
  .case-description p {
    height: auto;
    column-count: 2;
    column-gap: 90px; } }

@media (max-width: 992px) {
  .case-description h2 {
    font-size: 35px;
    text-align: left; }
  .case-description .case__img {
    display: none; }
  .case-description .gfx-text {
    -ms-flex-direction: column;
        flex-direction: column; }
  .case__text {
    padding: 40px; }
    .case__text h2 {
      font-size: 35px;
      text-align: left; } }

.case-mockup {
  height: auto;
  background-color: #fff; }
  .case-mockup .case__img > div {
    min-height: 475px; }
  .case-mockup .col-xs-12 {
    height: 100%; }

@media (min-width: 992px) {
  .case-mockup {
    height: 100vh; }
  .case-mockup .case__text:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    right: 0;
    content: '';
    background-size: 60% auto; } }

.case-slider {
  margin-top: -1px;
  overflow: hidden; }

.gallery {
  height: 40vh;
  width: 100vw;
  margin: 0;
  padding: 0; }
  .gallery__item {
    float: left;
    height: 100%;
    width: 100%;
    position: relative; }
    .gallery__item div {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      display: block;
      width: 100%;
      height: 100%; }
  .gallery .flickity-page-dots {
    bottom: 20px;
    float: right;
    position: absolute;
    z-index: 990;
    right: 20px;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 40%;
    height: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .gallery .flickity-page-dots .dot {
      background: none;
      position: relative;
      float: none;
      margin: 0 4px;
      list-style: none;
      width: 80px;
      height: 6px;
      border-radius: 0;
      opacity: 1; }
      .gallery .flickity-page-dots .dot:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #7f7f7f;
        transition: height 200ms ease; }
      .gallery .flickity-page-dots .dot:hover:after {
        height: 6px; }
      .gallery .flickity-page-dots .dot.is-selected:after {
        background: #fff; }

@media (min-width: 768px) {
  .gallery {
    height: 50vh; } }

@media (min-width: 992px) {
  .gallery {
    height: 100vh; }
    .gallery__item:after {
      content: '';
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.68);
      width: 100%;
      height: 100%;
      transition: opacity 400ms ease; }
    .gallery__item.is-selected:after {
      opacity: 0; }
    .gallery .flickity-page-dots {
      bottom: 40px; } }

@media (min-width: 1200px) {
  .gallery__item {
    width: 86%; } }

@media (max-width: 992px) {
  .gallery {
    height: 60vh; } }

.case-technologies {
  background-color: #fff; }
  .case-technologies .case__text--wrap {
    width: 100%; }
  .case-technologies .case__text img {
    margin: 30px auto;
    display: block;
    max-width: 70%; }
  .case-technologies .case__img > div {
    min-height: 475px; }
  .case-technologies .col-xs-12 {
    height: 100%; }

@media (min-width: 992px) {
  .case-technologies {
    height: 100vh; } }

.case-carousel {
  height: 100vh;
  background: #fff;
  position: relative; }
  .case-carousel__wrap {
    float: left;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: relative; }
  .case-carousel .subtitle, .case-carousel p {
    color: #b2a8ff; }
  .case-carousel .lined:before {
    background: #b2a8ff; }
  .case-carousel h2 {
    text-transform: none;
    font-size: 3.1vw;
    margin: 30px 0; }
  .case-carousel h3 {
    margin: 0; }
  .case-carousel:after {
    content: '';
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/works/galaxy/cosmos.jpg) no-repeat center center;
    background-size: cover; }
  .case-carousel__slide {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .case-carousel__left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 0 0 6vw;
    height: 100%;
    z-index: 100; }
    .case-carousel__left article {
      margin: 0 0 0 60px; }
    .case-carousel__left img {
      max-width: 100%; }
  .case-carousel__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    padding: 0;
    position: relative; }
    .case-carousel__right img {
      max-width: 115%;
      position: relative; }
  .case-carousel .flickity-page-dots {
    bottom: 60px;
    float: right;
    position: absolute;
    z-index: 990;
    left: 6vw;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 40%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .case-carousel .flickity-page-dots .dot {
      background: none;
      position: relative;
      float: none;
      margin: 0 4px;
      list-style: none;
      width: 80px;
      height: 6px;
      text-indent: -9999px;
      border-radius: 0;
      opacity: 1; }
      .case-carousel .flickity-page-dots .dot:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #c8c3b7;
        transition: height 200ms ease; }
      .case-carousel .flickity-page-dots .dot:hover:after {
        height: 6px; }
      .case-carousel .flickity-page-dots .dot.is-selected:after {
        background: #242424; }

@media (max-width: 992px) {
  .case-carousel h2 {
    font-size: 35px;
    text-align: left; }
  .case-carousel h3 {
    margin-left: 70px; }
  .case-carousel__slide {
    padding: 40px; }
  .case-carousel__left {
    padding: 0; }
    .case-carousel__left article {
      margin: 0; }
  .case-carousel__right {
    display: none; } }

.case-large {
  background: url(../images/works/galaxy/large-bg.jpg) no-repeat center top;
  background-size: cover;
  position: relative; }
  .case-large:after {
    content: '';
    background: url(../images/works/galaxy/light.png) no-repeat;
    width: 496px;
    height: 645px;
    position: absolute;
    left: calc(50% - 248px);
    top: 0; }
  .case-large:before {
    position: absolute;
    bottom: -130px;
    left: calc(50% - 650px);
    z-index: 200;
    content: '';
    width: 1339px;
    height: 298px;
    background: url(../images/works/galaxy/meteor.png) no-repeat; }
  .case-large .subtitle, .case-large p {
    color: #b2a8ff; }
  .case-large .lined:before {
    background: #b2a8ff; }
  .case-large h2 {
    text-transform: none;
    font-size: 3.1vw; }
  .case-large .cell {
    width: 31%;
    float: left; }
    .case-large .cell.--quarter {
      width: 18%; }
  .case-large__icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center; }
    .case-large__icons img {
      max-width: 100%; }
  .case-large__left {
    padding: 130px 0 0 6vw; }
    .case-large__left article {
      margin: 30px 0 60px 60px; }
  .case-large__right {
    padding: 130px 6vw 3% 6vw; }
  .case-large__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    min-height: 100vh;
    position: relative; }
    .case-large__bottom img {
      max-width: 100%;
      margin: 0 auto; }
    .case-large__bottom article {
      position: absolute;
      top: 8%;
      left: 60%;
      width: 25%; }

@media (max-width: 992px) {
  .case-large {
    padding: 40px; }
    .case-large h2 {
      font-size: 35px;
      text-align: left; }
    .case-large h3 {
      margin-left: 70px; }
    .case-large:before {
      display: none; }
    .case-large__left {
      padding: 80px 0 0 0; }
      .case-large__left article {
        margin: 0; }
    .case-large__right {
      padding: 0;
      text-align: left; }
    .case-large__bottom {
      -ms-flex-direction: column;
          flex-direction: column;
      margin-top: 30px;
      min-height: 0; }
      .case-large__bottom article {
        position: static;
        width: 100%; } }

.case-custom header h1 {
  font-size: 45px;
  margin: 30px 0; }

.case-custom .case__img > div {
  min-height: 475px; }

.case-custom .col-xs-12 {
  height: 100%; }

@media (min-width: 992px) {
  .case-custom .case__text {
    padding: 0 6vw; }
    .case-custom .case__text header h1 {
      font-size: 60px; } }

.case-summary {
  position: relative;
  width: 100%;
  background-color: #242424;
  background-image: url(../images/png/pattern_noise.png); }
  .case-summary h1 {
    color: #cfc09e;
    margin-left: 70px;
    margin-bottom: 30px;
    font-size: 18px; }
  .case-summary .gfx-text {
    padding-top: 60px;
    padding-bottom: 60px; }
    .case-summary .gfx-text:before, .case-summary .gfx-text:after {
      content: " ";
      display: table; }
    .case-summary .gfx-text:after {
      clear: both; }
  .case-summary .col-xs-12 {
    padding: 0 30px; }
  .case-summary .col-xs-12 + .col-xs-12 {
    margin-top: 30px; }
  .case-summary .x-list {
    column-count: 2;
    column-gap: 50px; }
    .case-summary .x-list li {
      max-width: 200px;
      color: #d5d5d5;
      margin-bottom: 15px; }
  .case-summary .client-section figure {
    text-align: center; }
  .case-summary .client-section img {
    display: inline-block; }

@media (min-width: 992px) {
  .case-summary h1 {
    margin-left: 20%;
    font-size: 26px; }
  .case-summary .col-xs-12 + .col-xs-12 {
    margin-top: 0; }
  .case-summary .x-list {
    width: calc(100% - 40%);
    margin-left: 20%; } }

.case-back {
  width: 100%;
  height: 100px;
  line-height: 100px;
  background-color: #000;
  text-align: center; }
  .case-back__nav {
    display: inline-block;
    cursor: pointer; }
    .case-back__nav:hover span:first-of-type {
      transform: translate(0, 20px); }
    .case-back__nav:hover span:last-of-type {
      transform: translate(0, -20px); }
    .case-back__nav a {
      display: inline-block;
      vertical-align: middle; }
    .case-back__nav p {
      display: inline-block;
      margin: 0;
      padding: 0;
      width: 165px;
      height: 20px;
      line-height: 20px;
      overflow: hidden; }
    .case-back__nav span {
      display: block;
      margin: 0;
      padding: 0;
      width: 165px;
      height: 20px;
      line-height: 20px;
      transition: all 200ms;
      color: #8f8472; }
      .case-back__nav span:last-of-type {
        position: relative;
        transform: translate(0, -41px); }
    .case-back__nav .to-all {
      margin: 0 30px;
      font-family: 'tabacbolditalic';
      font-size: 18px;
      color: #8f8472;
      line-height: 1; }
    .case-back__nav .previous,
    .case-back__nav .next {
      width: 105px;
      height: 1px;
      background-color: #8f8472;
      margin: 9px 0; }

@media (min-width: 992px) {
  .case-back {
    height: 128px;
    line-height: 128px; } }

@media (max-width: 992px) {
  .case-back__nav .next,
  .case-back__nav .previous {
    width: 8vw; } }

.skm-main-image {
  background-image: url("../images/works/skm/banner-480.jpg"); }

.case-custom__skm {
  background: url("../images/works/skm/skm_mobile_bg.jpg") no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  height: auto;
  float: left;
  width: 100%;
  height: 100%;
  padding-top: 600px; }
  .case-custom__skm:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.7), transparent); }
  .case-custom__skm figure {
    position: relative;
    display: none; }
  .case-custom__skm header {
    position: relative; }
  .case-custom__skm h3 {
    color: #fff; }
    .case-custom__skm h3.lined {
      margin-left: 0; }
  .case-custom__skm h3:before {
    background-color: #fff; }
  .case-custom__skm h1 {
    color: #fff; }
  .case-custom__skm p {
    position: relative;
    color: #d3d8de;
    margin-bottom: 40px; }
  .case-custom__skm a {
    margin-left: 0; }
  .case-custom__skm article {
    overflow: visible; }
  .case-custom__skm .case__text--wrap {
    text-align: center; }
  .case-custom__skm .gfx-stage {
    overflow: visible; }
  .case-custom__skm .hand-mockup {
    position: absolute;
    overflow: visible;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: bottom -50px left -30px;
    display: none; }
  .case-custom__skm .app-icon {
    display: inline-block;
    margin-bottom: 30px; }

@media (min-width: 992px) {
  .skm-single .case-description .gfx-text {
    position: relative; }
  .skm-single .case-description .case__img {
    -ms-flex-align: end;
        align-items: flex-end; }
  .skm-main-image {
    background-image: url("../images/works/skm/banner.jpg"); }
  .case-custom__skm {
    background: url("../images/works/skm/custom-bg.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 100vh;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .case-custom__skm:after {
      left: 30%; }
    .case-custom__skm h3.lined {
      float: left;
      margin-bottom: 30px; }
    .case-custom__skm h1 {
      clear: both; }
    .case-custom__skm figure {
      display: block; }
    .case-custom__skm .case__text {
      padding: 0; }
      .case-custom__skm .case__text header h1 {
        font-size: 48px; }
      .case-custom__skm .case__text__right {
        padding-left: 30px; }
    .case-custom__skm .case__text--wrap {
      text-align: left;
      display: -ms-flexbox;
      display: flex; }
    .case-custom__skm .app-icon {
      margin: 56px 0 0;
      float: right; }
      .case-custom__skm .app-icon img {
        max-width: 100%;
        height: auto; }
    .case-custom__skm .hand-mockup {
      display: block;
      position: relative;
      overflow: visible;
      width: 100%;
      height: 100vh;
      top: 30px;
      left: -30px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom 0 left -30px; } }

@media (min-width: 1200px) {
  .case-custom__skm .case__text header h1 {
    font-size: 60px; } }

.galaxy-main-image {
  background-image: url("../images/works/galaxy/banner-480.jpg"); }

@media (min-width: 992px) {
  .galaxy-main-image {
    background-image: url("../images/works/galaxy/banner.jpg"); } }

.case-custom__galaxy {
  background: url("../images/works/galaxy/custom-bg.jpg") no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  height: auto;
  float: left;
  width: 100%;
  height: 100%; }
  .case-custom__galaxy h2 {
    clear: both;
    color: #fff; }
  .case-custom__galaxy h3 {
    color: #fff; }
    .case-custom__galaxy h3.lined {
      margin-left: 0; }
  .case-custom__galaxy h3:before {
    background-color: #fff; }
  .case-custom__galaxy p {
    position: relative;
    color: #d3d8de;
    margin-bottom: 40px; }
  .case-custom__galaxy article {
    overflow: visible; }
  .case-custom__galaxy .case__text--wrap {
    text-align: center; }
  .case-custom__galaxy .gfx-stage {
    overflow: visible; }
  .case-custom__galaxy .app-icon {
    display: inline-block;
    margin: 0; }
  .case-custom__galaxy .download__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .case-custom__galaxy .download-app {
    margin: 0 0 20px 60px;
    display: block; }

@media (min-width: 992px) {
  .case-custom__galaxy {
    background: url("../images/works/galaxy/custom-bg.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 100vh;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .case-custom__galaxy p {
      max-width: 500px; }
    .case-custom__galaxy:after {
      left: 30%; }
    .case-custom__galaxy h3.lined {
      float: left;
      margin-bottom: 30px; }
    .case-custom__galaxy .case__text--wrap {
      text-align: left;
      display: -ms-flexbox;
      display: flex;
      margin: 60px 0 0 60px; }
    .case-custom__galaxy .app-icon {
      float: right; }
      .case-custom__galaxy .app-icon img {
        max-width: 100%;
        height: auto; }
    .case-custom__galaxy .case__text__right {
      float: left;
      width: 100%; } }

@media (max-width: 992px) {
  .case-custom__galaxy {
    padding: 40px; }
    .case-custom__galaxy article {
      padding: 0; }
      .case-custom__galaxy article h3.lined {
        margin-left: 70px; }
    .case-custom__galaxy .case__text--wrap {
      text-align: left; }
    .case-custom__galaxy .download__wrap {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center; }
    .case-custom__galaxy .download-app {
      margin: 30px 0 0 0; } }

.cherrypick-main-image {
  background-image: url("../images/works/cherrypick/banner.jpg"); }

.casefull {
  position: relative;
  width: 100%;
  padding-bottom: 455px;
  overflow: hidden; }
  .casefull--short {
    width: 40%; }
  .casefull--wide {
    width: 60%;
    padding-left: 5%; }
  .casefull:after, .casefull:before {
    position: absolute;
    z-index: 9;
    left: 0;
    content: '';
    height: 50%;
    width: 100%; }
  .casefull:after {
    top: 0;
    background: url(../images/works/cherrypick/pattern-1.png), radial-gradient(ellipse at center, #f14500 0%, #b92400 100%); }
  .casefull:before {
    bottom: 0;
    background: url(../images/works/cherrypick/pattern-3.png), radial-gradient(ellipse at center, #fcca00 0%, #ec8b00 100%); }
  .casefull__separator {
    background-color: #fff;
    background-image: url(../images/works/cherrypick/pattern-2.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 50vw;
    width: 100%;
    position: absolute;
    top: 25%;
    left: 0;
    z-index: 10;
    transform: skewY(8deg); }
  .casefull__content {
    position: relative;
    z-index: 11;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    height: 100%; }
    .casefull__content__column {
      color: #fff;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      position: relative;
      padding-top: 5%; }
      .casefull__content__column .title {
        font-size: 3vw;
        color: #fff;
        text-transform: none;
        margin: 30px 0; }
      .casefull__content__column .subtitle {
        color: #ff9b77; }
        .casefull__content__column .subtitle:before {
          background-color: #ff9b77; }
      .casefull__content__column p {
        color: #ffd3c3; }
      .casefull__content__column article {
        margin-left: 5vw;
        margin-top: 1vw;
        padding: 0 5% 5% 5%; }
      .casefull__content__column.rightside {
        -ms-flex-pack: start;
            justify-content: flex-start;
        padding: 0; }
        .casefull__content__column.rightside article {
          margin-right: 5vw;
          margin-left: 0;
          padding: 0 0 5% 5%; }
    .casefull__content.white-bg .title {
      color: #000; }
    .casefull__content.white-bg .subtitle {
      color: #8f8472; }
      .casefull__content.white-bg .subtitle:before {
        background-color: #8f8472; }
    .casefull__content.white-bg p {
      color: #7f7f7f; }
  .casefull__addon {
    position: absolute;
    bottom: -50px;
    right: 0;
    z-index: 11;
    width: auto;
    max-height: 85vh;
    transform: translateZ(0); }
  .casefull__addontext {
    position: absolute;
    bottom: 80px;
    left: 60px;
    z-index: 9;
    mix-blend-mode: multiply;
    max-width: 100%; }
  .casefull .videobox img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto; }
  .casefull .videobox--1 img {
    left: 0;
    right: auto; }

@media (max-width: 992px) {
  .cherrypick-main-image {
    background-image: url("../images/works/cherrypick/banner-480.jpg"); }
  .casefull {
    padding-bottom: 0; }
    .casefull__separator {
      height: 800px; }
    .casefull__content {
      -ms-flex-direction: column;
          flex-direction: column; }
      .casefull__content__column {
        width: 100%;
        padding: 0; }
        .casefull__content__column article {
          padding: 40px;
          margin: 0; }
        .casefull__content__column h3 {
          margin-left: 70px; }
        .casefull__content__column .title {
          font-size: 48px;
          text-align: left; }
        .casefull__content__column p {
          font-size: 16px; }
        .casefull__content__column.rightside {
          display: none !important; }
    .casefull__addon {
      position: relative;
      bottom: 0;
      right: 0;
      z-index: 11;
      width: 100%;
      height: auto;
      display: block; }
    .casefull__addontext {
      left: 20px;
      bottom: 100px; } }

@media (min-width: 992px) {
  .cherrypick-single .case-description .case__img img {
    margin: 40px auto; } }

@media (min-width: 1580px) {
  .casefull__addon {
    max-height: 100vh; } }

.nestle-main-image {
  background-image: url("../images/works/nestle/banner-480.jpg"); }

@media (min-width: 992px) {
  .nestle-main-image {
    background-image: url("../images/works/nestle/banner.jpg"); }
  .nestle-single .case-description .case__img {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: end;
        align-items: flex-end; } }

.pomagaj-main-image {
  background-image: url("../images/works/pomagaj/banner-480.jpg"); }

@media (min-width: 992px) {
  .pomagaj-main-image {
    background-image: url("../images/works/pomagaj/banner.jpg");
    background-size: cover; }
  .pomagaj-single .case-description .case__img {
    -ms-flex-align: start;
        align-items: flex-start; }
    .pomagaj-single .case-description .case__img img {
      margin: 0 auto; } }

.nature-man-main-image {
  background-image: url("../images/works/nature-man/banner-480.jpg"); }

@media (min-width: 992px) {
  .nature-man-main-image {
    background-image: url("../images/works/nature-man/banner.jpg"); }
  .natureman-single .case-description .case__img img {
    margin: 40px auto; } }

.ideaflex-main-image {
  background-image: url("../images/works/ideaflex/banner-480.jpg"); }

.single-ideaflex .case-description .case__img img {
  transform: translate(0, 0); }

@media (min-width: 992px) {
  .ideaflex-main-image {
    background-image: url("../images/works/ideaflex/banner.jpg"); }
  .ideaflex-single .case-description .case__img {
    text-align: left; } }

.pkwp-main-image {
  background-image: url("../images/works/pkwp/banner-480.jpg"); }

.single-pkwp .case-description .case__img img {
  transform: translate(0, 0); }

@media (min-width: 992px) {
  .pkwp-main-image {
    background-image: url("../images/works/pkwp/banner.jpg"); }
  .pkwp-single .case-description .case__img {
    text-align: left; }
  .pkwp-single .case-description .case__img {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: end;
        align-items: flex-end; } }

.kongres-main-image {
  background-image: url("../images/works/kongres/banner-480.jpg"); }

.single-kongres .case-description .case__img img {
  transform: translate(0, 0); }

@media (min-width: 992px) {
  .kongres-main-image {
    background-image: url("../images/works/kongres/banner.jpg"); }
  .kongres-single .case-description .case__img {
    text-align: left; }
  .kongres-single .case-description .case__img {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: end;
        align-items: flex-end; } }

.baldursgate-main-image {
  background-image: url("../images/works/baldursgate/banner-480.jpg"); }

@media (min-width: 992px) {
  .baldursgate-main-image {
    background-image: url("../images/works/baldursgate/banner.jpg"); } }

.case-custom__baldursgate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: url("../images/works/baldursgate/custom-bg-mobile.jpeg") no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  height: auto;
  float: left;
  width: 100%;
  height: 100%; }
  .case-custom__baldursgate .rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%; }
    .case-custom__baldursgate .rows:first-child {
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .case-custom__baldursgate .col-xs-12 {
    height: auto; }
  .case-custom__baldursgate .score-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 60px; }
  .case-custom__baldursgate .disclaimer {
    margin: 0 auto;
    color: #d3d8de;
    opacity: 0.8;
    font-size: 12px;
    text-align: center;
    padding: 30px 0;
    max-width: 100%; }
  .case-custom__baldursgate h2 {
    clear: both;
    color: #fff; }
  .case-custom__baldursgate h3 {
    color: #fff; }
    .case-custom__baldursgate h3.lined {
      margin-left: 0; }
  .case-custom__baldursgate h3:before {
    background-color: #fff; }
  .case-custom__baldursgate p {
    position: relative;
    color: #d3d8de;
    margin-bottom: 40px; }
  .case-custom__baldursgate article {
    overflow: visible; }
  .case-custom__baldursgate .case__text--wrap {
    text-align: center; }
  .case-custom__baldursgate .gfx-stage {
    overflow: visible; }
  .case-custom__baldursgate .app-icon {
    display: inline-block;
    margin: 0; }
  .case-custom__baldursgate .download__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .case-custom__baldursgate .download-app {
    margin: 0 0 20px 0;
    display: block; }

@media (min-width: 992px) {
  .case-custom__baldursgate {
    background: url("../images/works/baldursgate/custom-bg.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 700px;
    height: 100vh;
    padding: 0;
    -ms-flex-align: center;
        align-items: center; }
    .case-custom__baldursgate .rows {
      -ms-flex-direction: row;
          flex-direction: row; }
    .case-custom__baldursgate .score-wrap {
      margin-top: 0; }
    .case-custom__baldursgate .disclaimer {
      padding: 30px 60px;
      max-width: 60%; }
    .case-custom__baldursgate p {
      max-width: 500px; }
    .case-custom__baldursgate:after {
      left: 30%; }
    .case-custom__baldursgate h3.lined {
      float: left;
      margin-bottom: 30px; }
    .case-custom__baldursgate .case__text--wrap {
      text-align: left;
      display: -ms-flexbox;
      display: flex;
      margin: 60px 0 0 60px; }
    .case-custom__baldursgate .app-icon {
      float: right; }
      .case-custom__baldursgate .app-icon img {
        max-width: 100%;
        height: auto; }
    .case-custom__baldursgate .case__text__right {
      float: left;
      width: 100%; } }

@media (max-width: 992px) {
  .case-custom__baldursgate {
    padding: 40px; }
    .case-custom__baldursgate article {
      padding: 0; }
      .case-custom__baldursgate article h3.lined {
        margin-left: 70px; }
    .case-custom__baldursgate .case__text--wrap {
      text-align: left; }
    .case-custom__baldursgate .download__wrap {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center; }
    .case-custom__baldursgate .download-app {
      margin: 30px 0 0 0; } }

.single-baldursgate .case-carousel::after {
  height: 100%;
  background: url(../images/works/baldursgate/cosmos.jpg) no-repeat center center;
  background-size: cover; }

.single-baldursgate .case-carousel p {
  color: #7f7f7f; }

.single-baldursgate .case-carousel .subtitle {
  color: #cfc09e; }

.single-baldursgate .case-carousel .lined:before {
  background: #8f8472; }

.single-baldursgate .case-carousel article {
  margin-bottom: 60px; }

.single-baldursgate .case-custom {
  position: relative; }

.single-baldursgate .case-mockup .case__text--wrap img {
  margin: 40px auto 0 auto;
  display: block; }

.single-baldursgate .animation {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center; }

.single-baldursgate .case-carousel .flickity-page-dots .dot:after {
  background-color: #66645f; }

.single-baldursgate .case-carousel .flickity-page-dots .dot.is-selected:after {
  background: #fff; }

.merchstore-main-image {
  background-image: url("../images/works/larian-merch-store/banner-480.jpg"); }

@media (min-width: 992px) {
  .merchstore-main-image {
    background-image: url("../images/works/larian-merch-store/banner.jpg"); } }

.case-custom__merchstore {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: url("../images/works/larian-merch-store/custom-bg-mobile.jpg") no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  height: auto;
  float: left;
  width: 100%;
  height: 100%; }
  .case-custom__merchstore .rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%; }
    .case-custom__merchstore .rows:first-child {
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .case-custom__merchstore .col-xs-12 {
    height: auto; }
  .case-custom__merchstore .score-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 60px; }
  .case-custom__merchstore .disclaimer {
    margin: 0 auto;
    color: #d3d8de;
    opacity: 0.8;
    font-size: 12px;
    text-align: center;
    padding: 30px 0;
    max-width: 100%; }
  .case-custom__merchstore h2 {
    clear: both;
    color: #fff; }
  .case-custom__merchstore h3 {
    color: #fff; }
    .case-custom__merchstore h3.lined {
      margin-left: 0; }
  .case-custom__merchstore h3:before {
    background-color: #fff; }
  .case-custom__merchstore p {
    position: relative;
    color: #d3d8de;
    margin-bottom: 40px; }
  .case-custom__merchstore article {
    overflow: visible; }
  .case-custom__merchstore .case__text--wrap {
    text-align: center; }
  .case-custom__merchstore .gfx-stage {
    overflow: visible; }
  .case-custom__merchstore .app-icon {
    display: inline-block;
    margin: 0; }
  .case-custom__merchstore .download__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .case-custom__merchstore .download-app {
    margin: 0 0 20px 0;
    display: block; }

@media (min-width: 992px) {
  .case-custom__merchstore {
    background: url("../images/works/larian-merch-store/custom-bg.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 700px;
    height: 100vh;
    padding: 0;
    -ms-flex-align: center;
        align-items: center; }
    .case-custom__merchstore .rows {
      -ms-flex-direction: row;
          flex-direction: row; }
    .case-custom__merchstore .score-wrap {
      margin-top: 0; }
    .case-custom__merchstore .disclaimer {
      padding: 30px 60px;
      max-width: 60%; }
    .case-custom__merchstore p {
      max-width: 500px; }
    .case-custom__merchstore:after {
      left: 30%; }
    .case-custom__merchstore h3.lined {
      float: left;
      margin-bottom: 30px; }
    .case-custom__merchstore .case__text--wrap {
      text-align: left;
      display: -ms-flexbox;
      display: flex;
      margin: 60px 0 0 60px; }
    .case-custom__merchstore .app-icon {
      float: right; }
      .case-custom__merchstore .app-icon img {
        max-width: 100%;
        height: auto; }
    .case-custom__merchstore .case__text__right {
      float: left;
      width: 100%; } }

@media (max-width: 992px) {
  .case-custom__merchstore {
    padding: 40px; }
    .case-custom__merchstore article {
      padding: 0; }
      .case-custom__merchstore article h3.lined {
        margin-left: 70px; }
    .case-custom__merchstore .case__text--wrap {
      text-align: left; }
    .case-custom__merchstore .download__wrap {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center; }
    .case-custom__merchstore .download-app {
      margin: 30px 0 0 0; } }

.single-merchstore .case-carousel::after {
  height: 100%;
  background: #272727;
  background-size: cover; }

.single-merchstore .case-carousel p {
  color: #7f7f7f; }

.single-merchstore .case-carousel .subtitle {
  color: #cfc09e; }

.single-merchstore .case-carousel .lined:before {
  background: #8f8472; }

.single-merchstore .case-carousel article {
  margin-bottom: 60px; }

.single-merchstore .case-custom {
  position: relative; }

.single-merchstore .case-mockup .case__text--wrap img {
  margin: 40px auto 0 auto;
  display: block; }

.single-merchstore .animation {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center; }

.single-merchstore .case-carousel .flickity-page-dots .dot:after {
  background-color: #66645f; }

.single-merchstore .case-carousel .flickity-page-dots .dot.is-selected:after {
  background: #fff; }

/*
*  ============================
*
*    [Table of contents]
*
*    1. List
*
*  ============================
*/
.career-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.career-item {
  position: relative;
  width: 100%;
  height: 300px;
  background: url(../images/careers/carrer-bg.jpg) no-repeat center center;
  background-size: cover; }
  .career-item:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    border: 1px solid rgba(0, 0, 0, 0.5); }
  .career-item__wrapper {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .career-item__photo {
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat; }
  .career-item__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 50%;
    height: 100%; }
    .career-item__text h1, .career-item__text h3 {
      margin: 0; }
    .career-item__text h1 {
      font-size: 36px;
      margin-top: 1vw;
      margin-bottom: 15px; }
    .career-item__text .title {
      text-align: center; }
    .career-item__text .btn-medium {
      margin-top: 1vw; }

@media (min-width: 992px) {
  .career-item {
    height: 33.33333vh; }
    .career-item .title {
      font-size: 3.4vh; } }

@media (min-width: 1200px) {
  .career-item__photo {
    background-size: 100% auto;
    background-position: center center; }
  .career-item .title {
    font-size: 4.4vh; } }

@media (max-width: 992px) {
  .career-item__photo {
    display: none; } }

.job-single {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100vh;
  background: #fff;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-direction: column;
      flex-direction: column; }
  .job-single__banner {
    width: 100%;
    position: relative;
    background-color: #a8a8a8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden; }
    .job-single__banner-text {
      text-align: center;
      margin: 40px; }
      .job-single__banner-text .title {
        text-align: center;
        max-width: 400px;
        margin: 3% auto;
        font-size: 45px; }
      .job-single__banner-text .subtitle {
        margin-bottom: 0; }
      .job-single__banner-text .scroll-button {
        display: inline-block;
        width: 36px;
        height: 36px;
        background: url(../images/svg/scroll-button.svg) no-repeat; }
      .job-single__banner-text .header-decor {
        position: relative;
        display: inline-block; }
      .job-single__banner-text .header-line {
        position: absolute;
        top: 50%;
        width: 100px;
        height: 1px;
        margin-top: -1px;
        background-color: #a49981; }
        .job-single__banner-text .header-line.is-left {
          left: -120px; }
        .job-single__banner-text .header-line.is-right {
          right: -120px; }
    .job-single__banner .burger {
      position: absolute;
      top: 40px;
      right: 20px;
      z-index: 10000; }
      .job-single__banner .burger span:before,
      .job-single__banner .burger span:after {
        background-color: #242424; }
  .job-single__content {
    width: 100%;
    position: relative; }
    .job-single__content-wrap {
      padding: 40px; }

.job-section {
  position: relative;
  border-bottom: 1px solid #c9c9c9;
  text-align: left;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .job-section:last-child {
    border-bottom: 0; }
  .job-section .header-decor {
    position: relative; }
  .job-section .header-line {
    position: absolute;
    top: 50%;
    width: 75px;
    height: 1px;
    margin-top: -1px;
    background-color: #a49981; }
    .job-section .header-line.is-left {
      left: -100px; }
  .job-section h1 {
    font-size: 36px;
    margin: 3% 0;
    color: #8f8472;
    text-align: center; }
    .job-section h1 em {
      color: #242424;
      font-style: normal;
      text-transform: uppercase; }
  .job-section ul {
    padding: 0;
    margin-bottom: 0;
    list-style-position: inside;
    text-align: left;
    font-size: 16px; }
    .job-section ul li {
      margin-top: 20px; }
    .job-section ul li:first-child {
      margin-top: 0; }

.job-send {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #1e1e1e;
  background-image: url(../images/png/pattern_noise.png); }
  .job-send .gfx-text {
    padding: 40px 60px; }

@media (min-width: 992px) {
  .job-single {
    -ms-flex-direction: row;
        flex-direction: row; }
    .job-single__banner {
      background-image: url(/images/careers/account-manager/banner.jpg);
      width: 33.3333%; }
      .job-single__banner-text {
        margin: 110px 0 0 0; }
        .job-single__banner-text .title {
          font-size: 2.6vw; }
    .job-single__back {
      position: absolute;
      right: 60px;
      top: 114px;
      z-index: 200;
      transform: scale(0.6); }
    .job-single__content {
      width: 66.6667%; }
      .job-single__content-wrap {
        position: relative;
        padding: 110px 5% 5% 5%;
        overflow: visible; }
  .job-section h1 {
    font-size: 2.6vw;
    text-align: left; } }

@media (max-width: 992px) {
  #page-aside-career {
    display: none; }
  .job-single__back {
    position: absolute;
    right: 40px;
    z-index: 100; }
  .job-single__banner {
    min-height: 50vh;
    background-size: 100% auto;
    background-position: center 200%;
    background-color: #cdcdcd;
    position: relative; }
    .job-single__banner:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      z-index: 0;
      background: radial-gradient(ellipse at center, #fff 0%, #cdcdcd 100%); }
    .job-single__banner:before {
      content: '';
      width: 100%;
      height: 50%;
      position: absolute;
      bottom: 0;
      z-index: 1;
      background: url(../images/careers/macbook.png) no-repeat center bottom; }
    .job-single__banner-text {
      position: relative;
      z-index: 10;
      margin-top: 120px;
      margin-bottom: 220px; }
  .job-section .header-line.is-left {
    left: 0;
    width: 60px; }
  .job-section .subtitle {
    margin-left: 70px; } }

.about-main-image {
  background-image: url("../images/about-us/about-us-mobile.jpg");
  background-size: cover; }

@media (min-width: 992px) {
  .about-main-image {
    background-image: url("../images/about-us/about-us.jpg");
    background-size: cover; } }

.as-text {
  padding: 6%; }
  .as-text p {
    column-count: 1; }

.as-images {
  height: 101%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  .as-images__bg {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .as-images__bsingle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover; }
  .as-images__front {
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
    width: 85%;
    height: 70%;
    overflow: hidden;
    margin: 0 auto;
    transform: translateZ(0); }
  .as-images__fsingle {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center; }
  .as-images .slideshow-f-1, .as-images .slideshow-b-1 {
    z-index: 10; }
  .as-images .slideshow-f-2, .as-images .slideshow-b-2 {
    z-index: 9; }
  .as-images .slideshow-f-3, .as-images .slideshow-b-3 {
    z-index: 8; }
  .as-images .slideshow-f-4, .as-images .slideshow-b-4 {
    z-index: 7; }

.case-description--about {
  height: 730px; }

@media (max-width: 992px) {
  .as-text {
    padding: 30px 30px 0 30px; }
  .case-description--about {
    height: auto; }
  .as-images {
    height: 350px; } }

@media (min-width: 600px) and (max-width: 800px) {
  .as-images {
    height: 500px; } }

.about-services {
  min-height: 100vh;
  position: relative;
  background-color: #fff; }

.as-row {
  border-bottom: 1px solid #8f8472; }
  .as-row .as-right:before {
    top: auto;
    bottom: 0;
    height: 55%; }
  .as-row .as-icon {
    bottom: 0; }

.as-title {
  font-size: 4.4vw;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
  display: block;
  text-align: center;
  padding: 100px 0; }

.as-desc {
  width: 70%;
  float: right;
  padding: 60px;
  position: relative;
  z-index: 110; }
  .as-desc__title {
    font-size: 3.6vw;
    text-transform: uppercase;
    color: #000; }
  .as-desc__subtitle {
    font-size: 18px;
    color: #8f8472;
    position: relative;
    margin-bottom: 10px; }
    .as-desc__subtitle:before {
      height: 1px;
      background: #8f8472;
      position: absolute;
      width: 80px; }
  .as-desc__text {
    font-size: 16px;
    line-height: 1.4; }

.as-icon {
  width: 40%;
  height: 100%;
  overflow: hidden;
  position: relative; }

.as-icon-mask {
  background: #fff;
  position: absolute;
  z-index: 300; }

.as-left,
.as-right {
  position: relative;
  padding: 0; }
  .as-left:hover .as-arrow:after,
  .as-right:hover .as-arrow:after {
    transform: translate3d(0, 0, 0); }
  .as-left:hover .as-arrow:before,
  .as-right:hover .as-arrow:before {
    transform: rotate(180deg);
    border-color: #fff !important; }

.as-left .as-desc {
  float: right; }

.as-left .as-icon {
  float: left; }

.as-right:before {
  background: #8f8472;
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0; }

.as-right .as-desc {
  float: left; }

.as-right .as-icon {
  float: right;
  right: 0; }

.as-arrow {
  width: 34px;
  height: 34px;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: background 200ms ease-in;
  overflow: hidden; }
  .as-arrow:after {
    content: '';
    width: 150%;
    height: 150%;
    background-color: #8f8472;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 200ms ease; }
  .as-arrow:before {
    position: relative;
    z-index: 2;
    content: '';
    display: block;
    width: 40%;
    height: 40%;
    transition: transform 300ms ease; }
  .as-arrow-tl {
    border-left: 1px solid #8f8472;
    border-top: 1px solid #8f8472;
    bottom: 0;
    right: 0; }
    .as-arrow-tl:after {
      transform: translate3d(-100%, -100%, 0); }
    .as-arrow-tl:before {
      border-right: 1px solid #8f8472;
      border-bottom: 1px solid #8f8472; }
  .as-arrow-tr {
    border-right: 1px solid #8f8472;
    border-top: 1px solid #8f8472;
    bottom: 0;
    left: 0; }
    .as-arrow-tr:after {
      transform: translate3d(100%, -100%, 0); }
    .as-arrow-tr:before {
      border-left: 1px solid #8f8472;
      border-bottom: 1px solid #8f8472; }
  .as-arrow-bl {
    border-left: 1px solid #8f8472;
    border-bottom: 1px solid #8f8472;
    top: 0;
    right: 0; }
    .as-arrow-bl:after {
      transform: translate3d(-100%, 100%, 0); }
    .as-arrow-bl:before {
      border-right: 1px solid #8f8472;
      border-top: 1px solid #8f8472; }
  .as-arrow-br {
    border-right: 1px solid #8f8472;
    border-bottom: 1px solid #8f8472;
    top: 0;
    left: 0; }
    .as-arrow-br:after {
      transform: translate3d(100%, 100%, 0); }
    .as-arrow-br:before {
      border-left: 1px solid #8f8472;
      border-top: 1px solid #8f8472; }

@media (min-width: 992px) {
  .about-services > .row {
    display: -ms-flexbox;
    display: flex; }
  .as-right .as-desc {
    padding-right: 0; }
  .as-left .as-desc {
    padding-left: 0; }
  .as-right-2,
  .as-left-2 {
    padding-bottom: 60px; }
  .as-desc {
    width: 60%;
    padding: 30px 0 30px 30px; }
    .as-desc__title {
      font-size: 3.4vw; }
  .as-left .as-desc {
    padding: 30px 30px 30px 0; }
  .as-icon {
    width: 40%;
    position: absolute;
    padding: 0 60px 60px 60px; }
    .as-icon img {
      position: absolute; }
  .as-icon-1-0,
  .as-icon-1 .as-icon-mask-1-0 {
    top: 30px;
    right: 60px;
    z-index: 100; }
  .as-icon-1-1,
  .as-icon-1 .as-icon-mask-1-1 {
    right: 0;
    bottom: -30px;
    z-index: 103; }
  .as-icon-1 .as-icon-mask-1-0 {
    z-index: 102; }
  .as-icon-1 .as-icon-mask-1-1 {
    z-index: 104; }
  .as-icon-2-0,
  .as-icon-2 .as-icon-mask-2-0 {
    left: 0;
    bottom: 0;
    z-index: 100; }
  .as-icon-2 .as-icon-mask-2-0 {
    z-index: 101; }
  .as-icon-2-1,
  .as-icon-2 .as-icon-mask-2-1 {
    position: absolute;
    left: 30px;
    bottom: 0px;
    z-index: 103; }
  .as-icon-2-2,
  .as-icon-2 .as-icon-mask-2-2 {
    position: absolute;
    left: 140px;
    bottom: 280px;
    z-index: 103; }
  .as-icon-2 .as-icon-mask-2-1,
  .as-icon-2 .as-icon-mask-2-2 {
    z-index: 104; }
  .as-icon-3-0,
  .as-icon-3 .as-icon-mask-3-0 {
    right: 30px;
    bottom: 0;
    z-index: 100; }
  .as-icon-3-1,
  .as-icon-3 .as-icon-mask-3-1 {
    right: 30px;
    top: 30px;
    z-index: 103; }
  .as-icon-3 .as-icon-mask-3-0 {
    z-index: 102; }
  .as-icon-3 .as-icon-mask-3-1 {
    z-index: 104; }
  .as-icon-4-0,
  .as-icon-4 .as-icon-mask-4-0 {
    left: 120px;
    top: -80px;
    z-index: 100; }
  .as-icon-4-1,
  .as-icon-4 .as-icon-mask-4-1 {
    left: 0;
    top: 30px;
    z-index: 102; }
  .as-icon-4-2,
  .as-icon-4 .as-icon-mask-4-2 {
    left: 60px;
    bottom: 60px;
    z-index: 102; }
  .as-icon-4-3,
  .as-icon-4 .as-icon-mask-4-3 {
    left: 220px;
    bottom: -30px;
    z-index: 102; }
  .as-icon-4 .as-icon-mask-4-0 {
    z-index: 101; }
  .as-icon-4 .as-icon-mask-4-1,
  .as-icon-4 .as-icon-mask-4-2,
  .as-icon-4 .as-icon-mask-4-3 {
    z-index: 103; } }

@media (min-width: 1200px) {
  .as-desc {
    padding: 60px 0 60px 60px; }
  .as-left .as-desc {
    padding: 60px 60px 60px 0; } }

@media (max-width: 992px) {
  .as-title {
    font-size: 35px;
    padding: 60px 0; }
  .as-desc {
    width: 100%;
    padding: 30px 40px;
    text-align: center; }
    .as-desc__title {
      font-size: 35px; }
      .as-desc__title br {
        display: none; }
    .as-desc__subtitle:before {
      width: 60px; }
    .as-desc__text {
      text-align: justify; }
  .as-arrow {
    display: none; }
  .about-services__header {
    display: none; }
  .about-services .row {
    border: none;
    margin: 0; }
  .as-right:before {
    display: none; }
  .as-icon {
    width: 100%; }
    .as-icon img {
      max-width: 100%;
      height: auto; }
    .as-icon-mask {
      display: none; }
  .as-icon-1-0 {
    margin-left: -60px; }
  .as-icon-1-1 {
    position: absolute;
    bottom: 0;
    right: 30%; }
  .as-icon-2-1 {
    position: absolute;
    left: -10%;
    bottom: 25%; }
  .as-icon-2-2 {
    position: absolute;
    left: 32%;
    bottom: 35%; }
  .as-icon-3-1 {
    position: absolute;
    left: 5%;
    bottom: 0; }
  .as-icon-4-1 {
    display: none; }
  .as-icon-4-2 {
    position: absolute;
    bottom: 0;
    left: -10%; }
  .as-icon-4-3 {
    position: absolute;
    bottom: 0;
    right: 0; } }

@media (min-width: 0) and (max-width: 560px) {
  .as-icon-2-2 {
    left: 50%; } }

.about-photos {
  background: #000; }

.about-photo {
  padding: 0;
  height: 50vh;
  background-size: cover;
  overflow: hidden; }
  .about-photo:hover .about-photo__bg {
    transform: translate3d(0, 0, 0); }
  .about-photo:hover .about-photo__back.black {
    opacity: 0; }
  .about-photo:hover .about-photo__back.white {
    opacity: 1; }
  .about-photo__item {
    width: 100%;
    height: 100%; }
    .about-photo__item .gfx-group {
      height: 100%;
      width: 100%;
      top: 0; }
      .about-photo__item .gfx-group:after {
        display: none; }
  .about-photo__back {
    background-image: url(../images/about-us/team/black.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    transition: opacity 300ms ease; }
    .about-photo__back.black {
      opacity: 1; }
    .about-photo__back.white {
      opacity: 0;
      z-index: 9;
      background-image: url(../images/about-us/team/white.jpg); }
  .about-photo .work-thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20; }
  .about-photo .works-single__desc {
    z-index: 50;
    height: 25%;
    margin: 20px;
    width: calc(100% - 40px);
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
  .about-photo__bg {
    width: 200%;
    height: 100%;
    position: absolute;
    z-index: 20;
    overflow: hidden;
    transform: translate3d(-50.1%, 0, 0);
    transition: transform 400ms cubic-bezier(0.25, 0.1, 0.25, 1); }
    .about-photo__bg-on, .about-photo__bg-off {
      float: right;
      width: 50%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; }

@media (min-width: 992px) {
  .about-photo {
    min-height: 360px; } }

@media (min-width: 1400px) {
  .about-photo {
    min-height: 560px; } }

@media (max-width: 992px) {
  .about-photo {
    height: 70vh; }
    .about-photo h1 {
      font-size: 35px; }
    .about-photo h3 {
      font-size: 21px; } }

.about-clients {
  background: #fff;
  height: 300px;
  width: 100%;
  position: relative; }
  .about-clients__shape {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40%; }
  .about-clients__header {
    padding: 30px 30px 10px 150px;
    color: #8f8472; }
  .about-clients .slick-dots {
    margin-top: 30px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .about-clients .slick-dots li {
      list-style: none;
      float: left;
      padding: 5px 0;
      margin: 0 4px; }
      .about-clients .slick-dots li.slick-active button {
        background: #242424; }
      .about-clients .slick-dots li button {
        text-indent: -9999px;
        height: 3px;
        width: 82px;
        background: #c8c3b7; }

.clients-slider {
  position: relative;
  width: 80%;
  margin: 0 auto; }
  .clients-slider .lined {
    color: #8f8472;
    position: absolute;
    left: -100px;
    top: 0;
    font-size: 26px; }

.clients {
  width: 100%;
  height: 135px;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px; }
  .clients__logos {
    width: 100%;
    height: 100%;
    cursor: pointer; }

.client {
  padding: 15px;
  height: 135px;
  width: 25%;
  list-style: none;
  float: left;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .client img {
    float: left;
    max-width: 100%;
    height: auto; }

@media (min-width: 1480px) {
  .clients-slider {
    width: 1400px; } }

@media (max-width: 992px) {
  .about-clients__shape {
    width: 70%; }
  .about-clients__header {
    padding: 30px 60px; }
  .about-clients .slick-dots li button {
    width: 5vw; } }

#scroller {
  position: static;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none; }

.iScrollLoneScrollbar.show {
  opacity: 1 !important;
  -webkit-transition: opacity .3s !important; }

@media (min-width: 992px) {
  #scroller {
    position: absolute; }
  .iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 10px;
    top: 0;
    right: 0;
    overflow: hidden;
    bottom: 0;
    background-color: transparent; }
  .iScrollIndicator {
    cursor: -webkit-grab;
    cursor: grab;
    position: absolute;
    z-index: 9999;
    width: 10px;
    background-color: #8F8472;
    transition: background 400ms ease; }
  .is-open .iScrollIndicator {
    background-color: #242424; }
  .page-grid-content {
    float: right; } }