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

	

*/
:root {
  --color-dark: #131314;
  --color-main: #f50c1a;
  --color-second: #56e9b1;
}

/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  color: var(--color-dark);
  background: var(--color-dark);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  line-height: 1.7;
}

/* LINKS */
a {
  color: var(--color-dark);
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  text-decoration: none;
}

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

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

img {
  max-width: 100%;
  height: auto;
}

strong {
  font-weight: 700;
}

b {
  font-weight: 700;
}

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

input[type="password"] {
  width: 100%;
  height: 62px;
  border: 1px solid #ccc;
  padding: 0 20px;
}

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

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

textarea {
  width: 100%;
  height: 140px;
  float: left;
  line-height: 26px;
  border: 1px solid #ccc;
  padding: 20px;
}

input[type="submit"] {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--color-dark);
  overflow: hidden;
}

button[type="submit"] {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--color-dark);
  overflow: hidden;
}

select {
  width: 100%;
  height: 62px;
  border: 1px solid #eee;
  padding: 0 20px;
  -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% - 30px) 28px, calc(100% - 25px) 28px, calc(100% - 2.5em) 15px;
  background-size: 5px 5px, 5px 5px, 0px 0px;
  background-repeat: no-repeat;
}

/* CUSTOM TAGS */
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.overflow-hidden {
  overflow: hidden;
}

.wrap-page {
  min-height: 300px;
}

/* SECTIONS */
main {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
}

section {
  position: relative;
}

aside {
  position: relative;
}

footer {
  position: relative;
}

/* CONTENT SECTION */
.content-section {
  width: calc(100% - 120px);
  display: block;
  background: #fff;
  padding: 100px 30px;
  margin: 0 60px;
}

.elementor-section-wrap {
  padding: 0 60px;
}

.elementor-section-wrap .slider {
  width: calc(100% + 120px);
  margin: 0 -60px;
}

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

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

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

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

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

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

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

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

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

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

.reveal-effect.animated > * {
  animation: 1s reveal-inner linear forwards;
}

@-webkit-keyframes reveal {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: auto;
    right: 0;
  }
  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}
