/*
Theme Name: I Am Crisp X Child
Theme URI: https://iam.crispdesign.co
Author: Crisp Design Co. LLC
Author URI: https://iam.crispdesign.co
Description: Custom Multi-Use theme for WordPress
Template: i-am-crisp
Version: 1.0.0
Tags: two-columns, right-sidebar, custom-menu, featured-images, full-width-template, microformats, theme-options, threaded-comments, translation-ready, blog, photography, portfolio
License: See End User License Agreement ("EULA") For SOFTWARE, PLUGIN, or THEME created by and
         purchased from Crisp Design Co. LLC. found in the included liscense-agreement-crisp-design-co-8.7.2018.txt
         file that resides in the root of this plugin / theme directory.
License URI: liscense-agreement-crisp-design-co-8.7.2018.txt
Text Domain: i-am-crisp-x
Domain Path: /languages

Copyright (C) Crisp Design Co LLC - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written & Developed by Crisp Design Co <sperry@crispdesign.co>, January 2023 */
/* 
  Main Nav Colors 
  i. navbar-toggle  

*/
/* Fonts
===============================================*/
/* Floating Nav Heights
===============================================*/
/* base colors 
===============================================*/
/* theme colors 
===============================================*/
/* Action Button
===============================================*/
/* navbar-toggle 
===============================================*/
/* Socials
===============================================*/
/* Colors 
===============================================*/
/* Color Mixins
===============================================*/
.bg-clear {
  background-color: transparent;
}

.color-clear {
  color: transparent;
}

.theme-clear--clear {
  color: transparent;
  background-color: transparent;
}

.theme-clear--white {
  color: #F9F9F9;
  background-color: transparent;
}

.theme-clear--black {
  color: #000000;
  background-color: transparent;
}

.theme-clear--gray {
  color: #CBCBCB;
  background-color: transparent;
}

.theme-clear--light-gray {
  color: #F1F3F4;
  background-color: transparent;
}

.theme-clear--error {
  color: #D63638;
  background-color: transparent;
}

.theme-clear--primary {
  color: #00172D;
  background-color: transparent;
}

.theme-clear--secondary {
  color: #00264D;
  background-color: transparent;
}

.theme-clear--tertiary {
  color: #003554;
  background-color: transparent;
}

.theme-clear--primary-links {
  color: #00a6fb;
  background-color: transparent;
}

.theme-clear--primary-links-hover {
  color: #00264D;
  background-color: transparent;
}

.theme-clear--bright {
  color: #D63638;
  background-color: transparent;
}

.theme-clear--bright-alt {
  color: #E07B66;
  background-color: transparent;
}

.bg-white {
  background-color: #F9F9F9;
}

.color-white {
  color: #F9F9F9;
}

.theme-white--clear {
  color: transparent;
  background-color: #F9F9F9;
}

.theme-white--white {
  color: #F9F9F9;
  background-color: #F9F9F9;
}

.theme-white--black {
  color: #000000;
  background-color: #F9F9F9;
}

.theme-white--gray {
  color: #CBCBCB;
  background-color: #F9F9F9;
}

.theme-white--light-gray {
  color: #F1F3F4;
  background-color: #F9F9F9;
}

.theme-white--error {
  color: #D63638;
  background-color: #F9F9F9;
}

.theme-white--primary {
  color: #00172D;
  background-color: #F9F9F9;
}

.theme-white--secondary {
  color: #00264D;
  background-color: #F9F9F9;
}

.theme-white--tertiary {
  color: #003554;
  background-color: #F9F9F9;
}

.theme-white--primary-links {
  color: #00a6fb;
  background-color: #F9F9F9;
}

.theme-white--primary-links-hover {
  color: #00264D;
  background-color: #F9F9F9;
}

.theme-white--bright {
  color: #D63638;
  background-color: #F9F9F9;
}

.theme-white--bright-alt {
  color: #E07B66;
  background-color: #F9F9F9;
}

.bg-black {
  background-color: #000000;
}

.color-black {
  color: #000000;
}

.theme-black--clear {
  color: transparent;
  background-color: #000000;
}

.theme-black--white {
  color: #F9F9F9;
  background-color: #000000;
}

.theme-black--black {
  color: #000000;
  background-color: #000000;
}

.theme-black--gray {
  color: #CBCBCB;
  background-color: #000000;
}

.theme-black--light-gray {
  color: #F1F3F4;
  background-color: #000000;
}

.theme-black--error {
  color: #D63638;
  background-color: #000000;
}

.theme-black--primary {
  color: #00172D;
  background-color: #000000;
}

.theme-black--secondary {
  color: #00264D;
  background-color: #000000;
}

.theme-black--tertiary {
  color: #003554;
  background-color: #000000;
}

.theme-black--primary-links {
  color: #00a6fb;
  background-color: #000000;
}

.theme-black--primary-links-hover {
  color: #00264D;
  background-color: #000000;
}

.theme-black--bright {
  color: #D63638;
  background-color: #000000;
}

.theme-black--bright-alt {
  color: #E07B66;
  background-color: #000000;
}

.bg-gray {
  background-color: #CBCBCB;
}

.color-gray {
  color: #CBCBCB;
}

.theme-gray--clear {
  color: transparent;
  background-color: #CBCBCB;
}

.theme-gray--white {
  color: #F9F9F9;
  background-color: #CBCBCB;
}

.theme-gray--black {
  color: #000000;
  background-color: #CBCBCB;
}

.theme-gray--gray {
  color: #CBCBCB;
  background-color: #CBCBCB;
}

.theme-gray--light-gray {
  color: #F1F3F4;
  background-color: #CBCBCB;
}

.theme-gray--error {
  color: #D63638;
  background-color: #CBCBCB;
}

.theme-gray--primary {
  color: #00172D;
  background-color: #CBCBCB;
}

.theme-gray--secondary {
  color: #00264D;
  background-color: #CBCBCB;
}

.theme-gray--tertiary {
  color: #003554;
  background-color: #CBCBCB;
}

.theme-gray--primary-links {
  color: #00a6fb;
  background-color: #CBCBCB;
}

.theme-gray--primary-links-hover {
  color: #00264D;
  background-color: #CBCBCB;
}

.theme-gray--bright {
  color: #D63638;
  background-color: #CBCBCB;
}

.theme-gray--bright-alt {
  color: #E07B66;
  background-color: #CBCBCB;
}

.bg-light-gray {
  background-color: #F1F3F4;
}

.color-light-gray {
  color: #F1F3F4;
}

.theme-light-gray--clear {
  color: transparent;
  background-color: #F1F3F4;
}

.theme-light-gray--white {
  color: #F9F9F9;
  background-color: #F1F3F4;
}

.theme-light-gray--black {
  color: #000000;
  background-color: #F1F3F4;
}

.theme-light-gray--gray {
  color: #CBCBCB;
  background-color: #F1F3F4;
}

.theme-light-gray--light-gray {
  color: #F1F3F4;
  background-color: #F1F3F4;
}

.theme-light-gray--error {
  color: #D63638;
  background-color: #F1F3F4;
}

.theme-light-gray--primary {
  color: #00172D;
  background-color: #F1F3F4;
}

.theme-light-gray--secondary {
  color: #00264D;
  background-color: #F1F3F4;
}

.theme-light-gray--tertiary {
  color: #003554;
  background-color: #F1F3F4;
}

