@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. CUSTOM FONTS
		02.	BODY
		03.	LINKS
		04.	HTML TAGS
		05.	SPACING
		06.	FORM ELEMENTS
		07.	CUSTOM CONTAINER
		08.	SECTIONS
		09.	CONTENT SECTION
		10.	SECTION TITLE
		11.	ODOMETER
		12.	PAGINATION
		13.	CUSTOM LINK
		14.	CUSTOM BUTTON
		15.	SANDWICH
		16.	EQUALIZER
		17.	PRE ELEMENTS
		18.	PAGE LOADED
		19.	CUSTOM CURSOR
		20.	PRELOADER
		21.	PAGE TRANSITION
		22.	SITE NAVIGATION
		23.	DISPLAY NAV
		24.	NAVBAR
		25.	BOTTOM BAR
		26.	LEFT SIDE
		27.	RIGHT SIDE
		28.	SLIDER
		29.	KINETIC SLIDER
		30.	VIDEO BG
		31.	PAGE HEADER
		32.	ICON CONTENT LIST BLOCK
		33.	SIDE IMAGE CONTENT 
		34.	RECENT NEWS
		35.	ICON CONTENT BLOCK
		36.	MASONRY GALLERY
		37.	TEXT CONTENT BLOCK
		38.	AWARDS
		39.	TEAM
		40.	SERVICES
		41.	CLIENTS
		42.	WORKS
		43.	BLOG POST
		44.	BLOG SIDEBAR
		45.	CONTACT
		46.	CONTACT FORM
		47.	FOOTER
		48.	RESPONSIVE MEDIUM  
		49.	RESPONSIVE TABLET  
		50.	RESPONSIVE MOBILE


*/
/* FONTS */
@font-face {
  font-family: "Cera-GR";
  src: url("../fonts/cera-gr.eot");
  src: local("☺"), url("../fonts/cera-gr.woff") format("woff"), url("../fonts/cera-gr.ttf") format("truetype"), url("../fonts/cera-gr.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Cera-GR";
  src: url("../fonts/cera-gr-bold.eot");
  src: local("☺"), url("../fonts/cera-gr-bold.woff") format("woff"), url("../fonts/cera-gr-bold.ttf") format("truetype"), url("../fonts/cera-gr-bold.svg") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Cera-GR";
  src: url("../fonts/cera-gr-black.eot");
  src: local("☺"), url("../fonts/cera-gr-black.woff") format("woff"), url("../fonts/cera-gr-black.ttf") format("truetype"), url("../fonts/cera-gr-black.svg") format("svg");
  font-weight: 800;
  font-style: normal;
}
/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Cera-GR", sans-serif;
  font-size: 14px;
  color: #0e0e0e;
}

/* LINKS */
a {
  color: #0e0e0e;
}

a:hover {
  text-decoration: underline;
  color: #0e0e0e;
}

a:focus {
  color: #0e0e0e;
  text-decoration: none;
}

/* HTML TAGS */
html {
  height: 100%;
}

img {
  max-width: 100%;
}

p {
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0;
}

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

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

.top-50-spacing {
  padding-top: 50px !important;
}

/* FORM ELEMENTS */
input[type=text], input[type=email], input[type=password], input[type=search] {
  width: 440px;
  max-width: 100%;
  height: 60px;
  border: 1px solid #ccc;
  padding: 0 20px;
}

textarea {
  width: 540px;
  max-width: 100%;
  height: 160px;
  border: 1px solid #ccc;
  padding: 20px;
}

input[type=button], input[type=submit], button[type=button], button[type=submit] {
  height: 60px;
  background: #0e0e0e;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  border: none;
  padding: 0 50px;
}

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
.container-fluid {
  padding: 0 100px;
}

/* SECTIONS */
main {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}

aside {
  display: block;
}

article {
  display: block;
}

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

.bg-color-dark {
  background: #0e0e0e !important;
}

.bg-color-main {
  background: #4237ef !important;
}

.bg-image-fixed {
  width: 100%;
  min-height: 450px;
  position: relative;
  background-size: cover;
  background-attachment: fixed;
}

.content-section.bg-image {
  background-size: cover !important;
  background-attachment: fixed !important;
}

.vc_row.wpb_row.vc_row-fluid {
  margin-left: 0;
  margin-right: 0;
}

.vc_row.wpb_row.vc_row-fluid .vc_column-inner {
  padding: 0;
}

.content-section .vc_row.wpb_row.vc_row-fluid {
  margin-left: -15px;
  margin-right: -15px;
}

