@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. HTML TAGS
		04. FORM ELEMENTS
		05. LINKS
		06. CUSTOM CLASSES
		07. SPACINGS
		08. CUSTOM CONTAINER
		09. ODOMETER
		10. SWIPER BULLETS
		11. HAMBURGER
		12. ACCORDION
		13. SEARCH BOX
		14. SIDE WIDGET
		15. CUSTOM BUTTON
		16. WHITE SPACES
		17. PAGE TRANSITION
		18. NAVBAR
		19. SLIDER
		20. PAGE HEADER
		21. CONTENT SECTION
		22. SECTION TITLE
		23. ICON CONTENT
		24. SIDE IMAGE
		25. COUNTER BOX
		26. CONTACT FORM
		27. GOOGLE MAPS
		28. ISOTOPE FILTER
		29. PROJECTS
		30. PROJECT TEXT
		31. PROJECT SLIDER
		32. SECTOR BOX
		33. CALCULATOR
		34. STEP BOX
		35. INFO BOX DARK
		36. CTA YELLOW BOX
		37.SERVICE LIST BOX
		38.CUSTOM LIST
		39.CERTIFICATE
		40.OUR HISTORY
		41.CORE VALUES BOX
		42.DIRECTOR TEAM
		43.SALES TEAM
		44.TAB CONTENT
		45.VIDEO BOX
		46.TESTIMONIALS SLIDER
		47.LOGO ITEMS
		48.RECENT NEWS
		49.NEWS BOX
		50.SIDEBAR
		51.PAGINATION
		52.FOOTER
		53. RESPONSIVE MEDIUM FIXES
		54. RESPONSIVE TABLET FIXES
		55. RESPONSIVE MOBILE FIXES



*/
:root {
  --color-main: #a1c9e5;
  --color-dark: #0b0b0b;
}

/* CUSTOM FONTS */
@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/MuseoSans-300.eot");
  src: url("../fonts/MuseoSans-300.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans-300.woff2") format("woff2"), url("../fonts/MuseoSans-300.woff") format("woff"), url("../fonts/MuseoSans-300.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/MuseoSans-700.eot");
  src: url("../fonts/MuseoSans-700.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans-700.woff2") format("woff2"), url("../fonts/MuseoSans-700.woff") format("woff"), url("../fonts/MuseoSans-700.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/MuseoSans-900.eot");
  src: url("../fonts/MuseoSans-900.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans-900.woff2") format("woff2"), url("../fonts/MuseoSans-900.woff") format("woff"), url("../fonts/MuseoSans-900.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Museo Sans";
  font-size: 17px;
  color: #2d365e;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

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

figure {
  margin-bottom: 20px;
}

/* FORM ELEMENTS */
input[type=text], input[type=email], input[type=search], input[type=password] {
  width: 420px;
  max-width: 100%;
  height: 68px;
  border: 2px solid #e8e8e8;
  padding: 0 30px;
}

input[type=submit], input[type=button], button[type=button], button[type=submit] {
  height: 68px;
  border: none;
  background: #d88327;
  color: var(--color-dark);
  font-weight: 800;
  font-size: 13px;
  padding: 0 50px;
  letter-spacing: 1px;
}

textarea {
  width: 420px;
  max-width: 100%;
  height: 128px;
  border: 2px solid #e8e8e8;
  padding: 30px;
}

select {
  width: 300px;
  max-width: 100%;
  height: 58px;
  border: 1px solid #e5e5e5;
  padding: 0 20px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) 24px, calc(100% - 15px) 24px, calc(100% - 2.5em) 15px;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

select:focus {
  background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 24px, calc(100% - 20px) 24px, calc(100% - 2.5em) 15px;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* LINKS */
a {
  color: var(--color-dark);
}

a:hover {
  text-decoration: underline;
  color: var(--color-dark);
}

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

.wpb_text_column {
  margin-bottom: 0 !important;
}

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

.logged-in.admin-bar .navbar {
  transform: translateY(32px);
}

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

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

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
/* ODOMETER */
.odometer-formatting-mark {
  display: none;
}

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

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

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

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

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

/* SWIPER BULLETS */
.swiper-pagination {
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 50px;
  height: 4px;
  border-radius: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #f0c698;
}

/* HAMBURGER */
.hamburger {
  width: 32px;
  height: 38px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding-top: 3px;
}
.hamburger span {
  display: block;
  background: #203447;
}
.hamburger #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}
.hamburger #hamburger span {
  width: 100%;
  height: 2px;
  position: relative;
  top: 0;
  left: 0;
  margin: 6px 0;
  transition: width ease 0.25s;
}
.hamburger #hamburger span:nth-child(1) {
  transition-delay: 0.5s;
  width: 100%;
}
.hamburger #hamburger span:nth-child(2) {
  transition-delay: 0.625s;
  width: 70%;
}
.hamburger #hamburger span:nth-child(3) {
  transition-delay: 0.75s;
  width: 100%;
  left: 0;
}
.hamburger #cross {
  position: absolute;
  height: 34px;
  width: 34px;
  transform: rotate(45deg);
  left: -2px;
  top: 2px;
}
.hamburger #cross span:nth-child(1) {
  height: 0%;
  width: 2px;
  position: absolute;
  top: 0;
  right: 16px;
  transition-delay: 0s;
  transition: height ease 0.25s;
}
.hamburger #cross span:nth-child(2) {
  width: 0%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 16px;
  transition-delay: 0.25s;
  transition: width ease 0.25s;
}

.hamburger.open #hamburger span {
  width: 0%;
}
.hamburger.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
.hamburger.open #hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}
.hamburger.open #hamburger span:nth-child(3) {
  transition-delay: 0.25s;
}
.hamburger.open #cross span:nth-child(1) {
  height: 100%;
  transition-delay: 0.625s;
}
.hamburger.open #cross span:nth-child(2) {
  width: 100%;
  transition-delay: 0.375s;
}

/* ACCORDION */
.accordion {
  width: 100%;
  float: left;
  background: #fff;
  padding: 0;
  padding-right: 50px;
}
.accordion .card {
  background: none;
  border-radius: 0;
  border: none;
}
.accordion .card .card-header {
  background: none;
  padding: 0;
  border: none;
}
.accordion .card .card-header a {
  width: 100%;
  float: left;
  font-weight: 600;
  padding: 30px 0;
  color: var(--color-dark);
  font-weight: 600;
  border-bottom: 4px solid #eaebee;
  font-size: 19px;
}
.accordion .card .card-header a i {
  float: right;
}
.accordion .card .card-header a:hover {
  border-color: var(--color-main);
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  line-height: 26px;
  padding: 20px 0;
}
.accordion .card [aria-expanded=true] {
  border-color: var(--color-main) !important;
}