@-webkit-keyframes reveal-inner {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  50% {
    visibility: hidden;
    opacity: 0;
  }
  51% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
/* PAGE TRANSITION */
.page-transition {
  width: 100%;
  height: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  background: var(--color-main);
  z-index: 99999;
  visibility: hidden;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.page-transition.active {
  visibility: visible;
  height: 100%;
}

/* PAGINATION */
.pagination {
  width: 100%;
  float: left;
  padding: 0 15px;
}

.pagination .page-numbers {
  float: left;
  margin: 0;
  padding: 0;
}

.pagination .page-numbers li {
  float: left;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
}

.pagination .page-numbers li a {
  padding: 0 6px;
  border-bottom: 3px solid var(--color-dark);
  color: var(--color-dark);
}

.pagination .page-numbers li span {
  padding: 0 6px;
  border-bottom: 3px solid var(--color-main);
  color: var(--color-main);
}

.pagination .page-numbers li a:hover {
  text-decoration: none;
  border-bottom: 3px solid var(--color-main);
}

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background: var(--color-main);
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.preloader * {
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.preloader img {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  z-index: 4;
  border-radius: 50%;
  padding: 10px;
  background: #fff;
}

/* PAGE LOADED */
.page-loaded .preloader {
  top: -100%;
  transition-delay: 0.60s;
}

.page-loaded .preloader img {
  opacity: 0;
  margin-top: -120px;
  transition-delay: 0.30s;
}

.page-loaded .navbar {
  top: 0;
  opacity: 1;
  transition-delay: 0.6s;
}

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

.page-loaded .page-header .container h2 {
  transform: translateY(0);
  transition-delay: 0.6s;
  opacity: 1;
}

/* NO PRELOADER */
.no-transition .navbar {
  top: 0;
  opacity: 1;
  transition-delay: 0s !important;
}

.no-transition .slider {
  transform: translateY(0);
  transition-delay: 0s !important;
  opacity: 1;
}

.no-transition .page-header .container h2 {
  transform: translateY(0);
  transition-delay: 0s !important;
  opacity: 1;
}

/* TEXT ROTATER*/
.text-rotater {
  width: 100%;
  float: left;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 60px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

.text-rotater li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  opacity: 0;
  animation: play 4.5s infinite;
}

.text-rotater li:nth-child(2) {
  animation-delay: 1.5s;
}

.text-rotater li:nth-child(3) {
  animation-delay: 3s;
}

/* SOCIAL BAR */
.social-bar {
  width: 400px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 200px;
  z-index: 3;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  text-align: center;
}
.social-bar li {
  display: inline-block;
  list-style: none;
  padding: 20px 0;
  margin: 0 10px;
  font-weight: 600;
}
.social-bar li a {
  float: left;
  color: #fff;
  font-size: 11px;
}
.social-bar li a:hover {
  text-decoration: none;
  color: var(--color-main);
}

/* HEADER */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  left: 0;
  top: -100%;
  z-index: 5;
  padding: 30px 100px;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transform: all 1s ease;
  transition: all 1s ease;
}
.navbar .container {
  align-items: center;
  font-size: 15px;
}
.navbar .logo {
  display: inline-block;
}
.navbar .logo .logo-original {
  display: inline-block;
}
.navbar .logo .logo-light {
  display: none;
}
.navbar .logo img {
  height: 38px;
}
.navbar .phone {
  display: inline-block;
  color: #fff !important;
  font-family: "Fjalla One";
  margin-left: 30px;
}
.navbar .phone a {
  color: #fff;
}
.navbar .phone a:hover {
  text-decoration: none;
}
.navbar .language {
  display: inline-block;
  margin-left: auto;
  margin-right: 30px;
  margin-bottom: 0;
}
.navbar .language li {
  float: left;
  list-style: none;
  margin: 0;
  margin-left: 20px;
  font-family: "Fjalla One";
}
.navbar .language li a {
  float: left;
  color: #fff;
}
.navbar .language li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.navbar .custom-menu {
  display: inline-block;
  margin-left: auto;
}
.navbar .custom-menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.navbar .custom-menu ul li {
  display: inline-block;
  list-style: none;
  margin: 0;
  margin-left: 15px;
  font-family: "Fjalla One";
}
.navbar .custom-menu ul li a {
  display: inline-block;
  color: #fff;
}
.navbar .custom-menu ul li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.navbar .hamburger {
  display: inline-block;
  margin-left: 30px;
}
.navbar .hamburger-mobile-only {
  display: none;
}
.navbar .equalizer {
  display: inline-block;
  margin-left: 30px;
  margin-top: -7px;
}
.navbar .site-menu {
  display: inline-block;
  margin-left: auto;
}
.navbar .site-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
  position: relative;
}
.navbar .site-menu ul li ul {
  width: auto;
  min-width: 160px;
  position: absolute;
  left: -20px;
  top: calc(100% + 23px);
  z-index: 6;
  background: var(--color-main) !important;
  padding: 15px 0;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  visibility: hidden;
  opacity: 0;
  border: 1px solid var(--color-dark);
}
.navbar .site-menu ul li ul:before {
  content: "";
  width: 100%;
  height: 23px;
  position: absolute;
  left: 0;
  top: -23px;
}
.navbar .site-menu ul li ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0 20px;
  margin-bottom: 7px;
}
.navbar .site-menu ul li ul li:last-child {
  margin: 0;
}
.navbar .site-menu ul li ul li a {
  display: inline-block;
  font-weight: 600;
  white-space: nowrap;
}
.navbar .site-menu ul li ul li a:hover {
  text-decoration: underline;
}
.navbar .site-menu ul li:hover ul {
  visibility: visible;
  opacity: 1;
}
.navbar .site-menu ul li ul i {
  display: none !important;
}
.navbar .site-menu ul li:hover ul li ul {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
.navbar .site-menu ul li ul li ul {
  left: 100%;
  top: -16px;
}
.navbar .site-menu ul li:hover ul li:hover ul {
  visibility: visible;
  opacity: 1;
  background: var(--color-dark);
}
.navbar .site-menu ul li:hover ul li:hover ul li ul {
  visibility: hidden;
  opacity: 0;
}
.navbar .site-menu ul li:hover ul li:hover ul li:hover ul {
  visibility: visible;
  opacity: 1;
  background: var(--color-dark);
}
.navbar .site-menu ul li a {
  display: inline-block;
  position: relative;
  padding: 0;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.navbar .site-menu ul li a:hover {
  text-decoration: none;
  background: none;
}
.navbar .site-menu ul li a:focus {
  text-decoration: none;
  background: none;
  color: #fff;
}
.navbar .site-menu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.navbar .site-menu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: var(--color-main);
  transition: width .25s ease;
}
.navbar .site-menu ul li a:hover:before {
  width: 50%;
  background: var(--color-main);
  transition: width .25s ease;
}
.navbar .site-menu ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

.overflow-hidden .navbar .logo .logo-original {
  display: none;
}

.overflow-hidden .navbar .logo .logo-light {
  display: inline-block;
}

/* HAMBURGER NAVIGATION */
.hamburger-navigation {
  width: 100%;
  max-height: 100vh;
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  overflow: auto;
  padding-top: 80px;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
  visibility: hidden;
}
.hamburger-navigation ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.hamburger-navigation ul li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding: 0;
  padding-bottom: 10px;
  font-family: "Fjalla One";
  transition: 0.3s opacity transform;
}
.hamburger-navigation ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.hamburger-navigation ul li.menu-item-has-children i {
  display: inline-block;
}
.hamburger-navigation ul li.menu-item-has-children ul {
  text-align: center;
}
.hamburger-navigation ul li.menu-item-has-children ul li i {
  display: none;
  width: 8px;
  height: 8px;
}
.hamburger-navigation ul li.menu-item-has-children ul li a {
  font-size: 20px;
}
.hamburger-navigation ul li.menu-item-has-children ul li a:hover {
  color: #fff;
}
.hamburger-navigation ul li.menu-item-has-children ul li a:focus {
  color: #fff;
}
.hamburger-navigation ul li.menu-item-has-children ul li.menu-item-has-children i {
  display: inline-block;
}
.hamburger-navigation ul li.menu-item-has-children ul li.menu-item-has-children ul {
  margin-bottom: 0;
}
.hamburger-navigation ul li.menu-item-has-children ul li.menu-item-has-children ul li {
  width: auto;
  display: inline-block;
  margin: 0 10px;
}
.hamburger-navigation ul li.menu-item-has-children ul li.menu-item-has-children ul li i {
  display: none;
}
.hamburger-navigation ul li.menu-item-has-children ul li.menu-item-has-children ul li.menu-item-has-children i {
  display: inline-block;
}
.hamburger-navigation ul li.menu-item-has-children ul li.menu-item-has-children ul li.menu-item-has-children ul li i {
  display: none;
}
.hamburger-navigation ul li ul {
  display: none;
  padding-left: 15px;
  margin-bottom: 15px;
}
.hamburger-navigation ul li ul li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: none;
}
.hamburger-navigation ul li ul li a {
  width: auto;
  display: inline-block;
}
.hamburger-navigation ul li i {
  width: 10px;
  height: 10px;
  display: none;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(-45deg) translateY(-5px);
  margin-left: 20px;
  margin-right: -30px;
  cursor: pointer;
}
.hamburger-navigation ul li a {
  display: inline-block;
  color: #fff;
  font-weight: 400;
  padding: 0;
  font-size: 32px;
  text-transform: uppercase;
}
.hamburger-navigation ul li a:hover {
  background: none;
  text-decoration: none;
  text-shadow: 0 0 30px rgba(255, 255, 255, 0.6);
}
.hamburger-navigation ul li a:focus {
  background: none;
}
.hamburger-navigation.active {
  opacity: 1;
  visibility: visible;
}

/* HORIZONTAL NAV */
.anchor-horizontal-nav {
  float: right;
  margin-top: 4px;
  margin-left: 30px;
}

.anchor-horizontal-nav .menu-main-menu-container {
  float: left;
}

.anchor-horizontal-nav .menu {
  float: left;
  margin: 0;
  padding: 0;
}

.anchor-horizontal-nav .menu ul {
  float: left;
  margin: 0;
  padding: 0;
}

.anchor-horizontal-nav .menu li {
  float: left;
  height: 29px;
  line-height: 29px;
  margin-left: 30px;
  position: relative;
  list-style: none;
}

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

.anchor-horizontal-nav .menu li a {
  float: left;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}

.anchor-horizontal-nav .menu li a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.anchor-horizontal-nav .menu li .sub-menu {
  display: none;
  position: absolute;
  left: -15px;
  top: 100%;
  background: var(--color-main);
  white-space: nowrap;
  margin: 0;
  margin-top: 15px;
  padding: 10px 0;
}

.anchor-horizontal-nav .menu li .sub-menu:before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  top: -15px;
}

.anchor-horizontal-nav .menu li .sub-menu li {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  list-style: none;
}

.anchor-horizontal-nav .menu li:hover .sub-menu {
  display: block;
}

.anchor-horizontal-nav .menu li .sub-menu li .sub-menu {
  display: none;
  top: 0;
  left: 100%;
  background: var(--color-dark);
  margin-top: -10px;
  z-index: 2;
}