.content-section .vc_row.wpb_row.vc_row-fluid .vc_column-inner {
  padding-left: 15px;
  padding-right: 15px;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 75px;
}
.section-title h6 {
  width: 100%;
  display: block;
  font-size: 17px;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
.section-title h2 {
  width: 100%;
  display: block;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.section-title p {
  font-size: 17px;
  margin-top: 30px;
}

/* ODOMETER */
.odometer {
  line-height: 1;
  padding: 0;
}

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

.odometer.odometer-auto-theme .odometer-digit {
  padding: 0 !important;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
  left: 0 !important;
}

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

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

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

/* 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: #0e0e0e;
}

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

/* ANIMATIONS */
@keyframes texteffect {
  0% {
    transform: translateY(100%) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes texteffect {
  0% {
    transform: translateY(100%) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0) 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);
  }
}
/* 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: #0e0e0e;
  outline: none !important;
  border: 1px solid #dee2e6;
}
.pagination li .page-numbers.current {
  background: #e9ecef;
}
.pagination li .page-numbers:hover {
  background: #e9ecef;
}

/* CUSTOM LINK */
.custom-link {
  width: 100%;
  display: block;
  overflow: hidden;
}
.custom-link a {
  color: #fff;
  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;
}
.custom-link a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.custom-link a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

/* CUSTOM BUTTON */
.custom-btn {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 58px;
  line-height: 56px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
}
.custom-btn:hover {
  text-decoration: none;
}
.custom-btn:hover svg rect {
  stroke-width: 1;
  stroke-dasharray: 150, 500;
  stroke-dashoffset: 340;
}
.custom-btn svg {
  width: 220px;
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-btn svg rect {
  width: 218px;
  height: 56px;
  stroke-width: 1;
  stroke-dasharray: 353, 0;
  stroke-dashoffset: 0;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.custom-btn span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

/* SANDWICH */
.menu-text {
  margin-left: auto;
  color: #fff;
}

.sandwich {
  width: 36px;
  height: 36px;
  position: relative;
}
.sandwich * {
  transition: all 0.5s cubic-bezier(0.47, 0.02, 0.03, 0.86);
}
.sandwich span {
  width: 36px;
  height: 2px;
  background: #fff;
  position: absolute;
}
.sandwich .sand {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sandwich .sand span:nth-child(1) {
  top: 14px;
  left: 0;
}
.sandwich .sand span:nth-child(2) {
  top: 24px;
  left: 0;
}
.sandwich .closed {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 2;
  opacity: 1;
  overflow: hidden;
  transform: rotate(45deg);
  transform-origin: center;
}
.sandwich .closed span:nth-child(1) {
  width: 36px;
  top: 17px;
  left: 0;
  transform: rotate(0deg) translateX(-130%);
  transition-delay: 0.3s;
}
.sandwich .closed span:nth-child(2) {
  width: 36px;
  top: 17px;
  right: 0;
  transform: rotate(90deg) translateX(-130%);
  transition-delay: 0.45s;
}
.sandwich:hover .sand span:nth-child(1) {
  width: 26px;
}
.sandwich:hover .sand span:nth-child(2) {
  width: 26px;
  left: 10px;
}
.sandwich.active {
  position: relative;
}
.sandwich.active .sand span:nth-child(1) {
  width: 0;
}
.sandwich.active .sand span:nth-child(2) {
  width: 0;
  left: 0;
  transition-delay: 0.15s;
}
.sandwich.active .closed span:nth-child(1) {
  width: 36px;
  transform: rotate(0deg) translateX(0);
}
.sandwich.active .closed span:nth-child(2) {
  width: 36px;
  transform: rotate(90deg) translateX(0);
  transition-delay: 0.15s;
}

/* EQUALIZER */
.equalizer {
  width: 18px;
  height: 3px;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  cursor: pointer;
  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;
}

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

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

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

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

.equalizer span:nth-child(5) {
  margin-left: 20px;
}

.equalizer.started {
  height: 20px;
  overflow: inherit;
}

/* PRE ELEMENTS */
.navbar, .bottom-bar, .left-side, .right-side {
  transition: all ease 0.5s;
  opacity: 0;
  transition-delay: 1.5s;
}

.slide-content .link-holder, .page-header .container p {
  transition: all ease 0.5s;
  opacity: 0;
  transform: translateY(50px);
}

.slide-content h1, .page-header .container h1 {
  transition: all ease 0.5s;
  opacity: 0;
  transform: translateY(-50px);
}

.slider {
  transition: all ease 1s;
  transform: scale(1.5);
  transition-delay: 0.8s;
}

/* PAGE LOADED */
.page-loaded .preloader {
  height: 0;
  visibility: hidden;
}

.page-loaded .preloader span {
  width: 0;
}

.page-loaded .preloader .inner {
  visibility: hidden;
}

.page-loaded .preloader canvas {
  opacity: 0;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
}

.page-loaded .preloader img {
  opacity: 0;
}

.page-loaded .navbar, .page-loaded .bottom-bar, .page-loaded .left-side, .page-loaded .right-side {
  opacity: 1;
}

.page-loaded .slide-content .link-holder, .page-loaded .page-header .container p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.5s;
}

.page-loaded .slide-content h1, .page-loaded .page-header .container h1 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.5s;
}

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

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

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  transition-delay: 2s;
  overflow: hidden;
}
.preloader span {
  width: 25%;
  height: 100%;
  position: absolute;
  right: 0%;
  top: 0;
  background: #0e0e0e;
  transition: all ease 0.7s;
  transition-delay: 0.7s;
}
.preloader span:nth-child(2) {
  right: 25%;
}
.preloader span:nth-child(3) {
  right: 50%;
}
.preloader span:nth-child(4) {
  right: 75%;
}
.preloader .inner {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: fadein 0.3s;
  -moz-animation: fadein 0.3s;
  -ms-animation: fadein 0.3s;
  -o-animation: fadein 0.3s;
  animation: fadein 0.3s;
}
.preloader .inner canvas {
  display: inline-block;
  background: none;
  border-radius: 50%;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  position: relative;
  z-index: 1;
  transition: all ease 0.5s;
}
.preloader .inner img {
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: all ease 0.5s;
  transition-delay: 0.2s;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* PAGE TRANSITION */
.page-transition {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  visibility: hidden;
}
.page-transition span {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #0e0e0e;
  transition: all ease 0.5s;
}
.page-transition span:nth-child(2) {
  left: 25%;
}
.page-transition span:nth-child(3) {
  left: 50%;
}
.page-transition span:nth-child(4) {
  left: 75%;
}
.page-transition.active {
  visibility: visible;
}
.page-transition.active span {
  width: 25%;
}

/* SITE NAVIGATION */
.menu-container {
  width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  visibility: hidden;
  padding: 0 60px;
  overflow: scroll;
}
.menu-container * {
  -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;
}
.menu-container li {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  line-height: 1;
  transform: skewY(6deg);
  position: relative;
  text-align: center;
}
.menu-container li:nth-child(1) {
  transition-delay: 0.3s;
}
.menu-container li:nth-child(2) {
  transition-delay: 0.35s;
}
.menu-container li:nth-child(3) {
  transition-delay: 0.4s;
}
.menu-container li:nth-child(4) {
  transition-delay: 0.45s;
}
.menu-container li:nth-child(5) {
  transition-delay: 0.5s;
}
.menu-container li:nth-child(6) {
  transition-delay: 0.55s;
}
.menu-container li:nth-child(7) {
  transition-delay: 0.6s;
}
.menu-container li:nth-child(8) {
  transition-delay: 0.65s;
}
.menu-container li:nth-child(9) {
  transition-delay: 0.7s;
}
.menu-container li:nth-child(10) {
  transition-delay: 0.75s;
}
.menu-container li:nth-child(11) {
  transition-delay: 0.8s;
}
.menu-container li:nth-child(12) {
  transition-delay: 0.85s;
}
.menu-container li div {
  display: inline-block;
  overflow: hidden;
}
.menu-container li i {
  width: 24px;
  height: 24px;
  display: none;
  margin: 0;
  margin-left: -30px;
  margin-right: 6px;
  position: relative;
}
.menu-container li i:before {
  content: "";
  width: 11px;
  height: 11px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 6px;
  top: 4px;
}
.menu-container li a {
  font-size: 5vw;
  color: #fff;
  font-weight: 800;
  display: inline-block;
  position: relative;
}
.menu-container li a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.menu-container li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

.menu-container li ul li a {
  font-size: 44px;
  font-weight: 600;
}

.menu-container li ul li ul li a {
  font-size: 33px;
}

.menu-container li ul li ul li ul li a {
  font-size: 28px;
}

.menu-container li.dropdown ul {
  width: 100%;
  display: none;
  margin: 0;
  padding: 0;
}

.menu-container li.dropdown ul li {
  width: 100%;
}

.menu-container li.dropdown i {
  display: inline-block;
}

.menu-container li.dropdown ul li i {
  display: none;
}

.menu-container li.dropdown ul li.dropdown {
  margin-bottom: 5px;
}

.menu-container li.dropdown ul li.dropdown i {
  display: inline-block;
}

.menu-container li.dropdown ul li.dropdown ul li i {
  display: none;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown {
  margin-bottom: 5px;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown ul li i {
  display: none;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown {
  margin-bottom: 5px;
}

.menu-container li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}

/* DISPLAY NAV*/
.display-nav {
  overflow: hidden;
}
.display-nav .menu-horizontal {
  visibility: visible;
}
.display-nav .menu-horizontal li {
  opacity: 1;
  transform: skewY(0deg);
}
.display-nav .menu-container {
  visibility: visible;
}
.display-nav .menu-container .menu-item {
  opacity: 1;
  transform: skewY(0deg);
}
.display-nav .page-header .container {
  opacity: 0;
}
.display-nav .video-bg .container {
  opacity: 0;
}
.display-nav .kinetic-slider {
  opacity: 0.2;
  filter: blur(10px);
}
.display-nav .slider .swiper-slide-active .slide-content {
  opacity: 0;
}
.display-nav .sandwich {
  position: relative;
}
.display-nav .sandwich .sand span:nth-child(1) {
  width: 0;
}
.display-nav .sandwich .sand span:nth-child(2) {
  width: 0;
  left: 0;
  transition-delay: 0.15s;
}
.display-nav .sandwich:hover .sand span:nth-child(1) {
  width: 0;
}
.display-nav .sandwich:hover .sand span:nth-child(2) {
  width: 0;
  left: 10px;
}
.display-nav .sandwich .closed span:nth-child(1) {
  width: 36px;
  transform: rotate(0deg) translateX(0);
}
.display-nav .sandwich .closed span:nth-child(2) {
  width: 36px;
  transform: rotate(90deg) translateX(0);
  transition-delay: 0.15s;
}

/* NAVBAR */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 30px 100px;
  font-weight: 600;
}
.navbar .logo {
  margin-left: 0;
}
.navbar .logo a {
  display: inline-block;
}
.navbar .logo a img {
  height: 15px;
}
.navbar .languages {
  height: 21px;
  margin-left: 100px;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
}
.navbar .languages li {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  overflow: hidden;
}
.navbar .languages li a {
  color: #fff;
  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;
}
.navbar .languages li a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.navbar .languages li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.navbar .sandwich-menu {
  height: 40px;
  margin-right: 0;
  margin-left: 15px;
  color: #fff;
  overflow: hidden;
}

.body-horizontal-menu .menu-text {
  display: none;
}

.body-horizontal-menu .sandwich-menu {
  display: none;
}

.body-sandwich-menu .menu-text {
  display: inline-block;
}

.body-sandwich-menu .sandwich-menu {
  display: inline-block;
}

/* BOTTOM BAR */
.bottom-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 20px 100px;
  color: #fff;
  font-weight: 600;
  align-items: flex-end;
}
.bottom-bar .audio {
  flex: 1;
  margin-left: 0;
}
.bottom-bar .audio .sound {
  display: inline-block;
}
.bottom-bar .audio b {
  font-weight: 600;
  display: inline-block;
  height: 20px;
}
.bottom-bar .scroll-down {
  flex: 1;
  text-align: right;
  margin-left: auto;
  overflow: hidden;
  position: relative;
}
.bottom-bar .scroll-down a {
  color: #fff;
  display: inline-block;
  -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;
}
.bottom-bar .scroll-down a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.bottom-bar .scroll-down a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.bottom-bar .swiper-pagination-bullets {
  flex: 1;
}
.bottom-bar .slider-controls {
  flex: 1;
  text-align: right;
}

/* LEFT SIDE */
.left-side {
  width: 100vh;
  position: absolute;
  left: 40px;
  bottom: 0;
  color: #fff;
  transform: rotate(-90deg);
  transform-origin: left bottom;
  z-index: 3;
  text-align: center;
}
.left-side .social-links {
  height: 21px;
  margin-right: 0;
  margin-left: auto;
}
.left-side .social-links ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.left-side .social-links ul li {
  display: inline-block;
  margin-left: 15px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.left-side .social-links ul li a {
  color: #fff;
  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;
}
.left-side .social-links ul li a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.left-side .social-links ul li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

/* RIGHT SIDE */
.right-side {
  width: 100vh;
  position: absolute;
  right: 40px;
  bottom: 0;
  color: #fff;
  transform: rotate(90deg);
  transform-origin: right bottom;
  z-index: 3;
  text-align: center;
  overflow: hidden;
}
.right-side a {
  color: #fff;
  display: inline-block;
  height: 21px;
  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;
}
.right-side a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.right-side a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  background: #0e0e0e;
  overflow: hidden;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #0e0e0e;
  overflow: hidden;
}
.slider .swiper-container .swiper-slide {
  overflow: hidden;
}
.slider .swiper-container .swiper-slide.swiper-slide-duplicate-active .slide-image {
  opacity: 1;
  transform: scale(1);
}
.slider .swiper-slide-active .slide-image {
  opacity: 0.8;
  transform: scale(1);
}
.slider .swiper-slide-active .slide-content {
  opacity: 1;
  -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;
}
.slider .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slider .slide-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  transform: scale(1.07);
  -webkit-transition: opacity 0.6s ease-in-out, transform 2s ease 0.7s;
  -moz-transition: opacity 0.6s ease-in-out, transform 2s ease 0.7s;
  transition: opacity 0.6s ease-in-out, transform 2s ease 0.7s;
}
.slider .slide-image:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../images/bg-noise.gif");
  background-size: 200px auto;
  z-index: 2;
  opacity: 0.05;
}
.slider .slide-content {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 50px;
  bottom: 50%;
  transform: translateY(50%) !important;
  z-index: 2;
  opacity: 0;
  -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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider .slide-content a {
  width: 100px;
  height: 100px;
  line-height: 98px;
  display: inline-block;
  color: #fff;
  position: relative;
  font-family: "Heebo", sans-serif;
  font-weight: 600;
  transition: 0.2s transform;
}
.slider .slide-content a span {
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.slider .slide-content a span:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 35%;
  transform: translateX(-50%);
  transition: all ease 0.3s;
}
.slider .slide-content a circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}
.slider .slide-content a svg {
  transition: transform 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.slider .slide-content a:hover {
  color: #fff;
}
.slider .slide-content a:hover circle {
  stroke-dashoffset: 0;
}
.slider .slide-content a:hover svg {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 0.05);
}
.slider .slide-content a:hover span:before {
  width: 0;
}
.slider .slide-content h1 {
  display: inline-block;
  margin: 10px 0;
  font-weight: 800;
  color: transparent;
  font-size: 10vw;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  text-transform: uppercase;
  position: relative;
}
.slider .slider-controls {
  height: 21px;
  display: inline-block;
  margin-left: auto;
  right: 0;
  position: relative;
  overflow: hidden;
}
.slider .slider-controls .main-nav.prev {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  -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;
}
.slider .slider-controls .main-nav.prev:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.slider .slider-controls .main-nav.prev:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.slider .slider-controls .main-nav.next {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  margin-left: 20px;
  -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;
}
.slider .slider-controls .main-nav.next:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.slider .slider-controls .main-nav.next:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.slider .slider-controls .swiper-button-prev {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  -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;
}
.slider .slider-controls .swiper-button-prev:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.slider .slider-controls .swiper-button-prev:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.slider .slider-controls .swiper-button-next {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  margin-left: 20px;
  -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;
}
.slider .slider-controls .swiper-button-next:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.slider .slider-controls .swiper-button-next:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.slider .slider-fraction {
  display: inline-block;
  font-size: 50px;
  font-weight: 300;
  position: absolute;
  left: 100px;
  bottom: 100px;
}
.slider .slider-fraction span {
  display: inline-block;
}
.slider .swiper-pagination-bullets {
  display: inline-block;
  margin: 0 auto;
  margin-top: 4px;
  position: static;
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #fff;
  margin: 0 10px;
  text-align: center;
  position: relative;
  transform: scale(0.4);
  -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;
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  transform: scale(0.8);
}
.slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

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

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

/* VIDEO BG */
.video-bg {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: #0e0e0e;
  opacity: 0.8;
}
.video-bg video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.video-bg .container {
  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;
}
.video-bg .container a {
  width: 100px;
  height: 100px;
  line-height: 98px;
  display: inline-block;
  color: #fff;
  position: relative;
  font-family: "Heebo", sans-serif;
  font-weight: 600;
  transition: 0.2s transform;
}
.video-bg .container a span {
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.video-bg .container a span:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 35%;
  transform: translateX(-50%);
  transition: all ease 0.3s;
}
.video-bg .container a circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}
.video-bg .container a svg {
  transition: transform 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.video-bg .container a:hover circle {
  stroke-dashoffset: 0;
}
.video-bg .container a:hover svg {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 0.05);
}
.video-bg .container a:hover span:before {
  width: 0;
}
.video-bg .container h1 {
  display: inline-block;
  margin: 10px 0;
  font-weight: 800;
  color: transparent;
  font-size: 10vw;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  text-transform: uppercase;
  position: relative;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  background: #4237ef;
  background-size: cover;
  overflow: hidden;
}
.page-header .video-bg {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  z-index: 1;
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 0;
}
.page-header .video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.page-header .container {
  max-width: inherit;
  text-align: center;
  transform: skewY(-4deg);
  position: relative;
  z-index: 2;
  -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;
}
.page-header .container h1 {
  font-weight: 800;
  color: transparent;
  font-size: 17vw;
  line-height: 1;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}