/* SEARCH BOX */
.search-box {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  background: var(--color-dark);
  -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);
  opacity: 0;
  visibility: hidden;
  color: #fff;
}
.search-box .inner {
  width: 50vw;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
.search-box .inner form {
  width: 100%;
  display: block;
}
.search-box .inner form input[type=search] {
  width: 100%;
  height: 70px;
  border: none;
  border-bottom: 4px solid #232222;
  background: none;
  font-size: 20px;
  margin-bottom: 30px;
  color: #fff;
}
.search-box .inner form input[type=submit] {
  height: 70px;
  background: var(--color-main);
  border: none;
  font-weight: 600;
  padding: 0 60px;
}
.search-box.active {
  opacity: 1;
  visibility: visible;
}

/* SIDE WIDGET */
.side-widget {
  width: 400px;
  height: 100vh;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  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);
  background: #d0924e;
  /* background-image: url("../images/header-pattern.png"); */
  background-position: center;
  background-size: cover;
  z-index: 5;
  box-shadow: 0 0 60px #000;
  padding: 20px 30px;
  color: #fff;
}
.side-widget .inner {
  display: inline-block;
  overflow: auto;
}
.side-widget .logo {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
.side-widget .logo img {
  height: 40px;
}
.side-widget .show-mobile {
  display: none;
}
.side-widget .hide-mobile {
  display: block;
  overflow-x: hidden;
}
.side-widget .gallery {
  display: block;
  margin-left: -3px;
  margin-right: -3px;
}
.side-widget .gallery img {
  width: 50%;
  height: auto;
  padding: 0 3px;
}
.side-widget p {
  width: 100%;
  display: block;
}
.side-widget .widget-title {
  width: 100%;
  display: block;
  font-weight: 600;
  color: #1a1b1e;
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.side-widget .address {
  width: 100%;
  display: block;
  margin-top: 20px;
}
.side-widget .social-media {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .social-media li {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}
.side-widget .social-media li a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.side-widget .custom-menu {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.side-widget .custom-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .custom-menu ul li {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.side-widget .custom-menu ul li a {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.side-widget .site-menu {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.side-widget .site-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .site-menu ul li {
  display: block;
  margin: 3px 0;
  padding: 0;
  list-style: none;
}
.side-widget .site-menu ul li ul {
  display: none;
  padding-left: 10px;
  margin-bottom: 10px;
}
.side-widget .site-menu ul li i {
  display: inline-block;
  margin-left: 7px;
}
.side-widget .site-menu ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 2px 0;
}
.side-widget .site-menu ul li a:hover {
  background: none;
  color: var(--color-main);
}
.side-widget small {
  font-size: 11px;
  width: 100%;
  display: block;
  margin-top: 20px;
}
.side-widget.active {
  left: 0;
}

/* CUSTOM BUTTON */
.custom-button {
  display: inline-block;
  height: 68px;
  line-height: 68px;
  padding: 0 40px;
  background: var(--color-main);
  color: var(--color-dark);
  font-size: 13px;
  font-weight: 600;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.custom-button i {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  transform: translateY(3px);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.custom-button:hover {
  text-decoration: none;
}
.custom-button:hover i {
  margin-left: 20px;
}
.custom-button.top-spacing {
  margin-top: 30px;
}

/* WHITE SPACES */
.white-space-top {
  position: relative;
}
.white-space-top:before {
  content: "";
  width: 100vw;
  height: 148px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.white-space-bottom {
  position: relative;
}
.white-space-bottom:after {
  content: "";
  width: 100%;
  height: 148px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* PAGE TRANSITION */
.first-transition {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9;
  right: 0;
  top: 0;
  background: var(--color-main);
  animation: first-transition 1s;
  animation-fill-mode: forwards;
}

@keyframes first-transition {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}
.page-transition {
  width: 0;
  height: 100%;
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  background: var(--color-main);
  transition: all ease 1s;
}
.page-transition.active {
  width: 100%;
}

/* NAVBAR */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
  transition: all ease 0.5s;
}
.navbar.sticky {
  background: #a1c9e5;
}
.navbar.nav-down {
  top: 0;
}
.navbar.nav-up {
  top: -100%;
}
.navbar .logo {
  margin-left: 0;
}
.navbar .logo a {
  display: block;
  margin: 0;
}
.navbar .logo a img {
  height: 40px;
}
.navbar .custom-menu {
  display: inline-block;
  margin: 0 auto;
}
.navbar .custom-menu ul {
  display: block;
  margin: 0;
  padding: 0;
}
.navbar .custom-menu ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  list-style: none;
}
.navbar .custom-menu ul li a {
  display: inline-block;
  color: #fff;
  position: relative;
}
.navbar .custom-menu ul li a:hover {
  text-decoration: none;
}
.navbar .custom-menu ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
}
.navbar .custom-menu ul li a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: var(--color-main);
  transition: width 0.25s ease;
}
.navbar .custom-menu ul li a:hover:before {
  width: 100%;
  background: var(--color-main);
  transition: width 0.25s ease;
}
.navbar .custom-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.navbar .site-menu {
  display: inline-block;
  margin: 0 auto;
}
.navbar .site-menu ul {
  display: block;
  margin: 0;
  padding: 0;
}
.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
  position: relative;
}
.navbar .site-menu ul li ul {
  display: none;
  position: absolute;
  left: -20px;
  top: calc(100% + 20px);
  background: var(--color-main);
  padding: 10px 0;
}
.navbar .site-menu ul li ul:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: -20px;
}
.navbar .site-menu ul li ul li {
  width: 100%;
  display: block;
  position: relative;
  padding: 0 20px;
  margin: 5px 0;
  white-space: nowrap;
}
.navbar .site-menu ul li ul li ul {
  display: none;
  background: #3c3a3a;
  left: 100%;
  top: -20px;
}
.navbar .site-menu ul li ul li ul li a {
  color: #fff;
}
.navbar .site-menu ul li ul li ul li ul {
  background: #232222;
}
.navbar .site-menu ul li ul li ul li ul li a {
  color: #fff;
}
.navbar .site-menu ul li ul li a {
  color: var(--color-dark);
  display: block;
  padding: 0;
}
.navbar .site-menu ul li ul li a:before {
  display: none;
}
.navbar .site-menu ul li ul li a:after {
  display: none;
}
.navbar .site-menu ul li ul li a:hover {
  background: none;
  text-decoration: underline;
}
.navbar .site-menu ul li:hover ul {
  display: block;
}
.navbar .site-menu ul li:hover ul li ul {
  display: none;
}
.navbar .site-menu ul li:hover ul li:hover ul {
  display: block;
}
.navbar .site-menu ul li:hover ul li:hover ul li ul {
  display: none;
}
.navbar .site-menu ul li:hover ul li:hover ul li:hover ul {
  display: block;
}
.navbar .site-menu ul li a {
  display: inline-block;
  color: #203447;
  padding: 0;
  position: relative;
}
.navbar .site-menu ul li a:hover {
  text-decoration: none;
}
.navbar .site-menu ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
}
.navbar .site-menu ul li a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: var(--color-main);
  transition: width 0.25s ease;
}
.navbar .site-menu ul li a:hover:before {
  width: 100%;
  background: var(--color-main);
  transition: width 0.25s ease;
}
.navbar .site-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.navbar .search {
  display: inline-block;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  margin-left: auto;
}
.navbar .hamburger {
  display: inline-block;
  color: #fff;
  margin-left: 30px;
}
.navbar .navbar-button {
  height: 58px;
  line-height: 58px;
  padding: 0 40px;
  margin-left: 30px;
  color: var(--color-dark);
  background: var(--color-main);
  font-size: 13px;
  font-weight: 600;
}
.navbar .navbar-button i {
  font-size: 20px;
  display: inline-block;
  transform: translateY(3px);
  margin-right: 5px;
}
.navbar .navbar-button:hover {
  text-decoration: none;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  background-color: #a1c9e5;
  /* background-image: url("../images/header-pattern.png"); */
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.slider .container {
  position: relative;
  padding-top: 150px;
  display: flex;
  flex-wrap: wrap;
}
.slider .slider-content {
  width: calc(50% - 120px);
  position: relative;
  overflow: hidden;
  margin: 0;
  margin-right: 40px;
}
.slider .slider-content .swiper-slide {
  display: flex;
  align-items: center;
}
.slider .slider-content .inner {
  width: 100%;
  display: block;
  color: #2d365e;
  padding-bottom: 100px;
}
.slider .slider-content .inner h2 {
  font-size: 60px;
  font-weight: 800;
}
.slider .slider-content .inner h2 b {
  -webkit-text-stroke: 1px #203447;
  text-stroke: 1px #203447;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.slider .slider-content .inner p {
  margin-bottom: 70px;
}
.slider .slider-content .inner a {
  display: inline-block;
  height: 68px;
  line-height: 68px;
  padding: 0 40px;
  background: var(--color-main);
  color: var(--color-dark);
  font-size: 13px;
  font-weight: 600;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.slider .slider-content .inner a i {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  transform: translateY(3px);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.slider .slider-content .inner a:hover {
  text-decoration: none;
  box-shadow: 0 20px 20px #000;
}
.slider .slider-content .inner a:hover i {
  margin-left: 20px;
}
.slider .slider-content .controls {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 30px;
}
.slider .slider-content .controls .swiper-pagination {
  width: auto;
  display: inline-block;
  position: static;
  font-size: 26px;
  color: #9a9a9a;
}
.slider .slider-content .controls .swiper-pagination .swiper-pagination-current {
  font-size: 54px;
  color: var(--color-dark);
}
.slider .slider-content .controls .button-prev {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  background: #d88327;
  border-radius: 50%;
  color: #ffffff;
  -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;
  margin-left: auto;
}
.slider .slider-content .controls .button-prev:hover {
  background: #b06616;
}
.slider .slider-content .controls .button-next {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  background: #d88327;
  border-radius: 50%;
  color: #ffffff;
  -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;
  margin-left: 2px;
  margin-right: 0;
}
.slider .slider-content .controls .button-next:hover {
  background: #b06616;
}
.slider .slider-main {
  width: calc(50vw + 80px);
  height: calc(100vh - 150px);
  overflow: hidden;
  margin: 0;
  position: absolute;
  left: calc(50% - 80px);
  top: 150px;
}
.slider .slider-main .slide-image {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-position: center !important;
  background-size: cover !important;
}
.slider .slider-main .header-box {
  width: 160px;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--color-main);
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 1;
}
.slider .slider-main .header-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.slider .slider-main .header-box b {
  font-size: 90px;
  height: 90px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  transform: translateY(8px);
}
.slider .slider-main .header-box small {
  display: inline-block;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 2px;
  transform: translateY(-8px);
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--color-dark);
  /* background-image: url("../images/header-pattern.png"); */
  background-size: cover;
  position: relative;
}
.page-header .container {
  position: relative;
  color: #2d365e;
  padding-top: 58px;
}
.page-header .container h6 {
  width: 100%;
  display: block;
  opacity: 0.7;
  margin-bottom: 50px;
}
.page-header .container h1 {
  width: 100%;
  display: block;
  font-size: 7vw;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}
.page-header .container ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.page-header .container ul li {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-main);
}
.page-header .container ul li:last-child:after {
  display: none;
}
.page-header .container ul li:after {
  content: "/";
  display: inline-block;
  margin-left: 15px;
  color: #fff;
}
.page-header .container ul li a {
  color: #fff;
}

/* CONTENT SECTION */
.content-section {
  display: block;
  padding: 80px 0;
  position: relative;
}

.section-note {
  width: 100%;
  display: block;
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 50px;
}
.section-title h6 {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-weight: 800;
  letter-spacing: 3px;
  font-size: 18px;
}
.section-title h6:before {
  content: "";
  width: 100%;
  height: 6px;
  background: #f0c698;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  mix-blend-mode: difference;
}
.section-title h2 {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 47px;
}
.section-title p {
  width: 100%;
  display: block;
  margin-bottom: 0;
  margin-top: 20px;
}

/* ICON CONTENT */
.icon-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #e8e8e8;
  padding: 45px 30px;
  /* box-shadow: 7px 7px 0 #f9f9f9; */
  position: relative;
}
.icon-content:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-main);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  z-index: -1;
  box-shadow: 0 30px 30px #eee;
}
.icon-content:hover {
  border-color: var(--color-main);
}
.icon-content:hover:after {
  content: "";
  width: 30%;
  height: 70px;
  background: url("../images/pattern-dot.png");
  background-size: 12px 12px;
  position: absolute;
  right: -25px;
  bottom: -25px;
}
.icon-content:hover:before {
  transform: scale(1.05);
  opacity: 1;
}
.icon-content figure {
  width: 100%;
  display: block;
  margin-bottom: 50px;
}
.icon-content figure img {
  height: 70px;
}
.icon-content h3 {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
.icon-content small {
  width: 100%;
  display: block;
  margin-bottom: 70px;
  font-size: 16px;
}
.icon-content a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  background: #d88327;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.icon-content a:hover {
  text-decoration: none;
}