.theme-light-gray--primary-links {
  color: #00a6fb;
  background-color: #F1F3F4;
}

.theme-light-gray--primary-links-hover {
  color: #00264D;
  background-color: #F1F3F4;
}

.theme-light-gray--bright {
  color: #D63638;
  background-color: #F1F3F4;
}

.theme-light-gray--bright-alt {
  color: #E07B66;
  background-color: #F1F3F4;
}

.bg-error {
  background-color: #D63638;
}

.color-error {
  color: #D63638;
}

.theme-error--clear {
  color: transparent;
  background-color: #D63638;
}

.theme-error--white {
  color: #F9F9F9;
  background-color: #D63638;
}

.theme-error--black {
  color: #000000;
  background-color: #D63638;
}

.theme-error--gray {
  color: #CBCBCB;
  background-color: #D63638;
}

.theme-error--light-gray {
  color: #F1F3F4;
  background-color: #D63638;
}

.theme-error--error {
  color: #D63638;
  background-color: #D63638;
}

.theme-error--primary {
  color: #00172D;
  background-color: #D63638;
}

.theme-error--secondary {
  color: #00264D;
  background-color: #D63638;
}

.theme-error--tertiary {
  color: #003554;
  background-color: #D63638;
}

.theme-error--primary-links {
  color: #00a6fb;
  background-color: #D63638;
}

.theme-error--primary-links-hover {
  color: #00264D;
  background-color: #D63638;
}

.theme-error--bright {
  color: #D63638;
  background-color: #D63638;
}

.theme-error--bright-alt {
  color: #E07B66;
  background-color: #D63638;
}

.bg-primary {
  background-color: #00172D;
}

.color-primary {
  color: #00172D;
}

.theme-primary--clear {
  color: transparent;
  background-color: #00172D;
}

.theme-primary--white {
  color: #F9F9F9;
  background-color: #00172D;
}

.theme-primary--black {
  color: #000000;
  background-color: #00172D;
}

.theme-primary--gray {
  color: #CBCBCB;
  background-color: #00172D;
}

.theme-primary--light-gray {
  color: #F1F3F4;
  background-color: #00172D;
}

.theme-primary--error {
  color: #D63638;
  background-color: #00172D;
}

.theme-primary--primary {
  color: #00172D;
  background-color: #00172D;
}

.theme-primary--secondary {
  color: #00264D;
  background-color: #00172D;
}

.theme-primary--tertiary {
  color: #003554;
  background-color: #00172D;
}

.theme-primary--primary-links {
  color: #00a6fb;
  background-color: #00172D;
}

.theme-primary--primary-links-hover {
  color: #00264D;
  background-color: #00172D;
}

.theme-primary--bright {
  color: #D63638;
  background-color: #00172D;
}

.theme-primary--bright-alt {
  color: #E07B66;
  background-color: #00172D;
}

.bg-secondary {
  background-color: #00264D;
}

.color-secondary {
  color: #00264D;
}

.theme-secondary--clear {
  color: transparent;
  background-color: #00264D;
}

.theme-secondary--white {
  color: #F9F9F9;
  background-color: #00264D;
}

.theme-secondary--black {
  color: #000000;
  background-color: #00264D;
}

.theme-secondary--gray {
  color: #CBCBCB;
  background-color: #00264D;
}

.theme-secondary--light-gray {
  color: #F1F3F4;
  background-color: #00264D;
}

.theme-secondary--error {
  color: #D63638;
  background-color: #00264D;
}

.theme-secondary--primary {
  color: #00172D;
  background-color: #00264D;
}

.theme-secondary--secondary {
  color: #00264D;
  background-color: #00264D;
}

.theme-secondary--tertiary {
  color: #003554;
  background-color: #00264D;
}

.theme-secondary--primary-links {
  color: #00a6fb;
  background-color: #00264D;
}

.theme-secondary--primary-links-hover {
  color: #00264D;
  background-color: #00264D;
}

.theme-secondary--bright {
  color: #D63638;
  background-color: #00264D;
}

.theme-secondary--bright-alt {
  color: #E07B66;
  background-color: #00264D;
}

.bg-tertiary {
  background-color: #003554;
}

.color-tertiary {
  color: #003554;
}

.theme-tertiary--clear {
  color: transparent;
  background-color: #003554;
}

.theme-tertiary--white {
  color: #F9F9F9;
  background-color: #003554;
}

.theme-tertiary--black {
  color: #000000;
  background-color: #003554;
}

.theme-tertiary--gray {
  color: #CBCBCB;
  background-color: #003554;
}

.theme-tertiary--light-gray {
  color: #F1F3F4;
  background-color: #003554;
}

.theme-tertiary--error {
  color: #D63638;
  background-color: #003554;
}

.theme-tertiary--primary {
  color: #00172D;
  background-color: #003554;
}

.theme-tertiary--secondary {
  color: #00264D;
  background-color: #003554;
}

.theme-tertiary--tertiary {
  color: #003554;
  background-color: #003554;
}

.theme-tertiary--primary-links {
  color: #00a6fb;
  background-color: #003554;
}

.theme-tertiary--primary-links-hover {
  color: #00264D;
  background-color: #003554;
}

.theme-tertiary--bright {
  color: #D63638;
  background-color: #003554;
}

.theme-tertiary--bright-alt {
  color: #E07B66;
  background-color: #003554;
}

.bg-primary-links {
  background-color: #00a6fb;
}

.color-primary-links {
  color: #00a6fb;
}

.theme-primary-links--clear {
  color: transparent;
  background-color: #00a6fb;
}

.theme-primary-links--white {
  color: #F9F9F9;
  background-color: #00a6fb;
}

.theme-primary-links--black {
  color: #000000;
  background-color: #00a6fb;
}

.theme-primary-links--gray {
  color: #CBCBCB;
  background-color: #00a6fb;
}

.theme-primary-links--light-gray {
  color: #F1F3F4;
  background-color: #00a6fb;
}

.theme-primary-links--error {
  color: #D63638;
  background-color: #00a6fb;
}

.theme-primary-links--primary {
  color: #00172D;
  background-color: #00a6fb;
}

.theme-primary-links--secondary {
  color: #00264D;
  background-color: #00a6fb;
}

.theme-primary-links--tertiary {
  color: #003554;
  background-color: #00a6fb;
}

.theme-primary-links--primary-links {
  color: #00a6fb;
  background-color: #00a6fb;
}

.theme-primary-links--primary-links-hover {
  color: #00264D;
  background-color: #00a6fb;
}

.theme-primary-links--bright {
  color: #D63638;
  background-color: #00a6fb;
}

.theme-primary-links--bright-alt {
  color: #E07B66;
  background-color: #00a6fb;
}

.bg-primary-links-hover {
  background-color: #00264D;
}

.color-primary-links-hover {
  color: #00264D;
}

.theme-primary-links-hover--clear {
  color: transparent;
  background-color: #00264D;
}

.theme-primary-links-hover--white {
  color: #F9F9F9;
  background-color: #00264D;
}

.theme-primary-links-hover--black {
  color: #000000;
  background-color: #00264D;
}

.theme-primary-links-hover--gray {
  color: #CBCBCB;
  background-color: #00264D;
}

.theme-primary-links-hover--light-gray {
  color: #F1F3F4;
  background-color: #00264D;
}

.theme-primary-links-hover--error {
  color: #D63638;
  background-color: #00264D;
}

