@charset "UTF-8";
@font-face {
  font-family: 'Gotham';
  src: url("fonts/Gotham-Light.eot");
  src: url("fonts/Gotham-Light.woff2") format("woff2"), url("fonts/Gotham-Light.woff") format("woff"), url("fonts/Gotham-Light.ttf") format("truetype"), url("fonts/Gotham-Light.svg#Gotham-Light") format("svg"), url("fonts/Gotham-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 300;
  font-style: normal; }

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: "freixenet";
  src: url("fonts/freixenet.eot?8hyszt");
  src: url("fonts/freixenet.eot?8hyszt#iefix") format("embedded-opentype"), url("fonts/freixenet.ttf?8hyszt") format("truetype"), url("fonts/freixenet.woff?8hyszt") format("woff"), url("fonts/freixenet.svg?8hyszt#freixenet") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="fx-icon-"], [class*=" fx-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "freixenet" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fx-icon-arrow-left:before {
  content: ""; }

.fx-icon-arrow-right:before {
  content: ""; }

.fx-icon-quotes-right:before {
  content: ""; }

.fx-icon-quotes-left:before {
  content: ""; }

.color-not-white {
  color: #fffefa !important; }

.color-gold {
  color: #FFCB06 !important; }

* {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none; }

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

html,
body {
  width: 100%;
  height: 100%; }

input,
textarea,
select,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  border-radius: 0; }

img {
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  height: auto; }

a,
a:active,
a:focus,
a:hover,
a:visited {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none; }

main {
  display: block;
  width: 100%;
  min-height: 70%; }

#content {
  padding-top: 115px; }
  @media (min-width: 992px) {
    #content {
      padding-top: 64px; } }

*,
html {
  -ms-overflow-style: none; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s; }

a.tooltip {
  position: relative;
  display: inline; }

a.tooltip:after {
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: auto;
  left: 20%;
  opacity: 0;
  content: attr(title);
  /* might also use attr(title) */
  height: auto;
  min-width: 180px;
  padding: 5px 8px;
  z-index: 999;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0, 0, 0, 0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  left: 0;
  top: -10px;
  transform: translateY(-100%); }

a.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: auto;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
  left: 50%;
  top: -5px;
  transform: translateY(-100%); }

a.tooltip:hover:after {
  visibility: visible;
  opacity: 1;
  bottom: auto;
  left: 50%;
  top: -10px;
  transform: translateY(-100%) translateX(-50%); }

a.tooltip:hover:before {
  visibility: visible;
  opacity: 1;
  bottom: auto;
  left: 50%;
  top: -5px;
  transform: translateY(-100%) translateX(-50%); }

/* tips on bottom */
a.tooltip.bottom:after {
  bottom: auto;
  top: 0; }

a.tooltip.bottom:hover:after {
  top: 28px; }

a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
  top: 0px; }

a.tooltip.bottom:hover:before {
  top: 20px; }

/* tips on the right */
a.tooltip.right:after {
  left: 100%;
  bottom: -45%; }

a.tooltip.right:hover:after {
  left: 110%;
  bottom: -45%; }

a.tooltip.right:before {
  border-width: 5px 10px 5px 0;
  border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
  left: 90%;
  bottom: 2%; }

a.tooltip.right:hover:before {
  left: 100%;
  bottom: 2%; }

/* tips on the left */
a.tooltip.left:after {
  left: auto;
  right: 100%;
  bottom: -45%; }

a.tooltip.left:hover:after {
  right: 110%;
  bottom: -45%; }

a.tooltip.left:before {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
  left: auto;
  right: 90%;
  bottom: 2%; }

a.tooltip.left:hover:before {
  right: 100%;
  bottom: 2%; }

