@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


*/
/* CUSTOM FONTS */
@font-face {
  font-family: 'Mont';
  src: url("../fonts/Mont-Regular.eot");
  src: local("☺"), url("../fonts/Mont-Regular.woff") format("woff"), url("../fonts/Mont-Regular.ttf") format("truetype"), url("../fonts/Mont-Regular.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Mont';
  src: url("../fonts/Mont-Bold.eot");
  src: local("☺"), url("../fonts/Mont-Bold.woff") format("woff"), url("../fonts/Mont-Bold.ttf") format("truetype"), url("../fonts/Mont-Bold.svg") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Mont';
  src: url("../fonts/Mont-Heavy.eot");
  src: local("☺"), url("../fonts/Mont-Heavy.woff") format("woff"), url("../fonts/Mont-Heavy.ttf") format("truetype"), url("../fonts/Mont-Heavy.svg") format("svg");
  font-weight: 800;
  font-style: normal;
}
/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding-left: 150px;
  padding-right: 50px;
  font-family: 'Mont';
  font-size: 17px;
  color: #282828;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

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

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

a:active {
  text-decoration: underline;
}

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

p {
  line-height: 1.5;
}

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

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

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

textarea {
  width: 100%;
  height: 160px;
  border: 1px solid #eee;
  padding: 15px 20px;
}

button[type="submit"], input[type="submit"] {
  height: 58px;
  line-height: 58px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  border: none;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #282828;
  padding: 0 30px;
  font-size: 13px;
  font-weight: 600;
}
button[type="submit"] *, input[type="submit"] * {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
button[type="submit"] strong, input[type="submit"] strong {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  height: 58px;
  border: 1px solid #282828;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  background: #282828;
  color: #fff;
}
button[type="submit"] strong:hover, input[type="submit"] strong:hover {
  text-decoration: none;
}
button[type="submit"] b, input[type="submit"] b {
  width: 20px;
  height: 1px;
  background: #fff;
  display: inline-block;
  margin-left: 20px;
  margin-top: 28px;
}
button[type="submit"] i, input[type="submit"] i {
  width: 0;
  height: 0;
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #fff;
  opacity: 1;
  margin-top: 25px;
}
button[type="submit"]:hover b, input[type="submit"]:hover b {
  width: 50px;
  margin-left: 20px;
}
button[type="submit"]:hover i, input[type="submit"]:hover i {
  opacity: 0;
}

/* CUSTOM CONTAINER */
@media (min-width: 1240px) {
  .container {
    max-width: 1200px;
  }
}
/* CUSTOM CLASSES */
.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

figure.image {
  margin: 0;
}

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

/* SECTION TITLE 
.color-dark .section-title{color: #fff;}*/
section[data-color="light"] .section-title {
  color: #282828;
}

section[data-color="dark"] .section-title {
  color: #fff;
}

.section-title {
  width: 100%;
  display: block;
  margin-bottom: 75px;
  padding-right: 50%;
}
.section-title.center {
  padding: 0 20%;
  text-align: center;
}
.section-title h2 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 2px;
}
.section-title p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
  font-weight: 300;
}

/* CUSTOM ELEMENTS */
.color-dark {
  background-color: #282828;
}
.color-dark .left-side ul {
  width: 100vh;
  line-height: 1;
  display: block;
  margin: 0;
  margin-top: 50vh;
  margin-left: -9px;
  padding: 0;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
}
.color-dark .left-side ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
.color-dark .left-side ul li a {
  display: block;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  padding: 0 2px;
  color: #fff;
}
moe
.color-dark .left-side ul li a:hover {
  text-decoration: none;
}
.color-dark .left-side ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 6px;
  height: 1px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.color-dark .left-side ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 6px;
  height: 1px;
  width: 0;
  background: #fff;
  transition: width .25s ease;
}
.color-dark .left-side ul li a:hover:before {
  width: 100%;
  background: #fff;
  transition: width .25s ease;
}
.color-dark .left-side ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.color-dark .left-side .logo img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.color-dark .left-side .gotop img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.color-light {
  background-color: #fff;
}

.color-undefined {
  background-color: transparent;
}

.overflow {
  overflow: hidden;
}

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

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

/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  right: calc(-100% - 200px);
  bottom: 0;
  background: #282828;
  z-index: 99;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  visibility: hidden;
}
.transition-overlay:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 200px 100vh 0;
  border-color: transparent #282828 transparent transparent;
  position: absolute;
  left: -200px;
  top: 0;
}
.transition-overlay.active {
  right: 0;
  visibility: visible;
}