.theme-primary-links-hover--primary {
  color: #00172D;
  background-color: #00264D;
}

.theme-primary-links-hover--secondary {
  color: #00264D;
  background-color: #00264D;
}

.theme-primary-links-hover--tertiary {
  color: #003554;
  background-color: #00264D;
}

.theme-primary-links-hover--primary-links {
  color: #00a6fb;
  background-color: #00264D;
}

.theme-primary-links-hover--primary-links-hover {
  color: #00264D;
  background-color: #00264D;
}

.theme-primary-links-hover--bright {
  color: #D63638;
  background-color: #00264D;
}

.theme-primary-links-hover--bright-alt {
  color: #E07B66;
  background-color: #00264D;
}

.bg-bright {
  background-color: #D63638;
}

.color-bright {
  color: #D63638;
}

.theme-bright--clear {
  color: transparent;
  background-color: #D63638;
}

.theme-bright--white {
  color: #F9F9F9;
  background-color: #D63638;
}

.theme-bright--black {
  color: #000000;
  background-color: #D63638;
}

.theme-bright--gray {
  color: #CBCBCB;
  background-color: #D63638;
}

.theme-bright--light-gray {
  color: #F1F3F4;
  background-color: #D63638;
}

.theme-bright--error {
  color: #D63638;
  background-color: #D63638;
}

.theme-bright--primary {
  color: #00172D;
  background-color: #D63638;
}

.theme-bright--secondary {
  color: #00264D;
  background-color: #D63638;
}

.theme-bright--tertiary {
  color: #003554;
  background-color: #D63638;
}

.theme-bright--primary-links {
  color: #00a6fb;
  background-color: #D63638;
}

.theme-bright--primary-links-hover {
  color: #00264D;
  background-color: #D63638;
}

.theme-bright--bright {
  color: #D63638;
  background-color: #D63638;
}

.theme-bright--bright-alt {
  color: #E07B66;
  background-color: #D63638;
}

.bg-bright-alt {
  background-color: #E07B66;
}

.color-bright-alt {
  color: #E07B66;
}

.theme-bright-alt--clear {
  color: transparent;
  background-color: #E07B66;
}

.theme-bright-alt--white {
  color: #F9F9F9;
  background-color: #E07B66;
}

.theme-bright-alt--black {
  color: #000000;
  background-color: #E07B66;
}

.theme-bright-alt--gray {
  color: #CBCBCB;
  background-color: #E07B66;
}

.theme-bright-alt--light-gray {
  color: #F1F3F4;
  background-color: #E07B66;
}

.theme-bright-alt--error {
  color: #D63638;
  background-color: #E07B66;
}

.theme-bright-alt--primary {
  color: #00172D;
  background-color: #E07B66;
}

.theme-bright-alt--secondary {
  color: #00264D;
  background-color: #E07B66;
}

.theme-bright-alt--tertiary {
  color: #003554;
  background-color: #E07B66;
}

.theme-bright-alt--primary-links {
  color: #00a6fb;
  background-color: #E07B66;
}

.theme-bright-alt--primary-links-hover {
  color: #00264D;
  background-color: #E07B66;
}

.theme-bright-alt--bright {
  color: #D63638;
  background-color: #E07B66;
}

.theme-bright-alt--bright-alt {
  color: #E07B66;
  background-color: #E07B66;
}

/* Mixin Transitions
===============================================*/
/* Mixin Buttons
===============================================*/
/* Mixin Effects
===============================================*/
/* Shadow Effects */
/* Mixin Styles
===============================================*/
/* Mixins
===============================================*/
@keyframes shakeme {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(0.7);
  }
  10% {
    transform: scale(1.3);
  }
  15% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1.2);
  }
  30% {
    transform: scale(1.1);
  }
}
/* Functions
===============================================*/
/**
* Makes rgba() values only if the existing color isn't already rgba()
*/
/*

  Child Theme Adjstments

*/
body {
  position: relative;
}

/* Scroll & Load Reveal
=================================*/
html .lr {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px) scale(1);
}
html .ar {
  animation-fill-mode: both;
  animation-name: zoom-out;
  animation-duration: 500ms;
}
html.init-view .ar {
  opacity: 1;
  animation-fill-mode: both;
  animation-name: zoom-in;
  animation-duration: 300ms;
}
html.init-view .lr {
  opacity: 1;
  animation-fill-mode: both;
  animation-name: fadeUpIn;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.6, 0.2, 0.1, 1);
}
html.sr-observer .sr {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px) scale(1);
}
html.sr-observer .sr.revealed {
  visibility: visible;
  transform: translateY(0) scale(1);
  opacity: 1;
  transition: transform 1.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 1.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

/* Loader
=========================*/
.preloader-anime.init #mask-s-path {
  animation: strokeOffset 0.2s linear forwards 1s;
}

.preloader-anime.init #mask-c-path {
  animation: strokeOffset 0.2s linear forwards 1.2s;
}

.preloader-anime.init #mask-o-path {
  animation: strokeOffset 0.2s linear forwards 1.4s;
}

.preloader-anime.init #mask-t-path {
  animation: strokeOffset 0.2s linear forwards 1.6s;
}

.preloader-anime.init #mask-t-swoosh-path {
  animation: strokeOffset 0.2s linear forwards 1.8s;
}

.preloader-anime.init #mask-m-path {
  animation: strokeOffset 0.2s linear forwards 2s;
}

.preloader-anime.init #mask-p-path {
  animation: strokeOffset 0.2s linear forwards 2.2s;
}

.preloader-anime.init #mask-p-swoosh-path {
  animation: strokeOffset 0.2s linear forwards 2.4s;
}

.preloader-anime.init #mask-e-path {
  animation: strokeOffset 0.2s linear forwards 2.6s;
}

.preloader-anime.init #mask-r-path {
  animation: strokeOffset 0.2s linear forwards 2.8s;
}

.preloader-anime.init #mask-r-2-path {
  animation: strokeOffset 0.2s linear forwards 3s;
}

.preloader-anime.init #mask-y-path {
  animation: strokeOffset 0.2s linear forwards 3.2s;
}

.transition .modal-backdrop.show,
.revtransition .modal-backdrop.show {
  opacity: 0;
}