.anchor-horizontal-nav .menu li .sub-menu li .sub-menu li .sub-menu {
  background: #555;
  display: none;
}

.anchor-horizontal-nav .menu li .sub-menu li .sub-menu:after {
  display: none;
}

.anchor-horizontal-nav .menu li .sub-menu li:hover .sub-menu {
  display: block;
}

.anchor-horizontal-nav .menu li .sub-menu li .sub-menu li:hover .sub-menu {
  display: block;
}

.anchor-horizontal-nav .menu li .children {
  display: none;
  position: absolute;
  left: -15px;
  top: 100%;
  background: var(--color-main);
  white-space: nowrap;
  margin: 0;
  margin-top: 15px;
  padding: 10px 0;
}

.anchor-horizontal-nav .menu li .children:before {
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  top: -15px;
}

.anchor-horizontal-nav .menu li .children li {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  list-style: none;
}

.anchor-horizontal-nav .menu li:hover .children {
  display: block;
}

.anchor-horizontal-nav .menu li .children li .children {
  display: none;
  top: 0;
  left: 100%;
  background: var(--color-dark);
  margin-top: -10px;
  z-index: 2;
}

.anchor-horizontal-nav .menu li .children li .children li .children {
  background: #555;
  display: none;
}

.anchor-horizontal-nav .menu li .children li .children:after {
  display: none;
}

.anchor-horizontal-nav .menu li .children li:hover .children {
  display: block;
}

.anchor-horizontal-nav .menu li .children li .children li:hover .children {
  display: block;
}

/* MEMBER */
.member {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
  margin: 0;
  background: var(--color-main);
  overflow: hidden;
}
.member * {
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.member figcaption {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.member figcaption div {
  width: 100%;
  height: 30px;
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  text-align: center;
}
.member figcaption div h3 {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.member figcaption div small {
  display: block;
  color: #fff;
}
.member:hover {
  box-shadow: 0 66px 75px -10px rgba(0, 0, 0, 0.3);
}
.member:hover img {
  opacity: 0.2;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.member:hover figcaption {
  opacity: 1;
}

/* ICON BOX */
.icon-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
.icon-box figure {
  width: 100%;
  display: block;
  margin-bottom: 20px !important;
}
.icon-box figure img {
  width: 60px;
  display: inline-block;
}
.icon-box small {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.icon-box h3 {
  width: 100%;
  display: block;
  font-family: "Playfair Display";
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}
.icon-box p {
  display: block;
  padding: 0 10%;
  margin-bottom: 20px;
  opacity: 0.8;
}

.icon-box a {
  display: inline-block;
  color: var(--color-dark);
  font-weight: 500;
  font-size: 14px;
  position: relative;
  z-index: 2;
}

.icon-box a:hover {
  text-decoration: none;
}

.icon-box a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background .25s ease;
  mix-blend-mode: color;
}

.icon-box a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: var(--color-second);
  transition: width .25s ease;
  mix-blend-mode: color;
}

.icon-box a:hover:before {
  width: 100%;
  background: var(--color-second);
  transition: width .25s ease;
}

.icon-box a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

/* SIDE IMAGE */
.side-image {
  width: 100%;
  float: left;
  margin: 0;
  position: relative;
  z-index: 2;
}
.side-image img {
  width: 100%;
  display: block;
}
.side-image .sub-image {
  width: 250px;
  position: absolute;
  right: -50px;
  bottom: -100px;
  z-index: 2;
  margin: 0;
}

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: var(--color-main);
  color: #fff;
  padding: 100px 15%;
}
.side-content h5 {
  width: 100%;
  display: block;
  font-size: 12px;
  font-weight: 700;
}
.side-content h5:before {
  content: "";
  width: 4px;
  height: 10px;
  float: left;
  background: #fff;
  margin-left: -10px;
  margin-top: 2px;
}
.side-content h2 {
  width: 100%;
  display: block;
  font-family: "Playfair Display";
  font-size: 4em;
  margin-bottom: 30px;
  text-indent: -5px;
}
.side-content p {
  width: 100%;
  display: block;
  line-height: 25px;
}
.side-content ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.side-content ul li {
  width: 100%;
  float: left;
  padding: 5px 0;
}
.side-content ul li span {
  float: left;
  margin-right: 6px;
  line-height: 23px;
}
.side-content ul li small {
  width: 18px;
  height: 18px;
  line-height: 20px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  color: var(--color-main);
  text-align: center;
  font-weight: 600;
  font-size: 9px;
  margin-left: 7px;
  transform: translateY(-2px);
}
.side-content a {
  height: 60px;
  line-height: 58px;
  display: inline-block;
  border: 1px solid white;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  overflow: hidden;
  margin-top: 30px;
}
.side-content a * {
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.side-content a span {
  position: relative;
  display: inline-block;
}
.side-content a span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
}
.side-content a span:before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.side-content a:hover span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* LOGO BOX */
.logo-box {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.logo-box img {
  width: 100%;
  float: left;
}
.logo-box:hover {
  opacity: 0.4;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.section-title.text-right {
  text-align: right;
}
.section-title.text-right h5:before {
  content: "";
  width: 4px;
  height: 10px;
  float: right;
  background: var(--color-main);
  margin-right: -10px;
  margin-top: 2px;
}
.section-title.text-center {
  text-align: center;
}
.section-title.text-center h5:before {
  display: none;
}
.section-title h5 {
  width: 100%;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-top: 20px;
}
.section-title h5:before {
  content: "";
  width: 4px;
  height: 10px;
  float: left;
  background: var(--color-main);
  margin-left: -10px;
  margin-top: 2px;
}
.section-title h2 {
  width: 100%;
  display: block;
  font-family: "Playfair Display";
  font-size: 4em;
  margin-bottom: 0;
  text-indent: -5px;
}
.section-title .description {
  width: 100%;
  display: block;
  margin-top: 30px;
  font-size: 15px;
}

/* AWARD BOX */
.award-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #eee;
  padding-bottom: 20px;
  justify-content: center;
}
.award-box figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px 30px;
  position: relative;
}
.award-box figure:after {
  content: "";
  width: 40px;
  height: 3px;
  background: var(--color-main);
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
}
.award-box figure img {
  width: 100%;
  float: left;
  opacity: 0.5;
}
.award-box .odometer {
  display: block;
  text-align: center;
  font-family: "Fjalla One";
  font-size: 30px;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: var(--color-dark);
  z-index: 1;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  transform: translateY(250px);
  opacity: 0;
}
.slider .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  background: var(--color-main);
}
.slider .video-bg:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-dark);
  mix-blend-mode: lighten;
}
.slider .video-bg.filtered video {
  min-height: 100%;
  min-width: 100%;
  float: left;
  mix-blend-mode: hard-light;
  -webkit-filter: grayscale(100%) contrast(1);
  filter: grayscale(100%) contrast(0.8);
}
.slider .video-bg video {
  min-height: 100%;
  min-width: 100%;
  float: left;
}