/* PRELOADER */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  width: 100vw;
  height: 100vh;
  background: #282828;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 99;
  transition-delay: 0.65s;
}
.preloader * {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 200px 100vh 0;
  border-color: transparent #282828 transparent transparent;
  position: absolute;
  left: -200px;
  top: 0;
}
.preloader:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100vh 0 0 200px;
  border-color: transparent transparent transparent #282828;
  position: absolute;
  right: -200px;
  top: 0;
}
.preloader .inner {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.preloader .inner .logo {
  display: inline-block;
  margin: 0;
  animation: fadeInUp ease 0.6s;
}
.preloader .inner .logo img {
  height: 50px;
}
.preloader .inner .percentage {
  width: 100%;
  font-size: 70vh;
  line-height: 1;
  font-weight: 800;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  opacity: 0.05;
  transition-delay: 0.10s;
}

/* NO-PRELOADER*/
.no-preloader .page-header {
  opacity: 1;
  transform: translateY(0);
}

.no-preloader .slider {
  opacity: 1;
  transform: translateY(0);
}

.no-preloader .left-side {
  left: 0;
}

.no-preloader .video-wrapper {
  opacity: 1;
  transform: translateY(0);
}

.no-preloader figure.image {
  opacity: 1;
  transform: translateY(0);
}

.no-preloader .header-image {
  height: 10px;
  opacity: 1;
  transform: translateY(0);
  background: #eee !important;
}

.no-preloader .map {
  opacity: 1;
  transform: translateY(0);
}

.no-preloader.single .post-image {
  opacity: 1;
  transform: translateY(0);
}

.no-preloader .footer {
  padding-top: 0;
  padding-bottom: 50px;
}

.no-preloader .footer .sub-footer {
  margin: 0;
}

/* PAGE LOADED */
.page-loaded .preloader {
  left: calc(-100% - 200px);
  visibility: hidden;
}

.page-loaded .preloader .logo {
  transform: translateX(-100px);
  opacity: 0;
}

.page-loaded .preloader .percentage {
  margin-left: 100px;
  opacity: 0;
}

.page-loaded .page-header {
  opacity: 1;
  transform: translateY(0);
}

.page-loaded .slider {
  opacity: 1;
  transform: translateY(0);
}

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

.page-loaded .video-wrapper {
  opacity: 1;
  transform: translateY(0);
}

.page-loaded figure.image {
  opacity: 1;
  transform: translateY(0);
}

.page-loaded .header-image {
  opacity: 1;
  transform: translateY(0);
}

.page-loaded .map {
  opacity: 1;
  transform: translateY(0);
}

.page-loaded.single .post-image {
  opacity: 1;
  transform: translateY(0);
}

.single .post-image {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: translateY(100%);
  opacity: 0;
  transition-delay: 1.1s;
}

figure.image {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: translateY(100%);
  opacity: 0;
  transition-delay: 1.1s;
}

.header-image {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: translateY(100%);
  opacity: 0;
  transition-delay: 1.1s;
}

.map {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: translateY(100%);
  opacity: 0;
  transition-delay: 1.1s;
}

/* BURGER */
.burger {
  margin-top: 1px;
  z-index: 3;
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
}

.isNavOpen {
  overflow: hidden;
}

.burger-svg__base {
  fill: #fff;
}

.burger-svg__bars {
  fill: #282828;
}

/* NAVIGATION MENU */
.navigation-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  right: calc(-100% + -200px);
  top: 0;
  z-index: 2;
  background: #282828;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  visibility: hidden;
}
.navigation-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 200px 100vh 0;
  border-color: transparent #282828 transparent transparent;
  position: absolute;
  left: -200px;
  top: 0;
}
.navigation-menu.active {
  right: 0;
  visibility: visible;
}
.navigation-menu.active .inner {
  opacity: 1;
  transform: translateX(0);
}
.navigation-menu #map {
  width: 600px;
  height: 450px;
  display: none;
  border: none;
}
.navigation-menu .inner {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 10%;
  color: #fff;
  transform: translateX(40%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.35s;
  padding-top: 80px;
}
.navigation-menu .inner .custom-html-widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.navigation-menu .inner .side-menu {
  width: 100%;
  float: right;
  display: none;
}
.navigation-menu .inner .side-menu ul {
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
}
.navigation-menu .inner .side-menu ul li {
  display: block;
  list-style: none;
  margin-bottom: 5px;
}
.navigation-menu .inner .side-menu ul li a {
  font-size: 8vw;
  color: #fff;
  font-weight: 600;
}
.navigation-menu .inner .sides {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.navigation-menu .inner .sides:last-child {
  padding-left: 50px;
}
.navigation-menu .inner h2 {
  display: block;
  margin-bottom: 20px;
  line-height: 1.7;
  font-size: 25px;
}
.navigation-menu .inner h2 strong {
  font-weight: 600;
}
.navigation-menu .inner figure {
  display: block;
  margin: 0;
  background: #fff;
  padding: 6px;
  position: relative;
}
.navigation-menu .inner figure a {
  width: 50px;
  height: 50px;
  line-height: 44px;
  position: absolute;
  right: 6px;
  top: 6px;
  background: #fff;
  text-align: center;
}
.navigation-menu .inner address {
  display: block;
  font-size: 19px;
}
.navigation-menu .inner address a {
  display: block;
  color: #fff;
  text-decoration: underline;
}

/* REVEAL EFFECT */
.reveal-effect {
  float: left;
  overflow: hidden;
  position: relative;
}
.reveal-effect.animated:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #eee;
  position: absolute;
  left: 0;
  top: 0;
  animation: 1s reveal linear forwards;
  -webkit-animation-duration: 1s;
  z-index: 1;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-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.animated > * {
  animation: 1s reveal-inner linear forwards;
}

@-webkit-keyframes reveal {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: auto;
    right: 0;
  }
  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}
@-webkit-keyframes reveal-inner {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  50% {
    visibility: hidden;
    opacity: 0;
  }
  51% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
/* TITLES */
.titles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-right: 50%;
  margin-bottom: 80px;
}
.titles h6 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 2px;
}
.titles p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
  font-weight: 300;
}

