/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	01.	GOOGLE FONTS
	02.	BODY
	03.	CUSTOM CLASSES
	04. FORM ELEMENTS
	05.	SECTIONS
	06.	HTML TAGS
	07.	LINKS
	08.	MODAL
	09.	PAGINATION
	10. PRELOADER
	11.	TRANSITION OVERLAY
	12.	SANDWICH BUTTON
	13.	SCROLL DOWN
	14.	NAVIGATION MENU
	15.	HEADER
	16.	SOCIAL MEDIA
	17.	NAVBAR
	18.	SLIDER
	19.	PAGE HEADER
	20.	VIDEO BG
	21.	WORKS
	22.	FEATURES CONTENT
	23.	LISTING CONTENT
	24.	FULL MEDIA CONTENT
	25.	INTRODUCTION
	26. OUR TEAM
	27.	NEWS
	28.	SAY HELLO
	29.	clientes
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES



*/
/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@font-face {
  font-family: 'Visby Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Regular'), url('../fonts/VisbyRegular.woff') format('woff');
}


@font-face {
  font-family: 'Visby Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Bold Italic'), url('../fonts/VisbyBold Italic.woff') format('woff');
}


@font-face {
  font-family: 'Visby Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Bold'), url('../fonts/VisbyBold.woff') format('woff');
}


@font-face {
  font-family: 'Visby Extrabold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Extrabold Italic'), url('../fonts/VisbyExtrabold Italic.woff') format('woff');
}


@font-face {
  font-family: 'Visby Extrabold';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Extrabold'), url('../fonts/VisbyExtrabold.woff') format('woff');
}


@font-face {
  font-family: 'Visby Heavy Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Heavy Italic'), url('../fonts/VisbyHeavy Italic.woff') format('woff');
}


@font-face {
  font-family: 'Visby Heavy';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Heavy'), url('../fonts/VisbyHeavy.woff') format('woff');
}


@font-face {
  font-family: 'Visby Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Italic'), url('../fonts/VisbyItalic.woff') format('woff');
}


@font-face {
  font-family: 'Visby Light Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Light Italic'), url('../fonts/VisbyLight Italic.woff') format('woff');
}


@font-face {
  font-family: 'Visby Light';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Light'), url('../fonts/VisbyLight.woff') format('woff');
}


@font-face {
  font-family: 'Visby Medium Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Medium Italic'), url('../fonts/VisbyMedium Italic.woff') format('woff');
}


@font-face {
  font-family: 'Visby Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Medium'), url('../fonts/VisbyMedium.woff') format('woff');
}


@font-face {
  font-family: 'Visby Semibold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Semibold Italic'), url('../fonts/VisbySemibold Italic.woff') format('woff');
}


@font-face {
  font-family: 'Visby Semibold';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Semibold'), url('../fonts/VisbySemibold.woff') format('woff');
}


@font-face {
  font-family: 'Visby Thin Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Thin Italic'), url('../fonts/VisbyThin Italic.woff') format('woff');
}


@font-face {
  font-family: 'Visby Thin';
  font-style: normal;
  font-weight: normal;
  src: local('Visby Thin'), url('../fonts/VisbyThin.woff') format('woff');
}

* {
  outline: none !important;
}

body {
  font-size: 16px;
  background: #090028;
  font-family: 'Raleway', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  top: 0 !important;
  overflow: hidden;
}

html {
  height: 100%;
}

/* HTML ELEMENTS */
img {
  max-width: 100%;
}

b {
  font-weight: 600;
}

strong {
  font-weight: 800;
}

/* CUSTOM CLASSES */
@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}

