@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. HTML TAGS
		04. CUSTOM TAGS
		05. SECTIONS
		06. CONTENT
		07. ODOMETER
		08. EQUALIZER
		09. REVEAL EFFECT
		10. PAGE TRANSITION
		11. PRELOADER
		12. PAGE LOADED
		13. TEXT ROTATER
		14. PERSPECTIVE 
		15. SOCIAL BAR
		16. HEADER
		17. DROPDOWN
		18. SLIDER
		19. SLIDER FRACTION
		20. SLIDER BUTTONS
		21. SLIDER CONTENT
		22. SLIDER LINKS
		23. INT HERO
		24. ABOUT STUDIO
		25. WORKS
		26. WORKS FILTER
		27. WORKS FIGURE
		28. ICON FEATURES
		29. TEAM MEMBERS
		30. CLIENTS
		31. SIDE IMAGE CONTENT
		32. AWARDS
		33. JOURNAL
		34. CONTACT
		35. FOOTER
		36. SCROLL DOWN
		37. RESPONSIVE MEDIUM FIXES
		38. RESPONSIVE TABLET FIXES
		39. RESPONSIVE MOBILE FIXES



*/
/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Poppins:300,400,600,800&display=swap");
/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

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

/* LINKS */
a {
  color: #222327;
  -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;
}
a:hover {
  text-decoration: underline;
  color: #222327;
}

/* CUSTOM CLASSES */
.overflow {
  overflow: hidden !important;
}

.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

/* CUSTOM CONTAINER */
@media (min-width: 1300px) {
  .container {
    max-width: 1340px;
  }
}
/* CUSTOM CURSOR */
.cursor {
  position: fixed;
  top: -30px;
  left: -30px;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
}
.cursor:before {
  content: "";
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  background: white;
  transition: all ease 0.15s;
  transform: scale(0.15);
}

.cursor.light:before {
  transform: scale(1);
}

/* SECTIONS */
.content-section {
  width: 100%;
  display: block;
  padding: 150px 0;
}

main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
}

section {
  position: relative;
}

aside {
  position: relative;
}

/* FORM ELEMENTS */
input[type=text] {
  max-width: 100%;
  height: 58px;
  border: 1px solid #eee;
  padding: 0 20px;
}

input[type=email] {
  max-width: 100%;
  height: 58px;
  border: 1px solid #eee;
  padding: 0 20px;
}

input[type=search] {
  max-width: 100%;
  height: 58px;
  border: 1px solid #eee;
  padding: 0 20px;
}

input[type=password] {
  max-width: 100%;
  height: 58px;
  border: 1px solid #eee;
  padding: 0 20px;
}

input[type=submit] {
  height: 58px;
  border: none;
  background: #222327;
  color: #fff;
  padding: 0 30px;
  font-weight: 600;
  font-size: 14px;
}

button[type=submit] {
  height: 58px;
  border: none;
  background: #222327;
  color: #fff;
  padding: 0 30px;
  font-weight: 600;
  font-size: 14px;
}

textarea {
  max-width: 100%;
  height: 140px;
  border: 1px solid #eee;
  padding: 20px;
}

/* EQUALIZER */
.equalizer {
  width: 26px;
  height: 30px;
  cursor: pointer;
  position: relative;
}

.equalizer span {
  background: #fff;
  width: 2px;
  height: 0px;
  bottom: 0;
  left: 0%;
  display: block;
  position: absolute;
  transition: height 0.2s linear;
}

.equalizer span:nth-child(1) {
  margin-left: 8px;
}

.equalizer span:nth-child(2) {
  margin-left: 16px;
}

.equalizer span:nth-child(4) {
  margin-left: 24px;
}

.equalizer.paused span {
  height: 3px !important;
}

/* SPLITTING */
.splitting .word, .splitting .char {
  display: inline-block;
}

.splitting .char {
  position: relative;
}

.animated .char {
  display: inline-block;
  animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both;
  animation-delay: calc(10ms * var(--char-index));
}

/* ODOMETER */
.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
  text-indent: -5px;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
  text-indent: 0;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-top: 50px;
}
.pagination .page-numbers {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.pagination li {
  display: inline-block;
  margin-left: -1px;
}
.pagination li .page-numbers {
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: #222327;
  outline: none !important;
  border: 1px solid #dee2e6;
}
.pagination li .page-numbers.current {
  background: #e9ecef;
}
.pagination li .page-numbers:hover {
  background: #e9ecef;
}

/* REVEAL EFFECT */
.reveal-effect {
  float: left;
  position: relative;
}

.reveal-effect > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  position: relative;
}