.revtransition .loader-panel {
  animation-name: revpageTransition;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.transition:not(.revtransition) #page {
  animation-name: pageTransition;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.transition:not(.revtransition) .loader-panel {
  animation-name: panelTransition;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.loader-panel {
  height: 100vh;
  width: 100vw;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100%);
  background: #00264D;
  background: radial-gradient(circle farthest-corner at center center, #00264D 0%, #00070E 100%);
}

.loader {
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}

.loader_svg {
  animation: 2s linear infinite both loader_svg;
}

@keyframes loader_svg {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.loader_svg_circle {
  animation: 1.4s ease-in-out infinite both loader_svg_circle;
  fill: transparent;
  stroke: #E9F3FF;
  stroke-dasharray: 282.743343;
  stroke-linecap: round;
  stroke-width: 10;
  transform-origin: 50% 50%;
}

@keyframes loader_svg_circle {
  0%, 25% {
    stroke-dashoffset: 274.26104271;
    transform: rotate(0);
  }
  50%, 75% {
    stroke-dashoffset: 70.68583575;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 274.26104271;
    transform: rotate(360deg);
  }
}
#main {
  height: 100%;
  margin-top: 10px;
  min-height: calc(100vh - 100px);
}

h1::after {
  content: "";
  width: 100%;
  max-width: 50px;
  display: block;
  margin: 10px auto;
  border-bottom: 1px solid #00264D;
}

/* ix. Custom Portfolio Intro
=================================*/
.portfolio-header {
  text-align: center;
}
.portfolio-header .profile {
  max-width: 300px;
  border-radius: 50%;
  border: 1px solid #1e4068;
  padding: 15px;
  margin: 10px auto;
  text-align: center;
  position: relative;
}
.portfolio-header .profile .email {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 9;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  align-items: center;
  color: #1e4068;
  background: #F9F9F9;
  border: 1px solid #1e4068;
  border-radius: 50%;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -omstransition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  margin: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: 200ms;
  transform: scale(0.95, 0.95) translate3d(0, 0, 0);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
}
.portfolio-header .profile .email:hover, .portfolio-header .profile .email:focus, .portfolio-header .profile .email:active {
  background: #1e4068;
  color: #F9F9F9;
  box-shadow: 0px 3px 23px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 3px 23px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 3px 23px 0px rgba(0, 0, 0, 0.4);
  transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}
.portfolio-header .profile .profile-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  padding-bottom: 100%;
}
.portfolio-header .socials {
  margin: 20px auto;
}
.portfolio-header .socials::before {
  content: "";
  width: 100%;
  max-width: 50px;
  display: block;
  margin: 10px auto;
  border-bottom: 1px solid #006494;
}
.portfolio-header .socials ul {
  list-style: none;
  text-align: center;
}
.portfolio-header .socials ul li {
  display: inline-block;
}
.portfolio-header .socials ul li a {
  width: 40px;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #F9F9F9;
  background-color: #0D1B2A;
  border: 1px solid #0D1B2A;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -omstransition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.portfolio-header .socials ul li a:hover {
  color: #0D1B2A;
  background-color: #F9F9F9;
  border: 1px solid rgba(13, 27, 42, 0.26);
  border-radius: 5px;
}
.portfolio-header .socials ul li a:hover.email i:before {
  content: "\f1d8";
}
.portfolio-header .skills-group {
  position: relative;
  margin: 20px auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.portfolio-header .skills-group h4 {
  position: absolute;
  top: -10px;
  left: calc(50% - 80px);
  display: inline-block;
  width: 160px;
  background-color: #f9f9f9;
}
.portfolio-header .skills ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.portfolio-header .skills ul li {
  display: inline-block;
  margin: 5px;
  padding: 0px 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
  animation-fill-mode: both;
  animation-name: zoom-out;
  animation-duration: 500ms;
}
@media (min-width: 425px) {
  .portfolio-header .skills ul li {
    font-size: 14px;
  }
}
.portfolio-header .skills ul li.language {
  color: #0D1B2A;
  border-color: #0D1B2A;
}
.portfolio-header .skills ul li.language:hover, .portfolio-header .skills ul li.language:focus, .portfolio-header .skills ul li.language:active {
  color: #F9F9F9;
  background-color: #0D1B2A;
}
.portfolio-header .skills ul li.tools {
  color: #1B263B;
  border-color: #1B263B;
}
.portfolio-header .skills ul li.tools:hover, .portfolio-header .skills ul li.tools:focus, .portfolio-header .skills ul li.tools:active {
  color: #F9F9F9;
  background-color: #1B263B;
}
.portfolio-header .skills ul li.design {
  color: #415A77;
  border-color: #415A77;
}
.portfolio-header .skills ul li.design:hover, .portfolio-header .skills ul li.design:focus, .portfolio-header .skills ul li.design:active {
  color: #F9F9F9;
  background-color: #415A77;
}
.portfolio-header .skills ul li.framework {
  color: #778DA9;
  border-color: #778DA9;
}
.portfolio-header .skills ul li.framework:hover, .portfolio-header .skills ul li.framework:focus, .portfolio-header .skills ul li.framework:active {
  color: #F9F9F9;
  background-color: #778DA9;
}
.portfolio-header .skills ul li.stack {
  color: #293241;
  border-color: #293241;
}
.portfolio-header .skills ul li.stack:hover, .portfolio-header .skills ul li.stack:focus, .portfolio-header .skills ul li.stack:active {
  color: #F9F9F9;
  background-color: #293241;
}

.portfolio-header-content {
  max-width: calc(100% - 50px);
  margin: 50px auto;
}

.init-view .portfolio-header .skills ul li {
  opacity: 1;
  animation-fill-mode: both;
  animation-name: zoom-in;
  animation-duration: 300ms;
}
.init-view .portfolio-header .skills ul li:nth-child(1n) {
  animation-delay: 1.1s;
}
.init-view .portfolio-header .skills ul li:nth-child(2n) {
  animation-delay: 1.2s;
}
.init-view .portfolio-header .skills ul li:nth-child(3n) {
  animation-delay: 1.3s;
}
.init-view .portfolio-header .skills ul li:nth-child(4n) {
  animation-delay: 1.4s;
}
.init-view .portfolio-header .skills ul li:nth-child(5n) {
  animation-delay: 1.5s;
}
.init-view .portfolio-header .skills ul li:nth-child(6n) {
  animation-delay: 1.6s;
}
.init-view .portfolio-header .skills ul li:nth-child(7n) {
  animation-delay: 1.7s;
}
.init-view .portfolio-header .skills ul li:nth-child(8n) {
  animation-delay: 1.8s;
}
.init-view .portfolio-header .skills ul li:nth-child(9n) {
  animation-delay: 1.9s;
}
.init-view .portfolio-header .skills ul li:nth-child(10n) {
  animation-delay: 2s;
}
.init-view .portfolio-header .skills ul li:nth-child(11n) {
  animation-delay: 2.1s;
}
.init-view .portfolio-header .skills ul li:nth-child(12n) {
  animation-delay: 2.2s;
}
.init-view .portfolio-header .skills ul li:nth-child(13n) {
  animation-delay: 2.3s;
}
.init-view .portfolio-header .skills ul li:nth-child(14n) {
  animation-delay: 2.4s;
}
.init-view .portfolio-header .skills ul li:nth-child(15n) {
  animation-delay: 2.5s;
}
.init-view .portfolio-header .skills ul li:nth-child(16n) {
  animation-delay: 2.6s;
}
.init-view .portfolio-header .skills ul li:nth-child(17n) {
  animation-delay: 2.7s;
}
.init-view .portfolio-header .skills ul li:nth-child(18n) {
  animation-delay: 2.8s;
}
.init-view .portfolio-header .skills ul li:nth-child(19n) {
  animation-delay: 2.9s;
}
.init-view .portfolio-header .skills ul li:nth-child(20n) {
  animation-delay: 3s;
}
.init-view .portfolio-header .skills ul li:nth-child(21n) {
  animation-delay: 3.1s;
}
.init-view .portfolio-header .skills ul li:nth-child(22n) {
  animation-delay: 3.2s;
}
.init-view .portfolio-header .skills ul li:nth-child(23n) {
  animation-delay: 3.3s;
}
.init-view .portfolio-header .skills ul li:nth-child(24n) {
  animation-delay: 3.4s;
}
.init-view .portfolio-header .skills ul li:nth-child(25n) {
  animation-delay: 3.5s;
}
.init-view .portfolio-header .skills ul li:nth-child(26n) {
  animation-delay: 3.6s;
}
.init-view .portfolio-header .skills ul li:nth-child(27n) {
  animation-delay: 3.7s;
}
.init-view .portfolio-header .skills ul li:nth-child(28n) {
  animation-delay: 3.8s;
}
.init-view .portfolio-header .skills ul li:nth-child(29n) {
  animation-delay: 3.9s;
}
.init-view .portfolio-header .skills ul li:nth-child(30n) {
  animation-delay: 4s;
}
.init-view .portfolio-header .skills ul li:nth-child(31n) {
  animation-delay: 4.1s;
}
.init-view .portfolio-header .skills ul li:nth-child(32n) {
  animation-delay: 4.2s;
}
.init-view .portfolio-header .skills ul li:nth-child(33n) {
  animation-delay: 4.3s;
}
.init-view .portfolio-header .skills ul li:nth-child(34n) {
  animation-delay: 4.4s;
}
.init-view .portfolio-header .skills ul li:nth-child(35n) {
  animation-delay: 4.5s;
}
.init-view .portfolio-header .skills ul li:nth-child(36n) {
  animation-delay: 4.6s;
}
.init-view .portfolio-header .skills ul li:nth-child(37n) {
  animation-delay: 4.7s;
}
.init-view .portfolio-header .skills ul li:nth-child(38n) {
  animation-delay: 4.8s;
}
.init-view .portfolio-header .skills ul li:nth-child(39n) {
  animation-delay: 4.9s;
}
.init-view .portfolio-header .skills ul li:nth-child(40n) {
  animation-delay: 5s;
}
.init-view .portfolio-header .skills ul li:nth-child(41n) {
  animation-delay: 5.1s;
}
.init-view .portfolio-header .skills ul li:nth-child(42n) {
  animation-delay: 5.2s;
}
.init-view .portfolio-header .skills ul li:nth-child(43n) {
  animation-delay: 5.3s;
}
.init-view .portfolio-header .skills ul li:nth-child(44n) {
  animation-delay: 5.4s;
}
.init-view .portfolio-header .skills ul li:nth-child(45n) {
  animation-delay: 5.5s;
}
.init-view .portfolio-header .skills ul li:nth-child(46n) {
  animation-delay: 5.6s;
}
.init-view .portfolio-header .skills ul li:nth-child(47n) {
  animation-delay: 5.7s;
}
.init-view .portfolio-header .skills ul li:nth-child(48n) {
  animation-delay: 5.8s;
}
.init-view .portfolio-header .skills ul li:nth-child(49n) {
  animation-delay: 5.9s;
}
.init-view .portfolio-header .skills ul li:nth-child(50n) {
  animation-delay: 6s;
}

@media (min-width: 768px) {
  .wrapper-footer > footer .footer-bottom a {
    letter-spacing: 2px;
  }
}
.wrapper-footer > footer {
  background: #00070E;
  background: linear-gradient(#00070E, #00264D);
  color: #E9F3FF;
}
.wrapper-footer > footer .footer-block {
  margin-bottom: 0px;
}
.wrapper-footer > footer .socials {
  margin: 20px auto;
}
.wrapper-footer > footer .socials::after {
  content: "";
  width: 100%;
  max-width: 50px;
  display: block;
  margin: 10px auto;
  border-bottom: 1px solid #E9F3FF;
}
.wrapper-footer > footer .socials ul {
  list-style: none;
  text-align: center;
}
.wrapper-footer > footer .socials ul li {
  display: inline-block;
}
.wrapper-footer > footer .socials ul li a {
  width: 40px;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  padding: 0;
  color: #F9F9F9;
  background-color: #0D1B2A;
  border: 1px solid #0D1B2A;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -omstransition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wrapper-footer > footer .socials ul li a:hover {
  color: #0D1B2A;
  background-color: #F9F9F9;
  border: 1px solid rgba(13, 27, 42, 0.26);
  border-radius: 5px;
}
.wrapper-footer > footer .socials ul li a:hover.email i:before {
  content: "\f1d8";
}

/* x. Custom Portfolio Nav
=================================*/
.init-view #nav-portfolio ul:not(.sub-menu) > li {
  opacity: 1;
  animation-fill-mode: both;
  animation-name: scaleIn;
  animation-duration: 300ms;
}
.init-view #nav-portfolio ul:not(.sub-menu) > li a > div:not(.crispx-parallax-nav-item-wrapper) {
  transform: scale3d(1, 1, 1);
  opacity: 1;
  animation-fill-mode: both;
  animation-name: zoom-in;
  animation-duration: 300ms;
}

.nav.menu-items-2 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-2 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-2 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-2 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}