/* SIDE IMAGE */
.side-image {
  width: 100%;
  display: block;
  margin: 0;
}
.side-image img {
  width: 100%;
}

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: block;
  margin: 0;
  padding-left: 70px;
  padding-right: 15%;
}
.side-content figure {
  width: 100%;
  display: block;
  margin: 0;
}
.side-content figure img {
  height: 80px;
}
.side-content h6 {
  width: 100%;
  display: block;
  margin-top: 30px;
  font-weight: 600;
  margin-bottom: 2px;
}
.side-content h5 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 22px;
}
.side-content b {
  font-weight: 600;
}
.side-content u {
  text-decoration: none;
  position: relative;
}
.side-content u:before {
  content: "";
  width: 100%;
  height: 6px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
}
.side-content p {
  margin-bottom: 25px;
}
.side-content small {
  width: 100%;
  display: block;
  font-size: 13px;
  opacity: 0.6;
}

/* COUNTER BOX */
.vc_col-sm-6:nth-child(even) .counter-box {
  margin-top: 50%;
}

.counter-box {
  width: 100%;
  display: block;
  border: 1px solid #e8e8e8;
  padding: 30px;
  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;
}
.counter-box:hover {
  transform: translateY(-20px);
  box-shadow: 0 30px 30px #eee;
}
.counter-box:hover h6:before {
  width: 0;
}
.counter-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #e8e8e8 transparent;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.counter-box .odometer {
  display: inline-block;
  font-size: 70px;
}
.counter-box .value {
  font-size: 24px;
}
.counter-box h6 {
  display: inline-block;
  font-weight: 800;
  letter-spacing: 2px;
  position: relative;
}
.counter-box h6:before {
  content: "";
  width: 100%;
  height: 6px;
  background: #f0c698;
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  -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;
}
.counter-box p {
  font-size: 13px;
  padding-right: 5%;
}

/* CONTACT BOX */
.contact-box {
  width: 100%;
  display: block;
  border: 1px solid #e8e8e8;
  padding: 30px;
  margin: 15px 0;
  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;
}
.contact-box:hover {
  transform: translateY(-20px);
  box-shadow: 0 30px 30px #eee;
}
.contact-box:hover h6:before {
  width: 0;
}
.contact-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #e8e8e8 transparent;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.contact-box figure {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.contact-box figure img {
  height: 80px;
}
.contact-box h6 {
  display: inline-block;
  font-weight: 800;
  letter-spacing: 2px;
  position: relative;
}
.contact-box h6:before {
  content: "";
  width: 100%;
  height: 6px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  -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;
}
.contact-box p {
  font-size: 20px;
  padding-right: 5%;
}

/* CF7 CLASSES */
.wpcf7 form .wpcf7-response-output {
  width: 100%;
  margin: 0 !important;
  padding: 20px !important;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  color: #fff !important;
}

.wpcf7-not-valid-tip {
  width: 100%;
  display: block;
  font-size: 13px;
  margin-top: 10px;
  font-weight: 600;
}

.wpcf7 form.invalid .wpcf7-response-output {
  background: #ffb900;
}

.wpcf7 form.failed .wpcf7-response-output {
  background: #dc3232;
}

.wpcf7 form .wpcf7-response-output {
  background: #00a0d2;
}

.wpcf7 form.sent .wpcf7-response-output {
  background: #46b450;
}

/* GOOGLE MAPS */
.google-maps {
  width: 100%;
  display: block;
  border: none;
}
.google-maps iframe {
  width: 100%;
  float: left;
}