.reveal-effect > * {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.reveal-effect {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.reveal-effect {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.reveal-effect.animated {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.reveal-effect.animated * {
  -webkit-animation-name: show-img-1;
  animation-name: show-img-1;
}

.reveal-effect:after {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.reveal-effect:after {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0.05, 0);
  transform: scale(0.05, 0);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect.masker:after {
  background-color: #161619;
}

.reveal-effect.animated:after {
  -webkit-animation-name: slide-bg-2;
  animation-name: slide-bg-2;
}

/* SWIPER PAGINATION */
.content-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  transform: scale(0.4);
  background: #fff;
  opacity: 1;
  border-radius: 50%;
}

.content-pagination .swiper-pagination-bullet:hover {
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  -webkit-transform: scale(1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  border: 2px solid #fff;
  background: none;
}

.content-pagination .swiper-pagination-bullet-active {
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  -webkit-transform: scale(1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  border: 2px solid #fff;
  background: none;
}

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 11;
  background: #75dab4;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  overflow: hidden;
  transition-delay: 0.8s;
}
.preloader * {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #1c1c1c;
  transition-delay: 0.3s;
}
.preloader .inner {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.preloader .inner span {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
}
.preloader .inner figure {
  display: block;
  margin-bottom: 20px;
  transition-delay: 0.1s;
}
.preloader .inner figure img {
  height: 40px;
  transform: translateX(-7px);
}

body .left-side {
  left: -100%;
  opacity: 0;
}

body .slider {
  transform: scale(1.5);
  filter: blur(20px);
}

body .page-header {
  transform: scale(1.5);
  filter: blur(20px);
}

/* PAGE LOADED */
.page-loaded .preloader {
  right: -100%;
}

.page-loaded .preloader .inner figure {
  opacity: 0;
  transform: scale(1.5);
}

.page-loaded .preloader .inner span {
  transform: translateY(20px);
  opacity: 0;
}

.page-loaded .preloader .layer {
  right: -100%;
}

.page-loaded .left-side {
  left: 0;
  opacity: 1;
}

.page-loaded .slider {
  filter: blur(0);
  transform: scale(1);
}

.page-loaded .page-header {
  filter: blur(0);
  transform: scale(1);
}

/* NO PRELOADER */
.no-preloader .left-side {
  left: 0;
  opacity: 1;
}

.no-preloader .slider {
  filter: blur(0);
  transform: scale(1);
}

.no-preloader .page-header {
  filter: blur(0);
  transform: scale(1);
}

/* PAGE TRANSTION */
.page-transition {
  width: 100%;
  height: 100%;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 13;
  opacity: 0;
  visibility: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  background: #75dab4;
}
.page-transition .layer {
  width: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #1c1c1c;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.3s;
}
.page-transition.active {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.page-transition.active .layer {
  width: 100%;
}

/* SITE NAVIGATION */
.body-hamburger-menu {
  margin: 0;
}
.body-hamburger-menu .site-navigation {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  background: #75dab4;
  padding-left: 120px;
}
.body-hamburger-menu .site-navigation .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  background: #161619;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.3s;
}
.body-hamburger-menu .site-navigation .inner {
  position: relative;
  max-height: 80vh;
  overflow-y: auto;
  z-index: 2;
  padding-left: 100px;
  -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;
  transition-delay: 0.7s;
  opacity: 0;
}
.body-hamburger-menu .site-navigation .inner ul {
  margin: 0;
  padding: 0;
  animation-duration: 1s;
}
.body-hamburger-menu .site-navigation .inner ul li {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  align-items: center;
  line-height: 1.3;
  font-size: 6vw;
}
.body-hamburger-menu .site-navigation .inner ul li.dropdown ul li i {
  display: none;
}
.body-hamburger-menu .site-navigation .inner ul li.dropdown i {
  display: inline-block;
}
.body-hamburger-menu .site-navigation .inner ul li ul {
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  display: none;
}
.body-hamburger-menu .site-navigation .inner ul li ul li {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: 4vw;
}
.body-hamburger-menu .site-navigation .inner ul li ul li.dropdown i {
  display: inline-block;
}
.body-hamburger-menu .site-navigation .inner ul li ul li.dropdown ul li i {
  display: none;
}
.body-hamburger-menu .site-navigation .inner ul li ul li i {
  display: none;
  font-size: 18px;
}
.body-hamburger-menu .site-navigation .inner ul li ul li a {
  font-weight: 600;
}
.body-hamburger-menu .site-navigation .inner ul li ul li a:hover {
  background: none;
}
.body-hamburger-menu .site-navigation .inner ul li i {
  margin-left: 20px;
  color: #fff;
  display: none;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  font-weight: 800;
  font-size: 3vw;
}
.body-hamburger-menu .site-navigation .inner ul li i:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
}
.body-hamburger-menu .site-navigation .inner ul li b {
  display: block;
}
.body-hamburger-menu .site-navigation .inner ul li a {
  display: inline-block;
  font-weight: 800;
  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;
  margin: 0;
  padding: 0;
}
.body-hamburger-menu .site-navigation .inner ul li a:hover {
  color: #75dab4;
  text-decoration: none;
}
.body-hamburger-menu .site-navigation .inner ul li a:focus {
  background: none;
}
.body-hamburger-menu .site-navigation.active {
  left: 0;
}
.body-hamburger-menu .site-navigation.active .layer {
  left: 0;
}
.body-hamburger-menu .site-navigation.active .inner {
  opacity: 1;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .body-hamburger-menu .site-navigation .inner {
    padding-left: 0;
  }

  .body-hamburger-menu .site-navigation .inner ul li {
    margin-bottom: 10px;
  }

  .body-hamburger-menu .site-navigation .inner ul li i {
    margin-left: 10px;
  }
}
/* HORIZONTAL MENU */
.body-horizontal-menu .site-navigation {
  margin: 0 auto;
}

.body-horizontal-menu {
  margin: 0;
}
.body-horizontal-menu .menu-horizontal {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.body-horizontal-menu .menu-horizontal * {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.body-horizontal-menu .menu-horizontal li {
  margin-left: 40px;
  padding: 15px 0;
  white-space: nowrap;
  position: relative;
  list-style: none;
  font-size: 16px !important;
}
.body-horizontal-menu .menu-horizontal li:first-child {
  margin-left: 0;
}
.body-horizontal-menu .menu-horizontal li b {
  width: 100%;
  float: left;
  overflow: hidden;
}
.body-horizontal-menu .menu-horizontal li i {
  color: #fff;
  display: none;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  font-weight: 800;
}
.body-horizontal-menu .menu-horizontal li i:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
}
.body-horizontal-menu .menu-horizontal li.dropdown i {
  display: inline-block;
}
.body-horizontal-menu .menu-horizontal li.dropdown ul li i {
  display: none;
  left: 5px;
}
.body-horizontal-menu .menu-horizontal li.dropdown ul li.dropdown i {
  display: inline-block;
}
.body-horizontal-menu .menu-horizontal li.dropdown ul li.dropdown ul li i {
  display: none;
}
.body-horizontal-menu .menu-horizontal li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}
.body-horizontal-menu .menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li i {
  display: none;
}
.body-horizontal-menu .menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}
.body-horizontal-menu .menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown li i {
  display: none;
}
.body-horizontal-menu .menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown li.dropdown i {
  display: inline-block;
}
.body-horizontal-menu .menu-horizontal li a {
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 0;
}
.body-horizontal-menu .menu-horizontal li a:hover {
  text-decoration: none;
  background: none;
  color: #75dab4;
}
.body-horizontal-menu .menu-horizontal li ul {
  min-width: 200px;
  display: none;
  flex-wrap: wrap;
  position: absolute;
  left: -20px;
  top: 100%;
  background: #222327;
  margin: 0;
  padding: 10px 0;
  border: none;
  border-radius: 0;
}
.body-horizontal-menu .menu-horizontal li ul li {
  width: 100%;
  float: left;
  padding: 5px 20px;
  padding-left: 30px;
  margin: 0;
}
.body-horizontal-menu .menu-horizontal li ul li ul {
  background: #252525;
  left: 200px;
  top: 0;
  margin-top: -10px;
}
.body-horizontal-menu .menu-horizontal li ul li ul li ul {
  background: #313131;
  left: -200px;
}
.body-horizontal-menu .menu-horizontal li ul li ul li ul li ul {
  background: #444444;
  left: 200px;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .body-horizontal-menu .navbar .hamburger {
    display: inline-block;
    margin-left: auto;
  }

  .body-horizontal-menu .navbar .all-cases-link {
    display: none;
  }

  .body-horizontal-menu .menu-horizontal {
    position: static;
  }

  .body-horizontal-menu .navbar .menu-main-menu-container {
    width: 100%;
    display: inline-block;
    margin: 0;
  }
  .body-horizontal-menu .site-navigation {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    background: #75dab4;
  }
  .body-horizontal-menu .site-navigation .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    background: #161619;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-delay: 0.3s;
  }
  .body-horizontal-menu .site-navigation .inner {
    position: relative;
    z-index: 2;
    padding-left: 100px;
    -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;
    transition-delay: 0.7s;
    opacity: 0;
  }
  .body-horizontal-menu .site-navigation .inner ul {
    margin: 0;
    padding: 0;
    animation-duration: 1s;
  }
  .body-horizontal-menu .site-navigation .inner ul li {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0;
    align-items: center;
    line-height: 1.3;
    font-size: 6vw !important;
    visibility: visible;
    opacity: 1;
  }
  .body-horizontal-menu .site-navigation .inner ul li.dropdown ul li i {
    display: none;
  }
  .body-horizontal-menu .site-navigation .inner ul li.dropdown i {
    display: inline-block;
  }
  .body-horizontal-menu .site-navigation .inner ul li ul {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    display: none;
    width: 100%;
    position: static;
    background: none !important;
  }
  .body-horizontal-menu .site-navigation .inner ul li ul li {
    display: block;
    margin: 0;
    font-size: 26px;
  }
  .body-horizontal-menu .site-navigation .inner ul li ul li.dropdown i {
    display: inline-block;
  }
  .body-horizontal-menu .site-navigation .inner ul li ul li i {
    display: none;
  }
  .body-horizontal-menu .site-navigation .inner ul li ul li a {
    font-weight: 600;
  }
  .body-horizontal-menu .site-navigation .inner ul li ul li a:hover {
    background: none;
  }
  .body-horizontal-menu .site-navigation .inner ul li i {
    margin-left: 20px;
    color: #fff;
    display: none;
    line-height: 1;
    cursor: pointer;
    font-style: normal;
    font-weight: 800;
    font-size: 3vw;
  }
  .body-horizontal-menu .site-navigation .inner ul li i:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
  }
  .body-horizontal-menu .site-navigation .inner ul li b {
    display: block;
    width: auto;
    float: none;
  }
  .body-horizontal-menu .site-navigation .inner ul li a {
    display: inline-block;
    font-weight: 800;
    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;
    margin: 0;
    padding: 0;
  }
  .body-horizontal-menu .site-navigation .inner ul li a:hover {
    color: #75dab4;
    text-decoration: none;
  }
  .body-horizontal-menu .site-navigation.active {
    left: 0;
  }
  .body-horizontal-menu .site-navigation.active .layer {
    left: 0;
  }
  .body-horizontal-menu .site-navigation.active .inner {
    opacity: 1;
  }

  .menu-horizontal {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    visibility: hidden;
    padding: 0 30px;
  }

  .menu-horizontal li {
    width: 100%;
    display: block;
    margin: 5px 0;
    padding: 15px 0;
    list-style: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    line-height: 1;
    position: relative;
    font-size: 5vw;
    color: #fff;
  }

  .menu-horizontal li b {
    width: auto;
  }

  .menu-horizontal li a {
    color: #fff;
  }

  .menu-horizontal li a:hover {
    color: #fff;
  }

  .menu-horizontal li a:before {
    color: #fff;
  }

  .menu-horizontal li i {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    margin-top: 4px;
    margin-left: 5px;
  }

  .menu-horizontal li ul {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
    background: none;
  }

  .menu-horizontal li ul li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
  }

  .menu-horizontal li ul li:last-child {
    margin-bottom: 0;
  }

  .menu-horizontal li ul li a {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
  }

  .menu-horizontal li ul li i {
    margin: 0;
  }

  .menu-horizontal li ul li ul {
    background: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
  }

  .menu-horizontal li ul li ul li {
    margin-bottom: 10px;
  }

  .menu-horizontal li ul li ul li:last-child {
    margin-bottom: 0;
  }

  .menu-horizontal li ul li ul li ul {
    background: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
  }

  .menu-horizontal li ul li ul li ul li ul {
    background: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
  }

  .menu-horizontal li ul {
    position: static;
  }

  .menu-horizontal li:hover ul {
    display: none;
  }

  .menu-horizontal li ul li:hover ul {
    display: none;
  }

  .menu-horizontal li ul li ul li:hover ul {
    display: none;
  }

  .menu-horizontal li ul li ul li ul li:hover ul {
    display: none;
  }
}
/* SECTION TITLES */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.section-title.light {
  color: #fff;
}
.section-title h2 {
  width: 100%;
  line-height: 1.2;
  font-size: 4vw;
  letter-spacing: 2px;
  margin: 0;
  font-family: "Fjalla One", sans-serif;
}
.section-title h5 {
  width: 100%;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 30px;
}
.section-title a {
  color: #fff;
  font-size: 17px;
  border-bottom: 1px solid #75dab4;
  padding-bottom: 5px;
  margin-top: 40px;
}
.section-title a:hover {
  border-color: #fff;
  text-decoration: none;
}

/* NAVBAR */
.navbar {
  width: calc(100% - 120px);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  padding: 30px 40px;
}
.navbar .menu-main-menu-container {
  margin: 0 auto;
}
.navbar .hamburger {
  display: none;
}
.navbar .menu-all-pages-container {
  margin: 0 auto;
}
.navbar .all-cases-link {
  margin-right: 0;
}

/* SOCIAL MEDIA */
.social-media {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 3;
  background: #75dab4;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.social-media .layer {
  width: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #161619;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.3s;
}
.social-media .inner {
  position: relative;
  z-index: 2;
  padding-left: 100px;
  -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;
  transition-delay: 0.7s;
  opacity: 0;
  text-align: center;
  width: 100%;
}
.social-media .inner h5 {
  font-size: 3vw;
  font-weight: 600;
  color: #fff;
  margin-bottom: 50px;
}
.social-media .inner ul {
  display: block;
  margin: 0;
  padding: 0;
}
.social-media .inner ul li {
  font-size: 2vw;
  display: inline-block;
  margin: 0 40px;
  padding: 0;
  list-style: none;
}
.social-media .inner ul li a {
  color: #fff;
}
.social-media .inner ul li a:hover {
  color: #75dab4;
  text-decoration: none;
}
.social-media.active {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.social-media.active .layer {
  width: 100%;
}
.social-media.active .inner {
  opacity: 1;
}

/* ALL CASES */
.all-cases {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 3;
  background: #75dab4;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.all-cases .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  background: #161619;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.6s;
}
.all-cases .inner {
  position: relative;
  z-index: 2;
  padding-left: 220px;
  -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;
  transition-delay: 0.7s;
  opacity: 0;
  width: 100%;
}
.all-cases .inner ul {
  display: block;
  max-height: 500px;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
  counter-reset: tourog;
}
.all-cases .inner ul li {
  font-size: 8vw;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 50px;
  padding: 0;
  list-style: none;
  counter-increment: tourog;
}
.all-cases .inner ul li:before {
  content: "0" counter(tourog);
  font-size: 20px;
  color: #fff;
  margin-right: 20px;
  opacity: 0.3;
}
.all-cases .inner ul li:last-child {
  margin-bottom: 0;
}
.all-cases .inner ul li a {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
}
.all-cases .inner ul li a:hover {
  color: #fff;
  text-decoration: none;
}
.all-cases.active {
  visibility: visible;
  left: 0;
}
.all-cases.active .layer {
  left: 0;
}
.all-cases.active .inner {
  opacity: 1;
}

/* ALL CASES LINK */
.body-hamburger-menu .navbar .all-cases-link {
  margin-left: auto;
}

.all-cases-link {
  margin-right: 0;
}
.all-cases-link span {
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  margin-right: 10px;
}
.all-cases-link b {
  width: 40px;
  height: 40px;
  line-height: 44px;
  font-size: 25px;
  font-weight: 300;
  display: inline-block;
  background: #fff;
  color: #222327;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  -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;
}
.all-cases-link b.closed {
  transform: rotate(45deg);
}
.all-cases-link b:hover {
  background: #75dab4;
  text-decoration: none;
  color: #fff;
}

/* SCROLL DOWN */
.scrolldown {
  position: absolute;
  right: 40px;
  bottom: 30px;
  font-family: "Fjalla One", sans-serif;
}
.scrolldown a {
  color: #fff;
}
.scrolldown a:hover {
  text-decoration: none;
}

/* LEFT SIDE */
.left-side {
  width: 120px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  z-index: 10;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding: 30px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1s;
}
.left-side .logo {
  display: inline-block;
  margin-bottom: auto;
}
.left-side .logo img {
  height: 50px;
}
.left-side .hamburger {
  margin: auto;
}
.left-side .social-links {
  display: inline-block;
}
.left-side .social-links ul {
  margin: 0;
  padding: 0;
}
.left-side .social-links ul li {
  display: block;
  margin: 10px 0;
  padding: 0;
}
.left-side .social-links ul li a {
  color: #fff;
  display: inline-block;
  font-size: 13px;
}
.left-side .equalizer {
  margin: auto;
  margin-bottom: 10px;
}

/* SLIDER */
.header-no-section {
  width: calc(100% + 30px);
  display: block;
}

.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.1s;
  overflow: hidden;
}
.slider .slide-inner {
  height: 100%;
}
.slider .slide-inner .slide-image {
  height: 100%;
}
.slider .swiper-pagination {
  width: 160px;
  height: 2px;
  margin: auto 10px;
  display: inline-block;
  position: static;
  background: rgba(255, 255, 255, 0.3);
}
.slider .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #fff;
}
.slider .swiper-container {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
}
.slider .swiper-container .swiper-slide {
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.slider .swiper-container .swiper-slide .slide-video-bg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: #222327;
}
.slider .swiper-container .swiper-slide .slide-video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}
.slider .gallery-top {
  height: 100%;
  width: 100%;
  background: #222327;
}
.slider .gallery-thumbs {
  width: calc(100% - 240px);
  display: flex;
  flex-wrap: wrap;
  margin: 0 120px;
  padding: 30px 0;
  z-index: 9;
  position: absolute;
  bottom: 30%;
  right: 0;
  height: auto;
  color: #fff;
}
.slider .gallery-thumbs .swiper-slide {
  width: 90%;
  height: 100%;
  opacity: 0.4;
  text-align: center;
  filter: blur(3px);
}
.slider .gallery-thumbs .swiper-slide h1 {
  width: 100%;
  float: left;
  font-size: 3vw;
  font-weight: 800;
  line-height: 1.2;
}
.slider .gallery-thumbs .swiper-slide a {
  display: none;
  font-size: 13px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  padding-bottom: 5px;
  margin-bottom: 10px;
  position: relative;
}
.slider .gallery-thumbs .swiper-slide a:before {
  content: "";
  width: 20px;
  height: 2px;
  background: #fff;
  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;
}
.slider .gallery-thumbs .swiper-slide a:hover {
  text-decoration: none;
}
.slider .gallery-thumbs .swiper-slide a:hover:before {
  width: 100%;
}
.slider .gallery-thumbs .swiper-slide-active {
  width: 100%;
  opacity: 1;
  transform: scale(1.4);
  filter: blur(0px);
}
.slider .gallery-thumbs .swiper-slide-active span {
  font-size: 4vw;
}
.slider .gallery-thumbs .swiper-slide-active a {
  display: inline-block;
}
.slider .swiper-button-prev {
  height: auto;
  position: absolute;
  left: auto;
  top: auto;
  right: 120px;
  bottom: 30px;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
  background: none;
}
.slider .swiper-button-next {
  height: auto;
  position: absolute;
  left: auto;
  top: auto;
  right: 40px;
  bottom: 30px;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
  background: none;
}
.slider .slide-progress {
  width: 220px;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -110px;
  z-index: 3;
  text-align: center;
}
.slider .slide-progress span {
  display: inline-block;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  font-size: 14px;
}
.slider .slide-progress .total-slides:before {
  content: "0";
}