/* tooltip colors (add your own!) */
a.tooltip.blue:after {
  background: #5f87c2; }

a.tooltip.blue:before {
  border-color: #5f87c2 transparent transparent transparent; }

a.tooltip.bottom.blue:before {
  border-color: transparent transparent #5f87c2 transparent; }

a.tooltip.right.blue:before {
  border-color: transparent #5f87c2 transparent transparent; }

a.tooltip.left.blue:before {
  border-color: transparent transparent transparent #5f87c2; }

a.tooltip.animate:after, a.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

* {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none; }

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

html,
body {
  width: 100%;
  height: 100%;
  background: #fffefa; }

body {
  padding-top: 60px; }
  @media (min-width: 768px) {
    body {
      padding-top: 0; } }

img {
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  height: auto; }

h1,
h2,
h3,
p {
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit; }

a,
a:active,
a:focus,
a:hover,
a:visited {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none; }

*,
html {
  -ms-overflow-style: none; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s; }

.container {
  width: 100%;
  margin: 0 auto;
  padding: 16px; }
  @media (min-width: 992px) {
    .container {
      max-width: 1600px; } }

.showmenu {
  overflow: hidden; }
  .showmenu #main, .showmenu #footer {
    opacity: 0;
    visibility: hidden; }

#main, #footer {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s, visibility 0.3s; }

#loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999; }
  #loader .loader-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 16px;
    background: #fffefa;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    #loader .loader-wrap .fxt-mio-logo {
      width: 100%;
      max-width: 500px; }
      #loader .loader-wrap .fxt-mio-logo.alt {
        max-width: 400px; }
      #loader .loader-wrap .fxt-mio-logo .m-text {
        -webkit-transform: translate(8px, 0);
        -moz-transform: translate(8px, 0);
        -ms-transform: translate(8px, 0);
        transform: translate(8px, 0); }
      #loader .loader-wrap .fxt-mio-logo .f-text {
        -webkit-transform: translate(-8px, 0);
        -moz-transform: translate(-8px, 0);
        -ms-transform: translate(-8px, 0);
        transform: translate(-8px, 0); }
      #loader .loader-wrap .fxt-mio-logo .f-text,
      #loader .loader-wrap .fxt-mio-logo .m-text {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 0.6s ease, transform 0.3s ease;
        -moz-transition: opacity 0.6s ease, transform 0.3s ease;
        -ms-transition: opacity 0.6s ease, transform 0.3s ease;
        -o-transition: opacity 0.6s ease, transform 0.3s ease;
        transition: opacity 0.6s ease, transform 0.3s ease; }
        #loader .loader-wrap .fxt-mio-logo .f-text path,
        #loader .loader-wrap .fxt-mio-logo .m-text path {
          fill: #1B2A39; }
        #loader .loader-wrap .fxt-mio-logo .f-text.animate,
        #loader .loader-wrap .fxt-mio-logo .m-text.animate {
          opacity: 1;
          filter: alpha(opacity=100);
          -webkit-transform: translate(0, 0);
          -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
      #loader .loader-wrap .fxt-mio-logo .ball {
        opacity: 0;
        filter: alpha(opacity=0);
        fill: #FFCB06;
        -webkit-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease; }
        #loader .loader-wrap .fxt-mio-logo .ball.animate {
          opacity: 1;
          filter: alpha(opacity=100); }
      #loader .loader-wrap .fxt-mio-logo .short-x {
        opacity: 0;
        filter: alpha(opacity=0);
        fill: #FFCB06;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -ms-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease; }
        #loader .loader-wrap .fxt-mio-logo .short-x.animate {
          opacity: 1;
          filter: alpha(opacity=100); }
      #loader .loader-wrap .fxt-mio-logo .long-x {
        fill: none;
        stroke: #FFCB06;
        stroke-width: 18;
        clip-path: url(#long-x-clip);
        -webkit-clip-path: url(#long-x-clip);
        stroke-dasharray: 1000px 1000px;
        stroke-dashoffset: -480px;
        opacity: 0;
        filter: alpha(opacity=0); }
        #loader .loader-wrap .fxt-mio-logo .long-x.animate {
          -webkit-animation: dash 1s linear forwards;
          -moz-animation: dash 1s linear forwards;
          -ms-animation: dash 1s linear forwards;
          -o-animation: dash 1s linear forwards;
          animation: dash 1s linear forwards; }
        #loader .loader-wrap .fxt-mio-logo .long-x.fade-in {
          stroke-dashoffset: 0;
          opacity: 1;
          filter: alpha(opacity=100);
          -webkit-animation: none;
          -moz-animation: none;
          -ms-animation: none;
          -o-animation: none;
          animation: none; }
    #loader .loader-wrap .alt-text {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 600px;
      width: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity 0.8s ease;
      -moz-transition: opacity 0.8s ease;
      -ms-transition: opacity 0.8s ease;
      -o-transition: opacity 0.8s ease;
      transition: opacity 0.8s ease; }
      #loader .loader-wrap .alt-text img {
        width: 100%; }
      #loader .loader-wrap .alt-text.fade-in {
        opacity: 1;
        filter: alpha(opacity=100); }

@-webkit-keyframes dash {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  0.001% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
    filter: alpha(opacity=100); } }

@-moz-keyframes dash {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  0.001% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
    filter: alpha(opacity=100); } }

@-ms-keyframes dash {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  0.001% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
    filter: alpha(opacity=100); } }

@-o-keyframes dash {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  0.001% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
    filter: alpha(opacity=100); } }

@keyframes dash {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  0.001% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
    filter: alpha(opacity=100); } }

@media (max-width: 431px) {
  .svg-image {
    padding: 0 16px; } }

#main-menu {
  visibility: hidden;
  opacity: 0; }
  .showmenu #main-menu {
    z-index: 999;
    opacity: 1;
    visibility: visible; }
  #main-menu .menu-item {
    transform: translate(20px, 0);
    opacity: 0; }