.contact-form {
  width: 100%;
  display: block;
  padding: 50px;
  background: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: -80%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.contact-form input[type=text] {
  width: 100%;
}
.contact-form textarea {
  width: 100%;
}
.contact-form .form-group:last-child {
  margin-bottom: 0;
}

/* ISOTOPE FILTER */
.isotope-filter {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  padding: 0;
}
.isotope-filter li {
  display: inline-block;
  margin-right: 30px;
  padding: 0;
  list-style: none;
  cursor: pointer;
  position: relative;
  font-weight: 600;
}
.isotope-filter li:last-child {
  margin-right: 0;
}
.isotope-filter li.current:before {
  width: 100%;
}
.isotope-filter li:hover:before {
  width: 100%;
}
.isotope-filter li:before {
  content: "";
  width: 0;
  height: 4px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* PROJECTS */
.projects {
  width: calc(100% + 60px);
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
  padding: 0;
}
.projects li {
  width: 50%;
  display: inline-block;
  margin-bottom: 50px;
  padding: 0 30px;
  list-style: none;
}
.projects li .project-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding-bottom: 50px;
  position: relative;
}
.projects li .project-box:hover img {
  filter: grayscale(0);
}
.projects li .project-box:hover figcaption {
  background: var(--color-main);
  color: var(--color-dark);
}
.projects li .project-box img {
  width: 100%;
  display: block;
  filter: grayscale(1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.projects li .project-box figcaption {
  width: 70%;
  position: absolute;
  left: 30px;
  bottom: 15px;
  padding: 30px;
  background: var(--color-dark);
  color: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.projects li .project-box figcaption:after {
  content: "";
  width: 20%;
  height: 55px;
  background: url("../images/pattern-dot.png");
  background-size: 12px 12px;
  position: absolute;
  right: -25px;
  bottom: -25px;
}
.projects li .project-box figcaption h5 {
  display: block;
  font-size: 30px;
  font-weight: 800;
  margin: 0;
}
.projects li .project-box figcaption p {
  width: 100%;
  display: block;
  margin: 0;
  display: none;
}

/* PROJECT TEXT */
.project-specifications {
  width: calc(100% - 40px);
  display: block;
  background: #fff;
  box-shadow: 0 0 30px #eee;
  padding: 50px;
  margin-left: 40px;
}
.project-specifications table {
  width: 100%;
  font-size: 15px;
}
.project-specifications table tr td:first-child {
  font-weight: 600;
  width: 120px;
  padding: 15px;
}

/* PROJECT SLIDER */
.project-slider {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.project-slider .swiper-slide {
  max-width: 50vw;
}
.project-slider .swiper-slide.swiper-slide-active .project-box figcaption {
  opacity: 1;
}
.project-slider .swiper-slide .project-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding-bottom: 50px;
  position: relative;
}
.project-slider .swiper-slide .project-box:hover img {
  filter: grayscale(0);
}
.project-slider .swiper-slide .project-box img {
  width: 100%;
  display: block;
  filter: grayscale(1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.project-slider .swiper-slide .project-box figcaption {
  width: 70%;
  position: absolute;
  left: 30px;
  bottom: 15px;
  padding: 30px;
  background: var(--color-main);
  color: #ffffff;
  -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;
}
.project-slider .swiper-slide .project-box figcaption:after {
  content: "";
  width: 20%;
  height: 55px;
  background: url("../images/pattern-dot.png");
  background-size: 12px 12px;
  position: absolute;
  right: -25px;
  bottom: -25px;
}
.project-slider .swiper-slide .project-box figcaption h5 {
  display: block;
  font-size: 30px;
  font-weight: 800;
}
.project-slider .swiper-slide .project-box figcaption p {
  width: 100%;
  display: block;
  margin: 0;
}
.project-slider .swiper-pagination {
  width: 100%;
  float: left;
  position: static;
  margin-top: 20px;
}

.sector-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
  box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
  position: relative;
  color: var(--color-dark);
  -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;
}
.sector-box:hover {
  box-shadow: none;
  z-index: 1;
  text-decoration: none;
  background: var(--color-main);
}
.sector-box:hover i {
  opacity: 1;
}
.sector-box span {
  font-weight: 600;
}
.sector-box i {
  margin-left: auto;
  opacity: 0.4;
  transform: translateY(3px);
}

/* CALCULATOR */
.calculator {
  background-color: var(--color-dark);
  background-image: url("../images/header-pattern.png");
  background-position: center;
  background-size: cover;
  margin-top: 80px;
}
.calculator .section-title {
  color: #fff;
}
.calculator .bg-image {
  width: 40%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-size: cover;
}

.calculator-form {
  width: 100%;
  display: block;
  padding: 50px;
  background: #fff;
  color: var(--color-dark);
  position: relative;
}
.calculator-form .form-group {
  position: static;
  margin-bottom: 35px;
}
.calculator-form .form-group:last-child {
  margin-bottom: 0;
}
.calculator-form select {
  width: 300px;
  max-width: 100%;
  height: 58px;
  border: 1px solid #e5e5e5;
  padding: 0 20px;
}
.calculator-form .custom-checkbox {
  height: 58px;
  line-height: 58px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 0 30px;
  margin-right: 5px;
}
.calculator-form input[type=checkbox] {
  display: none;
}
.calculator-form input[type=checkbox]:checked + .custom-checkbox {
  border-color: var(--color-main);
  background: var(--color-main);
  color: var(--color-dark);
}
.calculator-form .info-box {
  width: 65%;
  float: left;
  margin-top: 50px;
}
.calculator-form .info-box i {
  color: #4cd964;
  font-size: 20px;
  transform: translateY(2px);
}
.calculator-form .price-box {
  float: right;
  background: var(--color-main);
  padding: 30px 50px;
  margin-right: -50px;
  margin-bottom: -50px;
}
.calculator-form .price-box small {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
}
.calculator-form .price-box span {
  font-size: 50px;
  font-weight: 800;
  line-height: 1;
}

/* STEP BOX */
.step-box {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.step-box:hover .image img {
  filter: grayscale(0);
}
.step-box:hover:after {
  content: "";
  width: 40%;
  height: 65px;
  background: url("../images/pattern-dot.png");
  background-size: 12px 12px;
  position: absolute;
  right: -25px;
  bottom: -25px;
  z-index: 0;
}
.step-box:hover .content {
  bottom: 0;
}
.step-box:hover .content h6:before {
  width: 0;
}
.step-box * {
  -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;
}
.step-box .image {
  width: 100%;
  display: block;
  padding-right: 30px;
}
.step-box .image img {
  width: 100%;
  filter: grayscale(1);
}
.step-box .content {
  width: 80%;
  position: absolute;
  right: 0;
  bottom: -30px;
  z-index: 1;
  background: #fff;
  padding: 40px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
.step-box .content .icon {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.step-box .content .icon img {
  height: 70px;
}
.step-box .content span {
  position: absolute;
  right: 30px;
  top: 30px;
  font-weight: 800;
  opacity: 0.3;
  font-size: 19px;
}
.step-box .content h6 {
  display: inline-block;
  font-weight: 800;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 20px;
}
.step-box .content h6:before {
  content: "";
  width: 100%;
  height: 6px;
  background: #f0c698;
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  -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;
}
.step-box .content p {
  width: 100%;
  display: block;
  margin: 0;
  opacity: 0.7;
}

/* INFO BOX DARK */
.info-box-dark {
  width: 100%;
  display: block;
  background: var(--color-dark);
  color: #fff;
  padding: 50px;
  position: relative;
}
.info-box-dark:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 15px 0;
  border-color: transparent var(--color-dark) transparent transparent;
  position: absolute;
  right: 10%;
  bottom: -15px;
}
.info-box-dark h6 {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-weight: 800;
  font-size: 20px;
}
.info-box-dark p {
  width: 100%;
  display: block;
  opacity: 0.8;
}
.info-box-dark p:last-child {
  margin-bottom: 0;
}

/* CTA BOX YELLOW */
.cta-box-yellow {
  width: calc(100% - 50px);
  display: block;
  background: var(--color-main);
  color: var(--color-dark);
  padding: 50px;
  position: relative;
  margin-bottom: 148px;
}
.cta-box-yellow h4 {
  width: 100%;
  display: block;
  font-weight: 800;
  margin-bottom: 20px;
  font-size: 44px;
}
.cta-box-yellow p {
  width: 100%;
  margin-bottom: 25px;
}
.cta-box-yellow .button {
  display: inline-block;
  height: 68px;
  line-height: 68px;
  padding: 0 40px;
  background: #d88327;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  -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;
}
.cta-box-yellow .button:hover {
  text-decoration: none;
}

/* SERVICE LIST BOX */
.services-list-box {
  width: 100%;
  display: block;
  background: #fff;
  padding: 50px;
  transform: translateY(100px);
  margin-bottom: 100px;
}
.services-list-box h4 {
  font-size: 50px;
  font-weight: 800;
}
.services-list-box p {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.services-list-box ul {
  width: 100%;
  display: block;
  padding-left: 20px;
  margin-bottom: 30px;
}
.services-list-box ul li {
  margin: 10px 0;
}
.services-list-box .button {
  display: inline-block;
  height: 68px;
  line-height: 68px;
  padding: 0 40px;
  background: #d88327;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  -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;
}
.services-list-box .button:hover {
  text-decoration: none;
  background: var(--color-main);
  color: var(--color-dark);
}

/* CUSTOM LIST */
.custom-list {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.custom-list li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 20px 0;
  list-style: none;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}
.custom-list li:hover:before {
  background: var(--color-main);
  width: 100%;
}
.custom-list li:before {
  content: "";
  width: 30%;
  height: 1px;
  background: #eee;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.custom-list li i {
  font-size: 14px;
  display: inline-block;
  margin-right: 8px;
}

/* CERTIFICATE */
.certificate {
  width: 100%;
  display: block;
  margin: 15px 0;
}
.certificate img {
  border: 1px solid #e8e8e8;
  margin-bottom: 20px;
}
.certificate figcaption {
  font-size: 14px;
}

/* OUR HISTORY */
.our-history {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.our-history .swiper-pagination {
  position: absolute;
  height: 1px;
  left: 0;
  top: 50px;
  background: #eee;
  z-index: 1;
}
.our-history .swiper-pagination-progressbar-fill {
  background: var(--color-main);
}
.our-history .swiper-slide:hover b:after {
  background: var(--color-main);
}
.our-history .swiper-slide {
  z-index: 1;
}
.our-history figure {
  width: 100%;
  padding: 0 15px;
}
.our-history p {
  width: 100%;
  display: block;
  padding: 0 15px;
  font-size: 14px;
}
.our-history b {
  width: 100%;
  height: 50px;
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  position: relative;
}
.our-history b:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #eee;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 6px);
  bottom: -6px;
}
.our-history .controls {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 30px;
}
.our-history .controls .button-prev {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  background: #f2f3f5;
  border-radius: 50%;
  color: var(--color-dark);
  -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;
  margin: 0 2px;
}
.our-history .controls .button-prev:hover {
  background: var(--color-main);
}
.our-history .controls .button-next {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  background: #f2f3f5;
  border-radius: 50%;
  color: var(--color-dark);
  -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;
  margin: 0 2px;
  margin-right: 0;
}
.our-history .controls .button-next:hover {
  background: var(--color-main);
}

/* CORE VALUES BOX */
.core-values-box {
  width: 100%;
  display: block;
  border: 1px solid #e8e8e8;
  padding: 30px;
  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;
  margin: 15px 0;
}
.core-values-box:hover {
  transform: translateY(-20px);
  box-shadow: 0 30px 30px #eee;
}
.core-values-box:hover h6:before {
  width: 0;
}
.core-values-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #e8e8e8 transparent;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.core-values-box figure {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.core-values-box figure img {
  height: 80px;
}
.core-values-box h6 {
  display: inline-block;
  font-weight: 800;
  letter-spacing: 2px;
  position: relative;
}
.core-values-box h6:before {
  content: "";
  width: 100%;
  height: 6px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  -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;
}
.core-values-box p {
  font-size: 20px;
  padding-right: 5%;
}

/* DIRECTOR TEAM */
.director-team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #e8e8e8;
  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;
  margin: 15px 0;
}
.director-team:hover {
  transform: translateY(-20px);
  box-shadow: 0 30px 30px #eee;
}
.director-team:hover h6:before {
  width: 0;
}
.director-team:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #e8e8e8 transparent;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.director-team figure {
  width: 45%;
  display: block;
  margin: 0;
}
.director-team .content {
  width: 55%;
  display: inline-block;
  padding: 0 30px;
}
.director-team h6 {
  display: inline-block;
  font-weight: 800;
  letter-spacing: 2px;
  position: relative;
}
.director-team h6:before {
  content: "";
  width: 100%;
  height: 6px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  -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;
}
.director-team small {
  width: 100%;
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}
.director-team b {
  width: 100%;
  display: block;
  font-weight: 600;
}

/* SALES TEAM */
.sales-team {
  width: 100%;
  display: block;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  position: relative;
}
.sales-team:hover {
  background: var(--color-main);
  transform: translateY(-20px);
  box-shadow: 0 30px 30px #eee;
  z-index: 1;
}
.sales-team:hover:after {
  content: "";
  width: 80px;
  height: 70px;
  background: url("../images/pattern-dot.png");
  background-size: 12px 12px;
  position: absolute;
  left: -30px;
  top: 30px;
}
.sales-team:hover .infos:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent var(--color-dark) transparent;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.sales-team:hover figure img {
  mix-blend-mode: multiply;
}
.sales-team figure {
  width: 100%;
  display: block;
  margin: 0;
}
.sales-team figure img {
  width: 100%;
  filter: grayscale(1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.sales-team .infos {
  width: 100%;
  display: block;
  text-align: center;
  padding: 15px 0;
  position: relative;
}
.sales-team h6 {
  width: 100%;
  display: block;
}
.sales-team small {
  width: 100%;
  display: block;
  opacity: 0.5;
}
.sales-team b {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}
.sales-team ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.sales-team ul li {
  display: inline-block;
  margin: 0 6px;
  padding: 0;
  list-style: none;
}
.sales-team ul li a {
  color: var(--color-dark);
  font-size: 13px;
}

/* IMAGE BOX */
.image-box {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.image-box img {
  width: 100%;
}

/* TAB CONTENT */
.tab-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
}

.tab-left {
  width: 42%;
  display: inline-block;
  background: var(--color-dark);
  color: #fff;
  padding: 50px;
}
.tab-left h2 {
  width: 100%;
  display: block;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 30px;
}
.tab-left ul {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  padding: 0;
}
.tab-left ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 8px 0;
  list-style: none;
}
.tab-left ul li.active a:before {
  width: 100%;
}
.tab-left ul li a {
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  display: inline-block;
  position: relative;
}
.tab-left ul li a:hover {
  text-decoration: none;
  color: var(--color-main);
}
.tab-left ul li a:before {
  content: "";
  width: 0;
  height: 5px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.tab-left p {
  width: 100%;
  display: block;
  margin: 0;
}

.tab-right {
  width: 58%;
  display: inline-block;
}
.tab-right .tab-item {
  display: none;
}
.tab-right .tab-item img {
  width: 100%;
}
.tab-right .tab-item:first-child {
  display: block;
}

/* VIDEO BOX */
.video-box {
  width: 100%;
  display: block;
  margin: 0;
  background: var(--color-dark);
  position: relative;
}
.video-box .play-btn {
  width: 70px;
  height: 70px;
  line-height: 66px;
  display: inline-block;
  position: absolute;
  right: 50px;
  top: 100px;
  z-index: 1;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  font-size: 20px;
  text-indent: 2px;
}
.video-box .play-btn:hover {
  background: var(--color-main);
  border-color: var(--color-main);
  color: var(--color-dark);
}
.video-box video {
  width: 100%;
  display: block;
  margin: 0;
  opacity: 0.5;
  filter: grayscale(1);
}

/* TESTIOMONIALS SLIDER */
.testimonials-slider {
  width: calc(100% - 250px);
  float: right;
  margin-right: 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.testimonials-slider .controls {
  display: inline-block;
  position: static;
  margin-top: 30px;
}
.testimonials-slider .controls .swiper-pagination {
  width: auto;
  display: inline-block;
  position: static;
  font-size: 26px;
  color: #9a9a9a;
}
.testimonials-slider .controls .swiper-pagination .swiper-pagination-current {
  font-size: 54px;
  color: var(--color-dark);
}
.testimonials-slider .controls .button-prev {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  background: var(--color-main);
  border-radius: 50%;
  color: var(--color-dark);
  -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;
  margin-left: auto;
}
.testimonials-slider .controls .button-prev:hover {
  background: var(--color-dark);
  color: #fff;
}
.testimonials-slider .controls .button-next {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  background: var(--color-main);
  border-radius: 50%;
  color: var(--color-dark);
  -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;
  margin-left: 2px;
  margin-right: 0;
}
.testimonials-slider .controls .button-next:hover {
  background: var(--color-dark);
  color: #fff;
}
.testimonials-slider .testimonial {
  width: 100%;
  float: left;
  padding: 30px;
  background: #fff;
  position: relative;
}
.testimonials-slider .testimonial:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  bottom: -20px;
  right: 30px;
}
.testimonials-slider .testimonial p {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  color: #565656;
}
.testimonials-slider .testimonial i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  float: left;
  background: var(--color-main);
  color: var(--color-dark);
  text-align: center;
  font-size: 30px;
  margin-right: 20px;
  margin-top: -8px;
}
.testimonials-slider .testimonial h6 {
  font-weight: 600;
  margin-bottom: 0;
}

/* LOGO ITEMS */
.logo-item {
  width: 100%;
  display: block;
  margin: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: 0 15px;
}
.logo-item h6 {
  margin: 0;
  width: 100%;
}
.logo-item img {
  width: 100%;
}

/* RECENT NEWS */
.recent-news {
  width: calc(100% + 30px);
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
}
.recent-news li {
  width: 30%;
  margin: 0;
  padding: 0 20px;
  list-style: none;
}
.recent-news li:first-child {
  width: 40%;
}

.recent-news-box {
  width: 100%;
  display: 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;
}
.recent-news-box:hover {
  transform: translateY(-20px);
  box-shadow: 0 30px 30px #eee;
}
.recent-news-box:hover:after {
  content: "";
  width: 70%;
  height: 70px;
  background: url("../images/pattern-dot.png");
  background-size: 12px 12px;
  position: absolute;
  right: -25px;
  bottom: -25px;
  z-index: -1;
  opacity: 0.2;
}
.recent-news-box:hover figure img {
  filter: none;
}
.recent-news-box:hover .content h3 a {
  background-size: 100% 100%;
}
.recent-news-box figure {
  width: 100%;
  max-height: 220px;
  display: block;
  margin: 0;
  position: relative;
  overflow: hidden;
  background: var(--color-main);
}
.recent-news-box figure img {
  width: 100%;
  max-width: inherit;
  min-height: 220px;
  filter: grayscale(1);
}
.recent-news-box .content {
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px;
  background: #fff;
  border: 1px solid #e8e8e8;
  margin-top: -1px;
}
.recent-news-box .content small {
  display: inline-block;
  padding: 4px 8px;
  background: var(--color-main);
  margin-bottom: 20px;
  color: var(--color-dark);
}
.recent-news-box .content h3 {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  font-size: 26px;
  line-height: 1.4;
}
.recent-news-box .content h3 a {
  display: inline;
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), var(--color-dark) 1px);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), var(--color-dark) 1px);
  background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), var(--color-dark) 1px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.5s;
}
.recent-news-box .content h3 a:hover {
  text-decoration: none;
}
.recent-news-box .content .author {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 13px;
}
.recent-news-box .content .author img {
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
}
.recent-news-box .content .author b {
  font-weight: 600;
}

/* BLOG POST */
.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog-post:last-child {
  margin-bottom: 0;
}
.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-post.sticky .post-content {
  background: #fff;
  padding: 30px;
}
.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-author {
  margin-bottom: 20px;
}
.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.2;
}
.blog-post.single-post {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.single-post .post-content {
  width: 100%;
}
.blog-post.single-post .post-content .post-author {
  margin-bottom: 20px;
}
.blog-post.single-post .post-content .post-title {
  margin-bottom: 20px;
}
.blog-post .post-image {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.blog-post .post-image img {
  max-width: 100%;
}
.blog-post .post-content {
  width: 100%;
  display: block;
}
.blog-post .post-content .post-inner {
  width: 100%;
}
.blog-post .post-content .post-tags {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  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 {
  border-bottom: 2px solid #feed01;
  padding: 4px 2px;
  font-size: 11px;
  color: var(--color-dark);
}
.blog-post .post-content .post-date {
  display: inline-block;
  padding: 4px 8px;
  background: var(--color-main);
  margin-bottom: 10px;
  color: var(--color-dark);
}
.blog-post .post-content .post-tags li a:hover {
  text-decoration: none;
  border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 3vw;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.2;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.blog-post .post-content .post-title a {
  display: inline;
  color: var(--color-dark);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), var(--color-dark) 1px);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), var(--color-dark) 1px);
  background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 1px), var(--color-dark) 1px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.5s;
}
.blog-post .post-content .post-title a:hover {
  text-decoration: none;
  background-size: 100% 100%;
}
.blog-post .post-content .post-author {
  width: 100%;
  display: flex;
  align-items: center;
}
.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 {
  display: inline-block;
  color: #4E4E4E;
  font-size: 15px;
}
.blog-post .post-content .post-author b {
  font-weight: 600;
}
.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: var(--color-dark);
  font-size: 11px;
  padding-bottom: 3px;
  border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .post-categories li a:hover {
  text-decoration: none;
  border-color: var(--color-main);
}
.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: var(--color-dark);
  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: var(--color-main);
  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.4;
  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 var(--color-dark);
}
.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 .link-more {
  font-weight: 600;
}
.blog-post .post-content .link-more:hover {
  color: #490eea;
  text-decoration: none;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
}
.pagination .page-item .page-link:focus {
  outline: none !important;
}

