@charset "UTF-8";
/*

@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.	LOGOS
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES



*/
* {
  outline: none !important;
}

body {
  font-size: 16px;
  background: #131313;
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  overflow: hidden;
}

html {
  height: 100%;
}

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

b {
  font-weight: 600;
}

strong {
  font-weight: 600;
}

/* CUSTOM CLASSES */
@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}
.header-spacing {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.overflow {
  overflow: hidden;
}

.page-template {
  overflow: hidden;
}

.admin-bar .navbar {
  margin-top: 32px;
}

.sandwich-nav-mobile {
  display: none;
}

.unicord-horizontal-nav {
  display: block;
}

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

input[type=password] {
  height: 58px;
  line-height: 54px;
  display: inline-block;
  border: 2px solid #eee;
  padding: 0 20px;
}

input[type=email] {
  height: 58px;
  line-height: 54px;
  display: inline-block;
  border: 2px solid #eee;
  padding: 0 20px;
}

input[type=search] {
  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: 20px;
}

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

input[type=submit] {
  height: 58px;
  display: inline-block;
  padding: 0 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: #000;
  color: #fff;
  border: none;
}

button[type=submit] {
  height: 58px;
  display: inline-block;
  padding: 0 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: #000;
  color: #fff;
  border: none;
}

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

/* LINKS */
a {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  color: #000;
}
a:hover {
  text-decoration: underline;
  color: #33a16e;
}

/* GLITCH ANIMZ */
@keyframes noise-anim {
  0% {
    clip: rect(95px, 9999px, 104px, 0);
  }
  5% {
    clip: rect(56px, 9999px, 31px, 0);
  }
  10% {
    clip: rect(61px, 9999px, 52px, 0);
  }
  15% {
    clip: rect(22px, 9999px, 113px, 0);
  }
  20% {
    clip: rect(56px, 9999px, 4px, 0);
  }
  25% {
    clip: rect(84px, 9999px, 4px, 0);
  }
  30% {
    clip: rect(77px, 9999px, 26px, 0);
  }
  35% {
    clip: rect(12px, 9999px, 119px, 0);
  }
  40% {
    clip: rect(77px, 9999px, 62px, 0);
  }
  45% {
    clip: rect(88px, 9999px, 10px, 0);
  }
  50% {
    clip: rect(82px, 9999px, 3px, 0);
  }
  55% {
    clip: rect(130px, 9999px, 94px, 0);
  }
  60% {
    clip: rect(69px, 9999px, 5px, 0);
  }
  65% {
    clip: rect(109px, 9999px, 54px, 0);
  }
  70% {
    clip: rect(89px, 9999px, 79px, 0);
  }
  75% {
    clip: rect(97px, 9999px, 124px, 0);
  }
  80% {
    clip: rect(61px, 9999px, 17px, 0);
  }
  85% {
    clip: rect(52px, 9999px, 25px, 0);
  }
  90% {
    clip: rect(50px, 9999px, 81px, 0);
  }
  95% {
    clip: rect(116px, 9999px, 57px, 0);
  }
  100% {
    clip: rect(73px, 9999px, 11px, 0);
  }
}
@keyframes noise-anim-2 {
  0% {
    clip: rect(101px, 9999px, 2px, 0);
  }
  5% {
    clip: rect(89px, 9999px, 90px, 0);
  }
  10% {
    clip: rect(80px, 9999px, 90px, 0);
  }
  15% {
    clip: rect(30px, 9999px, 99px, 0);
  }
  20% {
    clip: rect(73px, 9999px, 35px, 0);
  }
  25% {
    clip: rect(43px, 9999px, 30px, 0);
  }
  30% {
    clip: rect(49px, 9999px, 49px, 0);
  }
  35% {
    clip: rect(38px, 9999px, 40px, 0);
  }
  40% {
    clip: rect(124px, 9999px, 50px, 0);
  }
  45% {
    clip: rect(74px, 9999px, 8px, 0);
  }
  50% {
    clip: rect(8px, 9999px, 40px, 0);
  }
  55% {
    clip: rect(10px, 9999px, 52px, 0);
  }
  60% {
    clip: rect(35px, 9999px, 77px, 0);
  }
  65% {
    clip: rect(19px, 9999px, 119px, 0);
  }
  70% {
    clip: rect(126px, 9999px, 39px, 0);
  }
  75% {
    clip: rect(40px, 9999px, 125px, 0);
  }
  80% {
    clip: rect(11px, 9999px, 62px, 0);
  }
  85% {
    clip: rect(121px, 9999px, 112px, 0);
  }
  90% {
    clip: rect(125px, 9999px, 124px, 0);
  }
  95% {
    clip: rect(74px, 9999px, 126px, 0);
  }
  100% {
    clip: rect(52px, 9999px, 44px, 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: #33a16e;
}
.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: #33a16e;
  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 .page-numbers {
  float: left;
  margin: 0;
  padding: 0;
}
.pagination .page-numbers li {
  float: none;
  display: inline-block;
}
.pagination .page-numbers li span {
  height: 40px;
  line-height: 38px;
  border: 2px solid #000;
  float: left;
  border-radius: 0 !important;
  font-size: 12px;
  color: #fff;
  background: #000;
  font-weight: 600;
  padding: 0 20px;
}
.pagination .page-numbers li a {
  height: 40px;
  line-height: 38px;
  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: #33a16e;
  -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 */
}
.preloader .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/preloader.gif) center no-repeat #000;
  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);
  /* 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 */
}
.preloader .holder {
  width: 100%;
  height: 26px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 50px;
  text-align: center;
}
.preloader .typewriter {
  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: #33a16e;
  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: #33a16e;
  box-shadow: 0px 0px 10px #33a16e;
  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: #33a16e;
  -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: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.sandwich-btn span:nth-child(1) {
  top: 12px;
}
.sandwich-btn span:nth-child(2) {
  top: 20px;
}
.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);
}