.menu, .menu .menu-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style-type: none;
  transition: opacity 0.3s, visibility 0.3s; }
  @media (min-width: 768px) {
    .menu, .menu .menu-list {
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .menu .menu-link {
    color: #1B2A39;
    padding: 8px; }
  .menu .menu-item {
    transition: opacity 0.2s, transform 0.3s;
    text-align: left; }
    @media (min-width: 768px) {
      .menu .menu-item {
        text-align: left; } }
    .menu .menu-item.in {
      transform: translate(0, 0) !important;
      opacity: 1 !important; }
    .menu .menu-item.in:nth-child(1) {
      transition-delay: 0.1s; }
    .menu .menu-item.in:nth-child(2) {
      transition-delay: 0.2s; }
    .menu .menu-item.in:nth-child(3) {
      transition-delay: 0.3s; }
    .menu .menu-item.in:nth-child(4) {
      transition-delay: 0.4s; }
    .menu .menu-item.in:nth-child(5) {
      transition-delay: 0.5s; }
    .menu .menu-item.in:nth-child(6) {
      transition-delay: 0.6s; }
    .menu .menu-item.in:nth-child(7) {
      transition-delay: 0.7s; }
    .menu .menu-item.in:nth-child(8) {
      transition-delay: 0.8s; }
    .menu .menu-item.in:nth-child(9) {
      transition-delay: 0.9s; }
    .menu .menu-item.in:nth-child(10) {
      transition-delay: 1s; }
  .menu .menu-list {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    margin: 0 auto; }
    .menu .menu-list .menu-link {
      font-family: Gotham-Book;
      font-size: 24px;
      letter-spacing: 4px;
      line-height: 32px;
      display: inline-flex; }
  .menu-btn {
    display: block;
    position: relative;
    width: 50px;
    height: 50px; }
    .menu-btn-wrapper {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 30px;
      transform: translate(-50%, -50%); }
    .menu-btn-hyphen {
      display: block;
      width: 100%;
      height: 2px;
      margin: 0 0 6px;
      overflow: hidden;
      background: #1B2A39;
      transition: all 0.3s; }
      .menu-btn-hyphen:last-child {
        margin-bottom: 0; }
    .light .menu-btn-hyphen {
      background: #fffefa; }
    .menu-btn.active {
      background-color: rgba(45, 55, 64, 0.2); }
      .menu-btn.active .menu-btn-hyphen:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
        opacity: 1;
        animation: none;
        width: 100%; }
      .menu-btn.active .menu-btn-hyphen:nth-child(2) {
        opacity: 0; }
      .menu-btn.active .menu-btn-hyphen:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
        opacity: 1;
        animation: none;
        width: 100%; }
    .menu-btn:not(.active):hover > span i {
      width: 0;
      opacity: 0;
      filter: alpha(opacity=0); }
      .menu-btn:not(.active):hover > span i:nth-child(1) {
        -webkit-animation: menuBtn 0.3s linear 0.3s forwards;
        -moz-animation: menuBtn 0.3s linear 0.3s forwards;
        -ms-animation: menuBtn 0.3s linear 0.3s forwards;
        -o-animation: menuBtn 0.3s linear 0.3s forwards;
        animation: menuBtn 0.3s linear 0.3s forwards; }
      .menu-btn:not(.active):hover > span i:nth-child(2) {
        -webkit-animation: menuBtn 0.3s linear 0.5s forwards;
        -moz-animation: menuBtn 0.3s linear 0.5s forwards;
        -ms-animation: menuBtn 0.3s linear 0.5s forwards;
        -o-animation: menuBtn 0.3s linear 0.5s forwards;
        animation: menuBtn 0.3s linear 0.5s forwards; }
      .menu-btn:not(.active):hover > span i:nth-child(3) {
        -webkit-animation: menuBtn 0.3s linear 0.7s forwards;
        -moz-animation: menuBtn 0.3s linear 0.7s forwards;
        -ms-animation: menuBtn 0.3s linear 0.7s forwards;
        -o-animation: menuBtn 0.3s linear 0.7s forwards;
        animation: menuBtn 0.3s linear 0.7s forwards; }

.full-screen-menu {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100vh;
  width: 100%;
  bottom: 0;
  position: fixed; }
  @media (min-width: 768px) {
    .full-screen-menu .menu-list {
      transition: background-position 0.5s;
      background: url("img/backgrounds/background-cups.png") no-repeat 98%, url("img/backgrounds/background-fx.png") no-repeat 98%;
      background-size: contain; }
      .showmenu .full-screen-menu .menu-list {
        background: url("img/backgrounds/background-cups.png") no-repeat right, url("img/backgrounds/background-fx.png") no-repeat right;
        background-size: contain; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .full-screen-menu .menu-list {
      transition: background-position 0.5s;
      background: url("img/backgrounds/background-cups.png") no-repeat 98%, url("img/backgrounds/background-fx.png") no-repeat 48%;
      background-size: contain; }
      .showmenu .full-screen-menu .menu-list {
        background: url("img/backgrounds/background-cups.png") no-repeat right, url("img/backgrounds/background-fx.png") no-repeat 50%;
        background-size: contain; } }

body {
  font-family: "Gotham", "serif"; }

.small-text {
  font-size: 16px; }

.highlighted-words {
  text-transform: uppercase;
  font-family: Gotham-Book;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around; }
  .highlighted-words .word {
    position: relative;
    text-align: center; }
    .highlighted-words .word:after {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 10px;
      background: no-repeat center url("data:image/png;base64,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");
      background-size: contain;
      left: 0;
      right: 0;
      bottom: 0; }
    @media (min-width: 768px) {
      .highlighted-words .word {
        display: inline-block;
        padding: 0 14px 8px 14px; } }
  @media (min-width: 992px) {
    .highlighted-words {
      display: block; } }
  @media (min-width: 992px) {
    .highlighted-words {
      font-size: 24px;
      letter-spacing: 4px; }
      .highlighted-words .word + .word {
        margin-left: 80px; } }

.btn {
  display: inline-block;
  padding: 24px 32px;
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 100px;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center; }
  .btn.white {
    background: #fff;
    color: #000; }
  .btn.disabled {
    opacity: .2;
    pointer-events: none; }
  .btn:hover {
    background: #fffefa;
    color: #000;
    cursor: pointer; }

.cta {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000; }

.main-header {
  transition: all 0.3s; }
  .main-header.fixed {
    width: 100%;
    z-index: 100;
    top: 0;
    position: fixed;
    background-color: #fff; }
    .showmenu .main-header.fixed {
      z-index: 99999; }
  .main-header .container {
    transition: all 0.3s;
    padding: 5px 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .main-header .container img {
      width: 150px; }
  .main-header.shadow-mode {
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 100%); }

@media (min-width: 768px) {
  .main-header.fixed {
    background-color: transparent;
    transition: all 0.3s ease; }
  .main-header.affixed {
    background-color: #ffffff;
    transition: all 0.3s ease; }
  .main-header .container {
    padding: 16px; }
    .main-header .container img {
      width: 200px; } }

#footer {
  background: #3E3E3F;
  font-size: 16px;
  color: #fffefa;
  text-align: center;
  line-height: 26px;
  padding: 6px;
  font-weight: 300;
  position: relative; }
  #footer .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #footer .container .menu-item {
      text-align: center; }
      @media (min-width: 768px) {
        #footer .container .menu-item {
          text-align: left; } }
    #footer .container .copyright {
      padding-top: 10px; }
      @media (min-width: 768px) {
        #footer .container .copyright {
          padding-top: 0; } }
    @media (min-width: 768px) {
      #footer .container {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        #footer .container .copyright {
          order: 2; }
        #footer .container .links {
          order: 3; } }
    #footer .container .social-network {
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      #footer .container .social-network .menu-link {
        display: inline-block;
        width: 40px;
        height: 40px;
        padding: 8px;
        text-align: center; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 40px 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  overflow: scroll;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in; }
  .modal .close-btn {
    position: fixed;
    top: 0;
    right: 0;
    margin: 24px;
    padding: 3px;
    height: 24px;
    width: 24px;
    background: url(img/icons/close.svg) no-repeat 50% 50%;
    background-size: cover;
    filter: brightness(0) invert(1);
    transform: scale(1);
    transition: transform .3s ease; }
    .modal .close-btn:hover {
      transform: scale(1.1); }
  .modal > .container {
    height: 100%;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px; }
    .modal > .container > img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      object-position: 50% 50%; }
  .modal.active {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease-in; }
  .modal.download-modal {
    padding: 50vh 0; }
    .modal.download-modal > .container {
      display: block;
      width: 100%;
      padding: 32px 0 0 0;
      max-width: 600px;
      text-align: center;
      background-color: #fff;
      color: #000;
      height: auto;
      border: 2px solid #fff;
      transform: translateY(-50%); }
      .modal.download-modal > .container img {
        display: block;
        width: 100%;
        height: auto;
        transform: none;
        margin-bottom: 1px;
        margin-bottom: 20px; }
      .modal.download-modal > .container .p-download {
        width: 100%;
        display: block;
        height: auto; }
        .modal.download-modal > .container .p-download br {
          display: none; }
      .modal.download-modal > .container .download-input {
        margin-top: 3px; }
      .modal.download-modal > .container .type {
        background-color: #fff;
        font-size: 24px;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        color: #000;
        padding: 5px;
        border: 1px solid #747474;
        border-radius: 5px;
        margin-bottom: 10px; }
      .modal.download-modal > .container .name {
        background-color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px 30px;
        border-bottom: 1px solid #000;
        text-transform: uppercase; }