/* KINETIC SLIDER */
.kinetic-slider {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: 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;
}

canvas {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.slider-controls {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  right: 40px;
  bottom: 30px;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
}
.slider-controls .prev {
  margin-left: 0;
  margin-right: 60px;
  cursor: pointer;
}
.slider-controls .next {
  margin-right: 0;
  cursor: pointer;
}

/* TEXT INTERACTIVE  */
.text-interactive {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-size: cover !important;
  transition: background ease 0.5s;
}
.text-interactive .container {
  padding: 0 10%;
}
.text-interactive .interactive-text {
  display: inline-block;
  background-image: none !important;
  color: #fff;
  font-weight: 800;
  font-size: 6vw;
  margin-right: 40px;
}
.text-interactive .interactive-text span {
  font-family: "Fjalla One", sans-serif;
  font-size: 18px;
  opacity: 0.7;
  text-transform: uppercase;
}
.text-interactive .interactive-text a {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
}
.text-interactive .interactive-text a:hover {
  text-decoration: none;
  color: #fff;
}

/* VIDEO HERO */
.video-hero {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.video-hero .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: #222327;
}
.video-hero .video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}
.video-hero .inner {
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  z-index: 2;
}
.video-hero .inner h1 {
  width: 100%;
  float: left;
  font-size: 8vw;
  line-height: 5vw;
  font-weight: 800;
  color: #fff;
  margin-bottom: 30px;
}
.video-hero .inner a {
  font-size: 19px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 2px solid #fff;
  padding-bottom: 4px;
}
.video-hero .inner a:hover {
  text-decoration: none;
  color: #75dab4;
}

/* CAROUSEL HERO */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #222327;
}
.slider .carousel-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.slider .carousel-slider .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  background-size: cover;
  background-position: center;
}
.slider .carousel-slider .swiper-slide .slide-video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.slider .carousel-slider .swiper-slide .slide-video-bg:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.3;
}
.slider .carousel-slider .swiper-slide .slide-video-bg video {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.slider .carousel-slider .swiper-slide .inner {
  width: 100%;
  display: block;
  text-align: center;
  opacity: 0;
  position: relative;
  z-index: 2;
}
.slider .carousel-slider .swiper-slide.swiper-slide-active {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.slider .carousel-slider .swiper-slide.swiper-slide-active .inner {
  opacity: 1;
}
.slider .carousel-slider .swiper-slide.swiper-slide-active:after {
  opacity: 0.2;
}
.slider .carousel-slider .swiper-slide:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #222327;
  opacity: 0.7;
}
.slider .carousel-slider .swiper-slide h1 {
  width: 100%;
  float: left;
  font-size: 4vw;
  line-height: 5vw;
  font-weight: 800;
  color: #fff;
  margin-bottom: 10px;
}
.slider .carousel-slider .swiper-slide a {
  font-size: 19px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 2px solid #fff;
  padding-bottom: 4px;
}
.slider .carousel-slider .swiper-slide a:hover {
  text-decoration: none;
  color: #75dab4;
}
.slider .swiper-button-prev {
  height: auto;
  position: absolute;
  left: auto;
  top: auto;
  right: 120px;
  bottom: 30px;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
  background: none;
}
.slider .swiper-button-next {
  height: auto;
  position: absolute;
  left: auto;
  top: auto;
  right: 40px;
  bottom: 30px;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
  background: none;
}
.slider .slide-progress {
  width: 220px;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -110px;
  z-index: 3;
  text-align: center;
}
.slider .slide-progress span {
  display: inline-block;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  font-size: 14px;
}
.slider .slide-progress .swiper-pagination {
  width: 160px;
  height: 2px;
  margin: auto 10px;
  display: inline-block;
  position: static;
  background: rgba(255, 255, 255, 0.3);
}
.slider .slide-progress .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #fff;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  background: #161619;
  position: relative;
  transition-delay: 0.8s;
  background-size: cover !important;
}
.page-header .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.page-header .video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
}
.page-header .inner {
  width: 100%;
  padding-left: 220px;
  position: relative;
  z-index: 2;
}
.page-header .inner h1 {
  color: #fff;
  font-weight: 800;
  font-size: 10vw;
  letter-spacing: -3px;
}
.page-header .inner p {
  margin: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: -0.5px;
}

/* OFFICE SLIDER BLOCK */
.office-slider-block {
  letter-spacing: 0;
}
.office-slider-block .content-slider {
  height: 480px;
}
.office-slider-block .content-slider .swiper-slide {
  align-items: flex-end;
}
.office-slider-block .content-slider .swiper-slide:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #222327;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.3;
}
.office-slider-block .content-slider .swiper-slide .slide-inner {
  padding: 30px;
  position: relative;
}
.office-slider-block .content-slider .swiper-slide .slide-inner h6 {
  font-weight: 600;
  margin: 0;
  line-height: 1;
}

/* MILESTONES */
.milestones {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  text-align: center;
}
.milestones .odometer {
  font-family: "Fjalla One", sans-serif;
  font-size: 5vw;
  line-height: 1;
  margin: 0 auto;
}
.milestones h6 {
  width: 100%;
  display: block;
  font-size: 12px;
}
.milestones h4 {
  width: 100%;
  display: block;
  padding-top: 30px;
  margin: 20px 10%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 600;
  font-size: 12px;
}