/* CUSTOM LINK */
.custom-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.custom-link * {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.custom-link a {
  display: inline-block;
  margin-right: 15px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.custom-link a:hover {
  text-decoration: none;
}
.custom-link span {
  width: 20px;
  height: 1px;
  background: #282828;
  display: inline-block;
  margin: 0;
}
.custom-link i {
  width: 0;
  height: 0;
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #282828;
  opacity: 1;
}
.custom-link:hover a {
  margin-left: 20px;
}
.custom-link:hover span {
  width: 50px;
  margin-left: 20px;
}
.custom-link:hover i {
  opacity: 0;
}

/* CUSTOM BUTTON */
.custom-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}
.custom-btn * {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.custom-btn a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 58px;
  border: 1px solid #282828;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 30px;
  padding-top: 18px;
  background: #282828;
  color: #fff;
}
.custom-btn a:hover {
  text-decoration: none;
}
.custom-btn span {
  width: 20px;
  height: 1px;
  background: #fff;
  display: inline-block;
  margin-left: 20px;
  margin-top: 8px;
}
.custom-btn i {
  width: 0;
  height: 0;
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #fff;
  opacity: 1;
  margin-top: 5px;
}
.custom-btn:hover span {
  width: 50px;
  margin-left: 20px;
}
.custom-btn:hover i {
  opacity: 0;
}

/* HEADER */
.header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.header .navbar {
  width: 100%;
  margin-bottom: 0;
}
.header .headlines {
  width: 100%;
  margin-bottom: 100px;
  margin-top: 50px;
}
.header .headlines h1 {
  font-size: 8vw;
  font-weight: 800;
  line-height: 1;
  margin: 0;
  padding-bottom: 5px;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  margin-bottom: 100px;
  margin-top: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: translateY(100%);
  opacity: 0;
  transition-delay: 1s;
}
.page-header h1 {
  font-weight: 700;
  font-size: 8vw;
  margin-bottom: 20px;
  line-height: 1;
}
.page-header p {
  padding-right: 40%;
  line-height: 1.7;
  font-size: 1.5rem;
}

/* NAVBAR */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
  position: relative;
  z-index: 9;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.navbar.hide {
  transform: translateY(-100px);
  transition-delay: 0;
}
.navbar.light {
  color: #fff;
  transition-delay: 0;
}
.navbar.light a {
  color: #fff;
}
.navbar.light .logo a img.logo-dark {
  display: none;
}
.navbar.light .logo a img.logo-light {
  display: inline-block;
}
.navbar.light .main-menu ul li a {
  color: #fff;
}
.navbar.light .main-menu ul li a:after {
  background: #fff;
}
.navbar.light .main-menu ul li a:hover:before {
  background: #fff;
}
.navbar .logo {
  margin-left: 0;
}
.navbar .logo a {
  margin: 0;
}
.navbar .logo a img {
  height: 42px;
}
.navbar .logo a img.logo-light {
  display: none;
}
.navbar .phone {
  margin-left: 50px;
}
.navbar ul.languages {
  margin: 0 auto;
  padding: 0;
}
.navbar ul.languages li {
  display: inline-block;
  margin: 0 18px;
  padding: 0;
}
.navbar ul.languages li a {
  display: block;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  padding: 0 2px;
}
.navbar ul.languages li a:hover {
  text-decoration: none;
}
.navbar ul.languages li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 9px;
  height: 1px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.navbar ul.languages li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 9px;
  height: 1px;
  width: 0;
  background: #282828;
  transition: width .25s ease;
}
.navbar ul.languages li a:hover:before {
  width: 100%;
  background: #282828;
  transition: width .25s ease;
}
.navbar ul.languages li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.navbar .main-menu {
  margin-left: auto;
}
.navbar .main-menu ul {
  margin: 0;
  padding: 0;
}
.navbar .main-menu ul li {
  display: inline-block;
  margin: 0 18px;
  padding: 0;
}
.navbar .main-menu ul li a {
  display: block;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  padding: 0 2px;
}
.navbar .main-menu ul li a:hover {
  text-decoration: none;
}
.navbar .main-menu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 9px;
  height: 1px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.navbar .main-menu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 9px;
  height: 1px;
  width: 0;
  background: #282828;
  transition: width .25s ease;
}
.navbar .main-menu ul li a:hover:before {
  width: 100%;
  background: #282828;
  transition: width .25s ease;
}
.navbar .main-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.navbar .hamburger-menu {
  margin-right: 0;
  margin-left: 30px;
}