.nav.menu-items-3 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-3 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-3 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-3 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-3 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-3 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}

.nav.menu-items-4 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-4 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-4 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-4 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-4 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-4 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-4 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-4 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}

.nav.menu-items-5 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-5 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-5 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-5 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-5 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-5 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-5 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-5 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-5 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-5 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}

.nav.menu-items-6 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-6 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-6 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-6 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-6 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-6 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-6 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-6 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-6 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-6 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-6 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-6 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}

.nav.menu-items-7 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-7 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-7 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-7 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-7 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-7 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-7 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-7 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-7 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-7 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-7 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-7 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-7 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-7 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}

.nav.menu-items-8 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-8 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-8 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-8 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-8 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-8 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-8 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-8 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-8 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-8 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-8 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-8 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-8 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-8 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-8 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-8 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}

.nav.menu-items-9 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-9 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-9 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-9 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-9 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-9 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-9 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-9 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-9 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-9 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-9 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-9 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-9 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-9 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-9 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-9 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-9 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-9 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}

.nav.menu-items-10 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-10 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-10 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-10 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-10 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-10 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-10 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-10 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-10 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-10 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-10 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-10 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-10 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-10 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-10 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-10 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-10 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-10 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-10 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-10 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}

.nav.menu-items-11 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-11 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-11 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-11 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-11 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-11 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-11 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-11 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-11 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-11 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-11 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-11 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-11 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-11 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-11 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-11 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-11 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-11 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-11 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-11 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-11 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-11 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}

.nav.menu-items-12 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-12 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-12 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-12 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-12 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-12 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-12 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-12 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-12 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-12 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-12 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-12 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-12 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-12 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-12 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-12 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-12 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-12 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-12 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-12 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-12 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-12 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-12 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-12 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}

.nav.menu-items-13 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-13 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-13 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-13 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-13 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-13 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-13 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-13 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-13 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-13 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-13 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-13 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-13 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-13 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-13 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-13 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-13 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-13 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-13 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-13 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-13 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-13 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-13 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-13 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}
.nav.menu-items-13 > li:nth-child(13n) {
  animation-delay: 4.3s;
}
.nav.menu-items-13 > li:nth-child(13n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.4s;
}

.nav.menu-items-14 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-14 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-14 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-14 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-14 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-14 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-14 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-14 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-14 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-14 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-14 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-14 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-14 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-14 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-14 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-14 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-14 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-14 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-14 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-14 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-14 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-14 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-14 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-14 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}
.nav.menu-items-14 > li:nth-child(13n) {
  animation-delay: 4.3s;
}
.nav.menu-items-14 > li:nth-child(13n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.4s;
}
.nav.menu-items-14 > li:nth-child(14n) {
  animation-delay: 4.4s;
}
.nav.menu-items-14 > li:nth-child(14n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.5s;
}