/* 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: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navigation-menu .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 */
}
.navigation-menu .green-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 2;
  background: #33a16e;
  -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);
  overflow-y: scroll;
}
.navigation-menu .inner * {
  transition: max-height 5s ease-out !important;
  transition-delay: 0s !important;
}
.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 ul li:hover .dropdown {
  max-height: 1000px;
}
.navigation-menu .inner ul li:hover .dropdown li .dropdown {
  max-height: 0;
}
.navigation-menu .inner ul li .dropdown {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  background: rgba(0, 0, 0, 0.95);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.navigation-menu .inner ul li .dropdown li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.navigation-menu .inner ul li .dropdown li:hover .dropdown {
  max-height: 1000px;
}
.navigation-menu .inner ul li .dropdown li .dropdown {
  margin: 0;
}
.navigation-menu .inner ul li .dropdown li .dropdown li a {
  font-size: 14px;
  font-weight: 600;
}
.navigation-menu .inner ul li .dropdown li .dropdown li:last-child {
  margin-bottom: 20px;
}
.navigation-menu .inner ul li .dropdown li a {
  float: left;
  font-size: 24px;
}
.navigation-menu .inner ul li .dropdown li a:before {
  display: none;
}
.navigation-menu .inner ul li .dropdown li a:hover {
  color: #33a16e;
}
.navigation-menu .inner ul li a {
  width: 100%;
  font-size: 50px;
  font-weight: 800;
  color: #fff;
  position: relative;
}
.navigation-menu .inner ul li a:before {
  content: "";
  width: 0;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 12px;
  background: #33a16e;
  z-index: -1;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navigation-menu .inner ul li a:hover {
  text-decoration: none;
}
.navigation-menu .inner ul li a:hover:before {
  width: 100%;
}
.navigation-menu .inner address {
  margin-top: 50px;
  font-size: 18px;
  font-family: "Fjalla One", sans-serif;
}
.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);
}

/* HORIZONTAL MENU */
.unicord-horizontal-nav {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
}
.unicord-horizontal-nav .menu-main-menu-container {
  float: left;
}
.unicord-horizontal-nav .menu {
  float: left;
  margin: 0;
  padding: 0;
}
.unicord-horizontal-nav .menu ul {
  float: left;
  margin: 0;
  padding: 0;
}
.unicord-horizontal-nav .menu li {
  float: left;
  height: 29px;
  line-height: 29px;
  margin-left: 30px;
  position: relative;
  list-style: none;
}
.unicord-horizontal-nav .menu li:first-child {
  margin-left: 0;
}
.unicord-horizontal-nav .menu li a {
  float: left;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.unicord-horizontal-nav .menu li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.unicord-horizontal-nav .menu li .sub-menu {
  display: none;
  position: absolute;
  left: -15px;
  top: 100%;
  background: #33a16e;
  white-space: nowrap;
  margin: 0;
  margin-top: 15px;
  padding: 10px 0;
}
.unicord-horizontal-nav .menu li .sub-menu:before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  top: -15px;
}
.unicord-horizontal-nav .menu li .sub-menu li {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  list-style: none;
}
.unicord-horizontal-nav .menu li:hover .sub-menu {
  display: block;
}
.unicord-horizontal-nav .menu li .sub-menu li .sub-menu {
  display: none;
  top: 0;
  left: 100%;
  background: #808080;
  margin-top: -10px;
  z-index: 2;
}
.unicord-horizontal-nav .menu li .sub-menu li .sub-menu li .sub-menu {
  background: #555;
  display: none;
}
.unicord-horizontal-nav .menu li .sub-menu li .sub-menu:after {
  display: none;
}
.unicord-horizontal-nav .menu li .sub-menu li:hover .sub-menu, .unicord-horizontal-nav .menu li .sub-menu li .sub-menu li:hover .sub-menu {
  display: block;
}
.unicord-horizontal-nav .menu li .children {
  display: none;
  position: absolute;
  left: -15px;
  top: 100%;
  background: #33a16e;
  white-space: nowrap;
  margin: 0;
  margin-top: 15px;
  padding: 10px 0;
}
.unicord-horizontal-nav .menu li .children:before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  top: -15px;
}
.unicord-horizontal-nav .menu li .children:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #33a16e;
  position: absolute;
  left: 0;
  top: -10px;
}
.unicord-horizontal-nav .menu li .children li {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  list-style: none;
}
.unicord-horizontal-nav .menu li:hover .children {
  display: block;
}
.unicord-horizontal-nav .menu li .children li .children {
  display: none;
  top: 0;
  left: 100%;
  background: #808080;
  margin-top: -10px;
  z-index: 2;
}
.unicord-horizontal-nav .menu li .children li .children li .children {
  background: #555;
  display: none;
}
.unicord-horizontal-nav .menu li .children li .children:after {
  display: none;
}
.unicord-horizontal-nav .menu li .children li:hover .children, .unicord-horizontal-nav .menu li .children li .children li:hover .children {
  display: block;
}