/* LEFT SIDE */
.left-side {
  width: 150px;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.2s;
}
.left-side .logo {
  width: 100%;
  display: block;
  height: 42px;
  text-align: center;
  margin-top: 35px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  opacity: 0;
  transform: translateY(-30px);
}
.left-side .logo img {
  height: 42px;
}
.left-side .logo.sticky {
  opacity: 1;
  transform: translateY(0);
}
.left-side ul {
  width: 100vh;
  line-height: 1;
  display: block;
  margin: 0;
  margin-top: 50vh;
  margin-left: -9px;
  padding: 0;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
}
.left-side ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
.left-side ul li a {
  display: block;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  padding: 0 2px;
}
.left-side ul li a:hover {
  text-decoration: none;
}
.left-side ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 6px;
  height: 1px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.left-side ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 6px;
  height: 1px;
  width: 0;
  background: #282828;
  transition: width .25s ease;
}
.left-side ul li a:hover:before {
  width: 100%;
  background: #282828;
  transition: width .25s ease;
}
.left-side ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.left-side .gotop {
  width: 50px;
  padding: 14px;
  position: absolute;
  left: 50px;
  bottom: 35px;
  display: none;
}
.left-side .gotop img {
  display: block;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 80vh;
  display: flex;
  flex-wrap: wrap;
  background: #282828;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1.1s;
  transform: translateY(100%);
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.slider .swiper-container .swiper-slide {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: 0.3;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.slider .swiper-container .swiper-slide-active {
  opacity: 1;
  z-index: 2;
}
.slider .swiper-container .swiper-slide-active .slide-inner {
  opacity: 1;
}
.slider .swiper-container .slide-inner {
  width: 100%;
  padding: 0 140px;
  padding-right: 40%;
  opacity: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .swiper-container .slide-inner figure {
  display: block;
  margin-bottom: 10px;
}
.slider .swiper-container .slide-inner figure img {
  max-width: 120px;
}
.slider .swiper-container .slide-inner h2 {
  font-size: 52px;
  font-weight: 600;
  color: #fff;
  margin-left: -3px;
}
.slider .swiper-container .slide-inner .link {
  display: block;
  margin-top: 50px;
}
.slider .swiper-container .slide-inner .link a {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  font-size: 13px;
  position: relative;
}
.slider .swiper-container .slide-inner .link a:before {
  content: "";
  width: 100%;
  height: 6px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.3;
}
.slider .swiper-container .slide-inner .link a:after {
  content: "";
  width: 0;
  height: 6px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.slider .swiper-container .slide-inner .link a:hover {
  text-decoration: none;
}
.slider .swiper-container .slide-inner .link a:hover:after {
  width: 100%;
}

.header-image {
  width: 100%;
  height: 80vh;
  display: flex;
  flex-wrap: wrap;
  background-size: cover;
}

/* SWIPER BUTTONS */
.swiper-button-prev {
  width: 80px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: auto;
  left: 0;
  top: 0;
  z-index: 2;
  background: none;
  text-align: right;
}
.swiper-button-prev:hover span {
  width: 100%;
}
.swiper-button-prev span {
  width: 50%;
  height: 1px;
  margin-left: auto;
  background: #fff;
  display: inline-block;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.swiper-button-prev b {
  font-weight: 600;
  display: block;
  font-size: 12px;
  color: #fff;
  margin-top: 5px;
}

.swiper-button-next {
  width: 80px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  z-index: 2;
  background: none;
  text-align: left;
}
.swiper-button-next:hover span {
  width: 100%;
}
.swiper-button-next span {
  width: 50%;
  height: 1px;
  margin-right: auto;
  background: #fff;
  display: inline-block;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.swiper-button-next b {
  font-weight: 600;
  display: block;
  font-size: 12px;
  color: #fff;
  margin-top: 5px;
}

/* SWIPER PAGINATION */
.swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 0;
}
.swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  height: 40px;
  width: 40px;
  background: none;
  text-align: center;
  transform: scaleX(-1) scale(0.7);
  margin: 0;
}
.swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.swiper-pagination .swiper-pagination-bullet-active {
  color: #fff;
  background: none;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -7px;
}
.swiper-pagination .swiper-pagination-bullet svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle {
  animation-play-state: running;
  stroke-width: 3px;
  animation: countdown 6s linear forwards;
}
.swiper-pagination .swiper-pagination-bullet svg circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 0;
  stroke: #fff;
  fill: none;
  animation: none;
  animation-play-state: paused;
  animation-fill-mode: none;
}

/* VIDEO WRAPPER */
.video-wrapper {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transform: translateY(100%);
  opacity: 0;
  transition-delay: 1.1s;
}
.video-wrapper video {
  width: 100%;
  display: flex;
}

/* TEXT CONTENT */
.text-content {
  width: 100%;
  display: block;
}
.text-content h2 {
  font-size: 4vw;
  font-weight: 800;
  margin-bottom: 50px;
}
.text-content strong {
  font-weight: 600;
  margin-bottom: 30px;
}
.text-content p {
  line-height: 2;
  margin: 0;
}

/* ICON SERVICES */
.vc_col-sm-3:nth-child(2) .icon-services {
  animation-delay: 0.2s;
}

.vc_col-sm-3:nth-child(3) .icon-services {
  animation-delay: 0.4s;
}

.vc_col-sm-3:nth-child(4) .icon-services {
  animation-delay: 0.6s;
}

.icon-services {
  width: 100%;
  display: block;
  text-align: center;
}
.icon-services figure {
  display: inline-block;
  margin-bottom: 0;
}
.icon-services figure img {
  height: 60px;
  display: inline-block;
}
.icon-services article {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  color: #fff;
  position: relative;
  padding: 0 30px;
}
.icon-services article span {
  display: block;
  font-weight: 700;
  font-size: 40px;
  opacity: 0.1;
}
.icon-services article h4 {
  display: block;
  margin-top: -25px;
  font-weight: 600;
  font-size: 18px;
}

/* WORKS */
.works {
  margin-bottom: 0;
  margin-left: -30px;
  margin-right: -30px;
  padding: 0;
}
.works li {
  width: 50%;
  margin: 40px 0;
  padding: 0 30px;
  list-style: none;
}
.works h2 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.works p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 40px;
  font-weight: 300;
  padding-right: 15%;
}

/* PROJECT BOX */
.project-box {
  width: 100%;
  display: block;
}
.project-box .project-image {
  width: 100%;
  display: block;
}
.project-box .project-image a {
  display: block;
}
.project-box .project-image img {
  width: 100%;
}
.project-box .project-content {
  width: 100%;
  display: block;
}
.project-box .project-content h3 {
  font-size: 27px;
  display: block;
}
.project-box .project-content h3 a {
  display: block;
}
.project-box .project-content h3 a:hover {
  text-decoration: none;
}
.project-box .project-content small {
  display: block;
}

/* WORKS CONTENT */
.works-content {
  width: 100%;
  display: block;
}
.works-content h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.works-content h3 {
  font-size: 50px;
  font-weight: 800;
  margin-top: 50px;
}
.works-content p {
  display: block;
  margin-bottom: 50px;
}

/* SERVICE BOX */
.vc_col-sm-3:nth-child(2n+2) .service-box {
  margin-top: 134px;
}

.service-box {
  width: 100%;
  display: block;
  position: relative;
  margin: 15px 0;
  padding: 100px 0;
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #fff;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.service-box * {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.service-box:hover {
  background: #fff;
}
.service-box:hover img {
  margin: 0;
  filter: invert(100%);
}
.service-box:hover figcaption {
  color: #282828;
}
.service-box img {
  opacity: 0.1;
  padding: 0 35%;
  filter: blur(10px);
}
.service-box figcaption {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  text-align: center;
}
.service-box figcaption span {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.service-box figcaption h4 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
}

/* RECENT NEWS */
.recent-news {
  width: calc(100% + 30px);
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}
.recent-news .news-grid {
  width: 33.33333%;
  display: inline-block;
  padding: 0 15px;
  margin: 0;
  list-style: none;
}
.recent-news .news-grid:nth-child(1) {
  width: 100%;
}
.recent-news .news-grid:nth-child(1) .news-box {
  padding-bottom: 80px;
}
.recent-news .news-grid:nth-child(1) .news-box h3 {
  font-size: 4vw;
  font-weight: 600;
}

.recent-news .news-grid:nth-child(2) {
  animation-delay: 0.2s;
}

.recent-news .news-grid:nth-child(3) {
  animation-delay: 0.4s;
}

.recent-news .news-grid:nth-child(4) {
  animation-delay: 0.6s;
}

.news-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 80px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(40, 40, 40, 0.1);
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  position: relative;
}
.news-box:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.news-box:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -1px;
  height: 1px;
  width: 0;
  background: #282828;
  transition: width .25s ease;
}
.news-box:hover:before {
  width: 100%;
  background: #282828;
  transition: width .25s ease;
}
.news-box:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.news-box.selected h3 {
  font-size: 4vw;
  font-weight: 600;
}
.news-box small {
  opacity: 0.5;
  margin-bottom: 10px;
}
.news-box h3 {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 25px;
}
.news-box h3 a {
  display: block;
}
.news-box h3 a:hover {
  text-decoration: none;
}
.news-box span {
  display: block;
  font-weight: 600;
}

