/* --------------------------------------------
	
	main.css : main style file
	Project : unRovr
	Author : pixelwars 
	
	---
	
	CONTEXT:
	
	1. BASE
		1.1 ELEMENTS
		1.2 FONTS
		1.3 TYPOGRAPHY
	2. FORMS
	3. COMMON
	4. LAYOUT
	5. MODULES
	6. THEME
	
   -------------------------------------------- */

/*  --------------------------------------------

	1. BASE (@base) - base html elements
	
    -------------------------------------------- */

/* ----- 1.1 ELEMENTS ----- */
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
}
body {
  font-size: 14px;
  line-height: 1.8;
  -webkit-text-size-adjust: none;
}
a {
  color: #096;
  text-decoration: none;
  outline: none;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #5bcf80;
}
iframe {
  border: none;
}
ul {
  list-style: square;
}
img,
figure {
  max-width: 100%;
  height: auto;
}

/* ----- 1.2 FONTS ----- */
/* BODY */
body,
input,
textarea,
select {
  font-family: "Roboto", sans-serif;
}

/* HEADING 1 */
h1,
.entry-title {
  font-family: "Poppins", sans-serif;
}

/* HEADINGS */
h2,
h3,
h4,
h5,
h6,
.filters,
.nav-menu,
.card-nav,
th,
dt,
.button,
.catlinks a,
input[type="submit"],
button,
label,
.tab-titles,
a.more-link,
blockquote {
  font-family: "Roboto";
}

/* FONTELLO ICONS */
.social-link,
.menu-with-icons a:before,
.toggle h4:before,
.mask,
.site-alert:before,
.portfolio-nav a:before,
.hentry .entry-header:before,
.gallery-item a:after {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

/* ----- 1.3 TYPOGRAPHY ----- */
/* headings and paragraphs  */
h1 {
  font-size: 1.8em;
  margin: 0.8em 0 0.4em 0;
  line-height: 1.2;
}
h2 {
  font-size: 1.2em;
  margin: 1em 0 0.6em 0;
  line-height: 1.3;
}
h3 {
  font-size: 1em;
  margin: 1em 0 0.6em 0;
  font-weight: 700;
}
h4 {
  font-size: 0.9em;
  margin: 2em 0 0.6em 0;
}
h5 {
  font-size: 0.9em;
  margin: 1em 0 0.6em 0;
}
h6 {
  font-size: 0.9em;
  margin: 1em 0 0.6em 0;
}
p {
  margin: 1em 0 1.4em 0;
}
h1,
.entry-title {
  font-weight: 600;
  word-wrap: break-word;
}
/* blockquote  */
blockquote {
  position: relative;
  margin: 1.6em 0;
  padding: 0 1.4em;
  font-size: 1.4em;
  line-height: 1.5;
  font-weight: bold;
}
blockquote p {
  line-height: 100%;
}
blockquote cite {
  display: block;
  font-size: 13px;
  padding-right: 1em;
  margin-top: 1em;
  font-style: normal;
  font-weight: 400;
  opacity: 0.5;
  letter-spacing: 0.07em;
}
hr {
  padding: 0.6em 0 1em 0;
  margin-bottom: 3em;
  outline: 0;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #eee;
}
/* tables  */
table {
  font-size: 0.875em;
  margin-bottom: 3em;
  text-align: center;
}
tr th {
  padding: 0.8em 1em;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 2px solid #dde4e6;
  text-transform: uppercase;
}
tr td {
  color: #6a7686;
  padding: 0.8em 1em 0.6em 1em;
  border-bottom: 1px solid #eee;
}
tfoot tr td {
  border-bottom: 0;
}
tr:nth-child(odd) td {
  background: #fafcfd;
}
/* code and pre  */
code,
pre {
  max-width: 100%;
  overflow: scroll;
  padding: 0 3px 2px;
  margin-bottom: 4em;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  white-space: pre;
  overflow: auto;
}
code {
  display: inline-block;
  margin: 0 0.4em;
  padding: 1px 6px;
  background: #fff;
  border: 1px solid #dde4e6;
  box-shadow: 1px 1px 0 #fff, 2px 2px 0 #dde4e6;
}
pre {
  border: 1px solid #eee;
  padding: 12px 20px;
}
/* lists  */
ol,
ul {
  margin: 0.2em 0 1em 0;
}
ul {
  list-style: disc;
}
dt {
  margin-bottom: 0.4em;
  font-size: 12px;
  font-weight: bold;
}
dd {
  padding-bottom: 1em;
  margin-left: 1.4em;
}
/* Bootstrap Grid Fix */
@media (max-width: 767px) {
  .col-xs-6:nth-child(2n + 1) {
    clear: left;
  }
}

/*  --------------------------------------------

	2. FORMS (@forms) - form elements
	
    -------------------------------------------- */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form p {
  position: relative;
  margin: 1.6em 0;
}
label {
  display: block;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 0.6em;
  text-transform: uppercase;
}
::-webkit-input-placeholder {
  color: inherit;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}
::-moz-placeholder {
  color: inherit;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}
:-ms-input-placeholder {
  color: inherit;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}
label input {
  font-weight: 400;
}
input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]),
textarea,
select {
  padding: 1em 0;
  width: 100%;
  font-size: 0.925rem;
  border: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.07);
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]):hover,
textarea:hover,
input:hover,
select:hover {
  outline: 0;
}
input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus,
input:focus,
select:focus {
  border-color: #345;
  outline: 0;
}
textarea {
  min-height: 7em;
  line-height: 1.6;
  resize: vertical;
}
select {
  padding: 0.8em 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZJJREFUaIHt1r9LVWEYB/DPVTEpgqRBaEhocmiyoc2lrZbG+gts8z8I5xykRfwxROBiEBENSdAmQZMKTldwUHAJAltEBG2453Beg7zXe99zXZ4PHC7nx/s833O5931fQgghhBBCCDUbxCqe9qHXc7zDQM6iizjHMaZyFv7HE5wUvRY6GdDpW+4XnyP4gskrR2vvMT5juDg/yFm8gTmtb+YcvzCRsf5D/E7qvyl6ZtXAStLkAOMZ6j7AYVJ3WQ3hS4P4kDTbxVgP9e5hL6m3VvSo1TDWk6bbGO2izl3sJHW+qn7/tbuFjaT5j+Jap27jZzJ+AzczZ2zrDraSEN9wo4NxI/iejNssal2LMTSTMB8xdMnzQ/iUPN/U238oi3GtGakM9b9VdADvXZzF7vcpY1sTWmtDGW7examwgbfJ/dzrSBaP8EcV8nVybza5fqSelTyLKa39Uhl2pjjK87r3Ulk8w6kqdHmc6s9uNouXOFOFP8OLa03UhVeqF5iuq8llc3avFlUL1FKNfUIIIYQQQgjd+QvyJ2oyQcCnYgAAAABJRU5ErkJggg==);
  background-position: 97% center;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
select::-ms-expand {
  display: none;
}
input[type="file"] {
  width: 100%;
  outline: 0;
  cursor: pointer;
  font-size: 13px;
}
input[type="file"]::-webkit-file-upload-button {
  display: inline-block;
  padding: 0.7em 1em;
  outline: 0;
  color: inherit;
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  height: 1em;
  position: relative;
  background-color: transparent;
  border: 2px solid #333;
  width: 1em;
  border-radius: 3px;
  outline: none;
  font-size: 15px;
  vertical-align: text-bottom;
  margin-right: 0.6em;
}
input[type="checkbox"]:active {
  box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.2) inset;
}
input[type="checkbox"]:before,
input[type="checkbox"]:after {
  content: "";
  background-color: inherit;
  position: absolute;
  transition: 0.1s background-color;
}
input[type="checkbox"]:after {
  width: 0.14em;
  height: 0.6em;
  -webkit-transform: rotate(36deg) translate(0.42em, -0.17em);
}
input[type="checkbox"]:before {
  width: 0.14em;
  height: 0.35em;
  -webkit-transform: rotate(-58deg) translate(-0.2em, 0.35em);
}
input[type="checkbox"]:checked:after,
input[type="checkbox"]:checked:before {
  background-color: #333;
}
input[type="radio"] {
  -webkit-appearance: none;
  height: 1em;
  position: relative;
  background-color: #fff;
  border: 2px solid #333;
  width: 1em;
  border-radius: 50%;
  outline: none;
  font-size: 15px;
  margin-right: 0.6em;
  vertical-align: text-bottom;
}
input[type="radio"]:checked:before {
  content: "";
  background-color: #333;
  position: absolute;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
}
.inline-label {
  display: inline-block;
  margin-right: 2.2em;
}
/* validation  */
label.error {
  position: absolute;
  bottom: -30px;
  left: 0;
  min-width: 160px;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.2em 0.8em;
  background-color: #ef6565;
  color: #fff;
  letter-spacing: 0.07em;
}
label.error:after {
  content: " ";
  position: absolute;
  left: 1.6em;
  bottom: 100%;
  pointer-events: none;
  width: 0;
  height: 0;
  border-bottom: 8px solid #ef6565;
  border-right: 8px solid transparent;
}

/*  --------------------------------------------

	3. COMMON (@common) - common and helper classes
	
    -------------------------------------------- */