.header-spacing {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.overflow {
  overflow: hidden;
}

/* FORM ELEMENTS */
input[type="text"],
input[type="email"],
input[type="tel"] {
  height: 58px;
  line-height: 54px;
  display: inline-block;
  border: 2px solid #eee;
  padding: 0 20px;
}

textarea {
  height: 158px;
  line-height: 54px;
  display: inline-block;
  border: 2px solid #eee;
  padding: 0 20px;
}

label {
  display: block;
  font-weight: 600;
}

button[type="submit"] {
  height: 58px;
  cursor: pointer;
  display: inline-block;
  padding: 0 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: #090028;
  color: #fff;
  border: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

button[type="submit"]:hover {
  background: #fb0000;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* SECTIONS */
main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 5;
  background: #090028;
}

/* LINKS */
a {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  color: #000;
}

a:hover {
  text-decoration: underline;
}

/* GLITCH ANIMZ */
@keyframes noise-anim {
  0% {
    clip: rect(61px, 9999px, 101px, 0);
  }

  5% {
    clip: rect(7px, 9999px, 65px, 0);
  }

  10% {
    clip: rect(118px, 9999px, 116px, 0);
  }

  15% {
    clip: rect(71px, 9999px, 128px, 0);
  }

  20% {
    clip: rect(30px, 9999px, 12px, 0);
  }

  25% {
    clip: rect(43px, 9999px, 105px, 0);
  }

  30% {
    clip: rect(1px, 9999px, 101px, 0);
  }

  35% {
    clip: rect(36px, 9999px, 48px, 0);
  }

  40% {
    clip: rect(125px, 9999px, 56px, 0);
  }

  45% {
    clip: rect(45px, 9999px, 57px, 0);
  }

  50% {
    clip: rect(30px, 9999px, 3px, 0);
  }

  55% {
    clip: rect(35px, 9999px, 35px, 0);
  }

  60% {
    clip: rect(96px, 9999px, 97px, 0);
  }

  65% {
    clip: rect(51px, 9999px, 56px, 0);
  }

  70% {
    clip: rect(81px, 9999px, 29px, 0);
  }

  75% {
    clip: rect(127px, 9999px, 100px, 0);
  }

  80% {
    clip: rect(81px, 9999px, 36px, 0);
  }

  85% {
    clip: rect(99px, 9999px, 1px, 0);
  }

  90% {
    clip: rect(89px, 9999px, 53px, 0);
  }

  95% {
    clip: rect(109px, 9999px, 64px, 0);
  }

  100% {
    clip: rect(5px, 9999px, 117px, 0);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(48px, 9999px, 57px, 0);
  }

  5% {
    clip: rect(107px, 9999px, 17px, 0);
  }

  10% {
    clip: rect(41px, 9999px, 37px, 0);
  }

  15% {
    clip: rect(79px, 9999px, 128px, 0);
  }

  20% {
    clip: rect(101px, 9999px, 108px, 0);
  }

  25% {
    clip: rect(71px, 9999px, 89px, 0);
  }

  30% {
    clip: rect(43px, 9999px, 37px, 0);
  }

  35% {
    clip: rect(118px, 9999px, 80px, 0);
  }

  40% {
    clip: rect(95px, 9999px, 2px, 0);
  }

  45% {
    clip: rect(120px, 9999px, 69px, 0);
  }

  50% {
    clip: rect(81px, 9999px, 101px, 0);
  }

  55% {
    clip: rect(17px, 9999px, 106px, 0);
  }

  60% {
    clip: rect(23px, 9999px, 117px, 0);
  }

  65% {
    clip: rect(24px, 9999px, 5px, 0);
  }

  70% {
    clip: rect(37px, 9999px, 64px, 0);
  }

  75% {
    clip: rect(19px, 9999px, 129px, 0);
  }

  80% {
    clip: rect(83px, 9999px, 48px, 0);
  }

  85% {
    clip: rect(9px, 9999px, 10px, 0);
  }

  90% {
    clip: rect(66px, 9999px, 127px, 0);
  }

  95% {
    clip: rect(12px, 9999px, 51px, 0);
  }

  100% {
    clip: rect(81px, 9999px, 114px, 0);
  }
}

/* DOTS MENU */
.dots-menu {
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

.dots-menu .pix {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 100%;
  transition: 0.2s ease-in-out;
}

.dots-menu .pix:nth-of-type(1) {
  transform: translate(0px, 0px);
}

.dots-menu .pix:nth-of-type(2) {
  transform: translate(8px, 0px);
}

.dots-menu .pix:nth-of-type(3) {
  transform: translate(16px, 0px);
}

.dots-menu .pix:nth-of-type(4) {
  transform: translate(0px, 8px);
}

.dots-menu .pix:nth-of-type(5) {
  transform: translate(8px, 8px);
}

.dots-menu .pix:nth-of-type(6) {
  transform: translate(16px, 8px);
}

.dots-menu .pix:nth-of-type(7) {
  transform: translate(0px, 16px);
}

.dots-menu .pix:nth-of-type(8) {
  transform: translate(8px, 16px);
}

.dots-menu .pix:nth-of-type(9) {
  transform: translate(16px, 16px);
}

.dots-menu:hover .pix {
  background-color: #bf0000;
}

.dots-menu:hover .pix:nth-of-type(1) {
  transform: translate(-4px, -4px);
}

.dots-menu:hover .pix:nth-of-type(3) {
  transform: translate(20px, -4px);
}

.dots-menu:hover .pix:nth-of-type(7) {
  transform: translate(-4px, 20px);
}

.dots-menu:hover .pix:nth-of-type(9) {
  transform: translate(20px, 20px);
}

.dots-menu.active .pix:nth-of-type(1) {
  transform: translate(0, 0);
}

.dots-menu.active .pix:nth-of-type(2) {
  transform: translate(4px, 4px);
}

.dots-menu.active .pix:nth-of-type(3) {
  transform: translate(16px, 0);
}

.dots-menu.active .pix:nth-of-type(4) {
  transform: translate(4px, 12px);
}

.dots-menu.active .pix:nth-of-type(6) {
  transform: translate(12px, 4px);
}

.dots-menu.active .pix:nth-of-type(7) {
  transform: translate(0, 16px);
}

.dots-menu.active .pix:nth-of-type(8) {
  transform: translate(12px, 12px);
}

.dots-menu.active .pix:nth-of-type(9) {
  transform: translate(16px, 16px);
}

.dots-menu.active:hover .pix:nth-of-type(1) {
  transform: translate(-4px, -4px);
}

.dots-menu.active:hover .pix:nth-of-type(2) {
  transform: translate(2px, 2px);
}

.dots-menu.active:hover .pix:nth-of-type(3) {
  transform: translate(20px, -4px);
}

.dots-menu.active:hover .pix:nth-of-type(4) {
  transform: translate(2px, 14px);
}

.dots-menu.active:hover .pix:nth-of-type(6) {
  transform: translate(14px, 2px);
}

.dots-menu.active:hover .pix:nth-of-type(7) {
  transform: translate(-4px, 20px);
}

.dots-menu.active:hover .pix:nth-of-type(8) {
  transform: translate(14px, 14px);
}

.dots-menu.active:hover .pix:nth-of-type(9) {
  transform: translate(20px, 20px);
}

/* MODAL */
.modal .modal-dialog {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
}

.modal .modal-dialog .modal-content {
  width: 100%;
  height: 300px;
  margin-top: 30%;
  border-radius: 0;
  border: none;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  position: relative;
}

.modal .modal-dialog .modal-content .close {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #bf0000;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  text-align: center;
  font-size: 13px;
}

.modal #map {
  width: 100%;
  height: 300px;
  float: left;
}

/* PAGINATION */
.pagination {
  width: 100%;
  height: 40px;
  display: block;
  float: left;
  text-align: center;
  margin: 0;
}

.pagination li.page-item {
  float: none;
  display: inline-block;
}

.pagination li.page-item a.page-link {
  height: 40px;
  line-height: 36px;
  border: 2px solid #000;
  float: left;
  border-radius: 0 !important;
  font-size: 12px;
  color: #000;
  font-weight: 600;
  padding: 0 20px;
}

/* PRELOADER */
/* .preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 13;
  background: #bf0000;
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
}

.preloader .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/favicon.png) center no-repeat #090028;
  background-size: 80px 80px;
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
}

.preloader .holder {
  width: 100%;
  height: 26px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 50px;
  text-align: center;
}

.preloader .typewriter {
  font-family: 'Visby Bold', sans-serif;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  color: #fff;
}

.preloader .typewriter #typewriter-text {
  float: left;
  font-size: 12px;
  margin-left: 5px;
  margin-top: -2px;
  margin-right: 3px;
}

.preloader .typewriter #typewriter-suffix {
  width: 2px;
  height: 16px;
  display: inline-block;
  background: #bf0000;
  text-indent: -1000px;
  overflow: hidden;
}

.preloader .loader {
  width: 100%;
  height: 3px;
  border: none;
  border-radius: none;
  position: absolute;
  top: 0;
  left: 0;
}

.preloader .loader:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}

.preloader .trackbar {
  width: 100%;
  height: 100%;
  border-radius: 0;
  color: #fff;
  text-align: center;
  position: relative;
  background: #808080;
  opacity: 0.99;
}

.preloader .loadbar {
  width: 0%;
  height: 100%;
  background: #bf0000;
  box-shadow: 0px 0px 10px #bf0000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation: flicker 5s infinite;
  overflow: hidden;
} */

/* PAGE LOADED */
.page-loaded {
  overflow: inherit;
}

.page-loaded .preloader {
  left: 100%;
  transition-delay: 0.5s;
}

.page-loaded .preloader .inner {
  left: 100%;
}

.page-loaded .navbar {
  transform: translateY(0);
}

.page-loaded .header {
  margin: 0;
}

.page-loaded .header .slider {
  transform: scale(1);
  opacity: 1;
}

.page-loaded .header .slider .gallery-thumbs {
  transform: translateX(0);
  opacity: 1;
}

/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 13;
  visibility: hidden;
}

.transition-overlay .black-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 3;
  background: #000;
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
}

.transition-overlay .green-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 2;
  background: #bf0000;
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
}

.transition-overlay.open {
  visibility: visible;
}

.transition-overlay.open .green-layer {
  left: 0;
  transition-delay: 0s;
}

.transition-overlay.open .black-layer {
  left: 0;
  transition-delay: 0.4s;
}

/* SANDWICH BUTTON */
.sandwich-btn {
  width: 46px;
  height: 46px;
  float: right;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
}