.card {
  display: block;
  width: 100%;
  padding: 0 0 20px;
  cursor: pointer; }
  .card.hidden {
    display: none !important; }
  .card.child {
    display: none; }
  .card .card-input {
    display: none; }
  .card .card-label {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 16px;
    background: #efefef; }
    .card .card-label .c-image {
      transform: scaleY(1);
      transition: all 0.1s ease-in;
      height: 200px;
      display: flex;
      align-content: center;
      align-items: center; }
      .card .card-label .c-image img {
        object-fit: contain;
        width: 100%; }
    .card .card-label a:hover {
      cursor: pointer; }
  .card:not(.direct-download) .card-label:hover .c-image {
    transition: all 0.1s ease-in; }
  .card .c-header {
    padding: 16px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .card .c-header .type {
      padding: 0 6px;
      border-radius: 6px;
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #747474; }
      .card .c-header .type.gallery {
        height: 24px;
        width: 24px;
        background: url(img/icons/gallery.svg) no-repeat 50% 50%;
        border: none;
        border-radius: 0; }
      .card .c-header .type.video {
        height: 24px;
        width: 28px;
        background: url(img/icons/play.svg) no-repeat 50% 50%;
        border: none;
        border-radius: 0; }
    .card .c-header .add {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      padding-right: 20px;
      border-right: 1px solid #747474; }
      .card .c-header .add div:first-of-type {
        margin-right: 10px; }
        .card .c-header .add div:first-of-type span {
          display: none; }
          .card .c-header .add div:first-of-type span:first-of-type {
            display: block; }
    .card .c-header .check {
      height: 18px;
      width: 18px;
      border: 2px solid #4A4A4A;
      border-radius: 2px; }
    .card .c-header .c-actions {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
    .card .c-header .download-file-btn {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      margin-left: 10px;
      padding: 5px 10px;
      color: #747474;
      border: 1px solid #747474;
      font-size: 12px; }
      .card .c-header .download-file-btn img {
        width: 10px; }
  .card .c-image {
    position: relative;
    height: auto;
    width: 100%;
    padding: 30px; }
    .card .c-image img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .card .c-image a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%; }
      .card .c-image a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.75);
        opacity: 0;
        transition: .3s ease; }
      .card .c-image a:after {
        content: 'View Image';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 160px;
        padding: 8px 0 8px 48px;
        transform: translate(-50%, -50%);
        color: #000;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
        background: url(img/icons/eye.svg) rgba(255, 255, 255, 0.8) no-repeat 24px 50%;
        border-radius: 24px;
        opacity: 0;
        transition: .3s ease; }
      .card .c-image a:hover:before, .card .c-image a:hover:after {
        opacity: 1; }
  .card .c-info {
    padding: 24px 0 16px;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .card .c-info .name {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 400 !important;
      color: #000;
      margin-bottom: 8px; }
    .card .c-info .size {
      font-size: 12px;
      line-height: 15px;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 400 !important;
      color: #747474; }
    .card .c-info .c-info-details {
      width: 100%; }
      .card .c-info .c-info-details .name {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700;
        color: #000;
        margin-bottom: 8px; }
      .card .c-info .c-info-details .size {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700;
        color: #747474;
        float: left; }
      .card .c-info .c-info-details .dimensions {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700;
        float: right;
        color: #747474;
        text-transform: lowercase; }
  .card .card-input:checked + .card-label .c-header .add div:first-of-type {
    margin-right: 10px; }
    .card .card-input:checked + .card-label .c-header .add div:first-of-type span {
      display: block; }
      .card .card-input:checked + .card-label .c-header .add div:first-of-type span:first-of-type {
        display: none; }
  .card .card-input:checked + .card-label .c-header .check {
    position: relative;
    border: 2px solid #FFCB06;
    background: #FFCB06; }
  .card.gallery .c-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    transition: .3s ease; }
  .card.gallery .c-image:after {
    content: 'View Gallery';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    padding: 8px 0 8px 48px;
    transform: translate(-50%, -50%);
    color: #000;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: url(img/icons/eye.svg) rgba(255, 255, 255, 0.8) no-repeat 24px 50%;
    border-radius: 24px;
    opacity: 0;
    transition: .3s ease; }
  .card.gallery .c-image:hover:before, .card.gallery .c-image:hover:after {
    opacity: 1; }
  @media (min-width: 768px) {
    .card {
      width: 50%;
      padding: 0 10px 20px; }
      .card .c-image {
        height: 189px; } }
  @media (min-width: 1170px) {
    .card {
      width: 33.333%; }
      .card .c-info .c-info-details .name {
        height: 60px; } }
  @media (min-width: 1440px) {
    .card {
      width: 25%; } }
  .card.full {
    width: 100%;
    padding: 0;
    display: flex;
    align-content: center; }
    .card.full .card-label {
      padding: 1px; }
      .card.full .card-label .c-header {
        display: none; }
        .card.full .card-label .c-header .type {
          display: none; }
      .card.full .card-label .c-info {
        display: none; }
      .card.full .card-label .c-image {
        height: auto;
        min-height: 250px;
        display: flex;
        padding: 0; }
    .card.full.small .card-label .c-image {
      min-height: 100px; }
    .card.full .c-text h1, .card.full .c-text h2 {
      font-size: 30px;
      font-weight: 700;
      padding-left: 20px;
      padding-right: 20px; }
    .card.full .c-text p {
      padding-left: 20px;
      padding-right: 20px; }
    .card.full.show-header .card-label .c-header {
      display: block; }

.request {
  background: url(img/bg-contact.jpg) no-repeat 50% 50%;
  background-size: cover; }
  .request > .container {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 80px 16px;
    color: #fff;
    text-align: center; }
    .request > .container .title {
      margin-bottom: 8px;
      margin-bottom: 8px;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 1px;
      line-height: 30px;
      text-transform: uppercase; }
      .request > .container .title h1 {
        font-weight: inherit;
        font-size: inherit;
        font-style: inherit; }
    .request > .container .blurb {
      margin-bottom: 40px;
      font-weight: 300;
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 24px; }
      .request > .container .blurb p {
        font-weight: inherit;
        font-size: inherit;
        font-style: inherit; }
    .request > .container .request-btn + .request-form {
      display: none; }
  @media (min-width: 768px) {
    .request > .container .title {
      font-size: 36px;
      line-height: 56px; } }

.request-modal {
  padding: 0;
  margin: 0; }
  .request-modal .close-btn {
    filter: none; }
  .request-modal > .container {
    max-width: 500px;
    padding: 0; }
    .request-modal > .container .request-form {
      height: 100%;
      padding: 56px 16px;
      background: #fff;
      text-align: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .request-modal > .container .request-form .title {
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 30px;
        text-transform: uppercase; }
        .request-modal > .container .request-form .title h1 {
          font-weight: inherit;
          font-size: inherit;
          font-style: inherit; }
      .request-modal > .container .request-form .blurb {
        margin-bottom: 40px;
        font-weight: 300;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 24px; }
        .request-modal > .container .request-form .blurb p {
          font-weight: inherit;
          font-size: inherit;
          font-style: inherit; }
      .request-modal > .container .request-form .r-field,
      .request-modal > .container .request-form .r-textarea {
        position: relative;
        text-align: left; }
        .request-modal > .container .request-form .r-field .f-input,
        .request-modal > .container .request-form .r-textarea .f-input {
          width: 100%;
          font-weight: 300;
          font-size: 16px;
          letter-spacing: 1px;
          line-height: 24px;
          color: #000;
          background: #fff;
          border-bottom: 1px solid #000; }
        .request-modal > .container .request-form .r-field .f-label,
        .request-modal > .container .request-form .r-textarea .f-label {
          position: absolute;
          left: 8px;
          font-weight: 300;
          font-size: 16px;
          letter-spacing: 1px;
          line-height: 24px;
          color: #747474;
          pointer-events: none;
          transition: all .2s ease; }
          .request-modal > .container .request-form .r-field .f-label.active,
          .request-modal > .container .request-form .r-textarea .f-label.active {
            font-size: 11px; }
      .request-modal > .container .request-form .r-field {
        margin-bottom: 32px; }
        .request-modal > .container .request-form .r-field .f-input {
          padding: 24px 8px 0; }
        .request-modal > .container .request-form .r-field .f-label {
          top: 16px; }
          .request-modal > .container .request-form .r-field .f-label.active {
            top: -2px; }
      .request-modal > .container .request-form .r-textarea {
        margin-bottom: 48px; }
        .request-modal > .container .request-form .r-textarea .f-input {
          resize: none;
          min-height: 150px;
          padding: 0 8px; }
        .request-modal > .container .request-form .r-textarea .f-label {
          top: 0; }
          .request-modal > .container .request-form .r-textarea .f-label.active {
            top: -20px; }
  @media (min-width: 768px) {
    .request-modal .close-btn {
      filter: brightness(0) invert(1); }
    .request-modal > .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .request-modal > .container .request-form {
        display: block !important;
        height: auto;
        padding: 40px; } }

.package {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  z-index: 30;
  transition: all .3s ease; }
  .package .background {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: -1;
    opacity: 0;
    transition: opacity .3s ease; }
  .package .package-modal {
    height: 100%;
    width: 100%;
    margin-left: auto;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 0 rgba(0, 0, 0, 0.24);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transform: translateX(100%);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); }
    .package .package-modal .p-header {
      flex-grow: 1;
      height: 64px;
      width: 100%;
      padding: 0 24px;
      box-shadow: 0 1px 0 0 rgba(158, 158, 158, 0.5);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      .package .package-modal .p-header .icon-package {
        margin-right: 8px; }
      .package .package-modal .p-header .icon-downloads {
        height: 22px;
        width: 22px;
        background: #FFCB06;
        color: #fff;
        border-radius: 100px;
        visibility: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 500; }
        .package .package-modal .p-header .icon-downloads.active {
          visibility: visible; }
      .package .package-modal .p-header h1 {
        flex-grow: 1;
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 30px;
        text-transform: uppercase;
        margin-bottom: 0;
        color: #000;
        text-align: center;
        overflow: hidden;
        white-space: nowrap; }
    .package .package-modal .p-items {
      margin: 0;
      list-style: none;
      height: calc(100% - 248px);
      padding: 0 24px;
      overflow-y: scroll; }
      .package .package-modal .p-items li {
        padding: 24px 0;
        box-shadow: 0 1px 0 0 rgba(158, 158, 158, 0.5);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: start;
        -moz-align-items: start;
        -ms-align-items: start;
        align-items: start; }
        .package .package-modal .p-items li .image {
          flex: 0 0 60px;
          padding-right: 10px; }
          .package .package-modal .p-items li .image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: 50% 50%; }
        .package .package-modal .p-items li .info .name {
          font-size: 12px;
          line-height: 15px;
          letter-spacing: 1px;
          text-transform: uppercase;
          font-weight: 500;
          color: #000;
          overflow: hidden; }
        .package .package-modal .p-items li .info .size {
          font-size: 12px;
          line-height: 15px;
          letter-spacing: 1px;
          text-transform: uppercase;
          font-weight: 700;
          color: #747474; }
        .package .package-modal .p-items li .delete {
          background-image: url(img/icons/trash.svg);
          background-size: 20px;
          background-position: center;
          background-repeat: no-repeat;
          width: 20px;
          height: 30px;
          flex: 0 0 30px;
          padding-left: 10px; }
        .package .package-modal .p-items li.empty {
          box-shadow: none; }
          .package .package-modal .p-items li.empty:after {
            content: 'There are no items in your package.';
            margin: 0 auto;
            color: #747474; }
  .package.active {
    width: 100%; }
    .package.active .background {
      display: block; }
    .package.active .package-modal {
      transform: translateX(0);
      max-width: 350px;
      transition: all 0.3s ease-in;
      opacity: 0; }
      .package.active .package-modal h1 {
        display: block; }
    .package.active .preview {
      display: none; }
  .package.animate .background {
    opacity: 1; }
  .package.animate .package-modal {
    transform: translateX(0);
    opacity: 1; }
  @media (min-width: 768px) {
    .package .package-modal {
      max-width: 350px; } }

.p-download {
  height: 184px;
  padding: 24px;
  box-shadow: 0 0 1px 0 rgba(158, 158, 158, 0.5);
  text-align: center;
  background-color: #fff; }
  .p-download .p-field {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .p-download .p-field .download-input {
      height: 18px;
      width: 18px;
      border: 2px solid #4A4A4A;
      border-radius: 2px;
      margin-top: 10px; }
      .p-download .p-field .download-input:checked {
        position: relative;
        border: 2px solid #FFCB06;
        background: #FFCB06; }
        .p-download .p-field .download-input:checked:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          height: 100%;
          width: 100%;
          transform: translate(-50%, -50%);
          background: url(img/icons/check.svg) no-repeat 50% 50%;
          background-size: 12px; }
    .p-download .p-field .download-label {
      width: calc(100% - 18px);
      padding: 0 0 0 12px;
      margin-bottom: 16px;
      text-align: left;
      overflow: hidden;
      white-space: nowrap;
      font-weight: 300;
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 24px; }
      .p-download .p-field .download-label a {
        font-weight: 700;
        color: #000;
        text-decoration: underline; }
  .p-download .btn .total:before {
    content: '|';
    margin-right: 8px; }
  .p-download .preview {
    display: none; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-15px); }
  60% {
    -webkit-transform: translateY(-5px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-15px); }
  60% {
    transform: translateY(-5px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: 2; }

.main-heading {
  max-width: 865px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .main-heading {
      padding-top: 139px; } }
  .main-heading h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
    color: #1B2A39; }
  .main-heading p {
    text-align: center;
    color: #1B2A39;
    line-height: 26px;
    font-size: 16px; }

.items-list {
  margin-bottom: 100px; }
  .items-list h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #1B2A39; }
  .items-list .item-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .items-list .logo-wrapper {
    width: 50%;
    text-align: center;
    position: relative;
    max-height: 150px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .items-list .logo-wrapper {
        width: 33.3333333333%; } }
    @media (min-width: 992px) {
      .items-list .logo-wrapper {
        width: 25%; } }
    .items-list .logo-wrapper a {
      display: inline-block;
      padding: 10px;
      width: 100%;
      background-color: #fff;
      height: 100%; }
      @media (min-width: 768px) {
        .items-list .logo-wrapper a {
          padding: 20px; } }
      .items-list .logo-wrapper a:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        height: 1px;
        width: 97%;
        background: #D6CB9F;
        -webkit-transition: height 3s;
        -o-transition: height 3s;
        transition: height .4s; }
      .items-list .logo-wrapper a::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        height: 95%;
        width: 1px;
        background: #D6CB9F;
        -webkit-transition: width 2s;
        -o-transition: width 2s;
        transition: width .3s; }
      .items-list .logo-wrapper a:hover::after {
        height: 7px;
        right: 0;
        width: 100%; }
      .items-list .logo-wrapper a:hover::before {
        width: 7px;
        bottom: 0;
        height: 100%; }
    .items-list .logo-wrapper img {
      max-width: 100%;
      object-fit: contain;
      margin: 0 auto;
      text-align: center;
      display: inline-block;
      height: 100%; }

body.preview .preview,
body.preview .package {
  transition: all .3s ease;
  max-width: 100px;
  width: 100px; }
  body.preview .preview .background,
  body.preview .package .background {
    display: none; }
  body.preview .preview .package-modal,
  body.preview .package .package-modal {
    transform: translateX(0);
    max-width: 100px;
    width: 100px;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); }
    body.preview .preview .package-modal h1,
    body.preview .package .package-modal h1 {
      display: none; }
    body.preview .preview .package-modal .icon-close,
    body.preview .package .package-modal .icon-close {
      display: none; }
    body.preview .preview .package-modal .p-items,
    body.preview .package .package-modal .p-items {
      height: calc(100% - 40px);
      padding: 0 8px; }
      body.preview .preview .package-modal .p-items li,
      body.preview .package .package-modal .p-items li {
        padding: 8px 0; }
  body.preview .preview .info .name,
  body.preview .package .info .name {
    display: none; }
  body.preview .preview .info .size,
  body.preview .package .info .size {
    display: none; }
  body.preview .preview .p-download,
  body.preview .package .p-download {
    display: none; }
  body.preview .preview .preview,
  body.preview .package .preview {
    display: block;
    text-align: center;
    padding: 10px 10px 30px; }
    body.preview .preview .preview .btn,
    body.preview .package .preview .btn {
      padding: 5px;
      width: 100%;
      margin-bottom: 20px;
      font-size: 10px;
      letter-spacing: 1px; }

body.preview .home-page section > .container .cards {
  padding-right: 160px;
  transition: all 0.1s ease; }

body.preview .sub-page {
  padding-right: 100px; }

body.preview .modal .close-btn {
  right: 160px; }

body.preview .modal {
  width: calc(100% - 100px); }

#content {
  min-height: calc(100vh - 72px); }

#content.tt-page {
  padding-top: 60px; }

.tt-page {
  padding-top: 20px; }
  .tt-page > section {
    padding: 0; }
    .tt-page > section > .container {
      width: 100%;
      margin: 0 auto;
      padding: 0 16px;
      overflow: hidden; }
      .tt-page > section > .container .sidebar {
        width: 100%;
        max-width: 450px;
        position: relative;
        background-color: #fff;
        overflow: auto;
        margin-bottom: 40px; }
        .tt-page > section > .container .sidebar aside {
          position: relative;
          width: 100%; }
        .tt-page > section > .container .sidebar .sidebar-title {
          font-size: 24px;
          margin-bottom: 20px; }
        .tt-page > section > .container .sidebar .current-item {
          display: block;
          width: 100%;
          padding: 10px 10px 10px 0;
          border: 1px solid #FFCB06;
          border-top: none;
          border-left: none;
          border-right: none;
          color: #000;
          font-size: 18px;
          font-weight: 700;
          margin-bottom: 20px;
          position: relative; }
          .tt-page > section > .container .sidebar .current-item:after {
            content: '';
            position: absolute;
            left: calc(100% - 30px);
            z-index: 10;
            width: 17px;
            top: 50%;
            margin-top: -5px;
            height: 10px;
            background: url(img/icons/arrow-down.svg) no-repeat 50% 50%;
            background-size: 12px; }
          .tt-page > section > .container .sidebar .current-item.active:after {
            background: url(img/icons/arrow-up.svg) no-repeat 50% 50%; }
        .tt-page > section > .container .sidebar .items-list {
          list-style: none;
          font-size: 0;
          padding: 0;
          overflow: auto;
          background-color: #fff;
          width: 100%;
          position: absolute;
          height: 0;
          transition: all 0.1s ease;
          opacity: 0;
          margin-top: -20px;
          z-index: 10; }
          .tt-page > section > .container .sidebar .items-list li {
            width: 50%;
            display: inline-block;
            background-color: #fff; }
            .tt-page > section > .container .sidebar .items-list li a {
              display: block;
              padding: 0;
              height: 80px;
              padding: 4px; }
          .tt-page > section > .container .sidebar .items-list.opened {
            transition: all 0.1s ease;
            opacity: 1; }
          .tt-page > section > .container .sidebar .items-list a:hover::after {
            height: 2px;
            transition: all 0.1s ease; }
          .tt-page > section > .container .sidebar .items-list a:hover::before {
            width: 2px;
            transition: all 0.1s ease; }
        .tt-page > section > .container .sidebar .cat-title a {
          color: #747474;
          font-size: 16px;
          line-height: 24px;
          display: inline-block; }
        .tt-page > section > .container .sidebar .categories-list {
          list-style: none;
          font-size: 14px;
          padding-left: 0;
          max-height: calc(100vh - 200px);
          overflow: auto;
          padding-left: 10px; }
          .tt-page > section > .container .sidebar .categories-list li {
            padding: 10px 5px 0; }
            .tt-page > section > .container .sidebar .categories-list li a {
              font-size: 14px;
              border-bottom: 1px solid #EEEEEE;
              display: block;
              width: 100%;
              padding-bottom: 10px; }
              .tt-page > section > .container .sidebar .categories-list li a.active {
                font-weight: bold; }
            .tt-page > section > .container .sidebar .categories-list li.child {
              padding-left: 20px; }
      .tt-page > section > .container .cards {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        transition: all 0.3s ease; }
  @media (min-width: 768px) {
    .tt-page section > .container .sidebar {
      position: fixed;
      width: 300px;
      box-shadow: 20px 21px 30px #EEEEEE;
      min-height: 100vh;
      padding: 50px 10px;
      background: #fff; }
      .tt-page section > .container .sidebar .items-list-container {
        display: block;
        width: 100%;
        position: relative; }
    .tt-page section > .container .cards {
      padding: 80px 0 100px 350px; } }

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