.arecent-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.arecent-news .row {
  margin-left: -25px;
  margin-right: -25px;
}
.arecent-news .col-lg-4 {
  padding-left: 25px;
  padding-right: 25px;
}
.arecent-news .col-12 {
  padding-left: 25px;
  padding-right: 25px;
}
.arecent-news .inner h3 {
  font-size: 20px;
}

/* OUR AWARDS */
.vc_col-sm-1\/5:last-child .awards:after {
  display: none;
}

.vc_col-sm-1\/5:nth-child(2) .awards {
  animation-delay: 0.2s;
}

.vc_col-sm-1\/5:nth-child(3) .awards {
  animation-delay: 0.4s;
}

.vc_col-sm-1\/5:nth-child(4) .awards {
  animation-delay: 0.6s;
}

.vc_col-sm-1\/5:nth-child(5) .awards {
  animation-delay: 0.8s;
}

.awards {
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
}
.awards:after {
  content: "";
  width: 1px;
  height: 100px;
  position: absolute;
  right: -15px;
  top: 0;
  background: rgba(40, 40, 40, 0.1);
}
.awards figure {
  width: 100%;
  margin-bottom: 40px;
  padding: 0 30%;
}
.awards h5 {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 15px;
}
.awards small {
  display: block;
  opacity: 0.6;
  margin-bottom: 5px;
}
.awards .odometer {
  font-size: 60px;
  font-weight: 800;
}

/* DEMO VIDEO */
.demo-video {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.demo-video h2 {
  width: 100%;
  height: 200px;
  line-height: 200px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -100px;
  text-align: center;
  color: #fff;
  font-size: 4vw;
  font-weight: 800;
}
.demo-video video {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  float: left;
}

/* TEAM */
.team {
  width: 100%;
  display: block;
  margin: 0;
  color: #fff;
}
.team img {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.team figcaption {
  display: block;
  margin: 0;
}
.team figcaption span {
  display: block;
  font-size: 14px;
  opacity: 0.5;
  margin-bottom: 10px;
}
.team figcaption h5 {
  display: block;
  font-weight: 600;
  margin-bottom: 0;
}
.team figcaption ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.team figcaption ul li {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  padding: 0;
}
.team figcaption ul li a {
  color: #fff;
  font-size: 12px;
}

/* CLIENTS */
.clients {
  width: 100%;
  display: block;
  margin: 0;
  margin-left: -1px;
  margin-top: -1px;
  padding: 30px 40px;
  position: relative;
  border: 1px solid rgba(40, 40, 40, 0.1);
}
.clients:hover img {
  opacity: 1;
}
.clients img {
  width: 100%;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  opacity: 0.6;
}

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

/* BLOG */
.single .post-image {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.single .post-image img {
  width: 100%;
}

.post-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.post-header .post-image {
  width: 100%;
  margin: 0;
}
.post-header .post-image img {
  width: 100%;
}

.post-body {
  width: 100%;
  margin-bottom: 50px;
}
.post-body .avatar {
  width: 100%;
  margin-bottom: 20px;
  font-size: 13px;
}
.post-body .avatar img {
  height: 60px;
  margin-right: 20px;
  border-radius: 50%;
}
.post-body .avatar a {
  text-decoration: underline;
}
.post-body .post-title {
  display: block;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 3vw;
}
.post-body .post-date {
  display: block;
  margin-bottom: 30px;
  opacity: 0.5;
}
.post-body .post-intro {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.7;
}
.post-body .image-left {
  width: 50%;
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
  margin-top: 5px;
}
.post-body .image-left img {
  width: 100%;
}
.post-body .image-right {
  width: 50%;
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
  margin-top: 5px;
}
.post-body .image-right img {
  width: 100%;
}
.post-body .image-full {
  width: 100%;
  display: inline-block;
  margin: 30px 0;
}
.post-body .image-full img {
  width: 100%;
}
.post-body h5 {
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.post-body ul {
  padding-left: 20px;
  margin-bottom: 30px;
}
.post-body ul li {
  margin-bottom: 5px;
}
.post-body blockquote {
  display: inline-block;
  padding: 40px;
  margin-top: 20px;
  margin-bottom: 40px;
  background: #282828;
  position: relative;
  color: #fff;
  background: url(../images/quote-bg.svg) left top no-repeat #282828;
  background-size: contain;
}
.post-body blockquote p {
  display: block;
}
.post-body blockquote h5 {
  font-weight: 600;
  margin: 0;
}

/* 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 {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.blog-post .post-image img {
  width: 100%;
}
.blog-post .post-content {
  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-weight: 700;
  font-size: 3vw;
  margin-bottom: 30px;
  line-height: 1.3;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.blog-post .post-content .post-title a {
  color: #282828;
}
.blog-post .post-content .post-title a:hover {
  text-decoration: none;
}
.blog-post .post-content .post-author {
  width: 100%;
  display: block;
  /*margin-bottom: 40px;*/
  font-size: 13px;
}
.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 span {
  color: #727479;
  font-weight: 300;
}
.blog-post .post-content .post-author span strong {
  font-weight: 300;
}
.blog-post .post-content .post-author span a {
  color: #282828;
  color: #727479;
  text-decoration: underline;
}
.blog-post .post-content .post-author span 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: #282828;
  font-size: 11px;
  padding-bottom: 3px;
  border-bottom: 2px solid #282828;
}
.blog-post .post-content .post-categories li a:hover {
  text-decoration: none;
}
.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: #282828;
  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: #282828;
  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 #282828;
}
.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 {
  width: 100%;
  display: block;
}
.blog-post .post-content .post-link a {
  display: inline-block;
  font-weight: 700;
  padding-bottom: 8px;
  position: relative;
}
.blog-post .post-content .post-link a:hover {
  text-decoration: none;
}
.blog-post .post-content .post-link a:hover:after {
  width: 0;
}
.blog-post .post-content .post-link a:before {
  content: "";
  width: 100%;
  height: 3px;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: 0;
}
.blog-post .post-content .post-link a:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #282828;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

/* HIRE US */
.hire-us {
  width: 100%;
  display: block;
  color: #fff;
}
.hire-us h6 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
}
.hire-us h2 {
  font-size: 6vw;
  font-weight: 800;
  margin-bottom: 50px;
}
.hire-us p {
  display: block;
  margin: 0;
  font-size: 19px;
}
.hire-us a {
  color: #fff;
  text-decoration: underline;
}
.hire-us small {
  display: block;
  margin: 15px 0;
}