/* ANIMATION HERO */
.slider {
  width: 100%;
}
.slider .animation-hero {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/hero1.gif) center no-repeat var(--color-dark);
  background-size: 600px 450px;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transform: all 0.8s ease;
  transition: all 0.8s ease;
}
.slider .swiper-container .swiper-wrapper {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
}

/* SPLIT */
.split {
  width: 100%;
  height: 100vh;
  float: left;
  position: relative;
  background: var(--color-dark);
  z-index: 1;
}

.split .inner {
  width: 100%;
  float: left;
  padding: 0 100px;
  color: #fff;
}

.split .inner p {
  display: inline-block;
  width: 50%;
  font-size: 17px;
  font-weight: 300;
}

.split .inner a {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  position: relative;
}

.split .inner a:hover {
  text-decoration: none;
}

.split .inner a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background .25s ease;
  mix-blend-mode: color;
}

.split .inner a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: var(--color-second);
  transition: width .25s ease;
  mix-blend-mode: color;
}

.split .inner a:hover:before {
  width: 100%;
  background: var(--color-second);
  transition: width .25s ease;
}

.split .inner a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

.split .split-back {
  position: relative;
  background: #ebca1c;
  color: #fff;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.split .split-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: flex-end;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.split .split-front .front-bg {
  width: 100%;
  height: 100%;
  float: left;
  background: #8e8973;
  position: absolute;
  left: 0;
  top: 0;
}

.split .split-front .text-holder {
  position: relative;
  z-index: 2;
}

.split .inner h1 {
  width: 100%;
  float: left;
  font-size: 15vw;
  font-weight: 700;
  padding-bottom: 15px;
  overflow: hidden;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(../images/hero1.jpg);
  background-size: cover;
  background-position: center;
}

/* SLIDER FRACTION */
.slider .swiper-container .swiper-pagination-fraction {
  width: 100px;
  height: 50px;
  position: absolute;
  left: 100px;
  right: auto;
  top: auto;
  bottom: 30px;
  color: #fff;
  font-size: 11px;
}
.slider .swiper-container .swiper-pagination-fraction span:first-child {
  font-size: 56px;
  height: 50px;
  line-height: 50px;
  float: left;
  overflow: hidden;
  text-indent: -17px;
  margin-right: -25px;
  padding-top: 3px;
  font-weight: 500;
}
.slider .swiper-container .swiper-pagination-fraction span:last-child {
  font-size: 14px;
}
.slider .swiper-container .swiper-pagination-fraction span:before {
  content: "0";
}

/* SLIDER BUTTONS */
.slider .swiper-container .slider-navigation {
  display: flex;
  align-items: center;
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.slider .swiper-container .slider-navigation * {
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.slider .swiper-container .slider-navigation .swiper-button-prev {
  width: auto;
  height: 26px;
  display: inline-block;
  z-index: 6;
  background: none;
  overflow: hidden;
  text-align: right;
  position: static;
}
.slider .swiper-container .slider-navigation .swiper-button-prev img {
  height: 26px;
}
.slider .swiper-container .slider-navigation .swiper-button-prev span {
  width: 100%;
  float: left;
  line-height: 26px;
  font-weight: 500;
  color: #fff;
  font-size: 15px;
}
.slider .swiper-container .slider-navigation .swiper-button-prev:hover img {
  transform: translateY(-100%);
}
.slider .swiper-container .slider-navigation .swiper-button-prev:hover span {
  transform: translateY(-100%);
}
.slider .swiper-container .slider-navigation .swiper-button-line {
  width: 40px;
  height: 2px;
  display: inline-block;
  background: #fff;
  margin: 0 10px;
  transform: translateY(-9px);
}
.slider .swiper-container .slider-navigation .swiper-button-next {
  width: auto;
  height: 26px;
  display: inline-block;
  background: none;
  overflow: hidden;
  position: static;
}
.slider .swiper-container .slider-navigation .swiper-button-next img {
  height: 26px;
}
.slider .swiper-container .slider-navigation .swiper-button-next span {
  width: 100%;
  float: left;
  line-height: 26px;
  font-weight: 500;
  color: #fff;
  font-size: 15px;
}
.slider .swiper-container .slider-navigation .swiper-button-next:hover img {
  transform: translateY(-100%);
}
.slider .swiper-container .slider-navigation .swiper-button-next:hover span {
  transform: translateY(-100%);
}

/* SLIDER CONTENT */
.slider .swiper-container .swiper-slide {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-size: cover;
}
.slider .swiper-container .swiper-slide:after {
  content: "";
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  background-image: linear-gradient(transparent, var(--color-dark));
}
.slider .swiper-container .swiper-slide .mobile-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover !important;
  display: none;
}
.slider .swiper-container .swiper-slide .inner {
  width: 100%;
  display: inline-block;
  padding: 0 100px;
  position: relative;
  z-index: 4;
}
.slider .swiper-container .swiper-slide .inner h5 {
  font-size: 12px;
  font-weight: 700;
}
.slider .swiper-container .swiper-slide .inner h5:before {
  content: "";
  width: 4px;
  height: 10px;
  float: left;
  background: var(--color-main);
  margin-left: -10px;
  margin-top: 2px;
}
.slider .swiper-container .swiper-slide .inner h2 {
  max-width: 60%;
  font-family: "Playfair Display";
  font-size: 6em;
  margin-bottom: 30px;
  line-height: 1;
}
.slider .swiper-container .swiper-slide .inner p {
  max-width: 40%;
  line-height: 25px;
  margin-bottom: 30px;
}

/* SLIDER LINKS */
.slider .swiper-container .swiper-slide .inner .link {
  float: left;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  position: relative;
}

.slider .swiper-container .swiper-slide .inner .link:hover {
  text-decoration: none;
}

.slider .swiper-container .swiper-slide .inner .link:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background .25s ease;
  mix-blend-mode: color;
}

.slider .swiper-container .swiper-slide .inner .link:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: var(--color-second);
  transition: width .25s ease;
  mix-blend-mode: color;
}

.slider .swiper-container .swiper-slide .inner .link:hover:before {
  width: 100%;
  background: var(--color-second);
  transition: width .25s ease;
}

.slider .swiper-container .swiper-slide .inner .link:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