.sandwich-btn span {
  display: block;
  height: 2px;
  width: 18px;
  background: #fff;
  opacity: 1;
  position: absolute;
  right: 8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.sandwich-btn span:nth-child(1) {
  top: 8px;
}

.sandwich-btn span:nth-child(2) {
  top: 16px;
}

.sandwich-btn span:nth-child(3) {
  top: 24px;
}

.sandwich-btn.open span:nth-child(1) {
  top: 16px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.sandwich-btn.open span:nth-child(2) {
  top: 16px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.sandwich-btn.open span:nth-child(3) {
  display: none;
}

/* NAVIGATION MENU */
.navigation-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8;
  visibility: hidden;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.navigation-menu .black-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 3;
  background: #090028;
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
}

.navigation-menu .green-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 2;
  background: #bf0000;
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
}

.navigation-menu .inner {
  color: #fff;
  position: relative;
  z-index: 4;
  text-align: center;
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  opacity: 0;
  transform: scale(1.1);
}

.navigation-menu .inner ul {
  display: block;
  margin: 0;
  padding: 0;
}

.navigation-menu .inner ul li {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.navigation-menu .inner * {
  transition: max-height 2s ease-out !important;
  transition-delay: 0s !important;
}

.navigation-menu .inner ul li .dropdown {
  position: relative;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  background: #090028;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.navigation-menu .inner ul li .dropdown li {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.navigation-menu .inner ul li .dropdown li a {
  float: left;
  font-size: 23px;
  line-height: 35px;
}

.navigation-menu .inner ul li .dropdown li a:hover:before {
  height: 1px;
  z-index: 1;
}

.navigation-menu .inner ul li a, .navigation-menu .inner ul li span {
  font-size: 40px;
  font-weight: 800;
  line-height: 53px;
  color: #fff;
  position: relative;
  font-family: 'Visby Bold', sans-serif;
}

.navigation-menu .inner ul li a:before, .navigation-menu .inner ul li span:before {
  content: "";
  width: 0;
  height: 8px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background: #bf0000;
  z-index: -1;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.navigation-menu .inner ul li a:hover, .navigation-menu .inner ul li span:hover {
  text-decoration: none;
}

.navigation-menu .inner ul li a:hover:before, .navigation-menu .inner ul li span:hover:before {
  width: 100%;
}

.navigation-menu .inner address li {
  margin-bottom: 5px;
}

.navigation-menu .inner address li a:before {
  height: 3px;
}

.navigation-menu .inner address i {
  color: #fb0000;
}

.navigation-menu .inner address a {
  font-size: 18px !important;
  line-height: 20px !important;
}

.navigation-menu.open {
  visibility: visible;
}

.navigation-menu.open .green-layer {
  left: 0;
  transition-delay: 0s;
}

.navigation-menu.open .black-layer {
  left: 0;
  transition-delay: 0.4s;
}

.navigation-menu.open .inner {
  opacity: 1;
  transition-delay: 0.5s;
  transform: scale(1);
}

/* HEADER */
.header {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  left: 0;
  top: 0;
}

/* SOCIAL MEDIA */
.social-media {
  width: 38px;
  position: absolute;
  z-index: 7;
  right: 60px;
  top: 200px;
  text-align: center;
  margin: 0;
  padding: 0;
}

.social-media li {
  width: 100%;
  float: left;
  display: block;
  padding: 0;
  list-style: none;
}

.social-media li a {
  width: 100%;
  float: left;
  color: #fff;
  font-size: 13px;
  margin: 10px 0;
}

.social-media li a:hover {
  color: #bf0000;
}

/* SCROLL DOWN */
.scroll-down {
  width: 1px;
  height: 90px;
  position: absolute;
  right: 63px;
  bottom: 30px;
  z-index: 2;
}

.scroll-down b {
  width: 100px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  transform-origin: left;
  margin-left: -15px;
  margin-top: 0;
  transform: rotate(90deg);
  float: left;
}

.scroll-down span {
  display: block;
  position: relative;
  padding-top: 79px;
  text-align: center;
}

.scroll-down span::before {
  -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
}

.scroll-down span::before {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -0.5px;
  width: 1px;
  height: 100px;
  background: #fff;
  content: "";
}

/* NAVBAR */
.navbar {
  width: 100%;
  height: 78px;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 60px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  transform: translateY(-100%);
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  transition-delay: 0.8s;
}

.navbar.hide {
  transform: translateY(-100%);
}

.navbar .logo {
  margin-left: 0;
  margin-right: 20px;
}

.navbar .logo img {
  height: 45px;
}

.navbar .email-us {
  margin-left: 0;
  margin-right: auto;
  color: #fff;
  font-size: 14px;
}

.navbar .email-us a {
  color: #808080;
  text-decoration: underline;
}

.navbar .email-us a:hover {
  color: #fff;
}

.navbar .email-us a span {
  color: #fff;
  text-decoration: underline;
}

.navbar .languages {
  margin-left: auto;
  margin-right: 50px;
  font-family: 'Visby Regular', sans-serif;
}

.navbar .languages a {
  float: left;
  margin-left: 10px;
  color: #9b9b9b;
  font-size: 14px;
}

.navbar .languages a:hover {
  color: #bf0000;
  text-decoration: none;
}

.navbar .languages a.active {
  color: #fff;
}

.navbar .sandwich-nav {
  margin-right: 0;
}

.navbar .sandwich-nav b {
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  font-weight: 400;
  font-family: 'Visby Regular', sans-serif;
}

.navbar .sandwich-nav .circle {
  width: 38px;
  height: 38px;
  float: right;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
}

.navbar .sandwich-nav .circle.open {
  border-color: #fff;
  background: #fff;
}

.navbar .sandwich-nav .circle.open span {
  background: #fb0000;
}

/* SLIDER */
.header {
  margin: 0;
}

.header .slider {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1.4);
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  transition-delay: 0.6s;
  opacity: 0;
}

.header .slider:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/lines.png);
  z-index: 1;
}

.header .gallery-top {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #000;
}

.header .gallery-top .swiper-wrapper {
  opacity: 0.6;
}

.header .gallery-top .swiper-wrapper .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .gallery-thumbs {
  height: 60%;
  position: absolute;
  left: 60px;
  top: 20%;
  z-index: 2;
  overflow: hidden;
  transform: translateX(-100px);
  opacity: 0;
  -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
  /* custom */
  transition-delay: 0.8s;
}

.header .gallery-thumbs .swiper-slide {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 90px;
  color: #808080;
  font-weight: 700;
}

.header .gallery-thumbs .swiper-slide.swiper-slide-active {
  color: #fff;
}

.header .gallery-thumbs .swiper-slide.swiper-slide-active a {
  display: block;
}

.header .gallery-thumbs .swiper-slide a {
  font-size: 14px;
  display: none;
  float: right;
  color: #bf0000;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: -20px;
}

.header .gallery-thumbs .swiper-slide a:hover {
  text-decoration: none;
}

.header .gallery-thumbs .swiper-slide a:hover .plus {
  color: #000;
  background: #fff;
}

.header .gallery-thumbs .swiper-slide a .plus {
  width: 30px;
  height: 30px;
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  margin-left: 6px;
  text-align: center;
  line-height: 27px;
  color: #fff;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.header .swiper-pagination {
  width: auto;
  position: absolute;
  left: 60px;
  bottom: 30px;
  color: #fff;
  z-index: 99;
}

.header .swiper-pagination span:first-child {
  font-size: 56px;
  height: 50px;
  line-height: 50px;
  float: left;
  overflow: hidden;
  padding-top: 3px;
  font-weight: 600;
}

.header .swiper-pagination span:last-child {
  font-size: 14px;
}

.header .swiper-pagination span:before {
  content: "0";
}

/* PARTICLES MASK */
.particles-mask {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/pattern-bg2.png) center no-repeat #131313;
  background-size: auto 100% !important;
  padding: 0 100px;
}

.particles-mask .inner {
  width: 100%;
}

.particles-mask .inner .masker {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.particles-mask .inner .masker h1 {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 12vw;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  position: relative;
}

.particles-mask .inner .masker h1:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 blue;
  top: 0;
  color: white;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
}

.particles-mask .inner .masker h1:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 red;
  top: 0;
  color: white;
  overflow: hidden;
  clip: rect(0, xw00px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
}

.particles-mask .inner h5 {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  padding: 0 30%;
  line-height: 30px;
  margin-bottom: 40px;
}

.particles-mask .inner a {
  height: 58px;
  line-height: 56px;
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  padding: 0 45px;
  font-size: 12px;
  font-weight: 600;
}