/* HEADER */
.header {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-width: 100vw;
}

.site-header {
  width: 100%;
  height: 100vh;
  position: fixed !important;
  left: 0;
  top: 0;
}

.site-works {
  width: 100%;
  float: left;
  margin-top: 100vh;
  background: #171819;
  position: relative;
  z-index: 2;
}
.site-works .vc_row {
  margin: 0 !important;
}

.content {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
}

/* 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: #33a16e;
}

/* SCROLL DOWN */
.scroll-down {
  width: 1px;
  height: 90px;
  position: absolute;
  right: 63px;
  bottom: 27px;
  z-index: 2;
}
.scroll-down b {
  width: 100px;
  font-size: 10px;
  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: 90px;
  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(-200%);
  -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: 30px;
}
.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-right: 50px;
  font-family: "Fjalla One", sans-serif;
}
.navbar .languages a {
  float: left;
  margin-left: 10px;
  color: #808080;
  font-size: 14px;
  color: #808080;
}
.navbar .languages a:hover {
  color: #33a16e;
  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: "Fjalla One", 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: #000;
}

/* 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: #33a16e;
  font-weight: 600;
  margin-bottom: 30px;
  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: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.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: #33a16e;
  color: #fff;
  border-color: #33a16e;
  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: #33a16e;
  color: #fff;
  border-color: #33a16e;
  text-decoration: none;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 600px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background: #000;
  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: 8em;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  position: relative;
  /*white-space: nowrap;*/
}
.page-header .inner h2: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;
}
.page-header .inner h2: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;
}
.page-header .inner p {
  font-size: 26px;
  line-height: 40px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 0;
  padding-right: 40%;
}

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

/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: #000;
}
.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: 130px;
  padding-bottom: 50px;
}
.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: 100px;
  padding: 0 5%;
  list-style: none;
}
.works ul li:nth-child(2n+2) {
  margin-top: 100px;
}
.works ul li:nth-child(3n+3) {
  margin-top: 50px;
}
.works ul li figure {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  margin: 0;
  transform-style: preserve-3d;
}
.works ul li figure * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.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:hover figcaption a {
  opacity: 1;
}
.works ul li figure:hover figcaption .brand {
  opacity: 1;
}
.works ul li figure .thumb {
  width: 100%;
}
.works ul li figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 30px;
  padding-bottom: 50px;
  transform: translateZ(20px);
}
.works ul li figure figcaption .brand {
  height: 30px;
  margin-bottom: 40px;
  opacity: 0;
  display: none;
}
.works ul li figure figcaption h3 {
  font-weight: 800;
  color: #fff;
  margin-left: -50px;
}
.works ul li figure figcaption small {
  font-size: 10px;
  color: #fff;
  display: block;
  margin-bottom: 30px;
  font-weight: 600;
}
.works ul li figure figcaption a {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-family: "Fjalla One", sans-serif;
  border-bottom: 2px solid #fff;
  padding-bottom: 2px;
  opacity: 0;
}
.works ul li figure figcaption a:hover {
  text-decoration: none;
}

/* WORKS FILTER */
.filter-bar {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}
.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: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.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.1s;
}
.filter-bar .works-filter li:nth-child(4) {
  transition-delay: 0.15s;
}
.filter-bar .works-filter li:nth-child(5) {
  transition-delay: 0.2s;
}
.filter-bar .works-filter li:nth-child(6) {
  transition-delay: 0.25s;
}
.filter-bar .works-filter li:nth-child(7) {
  transition-delay: 0.3s;
}
.filter-bar .works-filter li:nth-child(8) {
  transition-delay: 0.35s;
}
.filter-bar .works-filter li:nth-child(9) {
  transition-delay: 0.4s;
}
.filter-bar .works-filter li a {
  float: left;
  font-size: 13px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  border-bottom: 2px solid transparent;
  padding: 0 2px;
  padding-bottom: 2px;
}
.filter-bar .works-filter li a.current {
  color: #33a16e;
  border-bottom: 2px solid #33a16e;
}
.filter-bar .works-filter li a:hover {
  color: #33a16e;
  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;
  position: relative;
  z-index: 2;
}
.case-details figure {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.case-details figure img {
  width: 100%;
  float: left;
}
.case-details h3 {
  font-size: 80px;
  font-weight: 800;
  margin-bottom: 20px;
  margin-top: 130px;
}
.case-details h6 {
  font-weight: 300;
  font-size: 24px;
  line-height: 34px;
  padding-right: 40%;
  margin-bottom: 20px;
}
.case-details p {
  display: block;
}
.case-details p:last-child {
  margin-bottom: 60px;
}
.case-details .case-navbar {
  width: 100%;
  float: left;
  margin-bottom: 0;
  background: #fff;
  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-block;
  margin: 0 30px;
  padding: 0;
  list-style: none;
}
.case-details .case-navbar ul li a {
  font-weight: 600;
}
.case-details .case-navbar ul li a:hover {
  color: #33a16e;
  text-decoration: none;
}

/* FEATURES CONTENT */
.features-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}
.features-content h2 {
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 40px;
  margin-top: -10px;
}
.features-content h6 {
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  color: #808080;
  padding-right: 20%;
}
.features-content h5 {
  font-size: 20px;
  font-weight: 300;
  color: #808080;
  margin-top: -20px;
  margin-bottom: 80px;
}
.features-content img {
  height: 55px;
  margin-bottom: 20px;
}
.features-content h4 {
  font-weight: 800;
  font-size: 15px;
  margin-bottom: 10px;
}
.features-content p {
  font-size: 14px;
  /*color: #808080; */
  line-height: 22px;
  margin-bottom: 25px;
}
.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 {
  font-size: 12px;
  color: #33a16e;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 70px;
  position: relative;
}
.features-content a:before {
  content: "";
  width: 0;
  height: 2px;
  background: #33a16e;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.features-content a:hover {
  text-decoration: none;
}
.features-content a:hover:before {
  width: 100%;
}