.slider .swiper-container .swiper-slide .inner .video-link {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 50%;
  position: relative;
  transition: all .5s;
  margin-left: 30px;
  margin-top: -13px;
}

.slider .swiper-container .swiper-slide .inner .video-link:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #fff;
}

.slider .swiper-container .swiper-slide .inner .video-link .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset .5s;
}

.slider .swiper-container .swiper-slide .inner .video-link svg {
  transform: rotate(-90deg);
  transition: transform .3s;
}

.slider .swiper-container .swiper-slide .inner .video-link:hover .video-play-circle {
  stroke-dashoffset: 0;
}

.slider .swiper-container .swiper-slide .inner .video-link .video-play-outline {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.05);
}

/* INT HERO */
.page-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 170px;
  padding-bottom: 120px;
  background: var(--color-dark);
  color: #fff;
  position: relative;
}
.page-header .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.page-header .video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
  opacity: 0.1;
}
.page-header .video-bg:after {
  content: "";
  width: 100%;
  height: 300px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background-image: linear-gradient(transparent, var(--color-dark));
}
.page-header .container {
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transform: all 0.7s ease;
  transition: all 0.7s ease;
  color: #fff;
}
.page-header .container h2 {
  width: 100%;
  display: block;
  font-size: 5em;
  float: left;
  transform: translateY(250px);
  opacity: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

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

/* TEXT BOX */
.text-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.text-box h2 {
  font-size: 3em;
  font-family: "Playfair Display";
  line-height: 1;
  margin-top: -5px;
  margin-bottom: 30px;
}
.text-box h6 {
  margin-bottom: 40px;
  opacity: 1;
  line-height: 32px;
  font-size: 20px;
}
.text-box h6 u {
  position: relative;
  text-decoration: none;
}
.text-box h6 u:after {
  content: "";
  width: 100%;
  height: 7px;
  background: var(--color-second);
  position: absolute;
  left: 0;
  bottom: 6px;
  mix-blend-mode: darken;
}

/* WORKS */
.works {
  width: 100%;
  float: left;
}
.works .grid-item:hover, .works .grid-item-double:hover {
  z-index: 2;
}
.works.five-cols {
  width: 100%;
}
.works.five-cols .grid-sizer {
  width: 20%;
}
.works.five-cols .grid-item {
  width: 20%;
}
.works.five-cols .grid-item-double {
  width: 40%;
}
.works.four-cols {
  width: 100%;
}
.works.four-cols .grid-sizer {
  width: 25%;
  float: left;
}
.works.four-cols .grid-item {
  width: 25%;
  float: left;
}
.works.four-cols .grid-item-double {
  width: 50%;
  float: left;
}
.works.three-cols {
  width: 100%;
}
.works.three-cols .grid-sizer {
  width: 33.33333%;
}
.works.three-cols .grid-item {
  width: 33.33333%;
}
.works.three-cols .grid-item-double {
  width: 66.66666%;
}
.works.works.two-cols {
  width: 100%;
}
.works.works.two-cols .grid-sizer {
  width: 50%;
}
.works.works.two-cols .grid-item {
  width: 50%;
}
.works.works.two-cols .grid-item-double {
  width: 50%;
}

/* WORKS FILTER */
.isotope-filter {
  width: 100%;
  float: left;
  margin: 0;
  padding-bottom: 30px;
  padding-top: 15px;
  text-align: center;
  background: var(--color-dark);
}
.isotope-filter li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
}
.isotope-filter li span {
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  opacity: 0.99;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.isotope-filter li span:hover {
  text-decoration: none;
}
.isotope-filter li span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  transition: width 0s ease, background .25s ease;
  mix-blend-mode: color;
}
.isotope-filter li span:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 7px;
  width: 0;
  background: var(--color-second);
  transition: width .25s ease;
  mix-blend-mode: color;
}
.isotope-filter li span:hover:before {
  width: 100%;
  background: var(--color-second);
  transition: width .25s ease;
}
.isotope-filter li span:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.isotope-filter li span.current {
  color: var(--color-second);
}
.isotope-filter li span.current:before {
  display: none;
}
.isotope-filter li span.current:after {
  display: none;
}