/* DEFAULT WP PAGINATION */
.page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
  border: 1px solid #dee2e6;
}
.page-numbers.current {
  background: #e9ecef;
}
.page-numbers:hover {
  background: #e9ecef;
  text-decoration: none;
}

/* FOOTER BAR */
.footer-bar {
  width: 100%;
  display: block;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
  color: #fff;
  background-color: #232222;
  background-image: url("../images/header-pattern.png");
  background-position: center;
  background-size: cover;
}
.footer-bar .logo {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.footer-bar .logo img {
  height: 50px;
}
.footer-bar h2 {
  font-size: 60px;
  font-weight: 800;
  padding-right: 20%;
  margin-bottom: 50px;
}
.footer-bar h2 b {
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.footer-bar .button {
  display: inline-block;
  float: left;
  height: 68px;
  line-height: 68px;
  padding: 0 40px;
  background: var(--color-main);
  color: var(--color-dark);
  font-size: 13px;
  font-weight: 600;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.footer-bar .button i {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  transform: translateY(3px);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.footer-bar .button:hover {
  text-decoration: none;
}
.footer-bar .button:hover i {
  margin-left: 20px;
}
.footer-bar .sales-representive {
  display: inline-block;
  margin-left: 5vw;
  line-height: 68px;
}
.footer-bar .sales-representive figure {
  float: left;
  margin-right: 10px;
}
.footer-bar .sales-representive figure img {
  height: 60px;
  border-radius: 50%;
}
.footer-bar .sales-representive b {
  display: inline-block;
  font-weight: 600;
  position: relative;
}
.footer-bar .sales-representive b:before {
  content: "";
  width: 100%;
  height: 4px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: 20px;
}

/* FOOTER */
.footer {
  width: 100%;
  display: block;
  background-color: var(--color-dark);
  position: relative;
  color: #fff;
}
.footer .scroll-top {
  width: 100px;
  background: var(--color-main);
  position: absolute;
  right: 30px;
  top: -30px;
  z-index: 1;
  color: var(--color-dark);
  text-align: center;
  padding: 15px 0;
}
.footer .scroll-top small {
  width: 100%;
  display: block;
}
.footer .col-lg-4 {
  margin-top: 80px;
}
.footer .mc4wp-response {
  display: block;
  margin-top: 20px;
  color: var(--color-main);
}
.footer .mc4wp-response a {
  color: var(--color-main);
  font-weight: 600;
}
.footer .custom-link {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  border-bottom: 3px solid var(--color-main);
}
.footer .custom-link:hover {
  text-decoration: none;
  border-color: #fff;
}
.footer .custom-link address {
  width: 100%;
  display: block;
  margin: 0;
}
.footer .custom-link address p {
  width: 100%;
  display: block;
}
.footer form {
  width: 100%;
  display: block;
}
.footer form input[type=email] {
  width: 100%;
  height: 68px;
  border: none;
  background: #232222;
  padding: 30px;
  color: #fff;
  margin-bottom: 15px;
}
.footer form input[type=submit] {
  height: 60px;
  background: var(--color-main);
  border: none;
  padding: 0 40px;
  font-size: 13px;
  font-weight: 600;
}
.footer .footer-bottom {
  width: 100%;
  display: block;
  border-top: 1px dotted rgba(255, 255, 255, 0.2);
  padding: 40px 0;
}
.footer .footer-bottom span {
  opacity: 0.7;
  font-size: 13px;
}
.footer .footer-bottom span:last-child {
  float: right;
}
.footer .footer-bottom span:last-child a {
  color: #fff;
  text-decoration: underline;
}

/* SALES SPECIALIST FORM */
#sales-specialist-form {
  width: 500px;
  max-width: 100%;
  display: none;
  padding: 40px;
}
#sales-specialist-form .form-group span {
  display: inline-block;
  margin-left: 12px;
  background: #fff;
  padding: 0 6px;
  transform: translateY(14px);
  color: #8b8b8b;
  font-size: 15px;
}
#sales-specialist-form .form-group:last-child {
  margin: 0;
}

.fancybox-close-small {
  transform: scale(1.5);
  top: 10px;
  right: 10px;
}

/* YES NO SWITCHER*/
.yes-no {
  width: 100%;
  display: block;
  position: relative;
  background: var(--color-dark);
  border: 4px solid var(--color-dark);
}
.yes-no .switch {
  width: 100%;
  height: 50px;
  text-align: center;
  -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;
}
.yes-no .switch span {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--color-main);
  font-weight: 600;
  -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;
}
.yes-no label {
  cursor: pointer;
  line-height: 50px;
  -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;
}
.yes-no label[for=yes] {
  position: absolute;
  z-index: 1;
  left: 0px;
  width: 50%;
  height: 100%;
  margin: 0;
  color: #fff;
}
.yes-no label[for=no] {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0px;
  z-index: 1;
  color: #fff;
  margin: 0;
}
.yes-no input[type=radio] {
  display: none;
}
.yes-no #no:checked ~ .switch {
  background: var(--color-main);
}
.yes-no #no:checked ~ .switch span {
  background: var(--color-dark);
}
.yes-no #no:checked ~ .switch span:after {
  background: none;
}
.yes-no #yes:checked ~ .switch label[for=yes] {
  color: var(--color-dark);
  font-weight: 600;
}
.yes-no #no:checked ~ .switch label[for=no] {
  color: var(--color-dark);
}