/* LISTING CONTENT */
.listing-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}
.listing-content h3 {
  font-family: "Fjalla One", sans-serif;
  position: relative;
  text-transform: uppercase;
}
.listing-content h3:after {
  content: "";
  width: 50px;
  height: 1px;
  display: inline-block;
  margin-left: 10px;
  background: #fff;
}
.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 */
.image-content {
  width: 100%;
  display: block;
}
.image-content .vc_row-fluid {
  margin: 0 !important;
}
.image-content .vc_column-inner {
  padding: 0 !important;
}

.full-media-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-size: cover !important;
  position: relative;
}
.full-media-content .video-content-wrapper {
  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: 130px 0;
  position: relative;
}
.full-media-content .sides figure {
  width: 50%;
  position: relative;
  z-index: 2;
  float: right;
  margin-bottom: 0;
  margin-right: -40px;
  border: 10px 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;
  padding-left: 130px;
}
.full-media-content .inner-content h5 {
  font-family: "Fjalla One", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
}
.full-media-content .inner-content h2 {
  font-weight: 800;
  font-size: 60px;
  margin-bottom: 30px;
}
.full-media-content .inner-content p {
  color: #fff;
  margin-bottom: 50px;
  font-weight: 300;
}
.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;
  background: #fff;
}
.introduction h2 {
  font-weight: 800;
  margin-bottom: 30px;
  font-size: 40px;
  line-height: 50px;
}
.introduction h6 {
  font-weight: 600;
  margin-bottom: 10px;
}
.introduction h4 {
  font-weight: 300;
  margin-bottom: 30px;
  margin-top: 5px;
  line-height: 34px;
}
.introduction p {
  display: block;
  /*color: #808080; */
  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: #33a16e;
}

/* OUR TEAM */
.our-team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #f3f3f3;
}
.our-team * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.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: 0;
  padding: 20px;
  opacity: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.our-team figure figcaption h4 {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 0;
}
.our-team figure figcaption small {
  font-size: 12px;
  color: #fff;
}
.our-team figure:hover {
  background: url(../images/team-splash.png) center no-repeat;
  background-size: cover;
}
.our-team figure:hover img {
  transform: translateY(20px);
}
.our-team figure:hover figcaption {
  opacity: 1;
}