.nav.menu-items-15 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-15 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-15 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-15 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-15 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-15 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-15 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-15 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-15 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-15 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-15 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-15 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-15 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-15 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-15 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-15 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-15 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-15 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-15 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-15 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-15 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-15 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-15 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-15 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}
.nav.menu-items-15 > li:nth-child(13n) {
  animation-delay: 4.3s;
}
.nav.menu-items-15 > li:nth-child(13n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.4s;
}
.nav.menu-items-15 > li:nth-child(14n) {
  animation-delay: 4.4s;
}
.nav.menu-items-15 > li:nth-child(14n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.5s;
}
.nav.menu-items-15 > li:nth-child(15n) {
  animation-delay: 4.5s;
}
.nav.menu-items-15 > li:nth-child(15n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.6s;
}

.nav.menu-items-16 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-16 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-16 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-16 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-16 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-16 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-16 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-16 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-16 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-16 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-16 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-16 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-16 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-16 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-16 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-16 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-16 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-16 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-16 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-16 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-16 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-16 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-16 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-16 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}
.nav.menu-items-16 > li:nth-child(13n) {
  animation-delay: 4.3s;
}
.nav.menu-items-16 > li:nth-child(13n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.4s;
}
.nav.menu-items-16 > li:nth-child(14n) {
  animation-delay: 4.4s;
}
.nav.menu-items-16 > li:nth-child(14n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.5s;
}
.nav.menu-items-16 > li:nth-child(15n) {
  animation-delay: 4.5s;
}
.nav.menu-items-16 > li:nth-child(15n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.6s;
}
.nav.menu-items-16 > li:nth-child(16n) {
  animation-delay: 4.6s;
}
.nav.menu-items-16 > li:nth-child(16n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.7s;
}

.nav.menu-items-17 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-17 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-17 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-17 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-17 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-17 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-17 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-17 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-17 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-17 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-17 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-17 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-17 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-17 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-17 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-17 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-17 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-17 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-17 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-17 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-17 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-17 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-17 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-17 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}
.nav.menu-items-17 > li:nth-child(13n) {
  animation-delay: 4.3s;
}
.nav.menu-items-17 > li:nth-child(13n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.4s;
}
.nav.menu-items-17 > li:nth-child(14n) {
  animation-delay: 4.4s;
}
.nav.menu-items-17 > li:nth-child(14n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.5s;
}
.nav.menu-items-17 > li:nth-child(15n) {
  animation-delay: 4.5s;
}
.nav.menu-items-17 > li:nth-child(15n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.6s;
}
.nav.menu-items-17 > li:nth-child(16n) {
  animation-delay: 4.6s;
}
.nav.menu-items-17 > li:nth-child(16n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.7s;
}
.nav.menu-items-17 > li:nth-child(17n) {
  animation-delay: 4.7s;
}
.nav.menu-items-17 > li:nth-child(17n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.8s;
}

.nav.menu-items-18 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-18 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-18 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-18 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-18 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-18 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-18 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-18 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-18 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-18 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-18 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-18 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-18 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-18 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-18 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-18 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-18 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-18 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-18 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-18 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-18 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-18 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-18 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-18 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}
.nav.menu-items-18 > li:nth-child(13n) {
  animation-delay: 4.3s;
}
.nav.menu-items-18 > li:nth-child(13n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.4s;
}
.nav.menu-items-18 > li:nth-child(14n) {
  animation-delay: 4.4s;
}
.nav.menu-items-18 > li:nth-child(14n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.5s;
}
.nav.menu-items-18 > li:nth-child(15n) {
  animation-delay: 4.5s;
}
.nav.menu-items-18 > li:nth-child(15n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.6s;
}
.nav.menu-items-18 > li:nth-child(16n) {
  animation-delay: 4.6s;
}
.nav.menu-items-18 > li:nth-child(16n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.7s;
}
.nav.menu-items-18 > li:nth-child(17n) {
  animation-delay: 4.7s;
}
.nav.menu-items-18 > li:nth-child(17n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.8s;
}
.nav.menu-items-18 > li:nth-child(18n) {
  animation-delay: 4.8s;
}
.nav.menu-items-18 > li:nth-child(18n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.9s;
}

.nav.menu-items-19 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-19 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-19 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-19 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-19 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-19 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-19 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-19 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-19 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-19 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-19 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-19 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-19 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-19 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-19 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-19 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-19 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-19 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-19 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-19 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-19 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-19 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-19 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-19 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}
.nav.menu-items-19 > li:nth-child(13n) {
  animation-delay: 4.3s;
}
.nav.menu-items-19 > li:nth-child(13n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.4s;
}
.nav.menu-items-19 > li:nth-child(14n) {
  animation-delay: 4.4s;
}
.nav.menu-items-19 > li:nth-child(14n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.5s;
}
.nav.menu-items-19 > li:nth-child(15n) {
  animation-delay: 4.5s;
}
.nav.menu-items-19 > li:nth-child(15n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.6s;
}
.nav.menu-items-19 > li:nth-child(16n) {
  animation-delay: 4.6s;
}
.nav.menu-items-19 > li:nth-child(16n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.7s;
}
.nav.menu-items-19 > li:nth-child(17n) {
  animation-delay: 4.7s;
}
.nav.menu-items-19 > li:nth-child(17n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.8s;
}
.nav.menu-items-19 > li:nth-child(18n) {
  animation-delay: 4.8s;
}
.nav.menu-items-19 > li:nth-child(18n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.9s;
}
.nav.menu-items-19 > li:nth-child(19n) {
  animation-delay: 4.9s;
}
.nav.menu-items-19 > li:nth-child(19n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 5s;
}