.page-header .container p {
  color: #fff;
  font-size: 18px;
}

/* ICON CONTENT LIST BLOCK */
.icon-content-list-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.icon-content-list-block figure {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  padding-left: 40px;
}
.icon-content-list-block figure img {
  height: 60px;
}
.icon-content-list-block small {
  width: 40px;
  display: inline-block;
  line-height: 1;
}
.icon-content-list-block h5 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  line-height: 1;
}
.icon-content-list-block h5:after {
  content: "";
  width: 20px;
  height: 1px;
  display: inline-block;
  background: #0e0e0e;
  margin-left: 15px;
  margin-bottom: 4px;
}
.icon-content-list-block p {
  padding-left: 40px;
  margin-bottom: 40px;
  opacity: 0.6;
}
.icon-content-list-block ul {
  width: 100%;
  margin: 0;
  margin-left: 40px;
  padding: 0;
}
.icon-content-list-block ul li {
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  font-size: 20px;
}
.icon-content-list-block ul li:last-child {
  margin-bottom: 0;
}

/* SIDE IMAGE CONTENT */
.left-side-content {
  position: relative;
  padding: 150px 0;
  padding-right: 15%;
  color: #fff;
}
.left-side-content:before {
  content: "";
  width: 50vw;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #4237ef;
}
.left-side-content:after {
  content: "";
  width: 20vw;
  height: 100%;
  position: absolute;
  right: -20vw;
  top: 0;
  background: #4237ef;
}
.left-side-content .inner {
  width: 100%;
  display: block;
  position: relative;
}
.left-side-content h4 {
  width: 100%;
  display: block;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.left-side-content p {
  font-size: 17px;
}
.left-side-content b {
  font-size: 13px;
  width: 100%;
  display: block;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 30px;
  opacity: 0.6;
}
.left-side-content .custom-btn {
  margin-top: 40px;
}

.right-side-image {
  width: calc(50vw - 15px);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0;
}
.right-side-image img {
  width: 100%;
}
.right-side-image figcaption {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  text-align: center;
  color: #fff;
}
.right-side-image figcaption img {
  width: 150px;
  display: inline-block;
  background: #4237ef;
  margin-bottom: 10px;
}
.right-side-image figcaption small {
  width: 100%;
  display: block;
}

/* RECENT NEWS */
.recent-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.recent-news:hover figure figcaption:after {
  width: 100%;
}
.recent-news:hover figure img {
  opacity: 0.9;
}
.recent-news figure {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.recent-news figure img {
  width: 100%;
  -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;
}
.recent-news figure .reveal-effect {
  width: 100%;
  display: block;
}
.recent-news figure figcaption {
  width: 100%;
  display: block;
  padding-bottom: 40px;
  margin-top: 40px;
  border-bottom: 1px solid #eee;
  position: relative;
}
.recent-news figure figcaption:after {
  content: "";
  width: 0;
  height: 1px;
  -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;
  background: #0e0e0e;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.recent-news figure figcaption small {
  display: block;
  opacity: 0.5;
  margin-bottom: 10px;
}
.recent-news figure figcaption h4 {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
}
.recent-news figure figcaption h4 a {
  color: #0e0e0e;
}
.recent-news figure figcaption h4 a:hover {
  text-decoration: none;
}

/* ICON CONTENT BLOCK*/
.icon-content-block {
  width: 100%;
  display: block;
  margin: 0;
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.icon-content-block figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}
.icon-content-block figure img {
  width: 60px;
  margin-bottom: 80px;
  display: inline-block;
}
.icon-content-block figure figcaption {
  width: 100%;
  display: block;
}
.icon-content-block figure figcaption h5 {
  font-weight: 600;
  margin-bottom: 20px;
}

/* MASONRY GALLERY */
.no-spacing .masonry-grid.col-lg-6:nth-child(3) {
  padding-left: 0;
}

.masonry {
  position: relative;
  z-index: 2;
  margin-left: -15px;
  margin-right: -15px;
}
.masonry .masonry-grid {
  letter-spacing: 0;
}
.masonry .masonry-grid .masonry-gallery {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: #4237ef;
}
.masonry .masonry-grid .masonry-gallery:hover img {
  opacity: 0.3;
}
.masonry .masonry-grid .masonry-gallery:hover figcaption {
  opacity: 1;
}
.masonry .masonry-grid .masonry-gallery * {
  -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;
}
.masonry .masonry-grid .masonry-gallery figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  opacity: 0;
}
.masonry .masonry-grid .masonry-gallery figcaption small {
  width: 100%;
  display: block;
  opacity: 0.7;
}
.masonry .masonry-grid .masonry-gallery figcaption h4 {
  font-weight: 600;
  margin: 0;
  line-height: 1;
}
.masonry .masonry-grid .masonry-gallery img {
  width: 100%;
  mix-blend-mode: lighten;
}

/* TEXT CONTENT BLOCK */
.col-lg-5 .text-content-block {
  padding-right: 10%;
}

.text-content-block {
  width: 100%;
  display: block;
}
.text-content-block p {
  font-size: 17px;
}
.text-content-block u {
  text-decoration: underline;
}
.text-content-block strong {
  font-weight: 600;
}
.text-content-block .custom-link a {
  font-weight: 600;
  color: #0e0e0e;
}
.text-content-block .custom-link a:before {
  color: #0e0e0e;
}

/* AWARDS */
.awards {
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
}
.awards figure {
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
}
.awards img {
  height: 40px;
}
.awards .odometer {
  font-size: 50px;
  margin-bottom: 10px;
}
.awards h4 {
  font-size: 12px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

/* TEAM */
.team {
  margin: 15px 0;
  position: relative;
  background: #4237ef;
}
.team:hover img {
  opacity: 0.1;
}
.team:hover figcaption {
  opacity: 1;
}
.team img {
  width: 100%;
  -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;
  filter: grayscale(1);
  mix-blend-mode: lighten;
}
.team figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 30px;
  text-align: center;
  color: #fff;
  -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;
  opacity: 0;
}
.team figcaption h5 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
.team figcaption small {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.team figcaption ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.team figcaption ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
.team figcaption ul li a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.team figcaption ul li a:hover {
  text-decoration: none;
}

/* SERVICES */
.services-image {
  width: 100%;
  margin: 0;
}

.services-content {
  width: 100%;
  display: block;
  color: #fff;
}
.services-content h5 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  line-height: 1;
}
.services-content p {
  font-size: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.services-content ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.services-content ul li {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  font-size: 26px;
}

/* CLIENTS */
.clients {
  border: 1px solid #eee;
  margin-bottom: 0;
  padding: 50px 80px;
  margin-left: -1px;
  margin-top: -1px;
  position: relative;
}
.clients * {
  -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;
}
.clients:hover img {
  opacity: 0;
  transform: scale(0.9);
}
.clients:hover figcaption {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.clients img {
  width: 100%;
}
.clients figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.7);
  text-align: center;
  opacity: 0;
}
.clients figcaption a {
  display: inline-block;
  color: #0e0e0e;
}

.clients-spacing .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* WORKS */
.works {
  width: 100%;
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  background: #0e0e0e;
  color: #fff;
}
.works:hover img {
  opacity: 0.8;
}
.works img {
  width: 100%;
  -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;
}
.works figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
}
.works figcaption:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: overlay;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
  background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
}
.works figcaption div {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
}
.works figcaption div ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.works figcaption div ul li {
  display: inline-block;
  margin-right: 5px;
  padding: 0;
  list-style: none;
}
.works figcaption div ul li:last-child:after {
  display: none;
}
.works figcaption div ul li:after {
  content: ",";
}
.works figcaption div h5 {
  font-size: 50px;
  font-weight: 800;
  overflow: hidden;
  position: relative;
}
.works figcaption div h5 a {
  color: #fff;
  display: inline-block;
  -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;
  color: #fff;
}
.works figcaption div h5 a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.works figcaption div h5 a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