/* NEWS */
.news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 130px 0;
  background: #fff;
}
.news .post {
  width: 100%;
  float: left;
}
.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-thumb {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.news .post .post-thumb img {
  width: 100%;
  height: auto;
}
.news .post .post-image {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
.news .post .post-image img {
  width: 100%;
  height: auto;
}
.news .post .post-content {
  width: 100%;
  float: left;
  padding: 0 50px;
  /*
  ul{width: 100%; display: block; margin-bottom: 20px; padding-left: 20px;
  	li{  margin: 0; padding: 4px 0;}}
  ol{width: 100%; display: block; margin-bottom: 20px; padding-left: 20px;
  	li{ margin: 0; padding: 4px 0;}}
  */
}
.news .post .post-content img {
  max-width: 100%;
  height: auto;
}
.news .post .post-content p {
  display: block;
}
.news .post .post-content p .alignright {
  margin-bottom: 30px;
}
.news .post .post-content .more-link {
  display: none;
}
.news .post .post-content .post-password-form {
  display: block;
  margin-bottom: 30px;
}
.news .post .post-content .post-password-form label {
  width: 50%;
}
.news .post .post-content .post-password-form label input[type=password] {
  width: 100%;
  margin: 10px 0;
}
.news .post .post-content .gallery {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.news .post .post-content .gallery * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.news .post .post-content .gallery .gallery-item {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0;
  background: #000;
}
.news .post .post-content .gallery .gallery-item:hover {
  transform: scale(1.1);
  z-index: 2;
  box-shadow: 5px 20px 30px 5px rgba(0, 0, 0, 0.3);
}
.news .post .post-content .gallery .gallery-item:hover .gallery-icon {
  opacity: 0.6;
}
.news .post .post-content .gallery .gallery-item:hover .gallery-caption {
  opacity: 1;
}
.news .post .post-content .gallery .gallery-item .gallery-icon {
  width: 100%;
  float: left;
}
.news .post .post-content .gallery .gallery-item .gallery-icon a {
  width: 100%;
  float: left;
}
.news .post .post-content .gallery .gallery-item .gallery-icon img {
  width: 100%;
  float: left;
}
.news .post .post-content .gallery .gallery-item .gallery-caption {
  width: 100%;
  position: absolute;
  left: 0;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 0 15px;
  opacity: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.news .post .post-content .attachment {
  width: 100%;
  display: block;
  margin: 0;
}
.news .post .post-content .attachment img {
  width: 100%;
}
.news .post .post-content .wp-audio-shortcode {
  margin-bottom: 30px;
}
.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: #33a16e;
  color: #fff;
  border: none;
  border-radius: 0;
}
.news .post .post-content .author {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  margin-top: 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: #33a16e;
}
.news .post .post-content .post-title {
  display: block;
  font-weight: 800;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 20px;
}
.news .post .post-content .post-title a {
  width: 100%;
  display: block;
  color: #000;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.news .post .post-content .post-title a:hover {
  color: #33a16e;
  text-decoration: none;
}
.news .post .post-content h5 {
  font-weight: 600;
  color: #33a16e;
  margin-bottom: 15px;
}
.news .post .post-content .post-date {
  display: block;
  margin-bottom: 20px;
  font-weight: 600;
}
.news .post .post-content p {
  display: block;
  margin-bottom: 20px;
  line-height: 27px;
}
.news .post .post-content blockquote {
  width: 100%;
  display: block;
  background: #33a16e;
  padding: 20px;
  margin-bottom: 30px;
  color: #fff;
}
.news .post .post-content blockquote code {
  width: auto;
  display: inherit;
  background: none;
  padding: 0;
  color: #fff;
  opacity: 0.7;
}
.news .post .post-content blockquote a {
  color: #fff;
}
.news .post .post-content blockquote a:hover {
  color: #fff;
}
.news .post .post-content blockquote p {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}
.news .post .post-content blockquote p:last-child {
  margin-bottom: 0;
}
.news .post .post-content blockquote cite {
  color: #fff;
  font-weight: 600;
  font-family: "Fjalla One", sans-serif;
  margin: 0;
  text-transform: uppercase;
  font-style: normal;
  font-size: 24px;
}
.news .post .post-content blockquote h5 {
  color: #fff;
  font-weight: 600;
  font-family: "Fjalla One", sans-serif;
  margin: 0;
  text-transform: uppercase;
  font-style: normal;
  font-size: 24px;
}
.news .post .post-content .post-link {
  font-size: 15px;
  color: #33a16e;
  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: #33a16e;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.news .post .post-content .post-link:hover {
  text-decoration: none;
}
.news .post .post-content .post-link:hover:before {
  width: 0;
}
.news .page-links {
  width: 100%;
  float: left;
  margin-top: 40px;
}
.news .page-links h6 {
  display: block;
  font-weight: 600;
}
.news .page-links span {
  height: 40px;
  line-height: 38px;
  border: 2px solid #000;
  float: left;
  border-radius: 0 !important;
  font-size: 12px;
  color: #fff;
  background: #000;
  font-weight: 600;
  padding: 0 20px;
  margin-right: 8px;
}
.news .page-links a {
  float: left;
}
.news .page-links a:hover span {
  text-decoration: underline;
}
.news .page-links a span {
  background: #fff;
  color: #000;
}
.news address {
  display: block;
  font-weight: 600;
  line-height: 28px;
}
.news code {
  width: 100%;
  display: inline-block;
  background: #f7f7f9;
  border: none;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #000;
  font-family: "Courier New", Courier, monospace;
}
.news pre {
  width: 100%;
  display: block;
  background: #f7f7f7;
  padding: 30px;
  margin-top: 10px;
  margin-bottom: 20px;
  white-space: pre-line;
}
.news pre h2 {
  font-weight: 800;
}
.news kbd {
  border-radius: 0;
}
.news table {
  width: 100%;
  display: table;
  border: 1px solid #eee;
  margin-top: 10px;
  margin-bottom: 30px;
}
.news table tr {
  margin: 0;
  padding: 0;
}
.news table tr td, .news table tr th {
  padding: 10px 15px;
  border: 1px solid #eee;
}
.news .post-navigation {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.news .post-navigation h2 {
  font-size: 18px;
  display: none;
}
.news .post-navigation .nav-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #eee;
  font-weight: 600;
}
.news .post-navigation .nav-previous {
  flex: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.news .post-navigation .nav-next {
  flex: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  border-left: 1px solid #eee;
}
.news .post-navigation a {
  margin: 0;
}
.news .post-navigation a:hover {
  text-decoration: none;
}
.news .post-entry-footer {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.news .post-entry-footer .cat-links {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.news .post-entry-footer .cat-links a {
  margin-left: 10px;
  margin-right: 3px;
  text-decoration: underline;
  font-weight: 400;
}
.news .post-entry-footer .tags-links {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.news .post-entry-footer .tags-links a {
  margin-left: 10px;
  margin-right: 3px;
  text-decoration: underline;
  font-weight: 400;
}
.news .post-entry-footer .edit-link {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-size: 14px;
}
.news .post-entry-footer .edit-link a {
  margin-right: 40px;
  font-weight: 600;
}
.news .comment-navigation {
  width: 100%;
  float: left;
}
.news .comment-navigation h2 {
  font-size: 18px;
  display: none;
}
.news .comment-navigation .nav-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  font-weight: 700;
}
.news .comment-navigation .nav-links .nav-previous {
  flex: 1;
}
.news .comment-navigation .nav-links .nav-previous:before {
  content: "«";
  padding-right: 6px;
}
.news .comment-navigation .nav-links .nav-next {
  flex: 1;
  text-align: right;
}
.news .comment-navigation .nav-links .nav-next:before {
  content: "»";
  padding-left: 6px;
  float: right;
}
.news .comment-navigation .nav-links a {
  color: #131318;
}
.news .post-comment {
  width: 100%;
  max-width: 800px;
  float: left;
  margin-top: 30px;
}
.news .post-comment h6 {
  font-size: 17px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.news .post-comment h6 span {
  text-decoration: underline;
  color: #33a16e;
}
.news .post-comment .logged-in-as {
  margin-bottom: 10px !important;
}
.news .post-comment a {
  text-decoration: underline;
}
.news .post-comment .comments {
  width: 100%;
  float: left;
}
.news .post-comment .comments .comment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.news .post-comment .comments .comment.inner {
  padding-left: 80px;
}
.news .post-comment .comments .comment .comment-avatar {
  width: auto;
  float: left;
  background: none;
}
.news .post-comment .comments .comment .comment-avatar img {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 20px;
  border-radius: 50%;
  opacity: 1;
  -moz-transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.news .post-comment .comments .comment .comment-content {
  width: calc(100% - 80px);
  margin: 0;
}
.news .post-comment .comments .comment .comment-content blockquote {
  display: block;
}
.news .post-comment .comments .comment .comment-content blockquote p {
  color: #fff;
}
.news .post-comment .comments .comment .comment-content h4 {
  font-weight: 600;
  font-size: 16px;
}
.news .post-comment .comments .comment .comment-content p {
  font-size: 14px;
}
.news .post-comment .comments .comment .comment-content small {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
}
.news .post-comment .comments .comment .comment-content .comment-reply-link {
  float: left;
  font-weight: 400;
  font-size: 12px;
  padding: 0 8px;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  line-height: 26px;
  height: 24px;
}
.news .post-comment textarea {
  width: 100%;
}
.news .post-comment .comment-form {
  width: 100%;
  float: left;
  margin-top: 40px;
}
.news .post-comment .comment-form label {
  width: 100%;
  float: left;
  margin: 0;
  position: relative;
  z-index: 2;
}
.news .post-comment .comment-form label span {
  float: left;
  background: #fff;
  font-size: 12px;
  margin-left: 14px;
  padding: 0 6px;
  font-weight: 600;
  margin-bottom: -10px;
}
.news .post-comment .comment-form input {
  width: 100%;
  height: 58px;
  border: 2px solid #ccc;
  padding: 0 20px;
}
.news .post-comment .comment-form textarea {
  width: 100%;
  height: 120px;
  border: 2px solid #ccc;
  padding: 20px;
}
.news .post-comment .comment-form button {
  height: 58px;
  display: inline-block;
  padding: 0 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: #000;
  color: #fff;
  border: none;
}
.news .post-comment ol.comments, .news .post-comment ul.comments {
  margin: 0;
  padding: 0;
}
.news .post-comment ol.comments li, .news .post-comment ul.comments li {
  list-style-type: none;
}

/* WIDGET AREA */
.widget-area {
  width: 100%;
  max-width: 330px;
  float: right;
}
.widget-area .widget {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
  border-top: 3px solid #eee;
  padding: 30px;
  background: #fff;
}
.widget-area .widget .widget-title {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #33a16e;
  font-weight: 800;
  border-bottom: 1px solid #eee;
  padding-bottom: 25px;
  position: relative;
}
.widget-area .widget .widget-title:after {
  content: "";
  width: 90px;
  height: 1px;
  background: #33a16e;
  position: absolute;
  left: -30px;
  bottom: -1px;
}
.widget-area .widget .widget-title a {
  color: #33a16e;
}
.widget-area .widget .widget-title a:hover {
  text-decoration: none;
}
.widget-area .widget .widget-title img {
  display: none;
}
.widget-area .widget ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.widget-area .widget ul li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-area .widget select {
  width: 100%;
  height: 58px;
  line-height: 54px;
  display: inline-block;
  border: 2px solid #eee;
  background: #fff;
  padding: 0 20px;
}
.widget-area .widget_archive {
  float: left;
}
.widget-area .widget_archive ul {
  margin: 0;
}
.widget-area .widget_archive ul li {
  line-height: 30px;
  color: #808080;
  text-align: right;
  font-size: 12px;
  font-family: "Fjalla One", sans-serif;
}
.widget-area .widget_archive ul li a {
  float: left;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.widget-area .widget_categories {
  float: left;
}
.widget-area .widget_categories ul {
  margin: 0;
}
.widget-area .widget_categories ul li {
  line-height: 30px;
  color: #808080;
  text-align: right;
  font-size: 12px;
  font-family: "Fjalla One", sans-serif;
}
.widget-area .widget_categories ul li a {
  float: left;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.widget-area .widget_pages {
  float: left;
}
.widget-area .widget_pages ul {
  width: 100%;
  float: left;
  margin: 0;
}
.widget-area .widget_pages ul li {
  width: 100%;
  float: left;
  line-height: 30px;
}
.widget-area .widget_pages ul li ul {
  padding-left: 20px;
}
.widget-area .widget_pages ul li a {
  float: left;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.widget-area .widget_meta {
  float: left;
}
.widget-area .widget_meta ul {
  width: 100%;
  float: left;
  margin: 0;
}
.widget-area .widget_meta ul li {
  width: 100%;
  float: left;
  line-height: 30px;
}
.widget-area .widget_meta ul li a {
  float: left;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.widget-area .widget_recent_comments {
  float: left;
}
.widget-area .widget_recent_comments ul {
  width: 100%;
  float: left;
  margin: 0;
}
.widget-area .widget_recent_comments ul li {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.widget-area .widget_recent_comments ul li .comment-author-link {
  text-decoration: underline;
}
.widget-area .widget_recent_comments ul li a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.widget-area .widget_rss {
  float: left;
}
.widget-area .widget_rss ul {
  width: 100%;
  float: left;
  margin: 0;
}
.widget-area .widget_rss ul li {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.widget-area .widget_rss ul li .rss-date {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #808080;
  font-size: 12px;
}
.widget-area .widget_rss ul li .rssSummary {
  display: block;
  margin-bottom: 5px;
}
.widget-area .widget_rss ul li cite {
  font-family: Georgia;
}
.widget-area .widget_rss ul li a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.widget-area .widget_search {
  float: left;
}
.widget-area .widget_search .widget-title {
  display: none;
}
.widget-area .widget_search label span {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  display: none;
}
.widget-area .widget_search input[type=search] {
  width: 100%;
  height: 58px;
  line-height: 54px;
  float: left;
  border: 2px solid #eee;
  margin-bottom: 10px;
  padding: 0 20px;
}
.widget-area .widget_search input[type=submit] {
  height: 58px;
  display: inline-block;
  padding: 0 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: #000;
  color: #fff;
  border: none;
}
.widget-area .widget_recent_entries {
  float: left;
}
.widget-area .widget_recent_entries ul {
  width: 100%;
  float: left;
  margin: 0;
}
.widget-area .widget_recent_entries ul li {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.widget-area .widget_recent_entries ul li a {
  float: left;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.widget-area .widget_nav_menu {
  float: left;
}
.widget-area .widget_nav_menu ul {
  width: 100%;
  float: left;
  margin: 0;
}
.widget-area .widget_nav_menu ul li {
  width: 100%;
  float: left;
  line-height: 30px;
}
.widget-area .widget_nav_menu ul li ul {
  padding-left: 20px;
}
.widget-area .widget_nav_menu ul li a {
  float: left;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.widget-area .widget_tag_cloud {
  float: left;
}
.widget-area .widget_tag_cloud .tagcloud {
  width: 100%;
  float: left;
}
.widget-area .widget_tag_cloud .tagcloud a {
  height: 24px;
  line-height: 24px;
  float: left;
  font-size: 12px !important;
  border-radius: 24px;
  padding: 0 10px;
  border: 1px solid #eee;
  margin-right: 6px;
  margin-bottom: 6px;
}
.widget-area .widget_tag_cloud .tagcloud a:hover {
  background: #33a16e;
  border-color: #33a16e;
  color: #fff;
  text-decoration: none;
}
.widget-area .widget_media_image {
  float: left;
}
.widget-area .widget_media_image img {
  width: 100%;
}
.widget-area .widget_text {
  float: left;
}
.widget-area .widget_text .textwidget {
  width: 100%;
  float: left;
  font-size: 15px;
}
.widget-area .widget_text .textwidget p:last-child {
  margin-bottom: 0;
}
.widget-area .widget_text .textwidget .wp-caption {
  width: 100%;
  display: block;
}
.widget-area .widget_text .textwidget .wp-caption .wp-caption-text {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  text-align: left;
}
.widget-area .widget_text .textwidget .wp-caption p {
  margin: 0;
}
.widget-area .widget_text .textwidget .wp-caption a {
  width: 100%;
  float: left;
}
.widget-area .widget_text .textwidget p {
  display: block;
  margin-bottom: 20px;
}
.widget-area .widget_text .textwidget p br {
  display: none;
}
.widget-area .widget_text .textwidget img {
  width: 100%;
  height: auto;
  display: block;
  margin: 10px 0;
}
.widget-area .calendar_wrap {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.widget-area .calendar_wrap table {
  width: 100%;
  display: table;
  text-align: center;
  color: #808080;
}
.widget-area .calendar_wrap table caption {
  text-align: center;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  border-top: 1px solid #eee;
}
.widget-area .calendar_wrap table td, .widget-area .calendar_wrap table th {
  padding: 10px 0;
}
.widget-area .calendar_wrap table td a, .widget-area .calendar_wrap table th a {
  font-weight: 600;
}
.widget-area .calendar_wrap table td a:hover, .widget-area .calendar_wrap table th a:hover {
  text-decoration: none;
}
.widget-area .calendar_wrap table thead {
  background: #000;
  color: #fff;
}
.widget-area .calendar_wrap table thead th {
  font-weight: 600;
}

/* SAY HELLO */
.say-hello {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}
.say-hello h3 {
  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: #808080;
  font-size: 13px;
  font-weight: 600;
}
.say-hello .contact-box a {
  display: inline-block;
  color: #000;
}
.say-hello .map-link {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 40px;
  text-decoration: underline;
  color: #33a16e;
}
.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%;
  padding-right: 40%;
}
.say-hello form input[type=text] {
  width: 100%;
  float: left;
}
.say-hello form textarea {
  width: 100%;
  float: left;
}
.say-hello form label {
  font-size: 13px;
  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: #33a16e;
  margin-top: 10px;
}
.say-hello #contact input.error {
  width: 100%;
  border: 2px solid #33a16e;
}
.say-hello #contact textarea.error {
  width: 100%;
  border: 2px solid #33a16e;
}
.say-hello .wpcf7-form {
  width: 100%;
  float: left;
}
.say-hello .wpcf7-form p {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.say-hello .wpcf7-form p:nth-child(1) {
  width: 50%;
  float: left;
}
.say-hello .wpcf7-form p:nth-child(2) {
  width: 50%;
  float: left;
  padding-right: 10px;
}
.say-hello .wpcf7-form p:nth-child(3) {
  width: 50%;
  float: left;
  padding-left: 10px;
}
.say-hello .wpcf7-form p:nth-child(4) span {
  width: 100%;
  float: left;
  margin: 5px 0;
}
.say-hello .wpcf7-form p input[type=text] {
  width: 100%;
  margin-top: 5px;
}
.say-hello .wpcf7-form p input[type=email] {
  width: 100%;
  margin-top: 5px;
}
.say-hello .wpcf7-form p textarea {
  width: 100%;
  margin-top: 5px;
}
.say-hello .wpcf7-form .wpcf7-validation-errors {
  width: 100%;
  float: left;
  margin: 0;
  padding: 20px;
  border: 2px solid red;
}
.say-hello .wpcf7-form .wpcf7-mail-sent-ok {
  width: 100%;
  float: left;
  margin: 0;
  padding: 20px;
  border: 2px solid green;
}
.say-hello .wpcf7-form .wpcf7-not-valid-tip {
  width: 100%;
  float: left;
  sfont-weight: 800;
  margin: 5px 0;
}

.error-404 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 130px 0;
  background: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}
.error-404 img {
  display: inline-block;
  margin-bottom: 40px;
}
.error-404 p {
  font-size: 17px;
  margin-bottom: 30px;
}
.error-404 .search-form {
  width: 100%;
  display: block;
}
.error-404 .search-form input[type=search] {
  width: 500px;
  max-width: 100%;
}
.error-404 .search-form span {
  margin-bottom: 10px;
}

.search-page {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 130px 0;
  background: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}
.search-page .not-found {
  display: inline-block;
  margin: 0 auto;
}
.search-page .search-form {
  width: 100%;
  display: block;
}
.search-page .search-form input[type=search] {
  width: 500px;
  max-width: 100%;
}
.search-page .search-form span {
  margin-bottom: 10px;
}

.news .not-found {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

.search-form {
  width: 100%;
  display: block;
}
.search-form input[type=search] {
  width: 500px;
  max-width: 100%;
}
.search-form span {
  margin-bottom: 10px;
}

.news .page {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}
.news .page .post-author {
  display: none;
}
.news .page .post-date {
  display: none;
}
.news .page .post-link {
  display: none;
}

/* LOGOS */
.logos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  z-index: 3;
  background: #fff;
}
.logos * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.logos .client {
  text-align: center;
  position: relative;
}
.logos .client:hover img {
  opacity: 0;
  transform: scale(1.1);
}
.logos .client:hover h6 {
  opacity: 1;
  margin-top: -10px;
}
.logos .client figure {
  margin: 0;
}
.logos .client figure img {
  height: 80px;
}
.logos .client figure h6 {
  width: 100%;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 50%;
  margin-top: 0;
  font-size: 13px;
  font-weight: 600;
  opacity: 0;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  color: #fff;
  background: url(../images/anim-hero.gif) center no-repeat #131313;
  text-align: center;
  padding-top: 130px;
  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 {
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  margin-bottom: 50px;
  color: #808080;
}
.footer ul {
  display: inline-block;
  margin-bottom: 20px;
  padding: 0;
}
.footer ul li {
  float: left;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
.footer ul li a {
  font-size: 12px;
  color: #fff;
}
.footer ul li a:hover {
  color: #33a16e;
}
.footer span {
  display: block;
  font-size: 11px;
  color: #989898;
}

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

  .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: -30px;
  }

  .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: 767px), only screen and (max-device-width: 767px) {
  .hide-mobile {
    display: none;
  }

  .sandwich-nav-mobile {
    display: block;
  }

  .unicord-horizontal-nav {
    display: none;
  }

  .navbar {
    padding: 20px 30px;
  }

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

  .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;
  }

  .social-media {
    display: none;
  }

  .scroll-down {
    display: none;
  }

  .our-team {
    padding-top: 0;
  }

  .works {
    padding-top: 80px;
    padding-bottom: 0;
  }

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

  .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;
  }

  .logos {
    padding: 30px 0;
  }

  .logos 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: 0 12px;
  }

  .case-details h3 {
    font-size: 60px;
  }

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

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

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

  .widget-area {
    max-width: 100%;
    margin-top: 100px;
  }

  .footer {
    padding-top: 80px;
  }

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

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