.cf:before,
.cf:after,
.entry-content:before,
.entry-content:after {
  content: " ";
  display: table;
}
.cf:after,
.entry-content:after {
  clear: both;
}
.center {
  text-align: center;
}
.easing,
.media-box .mask,
.filters li a,
.gallery-item a:before,
.gallery-item a:after,
.header .social-link,
.card-footer a {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.easing-short,
input,
textarea,
.social-link,
.nav-menu li a,
.latest-posts article header a,
.button,
.portfolio-nav a,
.entry-title a,
.more-link,
.navigation a,
.pagination a,
.entry-meta a,
.nav-single a,
.comment a,
.format-link .entry-content > p:first-child a:first-child,
.gallery .gallery-caption {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

/* Assistive text */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  position: absolute;
  left: 5px;
  top: 5px;
  text-decoration: none;
  text-transform: none;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

/*  --------------------------------------------

	4. LAYOUT (@layout) : layout styles
	
    -------------------------------------------- */
.site,
.page-layout {
  position: relative;
  width: 100%;
  min-height: 100%;
  background-size: cover;
  background-position: center center;
}
.p-overlay * {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.layout-fixed,
.layout-medium,
.layout-full {
  width: 90%;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
.layout-fixed {
  max-width: 700px;
}
.layout-medium {
  max-width: 1040px;
}
.layout-full {
  max-width: 1700px;
}
.hentry {
  padding: 0 0 2em 0;
}
.entry-header {
  padding-top: 2em;
}
.entry-title {
  margin: 0;
  text-align: center;
}
.entry-content {
  margin: 1.2em 0 0;
}

/* ----- 4.1 HEADER ----- */
.header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10% 0;
  background-size: cover;
  background-position: center;
  background-color: #3b4345;
}
.header:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
  transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
}
.header-wrap {
  z-index: 10;
}
.site-title {
  font-size: 44px;
  font-size: 4.6vw;
  letter-spacing: 0;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  padding: 0;
  margin: 0;
}
.site-title img {
  max-height: 120px;
  border-radius: 50%;
}
.header-title-link + .site-title {
  margin: 30px 0;
  font-size: 64px;
}
.site-description {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 3em 0;
  color: #fff;
  opacity: 0.6;
}
.header-wrap > img {
  display: none;
}
.header-bottom {
  margin: 1em 0 1.4em 0;
}

/* NAV MENU */
.nav-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.nav-menu ul li {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
}
.nav-menu a {
  display: block;
  padding: 5px 8px;
  color: #fff;
  position: relative;
  letter-spacing: 0.12em;
}
.nav-menu a:hover {
  color: #fff;
  opacity: 0.8;
}
.nav-menu:not(.menu-with-icons) ul {
  margin: 1.6em 0 0;
}
.nav-menu:not(.menu-with-icons) ul a {
  padding: 0.5em;
}

/* SINGLE PAGE MENU WITH ICONS */
.menu-with-icons a:before {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 18px;
}
.menu-with-icons .home:before {
  content: "\e872";
}
.menu-with-icons .return:before {
  content: "\e813";
}
.menu-with-icons .search-toggle:before {
  content: "\e819";
}

/* SEARCH */
.header-search {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  transition: max-height 0.3s ease-out;
}
.is-search-toggled-on .header-search {
  max-height: 100px;
  overflow: hidden;
}
.search-toggle {
  cursor: pointer;
}
.search-toggle i:before {
  display: inline-block;
  font-size: 1.8em;
}
.is-search-toggled-on .search-toggle {
  opacity: 0.5 !important;
}
#search-form {
  position: relative;
}
#search-form #search {
  outline: 0;
  font-size: 16px;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 400;
  padding: 1em 0.4em;
  max-width: none;
  text-align: center;
  border: 0;
}
#search-form #search:focus {
  border: 0;
}
#search-form #search::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: inherit;
  text-transform: none;
  font-weight: inherit;
  letter-spacing: inherit;
}
#search-submit {
  font-size: 17px;
  text-shadow: none;
  color: #fff;
  border: 0;
  outline: 0;
  padding: 0;
  width: 32px;
  line-height: 2.6em;
  background: #345;
  border-radius: 0;
  font-weight: 400;
  margin-bottom: 0;
  vertical-align: middle;
  display: none;
}
#search-submit:hover {
  opacity: 0.9;
}
#search-submit:active {
  opacity: 0.8;
}

/* HEADER SOCIAL */
.header-social {
  width: 100%;
  margin-top: 2em;
  text-align: center;
}
.header .social {
  margin: 1em 0;
  padding: 0 6px;
}
.header .social-link {
  font-size: 16px;
  height: auto;
  border: 0;
  line-height: 22px;
  width: 25px;
  margin: 0;
  border-radius: 4px;
  float: none;
  color: rgba(255, 255, 255, 0.6);
}
.header .header-bottom .social-link:hover {
  background: none;
  color: rgba(255, 255, 255, 0.9);
}

/* ----- 4.2 FOOTER ----- */
.site-footer {
  position: relative;
  width: 100%;
  clear: left;
  border-top: 1px solid #eee;
}
.site-footer .site-info {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 0;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.site-footer .site-info a {
  color: inherit;
}

/* menu click ripple animation */
.card-nav a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -40px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 35px rgba(255, 255, 255, 0.1);
}
.current_page_item a::after {
  animation: anim-effect-ripple 0.6s ease-out forwards;
}

@keyframes anim-effect-ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
  }
  80% {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
    opacity: 0.1;
  }
  100% {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
  }
}