/* ICON CONTENT BLOCK */
.icon-content-block {
  width: 100%;
  display: block;
  margin: 0;
  text-align: center;
  color: #fff;
  position: relative;
  -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;
}
.icon-content-block figure {
  width: 100%;
  display: block;
  margin: 0;
  padding: 50px 30px;
}
.icon-content-block figure img {
  height: 75px;
  display: inline-block;
  margin-bottom: 40px;
}
.icon-content-block figure h5 {
  display: block;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  font-size: 15px;
}
.icon-content-block figure ul {
  margin: 0;
  padding: 0;
}
.icon-content-block figure ul li {
  padding: 3px 0;
  opacity: 0.7;
  list-style: none;
  font-weight: 300;
}

.selected {
  width: 100%;
  display: block;
  margin: 0;
  text-align: center;
  color: #fff;
  position: relative;
  -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;
  background: #161619;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3);
}
.selected:before {
  content: "";
  width: 50%;
  height: 50%;
  position: absolute;
  right: -25px;
  bottom: -30px;
  background: url(../images/dot-pattern.png) right;
  background-size: 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;
}
.selected figure {
  width: 100%;
  display: block;
  margin: 0;
  padding: 50px 30px;
  background: #161619;
  position: relative;
}
.selected figure img {
  height: 75px;
  display: inline-block;
  margin-bottom: 40px;
}
.selected figure h5 {
  display: block;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  font-size: 15px;
}
.selected figure ul {
  margin: 0;
  padding: 0;
}
.selected figure ul li {
  padding: 3px 0;
  opacity: 0.7;
  list-style: none;
  font-weight: 300;
}

/* TEXT CONTENT BLOCK */
.animated.text-content-block h6:after {
  width: 70px !important;
}

.text-content-block {
  width: 100%;
  display: block;
  font-size: 20px;
}
.text-content-block.light {
  color: #fff;
}
.text-content-block h6 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 19px;
}
.text-content-block h6:after {
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 7px;
  -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;
}
.text-content-block ins {
  font-size: 120px;
  line-height: 1;
  font-family: "Fjalla One", sans-serif;
  float: left;
  font-weight: 400;
  margin-right: 20px;
  text-decoration: none;
}
.text-content-block h4 {
  font-weight: 600;
}
.text-content-block p {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 35px;
}
.text-content-block small {
  display: block;
  opacity: 0.7;
  margin-bottom: 50px;
}
.text-content-block *:last-child {
  margin-bottom: 0;
}

/* PROCES CONTENT BLOCK */
.process-content-block {
  width: 100%;
  display: block;
}
.process-content-block small {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: -20px;
  opacity: 0.1;
  display: block;
}
.process-content-block h5 {
  font-size: 20px;
  font-family: "Fjalla One", sans-serif;
}
.process-content-block p {
  padding-right: 20%;
  margin-bottom: 0;
  line-height: 1.5;
}

/* TESTIMONIALS */
.testimonials-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
}

.testimonials-slider .swiper-pagination {
  width: 100px;
  right: 80px;
  left: auto;
  bottom: 115px;
  text-align: right;
}

.testimonials-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  transform: scale(0.4);
  background: #222327;
  opacity: 1;
  border-radius: 50%;
}