.map {
  width: 100%;
  height: 500px;
  display: block;
}
.map iframe {
  width: 100%;
  height: 500px;
}

.content-section.no-spacing .vc_row-no-padding {
  width: 100% !important;
  position: static !important;
  margin: 0 !important;
}

/* CONTACT */
.contact-box {
  width: 100%;
  display: block;
  margin-bottom: 50px;
}
.contact-box h5 {
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
}
.contact-box address {
  display: block;
  margin: 0;
}
.contact-box address p {
  margin: 0;
}
.contact-box address a {
  text-decoration: underline;
}

/* CONTACT FORM 7*/
.wpcf7 {
  width: 100%;
  display: block;
}
.wpcf7 h5 {
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
}
.wpcf7 label {
  width: 100%;
}
.wpcf7 input[type="text"] {
  width: 100%;
  margin-top: 10px;
}
.wpcf7 input[type="email"] {
  width: 100%;
  margin-top: 10px;
}
.wpcf7 textarea {
  width: 100%;
  margin-top: 10px;
}
.wpcf7 .wpcf7-response-output {
  width: 100%;
  float: left;
  padding: 20px 30px;
  margin: 0;
}
.wpcf7 .wpcf7-validation-errors {
  background: red;
  color: #fff;
  border: none;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.footer .career {
  display: block;
  border-bottom: 1px solid rgba(40, 40, 40, 0.1);
  padding-bottom: 100px;
  margin-bottom: 100px;
}
.footer .career h6 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
}
.footer .career h2 {
  font-size: 3vw;
  font-weight: 800;
  margin-bottom: 50px;
}
.footer .logo {
  display: block;
  margin: 0;
}
.footer .logo img {
  width: auto;
  height: 42px;
}
.footer h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}
.footer .sub-footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
  font-size: 13px;
}
.footer .sub-footer ul {
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
}
.footer .sub-footer ul li {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}
.footer .sub-footer ul li a {
  display: block;
  position: relative;
  padding: 0 2px;
}
.footer .sub-footer ul li a:hover {
  text-decoration: none;
}
.footer .sub-footer ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 8px;
  height: 1px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.footer .sub-footer ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 8px;
  height: 1px;
  width: 0;
  background: #282828;
  transition: width .25s ease;
}
.footer .sub-footer ul li a:hover:before {
  width: 100%;
  background: #282828;
  transition: width .25s ease;
}
.footer .sub-footer ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.footer .sub-footer span {
  margin-right: 0;
}