/* Card Info */
.card-info {
  position: absolute;
  top: 30px;
  left: 40px;
  right: 40px;
  max-width: 350px;
  z-index: 60;
  transition: all 0.1s ease-out;
}
.card-info h2 {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border-radius: 32px;
  font-weight: 400;
  padding: 6px 12px;
  margin: 0 0 0 -10px;
  color: #fff;
  background: #345;
}
.card-info h3 {
  font-size: 12px;
  font-weight: 300;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.card-info h4 {
  font-size: 11px;
  font-weight: 300;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.card-info .card-desc {
  margin-top: 1.4em;
  font-size: 17px;
  font-weight: 400;
  padding: 0;
  color: rgba(255, 255, 255, 0.7);
}
/* Elementor Fixes */
.card-info .card-desc .elementor-widget-text-editor {
  color: rgba(255, 255, 255, 0.7);
}
.card-intro .elementor-element-populated,
.card-info .elementor-element-populated {
  padding: 0 !important;
}
.card-intro .elementor-widget-text-editor {
  color: inherit;
}

.card-info h2,
.card-info h3,
.card-info .card-desc {
  opacity: 0;
  transform: translateX(-20px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease;
}
.is-card-opened .card-info h2,
.is-card-opened .card-info h3 {
  opacity: 1;
  transform: translateX(0px);
}
.is-card-opened .card-info h3 {
  transition-delay: 0.3s;
}

.card-content {
  padding: 20px;
  background-color: #fff;
  position: relative;
  display: none;
}
.is-ajax-page-active .card-content {
  display: block;
}
.card-content:not(.is-loaded) {
  background-image: url(../images/bckg/loading.svg);
  background-position: center 50px;
  background-repeat: no-repeat;
  background-size: 48px 48px;
}
.card-content .page {
  padding: 0;
  margin: 0;
}

/* ANIMATED ITEMS */
.card-content .entry-header,
.card-content .entry-content > * {
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
}
.card-content.is-loaded .entry-header,
.card-content.is-loaded .entry-content > * {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* animate out */
.card-content .hentry > .entry-header {
  -webkit-transition: -webkit-transform 0.2s 0.3s, opacity 0.2s 0.3s;
  transition: transform 0.2s 0.3s, opacity 0.2s 0.3s;
}
.card-content .entry-content > *:nth-child(1) {
  -webkit-transition: -webkit-transform 0.2s 0.2s, opacity 0.2s 0.2s;
  transition: transform 0.2s 0.2s, opacity 0.2s 0.2s;
}
.card-content .entry-content > *:nth-child(2) {
  -webkit-transition: -webkit-transform 0.2s 0.1s, opacity 0.2s 0.1s;
  transition: transform 0.2s 0.1s, opacity 0.2s 0.1s;
}
.card-content .entry-content > *:nth-child(n + 3) {
  -webkit-transition: -webkit-transform 0.2s 0s, opacity 0.2s 0s;
  transition: transform 0.2s 0s, opacity 0.2s 0s;
}

/* animate in */
.card-content.is-loaded .entry-content > *:nth-child(1) {
  -webkit-transition: -webkit-transform 0.2s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.2s 0.5s, opacity 0.2s 0.5s;
}
.card-content.is-loaded .entry-content > *:nth-child(2) {
  -webkit-transition: -webkit-transform 0.2s 0.7s, opacity 0.2s 0.7s;
  transition: transform 0.2s 0.7s, opacity 0.2s 0.7s;
}
.card-content.is-loaded .entry-content > *:nth-child(n + 3) {
  -webkit-transition: -webkit-transform 0.2s 0.8s, opacity 0.2s 0.8s;
  transition: transform 0.2s 0.8s, opacity 0.2s 0.8s;
}

/* MOBILE ONLY STYLES */
@media screen and (max-width: 991px) {
  .card-intro {
    height: 100vh;
  }

  .cover-media {
    padding: 0;
    height: 100vh;
  }
  .is-ajax-page-active .cover-media {
    padding: 0;
    height: 66vw !important;
  }

  /* MENU */
  .is-card-loaded .card-nav ul li {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
  }
  .is-card-loaded .card-nav ul li:nth-child(1) {
    transition-delay: 0.5s;
  }
  .is-card-loaded .card-nav ul li:nth-child(2) {
    transition-delay: 0.6s;
  }
  .is-card-loaded .card-nav ul li:nth-child(3) {
    transition-delay: 0.7s;
  }
  .is-card-loaded .card-nav ul li:nth-child(4) {
    transition-delay: 0.8s;
  }
  .is-card-loaded .card-nav ul li:nth-child(5) {
    transition-delay: 0.9s;
  }
  .is-card-loaded .card-nav ul li:nth-child(6) {
    transition-delay: 1s;
  }
  .is-card-loaded .card-nav ul li:nth-child(7) {
    transition-delay: 1.1s;
  }

  /* CARD INFO */
  .is-card-loaded .card-info h2,
  .is-card-loaded .card-info h3,
  .is-card-loaded .card-info .card-desc {
    opacity: 1;
    transform: translateX(0px);
  }
  .is-card-loaded .card-info h3 {
    transition-delay: 0.3s;
  }
  .is-card-loaded .card-info .card-desc {
    transition-delay: 0.5s;
  }
  .is-ajax-page-active .card-info .card-desc {
    opacity: 0;
    transition-delay: 0s;
    z-index: -1;
  }
}

/* TABLET ONLY STYLES */
@media screen and (min-width: 700px) and (max-width: 991px) {
  .card-nav {
    transition: all 0.6s;
  }
  html.one-page-layout:not(.is-ajax-page-active) .card-nav {
    bottom: 40px;
  }
  .is-ajax-page-active .cover-media {
    padding: 0;
    height: 55vw !important;
  }
}

/* OLD MOBILE DEVICES */
@media screen and (max-width: 320px), screen and (max-height: 320px) {
  .card-info {
    left: 20px;
    top: 20px;
  }
  .card-nav {
    left: 10px;
  }
  .card-nav ul li i {
    font-size: 20px;
  }
}

/* MOBILE LANDSCAPE */
@media screen and (max-width: 991px) and (max-height: 500px) {
  .is-ajax-page-active .cover-media {
    height: 30vw !important;
  }
}

/*  --------------------------------------------

	5. MODULES @modules : reusable styles
	
    -------------------------------------------- */

/* SECTION TITLE */
.section-title,
.elementor .section-title {
  margin: 2em 0 2em;
  position: relative;
  z-index: 10;
}
.entry-content > .section-title:first-child,
.row .section-title:first-child,
.elementor-section-wrap
  > .elementor-element:first-child:not(:only-of-type)
  .section-title,
.elementor-widget-wrap
  > .elementor-widget:first-child:not(:only-of-type)
  .section-title {
  margin-top: 0;
}
.section-title h2,
.cat-links,
.filters li a {
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  font-weight: normal;
  letter-spacing: 0.4em;
  text-align: center;
  color: inherit;
}
.section-title h2 i,
.cat-links a,
.filters li a:hover,
.filters .current > a {
  display: inline-block;
  position: relative;
  padding: 0;
  font-style: normal;
  box-shadow: inset 0 -6px 0px #fdf854;
  color: inherit;
}

/* SERVICE */
.service {
  padding: 0.2em 0;
}
.service i,
.service img {
  display: inline-block;
  float: left;
  width: 50px;
  margin: 0;
  line-height: 50px;
  font-size: 40px;
  text-align: center;
}
.service i:before {
  margin: 0 0.2em;
  display: inline-block;
}
.service p {
  margin-top: 0.2em;
  margin-left: 68px;
  margin-bottom: 0;
  opacity: 0.5;
}
.service h4 {
  margin-top: 0;
  margin-left: 68px;
  margin-bottom: 0.3em;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* PROCESS */
.process {
  position: relative;
  text-align: center;
  width: 80px;
  height: 80px;
  padding: 10px;
  margin: 0 auto 1.6em;
  border-radius: 50%;
  background: #fff;
}
.process:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 120%;
  height: 0;
  border-bottom: 1px dashed #dadada;
}
.process i {
  font-size: 42px;
  line-height: 1;
}
html .process img {
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}
.process h4 {
  margin: 16px 0 0;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.row [class^="col-"]:nth-child(3n) .process:after,
.elementor-column:nth-child(3n) .process:after {
  display: none;
}
.row > div:first-child .process,
.elementor-column:first-child .process {
  background: #f7f9e5;
}
.row > div:first-child .process i,
.row > div:last-child .process i,
.elementor-column:first-child .process i,
.elementor-column:last-child .process i {
  font-size: 72px;
  margin-top: -26px;
}
.row > div:first-child .process img,
.row > div:last-child .process img,
.elementor-column:first-child .process img,
.elementor-column:last-child .process img {
  width: 120%;
  margin-left: -10%;
  max-width: none;
  margin-top: -26px;
}
.row > div:last-child .process,
.elementor-column:last-child .process {
  background: #d6f8e0;
}

/* FUN FACT */
.fun-fact {
  margin-bottom: 1.4em;
  text-align: center;
}
.fun-fact i {
  display: inline-block;
  margin-bottom: 18px;
  line-height: 1;
  font-size: 56px;
}
.fun-fact i:before {
  margin: 0 0.2em;
  display: inline-block;
}
html .fun-fact img {
  width: 100%;
  max-width: 54px;
  margin: 0;
  margin-bottom: 14px;
}
.fun-fact h4 {
  max-width: 140px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* CLIENT */
.client {
  margin: 1em 0 0;
  min-height: 60px;
  text-align: center;
}
html .client img {
  margin: 0 auto;
  width: auto;
  max-width: 60%;
  max-height: 46px;
}
html .client i {
  margin: 0 auto;
  width: auto;
  max-width: 60%;
  max-height: 46px;
}
/* TIMELINE */
.event {
  position: relative;
  padding: 0 1em 2em 3.2em;
}
.event:before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: -10px;
  left: 12px;
  width: 4px;
  background: #f9f9f9;
}
.event:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f1f1f1;
}
.event:nth-of-type(2):after,
.elementor-widget:nth-of-type(2) .event:after {
  background-color: #345;
}
.event h2 {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.event h2 + p i,
.event h2 + p img {
  display: block;
  text-align: center;
  font-size: 24px;
  position: absolute;
  top: -18px;
  left: -10px;
  width: 52px;
  line-height: 52px;
  margin: 0;
  z-index: 1;
  background: #fff;
}
.event h2 + p i:before {
  margin: 0;
}
.event h2 + p img {
  padding: 10px;
  border-radius: 4px;
}
.event h3 {
  display: inline-block;
  position: relative;
  padding: 3px 8px;
  font-size: 10px;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 0.03em;
  margin: 0 0 1.5em 0;
  text-transform: uppercase;
  color: #345;
  border: 1px solid #345;
  border-radius: 8px;
}
.row .event:last-child,
.elementor-widget:last-child .event {
  padding-bottom: 0;
  margin-bottom: 3em;
}
.row .event:last-of-type:before {
  bottom: 0;
}
.event + p,
.event + p .button {
  margin-top: 0;
}
.event h4 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 0.2em 0;
  padding: 0;
  letter-spacing: 0.03em;
}
.event h5 {
  margin: 0;
  padding: 0 0 0.3em 0;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(28, 38, 43, 0.35);
}
.event p {
  margin: 0.6em 0 0.2em 0;
  font-size: 0.95em;
  letter-spacing: 0.3px;
}
.event p:last-child {
  margin-bottom: 0;
}

/* SKILLS */
.skill-unit {
  padding-bottom: 1.1em;
}
.skill-unit h4 {
  margin: 0 0 4px 4px;
  font-weight: 400;
  font-size: 11px;
  position: relative;
  z-index: 100;
  padding-left: 0px;
  display: inline-block;
  vertical-align: super;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.skill-unit i {
  font-size: 22px;
}
.skill-unit .bar {
  position: relative;
  width: 100%;
  height: 4px;
  background: #eee;
}
.skill-unit .bar .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #345;
  border-radius: 16px;
  -webkit-transition: width 1s ease-out;
  transition: width 1s ease-out;
}
.skill-unit .bar .progress span {
  position: absolute;
  top: -12px;
  left: 100%;
  margin-left: -28px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  min-width: 28px;
  line-height: 22px;
  padding: 0;
  border: 2px solid #345;
  border-radius: 8px;
  background: #fff;
}

/* TESTIMONIAL */
.testo {
  position: relative;
  padding: 1.4em 1.8em;
  margin: 4.4em 0 0 0;
  border: 1px solid #f1f1f1;
}
html .testo img {
  display: block;
  margin: -60px auto 16px auto;
  width: auto;
  max-height: 80px;
  border-radius: 50%;
  border: 8px solid #fff;
}
.testo h4 {
  position: relative;
  text-align: center;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.testo h5 {
  margin-top: 0;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  color: rgba(28, 38, 43, 0.35);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.testo p {
  position: relative;
  margin: 1em 0 0.2em 0;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: 0.03px;
}

/* SOCIAL */
html a.social-link {
  display: inline-block;
  padding: 0;
  margin: 0 0.4em 0.4em 0;
  text-align: center;
  font-size: 14px;
  font-family: "fontello";
  width: 40px;
  line-height: 38px;
  color: inherit;
  border: 1px solid rgba(28, 38, 43, 0.1);
  border-radius: 50%;
}
a.social-link:hover {
  color: #fff;
  border-color: transparent;
}
.elementor-widget-wp-widget-uncover_widget__social_media_icon {
  display: inline-block;
  margin-bottom: 0 !important;
}
.social-link.facebook:before {
  content: "\e825";
}
.social-link.twitter:before {
  content: "\e826";
}
.social-link.flickr:before {
  content: "\e835";
}
.social-link.rss:before {
  content: "\e82f";
}
.social-link.dribbble:before {
  content: "\e82c";
}
.social-link.lastfm:before {
  content: "\e82e";
}
.social-link.linkedin:before {
  content: "\e827";
}
.social-link.vimeo:before {
  content: "\e830";
}
.social-link.forrst:before {
  content: "\e831";
}
.social-link.skype:before {
  content: "\e832";
}
.social-link.tumblr:before {
  content: "\e836";
}
.social-link.behance:before {
  content: "\e82b";
}
.social-link.blogger:before {
  content: "\e837";
}
.social-link.delicious:before {
  content: "\e838";
}
.social-link.digg:before {
  content: "\e839";
}
.social-link.github:before {
  content: "\e82a";
}
.social-link.wordpress:before {
  content: "\e83b";
}
.social-link.google-plus:before {
  content: "\f0d5";
}
.social-link.youtube:before {
  content: "\e834";
}
.social-link.pinterest:before {
  content: "\e829";
}
.social-link.instagram:before {
  content: "\e8cc";
}
.social-link.stack-overflow:before {
  content: "\e83c";
}
.social-link.foursquare:before {
  content: "\e83d";
}
.social-link.xing:before {
  content: "\e83e";
}
.social-link.weibo:before {
  content: "\e83f";
}
.social-link.soundcloud:before {
  content: "\e840";
}
.social-link.fivehundredpx:before {
  content: "\e841";
}
.social-link.slideshare:before {
  content: "\e842";
}
.social-link.vine:before {
  content: "\e863";
}
.social-link.vkontakte:before {
  content: "\e846";
}
.social-link.spotify:before {
  content: "\e803";
}
.social-link.imdb:before {
  content: "\f2d8";
}
.social-link.snapchat:before {
  content: "\f2ac";
}
.social-link.email:before {
  content: "\e85b";
}
.social-link.facebook:hover {
  background-color: #3c5fac;
}
.social-link.twitter:hover {
  background-color: #5ec3df;
}
.social-link.flickr:hover {
  background-color: #ff0084;
}
.social-link.rss:hover {
  background-color: #ff9900;
}
.social-link.dribbble:hover {
  background-color: #ea4c89;
}
.social-link.lastfm:hover {
  background-color: #d51007;
}
.social-link.linkedin:hover {
  background-color: #2089b5;
}
.social-link.vimeo:hover {
  background-color: #0dadd6;
}
.social-link.google-plus:hover {
  background-color: #c63d2d;
}
.social-link.forrst:hover {
  background-color: #5b9a68;
}
.social-link.skype:hover {
  background-color: #00aff0;
}
.social-link.picassa:hover {
  background-color: #ffd34e;
}
.social-link.youtube:hover {
  background-color: #c8312b;
}
.social-link.pinterest:hover {
  background-color: #cb2027;
}
.social-link.tumblr:hover {
  background-color: #2c4762;
}
.social-link.behance:hover {
  background-color: #3878f6;
}
.social-link.blogger:hover {
  background-color: #fc9947;
}
.social-link.delicious:hover {
  background-color: #3274d1;
}
.social-link.digg:hover {
  background-color: #205891;
}
.social-link.github:hover {
  background-color: #222;
}
.social-link.wordpress:hover {
  background-color: #0083b3;
}
.social-link.instagram:hover {
  background-color: #3f729b;
}
.social-link.stack-overflow:hover {
  background-color: #f90;
}
.social-link.foursquare:hover {
  background-color: #009fe0;
}
.social-link.xing:hover {
  background-color: #006567;
}
.social-link.weibo:hover {
  background-color: #e64141;
}
.social-link.soundcloud:hover {
  background-color: #fa3219;
}
.social-link.fivehundredpx:hover {
  background-color: #222;
}
.social-link.slideshare:hover {
  background-color: #ed9d2c;
}
.social-link.vine:hover {
  background-color: #00bf8f;
}
.social-link.vkontakte:hover {
  background-color: #6383a8;
}
.social-link.spotify:hover {
  background-color: #2ebd59;
}
.social-link.imdb:hover {
  background-color: #e6b91e;
}
.social-link.snapchat:hover {
  background-color: #fffc00;
}
.social-link.email:hover {
  background-color: #222;
}

/* MAP */
.map {
  position: relative;
  margin: 0 auto;
  max-width: 80%;
  box-shadow: -1px -1px 10px rgba(17, 26, 34, 0.1),
    18px 6px 10px rgba(17, 26, 34, 0.08);
}
.map,
.map .gm-style {
  border-radius: 50%;
  overflow: hidden;
}
.map iframe {
  width: 100%;
  border-width: 0;
  outline: none;
}
.map-canvas {
  margin: 0px;
  padding: 0px;
  padding-top: 100%;
  line-height: 1.6;
}
.map-canvas img {
  max-width: none;
}
.map .gmnoprint,
.map .gm-style-cc {
  display: none;
}

/* PORTFOLIO FILTERS */
.filters {
  list-style: none;
  padding: 0;
  margin: 0 0 2em;
  text-align: center;
}
.filters li {
  display: inline-block;
  margin: 0.6em 0.6em;
  text-transform: uppercase;
}
.filters li a {
  opacity: 0.4;
  letter-spacing: 0.2em;
}
.filters li a:hover {
  opacity: 0.5;
}
.filters .current a,
.filters .current a:hover {
  opacity: 1;
}

/* MEDIA GRID */
.media-grid {
  min-height: 400px;
}
.media-grid .media-cell {
  padding: 0 10px;
  margin-bottom: 20px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.media-grid .media-box {
  margin-bottom: 0;
}

/* MEDIA CELL DESC */
.media-cell-desc {
  position: relative;
  padding: 28px 40px;
  background: #fff;
}
.media-cell-desc h3 {
  padding: 0;
  margin: 0px;
  line-height: 1.6;
}
.media-cell-desc h3 a {
  color: inherit;
}
.media-cell-desc p {
  font-size: 0.875em;
  margin: 0;
  opacity: 0.5;
}

/* MEDIA BOX */
.media-box {
  position: relative;
  margin-bottom: 30px;
  background-color: #fff;
}
.media-box a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity = 0);
}
.media-box a:nth-of-type(n + 2) {
  display: none;
}
.media-box img {
  display: block;
  width: 100%;
}
.media-box .mask {
  opacity: 0;
  filter: alpha(opacity = 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  overflow: hidden;
  background: #33475d;
  background: rgba(51, 71, 93, 0.6);
}
.media-box:hover .mask {
  opacity: 1;
  filter: alpha(opacity = 100);
}
.media-box .mask:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -33px 0 0 -33px;
  width: 66px;
  line-height: 66px;
  font-size: 28px;
  text-align: center;
  content: "\e871";
  color: #fff;
}
.format-video.hentry .mask:before {
  content: "\e85a";
}
.format-audio.hentry .mask:before {
  content: "\e896";
}
.format-image.hentry .mask:before,
.format-gallery.hentry .mask:before {
  content: "\e86b";
}
.format-link.hentry .mask:before {
  content: "\e86a";
}
.media-date {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 15px 15px 5px 15px;
  background: #fff;
}
.media-date > span {
  display: block;
}
.media-date .month {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.media-date .day {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

/* LATEST POSTS */
.latest-posts {
  margin-top: 2em;
}
.latest-posts .media-cell-desc {
  padding-top: 2em;
}
.latest-posts .mask:before {
  content: "\f4f0";
}

/* HTTP ALERT */
.http-alert {
  text-align: center;
}
.http-alert h1 {
  margin: 0.12em 0 0.3em 0;
  font-size: 10em;
  letter-spacing: 0.03em;
  line-height: 1;
  color: #234;
  text-shadow: #ededed 1px 1px, #ededed 2px 2px, #eee 3px 3px, #eee 4px 4px,
    #eee 5px 5px, #efefef 6px 6px, #efefef 7px 7px, #f0f0f0 8px 8px,
    #f0f0f0 9px 9px, #f0f0f0 10px 10px, #f1f1f1 11px 11px, #f1f1f1 12px 12px,
    #f2f2f2 13px 13px, #f2f2f2 14px 14px, #f2f2f2 15px 15px, #f3f3f3 16px 16px,
    #f3f3f3 17px 17px, #f4f4f4 18px 18px, #f4f4f4 19px 19px, #f4f4f4 20px 20px,
    #f5f5f5 21px 21px, #f5f5f5 22px 22px, #f6f6f6 23px 23px, #f6f6f6 24px 24px,
    #f6f6f6 25px 25px, #f7f7f7 26px 26px, #f7f7f7 27px 27px, #f7f7f7 28px 28px,
    #f8f8f8 29px 29px, #f8f8f8 30px 30px, #f9f9f9 31px 31px, #f9f9f9 32px 32px,
    #f9f9f9 33px 33px, #fafafa 34px 34px, #fafafa 35px 35px, #fbfbfb 36px 36px,
    #fbfbfb 37px 37px, #fbfbfb 38px 38px, #fcfcfc 39px 39px, #fcfcfc 40px 40px,
    #fdfdfd 41px 41px, #fdfdfd 42px 42px, #fdfdfd 43px 43px, #fefefe 44px 44px,
    #fefefe 45px 45px, #fff 46px 46px;
}

/* DROP CAP */
.drop-cap:first-letter,
.blog-single .entry-content > p:first-child:first-letter {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.15;
  float: left;
  padding: 0px 12px 0px 0;
  text-transform: uppercase;
}

/* BUTTONS */
input[type="submit"],
input[type="button"],
button,
.button {
  color: #345;
  border: 2px solid #345;
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
  text-decoration: none;
  background: none;
  cursor: pointer;
  padding: 18px 32px;
  margin: 10px 20px 0 0;
  display: inline-block;
  outline: none;
  position: relative;
  transition: all 0.3s;
  overflow: hidden;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:not(.button):hover {
  background: #345;
  color: #fff;
}
.button:last-child {
  margin-right: 0px;
}
.button.small {
  font-size: 11px;
  padding: 9px 18px;
}
.button:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: #345;
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
}
.button:hover,
.button:active {
  color: #fff !important;
}
.button:active {
  transition: all 0.1s;
  transform: scale(0.9);
  outline: 0;
}
.button:hover:after,
.button:active:after {
  width: 100%;
}
/* icons in buttons */
.button i {
  display: inline-block;
  margin-right: 5px;
}
.button i:before {
  font-size: 120%;
}

/* TABS */
.tabs {
  font-size: 1em;
  margin-bottom: 2em;
}
.tabs .tab-titles {
  padding: 0;
  margin: 0 0 -1px 0;
}
.tabs .tab-titles li {
  display: inline-block;
}
.tabs .tab-titles li a {
  display: inline-block;
  padding: 1em 2em;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0;
  border: 0;
  cursor: pointer;
}
.tabs .tab-titles li a.active {
  border-bottom: 6px solid #555;
}
.tabs .tab-content {
  margin-top: -1px;
  font-size: 14px;
  border: 1px solid #eaeeef;
}
.tabs .tab-content > div {
  padding: 1.8em;
  display: none;
}

/* TOGGLES */
.toggle-group {
  margin-bottom: 2em;
}
.toggle h4 {
  position: relative;
  font-size: 15px;
  border-left: 0;
  padding: 0.9em 1em 0.6em 1.8em;
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid #f4f3ef;
}
.toggle h4.active {
  border-bottom: 0;
}
.toggle h4:before {
  content: "\e823";
  opacity: 0.6;
  position: absolute;
  top: 1.5em;
  left: 0;
  font-size: 14px;
  line-height: 1;
}
.toggle h4.active:before {
  content: "\e89a";
}
.toggle .toggle-content {
  display: none;
  padding: 1.2em 0 2em 1.8em;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}

/* ALERTS */
.alert {
  position: relative;
  padding: 1.2em 2em;
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 1.4;
  margin-bottom: 2em;
  border: 2px solid #f6f4cd;
}
.alert.success {
  border-color: #b1e9c3;
}
.alert.error {
  border-color: #f8c2b7;
}

/* LAUNCH */
.launch {
  text-align: center;
  padding: 1.4em 0;
  margin-bottom: 0;
}
.launch .button,
.portfolio-desc .button {
  padding: 1.8em 3.6em;
}

/* SITE ALERT */
.site-alert {
  display: none;
  position: fixed;
  z-index: 9900;
  top: 50%;
  left: 50%;
  margin: -80px 0 0 -80px;
  font-size: 6em;
  line-height: 1;
  padding: 0.4em 0.5em;
  color: rgba(255, 255, 255, 0.86);
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
  background: rgba(28, 38, 43, 0.93);
}
.site-alert:before {
  content: "\e66c";
}
.site-alert.error {
  background: #d44a4a;
  background: rgba(212, 74, 74, 0.55);
}
.site-alert.error:before {
  content: "\e681";
}
.site-alert {
  -webkit-animation: animation 3800ms linear both;
  animation: animation 3800ms linear both;
}
/* Generated with Bounce.js. Edit at http://goo.gl/NBqAOQ */
@-webkit-keyframes animation {
  0% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -1500,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1500, 0, 0, 1);
  }
  0.84% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.621,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -1033.111,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.621,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -1033.111,
      0,
      0,
      1
    );
  }
  1.26% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.78,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -848.183,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.78,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -848.183,
      0,
      0,
      1
    );
  }
  1.69% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.829,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -691.149,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.829,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -691.149,
      0,
      0,
      1
    );
  }
  2.53% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.695,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -447.926,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.695,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -447.926,
      0,
      0,
      1
    );
  }
  3.35% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.477,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -284.082,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.477,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -284.082,
      0,
      0,
      1
    );
  }
  3.79% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.367,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -217.451,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.367,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -217.451,
      0,
      0,
      1
    );
  }
  4.98% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.146,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -98.808,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.146,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -98.808,
      0,
      0,
      1
    );
  }
  5.06% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.135,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -93.236,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.135,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -93.236,
      0,
      0,
      1
    );
  }
  6.64% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.003,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -22.005,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.003,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -22.005,
      0,
      0,
      1
    );
  }
  7.59% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.029,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -3.641,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.029,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -3.641,
      0,
      0,
      1
    );
  }
  8.27% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.033,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      3.324,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.033,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      3.324,
      0,
      0,
      1
    );
  }
  10.12% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.019,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      8.659,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.019,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      8.659,
      0,
      0,
      1
    );
  }
  14.86% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.002,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      2.645,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 2.645, 0, 0, 1);
  }
  20.95% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.104,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.104, 0, 0, 1);
  }
  21.05% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.096,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.096, 0, 0, 1);
  }
  21.44% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.071,
      -7.992,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.071,
      -7.992,
      0,
      1
    );
  }
  22% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.043,
      -15.312,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.043,
      -15.312,
      0,
      1
    );
  }
  22.95% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.014,
      -19.275,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.014,
      -19.275,
      0,
      1
    );
  }
  24.13% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.004,
      -15.606,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.004,
      -15.606,
      0,
      1
    );
  }
  25.29% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -9.111,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -9.111,
      0,
      1
    );
  }
  25.92% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -5.84,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -5.84, 0, 1);
  }
  26.32% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -4.058,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -4.058,
      0,
      1
    );
  }
  26.48% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -3.395,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -3.395,
      0,
      1
    );
  }
  27.64% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.008,
      -0.013,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.008,
      -0.013,
      0,
      1
    );
  }
  29.53% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.005,
      -1.622,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.005,
      -1.622,
      0,
      1
    );
  }
  34.22% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.001,
      -0.002,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.001,
      -0.002,
      0,
      1
    );
  }
  36.12% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.137,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
  }
  39.47% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.029,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.029, 0, 1);
  }
  40.81% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  42.71% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.011,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
  }
  45.95% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.003,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
  }
  46.05% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.002,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
  }
  47.19% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.375,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.27% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.402,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.402, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.37% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.434,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.32% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.704,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      334.897,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.704,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      334.897,
      0,
      0,
      1
    );
  }
  49.45% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.903,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      714.76,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.903,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      714.76,
      0,
      0,
      1
    );
  }
  49.63% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.921,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      771.405,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.921,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      771.405,
      0,
      0,
      1
    );
  }
  50.58% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.957,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1036.886,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.957,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1036.886,
      0,
      0,
      1
    );
  }
  51.9% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.922,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1317.879,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.922,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1317.879,
      0,
      0,
      1
    );
  }
  53.51% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.864,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1528.299,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.864,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1528.299,
      0,
      0,
      1
    );
  }
  54.16% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.849,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1578.415,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.849,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1578.415,
      0,
      0,
      1
    );
  }
  56.43% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.832,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1640.002,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.832,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1640.002,
      0,
      0,
      1
    );
  }
  56.43% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.832,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1640.002,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.832,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1640.002,
      0,
      0,
      1
    );
  }
  62.28% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.84,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1530.939,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.84,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1530.939,
      0,
      0,
      1
    );
  }
  62.28% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.84,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1530.917,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.84,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1530.917,
      0,
      0,
      1
    );
  }
  68.13% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1490.654,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1490.654,
      0,
      0,
      1
    );
  }
  68.15% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1490.654,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1490.654,
      0,
      0,
      1
    );
  }
  72.37% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1495.816,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1495.816,
      0,
      0,
      1
    );
  }
  79.82% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1500.624,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1500.624,
      0,
      0,
      1
    );
  }
  91.57% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1499.958,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1499.958,
      0,
      0,
      1
    );
  }
  100% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1500,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500, 0, 0, 1);
  }
}
@keyframes animation {
  0% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -1500,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1500, 0, 0, 1);
  }
  0.84% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.621,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -1033.111,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.621,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -1033.111,
      0,
      0,
      1
    );
  }
  1.26% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.78,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -848.183,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.78,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -848.183,
      0,
      0,
      1
    );
  }
  1.69% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.829,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -691.149,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.829,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -691.149,
      0,
      0,
      1
    );
  }
  2.53% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.695,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -447.926,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.695,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -447.926,
      0,
      0,
      1
    );
  }
  3.35% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.477,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -284.082,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.477,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -284.082,
      0,
      0,
      1
    );
  }
  3.79% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.367,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -217.451,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.367,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -217.451,
      0,
      0,
      1
    );
  }
  4.98% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.146,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -98.808,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.146,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -98.808,
      0,
      0,
      1
    );
  }
  5.06% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.135,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -93.236,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.135,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -93.236,
      0,
      0,
      1
    );
  }
  6.64% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.003,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -22.005,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.003,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -22.005,
      0,
      0,
      1
    );
  }
  7.59% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.029,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -3.641,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.029,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -3.641,
      0,
      0,
      1
    );
  }
  8.27% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.033,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      3.324,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.033,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      3.324,
      0,
      0,
      1
    );
  }
  10.12% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.019,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      8.659,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      -0.019,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      8.659,
      0,
      0,
      1
    );
  }
  14.86% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.002,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      2.645,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 2.645, 0, 0, 1);
  }
  20.95% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.104,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.104, 0, 0, 1);
  }
  21.05% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.096,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.096, 0, 0, 1);
  }
  21.44% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.071,
      -7.992,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.071,
      -7.992,
      0,
      1
    );
  }
  22% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.043,
      -15.312,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.043,
      -15.312,
      0,
      1
    );
  }
  22.95% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.014,
      -19.275,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0.014,
      -19.275,
      0,
      1
    );
  }
  24.13% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.004,
      -15.606,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.004,
      -15.606,
      0,
      1
    );
  }
  25.29% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -9.111,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -9.111,
      0,
      1
    );
  }
  25.92% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -5.84,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -5.84, 0, 1);
  }
  26.32% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -4.058,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -4.058,
      0,
      1
    );
  }
  26.48% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -3.395,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.01,
      -3.395,
      0,
      1
    );
  }
  27.64% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.008,
      -0.013,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.008,
      -0.013,
      0,
      1
    );
  }
  29.53% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.005,
      -1.622,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.005,
      -1.622,
      0,
      1
    );
  }
  34.22% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.001,
      -0.002,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      -0.001,
      -0.002,
      0,
      1
    );
  }
  36.12% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.137,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
  }
  39.47% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.029,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.029, 0, 1);
  }
  40.81% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  42.71% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.011,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
  }
  45.95% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.003,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
  }
  46.05% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      -0.002,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
  }
  47.19% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.375,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.27% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.402,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.402, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.37% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.434,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      0,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.32% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.704,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      334.897,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.704,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      334.897,
      0,
      0,
      1
    );
  }
  49.45% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.903,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      714.76,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.903,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      714.76,
      0,
      0,
      1
    );
  }
  49.63% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.921,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      771.405,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.921,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      771.405,
      0,
      0,
      1
    );
  }
  50.58% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.957,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1036.886,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.957,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1036.886,
      0,
      0,
      1
    );
  }
  51.9% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.922,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1317.879,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.922,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1317.879,
      0,
      0,
      1
    );
  }
  53.51% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.864,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1528.299,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.864,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1528.299,
      0,
      0,
      1
    );
  }
  54.16% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.849,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1578.415,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.849,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1578.415,
      0,
      0,
      1
    );
  }
  56.43% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.832,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1640.002,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.832,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1640.002,
      0,
      0,
      1
    );
  }
  56.43% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.832,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1640.002,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.832,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1640.002,
      0,
      0,
      1
    );
  }
  62.28% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.84,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1530.939,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.84,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1530.939,
      0,
      0,
      1
    );
  }
  62.28% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.84,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1530.917,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.84,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1530.917,
      0,
      0,
      1
    );
  }
  68.13% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1490.654,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1490.654,
      0,
      0,
      1
    );
  }
  68.15% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1490.654,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1490.654,
      0,
      0,
      1
    );
  }
  72.37% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1495.816,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1495.816,
      0,
      0,
      1
    );
  }
  79.82% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1500.624,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1500.624,
      0,
      0,
      1
    );
  }
  91.57% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1499.958,
      0,
      0,
      1
    );
    transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1499.958,
      0,
      0,
      1
    );
  }
  100% {
    -webkit-transform: matrix3d(
      1,
      0,
      0,
      0,
      0.839,
      1,
      0,
      0,
      0,
      0,
      1,
      0,
      1500,
      0,
      0,
      1
    );
    transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500, 0, 0, 1);
  }
}