.works-grid {
  width: calc(100% + 30px);
  display: inline-block;
  margin: 0;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}
.works-grid li {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 15px;
  padding-bottom: 0;
  padding-top: 30px;
  list-style: none;
}

.works-grid li:nth-child(1) {
  margin-top: 0;
}

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

.works-grid li:nth-child(3) {
  padding-left: 50px;
}

.works-grid li:nth-child(4) {
  padding-right: 50px;
}

.works-grid li:nth-child(5) {
  padding-left: 150px;
}

.works-grid li:nth-child(6) {
  padding-right: 150px;
}

.works-grid li:nth-child(7) {
  padding-left: 50px;
}

.works-grid li:nth-child(8) {
  padding-right: 50px;
}

.works-grid li:nth-child(9) {
  padding-left: 200px;
}

.works-content {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  font-size: 17px;
}
.works-content ul {
  padding-left: 20px;
}
.works-content .custom-link a {
  color: #0e0e0e;
}
.works-content .custom-link a:before {
  color: #0e0e0e;
}
.works-content h6 {
  font-weight: 600;
  margin-bottom: 15px;
}

.works-slider {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.works-slider .swiper-slide {
  width: 70%;
}
.works-slider .swiper-slide video {
  width: 100%;
}
.works-slider .swiper-slide img {
  width: 100%;
}

.vc_images_carousel {
  width: 100% !important;
  padding: 0 50px;
}
.vc_images_carousel .attachment-large {
  width: 100% !important;
  height: auto !important;
  padding: 0 50px;
}

/* 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-content {
  width: 100%;
  /* order: 1; border-left: 1px solid #eee; border-right: none;*/
}
.blog-post.post-single {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.post-single .post-image {
  width: 100%;
  flex: inherit;
  margin-bottom: 30px;
}
.blog-post.post-single .post-content {
  width: 100%;
  flex: inherit;
  display: block;
  padding: 0;
  border: none;
}
.blog-post.post-single .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;
}
.blog-post .post-image img {
  width: 100%;
}
.blog-post .post-content {
  /* flex: 1; display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 2; border: 1px solid #eee; padding: 30px; font-size: 17px; */
  width: 100%;
  display: block;
}
.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: 30px;
  font-weight: 600;
  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: #0e0e0e;
}
.blog-post .post-content .post-title a:hover {
  color: #4237ef;
  text-decoration: none;
}
.blog-post .post-content .post-author {
  width: 100%;
  display: block;
  /*margin-bottom: 40px;*/
}
.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: #0e0e0e;
}
.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: #0e0e0e;
  font-size: 11px;
  padding-bottom: 3px;
  border-bottom: 2px solid #0e0e0e;
}
.blog-post .post-content .post-categories li a:hover {
  text-decoration: none;
  border-color: #4237ef;
}
.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: #0e0e0e;
  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: #4237ef;
  color: #fff;
  padding: 30px;
  margin-bottom: 25px;
}
.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 #0e0e0e;
}
.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: 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 .post-link a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
}
.blog-post .post-content .post-link a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