/* RANGE SLIDER */
.range-slider {
  width: 100%;
  display: block;
}

.range-slider__range {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 0;
  background: #f2f2f2;
  outline: none;
  padding: 0;
  margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-main);
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: var(--color-main);
  cursor: pointer;
  -moz-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}

.range-slider__range:active::-moz-range-thumb {
  background: var(--color-main);
}

.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--color-main);
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px;
  color: var(--color-dark);
  line-height: 20px;
  text-align: center;
  background: var(--color-main);
  padding: 5px 10px;
}

::-moz-range-track {
  background: var(--color-main);
  border: 0;
}

input::-moz-focus-inner, input::-moz-focus-outer {
  border: 0;
}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .navbar .navbar-button {
    padding: 0 15px;
    margin-left: 20px;
  }

  .navbar .navbar-button i {
    margin: 0;
  }

  .navbar .navbar-button span {
    display: none;
  }

  .slider .slider-content .inner h2 {
    font-size: 50px;
  }

  .counter-box .odometer {
    font-size: 55px;
  }

  .project-slider .swiper-slide {
    max-width: 70vw;
  }

  .calculator .form .info-box {
    width: 60%;
  }

  .logo-item {
    padding: 0 15px;
  }

  .footer-bar h2 {
    padding: 0;
  }
}
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .recent-news li:first-child {
    width: 100%;
  }

  .recent-news li {
    width: 50%;
    margin: 20px 0;
  }

  .tab-content .tab-left {
    width: 100%;
  }

  .tab-content .tab-right {
    width: 100%;
  }

  .side-widget {
    box-shadow: none;
  }

  .side-widget .show-mobile {
    display: block;
  }

  .side-widget .hide-mobile {
    display: none;
  }

  .contact-box {
    margin: 15px 0;
  }

  .contact-box p {
    font-size: 18px;
  }

  .contact-form {
    margin-bottom: -10%;
  }

  .counter-box .value {
    margin-right: 20px;
  }

  .step-box {
    margin: 15px 0;
  }

  .step-box .image {
    padding-right: 0;
  }

  .step-box .content {
    bottom: 30px;
    right: 30px;
  }

  .accordion {
    padding-right: 0;
  }

  .cta-box-yellow {
    width: 100%;
  }

  .custom-list {
    margin-top: 30px;
  }

  .certificate {
    margin: 15px 0;
  }

  .projects li {
    width: 100%;
  }

  .project-specifications {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }

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

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

  .navbar .navbar-button span {
    display: inline-block;
    margin-left: 6px;
  }

  .slider {
    height: auto;
  }

  .slider.white-space-bottom:after {
    display: none;
  }

  .slider .container {
    padding-top: 120px;
  }

  .slider .slider-main {
    width: 100%;
    height: 540px;
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }

  .slider .slider-content {
    width: 100%;
    margin-right: 0;
    padding-bottom: 130px;
  }

  .slider .slider-content .controls .swiper-pagination .swiper-pagination-current {
    color: #fff;
  }

  .slider .slider-content .controls {
    width: 100%;
    padding: 0;
    bottom: 30px;
  }

  .slider .slider-content .inner {
    padding-bottom: 0;
  }

  .slider .slider-content .swiper-slide {
    align-items: flex-start;
  }

  .icon-content {
    margin: 15px 0;
  }

  .side-content {
    padding-left: 0;
    margin-top: 30px;
  }

  .col-lg-3:nth-child(even) .counter-box {
    margin-top: 0;
  }

  .counter-box {
    margin: 15px 0;
  }

  .project-slider .swiper-slide {
    max-width: inherit;
  }

  .calculator .form .info-box {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
  }

  .calculator .form .price-box {
    width: calc(100% + 100px);
  }

  .row.no-gutters .col {
    width: 33%;
    flex-basis: 33%;
    flex-grow: inherit;
    margin: 0 auto;
  }

  .sales-team {
    margin: 15px 0;
  }

  .logo-item {
    margin: 15px 0;
  }

  .sidebar {
    padding-left: 0 !important;
  }

  .footer-bar .sales-representive {
    margin-left: 0;
    margin-top: 30px;
  }

  .footer address {
    margin-bottom: 50px;
  }
}
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  main {
    overflow-x: scroll;
  }

  .side-widget {
    width: 80vw;
  }

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

  .search-box .inner {
    width: 90vw;
  }

  .navbar .search {
    margin-left: auto;
  }

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

  .navbar .navbar-button {
    margin-left: 0;
    display: none;
  }

  .slider .container {
    padding-top: 100px;
  }

  .slider .slider-content {
    margin-bottom: 0;
  }

  .slider .slider-content .controls {
    padding: 0;
    width: 100%;
  }

  .slider .slider-content .controls .button-prev {
    margin: 0;
    order: 1;
  }

  .slider .slider-content .controls .swiper-pagination {
    margin: 0 auto;
    order: 2;
  }

  .slider .slider-content .controls .button-next {
    margin: 0;
    order: 3;
  }

  .slider .slider-content .inner {
    padding-bottom: 30px;
  }

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

  .slider .slider-content .inner p {
    margin-bottom: 30px;
  }

  .slider .slider-main {
    height: 400px;
    margin-bottom: 15px;
  }

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

  .section-title h2 {
    font-size: 36px;
  }

  .project-slider {
    margin-top: 30px;
  }

  .calculator-form {
    padding: 30px;
  }

  .calculator-form .info-box {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .calculator-form .price-box {
    width: calc(100% + 60px);
    margin-right: -30px;
    margin-left: -30px;
    margin-bottom: -30px;
  }

  .calculator-form .custom-checkbox {
    width: 100%;
  }

  .icon-content {
    width: 100%;
    margin: 15px 0;
  }

  .icon-content small {
    margin-bottom: 30px;
  }

  .side-content {
    padding: 0 15px;
  }

  .vc_col-sm-6:nth-child(even) .counter-box {
    margin-top: 0;
  }

  .project-slider .swiper-slide .project-box figcaption {
    width: 100%;
    position: static;
  }

  .project-slider .swiper-slide .project-box figcaption h5 {
    font-size: 22px;
  }

  .project-slider .swiper-slide .project-box figcaption:after {
    bottom: 0;
  }

  .calculator .bg-image {
    display: none;
  }

  .row.no-gutters .col {
    width: 80%;
    flex-basis: 80%;
    margin: 15px 10%;
  }

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

  .testimonials-slider .controls {
    display: none;
  }

  .contact-form {
    padding: 30px;
  }

  .news-box .content h3 {
    font-size: 26px;
  }

  .sidebar .widget {
    padding: 30px;
  }

  .isotope-filter li {
    font-size: 15px;
    margin-right: 20px;
  }

  .projects li .project-box figcaption {
    width: calc(100% - 60px);
    left: 30px;
    padding: 20px;
  }

  .projects li .project-box figcaption h5 {
    font-size: 25px;
  }

  .project-specifications {
    padding: 30px;
  }

  .info-box-dark {
    padding: 30px;
  }

  .cta-box-yellow {
    padding: 30px;
  }

  .cta-box-yellow h4 {
    font-size: 34px;
  }

  .calculator .form {
    padding: 30px;
  }

  .blog-post {
    margin-bottom: 50px;
  }

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

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

  .footer-bar .sales-representive {
    line-height: inherit;
  }

  .footer-bar .sales-representive b {
    color: var(--color-main);
  }

  .footer-bar .sales-representive b:before {
    display: none;
  }

  .footer-bar .sales-representive figure {
    width: 100%;
  }

  .footer .scroll-top {
    right: auto;
    left: 15px;
  }

  .footer address {
    margin-bottom: 10px;
  }

  .footer .footer-bottom ul {
    float: left;
  }

  .footer .footer-bottom ul li {
    margin-left: 0;
    margin-right: 10px;
  }

  .footer .footer-bottom span:last-child {
    float: left;
  }

  .content-section .vc_custom_1593002326565 {
    margin-bottom: -100px;
  }

  .content-section .vc_col-md-4:first-child .step-box {
    margin-top: 40px;
  }

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

  .footer .col-lg-4:first-child {
    margin-top: 80px;
  }

  .footer .col-lg-4 {
    margin-top: 10px;
  }

  .logged-in.admin-bar .navbar {
    transform: translateY(46px);
  }

  .logged-in.admin-bar .navbar.sticky {
    transform: translateY(0);
  }

  .pagination li {
    display: none;
  }

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

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

  .pagination li:last-child {
    display: inline-block;
  }
}
/* 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 .search-form {
  display: inline-block;
  margin: 0 auto;
}

.error-404.not-found .search-form label {
  float: left;
  margin-right: 10px;
}

.error-404.not-found .search-form input[type=submit] {
  float: left;
}

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

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

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

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

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

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

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

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

.logged-in.admin-bar .site-navigation.active .inner {
  margin-top: 32px;
}

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

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

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

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

.search-no-results .content-section form label {
  width: 100%;
  margin-bottom: 20px;
}

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

.wp-block-embed {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}

/* BLOG STYLE FOR SIDEBAR */
.blog-post .post-content .post-password-form {
  width: 100%;
  display: block;
  margin-bottom: 70px;
}

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

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