/* CONTACT FORM */
.contact-form {
  margin: 1.6em auto 0 auto;
  overflow: auto;
  overflow-x: hidden;
}
.contact-form p {
  margin: 0 0 1.8em 0;
}
.contact-form
  input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]),
.contact-form textarea {
  width: 100%;
  max-width: none;
  display: block;
  font-size: 14px;
}
.contact-form .antispam {
  display: none;
}

/* GRID PAGE */
.show-grid div {
  font-size: 0.8em;
  padding-top: 0.9em;
  padding-bottom: 0.9em;
  text-align: center;
  margin-bottom: 1.4em;
  border: 1px solid #eaeeef;
}

/* PAGE BOTTOM */
.page-bottom .row {
  margin: 0;
}
.page-bottom .row > div {
  padding-left: 0;
  padding-right: 0;
  color: #fff;
  background: #181f21;
}
.page-bottom .row > div:nth-child(even) {
  background: #263033;
}
/* fun-fact */
.page-bottom .fun-fact {
  text-align: left;
  max-width: 320px;
  padding: 1em;
  margin: 0 auto;
  overflow: hidden;
}
.page-bottom .fun-fact:first-child {
  padding-top: 2.4em;
}
.page-bottom .fun-fact:last-child {
  padding-bottom: 2.4em;
}
.page-bottom .fun-fact i {
  float: left;
  margin-bottom: 0;
  font-size: 40px;
  color: rgba(113, 255, 217, 0.8);
}
.page-bottom .fun-fact h4 {
  float: left;
  margin: 13px;
  max-width: none;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.5);
}
/* map */
.page-bottom .map,
.page-bottom .map-canvas {
  height: 260px;
}
/* contact form */
.page-bottom .contact-form {
  padding: 2em;
  margin: 0 auto;
}
.page-bottom
  input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]),