/* ANIMATIONS */
@keyframes countdown {
  from {
    stroke-dashoffset: 113px;
  }
  to {
    stroke-dashoffset: 0;
  }
}
/* MEDIUM FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  body {
    padding: 0;
  }

  .left-side {
    display: none;
  }

  .navbar {
    padding: 30px;
  }

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

  .page-header p {
    padding: 0;
  }

  .works {
    margin: 0;
  }

  .footer .career h2 {
    font-size: 4vw;
  }
}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .page-header h1 {
    font-size: 10vw;
  }

  .slider .swiper-container .slide-inner {
    padding: 0 30px;
  }

  .preloader .inner .percentage {
    font-size: 50vh;
  }

  .navigation-menu .inner .side-menu {
    display: block;
  }

  .navbar .main-menu {
    display: none;
  }

  .navbar .phone {
    margin-right: auto;
  }

  .navigation-menu .inner .sides {
    display: none;
  }

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

  .swiper-button-prev {
    display: none;
  }

  .swiper-button-next {
    display: none;
  }

  .header .page-title h4 {
    padding-right: 0;
  }

  .titles {
    padding-right: 0;
  }

  .works li {
    width: 50%;
    padding: 0 15px;
  }

  .project-box .project-content h3 {
    font-size: 20px;
  }

  .our-awards ul li {
    width: 33%;
    float: none;
    display: inline-block;
    margin: 0 6%;
  }

  .our-awards ul li figure {
    border-right: none;
  }

  .our-awards ul li .odometer {
    margin-bottom: 40px;
  }

  .awards:after {
    display: none;
  }

  .awards {
    margin: 30px 0;
  }

  .recent-news .news-grid {
    width: 100%;
  }

  .section-title {
    padding-right: 20%;
  }

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

  .team {
    margin-bottom: 40px;
  }

  .logos ul li {
    width: 33.33333%;
  }

  .logos ul li:nth-child(n+10) {
    display: none;
  }

  .clients {
    width: 33.33333%;
  }

  .our-awards .titles {
    padding: 0 5%;
  }

  .post-sticky .post-content {
    padding-right: 0;
  }

  .post-sticky .post-content .post-intro {
    display: none;
  }

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

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

  .footer {
    padding-bottom: 75px;
  }

  .footer .logo {
    margin-bottom: 40px;
  }

  .footer .career h2 {
    font-size: 6vw;
  }

  input[type="text"], input[type="search"], input[type="email"] {
    border-radius: 0 !important;
    -webkit-appearance: none;
  }

  textarea {
    border-radius: 0 !important;
    -webkit-appearance: none;
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .preloader .inner .percentage {
    font-size: 30vh;
  }

  .swiper-pagination {
    display: none;
  }

  .navbar {
    padding: 30px 15px;
  }

  .navbar .phone {
    display: none;
  }

  .slider .swiper-container .slide-inner {
    padding: 0 30px;
  }

  .slider .swiper-container .slide-inner h2 {
    font-size: 35px;
  }

  .recent-news .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .recent-news .col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .recent-news .col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header .page-title h2 {
    font-size: 14vw;
  }

  .works li {
    width: 100%;
  }

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

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

  .our-awards .titles {
    padding: 0;
  }

  .project-box .project-content h3 {
    font-size: 28px;
  }

  .logos ul li {
    width: 50%;
  }

  .logos ul li:nth-child(9) {
    display: none;
  }

  .post-sticky .post-content {
    padding: 20px 30px;
  }

  .post-sticky .post-content .post-link {
    display: none;
  }

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

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

  .post-navigation a:nth-child(1) {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #eee;
  }

  .post-navigation a:nth-child(2) {
    width: 100%;
  }

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

  .text-content h2 {
    font-size: 6vw;
  }

  .logos ul li figure {
    height: 65px;
  }

  .logos ul li figure img {
    height: 65px;
  }

  .about-intro h2 {
    font-size: 8vw;
  }

  .main-services .titles {
    padding: 0;
  }

  .icon-services article {
    padding: 0 10px;
  }

  .icon-services article h4 {
    font-size: 14px;
  }

  .section-title {
    padding: 0;
  }

  .section-title.center {
    padding: 0;
  }

  .awards figure {
    padding: 0;
  }

  .awards figure img {
    height: 80px;
  }

  .clients {
    padding: 20px 10px;
  }

  .text-content p {
    margin-bottom: 20px;
  }

  .footer .career h2 {
    font-size: 9vw;
  }

  .footer .sub-footer ul {
    margin-bottom: 15px;
  }
}
/* 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;
}

.error-404.not-found input[type="submit"] {
  display: inline-block;
}

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

.blog-post .post-content .wp-block-quote {
  border: none;
  color: #fff;
  background: #282828;
  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%;
}

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

.navbar .menu-horizontal li ul {
  display: none;
  flex-wrap: wrap;
  position: absolute;
  left: -20px;
  top: calc(100% + 20px);
  background: #0e0e0e;
  margin: 0;
  padding: 10px 0;
  border: none;
  border-radius: 0;
  white-space: nowrap;
}

.navbar .menu-horizontal li ul:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: -20px;
}

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

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

.navbar .menu-horizontal li ul li ul {
  background: #252525;
  left: 100%;
  top: 10px;
  margin-top: -20px;
}

.navbar .menu-horizontal li ul li ul li ul {
  background: #313131;
  left: -100%;
}

.navbar .menu-horizontal li ul li ul li ul li ul {
  background: #444444;
  left: 100%;
}

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

.navbar .menu-horizontal li a {
  display: inline-block !important;
}

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

.navbar .menu-horizontal li ul li {
  padding: 20px;
}

.navbar .menu-horizontal li ul li a {
  color: #fff;
  display: inline-block;
  width: auto;
}

.navbar .menu-horizontal li ul li a:before {
  display: none;
}

.navbar .menu-horizontal li ul li a:after {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar .menu-horizontal li a:hover {
  text-decoration: none;
  background: none;
}

/* 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: #282828;
  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: url(../images/quote-bg.svg) left top no-repeat #282828 !important;
  background-size: contain !important;
  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 #282828;
}

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

.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 .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 .wp-block-group__inner-container > h2 {
  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 .wp-block-search__label {
  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 .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 form button[type=submit] {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--color-dark);
  overflow: hidden;
  margin: 0;
}

.sidebar .widget_search .wp-block-search__inside-wrapper {
  flex-wrap: wrap;
}

.sidebar .widget .wp-block-group__inner-container > ul {
  width: 100%;
  margin: 0;
  padding-left: 20px;
}

.sidebar .widget .wp-block-group__inner-container > ol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.sidebar .widget .wp-block-group__inner-container > ol li {
  margin-bottom: 15px;
}

.sidebar .widget .wp-block-group__inner-container > ul li {
  margin-bottom: 15px;
  list-style: initial;
}

.sidebar .widget .wp-block-group__inner-container > ol li:last-child {
  margin-bottom: 0;
}

.sidebar .widget .wp-block-group__inner-container > ul li:last-child {
  margin-bottom: 0;
}

.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: #282828;
  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;
  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 */
body.woocommerce {
  display: block !important;
}

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

.woocommerce .blog-post.single-post .post-content .post-title {
  display: none;
}

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