.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 {
  max-height: calc(100% - 20px);
  padding: 3px 10px;
  bottom: 0;
  margin: 10px 0;
  line-height: 1.2;
  background: none;
}

.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 .has-drop-cap:first-letter {
  font-size: 300%;
  line-height: 1;
  margin-top: -2px;
  margin-right: 5px;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  max-height: 50px;
  display: inline-block;
  overflow: hidden;
}

.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] {
  width: 100%;
  max-width: 350px;
  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: 5px 10px;
  margin-bottom: 5px;
}

.blog-post .post-content .wp-block-tag-cloud a:hover {
  text-decoration: none;
  background: #490eea;
  color: #fff;
}

.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;
  position: relative;
  line-height: 27px;
  padding-left: 40px;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous a:hover {
  text-decoration: underline;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous:before {
  content: "«";
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #131314;
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: calc(50% - 15px);
}

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

.blog-post .post-content .post-navigation .navigation .nav-links .nav-next a:hover {
  text-decoration: underline;
}

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

.blog-post .post-content .post-navigation .navigation .nav-links .nav-next:after {
  content: "»";
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #131314;
  color: #fff;
  display: inline-block;
  margin-left: 10px;
  text-align: center;
  border-radius: 30px;
  position: absolute;
  right: 0;
  top: calc(50% - 15px);
}

.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 p code {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 15px;
}

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

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

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

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

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

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

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

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

.blog-post .post-content ol li ol {
  margin-top: 5px;
  margin-bottom: 0;
}

.blog-post .post-content ul li ul {
  margin-top: 5px;
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

.blog-post .post-content .comment-list .comment ol li ol {
  margin-bottom: 0;
}

.blog-post .post-content .wp-block-image {
  margin-bottom: 30px;
}

.blog-post .post-content .wp-block-image figcaption {
  font-size: 85%;
}

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

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

.postid-1788 .blog-post .post-content .post-entry-footer {
  margin-top: 200px;
}

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

.page-id-1133 .post-comment {
  margin-top: 75px;
}

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

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

.post-1778 .post-content h6 {
  margin-bottom: 30px;
}

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

.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
  margin-bottom: 16px !important;
}

/* 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: #feed01;
  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-weight: 600;
  margin-bottom: 10px;
  color: #131314;
}

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

.post-comment .comment-list .comment .comment-content h2 {
  margin-top: 20px;
}

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

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

.sidebar .widget:last-child {
  margin-bottom: 0;
}

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

.sidebar .widget .gallery-columns-3 {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 0;
}

.sidebar .widget .gallery-columns-3 .gallery-item {
  padding: 0 5px;
}

.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: #feed01;
  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: #feed01;
  display: inline-block;
  font-size: 13px;
  padding: 3px 6px;
}

.sidebar .widget .tags li a:hover {
  color: #feed01;
  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: #feed01;
  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: 35px 0;
  margin-bottom: 30px;
  color: #0b0b0b;
  position: relative;
}

.sidebar .widget .widget-title:after {
  content: "";
  width: 70px;
  height: 4px;
  background: #feed01;
  position: absolute;
  left: 0;
  bottom: -4px;
}

.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: 35px 0;
  margin-bottom: 30px;
  color: #0b0b0b;
  position: relative;
}

.sidebar .widget .wp-block-group__inner-container > h2:after {
  content: "";
  width: 70px;
  height: 4px;
  background: #feed01;
  position: absolute;
  left: 0;
  bottom: -4px;
}

.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_search {
  width: 100%;
}

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

.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: 35px 0;
  margin-bottom: 30px;
  color: #0b0b0b;
  position: relative;
}

.sidebar .widget_search .wp-block-search__label:after {
  content: "";
  width: 70px;
  height: 4px;
  background: #feed01;
  position: absolute;
  left: 0;
  bottom: -4px;
}

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

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

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

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

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

.sidebar .widget_search button[type=submit] {
  height: 60px;
  margin: 0;
  font-size: 15px !important;
}

.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: #490eea;
  font-weight: 600;
  border-top: 1px solid #eee;
}

.sidebar .widget_calendar table {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  border: none;
}

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

.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: 40px;
  padding: 0;
  letter-spacing: -1px;
  color: #727479;
}

.sidebar .widget_calendar table tbody td a {
  width: 100%;
  height: 100%;
  line-height: 40px;
  display: inline-block;
  background: #490eea;
  color: #fff;
}

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

.sidebar .widget_calendar table tfoot td {
  border: none;
  height: 60px;
  padding: 0;
  text-align: left;
}

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

.sidebar .widget_calendar table tfoot a {
  font-weight: 800;
}

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

.sidebar .widget_recent_comments ul li:before {
  content: "";
  font-family: "LineIcons";
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 13px;
}

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

.sidebar .widget_recent_comments ul li .comment-author-link {
  width: 100%;
  display: inline-block;
}

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

.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: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

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

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

.sidebar .widget_rss {
  position: relative;
}

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

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

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

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

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

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

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

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

.sidebar .widget_text {
  position: relative;
}

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

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

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

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

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

.sidebar .widget_tag_cloud {
  position: relative;
}

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

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

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

.sidebar .widget_nav_menu {
  position: relative;
}

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

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

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

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

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

.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: 20px;
  font-weight: 600;
  opacity: 0.7;
  letter-spacing: 2px;
}

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

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

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

.footer-widget .custom-html-widget {
  margin-bottom: 0;
}

.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 .tagcloud a:hover {
  text-decoration: none;
}

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