/* CONTACT */
.contact-box {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.contact-box p {
  margin: 0;
}
.contact-box small {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  opacity: 0.5;
  font-weight: 600;
}
.contact-box a {
  color: #0e0e0e;
  text-decoration: underline;
}

.map {
  height: 380px;
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: 60px;
  margin-top: 30px;
  position: relative;
}
.map:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #4237ef;
  mix-blend-mode: color;
}
.map .map-note {
  width: 300px;
  height: calc(100% - 60px);
  position: absolute;
  left: 50px;
  top: 30px;
  z-index: 2;
  padding: 30px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #4237ef;
}
.map .map-note h6 {
  margin-top: auto;
  font-weight: 600;
  margin-bottom: 20px;
}
.map .map-note p {
  margin-bottom: auto;
}

.contact-image {
  width: 100%;
  margin: 0;
}
.contact-image img {
  width: 100%;
}

/* CONTACT FORM */
.wpcf7 {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  padding-right: 10%;
}
.wpcf7 .form-group {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 35px;
}
.wpcf7 .form-group:last-child {
  margin-bottom: 0;
}
.wpcf7 .form-group .checkbox {
  display: flex;
  flex-wrap: wrap;
  width: 30%;
  height: 52px;
  border: 1px solid #ccc;
  margin-right: 5%;
  align-items: center;
  padding-left: 15px;
}
.wpcf7 .form-group .checkbox:last-child {
  margin-right: 0;
}
.wpcf7 .form-group .checkbox input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  display: inline-block;
  margin-right: 5px;
}
.wpcf7 .form-group .checkbox input[type=checkbox]:checked {
  background: #131314;
  -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
  -moz-box-shadow: inset 0px 0px 0px 2px #fff;
  box-shadow: inset 0px 0px 0px 2px #fff;
}
.wpcf7 .form-group .checkbox small {
  display: inline-block;
  margin-top: 2px;
}
.wpcf7 .form-group .checkbox label {
  order: 3;
}
.wpcf7 .form-group p {
  width: 100%;
  display: block;
  line-height: 1;
  margin-bottom: 15px;
}
.wpcf7 .form-group small {
  display: block;
  font-size: 13px;
  opacity: 0.4;
}
.wpcf7 .form-group input[type=text] {
  width: 100%;
  background: none;
  position: relative;
  z-index: 2;
}
.wpcf7 .form-group textarea {
  width: 100%;
  position: relative;
  z-index: 2;
}
.wpcf7 .form-group label.error {
  color: red;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 13px;
}
.wpcf7 input.error {
  border: 1px solid red;
}
.wpcf7 textarea.error {
  border: 1px solid red;
}
.wpcf7 #success {
  background: green;
  color: #fff;
}
.wpcf7 .wpcf7-mail-sent-ng {
  background: red;
  color: #fff;
}
.wpcf7 .wpcf7-response-output {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 40px 30px;
  width: 100%;
  margin-top: 30px;
  font-weight: 600;
  font-size: 15px;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  position: relative;
  background-size: cover;
}
.footer .work-with-us {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 150px;
}
.footer .work-with-us .custom-btn {
  margin: 50px 0;
}
.footer .work-with-us h6 {
  width: 100%;
  display: block;
  font-size: 16px;
  letter-spacing: 1px;
}
.footer .work-with-us h2 {
  width: 100%;
  display: block;
  font-size: 7vw;
  font-weight: 800;
  line-height: 1;
  margin: 0;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
}
.footer .work-with-us h2 span {
  color: #fff;
}
.footer address {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.footer address small {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  opacity: 0.5;
  font-weight: 600;
}
.footer address p {
  margin: 0;
  overflow: hidden;
}
.footer address a {
  color: #fff;
  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;
}
.footer address a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.footer address a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}
.footer .footer-widget {
  margin-top: 50px;
}
.footer .footer-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 30px 0;
  font-size: 12px;
}
.footer .footer-bottom span {
  display: inline-block;
  margin-right: auto;
}
.footer .footer-bottom .footer-menu {
  display: inline-block;
  margin-left: auto;
  margin-bottom: 0;
  padding: 0;
}
.footer .footer-bottom .footer-menu li {
  display: inline-block;
  height: 18px;
  margin-left: 20px;
  list-style: none;
}
.footer .footer-bottom .footer-menu li:first-child {
  margin-left: 0;
}
.footer .footer-bottom .footer-menu li .dropdown {
  display: none;
}
.footer .footer-bottom .footer-menu li div {
  width: 100%;
  display: block;
  overflow: hidden;
}
.footer .footer-bottom .footer-menu li a {
  color: #fff;
  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;
}
.footer .footer-bottom .footer-menu li a:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}
.footer .footer-bottom .footer-menu li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .team figcaption ul li {
    margin: 0 5px;
  }

  .icon-content-list-block ul li {
    font-size: 18px;
  }

  .services-content ul li {
    font-size: 23px;
  }

  .clients {
    padding: 40px 60px;
  }

  .blog-post .post-content .post-title {
    font-size: 24px;
  }

  .blog-post.post-single .post-content .post-title {
    font-size: 36px;
  }
}
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .cursor {
    display: none;
  }

  .col-lg-5 .text-content-block {
    padding-right: 0;
  }

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

  .left-side-content {
    padding: 60px 40px;
    background: #4237ef;
  }

  .left-side-content:before {
    display: none;
  }

  .left-side-content:after {
    display: none;
  }

  .right-side-image {
    width: 100%;
    display: block;
  }

  .right-side-image figcaption {
    padding: 40px;
  }

  .col-lg-4:nth-child(3) .recent-news {
    margin: 50px 0;
  }

  .masonry-grid.col-lg-6 {
    padding: 15px !important;
  }

  .text-content-block .custom-link {
    margin-bottom: 50px;
  }

  .hide-mobile {
    display: none;
  }

  .works {
    margin: 0;
  }

  .services-image {
    margin-bottom: 100px;
  }

  .blog-post .post-image {
    width: 100%;
    flex: inherit;
  }

  .blog-post:nth-child(even) .post-image {
    order: 1;
  }

  .sidebar {
    padding-left: 0 !important;
    margin-top: 50px;
  }

  .map {
    margin-left: 0;
    margin-right: 0;
  }

  .contact-form {
    padding-right: 0;
  }

  .contact-image {
    display: none;
  }

  .container-fluid {
    padding: 0 30px;
  }

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

  .section-title {
    margin-bottom: 50px;
  }

  input, textarea, button {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  works-grid li {
    padding: 0 !important;
  }
}
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .menu-text {
    display: inline-block;
  }

  .navbar .sandwich-menu {
    display: inline-block;
  }

  .preloader .inner canvas {
    width: 200px;
    height: 200px;
  }

  .slider {
    height: 90vh;
  }

  .slider .slider-fraction {
    display: none;
  }

  .bottom-bar .swiper-pagination-bullets {
    display: none;
  }

  .page-header {
    height: 90vh;
  }

  .navbar {
    padding: 30px;
  }

  .navbar .languages {
    display: none;
  }

  .bottom-bar {
    padding: 20px 30px;
  }

  .left-side {
    display: none;
  }

  .right-side {
    display: none;
  }

  .masonry-grid.col-lg-6 {
    padding: 0 !important;
  }

  .works {
    margin-bottom: 15px;
  }

  .works figcaption div h5 {
    font-size: 30px;
  }

  .works-slider {
    width: 100%;
    display: block;
  }

  .works-slider .swiper-slide {
    width: 100%;
  }

  .section-title h6 {
    letter-spacing: 0;
  }

  .blog-post.post-single .post-content .post-title {
    font-size: 26px;
  }

  .no-gutters .col-lg-6 {
    padding: 0 !important;
  }

  .team {
    margin-top: 0;
  }

  .clients {
    padding: 30px;
  }

  .map {
    width: 100%;
    display: block;
    height: auto;
  }

  .map .map-note {
    width: 100%;
    height: auto;
    display: block;
    position: static;
  }

  .map:after {
    display: none;
  }

  .footer .work-with-us {
    margin-bottom: 0;
  }

  .footer .work-with-us h2 {
    font-size: 10vw;
  }

  .footer .footer-bottom .footer-menu {
    margin-left: 0;
  }

  .footer .footer-bottom span {
    order: 2;
    width: 100%;
    margin-top: 10px;
  }

  .vc_col-lg-4:nth-child(2) .icon-content-list-block {
    margin: 30px 0;
  }

  .vc_col-sm-3:nth-child(2) .icon-content-block {
    margin: 30px 0;
  }

  .vc_col-sm-3:last-child .icon-content-block {
    margin-top: 30px;
  }

  .works-grid {
    width: 100%;
    margin: 0 !important;
  }

  .works-grid li {
    width: 100%;
    padding: 0 !important;
  }

  .container .vc_custom_1583058543025 {
    margin-bottom: 100px !important;
  }

  .container .vc_custom_1583058529830 {
    margin-top: 100px !important;
  }

  .body-horizontal-menu .menu-text {
    display: inline-block;
  }

  .menu-container li ul li a {
    font-size: 24px;
    font-weight: 600;
  }

  .menu-container li ul li ul li a {
    font-size: 20px;
  }

  .menu-container li ul li ul li ul li a {
    font-size: 18px;
  }

  .pagination li {
    display: none;
  }

  .pagination li:first-child {
    display: inline-block;
  }

  .pagination li:nth-child(2) {
    display: inline-block;
  }

  .pagination li:last-child {
    display: inline-block;
  }
}
/* CONTENT SLIDER */
.content-slider {
  width: 100%;
  height: 600px;
  display: flex;
  flex-wrap: wrap;
  background: #000;
  overflow: hidden;
}