.particles-mask .inner a:hover {
  background: #bf0000;
  color: #fff;
  border-color: #bf0000;
  text-decoration: none;
}

.particles-mask #particles-js {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: darken;
}

/* MOTION BLUR */
.motion-blur {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}

.motion-blur canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.motion-blur .inner {
  display: inline-block;
  position: relative;
  z-index: 2;
  text-align: center;
}

.motion-blur .inner h1 {
  font-size: 10vw;
  font-weight: 800;
  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}

.motion-blur .inner h5 {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 40px;
}

.motion-blur .inner a {
  width: 48px;
  height: 48px;
  line-height: 46px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 300;
  border: 2px solid #fff;
}

.motion-blur .inner a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}

/* ANIMATION BG*/
.animation-bg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/anim-hero.gif) center no-repeat #131313;
}

.animation-bg .inner {
  display: inline-block;
  position: relative;
  z-index: 2;
  text-align: center;
}

.animation-bg .inner img {
  display: inline-block;
  width: 650px;
  max-width: 100%;
}

/* VIDEO HERO */
.video-hero {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}

.video-hero .inner {
  display: inline-block;
  position: relative;
  z-index: 2;
  text-align: center;
}

.video-hero .inner h1 {
  font-size: 10vw;
  font-weight: 800;
  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}

.video-hero .inner h5 {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 40px;
}

.video-hero a {
  height: 58px;
  line-height: 56px;
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  padding: 0 45px;
  font-size: 12px;
  font-weight: 600;
}

.video-hero a:hover {
  background: #bf0000;
  color: #fff;
  border-color: #bf0000;
  text-decoration: none;
}

/* KINETIC SLIDER */
.kinetic-slider {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.kinetic-slider canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.slider-controls {
  display: flex;
  position: absolute;
  left: 60px;
  bottom: 0;
  z-index: 1;
  padding: 20px 0;
  color: #fff;
}

.slider-controls .main-nav {
  display: inline-block;
  cursor: pointer;
  font-family: 'Fjalla One', sans-serif;
}

.slider-controls .prev {
  margin-right: 15px;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background: #090028;
  position: fixed;
  left: 0;
  top: 0;
}

.page-header:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/lines.png);
  z-index: 1;
}

.page-header .inner {
  width: 100%;
  padding: 0 60px;
  margin-top: 39px;
  position: relative;
  z-index: 3;
}

.page-header .inner h2 {
  font-size: 110px;
  font-weight: 800;
  line-height: 1;
  color: #fb0000;
  position: relative;
  font-family: 'Visby Bold', sans-serif;
}

.page-header .inner h2:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 blue;
  top: 0;
  color: #fb0000;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
}

.page-header .inner h2:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 red;
  top: 0;
  color: #fb0000;
  overflow: hidden;
  clip: rect(0, xw00px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
}

.page-header .inner p {
  font-size: 26px;
  line-height: 40px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 0;
  padding-right: 40%;
  font-family: 'Raleway', sans-serif;
}

.page-header-spacing {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: nowrap;
}

/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: #090028;
}

.video-bg video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.1;
  mix-blend-mode: luminosity;
}

/* WORKS */
.works {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 100px;
  padding-bottom: 70px;
}

.works.two-cols ul li {
  width: 50%;
}

.works.four-cols ul li {
  width: 25%;
}

.works.four-cols ul li figure figcaption {
  padding: 20px;
}

.works.four-cols ul li figure figcaption h3 {
  font-size: 20px;
  margin-left: -30px;
}

.works.four-cols ul li figure figcaption small {
  margin-bottom: 20px;
}

.works ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

.works ul li {
  width: 33.33333%;
  float: left;
  margin: 0;
  margin-bottom: 80px;
  padding: 0 25px;
  list-style: none;
}

.works ul li:nth-child(2n+2) {
  margin-top: 80px;
}

.works ul li:nth-child(3n+3) {
  margin-top: 40px;
}

.works ul li figure {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  margin: 0;
  transform-style: preserve-3d;
}

.works ul li figure * {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.works ul li figure:hover {
  margin: 0;
}

.works ul li figure:hover .thumb {
  box-shadow: 4px 21px 44px -13px rgba(0, 0, 0, 0.75);
}

.works ul li figure:hover figcaption {
  text-shadow: 2px 10px 10px rgba(0, 0, 0, 0.35);
}

.works ul li figure .thumb {
  width: 100%;
}

.works ul li figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 20px;
  width: 100%;
  background: rgb(9 0 40 / 40%);
}

.works ul li figure figcaption .brand {
  height: 50px;
  border-radius: 50%;
  margin-top: 20px;
  margin-bottom: 10px;
}

.works ul li figure figcaption h3 {
  color: #fff;
  font-weight: 800;
  margin-bottom: 15px;
  font-family: 'Visby Bold', sans-serif;
}

/* .works ul li figure figcaption a {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 30px;
  text-decoration: underline;
} */

.works ul li figure figcaption a {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 2px;
  text-transform: uppercase;
  border-bottom: 2px solid #fff;
  transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
}

.works ul li figure figcaption a:hover {
  text-decoration: none;
  border-bottom: 2px solid #fb0000;
  transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
}

/* WORKS FILTER */
.filter-bar {
  width: 100%;
  float: none;
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
}

.filter-bar .works-filter {
  float: left;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.filter-bar .works-filter li {
  float: left;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
  opacity: 0;
  transform: translateY(10px);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.filter-bar .works-filter li:nth-child(1) {
  transition-delay: 0s;
}

.filter-bar .works-filter li:nth-child(2) {
  transition-delay: 0.05s;
}

.filter-bar .works-filter li:nth-child(3) {
  transition-delay: 0.10s;
}

.filter-bar .works-filter li:nth-child(4) {
  transition-delay: 0.15s;
}

.filter-bar .works-filter li:nth-child(5) {
  transition-delay: 0.20s;
}

.filter-bar .works-filter li:nth-child(6) {
  transition-delay: 0.25s;
}

.filter-bar .works-filter li:nth-child(7) {
  transition-delay: 0.30s;
}

.filter-bar .works-filter li:nth-child(8) {
  transition-delay: 0.35s;
}

.filter-bar .works-filter li:nth-child(9) {
  transition-delay: 0.40s;
}

.filter-bar .works-filter li a {
  float: left;
  font-size: 16px;
  color: #fff;
  border-bottom: 2px solid transparent;
  padding: 0 2px;
  padding-bottom: 2px;
  font-family: 'Visby Bold', sans-serif;
}

.filter-bar .works-filter li a.current {
  color: #bf0000;
  border-bottom: 2px solid #bf0000;
}

.filter-bar .works-filter li a:hover {
  color: #bf0000;
  text-decoration: none;
}

.filter-bar .works-filter.active li {
  opacity: 1;
  transform: translateY(0);
}

.filter-btn {
  float: right;
}

.filter-btn span {
  float: right;
  line-height: 22px;
  font-weight: 600;
  font-size: 13px;
  margin-right: 20px;
  color: #fff;
}

/* CASE DETAIL */
.case-details {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}

.case-details figure {
  width: 100%;
  float: left;
  margin: 0 !important;
}

.case-details figure img {
  width: 100%;
  float: left;
}

.case-details h3 {
  font-size: 40px;
  line-height: 35px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #fff;
  font-family: 'Visby Bold', sans-serif;
}

.solucao:nth-child(2n) {
  padding-left: 0;
  padding-right: 15px;
  background: #bf0000;
  background-image: url(../images/lines.png);
}

.case-details h6 {
  font-weight: 300;
  font-size: 24px;
  line-height: 34px;
  padding-right: 40%;
  margin-bottom: 20px;
}

.case-details p {
  color: #fff;
  font-size: 20px;
}

.case-details .case-navbar {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  background: #090028;
  padding: 0;
  text-align: center;
  z-index: 2;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
}

.case-details .case-navbar ul {
  width: 100%;
  float: left;
  padding: 30px 0;
  margin: 0;
}

.case-details .case-navbar ul li {
  display: inline-flex;
  margin: 0 30px;
  padding: 0;
  list-style: none;
  align-items: center;
}

.case-details .case-navbar ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Visby Bold', sans-serif;
}

.case-details .case-navbar ul li img {
  width: 25px;
  margin-right: 5px;
}

.case-details .case-navbar ul li a:hover {
  color: #bf0000;
  text-decoration: none;
}

/* FEATURES CONTENT */
.features-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 100px;
  padding-bottom: 70px;
  background: #fff;
}