.nav.menu-items-20 > li:nth-child(1n) {
  animation-delay: 3.1s;
}
.nav.menu-items-20 > li:nth-child(1n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.2s;
}
.nav.menu-items-20 > li:nth-child(2n) {
  animation-delay: 3.2s;
}
.nav.menu-items-20 > li:nth-child(2n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.3s;
}
.nav.menu-items-20 > li:nth-child(3n) {
  animation-delay: 3.3s;
}
.nav.menu-items-20 > li:nth-child(3n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.4s;
}
.nav.menu-items-20 > li:nth-child(4n) {
  animation-delay: 3.4s;
}
.nav.menu-items-20 > li:nth-child(4n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.5s;
}
.nav.menu-items-20 > li:nth-child(5n) {
  animation-delay: 3.5s;
}
.nav.menu-items-20 > li:nth-child(5n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.6s;
}
.nav.menu-items-20 > li:nth-child(6n) {
  animation-delay: 3.6s;
}
.nav.menu-items-20 > li:nth-child(6n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.7s;
}
.nav.menu-items-20 > li:nth-child(7n) {
  animation-delay: 3.7s;
}
.nav.menu-items-20 > li:nth-child(7n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.8s;
}
.nav.menu-items-20 > li:nth-child(8n) {
  animation-delay: 3.8s;
}
.nav.menu-items-20 > li:nth-child(8n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 3.9s;
}
.nav.menu-items-20 > li:nth-child(9n) {
  animation-delay: 3.9s;
}
.nav.menu-items-20 > li:nth-child(9n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4s;
}
.nav.menu-items-20 > li:nth-child(10n) {
  animation-delay: 4s;
}
.nav.menu-items-20 > li:nth-child(10n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.1s;
}
.nav.menu-items-20 > li:nth-child(11n) {
  animation-delay: 4.1s;
}
.nav.menu-items-20 > li:nth-child(11n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.2s;
}
.nav.menu-items-20 > li:nth-child(12n) {
  animation-delay: 4.2s;
}
.nav.menu-items-20 > li:nth-child(12n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.3s;
}
.nav.menu-items-20 > li:nth-child(13n) {
  animation-delay: 4.3s;
}
.nav.menu-items-20 > li:nth-child(13n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.4s;
}
.nav.menu-items-20 > li:nth-child(14n) {
  animation-delay: 4.4s;
}
.nav.menu-items-20 > li:nth-child(14n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.5s;
}
.nav.menu-items-20 > li:nth-child(15n) {
  animation-delay: 4.5s;
}
.nav.menu-items-20 > li:nth-child(15n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.6s;
}
.nav.menu-items-20 > li:nth-child(16n) {
  animation-delay: 4.6s;
}
.nav.menu-items-20 > li:nth-child(16n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.7s;
}
.nav.menu-items-20 > li:nth-child(17n) {
  animation-delay: 4.7s;
}
.nav.menu-items-20 > li:nth-child(17n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.8s;
}
.nav.menu-items-20 > li:nth-child(18n) {
  animation-delay: 4.8s;
}
.nav.menu-items-20 > li:nth-child(18n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 4.9s;
}
.nav.menu-items-20 > li:nth-child(19n) {
  animation-delay: 4.9s;
}
.nav.menu-items-20 > li:nth-child(19n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 5s;
}
.nav.menu-items-20 > li:nth-child(20n) {
  animation-delay: 5s;
}
.nav.menu-items-20 > li:nth-child(20n) a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-delay: 5.1s;
}