.page-bottom textarea,
.page-bottom select {
  font-size: 12px;
  color: #fff;
  border-width: 1px;
  border-color: rgba(113, 255, 217, 0.2);
}
.page-bottom
  input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]):focus,
.page-bottom textarea:focus,
.page-bottom select:focus {
  border-color: rgba(113, 255, 217, 0.5);
}
.page-bottom input[type="submit"],
.page-bottom input[type="button"],
.page-bottom button,
.page-bottom a.button {
  color: #71ffd9;
  border-color: #71ffd9;
}
.page-bottom input[type="submit"]:hover,
.page-bottom input[type="button"]:hover,
.page-bottom button:hover,
.page-bottom a.button:hover {
  background: #71ffd9;
  border-color: #71ffd9;
  color: #234;
}
.page-bottom .row > div > h4 {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0;
  padding: 4em 0 1em;
  color: rgba(255, 255, 255, 0.5);
}

/* SHORTCODES PAGE */
.show-buttons .button {
  margin: 0 1em 1em 0;
}

/* NPROGRESS */
#nprogress .bar {
  height: 4px;
  background-color: #fff461;
}
#nprogress .spinner-icon {
  border-top-color: #fff461;
  border-left-color: #fff461;
}

/* Magnific Popup */
.mfp-figure:after {
  background: #0d121c;
}
button.mfp-close:before,
button.mfp-arrow:before {
  background: url(../images/bckg/mfp-default-skin.svg) 0 0 no-repeat;
  background-size: 264px 88px;
}
button.mfp-close {
  overflow: hidden;
}
button.mfp-close:before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  color: transparent;
  background-position: 0 -44px;
}
button.mfp-arrow {
  width: 70px;
  height: 100px;
  opacity: 0.9;
}
button.mfp-arrow:hover,
button.mfp-close:hover {
  background: transparent !important;
}
button.mfp-arrow:after {
  display: none;
}
button.mfp-arrow:before {
  content: "";
  position: absolute;
  top: 35px;
  height: 30px;
  width: 32px;
  border: 0;
  margin: 0;
}
button.mfp-arrow-left:before {
  left: 6px;
  background-position: -138px -44px;
}
button.mfp-arrow-right:before {
  left: auto;
  right: 6px;
  background-position: -94px -44px;
}
.mfp-title {
  position: absolute;
  width: 100%;
  line-height: 38px;
  text-transform: uppercase;
  font-size: 11px;
  padding-right: 0;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.12em;
}
.mfp-counter {
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 24px;
  line-height: 1.6;
  font-weight: bold;
  color: #fff;
  opacity: 0.4;
}
.mfp-removing button,
.mfp-removing .mfp-title {
  opacity: 0;
}
.mfp-figure:after {
  box-shadow: none;
}
.mfp-iframe-holder .mfp-close {
  background: none;
}
.mfp-ready .mfp-content {
  opacity: 0;
}
.mfp-zoom-in .mfp-content {
  opacity: 0;
  transition: transform 0.2s ease-out;
  transform: scale(0.9);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.2s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-content {
  opacity: 1;
  transform: scale(1);
}
.mfp-bg {
  background: #1d1d28;
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.95;
}
.mfp-zoom-in.mfp-image-loaded .mfp-content {
  opacity: 1;
}
.mfp-zoom-in.mfp-removing .mfp-content {
  transform: scale(0.9);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-preloader {
  width: 48px;
  height: 48px;
  opacity: 1;
  margin: 0 auto;
  background: url(../images/bckg/loading-light.svg) center center no-repeat;
  background-size: 48px 48px;
}
.mfp-zoom-in.mfp-ready .mfp-preloader {
  display: block;
}
.mfp-zoom-in.mfp-image-loaded .mfp-preloader,
.mfp-zoom-in.mfp-removing .mfp-preloader {
  display: none;
}
/* fade image change */
.mfp-image-loaded .mfp-content {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-backface-visibility: hidden;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* soundcloud */
.is-soundcloud .mfp-content {
  max-width: 550px;
}
.is-soundcloud .mfp-iframe-scaler {
  padding-top: 100%;
}

/* BLOG */
.blog-regular {
  margin-bottom: 3em;
}
.blog-regular .hentry {
  padding-bottom: 2em;
}
.blog-regular .entry-header {
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}
.blog-regular .entry-title {
  font-size: 1.5em;
}
.blog-single .entry-header {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.entry-title a {
  color: inherit;
}
.excerpt {
  text-align: center;
}
.blog-regular .entry-title {
  margin-top: 0;
}
.blog-regular .entry-content {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.blog-single .entry-content {
  overflow: auto;
}

/* entry-meta */
.entry-meta {
  font-weight: 700;
  letter-spacing: 0.07em;
  font-size: 11px;
  margin-top: 1em;
  text-align: center;
  text-transform: uppercase;
}
.entry-meta span {
  margin-right: 8px;
  margin-bottom: 12px;
}
.blog-regular .entry-meta .comment-link {
  display: none;
}
.cat-links a {
  margin-bottom: 8px;
  font-size: 10px;
  letter-spacing: 0.2em;
}
.entry-meta > .entry-date,
.entry-meta .comment-link {
  opacity: 0.4;
}
.comment-link a,
.comment-link a:hover {
  color: inherit;
}

.nav-single a,
.comment-meta a,
.comment-reply-link,
.navigation a,
.post-pagination a,
.related-posts a,
.tabs .tab-titles li a {
  color: inherit;
}
.navigation a:hover,
.post-pagination a:hover,
.entry-content a.more-link:hover {
  color: #fff;
  border-color: transparent;
}
.nav-single a:active,
.comment-meta a:active,
.comment-reply-link:active,
.navigation a:active,
.post-pagination a:active,
.related-posts a:active,
.entry-content a.more-link:active {
  opacity: 0.8;
}

/* more link */
.more {
  display: block;
  margin-top: 1.6em;
}
a.more-link {
  display: inline-block;
  padding: 1.2em 1.4em;
  color: #d5d5d5;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 11px;
  line-height: 1;
  background: none;
  border: 1px solid #dde4e6;
  text-transform: uppercase;
}
a.more-link:hover {
  background: #096;
}

/* featured image */
.featured-image {
  margin-top: 1.4em;
}
.featured-image img {
  display: block;
  margin: 0 auto;
}

/* POST FORMATS */
.hentry .entry-header:before {
  font-size: 26px;
  color: #dcdfe2;
  display: block;
  text-align: center;
  padding-bottom: 0.3em;
}
/* sticky  */
.hentry.sticky .entry-header:before {
  content: "\e877";
}
/* video  */
.format-video .entry-header:before {
  content: "\e85a";
}
/* audio  */
.format-audio .entry-header:before {
  content: "\e896";
}
/* image  */
.format-image .entry-header:before {
  content: "\e86b";
}
/* quote  */
.format-quote .entry-content blockquote {
  text-align: center;
}
.format-quote .entry-header:before {
  content: "\e876";
}
.format-quote blockquote {
  width: 100%;
  margin: 0;
  padding: 0;
}
.format-quote blockquote:before {
  content: "";
}
/* link  */
.format-link .entry-content {
  padding-top: 0;
}
.format-link .entry-header:before {
  content: "\f25a";
}
/* gallery  */
.format-gallery .entry-header:before {
  content: "\e86b";
}
.gallery {
  margin: 2em 0;
  width: 100%;
  width: -webkit-calc(100% + 4px);
  width: calc(100% + 4px);
}
.gallery:before,
.gallery:after {
  content: " ";
  display: table;
}
.gallery:after {
  clear: both;
}
.gallery-item {
  display: block;
  position: relative;
  float: left;
  margin: 0 4px 4px 0;
}
.gallery-item a {
  display: block;
  position: relative;
  float: left;
  margin: 0 4px 4px 0;
}
.gallery-item a:before {
  content: "";
  opacity: 0;
  filter: alpha(opacity = 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  overflow: hidden;
  background: #33475d;
  background: rgba(51, 71, 93, 0.6);
  z-index: 1;
}
.gallery-item a:after {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -33px 0 0 -33px;
  width: 66px;
  line-height: 66px;
  font-size: 20px;
  text-align: center;
  content: "\e86b";
  color: #fff;
  z-index: 2;
}
.gallery-item a:hover:before,
.gallery-item a:hover:after {
  opacity: 1;
}
.gallery-item img {
  width: 100%;
}
.gallery-columns-1 .gallery-item {
  max-width: 100%;
}
.gallery-columns-2 .gallery-item {
  width: 48%;
  width: -webkit-calc(50% - 4px);
  width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
  width: 32%;
  width: -webkit-calc(33.3% - 4px);
  width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
  width: 23%;
  width: -webkit-calc(25% - 4px);
  width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
  width: 19%;
  width: -webkit-calc(20% - 4px);
  width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
  width: 15%;
  width: -webkit-calc(16.7% - 4px);
  width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
  width: 13%;
  width: -webkit-calc(14.28% - 4px);
  width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
  width: 11%;
  width: -webkit-calc(12.5% - 4px);
  width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
  width: 9%;
  width: -webkit-calc(11.1% - 4px);
  width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n + 1),
.gallery-columns-1.gallery-size-thumbnail
  figure.gallery-item:nth-of-type(1n + 1),
.gallery-columns-2.gallery-size-thumbnail
  figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-3.gallery-size-thumbnail
  figure.gallery-item:nth-of-type(3n + 1) {
  clear: left;
}
.gallery .gallery-caption {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 45%;
  margin: 0;
  padding: 6px 8px;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 13px;
  line-height: 1.4;
  overflow: hidden;
  z-index: 999;
  color: #fff;
  background-color: #8acb82;
}
.gallery-caption:before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.gallery-item:hover .gallery-caption {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}
/* aside  */
.format-aside .entry-header:before {
  content: "\e858";
}
.format-aside .entry-content {
  text-align: center;
}
/* status  */
.format-status .entry-content {
  text-align: center;
}
.format-status .entry-header:before {
  content: "\e888";
}
.format-status .entry-content > p:first-child {
  display: inline-block;
  padding: 1em;
  border: 1px solid #eee;
  font-size: 1em;
  font-style: italic;
  line-height: 1.5;
}
/* chat  */
.format-chat .entry-header:before {
  content: "\e818";
}
.chat-transcript {
  margin-bottom: 50px;
}
.chat-row {
  text-align: left;
}
.chat-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.chat-author {
  width: 100px;
  margin-top: 5px;
  font-size: 14px;
  text-transform: uppercase;
}
.chat-author cite {
  display: inline-block;
  min-width: 80%;
  margin-right: 0.1em;
  font-size: 0.9em;
  font-weight: 800;
  font-style: normal;
}
.chat-text {
  text-align: left;
  padding-left: 20px;
}
.chat-text p {
  position: relative;
  display: inline-block;
  max-width: 320px;
  padding: 5px 14px;
  margin-top: 0;
  margin-bottom: 0.6em;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e9e6df;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.chat-text p:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px 4px 5px 0;
  border-color: transparent #ffffff;
  display: block;
  width: 0;
  z-index: 1;
  left: -4px;
  top: 10px;
}
.chat-text p:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 5px 6px 0;
  border-color: transparent #eee;
  display: block;
  width: 0;
  z-index: 0;
  left: -6px;
  top: 9px;
}
.chat-text p:empty {
  display: none;
}
.chat-speaker-2 .chat-author cite {
  font-style: italic;
}
.chat-speaker-2 .chat-text p {
  border-color: #e9e6df;
}
.chat-speaker-2 .chat-text p:before {
  border-color: transparent #e9e6df;
}

/* PAGINATION */
.navigation {
  padding: 3em 0;
  font-size: 11px;
  letter-spacing: 2px;
  overflow: auto;
}
.navigation:not(.pagination) > div {
  width: 50%;
  float: left;
}
.navigation a {
  display: inline-block;
  padding: 1.5em 2em;
  color: #6a7686;
  border: 1px solid #d5d5d5;
  text-transform: uppercase;
}
.navigation .nav-next {
  text-align: right;
}
.navigation .meta-nav {
  margin-right: 0.5em;
}
.navigation .nav-next .meta-nav {
  margin-left: 0.5em;
  margin-right: 0;
}
/* NUMBERED PAGINATION */
.pagination {
  text-align: center;
}
.pagination a {
  padding: 0.7em 1.2em;
  margin: 0.2em;
  font-size: 10px;
}

.page-links {
  padding: 40px 0;
  font-size: 14px;
}

.post-password-required form {
  max-width: 320px;
  margin: 3em 0;
  background: #fafafa;
  padding: 20px 30px;
}

/* BLOG SINGLE */
.blog-single .hentry {
  padding-bottom: 2em;
}
.blog-single .entry-meta {
  line-height: 1.9;
  text-align: center;
}
.blog-single .entry-content {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
/* nav single */
.nav-single {
  padding: 3em 0;
  text-transform: uppercase;
}
.nav-single h6 {
  font-size: 12px;
  letter-spacing: 1px;
  opacity: 0.4;
}
.nav-single h5 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1px;
}
.nav-single .meta-nav {
  margin-right: 0.6em;
}
.nav-single .nav-next .meta-nav {
  margin-left: 0.6em;
  margin-right: 0;
}
.nav-single .nav-next {
  text-align: right;
}

/* TAGS  */
.tags.entry-meta {
  margin: 3em 0 1em 0;
  padding: 1em 0.2em;
  list-style: none;
  text-align: left;
  clear: both;
}
.tags li {
  display: inline-block;
}
.tags a,
.tagcloud a {
  display: inline-block;
  line-height: 24px;
  font-size: 10px;
  font-weight: bold;
  position: relative;
  margin: 0 4px 8px 12px;
  padding: 0 10px 0 12px;
  background: #eaeeef;
  text-transform: uppercase;
  color: #6a7686;
  border-radius: 0 2px 2px 0;
}
.tags a:hover {
  color: #5bcf80;
}
.tags a:before,
.tagcloud a:before {
  content: "";
  float: left;
  position: absolute;
  top: 0px;
  left: -11px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: #eaeeef;
  border-style: solid;
  border-width: 12px 11px 12px 0;
}
.tags a:after,
.tagcloud a:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  float: left;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}

/* RELATED POSTS */
.related-posts {
  padding: 2em 0 0;
  text-align: center;
}
.related-posts .media-grid {
  min-height: 0;
  overflow: hidden;
}
.related-posts .media-grid .media-cell {
  margin-bottom: 0;
}
.related-posts .mask:before {
  font-size: 32px;
}
.related-posts .media-cell-desc {
  padding: 20px;
}

/* COMMENTS */
.comments-title {
  margin-bottom: 1.2em;
}
.comments-area {
  padding: 0;
}
.comments-area ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.commentlist {
  padding: 0;
  line-height: 1.6;
}
.comments-area ol ol {
  margin-left: 6%;
}
.comments-area article {
  position: relative;
  padding: 0.6em 0;
  margin-bottom: 0.8em;
  border-bottom: 1px solid #f4f3ef;
}
.commentlist > li:last-child > article {
  border-bottom: 0;
}
.comment-meta {
  text-transform: uppercase;
}
.comment-meta img {
  display: block;
  float: left;
  margin: 0 1em 0 0;
  border-radius: 50%;
  max-width: 52px;
}
.comment-meta .fn {
  display: block;
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  padding-top: 0.2em;
}
.comment-meta .comment-date {
  display: block;
  font-size: 11px;
  font-weight: 400;
  opacity: 0.5;
}
.comment-content {
  padding-top: 0.1em;
  clear: left;
}
.comment-content p {
  margin: 0.8em 0 0.2em 0;
  font-size: 0.875em;
}
.comment .reply {
  text-align: right;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* comment by post author  */
.bypostauthor > article {
  border-bottom-width: 4px;
}

/* COMMENT FORM */
#respond {
  padding: 0 0 1em 0;
  margin: 1em 0;
}
#reply-title {
  margin-bottom: 1.5em;
}
#reply-title small {
  padding-left: 14px;
  text-transform: uppercase;
  font-size: 16px;
}
.form-allowed-tags,
.comment-notes {
  display: none;
  font-size: 0.9em;
}
.form-allowed-tags code {
  margin-top: 1em;
}
.form-submit {
  margin-top: 2em;
}
#respond textarea {
  height: 4em;
}

/* WIDGET AREA */
.widget-area {
  padding: 2em 0;
  overflow: hidden;
}
.widget-area .widget {
  padding: 0 0 3em 0;
}
.widget-area a {
  color: #334455;
}
.widget-area a:hover {
  color: #1c262b;
}
.widget-title {
  margin-bottom: 2.4em;
  font-size: 11px;
  opacity: 0.6;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
}
.widget-title:after {
  display: block;
  width: 64px;
  height: 16px;
  content: "";
  background-image: url(../images/bckg/lines.png);
  background-size: 40px 7px;
  background-repeat: no-repeat;
  margin-top: 13px;
}
.widget-area ul li {
  font-size: 0.875em;
}
.widget-area ul ul ul li {
  font-size: inherit;
}
.widget label input {
  font-size: 13px !important;
  font-weight: 400;
}
.widget-area iframe {
  width: 100% !important;
  max-height: 290px;
}

/* DEFAULT WIDGETS */
.widget-area ul {
  margin-left: 1.2em;
  padding-left: 0;
}
.widget-area ul li {
  position: relative;
  margin-bottom: 0.4em;
  line-height: 1.5;
}

/* recent entries widget */
.widget_recent_entries ul {
  margin-left: 0;
  list-style: none;
}
.widget_recent_entries ul li {
  margin: 0;
  padding: 1em 0 0.5em 0;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid rgba(28, 38, 43, 0.05);
}
.widget_recent_entries ul li:last-child,
.widget_recent_entries ul li:last-child:hover {
  border-bottom: 0;
}

/* recent comments widget */
.widget_recent_comments ul li {
  font-style: italic;
}
.widget_recent_comments ul li a {
  font-style: normal;
}
.widget_recent_comments ul li a:nth-of-type(2) {
  font-weight: bold;
}

/* pages widget */
.widget_pages ul ul li {
  font-size: 1em;
}

/* text widget */
.textwidget {
  font-size: 0.875em;
}
.textwidget img {
  margin-bottom: 1em;
}

/* rss widget */
.widget_rss .rss-date,
.widget_rss cite:before {
  text-align: left;
  font-style: italic;
  color: #bbb;
}
.widget_rss .rss-date {
  margin-left: 1em;
  font-size: 0.875em;
}
.widget_rss ul li {
  padding-bottom: 1.4em;
}
.widget_rss ul li a.rsswidget {
  font-weight: bold;
}
.widget_rss .widget-title img {
  margin-right: 0.1em;
}
.widget_rss cite {
  display: block;
  margin-top: 0.6em;
  text-align: right;
}
.widget_rss cite:before {
  content: "by ";
}
.widget_rss .rssSummary {
  padding-top: 0.2em;
}

/* tag cloud widget */
.tagcloud a {
  font-size: 10px !important;
  font-weight: 400;
  color: #6a7686;
}

/* categories widget */
.widget_categories ul,
.widget_archive ul {
  list-style: none;
  margin: 0;
}
.widget_categories ul li.cat-item,
.widget_archive li {
  margin-bottom: 0.6em;
  padding: 7px 0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(28, 38, 43, 0.05);
}
.widget_categories ul li.cat-item a,
.widget_archive li a {
  display: inline-block;
  margin-right: 12px;
}
.widget_categories ul li:last-child a {
  border-bottom: 0;
}
.widget_categories ul ul li.cat-item {
  margin-bottom: 0;
}
.widget_categories ul ul {
  padding-left: 16px;
}
.widget_categories ul ul li.cat-item:last-child {
  border-bottom: 0;
}

/* search widget */
.widget_search .search-submit {
  margin-top: 12px;
  font-size: 11px;
}

/* calendar widget */
.widget_calendar table {
  width: 100%;
  max-width: 280px;
  margin-bottom: 0;
  font-size: 13px;
}
.widget_calendar thead {
  display: none;
}
.widget_calendar table caption {
  text-align: left;
  font-style: italic;
  padding-bottom: 8px;
  padding-left: 10px;
}
.widget_calendar table tr td,
.widget_calendar table tr th {
  padding: 0.5em 0;
}
.widget_calendar tbody a {
  font-weight: 700;
}
.widget_calendar tfoot {
  font-size: 13px;
}
.widget_calendar tfoot #prev {
  text-align: left;
}
.widget_calendar tfoot #next {
  text-align: right;
}