.content-slider .swiper-slide {
  width: 80%;
  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 .swiper-button-prev, .content-slider .swiper-button-next:hover {
  opacity: 0.6;
}

.content-slider .swiper-pagination-bullet {
  background: #fff;
}

.content-slider .swiper-pagination-bullet-active {
  background: #fff;
}

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

.page.type-page code {
  background: #eee;
  padding: 4px;
  color: #0e0e0e;
  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: #4237ef;
  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;
}

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

.menu-horizontal {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

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

.menu-horizontal li {
  margin-left: 40px;
  padding: 15px 0;
  white-space: nowrap;
  position: relative;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.menu-horizontal li:first-child {
  margin-left: 0;
}

.menu-horizontal li div {
  float: left;
  overflow: hidden;
}

.menu-horizontal li i {
  width: 20px;
  height: 20px;
  display: none;
  float: right;
  background: none;
  position: relative;
  /*position: absolute; left: -25px; */
}

.menu-horizontal li i:before {
  content: "";
  width: 6px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 7px;
  top: 5px;
}

.menu-horizontal li.dropdown i {
  display: inline-block;
}

.menu-horizontal li.dropdown ul li i {
  display: none;
  left: 5px;
}

.menu-horizontal li.dropdown ul li.dropdown i {
  display: inline-block;
}

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

.menu-horizontal li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}

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

.menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown i {
  display: inline-block;
}

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

.menu-horizontal li.dropdown ul li.dropdown ul li.dropdown ul li.dropdown li.dropdown i {
  display: inline-block;
}

.menu-horizontal li a {
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 0;
}

.menu-horizontal li a:before {
  content: attr(data-text);
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  color: #fff;
}

.menu-horizontal li a:hover {
  transform: translateY(-100%);
  text-decoration: none;
  background: none;
}

.menu-horizontal li ul {
  min-width: 200px;
  display: none;
  flex-wrap: wrap;
  position: absolute;
  left: -30px;
  top: 100%;
  background: #0e0e0e;
  margin: 0;
  padding: 20px 0;
  border: none;
  border-radius: 0;
}

.menu-horizontal li ul li {
  width: 100%;
  float: left;
  padding: 5px 20px;
  padding-left: 30px;
  margin: 0;
}

.menu-horizontal li ul li ul {
  background: #252525;
  left: 200px;
  top: 0;
  margin-top: -20px;
}

.menu-horizontal li ul li ul li ul {
  background: #313131;
  left: -200px;
}

.menu-horizontal li ul li ul li ul li ul {
  background: #444444;
  left: 200px;
}

/* BLOG STYLE FOR SIDEBAR */
.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: #0e0e0e;
  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: #4237ef;
  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: #0e0e0e;
  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: #0e0e0e;
}

.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: #0e0e0e;
  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: #0e0e0e;
}