.features-content h2 {
  color: #090028;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 40px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.features-content h6 {
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  color: #808080;
  padding-right: 20%;
}

.clientes h2 {
  color: #090028;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.clientes h6 {
  padding: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  color: #808080;
}

.works h2 {
  color: #fb0000;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.works h6 {
  padding: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
}

.features-content h5 {
  font-size: 20px;
  font-weight: 300;
  color: #808080;
  margin-top: -20px;
  margin-bottom: 80px;
}

.features-content i {
  font-size: 60px;
  height: 55px;
  color: #fb0000;
  margin-bottom: 20px;
  transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
}

.features-content a:hover i {
  color: #090028;
  transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
}

.features-content h4 {
  font-weight: 800;
  font-size: 17px;
  margin-bottom: 15px;
}

.features-content h4>a {
  color: #090028;
}

.features-content p {
  font-size: 14px;
  color: #808080;
  line-height: 22px;
  margin-bottom: 10px;
  text-align: justify;
  font-family: 'Raleway', sans-serif;
}

.features-content ul {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: -13px;
  margin-bottom: 70px;
  padding: 0;
}

.features-content ul li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 5px 0;
  list-style: none;
  font-size: 14px;
  color: #808080;
}

.features-content a.link {
  font-size: 12px;
  color: #bf0000;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 50px;
  position: relative;
}

.features-content h4 a:hover {
  color: #bf0000;
  text-decoration: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.features-content a.link:before {
  content: "";
  width: 0;
  height: 2px;
  background: #bf0000;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.features-content a.link:hover {
  text-decoration: none;
}

.features-content a.link:hover:before {
  width: 100%;
}

/* LISTING CONTENT */
.listing-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  color: #fff;
}

.listing-content h3 {
  font-family: 'Fjalla One', sans-serif;
}

.listing-content ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.listing-content ul li {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  font-size: 13px;
}

/* FULL MEDIA CONTENT */
.full-media-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-size: cover !important;
  position: relative;
}

.full-media-content .video-bg video {
  opacity: 1;
}

.full-media-content .sides {
  flex: 1;
  padding: 100px 0;
  position: relative;
}

.full-media-content .sides figure {
  width: 50%;
  position: relative;
  z-index: 2;
  float: right;
  margin-bottom: 0;
  margin-right: -40px;
  border: 5px solid #fff;
}

.full-media-content .sides figure img {
  width: 100%;
}

.full-media-content .inner-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.full-media-content .inner-content .inner {
  max-width: 700px;
  padding: 0 100px;
}

.full-media-content .inner-content h5 {
  font-family: 'Visby Bold', sans-serif;
  font-size: 20px;
  line-height: 1;
}

.full-media-content .inner-content h2 {
  font-weight: 800;
  font-size: 60px;
  margin-bottom: 40px;
}

.full-media-content .inner-content p {
  color: #fff;
  font-weight: 300;
  margin-bottom: 40px;
  font-family: 'Raleway', sans-serif;
}

.full-media-content .inner-content a {
  height: 58px;
  line-height: 54px;
  display: inline-block;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  padding: 0 50px;
}

.full-media-content .inner-content a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}

/* INTRODCUTION */
.introduction {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0 50px 0;
  background: #fff;
}

.introduction h2 {
  color: #090028;
  font-weight: 800;
  margin-bottom: 30px;
  font-family: 'Visby Extrabold', sans-serif;
}

.introduction h6 {
  color: #090028;
  font-weight: 600;
  margin-bottom: 10px;
}

.introduction h4 {
  color: #090028;
  font-weight: 300;
  margin-top: 5px;
  line-height: 34px;
  margin-bottom: 30px;
  font-family: 'Visby Regular', sans-serif;
}

.introduction p {
  display: block;
  color: #2a2a2a;
  line-height: 26px;
}

.introduction p:last-child {
  margin-bottom: 0;
}

.introduction p span {
  position: relative;
  display: inline-block;
}

.introduction p span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 5px;
  mix-blend-mode: hard-light;
  background: #bf0000;
}

.our-structure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  background: #f3f3f3;
}

.our-team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  background: #fff;
}

.our-team * {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.our-team figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0;
  overflow: hidden;
}

.our-team figure img {
  width: 100%;
  float: left;
  filter: grayscale(1);
  mix-blend-mode: multiply;
}