/* -----------------------------------------
	Portfolio Nav
--------------------------------------------*/
#nav-portfolio ul {
  border: 1px solid transparent;
}
#nav-portfolio ul li {
  width: 100%;
  position: relative;
}
#nav-portfolio ul:not(.sub-menu) {
  margin: 0px 15px;
}
#nav-portfolio ul:not(.sub-menu) > li {
  animation-fill-mode: both;
  animation-name: scaleOut;
  animation-duration: 500ms;
  margin-bottom: 10px;
}
#nav-portfolio ul:not(.sub-menu) > li a > div:not(.crispx-parallax-nav-item-wrapper) {
  animation-fill-mode: both;
  animation-name: zoom-out;
  animation-duration: 500ms;
}
@media (min-width: 425px) {
  #nav-portfolio ul:not(.sub-menu) > li {
    margin-bottom: 0px;
  }
}
@media (min-width: 425px) {
  #nav-portfolio ul:not(.sub-menu) {
    margin: 0px 10px;
  }
}
#nav-portfolio ul.sub-menu {
  margin-left: 15px;
  list-style: none;
}
#nav-portfolio ul.sub-menu a {
  background: #0F2027; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#nav-portfolio ul.sub-menu a .nav-action-info span {
  line-height: 1.5;
  text-shadow: none;
  letter-spacing: normal;
}
#nav-portfolio ul.sub-menu a .nav-action-icon span {
  left: -35px;
  top: calc(50% - 20px);
  background-color: transparent;
  border: none;
  color: #1e4068;
  text-shadow: none;
}
@media (min-width: 425px) {
  #nav-portfolio ul.sub-menu a .nav-action-icon span {
    text-shadow: 0 0 13px rgb(0, 0, 0);
    color: #F9F9F9;
    left: 0;
    top: 0;
  }
}
#nav-portfolio ul.sub-menu:not(.show) {
  overflow: hidden;
}
#nav-portfolio ul.sub-menu:not(.show) li {
  animation-fill-mode: both;
  animation-name: zoom-out;
  animation-duration: 500ms;
}
#nav-portfolio ul.sub-menu.show {
  display: block;
  max-height: 100%;
}
#nav-portfolio ul.sub-menu.show li {
  transform: scale3d(1, 1, 1);
  opacity: 1;
  animation-fill-mode: both;
  animation-name: zoom-in;
  animation-duration: 300ms;
}
@media (min-width: 1200px) {
  #nav-portfolio ul {
    border-left-color: #ccc;
    margin: 0 0 0 20px;
  }
  #nav-portfolio ul li {
    margin-left: auto;
    padding-left: 20px;
  }
}
#nav-portfolio .toggle-items-2 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-2 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-2 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-2 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-3 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-3 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-3 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-3 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-3 > ul.show > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-3 > ul:not(.show) > li:nth-child(3n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-4 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-4 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-4 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-4 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-4 > ul.show > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-4 > ul:not(.show) > li:nth-child(3n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-4 > ul.show > li:nth-child(4n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-4 > ul:not(.show) > li:nth-child(4n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-5 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-5 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-5 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-5 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-5 > ul.show > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-5 > ul:not(.show) > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-5 > ul.show > li:nth-child(4n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-5 > ul:not(.show) > li:nth-child(4n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-5 > ul.show > li:nth-child(5n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-5 > ul:not(.show) > li:nth-child(5n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-6 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-6 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-6 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-6 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-6 > ul.show > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-6 > ul:not(.show) > li:nth-child(3n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-6 > ul.show > li:nth-child(4n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-6 > ul:not(.show) > li:nth-child(4n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-6 > ul.show > li:nth-child(5n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-6 > ul:not(.show) > li:nth-child(5n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-6 > ul.show > li:nth-child(6n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-6 > ul:not(.show) > li:nth-child(6n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-7 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-7 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 0.7s;
}
#nav-portfolio .toggle-items-7 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-7 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-7 > ul.show > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-7 > ul:not(.show) > li:nth-child(3n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-7 > ul.show > li:nth-child(4n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-7 > ul:not(.show) > li:nth-child(4n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-7 > ul.show > li:nth-child(5n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-7 > ul:not(.show) > li:nth-child(5n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-7 > ul.show > li:nth-child(6n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-7 > ul:not(.show) > li:nth-child(6n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-7 > ul.show > li:nth-child(7n) {
  animation-delay: 0.7s;
}
#nav-portfolio .toggle-items-7 > ul:not(.show) > li:nth-child(7n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-8 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-8 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 0.8s;
}
#nav-portfolio .toggle-items-8 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-8 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.7s;
}
#nav-portfolio .toggle-items-8 > ul.show > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-8 > ul:not(.show) > li:nth-child(3n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-8 > ul.show > li:nth-child(4n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-8 > ul:not(.show) > li:nth-child(4n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-8 > ul.show > li:nth-child(5n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-8 > ul:not(.show) > li:nth-child(5n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-8 > ul.show > li:nth-child(6n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-8 > ul:not(.show) > li:nth-child(6n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-8 > ul.show > li:nth-child(7n) {
  animation-delay: 0.7s;
}
#nav-portfolio .toggle-items-8 > ul:not(.show) > li:nth-child(7n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-8 > ul.show > li:nth-child(8n) {
  animation-delay: 0.8s;
}
#nav-portfolio .toggle-items-8 > ul:not(.show) > li:nth-child(8n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 0.9s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.8s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(3n) {
  animation-delay: 0.7s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(4n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(4n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(5n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(5n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(6n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(6n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(7n) {
  animation-delay: 0.7s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(7n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(8n) {
  animation-delay: 0.8s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(8n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-9 > ul.show > li:nth-child(9n) {
  animation-delay: 0.9s;
}
#nav-portfolio .toggle-items-9 > ul:not(.show) > li:nth-child(9n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(1n) {
  animation-delay: 0.1s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(1n) {
  animation-delay: 1s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(2n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(2n) {
  animation-delay: 0.9s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(3n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(3n) {
  animation-delay: 0.8s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(4n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(4n) {
  animation-delay: 0.7s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(5n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(5n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(6n) {
  animation-delay: 0.6s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(6n) {
  animation-delay: 0.5s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(7n) {
  animation-delay: 0.7s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(7n) {
  animation-delay: 0.4s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(8n) {
  animation-delay: 0.8s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(8n) {
  animation-delay: 0.3s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(9n) {
  animation-delay: 0.9s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(9n) {
  animation-delay: 0.2s;
}
#nav-portfolio .toggle-items-10 > ul.show > li:nth-child(10n) {
  animation-delay: 1s;
}
#nav-portfolio .toggle-items-10 > ul:not(.show) > li:nth-child(10n) {
  animation-delay: 0.1s;
}
#nav-portfolio a {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: start;
  align-content: center;
  align-items: center;
  border: 1px solid #ccc;
  color: #F9F9F9;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
  text-shadow: 0 0 13px rgb(0, 0, 0);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -omstransition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#nav-portfolio a .crispx-parallax-nav-item-wrapper {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 75px;
  margin: 0px;
}
#nav-portfolio a .crispx-parallax-nav-item-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(29deg, rgba(0, 0, 0, 0.6418942577) 0%, rgba(0, 0, 0, 0.5466561625) 17%, rgba(0, 0, 0, 0) 58%);
  z-index: 1;
}
#nav-portfolio a .crispx-parallax-nav-item-wrapper .crispx-parallax-nav-item {
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  will-change: transform;
  z-index: 0;
}
#nav-portfolio a .nav-action-icon {
  width: 1px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
#nav-portfolio a .nav-action-icon span {
  left: -15px;
  top: -15px;
  border: 1px solid #1e4068;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  background-color: #1e4068;
  position: absolute;
  z-index: 99999;
}
#nav-portfolio a .nav-action-icon span.image-icon {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (min-width: 425px) {
  #nav-portfolio a .nav-action-icon {
    width: 75px;
  }
  #nav-portfolio a .nav-action-icon span {
    background-color: transparent;
    border: none;
    width: auto;
    height: auto;
    font-size: 22px;
    z-index: 1;
    position: relative;
    left: 0;
    top: 0;
  }
}
#nav-portfolio a .nav-action-info {
  z-index: 1;
  padding-left: 15px;
}
#nav-portfolio a .nav-action-info span {
  display: block;
  width: 100%;
  font-weight: 600;
  letter-spacing: 0.2em;
  font-size: 14px;
  text-transform: uppercase;
}
#nav-portfolio a .nav-action-info span:first-of-type {
  font-weight: 500;
  letter-spacing: inherit;
  font-size: 9px;
}
@media (min-width: 425px) {
  #nav-portfolio a .nav-action-info {
    padding-left: 10px;
    border-left: 1px solid #F9F9F9;
  }
}
#nav-portfolio a .submenu-toggler {
  z-index: 1;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #F9F9F9;
  position: relative;
  padding: 14px 10px;
  margin: 0 0 0 auto;
  background-image: none;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -omstransition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 520px) {
  #nav-portfolio a .submenu-toggler {
    width: 65px;
    height: 65px;
    align-self: center;
  }
}
#nav-portfolio a .submenu-toggler:hover, #nav-portfolio a .submenu-toggler:focus, #nav-portfolio a .submenu-toggler:active {
  outline: none;
}
#nav-portfolio a .submenu-toggler .icon-bar {
  color: #fff;
  background-color: #fff;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  transition: all 0.2s;
  margin: 0 auto;
}
#nav-portfolio a .submenu-toggler .icon-bar:nth-child(1) {
  transform: rotateZ(0) scaleX(1) translate(0, 0);
  transform-origin: 10% 10%;
}
#nav-portfolio a .submenu-toggler .icon-bar:nth-child(2) {
  transform: rotateZ(0) scaleX(1) translate(0, 0);
  transform-origin: 55% 10%;
  margin-top: 4px;
  opacity: 1;
}
#nav-portfolio a .submenu-toggler .icon-bar:nth-child(3) {
  transform: rotateZ(0) scaleX(1) translate(0, 0);
  transform-origin: 10% 90%;
  margin-top: 4px;
}
#nav-portfolio a.item-expanded .submenu-toggler .icon-bar {
  color: #F9F9F9;
  background-color: #F9F9F9;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  transition: all 0.2s;
  margin: 0 auto;
}
#nav-portfolio a.item-expanded .submenu-toggler .icon-bar:nth-child(1) {
  transform: rotateZ(45deg) scaleX(1) translate(-1px, -5px);
}
#nav-portfolio a.item-expanded .submenu-toggler .icon-bar:nth-child(2) {
  opacity: 0;
  transform: rotateZ(0) scaleX(1) translate(0, 0);
}
#nav-portfolio a.item-expanded .submenu-toggler .icon-bar:nth-child(3) {
  transform: rotateZ(-45deg) scaleX(1) translate(-1px, 5px);
}
#nav-portfolio a:hover .submenu-toggler {
  transform: rotate(-90deg);
}
#nav-portfolio a:hover .icon-bar:nth-child(1) {
  transform: rotateZ(-45deg) scaleX(0.75) translate(-5px, 4px);
  transform-origin: 10% 10%;
}
#nav-portfolio a:hover .icon-bar:nth-child(2) {
  transform-origin: 55% 10%;
  transform: rotateZ(-90deg) scaleX(1.1) translate(0px, 1px);
}
#nav-portfolio a:hover .icon-bar:nth-child(3) {
  transform: rotateZ(45deg) scaleX(0.75) translate(-5px, -4px);
  transform-origin: 10% 90%;
}
#nav-portfolio a i {
  animation-name: fadeInOutVert;
  animation-duration: 0.3s;
  animation-timing-function: ease;
}
#nav-portfolio a:hover i {
  animation-name: fadeOutInVert;
  animation-duration: 0.3s;
  animation-timing-function: ease;
}

.portfolio-header,
.nav-portfolio {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1200px) {
  .portfolio-header,
  .nav-portfolio {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1400px) {
  .portfolio-header,
  .nav-portfolio {
    max-width: 700px;
  }
  .portfolio-header {
    margin-left: auto;
  }
  .nav-portfolio {
    margin-right: auto;
  }
}
@keyframes panelTransition {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes pageTransition {
  0% {
    position: absolute;
    overflow: visible;
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes revpageTransition {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes fadeUpIn {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    visibility: visible;
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    max-height: 3%;
  }
  50% {
    opacity: 1;
  }
  100% {
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    max-height: 3%;
  }
  to {
    opacity: 0;
    max-height: 0;
  }
}
.icon-hover i {
  animation-name: fadeInOutVert;
  animation-duration: 0.3s;
  animation-timing-function: ease;
}

.icon-hover:hover i {
  animation-name: fadeOutInVert;
  animation-duration: 0.3s;
  animation-timing-function: ease;
}/*# sourceMappingURL=style.css.map */