/* CUSTOM WIDGETS */

/* SOCIAL FEED */
.social-feed ul {
  margin-left: 0;
  list-style: none;
}
.social-feed ul li {
  display: inline-block;
  padding: 0 4px 4px 0;
  font-size: 0;
}
.social-feed ul li img {
  max-width: 80px;
  max-height: 100%;
}

/* TOP10 Popular Posts Widget */
.tptn_posts ul {
  list-style: none;
  margin: 0;
}
.tptn_posts ul li {
  display: block;
  clear: left;
  overflow: hidden;
  margin-bottom: 1.2em;
}
.tptn_posts li > .tptn_link {
  float: left;
}
.tptn_posts img {
  max-height: 76px;
  width: auto;
}
.tptn_posts .tptn_link {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.tptn_title {
  display: inline-block;
  padding-top: 12px;
}
.tptn_posts .tptn_after_thumb {
  display: block;
  margin-left: 100px;
}
.tptn_posts .tptn_after_thumb > span {
  font-size: 12px;
  opacity: 0.5;
  margin-right: 6px;
  display: inline-block;
  padding-top: 2px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

/* PORTFOLIO SINGLE */
.p-overlay {
  position: fixed;
  z-index: 1000;
  display: none;
  width: 100%;
  background: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

/* fix : chrome portfolio single video z-index issue */
.p-animating .p-overlay {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.p-overlay .portfolio-single {
  width: 88%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
.p-overlay-on {
  overflow: hidden;
}

.animate-in {
  -webkit-animation-name: zoomShow;
  animation-name: zoomShow;
}
.animate-out {
  -webkit-animation-name: zoomHide;
  animation-name: zoomHide;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
@-webkit-keyframes zoomShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes zoomHide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes zoomHide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.p-overlay .page-layout {
  position: relative !important;
  padding: 0;
}
.portfolio-single {
  text-align: center;
}

.portfolio-desc {
  max-width: 640px;
  margin: 0 auto 5em;
}
.portfolio-meta {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.portfolio-meta strong {
  margin-right: 2px;
  margin-left: 22px;
}
.portfolio-meta strong:first-child {
  margin-left: 0;
}

.mini-text {
  max-width: 460px;
  margin: 2em auto 3em;
  padding: 0 2em;
  text-align: center;
}
.mini-text h3 {
  font-size: 1.2em;
  margin-bottom: 18px;
}
.mini-text h4 {
  font-size: 1em;
  margin-bottom: 6px;
}
.mini-text p {
  line-height: 1.7;
}
.portfolio-single .entry-content img,
.portfolio-single .entry-content .fluid-width-video-wrapper,
.portfolio-single .entry-content iframe,
.portfolio-single .entry-content video {
  margin-bottom: 2em;
  margin-top: 0;
}
.portfolio-single .entry-content .gallery-item img {
  margin: 0;
}
/* portfolio single nav  */
.portfolio-nav {
  text-align: center;
  margin-bottom: 2em;
}
.portfolio-nav a {
  display: inline-block;
  text-align: center;
  padding: 22px;
  margin-right: -18px;
  line-height: 1;
  color: #1c262b;
  border: 1px solid rgba(28, 38, 43, 0.1);
  cursor: pointer;
  border-radius: 50%;
  background: #fff;
}
.portfolio-nav a:before {
  font-size: 12px;
}
.portfolio-nav a:hover {
  color: #fff;
  border-color: transparent;
  background-color: #8acb82;
}
.portfolio-nav a:before {
  line-height: 1;
}
.portfolio-nav .prev a:before {
  content: "\e873";
}
.portfolio-nav .next a:before {
  content: "\e874";
}
.portfolio-nav .back {
  display: none;
}
.portfolio-nav .back a:before {
  content: "\e875";
}
.portfolio-nav .back a:hover {
  background: #345;
}
.one-page-layout .portfolio-nav .back {
  display: inline-block;
}

.card-footer {
  text-align: center;
  display: none;
}
.card-footer + .site-footer {
  display: none;
  border: 0;
  opacity: 0.55;
}
.card-footer + .site-footer .site-info {
  letter-spacing: 3px;
}
.is-ajax-page-loaded .card-footer,
.is-ajax-page-loaded .card-footer + .site-footer {
  display: block;
}
.card-footer h1 {
  padding: 80px 0 50px;
  margin: 0;
}
.card-footer a {
  color: inherit;
  opacity: 0.3;
}
.card-footer a:hover {
  color: inherit;
  opacity: 0.4;
}

/*  --------------------------------------------

	6. THEME - customize colors etc...
	
    -------------------------------------------- */
body {
  color: #345;
}
/* Links */
a {
  color: #345;
}
a:hover {
  color: #399670;
}

/* Text Selection */
::selection {
  text-shadow: none;
  color: #333;
  background: #ffffcf;
}
::-moz-selection {
  text-shadow: none;
  color: #333;
  background: #ffffcf;
}

/* COLORS
   ================================================== */

/* PRIMARY COLOR : #345 */
.pagination a:hover,
.navigation a:hover,
a.more-link:hover,
.event:nth-of-type(2):after,
.elementor-widget:nth-of-type(2) .event:after,
.portfolio-nav a:hover,
.skill-unit .bar .progress,
#nprogress .bar {
  background-color: #345;
}
.bypostauthor > article,
.event h3,
input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus,
input:focus,
select:focus,
.tabs .tab-titles li a.active {
  border-color: #345;
}
.event h3,
.entry-title a:hover {
  color: #345;
}
#nprogress .spinner-icon {
  border-top-color: #345;
  border-left-color: #345;
}