.our-team figure figcaption {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 75px;
  padding: 20px;
  opacity: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.our-team figure figcaption h4 {
  font-size: 23px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 0;
}

.our-team figure figcaption small {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.our-team figure:hover img {
  filter: grayscale(0);
}

.our-team figure:hover figcaption {
  opacity: 1;
}

/* NEWS */
.news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #fff;
}

.news .post {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}

.news .post.post-single {
  margin-bottom: 0;
}

.news .post.post-single .post-content .post-title {
  font-size: 60px;
  line-height: 70px;
}

.news .post.post-single p:last-child {
  margin-bottom: 0;
}

.news .post .post-image {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.news .post .post-image img {
  width: 100%;
}

.news .post .post-content {
  width: 100%;
  float: left;
  padding: 0 50px;
}

.news .post .post-content .social-share {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 40px;
}

.news .post .post-content .social-share li {
  float: left;
  margin-right: 5px;
  padding: 0;
  list-style: none;
  text-align: center;
}

.news .post .post-content .social-share li.facebook a {
  background: #475993;
}

.news .post .post-content .social-share li.twitter a {
  background: #76a9ea;
}

.news .post .post-content .social-share li.google-plus a {
  background: #f34a38;
}

.news .post .post-content .social-share li.linkedin a {
  background: #0077b7;
}

.news .post .post-content .social-share li.youtube a {
  background: #f61c0d;
}

.news .post .post-content .social-share li a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  float: left;
  background: #bf0000;
  color: #fff;
  border: none;
  border-radius: 0;
}

.news .post .post-content .author {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.news .post .post-content .author img {
  height: 40px;
  float: left;
  margin-right: 15px;
  border-radius: 50%;
}

.news .post .post-content .author span {
  float: left;
  line-height: 40px;
  font-size: 13px;
  color: #808080;
}

.news .post .post-content .author span b {
  font-weight: 600;
}

.news .post .post-content .post-categories {
  width: 100%;
  float: left;
  font-size: 13px;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

.news .post .post-content .post-categories li {
  float: left;
  margin: 0;
  margin-right: 7px;
  padding: 0;
  list-style: none;
}

.news .post .post-content .post-categories li a {
  float: left;
  color: #808080;
  text-decoration: underline;
}

.news .post .post-content .post-categories li a:hover {
  color: #bf0000;
}

.news .post .post-content .post-title {
  display: block;
  font-weight: 800;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 20px;
}

.news .post .post-content h5 {
  font-weight: 600;
  color: #bf0000;
  margin-bottom: 15px;
}

.news .post .post-content .post-date {
  display: block;
  margin-bottom: 20px;
  color: #bf0000;
  font-weight: 600;
}

.news .post .post-content p {
  display: block;
  margin-bottom: 20px;
  color: #808080;
  line-height: 27px;
}

.news .post .post-content blockquote {
  width: 100%;
  display: block;
  background: #bf0000;
  padding: 20px;
  color: #fff;
}

.news .post .post-content blockquote p {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.news .post .post-content blockquote h5 {
  color: #fff;
  font-weight: 400;
  font-family: 'Fjalla One', sans-serif;
  margin: 0;
  text-transform: uppercase;
  opacity: 0.7;
}

.news .post .post-content ul {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding-left: 20px;
}

.news .post .post-content ul li {
  color: #808080;
  margin: 0;
  padding: 4px 0;
}

.news .post .post-content .post-link {
  font-size: 15px;
  color: #bf0000;
  display: inline-block;
  font-family: 'Fjalla One', sans-serif;
  font-weight: 400;
  margin-bottom: 70px;
  position: relative;
  padding-bottom: 3px;
}

.news .post .post-content .post-link:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #bf0000;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.news .post .post-content .post-link:hover {
  text-decoration: none;
}

.news .post .post-content .post-link:hover:before {
  width: 0;
}

/* SAY HELLO */
.say-hello {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  background: #fff;
}

.say-hello h3 {
  color: #090028;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 40px;
}

.say-hello .contact-box {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.say-hello .contact-box span {
  display: block;
  color: #fb0000;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Visby Bold', sans-serif;
}

.say-hello .contact-box a {
  color: #000;
  display: inline-block;
  font-family: 'Visby light', sans-serif;
}

.say-hello .contact-box a:hover {
  color: #fb0000;
  text-decoration: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.say-hello .map-link {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 40px;
  text-decoration: underline;
  color: #bf0000;
}

.say-hello .alert {
  width: 100%;
  float: left;
  border-radius: 0;
  border: none;
  padding: 30px 20px;
}

.say-hello .alert-danger {
  background: red;
  color: #fff;
}

.say-hello .alert-success {
  background: green;
  color: #fff;
}

.say-hello form {
  width: 100%;
}

.say-hello form input[type="text"],
.say-hello form input[type="tel"],
.say-hello form input[type="email"] {
  width: 100%;
  float: left;
}

.say-hello form textarea {
  width: 100%;
  float: left;
}

.say-hello form label {
  font-size: 15px;
  color: #808080;
}

.say-hello #success,
.say-hello #error {
  display: none;
}

.say-hello #success,
.say-hello #error {
  float: left;
}

.say-hello #contact label.error {
  width: 100%;
  float: left;
  color: #f50c1a;
  margin-top: 10px;
}

.say-hello #contact input.error {
  width: 100%;
  border: 2px solid #f50c1a;
}

.say-hello #contact textarea.error {
  width: 100%;
  border: 2px solid #f50c1a;
}

/* clientes */
.clientes {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0 75px 0;
  background: #fff;
}

.clientes * {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.clientes ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0;
  padding: 0;
}

.clientes ul li {
  width: 16.666667%;
  margin: 25px 0;
  padding: 0;
  list-style: none;
  text-align: center;
  position: relative;
}

.clientes ul li:hover img {
  opacity: 0.2;
  transform: scale(1.1);
}

.clientes ul li:hover h6 {
  opacity: 1;
  margin-top: -10px;
}

.clientes ul li figure {
  margin: 0;
}

.clientes ul li figure h6 {
  width: 100%;
  height: 20px;
  line-height: 22px;
  position: absolute;
  top: 50%;
  margin-top: 0;
  font-size: 22px;
  font-weight: 600;
  opacity: 0;
  color: #090028;
  font-family: 'Visby Bold', sans-serif;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  color: #fff;
  background: #7b170e;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
}

.footer img {
  height: 55px;
  display: inline-block;
  margin-bottom: 20px;
}

.footer h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px;
}

.footer h5 {
  margin-bottom: 25px;
}

.footer h5>a {
  color: #fff;
}

.footer h5>a>i {
  font-size: 16px;
}

.footer h5>a:hover {
  color: #fff;
  text-decoration: none;
}

.footer ul {
  border-top: 2px solid #fff;
  display: inline-block;
  margin-bottom: 50px;
  padding: 20px 0 0 0;
}

.footer ul li {
  float: left;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}

.footer ul li a {
  font-size: 13px;
  color: #fff;
  padding: 10px;
  display: flex;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  align-items: center;
  background: #7b170e;
  justify-content: center;
}

.footer ul li a:hover {
  background: #090028;
  text-decoration: none;
}

.footer span {
  display: block;
  font-size: 15px;
  color: #fff;
}

.footer span>a {
  color: #fff;
}

.footer span>a:hover {
  color: #fff;
  text-decoration: none;
}