.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: #0e0e0e;
  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: #0e0e0e;
  border-color: #0e0e0e;
  color: #fff;
}

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

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

.blog-post .post-content blockquote {
  background: #4237ef;
  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 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 #4237ef;
}

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

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-1177 .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: #0e0e0e;
  border-color: #0e0e0e;
  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 #0e0e0e;
  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 #0e0e0e;
  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;
}

/* 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: #0e0e0e;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.post-comment .comment-list .comment .comment-content .comment-reply-link:hover {
  background: #73efcc;
  color: #0e0e0e;
  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-size: 13px;
  color: #727479;
}

.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:last-child {
  margin-bottom: 0;
}

.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: #0e0e0e;
  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: #0e0e0e;
  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: #0e0e0e;
  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: #0e0e0e;
}

.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: #0e0e0e;
}

.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: #0e0e0e;
}

.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: #0e0e0e;
  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: #0e0e0e;
  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: #0e0e0e;
  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: #4237ef;
  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: #0e0e0e;
  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: #0e0e0e;
}

/* 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.7;
  font-weight: 600;
  font-size: 15px;
}

.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: #0e0e0e;
  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: #4237ef;
}

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

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

.woocommerce ul.products li.product .button {
  padding: 0;
  margin: 0;
  color: #0e0e0e;
  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: #4237ef;
}

.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: #0e0e0e;
  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: #0e0e0e;
  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;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .footer .work-with-us {
    margin-top: 100px;
  }

  .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: 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;
    opacity: 0;
    line-height: 1;
    transform: skewY(6deg);
    position: relative;
    text-align: center;
    font-size: 22px !important;
    color: #fff;
  }

  .menu-horizontal li div {
    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: 2px;
    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;
  }
}

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