/* WORKS FIGURE */
.works figure {
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  overflow: hidden;
}
.works figure * {
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.works figure a {
  width: 100%;
  float: left;
  text-align: center;
}
.works figure img {
  width: 100%;
  float: left;
  opacity: 1;
}
.works figure figcaption {
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  opacity: 0;
  padding: 0;
}
.works figure figcaption .bg-color {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
}
.works figure figcaption .brand {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.works figure figcaption .brand img {
  width: auto !important;
  height: 50px;
  float: none;
}
.works figure figcaption a {
  width: 100%;
  height: 100%;
  float: left;
  color: #fff;
  padding: 30px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.works figure figcaption a:hover {
  color: #fff;
  text-decoration: none;
}
.works figure figcaption h5 {
  width: 100%;
  float: left;
  transform: translateY(-10px);
  opacity: 0;
  font-family: 'Playfair Display', serif;
  font-size: 20px;
}
.works figure figcaption small {
  width: 100%;
  float: left;
  transform: translateY(10px);
  opacity: 0;
  font-weight: 700;
}
.works figure:hover figcaption {
  opacity: 1;
}
.works figure:hover img {
  transform: scale(1.05);
}
.works figure:hover figcaption h5 {
  transform: translateY(0);
  opacity: 1;
}
.works figure:hover figcaption small {
  transform: translateY(0);
  opacity: 1;
}

/* PROJECT HERO */
.project-hero {
  width: calc(100% - 120px);
  float: left;
  background: var(--color-dark);
  color: #fff;
  position: relative;
  margin: 0 60px;
}
.project-hero figure {
  width: 100%;
  height: 600px;
  max-height: 600px;
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
}
.project-hero figure img {
  width: 100%;
  float: left;
}
.project-hero figure figcaption {
  width: 100%;
  padding: 0 100px;
}
.project-hero figure figcaption h2 {
  max-width: 60%;
  font-size: 5em;
  float: left;
}

/* PROJECT DETAIL */
.project-detail {
  width: calc(100% - 120px);
  display: flex;
  background: #fff;
  padding: 100px 60px;
  margin: 0 60px;
}
.project-detail .project-navbar {
  width: 100%;
  float: left;
  margin-bottom: 100px;
  padding: 0;
  background: #fff;
  text-align: center;
  z-index: 2;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
}
.project-detail .project-navbar .navbar {
  padding: 20px 0;
  background: #fff;
  top: 0;
}
.project-detail .project-navbar .navbar li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.project-detail .project-navbar .navbar li a {
  color: var(--color-dark);
  font-weight: 600;
}
.project-detail .project {
  width: 100%;
  float: left;
  margin-bottom: 100px;
}
.project-detail .project .content-image {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.project-detail .project .client-logo {
  width: 140px;
  margin-top: 50px;
  -webkit-filter: brightness(1) invert(1);
  filter: brightness(1) invert(1);
}
.project-detail .project .lead {
  margin-bottom: 30px;
  padding-right: 30%;
  opacity: 1;
  line-height: 32px;
}
.project-detail .project h2 {
  font-size: 70px;
  font-weight: 700;
}
.project-detail .project p {
  line-height: 26px;
  color: #555;
}
.project-detail .project p img {
  margin: 15px 0;
}
.project-detail .project figure {
  display: block;
  margin: 100px 0;
}

/* BLOG POST */
.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog-post.sticky {
  position: relative;
}
.blog-post.post-single {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.post-single .post-image {
  width: 100%;
  flex: inherit;
  margin-bottom: 30px;
}
.blog-post.post-single .post-content {
  width: 100%;
  flex: inherit;
  display: block;
  padding: 0;
  border: none;
}
.blog-post.post-single .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 30px;
  letter-spacing: -1px;
  line-height: 1.2;
}
.blog-post.single-post {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.single-post .post-content {
  width: 100%;
}
.blog-post.single-post .post-content .author {
  margin-bottom: 30px;
  margin-top: 15px;
}
.blog-post.single-post .post-content .post-title {
  margin-bottom: 20px;
}
.blog-post .post-thumb {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
.blog-post .post-thumb figure {
  width: 100%;
  display: block;
  margin: 0;
}
.blog-post .post-thumb img {
  width: 100%;
  max-width: 100%;
}
.blog-post .post-image {
  width: 100%;
  display: block;
  margin-bottom: 35px;
}
.blog-post .post-image img {
  width: 100%;
  display: block;
}
.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 {
  padding: 4px 8px;
  font-size: 11px;
  color: #fff;
  background: var(--color-main);
}
.blog-post .post-content .post-tags li a:hover {
  text-decoration: none;
  background: var(--color-dark);
}
.blog-post .post-content .post-date {
  width: 100%;
  display: block;
  margin-top: 20px;
  font-family: "Fjalla One";
  text-transform: uppercase;
}
.blog-post .post-content h3 {
  width: 100%;
  display: block;
  font-size: 3vw;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.2;
}
.blog-post .post-content h3 a {
  display: block;
  color: var(--color-dark);
}
.blog-post .post-content h3 a:hover {
  text-decoration: none;
}
.blog-post .post-content .author {
  width: 100%;
  display: flex;
  align-items: center;
}
.blog-post .post-content .author .author-link-thumb {
  margin-right: 15px;
}
.blog-post .post-content .author .author-link-thumb img {
  width: 60px;
  border-radius: 50%;
  float: left;
  opacity: 1;
}
.blog-post .post-content .author small {
  display: inline-block;
}
.blog-post .post-content .author strong {
  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 .link {
  display: inline-block;
  color: var(--color-dark);
  font-weight: 500;
  font-size: 14px;
  position: relative;
  z-index: 2;
  margin-top: 30px;
  padding-bottom: 4px;
}
.blog-post .post-content .link:hover {
  text-decoration: none;
}
.blog-post .post-content .link:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 5px;
  width: 100%;
  transition: width .25s ease;
  background: var(--color-second);
}
.blog-post .post-content .link:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 5px;
  width: 0;
  background: transparent;
  transition: width 0s ease, background .25s ease;
}
.blog-post .post-content .link:hover:before {
  width: 0;
  transition: width .25s ease;
}
.blog-post .post-content .link:hover:after {
  width: 0;
  background: var(--color-second);
  transition: all 0s ease;
}
.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 */
ul.page-numbers {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}
ul.page-numbers:hover {
  background: none;
}
ul.page-numbers li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.page-numbers li .current {
  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;
  background: #e9ecef;
}
ul.page-numbers li a {
  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 */
.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;
}

/* PAGINATION */
.pagination {
  width: 100%;
  float: left;
  padding: 0 15px;
}
.pagination .page-numbers {
  float: left;
  margin: 0;
  padding: 0;
}
.pagination .page-numbers li {
  float: left;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
}
.pagination .page-numbers li a {
  padding: 0 6px;
  border-bottom: 3px solid var(--color-dark);
  color: var(--color-dark);
}
.pagination .page-numbers li a:hover {
  text-decoration: none;
  border-bottom: 3px solid var(--color-main);
}
.pagination .page-numbers li span {
  padding: 0 6px;
  border-bottom: 3px solid var(--color-main);
  color: var(--color-main);
}

/* CONTACT BOX */
.contact-box {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0 10%;
  margin-bottom: 50px;
}
.contact-box h4 {
  display: block;
  font-family: "Playfair Display";
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}
.contact-box p {
  display: block;
}
.contact-box p a {
  font-weight: 600;
  color: var(--color-dark);
}
.contact-box a {
  display: inline-block;
  font-weight: 600;
  color: var(--color-dark);
}
.contact-box a svg {
  width: 20px;
  display: inline-block;
  margin-left: 3px;
}
.contact-box a:hover {
  text-decoration: none;
}

/* CONTACT FORM 7*/
.contact-form {
  line-height: normal;
}
.contact-form .col-md-6 {
  margin-bottom: 20px;
}
.contact-form .col-12 {
  margin-bottom: 20px;
}

.wpcf7-form {
  width: 100%;
}
.wpcf7-form p {
  width: 50%;
  float: left;
  margin-bottom: 30px;
  padding: 0 10px;
  position: relative;
}
.wpcf7-form p:nth-child(6) {
  width: 100%;
}
.wpcf7-form p:nth-child(7) {
  margin-bottom: 0;
}
.wpcf7-form label {
  float: left;
  background: #fff;
  font-size: 12px;
  margin-left: 14px;
  padding: 0 6px;
  font-weight: 600;
  margin-bottom: -10px;
  position: relative;
  z-index: 2;
}
.wpcf7-form input[type="text"] {
  width: 100%;
  height: 62px;
  border: 1px solid #ccc;
  padding: 0 20px;
}
.wpcf7-form input[type="email"] {
  width: 100%;
  height: 62px;
  border: 1px solid #ccc;
  padding: 0 20px;
}
.wpcf7-form textarea {
  width: 100%;
  height: 140px;
  float: left;
  line-height: 26px;
  border: 1px solid #ccc;
  padding: 20px;
}
.wpcf7-form input[type="submit"] {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--color-dark);
  overflow: hidden;
}
.wpcf7-form .wpcf7-validation-errors {
  width: 100%;
  float: left;
  padding: 20px;
  font-size: 12px;
  font-weight: 700;
}

.wpcf7 form.failed .wpcf7-response-output {
  width: 100%;
  display: block;
  margin: 0;
  background: red;
  color: #fff;
  padding: 30px;
  border: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  width: 100%;
  display: block;
  margin: 0;
  background: green;
  color: #fff;
  padding: 30px;
  border: none;
}

.wpcf7 .ajax-loader {
  position: absolute;
}

/* NOT FOUND */
.not-found {
  width: 100%;
  margin: 120px 0;
  text-align: center;
}
.not-found img {
  margin-bottom: 30px;
}
.not-found p {
  font-size: 17px;
  font-weight: 300;
}
.not-found .search-form {
  display: inline-block;
}
.not-found .search-form label {
  float: left;
}
.not-found .search-form span {
  display: none;
}
.not-found .search-form input[type="search"] {
  width: 320px;
  max-width: 100%;
  height: 60px;
  border: 1px solid #ccc;
  border-right: none;
  padding: 0 20px;
}
.not-found .search-form input[type="submit"] {
  height: 60px;
  line-height: 58px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--color-dark);
  overflow: hidden;
}

/* FOOTER */
.footer-spacing {
  width: 100%;
  float: left;
}

.footer {
  width: calc(100% - 120px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: static;
  left: 0;
  bottom: 0;
  margin: 0 60px;
  padding-top: 100px;
  background: url(../images/anchor-line-bg.png) center no-repeat var(--color-dark);
  background-size: auto 150%;
  z-index: 1;
  text-align: center;
  color: #fff;
}
.footer .logo {
  width: 100%;
  display: block;
}
.footer .logo a {
  display: inline-block;
}
.footer .logo a img {
  height: 44px;
  display: inline-block;
}
.footer .social-media {
  width: 100%;
  float: left;
  display: none;
  text-align: center;
  margin-bottom: 20px;
  padding: 0;
}
.footer .social-media li {
  display: inline-block;
  margin: 0 10px;
  list-style: none;
}
.footer .social-media li a {
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}
.footer .social-media li a:hover {
  text-decoration: none;
  color: var(--color-main);
}
.footer h4 {
  width: 100%;
  display: block;
  font-weight: 300;
  letter-spacing: 3px;
  font-size: 2em;
  margin-top: 50px;
  margin-bottom: 30px;
}
.footer h2 {
  width: 100%;
  display: block;
  font-family: "Fjalla One";
  text-transform: uppercase;
  font-size: 4em;
  margin-bottom: 30px;
  padding: 0 10%;
}
.footer h2 span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
}
.footer .btn-contact {
  height: 60px;
  line-height: 58px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  overflow: hidden;
}
.footer .btn-contact * {
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.footer .btn-contact span {
  position: relative;
  display: inline-block;
}
.footer .btn-contact span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
}
.footer .btn-contact span:before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.footer .btn-contact:hover span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.footer .footer-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 100px;
  padding: 30px 0;
}
.footer .footer-bar .copyright {
  display: inline-block;
}
.footer .footer-bar .creation {
  margin-left: auto;
}
.footer .footer-bar span {
  font-size: 12px;
}
.footer .footer-bar span a {
  color: #fff;
  font-weight: 600;
}

/* SCROLL DOWN */
.scroll-down {
  width: 1px;
  height: 70px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  z-index: 5;
}
.scroll-down span {
  display: block;
  position: relative;
  padding-top: 79px;
  text-align: center;
}
.scroll-down span:before {
  -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
}
.scroll-down span:before {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -0.5px;
  width: 1px;
  height: 70px;
  background: #fff;
  content: "";
}

@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
/* RESPONSIVE MEDIUM FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .elementor-section-wrap {
    padding: 0 30px;
  }

  .elementor-section-wrap .slider {
    width: calc(100% + 60px);
    margin: 0 -30px;
  }

  .navbar {
    padding: 30px 60px;
  }

  .slider .swiper-container .swiper-slide .inner h2 {
    font-size: 4em;
  }

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

  .slider .swiper-container .swiper-pagination-fraction {
    left: 60px;
  }

  .icon-box p {
    padding: 0;
  }

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

  .side-image-content .inner .contenty h2 {
    font-size: 2em;
    text-indent: 0;
  }

  .awards h2 {
    font-size: 3em;
    text-indent: 0;
  }

  .journal .post-comment {
    width: 70%;
  }

  .journal .sidebar {
    width: 30%;
  }
}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .elementor-section-wrap {
    padding: 0 15px;
  }

  .elementor-section-wrap .slider {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }

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

  .slider .swiper-container .swiper-slide .inner h2 {
    max-width: 70%;
  }

  .slider .swiper-container .swiper-slide .inner p {
    max-width: 70%;
  }

  .slider .swiper-container .swiper-button-prev {
    right: 160px;
  }

  .slider .swiper-container .swiper-button-line {
    right: 110px;
  }

  .slider .swiper-container .swiper-button-next {
    right: 60px;
  }

  .slider .swiper-container .swiper-slide .mobile-slide {
    display: block;
  }

  .works .grid-item {
    width: 50% !important;
  }

  .works .grid-item-double {
    width: 50% !important;
  }

  .works .grid-sizer {
    width: 50% !important;
  }

  .page-header .video-bg {
    display: none;
  }

  .page-header .container {
    padding: 0 30px;
  }

  .page-header .container h2 {
    max-width: 100%;
  }

  .side-image .sub-image {
    width: 100%;
    position: static;
  }

  .side-content {
    padding: 100px 60px;
  }

  .slider .swiper-container .slider-navigation {
    display: none;
  }

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

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

  .project-detail {
    width: 100%;
    padding: 70px 15px;
    padding-bottom: 0;
    margin: 0;
  }

  .project-hero {
    width: 100%;
    margin: 0;
  }

  .project-hero figure figcaption {
    padding: 0 30px;
  }

  .project-hero figure figcaption h2 {
    max-width: 100%;
  }

  .contact form input[type="text"] {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .contact form textarea {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  input {
    box-shadow: none !important;
    border-radius: none !important;
  }

  textarea {
    box-shadow: none !important;
    border-radius: none !important;
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .navbar {
    padding: 30px;
  }

  .navbar .phone {
    display: none;
  }

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

  .split .inner {
    padding: 0 30px;
  }

  .split .inner p {
    width: 100%;
  }

  .hamburger-navigation li ul {
    height: 70px;
    margin-top: -70px;
  }

  .project-hero {
    width: 100%;
    margin: 0;
  }

  .project-hero figure figcaption {
    padding: 0 30px;
    padding-top: 170px;
  }

  .project-hero figure figcaption h2 {
    width: 100%;
    max-width: inherit;
    font-size: 4em;
  }

  .project-detail .project .lead {
    padding-right: 0;
  }

  .social-bar {
    display: none;
  }

  .page-header .container {
    padding: 0;
  }

  .navbar .hamburger-mobile-only {
    display: block;
  }

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

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

  .slider .swiper-container .swiper-slide .inner h2 {
    max-width: 100%;
    font-size: 3.5em;
  }

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

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

  .slider .swiper-container .swiper-button-line {
    display: none;
  }

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

  .slider .swiper-container .swiper-pagination-fraction {
    display: none;
  }

  .scroll-down {
    display: none;
  }

  .page-header {
    padding-left: 30px;
    padding-right: 30px;
  }

  .page-header .container h2 {
    max-width: 100%;
    font-size: 40px;
  }

  .text-box h2 {
    font-size: 40px;
  }

  .about-studio .hero-image {
    overflow: hidden;
    margin-bottom: 50px;
  }

  .about-studio .hero-image img {
    width: 150%;
    max-width: inherit;
  }

  .about-studio h5 {
    font-size: 2em;
  }

  .about-studio p:last-child {
    max-width: 100%;
    margin-bottom: 0;
  }

  .team-members .member {
    width: 50%;
  }

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

  .works .grid-item-double {
    width: 100% !important;
  }

  .icon-box a {
    margin-bottom: 50px;
  }

  .side-content {
    padding: 80px 30px;
  }

  .side-content h2 {
    font-size: 36px;
  }

  .awards {
    text-align: center;
  }

  .awards h5:before {
    display: none;
  }

  .awards .award {
    width: 100%;
    margin: 0;
    margin-top: -1px;
  }

  .clients ul li {
    width: 50%;
  }

  .clients ul li:after {
    display: none;
  }

  .project-hero figure figcaption h2 {
    font-size: 50px;
  }

  .contact .titles {
    padding: 0;
  }

  .wpcf7-form p {
    width: 100%;
  }

  .awards {
    margin-top: 0;
  }

  .footer {
    width: calc(100% - 30px);
    margin: 0 15px;
  }

  .footer h2 {
    font-size: 3em;
    padding: 0;
  }

  .footer .social-media {
    display: block;
  }

  .footer .footer-bar span {
    width: 100%;
    text-align: center;
  }
}
body.admin-bar .navbar {
  top: 32px;
}

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

.page.type-page code {
  background: #eee;
  padding: 4px;
  color: #eee;
  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 {
  width: 100%;
  display: block;
  text-align: center;
}

.error-404 img {
  width: 400px;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 30px;
}

.error-404 p {
  width: 100%;
  display: block;
}

.error-404 .search-form {
  display: inline-block;
  margin: 0 auto;
}

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

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

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

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

.blog-post .post-content .wp-block-quote {
  border: none;
  color: #fff;
  background: var(--color-main);
  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: #eee;
  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-dropdown {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.blog-post .post-content .wp-block-archives-dropdown label {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

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

.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;
  padding-top: 20px;
  font-weight: 600;
  color: var(--color-main);
}

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

.blog-post .post-content .wp-calendar-nav {
  width: 100%;
  display: block;
  border-top: 1px solid #eee;
  margin-top: -30px;
}

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

.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-search__button {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--color-dark);
  overflow: hidden;
}

.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: var(--color-main);
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 5px;
}

.blog-post .post-content .wp-block-tag-cloud a:hover {
  text-decoration: none;
  background: var(--color-dark);
  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-navigation {
  width: 100%;
  display: block;
}

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

.blog-post .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-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-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-navigation .navigation .nav-links .nav-previous a:hover {
  text-decoration: underline;
}

.blog-post .post-navigation .navigation .nav-links .nav-previous:before {
  content: "«";
  width: 30px;
  height: 30px;
  display: inline-block;
  background: var(--color-dark);
  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-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-navigation .navigation .nav-links .nav-next a:hover {
  text-decoration: underline;
}

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

.blog-post .post-navigation .navigation .nav-links .nav-next:after {
  content: "»";
  width: 30px;
  height: 30px;
  display: inline-block;
  background: var(--color-dark);
  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: #eee;
  border-color: #eee;
  color: #fff;
}

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

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

.blog-post .post-content p code {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 15px;
}

.blog-post .post-content blockquote {
  background: var(--color-main);
  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 var(--color-main);
}

.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: #eee;
  border-color: #eee;
  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 #eee;
  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 #eee;
  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: #eee;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.post-comment .comment-list .comment .comment-content .comment-reply-link:hover {
  background: #73efcc;
  color: #eee;
  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 12px;
  margin-top: 5px;
}

.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: var(--color-dark);
  font-size: 15px;
}

.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;
  margin-bottom: 15px;
}

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

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

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

.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: #73efcc;
  text-decoration: none;
}

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

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

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

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

.sidebar .widget .tags li a:hover {
  color: #73efcc;
  background: #eee;
  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%;
  height: 62px;
  border: 1px solid #ccc;
  padding: 0 20px;
  margin-bottom: 10px;
}

.sidebar .widget form button[type=submit] {
  height: 62px;
  line-height: 62px;
  display: inline-block;
  border: none;
  padding: 0 40px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--color-dark);
  overflow: hidden;
}

.sidebar .widget .widget-title {
  width: 100%;
  display: block;
  border-bottom: 2px solid #eee;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 25px;
  margin-bottom: 25px;
  color: var(--color-dark);
  position: relative;
}

.sidebar .widget .widget-title:after {
  content: "";
  width: 70px;
  height: 2px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: -2px;
}

.sidebar .widget_search {
  width: 100%;
}

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

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

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

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

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

.sidebar .widget_archive {
  position: relative;
}

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

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

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

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

.sidebar .widget_calendar {
  position: relative;
}

.sidebar .widget_calendar caption {
  padding-bottom: 0;
  color: var(--color-main);
  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;
}

.sidebar .widget_calendar table tbody td a {
  width: 100%;
  height: 100%;
  line-height: 40px;
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
}

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

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

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

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

.sidebar .widget_recent_comments ul li a {
  margin: 0;
  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;
  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: var(--color-main);
  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: var(--color-dark);
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.woocommerce ul.products li.product .onsale {
  border-radius: 0;
  right: 25px;
  top: 10px;
  margin: 0;
  padding: 0 15px;
  background: var(--color-main);
}

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

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

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

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

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

.woocommerce span.onsale {
  border-radius: 0;
  left: 10px;
  top: 10px;
  margin: 0;
  padding: 0 15px;
  background: 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: #eee;
  font-size: 28px;
}

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

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

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

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