.woocommerce .woocommerce-form-coupon-toggle {
  width: 100%;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
  width: 100%;
  margin: 0;
  padding: 20px 30px;
  border: none;
  background: var(--color-dark) !important;
  color: #fff;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info:before {
  display: none;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

.woocommerce .woocommerce-form-coupon {
  width: 100%;
  background: var(--color-dark);
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  color: #fff;
  padding: 20px 30px !important;
}

.woocommerce .woocommerce-form-coupon input[type="text"] {
  border: none;
}

.woocommerce .woocommerce-NoticeGroup {
  width: 100%;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
  width: 100%;
  display: block;
  line-height: 40px;
  margin-bottom: 50px;
  padding: 20px 30px;
  padding-left: 60px;
  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: yellow;
}

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

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

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

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

.woocommerce ul.products {
  width: calc(100% + 30px);
  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: var(--color-main);
}

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

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

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

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  border-radius: 0;
  background: var(--color-main);
  color: #fff;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  color: #fff !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  border: 0;
  background: var(--color-main);
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
  color: #fff !important;
}

.woocommerce-privacy-policy-text a {
  text-decoration: underline;
}

/* WOOCOMMERCE COLUMNS*/
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  flex: none;
  max-width: inherit;
  padding: 0;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  flex: none;
  max-width: inherit;
  padding: 0;
}

/* WOOCOMMERCE LOGIN FORMS */
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  padding: 0 !important;
  border: none !important;
}

.woocommerce form .form-row label {
  width: 100%;
  display: block;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
  top: 50%;
  transform: translateY(-50%);
}

.woocommerce form .password-input, .woocommerce-page form .password-input {
  width: 100%;
}

/* WOOCOMMERCE ALERTS */
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  width: 100%;
  border: none !important;
  padding: 20px 30px;
  background: var(--color-main);
  color: #fff;
  font-weight: 600;
}

.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
  display: none;
}

.woocommerce-info {
  background: blue !important;
}

.woocommerce-error {
  background: red !important;
}

.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
  display: none;
}

.woocommerce-error li, .woocommerce-info li, .woocommerce-message li:first-child {
  display: block;
}

/* WOOCOMMERCE CART PAGE*/
.woocommerce .woocommerce-cart-form {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-cart-form table.shop_table {
  border: 0;
}

.woocommerce .woocommerce-cart-form .coupon input[type="text"] {
  width: 50% !important;
}

.woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button {
  background: var(--color-main) !important;
  height: 70px;
  line-height: 70px;
  padding: 0 !important;
}

.woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover {
  background: var(--color-main) !important;
}

.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
  display: flex;
}

/* CHECKOUT */
.woocommerce .woocommerce-checkout {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 50px;
}

.woocommerce .woocommerce-checkout .col2-set {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .woocommerce-checkout .col2-set .col-1 {
  width: 60%;
  max-width: 100%;
  flex: none;
  padding: 0;
  padding-right: 30px;
}

.woocommerce .woocommerce-checkout .col2-set .col-2 {
  width: 40%;
  max-width: 100%;
  flex: none;
  padding: 0;
}

.woocommerce .woocommerce-checkout .woocommerce-input-wrapper {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-checkout label {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-checkout input[type="text"] {
  width: 100%;
  max-width: 100%;
}

.woocommerce .woocommerce-checkout textarea {
  width: 100%;
  max-width: 100%;
  height: 360px !important;
}

.woocommerce .woocommerce-checkout select {
  width: 100%;
  height: 70px;
}

.woocommerce .woocommerce-checkout #customer_details {
  margin-bottom: 50px;
}

.woocommerce .woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {
  padding: 30px !important;
}

.select2-container--open .select2-dropdown {
  top: 3px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 50px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--color-main);
}

input[type=tel] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: var(--color-main);
}

.woocommerce .select2-container .select2-selection--single {
  height: 70px;
}

.woocommerce .select2-container--default .select2-selection--single {
  border: 1px solid #cecece;
  border-radius: 0;
  color: #757575;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 70px;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 22px;
  right: 10px;
}

.woocommerce .woocommerce-checkout table.shop_table {
  border-collapse: collapse;
  border-radius: 0;
  margin-bottom: 50px;
}

.woocommerce .woocommerce-checkout-review-order-table {
  margin-bottom: 50px;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-payment {
  border-radius: 0 !important;
  background: none !important;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .payment_methods {
  padding: 0 !important;
  padding-bottom: 50px !important;
  margin-bottom: 50px;
}

.woocommerce .woocommerce-checkout .place-order {
  padding: 0 !important;
  padding-top: 50px !important;
}

.woocommerce table.shop_table {
  border-collapse: collapse !important;
  border-radius: 0 !important;
}

/* WOOCOMMERCE ORDER */
.woocommerce .woocommerce-order {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-order .woocommerce-thankyou-order-received {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}

.woocommerce .woocommerce-order ul.order_details {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 100px !important;
  padding: 0;
  text-align: center;
}

.woocommerce .woocommerce-order ul.order_details li {
  display: inline-block;
  float: none;
}

.woocommerce .woocommerce-order .woocommerce-customer-details address {
  border-radius: 0;
  padding: 20px 30px;
  line-height: 30px;
}

.woocommerce .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone {
  margin-top: 10px;
  font-weight: 600;
}

.woocommerce .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email {
  margin-top: 10px;
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li label {
  width: auto;
  display: inline-block;
}

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

.woocommerce .single-product {
  width: 100%;
}

.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: var(--color-main);
}

.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: #212223;
  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 {
  width: 70px;
  padding: 0 10px;
}

.woocommerce div.product form.cart .button {
  border-radius: 0;
  background: #212223;
  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;
}

/* TABLET */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .woocommerce ul.products.columns-4 li.product {
    width: 50%;
  }

  .woocommerce .woocommerce-checkout .col2-set .col-1 {
    width: 100%;
  }

  .woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100%;
  }
}
/* MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .woocommerce ul.products.columns-4 li.product {
    width: 100%;
  }

  .woocommerce div.product div.summary {
    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;
  }
}