/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px),
only screen and (max-device-width: 991px) {

  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="password"],
  input[type="submit"],
  textarea {
    border-radius: 0 !important;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  .social-media {
    display: none;
  }

  .missao, .visao, .valores {
    padding: 30px 20px !important;
  }

  .solucao {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .p-r-0 {
    padding-right: 15px !important;
  }

  .p-l-0 {
    padding-left: 15px !important;
  }

  .header .gallery-thumbs {
    height: 60%;
    top: 20%;
  }

  .header .gallery-thumbs .swiper-slide {
    font-size: 70px;
  }

  .works ul li {
    width: 50%;
  }

  .works.four-cols ul li {
    width: 33.33333%;
  }

  .features-content h6 {
    margin-bottom: 50px;
    margin-top: -10px;
    padding-right: 0;
  }

  .full-media-content {
    flex-direction: column;
  }

  .full-media-content .sides figure {
    float: none;
    margin: 0 auto;
  }

  .full-media-content .inner-content {
    flex: none;
  }

  .page-header .inner h2 {
    font-size: 5em;
  }

  .page-header .inner p {
    padding-right: 20%;
  }

  .say-hello form {
    padding-right: 0;
    width: auto;
  }

  .say-hello form .form-group:last-child {
    margin-bottom: 0;
  }
}

/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 380px),
only screen and (max-device-width: 380px) {
  .navbar .languages {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
  .navigation-menu .inner .itens ul:not(.dropdown) li a, .navigation-menu .inner .itens ul li span {
    font-size: 20px !important;
    line-height: 33px !important;
  }

  .metricas {
    padding: 100px 0 80px 0 !important;
  }

  .hover-effect-img {
    margin-bottom: 0;
  }

  .hide-mobile {
    display: none;
  }

  .navbar {
    padding: 20px 30px;
    justify-content: center;
  }

  .navbar .languages {
    margin-left: 50px;
    margin-bottom: 10px;
  }

  .navbar .logo {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .navbar .email-us {
    display: none;
  }

  .links-contato .whatsapp-btn, .links-contato .secondary-btn {
    width: 100%;
    margin: 0 10px;
    padding: 10px !important;
    height: auto !important;
  }

  .navigation-menu .inner ul li a {
    font-size: 40px;
  }

  .navigation-menu .inner ul li ul li {
    margin: 0 15px;
  }

  .navigation-menu .inner address {
    font-size: 16px;
  }

  .header .swiper-pagination {
    left: 30px;
  }

  .header .gallery-thumbs {
    left: 30px;
    height: 30%;
    top: 35%;
  }

  .header .gallery-thumbs .swiper-slide {
    font-size: 50px;
  }

  .header .gallery-thumbs .swiper-slide a {
    margin-top: 0;
  }

  .particles-mask {
    padding: 0 30px;
  }

  .particles-mask .inner .masker h1 {
    font-size: 15vw;
  }

  .particles-mask .inner h5 {
    padding: 0;
  }

  .video-hero .inner h1 {
    font-size: 15vw;
  }

  .motion-blur .inner h1 {
    font-size: 14vw;
  }

  .page-header .inner {
    padding: 0 30px;
  }

  .page-header .inner h2 {
    font-size: 3em;
  }

  .page-header .inner p {
    font-size: 22px;
    line-height: 34px;
    padding-right: 0;
  }

  .introduction {
    padding: 80px 0;
  }

  .listing-content {
    padding: 80px 0;
  }

  .listing-content .mobile-spacing {
    margin-bottom: 50px;
  }

  .scroll-down {
    display: none;
  }

  .our-team {
    padding-top: 80px;
  }

  .works, .chamada-projetos {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .depoimentos {
    padding-top: 80px !important;
    padding-bottom: 40px !important;
  }

  .works ul li {
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 30px;
    padding: 0 5%;
  }

  blockquote p {
    margin-top: 10px;
  }

  .navbar.hide {
    transform: translateY(-200%);
  }

  .works ul li figure figcaption {
    padding-bottom: 30px;
  }

  .works.two-cols ul li {
    width: 100%;
  }

  .works.four-cols ul li {
    width: 100%;
  }

  .works.four-cols ul li figure figcaption {
    padding-bottom: 30px;
  }

  .features-content {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 10px;
  }

  .features-content h2 {
    font-size: 40px;
  }

  .features-content h6 {
    padding-right: 0;
  }

  .full-media-content .sides {
    padding: 80px 0;
  }

  .full-media-content .sides figure {
    width: 70%;
    position: static;
    margin: 0 auto;
  }

  .full-media-content .inner-content .inner {
    max-width: 100%;
    padding: 0 30px;
  }

  .full-media-content .inner-content h2 {
    font-size: 44px;
  }

  .news {
    padding: 80px 0;
  }

  .news .post {
    margin-bottom: 10px;
  }

  .news .post .post-content {
    padding: 0;
  }

  .news .post .post-content .post-title {
    font-size: 30px;
    line-height: 40px;
  }

  .news .post.post-single .post-content .post-title {
    font-size: 36px;
    line-height: 46px;
  }

  .clientes {
    padding: 80px 0;
  }

  .clientes ul li {
    width: 33.33333%;
    margin: 25px auto;
  }

  .filter-bar {
    text-align: center;
  }

  .filter-bar .works-filter {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 0 20px;
  }

  .filter-bar .works-filter li {
    float: none;
    display: inline-block;
    margin: 0 10px;
  }

  .filter-btn {
    float: none;
    margin: 0 auto;
    display: inline-block;
  }

  .case-details .case-navbar ul li {
    margin: 8px;
  }

  .case-details .case-navbar ul {
    padding: 15px 0 !important;
  }

  .case-details h3 {
    font-size: 40px;
    text-align: center;
  }

  .case-details h6 {
    padding-right: 0;
  }

  .say-hello {
    padding: 80px 0;
  }

  .say-hello h3 {
    font-size: 38px;
  }

  .footer {
    padding-top: 80px;
  }

  .footer h2 {
    font-size: 40px;
  }
}

address {
  margin-top: 15px;
}

.social-media.interno {
  top: 150px;
}

.solucao {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  padding-left: 15px;
  background: #090028;
  background-image: url(../images/lines.png);
}

.informacoes-servico {
  padding: 15px;
}

.p-r-0 {
  padding-right: 0;
}

.p-l-0 {
  padding-left: 0;
}

.titulo-servico {
  display: inline-flex;
}

.titulo-servico img {
  height: 35px;
  width: 35px;
  margin-right: 10px;
  filter: brightness(0) invert(1);
}

.main-btn {
  height: 58px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: #090028;
  border: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.main-btn:hover {
  color: #fff;
  background: #fb0000;
  text-decoration: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.secondary-btn {
  height: 58px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0 40px;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  color: #090028;
  border: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.secondary-btn:hover {
  color: #fff;
  background: #fb0000;
  text-decoration: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.our-team h2 {
  color: #090028;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.our-team h6 {
  padding: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
  color: #808080;
}

.our-structure h2 {
  color: #090028;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.our-structure h6 {
  padding: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
  color: #808080;
}

.metricas {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
}

.metricas h2 {
  color: #fb0000;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.metricas h6 {
  padding: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
}

.metrica {
  padding: 10px 15px;
  background: #140b34;
  border-bottom: 5px solid #fb0000;
}

.metrica i {
  color: #fb0000;
  font-size: 45px;
  margin-bottom: 15px;
}

.metrica .count-descr .count-title {
  color: #fff;
  font-size: 22px;
  font-family: 'Visby Semibold', sans-serif;
}

.metrica .count-number {
  color: #fff;
  font-size: 50px;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 10px;
  font-family: 'Visby Bold', sans-serif;
}

.skiptranslate,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
#google_translate_element,
#goog-gt-tt,
.goog-te-spinner-pos {
  display: none !important;
}

.parceiros h2 {
  color: #090028;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.parceiros h6 {
  padding: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
  color: #808080;
}

.parceiros {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  background: #fff;
}

.parceiros h2 {
  color: #090028;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.parceiros h6 {
  padding: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
  color: #808080;
}

.mapa {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.mapa iframe {
  width: 100%;
  height: 500px;
}

.mb-0 {
  margin-bottom: 0px;
}

.depoimentos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  background-image: url(../images/lines.png);
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
}

blockquote,
blockquote p {
  font-style: normal;
  font-family: 'Visby Semibold', sans-serif;
  font-size: 21px;
  line-height: 32px;
  color: #fff;
  font-weight: 100;
}

blockquote p {
  text-align: justify;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #fb0000;
}

blockquote span {
  font-size: 15px;
  line-height: 20px;
}

blockquote .small,
blockquote footer,
blockquote small {
  font-size: 14px;
  line-height: 14px;
  color: #b3b3b3;
  font-style: normal;
}

blockquote img {
  width: 100px;
  border-radius: 50%;
  margin-right: 15px;
  background: #fff;
}

.depoimentos h2 {
  color: #fb0000;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.depoimentos h6 {
  padding: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
}

.pt-0 {
  padding-top: 0px;
}

.missao,
.visao,
.valores {
  text-align: center;
  padding: 50px 40px;
  background: #090028;
}

.missao h4,
.visao h4,
.valores h4 {
  color: #fff;
}

.missao p,
.visao p,
.valores p {
  color: #fff;
}

.missao i,
.visao i,
.valores i {
  height: auto;
  padding: 15px;
  border-radius: 50%;
  background: #1c143a;
}

.mvv {
  padding-top: 0;
  padding-bottom: 100px;
}

.owl-clients-auto .item {
  display: flex;
  justify-content: center;
}

.our-structure .owl-nav,
.our-structure .owl-dots {
  display: none;
}

/* 14. hover effect */
.hover-icons {
  position: absolute;
  width: 100%;
  top: 44%;
  left: 15px;
  text-align: center;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .navigation-menu .inner ul li:hover .dropdown {
    max-height: 1000px;
  }

  .navigation-menu .inner ul li span i {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .titulo-servico {
    padding: 0 10px;
    display: flex !important;
    justify-content: center !important;
  }

  .case-details p {
    padding: 0 10px;
    text-align: center;
  }

  .navigation-menu .inner ul .possui-dropdown ul.active {
    max-height: 1000px;
  }

  .navigation-menu .inner ul .possui-dropdown ul:not(.active) {
    max-height: 0px;
  }

  .page-loaded.overflow .navbar .logo, .page-loaded.overflow .navbar .languages {
    display: none;
  }

  .navbar {
    justify-content: center;
  }
}

@media only screen and (min-width: 1024px) {
  .hover-icons {
    left: 10px;
  }
}

@media only screen and (max-width: 880px) {
  .hover-icons {
    left: 5px;
  }
}

@media only screen and (min-width:641px) and (max-width: 991px) {
  .navigation-menu .inner ul li span i {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .navigation-menu .inner ul li span i {
    font-size: 12px;
  }

  .page-header .inner {
    text-align: center;
  }

  .introduction h2, .introduction h4 {
    margin-bottom: 15px;
  }

  .introduction h6, .introduction h4, .introduction h2, .introduction p {
    text-align: center !important;
  }

  .page-header .inner h2:before, .page-header .inner h2:after {
    visibility: hidden;
  }

  .metrica {
    margin-bottom: 20px;
  }

  .hover-icons {
    left: 0;
  }

  .missao, .visao {
    margin-bottom: 15px;
  }
}

.hover-icons a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0 4px;
  font-size: 20px;
  background: #fff;
  border: 1px solid #fff;
  color: #111;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.hover-icons a.iw-slide-left {
  -webkit-transform: translate3d(-60px, 0, 0);
  -moz-transform: translate3d(-60px, 0, 0);
  -ms-transform: translate3d(-60px, 0, 0);
  -o-transform: translate3d(-60px, 0, 0);
  transform: translate3d(-60px, 0, 0);
}

.hover-icons a.iw-slide-right {
  -webkit-transform: translate3d(60px, 0, 0);
  -moz-transform: translate3d(60px, 0, 0);
  -ms-transform: translate3d(60px, 0, 0);
  -o-transform: translate3d(60px, 0, 0);
  transform: translate3d(60px, 0, 0);
}

.hover-effect-img:hover .hover-icons a {
  padding: 0;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.hover-icons a:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #111;
}

.hover-icons a:hover:after {
  background: #fff;
}

.hover-effect-img:hover .hover-icons {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.hover-icons a i {
  position: relative;
  z-index: 1;
}

.hover-effect-img {
  position: relative;
  z-index: 5 !important;
}

.hover-effect {
  position: absolute;
  background: #1c143a;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.hover-effect {
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
  height: -webkit-calc(100% - 80px);
  height: -moz-calc(100% - 80px);
  height: calc(100% - 80px);
  top: 18px;
  left: 40px;
  bottom: 40px;
  right: 40px;
}

@media only screen and (max-width: 880px) {
  .hover-effect {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    height: -moz-calc(100% - 30px);
    height: calc(100% - 30px);
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
  }
}

.hover-effect-img:hover .hover-effect {
  opacity: 0.85;
  -moz-opacity: 0.85;
  -webkit-opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* 4. core PhotoSwipe v4.1.1 */
/* core PhotoSwipe v4.1.1 */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 100001;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  border-radius: 5px;
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #090028;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/* 4.1. PhotoSwipe Default v4.1.1 */
/* PhotoSwipe Default v4.1.1 */
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

Contents:

1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

1. Buttons

*/
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../photoswipe/default-skin/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {

  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    /* background-image: url(../photoswipe/default-skin/default-skin.svg); */
  }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(255, 255, 255, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

2. Share modal/popup and links

*/
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 100001;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 100002;
  position: absolute;
  background: #FFF;
  top: 56px;
  /* border-radius: 2px; */
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  /* border-radius: 2px 2px 0 0; */
}

.pswp__share-tooltip a:last-child {
  /* border-radius: 0 0 2px 2px; */
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #BD2126;
  color: #FFF;
}

a.pswp__share--download:hover {
  background: #15171e;
  color: #FFF;
}

/*

3. Index indicator ("1 of X" counter)

*/
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #111;
  opacity: 0.75;
  padding: 0 10px;
}

.pswp__counter {
  color: #e0e0e0;
  opacity: 1;
}

/*

4. Caption

*/
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  color: #fff;
  padding: 10px;
  margin: 0 auto;
  font-size: 18px;
  max-width: 420px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.5px;
  font-family: 'Visby Regular', sans-serif;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

5. Loading indicator (preloader)

You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

*/
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(../photoswipe/default-skin/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
    The idea of animating inner circle is based on Polymer ("material") loading indicator 
     by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*

6. Additional styles

*/
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 100001;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: #090028;
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(9, 0, 40, 1);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/* 6. Swiper v4.4.0 */
/**
 * Swiper 4.4.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 14, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top, .2s -webkit-transform;
  transition: .2s top, .2s -webkit-transform;
  -o-transition: .2s transform, .2s top;
  transition: .2s transform, .2s top;
  transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left, .2s -webkit-transform;
  transition: .2s left, .2s -webkit-transform;
  -o-transition: .2s transform, .2s left;
  transition: .2s transform, .2s left;
  transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right, .2s -webkit-transform;
  transition: .2s right, .2s -webkit-transform;
  -o-transition: .2s transform, .2s right;
  transition: .2s transform, .2s right;
  transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.titulo-estrutura {
  display: flex;
  align-items: center;
  justify-content: center;
}

.titulo-estrutura img {
  width: 25px;
  margin-right: 5px;
}

.hover-effect-img figcaption {
  padding: 10px 0;
  font-size: 23px;
  color: #fff;
  background: #090028;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.5px;
  font-family: 'Visby Regular', sans-serif;
}

.chamada-projetos {
  padding: 100px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.chamada-projetos .container {
  z-index: 5;
}

.chamada-projetos:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/lines.png);
  z-index: 1;
}

.chamada-projetos h2 {
  color: #fb0000;
  font-size: 50px;
  line-height: 52px;
  font-weight: 800;
  margin-bottom: 5px;
  margin-top: -10px;
  font-family: 'Visby Bold', sans-serif;
}

.chamada-projetos h6 {
  padding: 0;
  color: #fff;
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
}

.links-contato {
  display: flex;
  justify-content: center;
}

.links-contato a {
  margin: 0 15px;
}

.links-contato .whatsapp-btn {
  height: 58px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: #4dc247;
  border: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.links-contato .whatsapp-btn i {
  margin-right: 5px;
  margin-bottom: 2px;
}

.links-contato .whatsapp-btn:hover {
  color: #4dc247;
  background: #fff;
  text-decoration: none;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.contact-btn {
  color: #fff;
  background: #fb0000;
  align-items: center;
  display: inline-flex;
}

.contact-btn:hover {
  color: #090028;
  background: #fff;
}

.contact-btn img {
  width: 13px;
  margin-right: 5px;
  margin-bottom: 1px;
  filter: brightness(0) invert(1);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.contact-btn:hover img {
  filter: brightness(1) invert(0);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.pb-0 {
  padding-bottom: 0;
}

.cursor-pointer {
  cursor: pointer;
}

.erro-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.section-404 {
  width: 100%;
  color: #fff;
  text-align: center;
  position: relative;
}

.section-404 h2 {
  font-size: 60px;
  font-weight: 800;
  margin-bottom: 30px;
  font-family: 'Visby Bold', sans-serif;
}

.section-404 h5 {
  margin-bottom: 25px;
}