.testimonials-slider .swiper-pagination-bullet:hover {
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  -webkit-transform: scale(1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  border: 2px solid #222327;
  background: none;
}

.testimonials-slider .swiper-pagination-bullet-active {
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  -webkit-transform: scale(1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  border: 2px solid #222327;
  background: none;
}

.testimonial {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 80px;
  background: #75dab4;
  color: #222327;
}
.testimonial blockquote {
  font-size: 21px;
  line-height: 1.7;
  font-weight: 300;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.testimonial .reviewer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.testimonial .reviewer img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
  float: left;
}
.testimonial .reviewer .reviewer-infos {
  width: calc(100% - 65px);
  float: left;
}
.testimonial .reviewer h6 {
  display: block;
  font-weight: 600;
}
.testimonial .reviewer small {
  display: block;
}

/* TEAM */
.team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: -100px;
  padding: 0;
  background: #222327;
}
.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;
}
.team.reveal-effect.masker:after {
  background: #222327;
}
.team:hover ul {
  opacity: 1;
  visibility: visible;
}
.team:hover img {
  opacity: 0.2;
}
.team img {
  width: 100%;
}
.team figcaption {
  width: 100%;
  display: block;
  color: #222327;
  background: #fff;
  padding-top: 20px;
}
.team figcaption h6 {
  display: block;
  font-weight: 600;
}
.team figcaption small {
  display: block;
  opacity: 0.5;
}
.team ul {
  width: 100%;
  display: flex;
  margin: 0;
  padding: 20px 40px;
  position: absolute;
  left: 0;
  bottom: 60px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.team ul li {
  flex: 1;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  text-align: center;
}
.team ul li a {
  color: #fff;
  font-size: 13px;
  padding: 5px;
}
.team ul li a:hover {
  color: #75dab4;
}

/* WORKS */
.works {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: -60px 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
.works li {
  width: 33.33333%;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 60px;
}
.works li:nth-child(2n+2) {
  margin-top: 100px;
}
.works li:nth-child(3n+3) {
  margin-top: 40px;
}
.works li figure {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
  background: #222327;
  -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 li figure:hover {
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3);
  transform: translateY(-10px);
}
.works li figure:hover:before {
  opacity: 1;
}
.works li figure:before {
  content: "";
  width: 90%;
  height: 30%;
  position: absolute;
  right: -25px;
  bottom: -30px;
  z-index: -1;
  background: url(../images/dot-pattern.png) right;
  background-size: 10px;
  opacity: 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;
}
.works li figure a {
  width: 100%;
  background: #222327;
  display: block;
  position: relative;
  z-index: 2;
}
.works li figure a img {
  width: 100%;
}
.works li .caption {
  width: 100%;
  display: block;
  margin: 0;
}
.works li .caption h3 {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 26px;
  letter-spacing: -1px;
  color: #fff;
}
.works li .caption h3 a {
  color: #fff;
}
.works li .caption h3 a:hover {
  text-decoration: none;
}
.works li .caption ul {
  display: block;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.7;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
}
.works li .caption ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* CASE STUDY */
.case-content {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.case-content h6 {
  font-weight: 600;
}
.case-content h5 {
  font-family: "Fjalla One", sans-serif;
  font-size: 5vw;
  text-align: center;
  margin-top: 50px;
  text-transform: uppercase;
}

/* BLOG POST */
.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog-post:last-child {
  margin-bottom: 0;
}
.blog-post:nth-child(even) {
  display: flex;
  flex-wrap: wrap;
}
.blog-post:nth-child(even) .post-image {
  order: 2;
}
.blog-post:nth-child(even) .post-image:before {
  right: auto;
  left: -25px;
}
.blog-post:nth-child(even) .post-content {
  order: 1;
  padding-right: 60px;
  padding-left: 0;
  text-align: left;
}
.blog-post.single-post {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.single-post .post-image {
  width: 100%;
  flex: inherit;
  margin-bottom: 30px;
}
.blog-post.single-post .post-content {
  width: 100%;
  flex: inherit;
  display: block;
  padding: 0;
  border: none;
  text-align: left !important;
}
.blog-post.single-post .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 30px;
  letter-spacing: -1px;
  line-height: 1.3;
}
.blog-post .post-image {
  flex: 1;
  display: block;
  margin-bottom: 0;
  margin-bottom: 30px;
  position: relative;
}
.blog-post .post-image:before {
  content: "";
  width: 91%;
  height: 61%;
  position: absolute;
  right: -25px;
  bottom: -30px;
  z-index: 0;
  background: url(../images/dot-pattern.png) right;
  background-size: 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;
  opacity: 0.2;
}
.blog-post .post-image img {
  width: 100%;
  position: relative;
}
.blog-post .post-content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 2;
  padding-left: 60px;
  font-size: 17px;
  text-align: right;
}
.blog-post .post-content .post-inner {
  width: 100%;
}
.blog-post .post-content .post-date {
  width: 100%;
  display: block;
  color: #727479;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
.blog-post .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 3vw;
  font-weight: 800;
  margin-bottom: 30px;
  letter-spacing: -1px;
  line-height: 1.3;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.blog-post .post-content .post-title a {
  color: #222327;
}
.blog-post .post-content .post-title a:hover {
  color: #75dab4;
  text-decoration: none;
}
.blog-post .post-content .post-author {
  width: 100%;
  display: block;
  color: #a7a7a7;
}
.blog-post .post-content .post-author img {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}
.blog-post .post-content .post-author b {
  color: #727479;
  font-weight: 400;
}
.blog-post .post-content .post-author b a {
  color: #222327;
}
.blog-post .post-content .post-author b a:hover {
  text-decoration: none;
}
.blog-post .post-content .post-categories {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding: 0;
}
.blog-post .post-content .post-categories li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .post-categories li a {
  color: #222327;
  font-size: 11px;
  padding-bottom: 3px;
  border-bottom: 2px solid #222327;
}
.blog-post .post-content .post-categories li a:hover {
  text-decoration: none;
  border-color: #75dab4;
}
.blog-post .post-content .social-share {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 40px;
  text-align: center;
}
.blog-post .post-content .social-share li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .social-share li.facebook a {
  background: #475993;
}
.blog-post .post-content .social-share li.twitter a {
  background: #76a9ea;
}
.blog-post .post-content .social-share li.google-plus a {
  background: #f34a38;
}
.blog-post .post-content .social-share li.linkedin a {
  background: #0077b7;
}
.blog-post .post-content .social-share li.youtube a {
  background: #f61c0d;
}
.blog-post .post-content .social-share li a {
  line-height: 44px;
  float: left;
  padding: 0 20px;
  background: #222327;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 0;
}
.blog-post .post-content .social-share li a:hover {
  text-decoration: none;
}
.blog-post .post-content blockquote {
  background: #75dab4;
  color: #fff;
  padding: 30px;
  margin-bottom: 25px;
  position: relative;
  box-shadow: 6px 6px 0 #f5f5f5;
}
.blog-post .post-content blockquote:before {
  content: "";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10vh;
  opacity: 0.2;
  color: #fff;
}
.blog-post .post-content blockquote h5 {
  font-weight: 800;
}
.blog-post .post-content p {
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 25px;
}
.blog-post .post-content h3 {
  font-weight: 600;
}
.blog-post .post-content h4 {
  font-weight: 600;
}
.blog-post .post-content h5 {
  font-weight: 600;
}
.blog-post .post-content h6 {
  font-weight: 600;
}
.blog-post .post-content strong {
  font-weight: 600;
}
.blog-post .post-content u {
  text-decoration: none;
  border-bottom: 2px solid #222327;
}
.blog-post .post-content .image-left {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.blog-post .post-content .image-left img {
  max-width: 300px;
}
.blog-post .post-content .custom-list {
  width: 100%;
  display: block;
  padding-left: 20px;
}
.blog-post .post-content .custom-list li {
  font-size: 17px;
}
.blog-post .post-content .image-full {
  display: block;
  height: auto;
  margin-bottom: 30px;
  margin-top: 30px;
}
.blog-post .post-content .image-full img {
  width: 100%;
}
.blog-post .post-content .post-link {
  display: inline-block;
  overflow: hidden;
}
.blog-post .post-content .post-link a {
  display: inline-block;
  position: relative;
  -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;
  font-weight: 400;
  font-family: "Fjalla One", sans-serif;
  padding-bottom: 5px;
  border-bottom: 2px solid #222327;
}
.blog-post .post-content .post-link a:hover {
  text-decoration: none;
  color: #75dab4;
}

/* CLIENTS */
.clients {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.clients figure {
  width: 100%;
  display: block;
  margin: 0;
  padding: 40px;
  border: 1px solid #eee;
}
.clients figure:hover img {
  opacity: 0.4;
}
.clients figure img {
  width: 100%;
  opacity: 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;
}

.clients-spacing {
  margin-left: 0;
  margin-right: 0;
}
.clients-spacing .vc_col-sm-4 {
  padding: 0;
  margin-left: -1px;
  margin-top: -1px;
}
.clients-spacing .vc_col-sm-4 .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}

/* CONTACT BOX */
.contact-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.contact-box h6 {
  width: 100%;
  font-weight: 600;
}
.contact-box p {
  margin: 0;
}
.contact-box a {
  text-decoration: underline;
}

/* MAP */
.map {
  width: 100%;
  display: block;
}
.map iframe {
  width: 100%;
  height: 800px;
}

/* CONTACT FORM 7 */
.wpcf7 {
  width: calc(100% + 100px);
  padding: 30px;
  background: #fff;
  margin-left: -100px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}
.wpcf7 div.wpcf7-response-output {
  margin: 0;
  padding: 15px;
  border: none;
}
.wpcf7 div.wpcf7-validation-errors {
  background: red;
  color: #fff;
}
.wpcf7 label {
  width: 100%;
}
.wpcf7 label span {
  width: 100%;
  display: block;
  margin-top: 10px;
}
.wpcf7 input {
  max-width: 100%;
  width: 100%;
}
.wpcf7 textarea {
  max-width: 100%;
  width: 100%;
}
.wpcf7 p:last-child {
  margin-bottom: 0;
}

/* FOOTER */
.footer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: -1;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  background-size: 80% auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(../images/footer-bg.png);
}
.footer .social-media {
  width: 100%;
  display: block;
}
.footer .social-media ul {
  margin: 0;
  padding: 0;
  float: right;
}
.footer .social-media ul li {
  display: inline-block;
  margin-left: 10px;
}
.footer .social-media ul li a {
  color: #fff;
  font-size: 13px;
}
.footer .social-media ul li a:hover {
  color: #75dab4;
}
.footer .call-to-action {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 120px;
  margin-bottom: 50px;
}
.footer .call-to-action h6 {
  font-family: "Fjalla One", sans-serif;
  font-size: 2vw;
  margin-bottom: 20px;
}
.footer .call-to-action h2 {
  font-size: 4vw;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 50px;
  opacity: 0.7;
}
.footer .call-to-action .link-holder {
  width: 100%;
  display: block;
}
.footer .call-to-action .link-holder .link {
  display: inline-block;
  color: #fff;
  font-size: 17px;
  padding-bottom: 5px;
  position: relative;
}
.footer .call-to-action .link-holder .link:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #75dab4;
  position: absolute;
  right: 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;
}
.footer .call-to-action .link-holder .link:hover {
  text-decoration: none;
}
.footer .call-to-action .link-holder .link:hover:before {
  content: "";
  width: 0;
}
.footer address {
  width: 100%;
  display: block;
  margin: 0;
}
.footer address small {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  opacity: 0.5;
  font-weight: 600;
  font-size: 14px;
}
.footer .footer-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 13px;
}
.footer .footer-bottom .copyright {
  margin: 0;
}
.footer .footer-bottom .creation {
  margin-left: auto;
}
.footer .footer-bottom .creation a {
  color: #fff;
  text-decoration: underline;
}
.footer .footer-bottom .creation a:hover {
  text-decoration: none;
  color: #75dab4;
}

/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .kinetic-slider:before {
    content: "";
    width: 100%;
    height: 30%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .kinetic-slider:after {
    content: "";
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

  .section-title {
    font-size: 8vw;
  }

  .page-header .inner {
    padding-left: 160px;
  }

  .all-cases .inner {
    padding-left: 160px;
  }

  .social-media .inner ul li {
    font-size: 4vw;
  }

  .all-cases .inner ul li {
    font-size: 10vw;
  }

  .works {
    padding: 80px 0;
  }

  .works ul li {
    width: 50%;
  }

  .slider .gallery-thumbs .swiper-slide-active span {
    width: 100%;
    font-size: 8vw;
    line-height: 11vw;
  }

  .intro .col-lg-7 {
    padding-left: 15px;
    margin-top: 50px;
  }

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

  .intro-image {
    padding-bottom: 80px;
  }

  .icon-content-block .col-lg-3:nth-child(3) {
    margin-top: 0;
  }

  .icon-content-block .content-block {
    padding: 30px 20px;
  }

  .process {
    margin-bottom: 80px;
  }

  .process .col-lg-3:first-child {
    margin-bottom: 40px;
  }

  .process .odometer {
    font-size: 8vw;
  }

  .testimonials {
    margin-top: 80px;
  }

  .testimonials:before {
    display: none;
  }

  .testimonials .col-lg-6:first-child {
    order: 2;
  }

  .testimonials .col-lg-6:last-child {
    order: 1;
  }

  .testimonials .testimonials-slider {
    margin-top: 40px;
    width: 100%;
  }

  .testimonials .swiper-pagination {
    bottom: 65px;
  }

  .testimonials .testimonial {
    padding: 50px 80px;
  }

  .footer .call-to-action h6 h6 {
    font-size: 26px;
  }

  .footer ul {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }

  .footer ul li {
    margin-left: 0;
    margin-right: 10px;
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  main {
    margin-bottom: 0 !important;
  }

  br {
    display: none;
  }

  .text-interactive .container {
    padding-left: 100px;
  }

  .text-interactive .interactive-text {
    font-size: 9vw;
    line-height: 1.2;
  }

  .text-interactive .interactive-text span {
    font-size: 13px;
  }

  .slider .swiper-container .swiper-slide {
    padding: 0 80px;
    padding-left: 100px;
  }

  .section-title a {
    margin-bottom: 30px;
  }

  .slider .slide-progress {
    display: none;
  }

  .slider .gallery-thumbs {
    width: 100%;
    margin: 0;
  }

  .slider .gallery-thumbs .swiper-slide h1 {
    font-size: 8vw;
  }

  .left-side {
    padding-bottom: 13px;
  }

  .page-header .inner {
    padding-left: 100px;
  }

  .page-header .inner p {
    font-size: 17px;
    padding-right: 10%;
  }

  .section-title h2 {
    font-size: 8vw;
  }

  .all-cases .inner {
    padding-left: 100px;
  }

  .all-cases .inner ul li {
    font-size: 10vw;
    margin-bottom: 30px;
  }

  .left-side {
    width: 80px;
    border-right: none;
  }

  .left-side .follow-us {
    display: none;
  }

  .slide-progress {
    display: none;
  }

  .all-cases-link {
    right: 15px;
  }

  .swiper-button-next {
    right: 20px;
  }

  .swiper-button-prev {
    right: 90px;
  }

  .team {
    margin-bottom: 30px;
    background: none;
  }

  .team figcaption {
    color: #fff;
    background: none;
  }

  .icon-content-block .col-lg-3:nth-child(3) {
    margin: 50px 0;
  }

  .icon-content-block .content-block {
    padding: 0;
  }

  .icon-content-block .content-block.selected {
    background: none;
    box-shadow: none;
  }

  .icon-content-block .content-block.selected:before {
    display: none;
  }

  .testimonials .testimonial {
    padding: 70px 50px;
  }

  .testimonials .swiper-pagination {
    bottom: 85px;
  }

  .milestones .odometer {
    font-size: 10vw;
  }

  .works ul li {
    width: 100%;
  }

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

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

  .clients figure {
    padding: 40px 20px;
  }

  .clients-spacing {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .testimonials-flex .vc_col-sm-5 {
    display: flex;
    order: 2;
  }

  .testimonials-flex .vc_col-sm-4 {
    display: flex;
    order: 1;
    padding-top: 75px !important;
  }

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

  .works li:last-child {
    margin-bottom: 0;
  }

  .blog-post .post-image {
    width: 100%;
    display: block;
    flex: inherit;
    order: 1 !important;
  }

  .blog-post .post-content {
    width: 100%;
    display: block !important;
    flex: inherit !important;
    text-align: left !important;
    padding: 0 !important;
    order: 2 !important;
  }

  .blog-post .post-content .post-title {
    font-size: 6vw;
  }

  .blog-post.single-post .post-content .post-title {
    font-size: 8vw;
  }

  .wpcf7 {
    width: 100%;
    margin-left: 0;
  }

  .content-slider .content-pagination {
    display: none;
  }

  .section-title.text-center {
    padding: 0 15%;
  }

  .footer {
    position: static;
  }

  .footer .call-to-action {
    margin-top: 100px;
  }

  .footer .call-to-action h6 {
    font-size: 5vw;
  }

  .footer .call-to-action h2 {
    font-size: 7vw;
  }

  .footer .call-to-action h2 br {
    display: none;
  }

  .footer .footer-bar .creation {
    width: 100%;
    display: block;
    margin-top: 5px;
  }

  .content-section {
    padding: 75px 0;
  }

  .content-section .vc_custom_1583658801308 {
    margin-bottom: 75px !important;
  }

  .content-section .vc_custom_1583659272991 {
    margin-bottom: 25px !important;
  }

  .content-section .vc_custom_1583660019502 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .content-section .vc_custom_1583658620539 {
    margin-top: 25px !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  .content-section .vc_custom_1583657509251 {
    padding-top: 25px !important;
    margin-top: 0 !important;
  }

  .content-section .vc_custom_1583656998152 {
    margin-top: 0 !important;
  }

  .content-section .vc_custom_1583612565543 {
    padding-top: 75px !important;
  }

  .content-section .vc_custom_1583656998152 .section-title {
    margin-bottom: 25px;
  }

  .content-section .wpb_column:last-child .team {
    margin-bottom: 75px;
  }

  .content-section .vc_custom_1584008554616 {
    padding-bottom: 75px !important;
  }

  .content-section .title-spacing {
    margin-bottom: 25px;
  }
}
/* ANIMATIONS */
@keyframes texteffect {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes texteffect {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes show-img-1 {
  0%, 66.6% {
    visibility: hidden;
  }
  100%, 66.7% {
    visibility: visible;
  }
}
@keyframes show-img-1 {
  0%, 66.6% {
    visibility: hidden;
  }
  100%, 66.7% {
    visibility: visible;
  }
}
@-webkit-keyframes slide-bg-2 {
  33.3% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.05, 1);
    transform: scale(0.05, 1);
  }
  66.6% {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  66.7% {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}
@keyframes slide-bg-2 {
  33.3% {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.05, 1);
    transform: scale(0.05, 1);
  }
  66.6% {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  66.7% {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
  }
}
/* BASE FIXES */
body {
  overflow: inherit !important;
}

figure.figure {
  margin: 0;
}

.content-section {
  display: block;
  flex-wrap: inherit;
}

/* CONTENT SLIDER */
.content-slider {
  width: 100%;
  height: 600px;
  display: flex;
  flex-wrap: wrap;
  background: #222327;
  overflow: hidden;
  position: relative;
}

.content-slider .swiper-slide {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.content-slider .swiper-slide video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.content-slider .swiper-slide .slide-inner {
  width: 100%;
  padding: 0 100px;
  color: #fff;
}

.content-slider .swiper-slide .slide-inner a {
  color: #fff;
}

.content-slider .swiper-button-prev {
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  padding: 10px 20px;
  color: #fff;
  font-weight: 600;
  left: 30px;
  transform: translateY(-50%);
}

.content-slider .swiper-button-next {
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  padding: 10px 20px;
  color: #fff;
  font-weight: 600;
  right: 30px;
  transform: translateY(-50%);
}

.content-slider .button-prev, .content-slider .button-next:hover {
  opacity: 0.6;
}

.content-slider .content-pagination {
  margin: 0;
  position: absolute;
  bottom: 27px;
  text-align: center;
  z-index: 2;
}

/* CUSTOM FIXES */
.wp-block-quote p:last-child {
  margin-bottom: 0;
}

.page.type-page code {
  background: #eee;
  padding: 4px;
  color: #222327;
  font-family: Courier;
}

.page-links {
  position: relative;
}

.post-501 .page-links {
  float: left;
  margin-top: 60px;
}

.post-501 .post-entry-footer {
  float: left;
}

.post-1133 .post-entry-footer {
  float: left;
}

.wp-image-907 {
  width: 100%;
}

.error-404.not-found {
  text-align: center;
}

.error-404.not-found .screen-reader-text {
  display: none;
}

.error-404.not-found img {
  margin-bottom: 30px;
}

.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}

.blog-post .post-content .wp-block-quote {
  border: none;
  color: #fff;
  background: #75dab4;
  color: #fff;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-post .post-content .wp-block-quote a {
  color: #fff;
}

.blog-post .post-content .has-medium-font-size {
  font-size: 20px;
}

.page.type-page {
  width: 100%;
}

.blog-post .post-content select {
  width: 100%;
}

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

.logged-in.admin-bar .left-side {
  top: 32px;
}

select {
  max-width: 100%;
  height: 60px;
  border-radius: 0;
}

/* BLOG STYLE FOR SIDEBAR */
.col-lg-8 .blog-post .post-content {
  text-align: left !important;
}

.col-lg-8 .blog-post .post-image {
  flex: inherit;
  width: 100%;
  display: block;
  order: inherit !important;
  margin-bottom: 30px;
}

.col-lg-8 .blog-post .post-content {
  flex: inherit;
  width: 100%;
  display: block;
  order: inherit !important;
  padding: 0;
  border: none;
}

.col-lg-10 .blog-post.sticky {
  background: #eee;
}

.col-lg-10 .blog-post.sticky .post-content {
  background: #fff;
  padding: 30px;
}

.col-lg-10 .blog-post.sticky:after {
  border-color: transparent transparent #eee transparent;
}

/* STICKY POST STYLE */
.blog-post.sticky {
  border: 1px solid #eee;
  padding: 30px;
  position: relative;
}

.blog-post.sticky:before {
  content: "";
  width: 14px;
  height: 25px;
  background: #222327;
  position: absolute;
  right: 30px;
  top: -10px;
}

.blog-post.sticky:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 6px 7px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  right: 30px;
  top: 9px;
}

/* BLOG FIXES */
.blog-post .post-content .post-tags {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding: 0;
}

.blog-post .post-content .post-tags li {
  display: inline-block;
  margin: 3px 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}

.blog-post .post-content .post-tags li a {
  background: #75dab4;
  color: #fff;
  padding: 4px 12px;
  font-size: 11px;
}

.blog-post .post-content .wp-block-button {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.blog-post .post-content .wp-block-button:last-child {
  margin-bottom: 0;
}

.blog-post .post-content .wp-block-button__link {
  background: #222327;
  font-size: 13px;
  font-weight: 600;
  padding: 20px 40px;
  border-radius: 50px;
}

.blog-post .post-content .wp-block-button.is-style-outline .wp-block-button__link {
  background: none;
}

.blog-post .post-content .wp-block-cover {
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-cover.has-background-dim .wp-block-cover-text {
  color: #fff;
}

.blog-post .post-content .wp-block-cover-image.has-background-dim .wp-block-cover-image-text {
  color: #fff;
}

.blog-post .post-content .wp-block-gallery {
  width: 100%;
  margin-bottom: 40px;
  padding: 0;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-caption {
  font-size: 13px;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-item figure {
  width: 100%;
  position: relative;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-item figure figcaption {
  padding: 10px;
  bottom: 0;
}

.blog-post .post-content .wp-block-quote {
  margin: 20px 0;
}

.blog-post .post-content .wp-block-quote a {
  color: #fff;
}

.blog-post .post-content .wp-block-quote cite {
  font-family: georgia;
  font-style: italic;
  font-size: 13px;
}

.blog-post .post-content .wp-block-quote cite br {
  display: none;
}

.blog-post .post-content .blocks-gallery-grid {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.blog-post .post-content .wp-block-group.has-background {
  padding: 30px;
}

.blog-post .post-content .has-background {
  margin-bottom: 20px;
}

.blog-post .post-content .more-link {
  display: inline-block;
  margin-top: 20px;
  font-weight: 600;
  display: none;
}

.blog-post .post-content .gallery {
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .gallery .gallery-item {
  position: relative;
}

.blog-post .post-content .gallery .gallery-item .gallery-caption {
  font-size: 13px;
  color: #727479;
}

.blog-post .post-content .gallery .gallery-item a {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.blog-post .post-content .gallery .gallery-item a img {
  width: 100%;
  height: auto;
}

.blog-post .post-content .wp-block-archives {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  padding: 0;
  font-size: 16px;
}

.blog-post .post-content .wp-block-archives li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.blog-post .post-content .wp-block-archives li .comment-author-link a {
  text-decoration: none;
  font-weight: 600;
}

.blog-post .post-content .wp-block-archives li a {
  margin: 0;
  color: #222327;
}

.blog-post .post-content .wp-block-calendar {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-calendar caption {
  width: 100%;
  padding-bottom: 20px;
  font-weight: 600;
  color: #727479;
}

.blog-post .post-content .wp-block-calendar a {
  display: inline-block;
  color: #222327;
  font-weight: 600;
  text-decoration: none;
  margin-top: 10px;
}

.blog-post .post-content .wp-block-table {
  width: 100%;
}

.blog-post .post-content .wp-block-table a {
  color: #222327;
}

.blog-post .post-content .wp-block-table table {
  width: 100%;
  border: 1px solid #f3f4f5;
}

.blog-post .post-content .wp-block-table table tr {
  border-bottom: 1px solid #f3f4f5;
}

.blog-post .post-content .wp-block-table table td {
  height: 50px;
  padding: 0 20px;
}

.blog-post .post-content .wp-block-search {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-search .wp-block-search__label {
  display: none;
}

.blog-post .post-content .wp-block-search input[type=search] {
  border: 1px solid #eee;
  padding: 0 15px;
}

.blog-post .post-content .wp-block-categories {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-latest-comments {
  width: 100%;
  display: block;
  padding: 0;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-latest-comments .wp-block-latest-comments__comment-author {
  text-decoration: none;
  font-weight: 600;
}

.blog-post .post-content .wp-block-latest-comments a {
  text-decoration: underline;
}

.blog-post .post-content .wp-block-latest-comments p {
  font-weight: 400;
  padding: 0;
  border: none;
  text-transform: inherit;
}

.blog-post .post-content .wp-block-latest-posts {
  padding: 0;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-tag-cloud {
  font-weight: 400;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-tag-cloud a {
  display: inline-block;
  font-size: 13px !important;
  background: #222327;
  color: #fff;
  padding: 0 20px;
}

.blog-post .post-content .wp-block-rss {
  margin-bottom: 40px;
}

.blog-post .post-content .post-entry-footer {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-top: 40px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.blog-post .post-content .post-entry-footer .cat-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .cat-links a {
  text-decoration: underline;
  font-weight: 400;
}

.blog-post .post-content .post-entry-footer .cat-links a:hover {
  text-decoration: none;
}

.blog-post .post-content .post-entry-footer .tags-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .tags-links a {
  text-decoration: underline;
  font-weight: 400;
}

.blog-post .post-content .post-entry-footer .tags-links a:hover {
  text-decoration: none;
}

.blog-post .post-content .post-entry-footer .edit-link {
  width: 100%;
  display: block;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .edit-link .screen-reader-text {
  display: inline-block;
  font-weight: 400;
}

.blog-post .post-content .post-navigation {
  width: 100%;
  display: block;
}

.blog-post .post-content .post-navigation .navigation {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.blog-post .post-content .post-navigation .navigation:last-child {
  margin-bottom: 0;
}

.blog-post .post-content .post-navigation .navigation .screen-reader-text {
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.blog-post .post-content .post-navigation .navigation .nav-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous {
  flex: 1;
  width: 50%;
  padding-right: 20px;
  border-right: 1px solid #eee;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-next {
  flex: 1;
  width: 50%;
  padding-left: 20px;
  text-align: right;
}

.blog-post .post-content .page-links {
  width: 100%;
  display: block;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.blog-post .post-content .page-links h6 {
  display: none;
}

.blog-post .post-content .page-links .post-page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 600;
}

.blog-post .post-content .page-links .post-page-numbers.current {
  background: #222327;
  border-color: #222327;
  color: #fff;
}

.blog-post .post-content .size-large {
  width: 100%;
  height: auto;
}

.blog-post .post-content code {
  background: #eee;
  padding: 4px;
  color: #222327;
  font-family: Courier;
}

.blog-post .post-content blockquote {
  background: #75dab4;
  color: #fff;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-post .post-content blockquote cite {
  display: block;
  margin-top: 10px;
}

.blog-post .post-content blockquote a {
  color: #fff;
  text-decoration: underline;
}

.blog-post .post-content blockquote *:last-child {
  margin-bottom: 0;
}

.blog-post .post-content h3 {
  font-weight: 600;
}

.blog-post .post-content h4 {
  font-weight: 600;
}

.blog-post .post-content h5 {
  font-weight: 600;
}

.blog-post .post-content h6 {
  font-weight: 600;
}

.blog-post .post-content strong {
  font-weight: 600;
}

.blog-post .post-content ol {
  padding-left: 20px;
}

.blog-post .post-content ul {
  padding-left: 20px;
}

.blog-post .post-content ul li {
  margin-bottom: 10px;
}

.blog-post .post-content ul li:last-child {
  margin-bottom: 0;
}

.blog-post .post-content ol li {
  margin-bottom: 10px;
}

.blog-post .post-content ol li:last-child {
  margin-bottom: 0;
}

.blog-post .post-content u {
  text-decoration: none;
  border-bottom: 5px solid #75dab4;
}

.blog-post .post-content .image-full {
  display: block;
  height: auto;
  margin-bottom: 30px;
}

.blog-post .post-content .post-author {
  margin-bottom: 40px;
}

.blog-post .post-content .post-link {
  width: 100%;
  display: inline-block;
}

.blog-post .post-content .link-more {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.blog-post .post-content .link-more a {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-weight: 600;
}

.blog-post .post-content .link-more a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
}

.blog-post .post-content .link-more a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

.blog-post.tag-read-more .post-link {
  display: none;
}

table {
  width: 100%;
  border: 1px solid #eee;
  margin-bottom: 30px;
}

table tr {
  padding: 15px 0;
}

table tr th {
  padding: 15px;
  border: 1px solid #eee;
}

table tr td {
  padding: 15px;
  border: 1px solid #eee;
}

.tag-content-2 {
  position: relative;
}

.tag-content-2 .screen-reader-text {
  display: none;
}

.post-1788 .post-entry-footer {
  margin-top: 200px !important;
}

.post-password-form label {
  width: 100%;
}

.post-password-form input[type=password] {
  width: 100%;
  border: 1px solid #eee;
  padding: 0 15px;
  margin-top: 10px;
}

.post-password-form input[type=submit] {
  margin-top: 5px;
}

.page-links {
  width: 100%;
  display: block;
  border-top: 1px solid #eee;
  padding-top: 40px;
  font-size: 16px;
}

.page-links h6 {
  display: none;
}

.page-links .post-page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 600;
}

.page-links .post-page-numbers.current {
  background: #222327;
  border-color: #222327;
  color: #fff;
}

.post-entry-footer {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  font-size: 16px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-top: 40px;
}

.post-entry-footer:last-child {
  margin-bottom: 0;
}

.post-entry-footer .cat-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #222327;
  font-weight: 600;
}

.post-entry-footer .cat-links a {
  text-decoration: underline;
  font-weight: 400;
}

.post-entry-footer .tags-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #222327;
  font-weight: 600;
}

.post-entry-footer .tags-links a {
  text-decoration: underline;
  font-weight: 400;
}

.post-entry-footer .edit-link {
  width: 100%;
  display: block;
  font-weight: 600;
}

.post-entry-footer .edit-link .screen-reader-text {
  display: inline-block;
  font-weight: 400;
}

.post-comment {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin: 30px 0;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.search-no-results .content-section {
  text-align: center;
}

.search-no-results .content-section p {
  width: 100%;
  display: block;
  padding: 0 15%;
  margin-bottom: 40px;
  font-size: 3vw;
}

.search-no-results .content-section form {
  width: 100%;
}

.search-no-results .content-section form label {
  width: 100%;
  display: block;
}

.search-no-results .content-section form .screen-reader-text {
  display: none;
}

.search-no-results .content-section form input[type=search] {
  width: 100%;
  max-width: 650px;
}

/* COMMENTS */
.post-comment .comments-title {
  width: 100%;
  display: block;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.post-comment .comment-list {
  width: 100%;
  display: block;
  margin-bottom: 60px;
  padding: 0 !important;
}

.post-comment .comment-list .comment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.post-comment .comment-list .children {
  margin-bottom: 20px;
}

.post-comment .comment-list .comment .comment-list {
  margin-bottom: 20px;
}

.post-comment .comment-list .comment .comment-content {
  width: calc(100% - 100px);
  display: inline-block;
}

.post-comment .comment-list .comment .comment-content p:empty {
  display: none;
}

.post-comment .comment-list .comment .comment-content p {
  margin-bottom: 10px;
}

.post-comment .comment-list .comment .comment-content h4 {
  font-size: 13px;
  font-weight: 600;
}

.post-comment .comment-list .comment .comment-content small {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  opacity: 0.6;
}

.post-comment .comment-list .comment .comment-content .comment-reply-link {
  display: inline-block;
  padding: 3px 8px;
  background: #222327;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.post-comment .comment-list .comment .comment-content .comment-reply-link:hover {
  background: #73efcc;
  color: #222327;
  text-decoration: none;
}

.post-comment .comment-list .comment .comment-avatar {
  margin-right: 20px;
}

.post-comment .comment-list .comment .comment-avatar:empty {
  display: none;
}

.post-comment .comment-list .comment .comment-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.post-comment .comment-form {
  width: 100%;
  display: block;
}

.post-comment .comment-form .comment-respond {
  width: 100%;
  display: block;
}

.post-comment .comment-form .comment-respond .comment-reply-title {
  width: 100%;
  display: block;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.post-comment .comment-form .comment-respond form {
  position: relative;
}

.post-comment .comment-form .comment-respond form .comment-notes {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent {
  padding: 0 15px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent input[type=checkbox] {
  margin-right: 10px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent label {
  width: auto;
  display: inline-block;
}

.post-comment .comment-form .comment-respond form .logged-in-as {
  font-weight: 400;
  text-transform: inherit;
  border: none;
  padding: 0;
  font-size: 16px;
  margin-bottom: 20px;
}

.post-comment .comment-form .comment-respond form .logged-in-as a {
  text-decoration: underline;
}

.post-comment .comment-form .comment-respond form label {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

.post-comment .comment-form .comment-respond form input[type=text] {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 0 15px;
  background: #f7f7f7;
}

.post-comment .comment-form .comment-respond form input[type=email] {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 0 15px;
  background: #f7f7f7;
}

.post-comment .comment-form .comment-respond form textarea {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 15px;
  background: #f7f7f7;
}

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 60px;
  font-size: 16px;
}

.sidebar .widget {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  background: #fff;
  padding: 40px;
  padding-top: 0;
  border: 1px solid #e2e2e2;
  position: relative;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.sidebar .widget strong {
  font-weight: 600;
}

.sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
}

.sidebar .widget .categories li a {
  margin: 0;
}

.sidebar .widget .categories li a:hover {
  color: #73efcc;
  text-decoration: none;
}

.sidebar .widget .categories li span {
  float: right;
  opacity: 0.5;
}

.sidebar .widget .tags {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.sidebar .widget .tags li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}

.sidebar .widget .tags li a {
  color: #fff;
  background: #73efcc;
  display: inline-block;
  font-size: 13px;
  padding: 3px 6px;
}

.sidebar .widget .tags li a:hover {
  color: #73efcc;
  background: #222327;
  text-decoration: none;
}

.sidebar .widget .side-gallery {
  display: block;
  margin-left: -1px;
  margin-right: -1px;
  padding: 0;
}

.sidebar .widget .side-gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 1px;
  list-style: none;
}

.sidebar .widget p {
  margin-bottom: 0;
}

.sidebar .widget select {
  width: 100%;
}

.sidebar .widget form {
  margin: 0;
}

.sidebar .widget form input[type=search] {
  width: 100%;
  margin-bottom: 10px;
}

.sidebar .widget form button[type=submit] {
  background: #73efcc;
  color: #222327;
  font-size: 20px;
}

.sidebar .widget .widget-title {
  width: 100%;
  display: block;
  border-bottom: 4px solid #eee;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 30px 0;
  margin-bottom: 30px;
  color: #222327;
  position: relative;
}

.sidebar .widget_search {
  width: 100%;
}

.sidebar .widget_search .widget-title {
  margin-bottom: 0;
}

.sidebar .widget_search .search-form {
  padding-top: 40px;
}

.sidebar .widget_search .screen-reader-text {
  display: none;
}

.sidebar .widget_search label {
  width: 100%;
  display: block;
}

.sidebar .widget_search input[type=search] {
  border: 1px solid #eee;
  padding: 0 15px;
}

.sidebar .widget_archive {
  position: relative;
}

.sidebar .widget_archive .screen-reader-text {
  display: none;
}

.sidebar .widget_archive ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_archive ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_archive ul li a {
  margin: 0;
  color: #222327;
}

.sidebar .widget_calendar {
  position: relative;
}

.sidebar .widget_calendar caption {
  padding-bottom: 0;
  color: #727479;
  font-weight: 600;
}

.sidebar .widget_calendar table {
  width: 100%;
  text-align: center;
}

.sidebar .widget_calendar table thead {
  margin-bottom: 10px;
}

.sidebar .widget_calendar table thead th {
  height: 50px;
  border-bottom: 1px solid #eee;
  padding: 0;
}

.sidebar .widget_calendar table tbody {
  margin-bottom: 10px;
}

.sidebar .widget_calendar table tbody td {
  height: 30px;
  padding: 0;
}

.sidebar .widget_calendar table tfoot {
  padding-top: 10px;
}

.sidebar .widget_calendar table tfoot td {
  border-top: 1px solid #eee;
  height: 50px;
  padding: 0;
}

.sidebar .widget_calendar table tfoot td:last-child {
  text-align: right;
}

.sidebar .widget_categories {
  position: relative;
}

.sidebar .widget_categories .screen-reader-text {
  display: none;
}

.sidebar .widget_categories ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_categories ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_categories ul li ul {
  padding-left: 20px;
}

.sidebar .widget_categories ul li a {
  margin: 0;
  color: #222327;
}

.sidebar .widget_pages {
  position: relative;
}

.sidebar .widget_pages ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_pages ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_pages ul li ul {
  padding-left: 20px;
}

.sidebar .widget_pages ul li a {
  margin: 0;
  color: #222327;
}

.sidebar .widget_meta {
  position: relative;
}

.sidebar .widget_meta ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_meta ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_meta ul li a {
  margin: 0;
}

.sidebar .widget_recent_comments {
  position: relative;
}

.sidebar .widget_recent_comments ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_recent_comments ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
  position: relative;
  padding-left: 15px;
}

.sidebar .widget_recent_comments ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #222327;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 50%;
}

.sidebar .widget_recent_comments ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_recent_comments ul li .comment-author-link a {
  text-decoration: none;
  font-weight: 600;
}

.sidebar .widget_recent_comments ul li a {
  margin: 0;
  color: #222327;
  text-decoration: underline;
}

.sidebar .widget_recent_comments ul li a:hover {
  text-decoration: none;
}

.sidebar .widget_recent_entries {
  position: relative;
}

.sidebar .widget_recent_entries ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_recent_entries ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 20px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_recent_entries ul li a {
  margin: 0;
}

.sidebar .widget_rss {
  position: relative;
}

.sidebar .widget_rss .rss-widget-icon {
  display: none;
}

.sidebar .widget_rss ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_rss ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
}

.sidebar .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_rss ul li .rss-date {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #727479;
  margin: 5px 0;
}

.sidebar .widget_rss ul li .rssSummary {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.sidebar .widget_rss ul li cite {
  display: block;
  font-family: georgia;
  color: #727479;
}

.sidebar .widget_rss ul li a {
  margin: 0;
  color: #222327;
  font-weight: 600;
}

.sidebar .widget_text {
  position: relative;
}

.sidebar .widget_text .wp-caption-text {
  margin-top: 0;
}

.sidebar .widget_text img {
  height: auto;
  margin-top: 5px;
  margin-bottom: 10px;
}

.sidebar .widget_text a {
  display: inline-block;
}

.sidebar .widget_text p {
  margin-bottom: 20px;
}

.sidebar .widget_text p:empty {
  display: none;
}

.sidebar .widget_tag_cloud {
  position: relative;
}

.sidebar .widget_tag_cloud .tagcloud {
  width: 100%;
  display: block;
}

.sidebar .widget_tag_cloud .tagcloud a {
  color: #fff;
  background: #75dab4;
  display: inline-block;
  font-size: 12px !important;
  padding: 3px 6px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.sidebar .widget_tag_cloud .tagcloud a:hover {
  color: #fff;
  background: #222327;
  text-decoration: none;
}

.sidebar .widget_nav_menu {
  position: relative;
}

.sidebar .widget_nav_menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_nav_menu ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_nav_menu ul li ul {
  padding-left: 17px;
}

.sidebar .widget_nav_menu ul li a {
  margin: 0;
  color: #222327;
}

/* FOOTER WIDGETS */
.footer-widget {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.footer-widget table th, .footer-widget table td {
  padding: 0;
  text-align: center;
}

.footer-widget a {
  color: #fff;
}

.footer-widget .widget-title {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  opacity: 0.5;
  font-weight: 600;
  font-size: 14px;
}

.footer-widget .screen-reader-text {
  display: none;
}

.footer-widget .calendar_wrap {
  width: 100%;
  display: block;
}

.footer-widget .calendar_wrap caption {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

.footer-widget .calendar_wrap table {
  width: 100%;
}

.footer-widget .recentcomments {
  margin-bottom: 10px !important;
}

.footer-widget .recentcomments .comment-author-link {
  text-decoration: underline;
}

.footer-widget .recentcomments .comment-author-link a {
  font-weight: 400;
}

.footer-widget .recentcomments a {
  font-weight: 600;
}

.footer-widget .rss-widget-icon {
  display: none;
}

.footer-widget .rsswidget {
  margin-bottom: 5px;
  font-weight: 600;
}

.footer-widget .rss-date {
  width: 100%;
  display: block;
  font-size: 13px;
  opacity: 0.3;
}

.footer-widget .rssSummary {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.footer-widget .textwidget {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.footer-widget .search-form {
  width: 100%;
  display: block;
}

.footer-widget .search-form label {
  width: 100%;
}

.footer-widget .tagcloud {
  width: 100%;
  display: block;
}

.footer-widget .tagcloud a {
  font-size: 13px !important;
  margin-right: 10px;
  margin-bottom: 5px;
}

.footer-widget img {
  margin-top: 5px;
  margin-bottom: 10px;
  height: auto;
  width: 100%;
}

.footer-widget strong {
  font-weight: 600;
}

.footer-widget cite {
  width: 100%;
  display: block;
  font-family: georgia;
  font-size: 13px;
  margin-bottom: 30px;
}

.footer-widget select {
  width: 100%;
}

.footer-widget input[type=search] {
  width: 100%;
  border: none;
  padding: 0 15px;
}

.footer-widget ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.footer-widget ul li {
  width: 100%;
  display: block;
  margin: 2px 0;
  padding: 0;
  list-style: none;
}

.footer-widget ul li ul {
  padding-left: 10px !important;
}

/* WOOCOMMERCE COMPATIBLE */
.woocommerce {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .woocommerce-notices-wrapper {
  width: 100%;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
  width: 100%;
  display: block;
  line-height: 40px;
  margin-bottom: 50px;
  padding: 20px 30px;
  padding-left: 60px;
  background: none;
  border: 1px solid #eee;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  top: 21px;
  left: 30px;
  font-size: 20px;
  color: green;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button {
  border-radius: 0;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  padding: 0 20px;
  background: #222327;
  color: #fff;
}

.woocommerce .woocommerce-result-count {
  line-height: 50px;
  margin-bottom: -50px;
}

.woocommerce .woocommerce-ordering {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.woocommerce .woocommerce-ordering select {
  height: 50px;
  float: right;
}

.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.woocommerce ul.products.columns-3 {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce ul.products.columns-3 li.product {
  width: 33.33333%;
  display: inline-block;
  margin: 0;
  margin-bottom: 40px;
  padding: 0 15px;
}

.woocommerce ul.products.columns-4 {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce ul.products.columns-4 li.product {
  width: 25%;
  display: inline-block;
  margin: 0;
  margin-bottom: 40px;
  padding: 0 15px;
}

.woocommerce ul.products li.product .onsale {
  border-radius: 0;
  right: 25px;
  top: 10px;
  margin: 0;
  padding: 0 15px;
  background: #75dab4;
}

.woocommerce ul.products li.product .price {
  color: #222327;
  font-size: 18px;
}

.woocommerce ul.products li.product .price ins {
  float: right;
}

.woocommerce ul.products li.product .button {
  padding: 0;
  margin: 0;
  color: #222327;
  text-transform: uppercase;
  background: none;
  border-radius: 0;
}

/* PRODUCT PAGE */
.woocommerce .blog-post .post-image {
  display: none;
}

.woocommerce div.product {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce span.onsale {
  border-radius: 0;
  left: 10px;
  top: 10px;
  margin: 0;
  padding: 0 15px;
  background: #75dab4;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  border-radius: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  flex: 1;
}

.woocommerce div.product div.summary {
  padding-left: 50px;
}

.woocommerce div.product p.price {
  color: #222327;
  font-size: 28px;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  width: 100%;
  display: block;
}

.woocommerce div.product form.cart {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.woocommerce .quantity .qty {
  height: 60px;
}

.woocommerce div.product form.cart .button {
  height: 60px;
  border-radius: 0;
  background: #222327;
  color: #fff;
}

.woocommerce div.product form.product_meta {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.woocommerce div.product .product_meta .posted_in {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}

.woocommerce div.product .product_meta .posted_in a {
  font-weight: 400;
  text-decoration: underline;
}

.woocommerce div.product .product_meta .tagged_as {
  width: 100%;
  display: block;
  font-weight: 600;
}

.woocommerce div.product .product_meta .tagged_as a {
  font-weight: 400;
  text-decoration: underline;
}

.woocommerce div.product .woocommerce-tabs {
  width: 100%;
  display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 1px solid #eee;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  border: 1px solid #eee;
  margin: 0;
  padding: 0 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  padding: 0;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
  display: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
  width: 100%;
  display: block;
  border: 1px solid #eee;
  border-top: none;
  padding: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-bottom: 60px;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.woocommerce div.product .woocommerce-tabs .panel p:last-child {
  margin-bottom: 0;
}

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

.related.products h2 {
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.related.products .products.columns-4 {
  padding-left: 0;
}

.related.products .products.columns-3 {
  padding-left: 0;
}

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