/*
Theme Name: menscave
Theme URI: https://themenscave.sg
Author: Patrick
Author URI: https://wppatrickk.com/
Second Author: aidijohari@gmail.com
Description: Custom Theme for themenscave.sg
Version: 1.0.0
Text Domain: menscave
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

/*--------------------------------------------------------------
# WP Core Styles
--------------------------------------------------------------*/

.footer-widget p{
	color: #ffffff !important;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 25px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Predefined Styles
--------------------------------------------------------------*/

@font-face {
  font-family: "HKGrotesk-SemiBold";
  src: url("fonts/HKGrotesk-SemiBold.woff2") format("woff2"),
    url("fonts/HKGrotesk-SemiBold.woff") format("woff"),
    url("fonts/HKGrotesk-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HKGrotesk-Light";
  src: url("fonts/HKGrotesk-Light.woff2") format("woff2"),
    url("fonts/HKGrotesk-Light.woff") format("woff"),
    url("fonts/HKGrotesk-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HKGrotesk-Regular";
  src: url("fonts/HKGrotesk-Regular.woff2") format("woff2"),
    url("fonts/HKGrotesk-Regular.woff") format("woff"),
    url("fonts/HKGrotesk-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HKGrotesk-Medium";
  src: url("fonts/HKGrotesk-Medium.woff2") format("woff2"),
    url("fonts/HKGrotesk-Medium.woff") format("woff"),
    url("fonts/HKGrotesk-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HKGrotesk-Bold";
  src: url("fonts/HKGrotesk-Bold.woff2") format("woff2"),
    url("fonts/HKGrotesk-Bold.woff") format("woff"),
    url("fonts/HKGrotesk-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Testing Font Style 20230828 */
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('fonts/PPNeueMontreal-Medium.eot');
    src: url('fonts/PPNeueMontreal-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMontreal-Medium.woff2') format('woff2'),
        url('fonts/PPNeueMontreal-Medium.woff') format('woff'),
        url('fonts/PPNeueMontreal-Medium.ttf') format('truetype'),
        url('fonts/PPNeueMontreal-Medium.svg#PPNeueMontreal-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('fonts/PPNeueMontreal-Bold.eot');
    src: url('fonts/PPNeueMontreal-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMontreal-Bold.woff2') format('woff2'),
        url('fonts/PPNeueMontreal-Bold.woff') format('woff'),
        url('fonts/PPNeueMontreal-Bold.ttf') format('truetype'),
        url('fonts/PPNeueMontreal-Bold.svg#PPNeueMontreal-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Montreal Book';
    src: url('fonts/PPNeueMontreal-Book.eot');
    src: url('fonts/PPNeueMontreal-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMontreal-Book.woff2') format('woff2'),
        url('fonts/PPNeueMontreal-Book.woff') format('woff'),
        url('fonts/PPNeueMontreal-Book.ttf') format('truetype'),
        url('fonts/PPNeueMontreal-Book.svg#PPNeueMontreal-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue World Condensed';
    src: url('fonts/PPNeueWorld-CondensedRegular.eot');
    src: url('fonts/PPNeueWorld-CondensedRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueWorld-CondensedRegular.woff2') format('woff2'),
        url('fonts/PPNeueWorld-CondensedRegular.woff') format('woff'),
        url('fonts/PPNeueWorld-CondensedRegular.ttf') format('truetype'),
        url('fonts/PPNeueWorld-CondensedRegular.svg#PPNeueWorld-CondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-Light.eot');
    src: url('fonts/NeueMontreal-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeueMontreal-Light.woff2') format('woff2'),
        url('fonts/NeueMontreal-Light.woff') format('woff'),
        url('fonts/NeueMontreal-Light.ttf') format('truetype'),
        url('fonts/NeueMontreal-Light.svg#NeueMontreal-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.postid-20084 h1 {
	font-family: 'PP Neue World Condensed' !important;
}

.postid-20084 h2, .postid-20084 h3 {
	font-family: 'PP Neue Montreal' !important;
	font-weight: 500 !important;
}

.postid-20084 p,.postid-20084 span, .postid-20084 strong, .postid-20084 li, .postid-20084 ol, .postid-20084 a, .postid-20084 div {
	font-family: 'PP Neue Montreal Book'!important;
}

.postid-20084 .product4 h2, .postid-20084 .about9-content h2{
	font-family: 'PP Neue World Condensed'!important;
    font-weight: normal;
    font-style: normal;
}

body {
  background: #fff;
  font-family: "HKGrotesk-Regular";
  font-weight: 400;
  font-size: 16px;
  color: rgba(4, 17, 28, 0.8);
}

a {
  color: #cf2228;
  text-decoration: none;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

hr {
  border: none 0;
  border-bottom: 1px solid #e0e0e0;
  height: 1px;
  margin: 10px 0;
}

.inner {
  position: relative;
  width: 100%;
  max-width: 1128px !important;
  margin: 0 auto;
}

.clear {
  clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  margin-bottom: 24px;
  font-family: "Gelasio";
  color: #04111c;
}

h1 {
  font-size: 48px;
  line-height: 52px;
}

h2 {
  font-size: 40px;
  line-height: 44px;
}

h3 {
  font-size: 32px;
  line-height: 36px;
}

h4 {
  font-size: 24px;
  line-height: 28px;
}

h5 {
  font-size: 20px;
  line-height: 24px;
}

p {
  line-height: 24px;
  margin-bottom: 24px;
}

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

.custpriceprod p {
	font-family: 'Hanken Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 12px;
	text-transform: uppercase;
	color: #04111C;
}

.singpriceprod p {
	font-size: 11px !important;
	line-height: 12px !important;
}

.cust4bg {
	background-color: #F3F3F3 !important;	
	padding: 16px;
}
	
.cust4bg-projects{
		border: 5px solid white !important;
	}

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

.col-brand2 img {
	width: 524px !important;
	height: 348.33px !important; 	
	max-width: 560.95px !important;
}

	.tcol-sec-brand2 img{
		width: 672px !important;
		height: 450.03px !important;
	}

.content-bg{
 	width: 100%;
	height: 304px;
	background-position: center 10%;
	background: no-repeat;
	background-size: contain;
	background-position: left center;
}

.content-img img{
	max-width: 100% !important;
    height: auto !important;
}

.tcol-project img {
	height: 450.03px !important;
	max-width: 672px !important;
}

.col-proj img {
	width: 360.95px !important;
	height: 481.26px !important;}

body .tcol-showroom img {
	width: 564px !important;
	height: auto !important;
	max-width:100% !important;
}


.highlights-showroom img {
	width: 360.95px !important;
	height: auto !important;
}

.tcol-about0 img {
	width: 552.71px;
	height: 368.74px;
}

.tcol-about1 img {
	width: 265.3px !important;
	height: 177.13px !important;
}

.tcol-about2 {
	width: 552.71px !important;
	height: 368.48px !important;
}

.contact-pgicon img{
	width:48px; 
	height: auto !important;
}

.home-img-inspire img {
	width: 259.44px;
	height: 345.69px;
}

input[type="text"],
input[type="email"],
input[type="date"],
textarea,
select {
  border: 1px solid #8a8a8a;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #8a8a8a;
  width: 100%;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  border-radius: 0;
  -webkit-appearance: none;
}

textarea {
  height: 140px;
}

input[type="submit"] {
  font-family: "IBM Plex Mono", monospace;
  background-color: #ffb45c;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  color: #04111c;
  padding: 12px 24px;
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="submit"]:hover {
  background-color: #04111c;
  color: #fff;
}

#page {
  overflow-x: hidden;
}

/*--------------------------------------------------------------
# Loader Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header Styles
--------------------------------------------------------------*/

.site-header .inner {
  border-bottom: 1px solid #dedede;
  padding-top: 8px;
  padding-bottom: 7px;
}

.home .site-header .inner {
  border-bottom: 0;
}

.page-template-about .breadcrumb,
.page-template-showroom .breadcrumb {
  margin-bottom: 24px;
}

.site-branding {
  float: left;
}

.site-branding img {
  max-width: 168px;
  height: auto;
}

.site-menu {
  float: right;
  padding-top: 14px;
}

.site-menu ul li {
  float: left;
  margin-left: 24px;
}

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

.site-menu ul li a {
  display: inline-block;
  font-size: 15px;
  color: #04111c;
  line-height: 44px;
}

#menu-item-11045 a,
#menu-item-11043 a {
  display: inline-block;
  padding-right: 25px;
  position: relative;
}

#menu-item-11045 a::after,
#menu-item-11043 a::after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  content: "";
  background: url("images/chevron.png") no-repeat center;
  background-size: contain;
}

.site-menu ul > li:last-child a {
  background-color: #ffb45c;
  padding: 0 21px;
  position: relative;
}

.site-menu ul > li:last-child a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #04111c;
  content: "";
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.site-menu ul > li:last-child a:hover:before {
  width: 100%;
}

.site-menu ul > li:last-child a span {
  background: url("images/phone.png") no-repeat left center;
  background-size: 15px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 38px;
  position: relative;
  z-index: 10;
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.site-menu ul > li:last-child a:hover span {
  background: url("images/phone-white.png") no-repeat left center;
  background-size: 15px;
}

.site-menu ul > li:last-child a:hover span {
  color: #fff;
}

.breadcrumb {
  font-size: 12px;
  line-height: 18px;
}

.breadcrumb .inner,
.site-meta .inner {
  border-bottom: 1px solid #dedede;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}

.breadcrumb a {
  color: #8a8a8a;
}

.breadcrumb a:last-child {
  color: rgba(4, 17, 28, 0.8);
}

.breadcrumb span {
  width: 8px;
  height: 8px;
  background: url("images/arrow.png") no-repeat center;
  background-size: 4px;
  display: inline-block;
  padding: 0 10px;
}

/*--------------------------------------------------------------
# Header Styles
--------------------------------------------------------------*/

.mobile-slide {
  position: relative;
  height: 18px;
  display: none;
  float: right;
  top: 2px;
  cursor: pointer;
  padding: 20px 10px 25px 20px;
}

.mobile-slide span {
  background-color: #04111c;
  display: block;
  height: 2px;
  position: relative;
  -webkit-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
  width: 25px;
  top: 7px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mobile-slide span::before,
.mobile-slide span::after {
  background: #04111c;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100%;
}

.mobile-slide span::before {
  top: 8px;
}

.mobile-slide span::after {
  top: -8px;
}

.mobile-slide.menu-opened span {
  background: transparent;
}

.mobile-slide.menu-opened span:before,
.mobile-slide.menu-opened span:after {
  background: #04111c;
  top: 0;
}

.mobile-slide.menu-opened span:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-slide.menu-opened span:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*--------------------------------------------------------------
# Content Styles
--------------------------------------------------------------*/

#page {
  padding-left: 96px;
}

.hero-img {
  width: 100%;
}

  .hero-mobile-container {
 	height: 476px !important;
    overflow: hidden;
    position: relative !important;
}

.img-mobile {
  background-size: cover;
  background-position: center;
}

.hero-text {
  position: absolute;
}

.hero-text > * {
  color: #fff;
}

.section .hero-text h1 {
  margin-bottom: 0;
}

.section .hero-text h3 {
  margin-top: 16px;
}

.pcat1.section {
  padding: 24px 0;
}

.pcat1.section .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custchoice.section {
	padding: 0px 0;
	height: 492px;
    box-sizing: border-box;
}

.custchoice.section .row {
    display: flex;
    align-items: center;
	justify-content: center;
	column-gap:24px;
}

.custchoice.section .column{
	background-color: #F3F3F3;
	width:360px;
    height: 492px;
}

.custchoice.section .content{
	padding: 24px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

.custchoice.section h1{
	font-family: "Gelasio";
	size: 24px;
	line-height: 28px;
	font-weight: 400;
	font-style: normal;
}

.pcat.featured {
  padding: 96px 0;
}

.section {
  padding: 80px 0;
}

.home1 {
  padding: 0 !important;
}

.home-video {
  height: 634px;
  position: relative;
}

.home-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: fill;
  object-fit: fill;
}

.home-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 634px;
  position: relative;
}

.home1 h1 {
  font-size: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  max-width: 368px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "HKGrotesk-Medium";
}

.home1 h1 span {
  font-family: "Gelasio";
  font-size: 48px;
  line-height: 52px;
  display: block;
  text-transform: none;
  padding-top: 16px;
}

.ctable,
.ctablex {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.home2,
.show4,
.home4,
.careers3,
.pcat2,
.projects,
.pcat3,
.product1,
.product5,
.brand2,
.brand3 {
  padding: 96px 0;
}

.projects-height {
	padding: 16px 0 !important;
}

.home2 .ctable {
  margin-bottom: 80px;
}

.home2 .ctable:last-child {
  margin-bottom: 0;
}

.tcol,
.tcolx {
  display: table-cell;
  vertical-align: middle;
}

.ctable.top .tcol {
  vertical-align: top;
}

.home2 h2 {
  font-size: 36px !important;
  line-height: 40px;
  padding-top: 60px;
  position: relative;
}

.page-template-about .home2 h2 {
  padding-top: 0;
}

.home2 h2:before {
  background: url("images/quote.png") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 22px;
  content: "";
} 

.prodctable {
  display: grid;
  grid-template-columns: 1fr 1fr; 
  gap: 14px; 
  border: transparent 10px;	
}

.prodctable .prodblogcontent {
  padding: 50px;
  background-color: white;
}

.prodctable .prodblogcontent {
  margin-right: auto; 
}

.prodcol {
  width: 100%; 
  padding: 0 24px; 
}

	.prodcol:first-child {
}

	.prodcol:last-child {
}

  .postprod-body {
    text-align: left !important;
  }

  .postprod-body h2 {
    font-family: "Hanken Grotesk" !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #04111C !important;
  }
 
 	.prodctable .tcol h3{
	padding-top: 32px;
	font-family: "Gelasio";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: #04111C;
} 


	.prodctable .tcol p{
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: rgba(4, 17, 28, 0.8)
}

  .postcat a{
    font-family: "IBM Plex Mono" !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    color: rgba(4, 17, 28, 0.8) !important;
  }

 .postcat {
	padding-bottom: 8px;
}

.subcat_post a{
    font-family: "Hanken Grotesk" !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    color: rgba(4, 17, 28, 0.4) !important;
}


.page-template-about .home2 h2:before {
  display: none;
}

	.product-stock{
		padding-top: 18px;
	}

    .product-info {
      width: auto;
      height: auto;
      border: 1px solid #DEDEDEDE;
    }

    .ptop {
      display: flex;
	
    }

    .column {
      flex-basis: 228px;
      height: 56px;
      border: 1px solid #DEDEDEDE;
	  display: flex; 
	  justify-content: center; 
	  align-items: center;		
    }

	.one-column {
		width: 100%;
	}
	
	.two-columns {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}


    .pdesc {
      height: calc(100% - 56px);
      border: 1px solid #DEDEDEDE;
    }

	.video-icon img{
	  padding-right: 5px;
	  height: 20px;
	  width: auto;
	}

	.price {
	font-family: "Hanken Grotesk" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 22px !important;
	color: #04111C !important;
}

	.descripprice {
	font-family: "Hanken Grotesk" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 22px !important;
	color: rgba(4, 17, 28, 0.6) !important;
}

	.prodprice {
	font-family: "Hanken Grotesk" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 11px !important;
	line-height: 12px !important;
	color: #04111C !important;
}


	.product-info p {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-size: 14px;
	line-height: 22px;
	color: #04111C;
}

	.short-desc {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-size: 14px;
	line-height: 22px;
	color: rgba(4, 17, 28, 0.8);
	padding-left: 24px;
	padding-right: 24px;
	text-align: left;
}

.image-text-container {
  display: flex;
  align-items: center;
}

.image {
  width: 8px;
  height: 8px;
  margin-right: 10px;
}


.stock-status span{
  margin: 0;
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px; 
  color: #04111C;
}

.single-product .home2 h2 {
  margin-bottom: 32px;
}

.show2.home2 h2,
.home2.careers2 h2 {
  padding-top: 0;
}

.show2.home2 h2:before,
.home2.careers2 h2:before {
  display: none;
}

.single-product .home2 p {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

.odd .tcol:last-child {
  padding-left: 100px;
}

.even .tcol:first-child {
  padding-right: 100px;
}

.home2 a,
.pcat-brand a {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #04111c;
  position: relative;
  padding-left: 56px;
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.home2 .ctable:hover a,
.home2 a:hover,
.pcat-brand a:hover {
  color: #ffb45c;
}

.home2 a:before,
.pcat-brand a:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 1px;
  background-color: #04111c;
  content: "";
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.home2 .ctable:hover a:before,
.home2 a:hover:before,
.pcat-brand a:hover:before,
.pcat-read-more:hover:before,
.pcat-blog-content h2:hover + a:before {
  background-color: #ffb45c !important;
  width: 20px;
}

.home3 {
  padding: 96px 0;
  background-color: #f3f3f3;
}

.home3 .ctable {
  padding-bottom: 64px;
}

.tcol23 {
  display: table-cell;
  vertical-align: middle;
  width: 66.67%;
  text-align: left;
}

.tcol13 {
  display: table-cell;
  vertical-align: middle;
  width: 33.33%;
  text-align: right;
}

.home3 h2, .home4 h2, .home5 h2 {
  margin-bottom: 0;
  font-size: 40px;
}

/*
# Seperate css - Products
*/

.picked_product {
	display: flex;
	flex-direction: column;
	align-items: left;
	padding: 24px;
	height: 492px;
	background-color: #F2F2F2;
}

.picked_product span{
	height: 16px;
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #8A8A8A;
}

.picked_product h2{
	height: 28px;
	font-family:"Gelasio";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: #04111C;
	margin-bottom: 0px;
}

.product-image{
	height:360px;
	
}

.product-details h5 {
	margin: 0px;
}

.product-details h5 a{
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #68778A;
}


.product-name a{
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #04111C;
	text-decoration: none;
}

.product-name a:hover {
	text-decoration: underline; 
	transition: all 0.1s ease-out;
}


.pcat.featured .inner {
  display: flex;
  flex-direction: column;
}

.pcat.featured .cards {
  display: flex;
}

.our-picks {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 32%;
}

.our-picks:not(:last-child) {
  margin-right: 2%;
}

.pcat-blog-content:before {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.pcat3 .pcat-blog .cwrap {
  background: #04111c;
}

.pcat-blog-content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* 														align-items:center; */
  padding: 64px;
}

.pcat-blog-content .pcat-read-more:before {
  background-color: #fff;
}

.pcat-blog-content a {
  color: #fff;
}

.pcat-blog-content h2 {
  margin-bottom: 32px;
}

.pcat-blog-content a,
.pcat-blog-content h2 {
  text-align: left;
}

@media only screen and (max-width: 714px) {
  .pcat.featured {
    padding: 96px 0 24px 0;
  }

  .pcat.featured .cards {
    flex-direction: column;
    align-items: center;
  }
	

  .our-picks {
    width: 100%;
    margin-bottom: 15%;
  }
	
  .cards {
    display: grid !important;
    grid-gap: 10px;
    grid-auto-flow: column;
    grid-auto-columns: calc(80% - 20px);
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
  .our-picks {
    scroll-snap-align: center;
  }
}

.our-picks::after {
  content: "";
  background: #eee;
  height: 360px;
  height: 65%;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  margin-bottom: 20px;
}

.our-picks h3 {
  line-height: 16px;
  color: #8a8a8a;
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}

.our-picks h2 {
  font-family: "Caveat", cursive;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
}

.our-picks p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 4px;
}

.our-picks h5 a {
  font-size: 12px;
  line-height: 14px;
  color: #8a8a8a;
}

.our-picks h5 {
  padding-bottom: 40px;
  font-family: "HK Grotesk", sans-serif;
  margin-bottom: 0;
}

.card-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.our-picks .button.card-link {
  position: initial;
}

.woocommerce a.button:hover {
  background-color: #ffb45c;
}

.button.card-link:before {
  z-index: -1 !important;
}

.our-picks img {
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  -o-transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    -webkit-transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.our-picks:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.owl-stage,
.owl-stage > div {
  display: flex;
}

.owl-item:last-child {
  margin-right: 0 !important;
}

.pcat-brand .text-box {
  /* height: 100%; */
  width: 100%;
  padding: 81px 116px;
}

.pcat-brand a:before {
  width: 30%;
  background: white;
}

.pcat-brand span.sub {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;

  letter-spacing: 0.05em;
  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.8);
}

.pcat-brand h2.heading {
  font-family: Caveat;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 48px;
  color: #ffffff;
  padding-top: 8px;
}

.pcat-brand p {
  width: 55%;
  color: #ffffff;
}

.pcat-brand a {
  margin-top: 32px;
  color: #ffffff;
}

.pcat-brand .owl-stage-outer {
  background: #04111c;
}

.pcat-brand .owl-dots {
  position: absolute;
  width: 100%;
  bottom: 30px;
}

.pcat-brand .owl-dots .owl-dot.active span {
  background: #fff;
}

.pcat-brand .owl-dots .owl-dot span {
  background: #9e9e9e;
}

.pcat-brand .inner {
  background-size: cover;
  background-position: center;
}

.pcat-brand .inner {
  min-height: 45vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
  background-position: center !important;
  padding: 0;
}

@media only screen and (max-width: 714px) {
  .pcat-brand .inner {
    min-height: 55vh;
    background-size: cover !important;
    background-position: center !important;
    padding: 0;
  }

  .pcat-brand .inner .text-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 64px 0 !important;
  }

  .pcat-brand .inner .text-box {
    padding: 0;
    margin: 0;
  }

  .pcat-brand .inner .text-box p {
    text-align: center;
  }

  .pcat-brand .owl-dots {
    width: calc(100vw - 40px);
  }
	
}

/*
End Product #
*/

.button,
.woocommerce a.button {
  background-color: #ffb45c;
  padding: 12px 20px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #04111c;
  display: inline-block;
  height: 40px;
  position: relative;
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.button:before:not(.card-link),
.woocommerce a.button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #04111c;
  content: "";
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1;
}

.home3 .button:before {
  background-color: #fff;
}

.button:hover,
.woocommerce a.button:hover {
  color: #fff;
}

.button:hover:before,
.woocommerce a.button:hover:before {
  width: 100%;
}

.button span,
.woocommerce a.button span {
  position: relative;
  z-index: 10;
}

.button:hover span,
.woocommerce a.button:hover span {
  color: #fff;
}

.home3 .slider .button:hover span {
  color: #ffb45c;
}

.bx-wrapper {
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  background: none;
  max-width: auto;
}

.slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 480px;
  position: relative;
  color: #fff;
}

.slide-content {
  position: absolute;
  top: 50%;
  left: 96px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  max-width: 360px;
}

.slide h3 {
  font-family: "Caveat", cursive;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  color: #fff;
}

.home3 .slider .button {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}

.bx-wrapper .bx-pager {
  bottom: 24px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 12px;
  height: 12px;
  background-color: #8a8a8a;
  border-radius: 50%;
  margin: 0 8px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #fff;
}

.home7 {
  text-align: center;
}

.tcol6 {
  width: 16.66%;
  vertical-align: middle;
  display: table-cell;
}

.show3 .tcol3 {
  display: table-cell;
  vertical-align: middle;
}

.show3 .tcol3:first-child {
  width: 30%;
  padding-right: 1px;
}

.show3 .tcol3:nth-child(2) {
  width: 45%;
  padding-right: 5%;
}

.show3 .tcol3:last-child {
  width: 20%;
  text-align: right;
}

.show3 video {
  width: 100%;
  display: block;
}

.show4 h2 {
  margin-bottom: 64px;
  font-size: 32px;
  line-height: 36px;
}

.cwrap {
  overflow: hidden;
}

.cwrap-responsive {
	/*height: 660px; */
	margin-bottom: -20px;
}

.brand3 .cwrap,
.brand4 .cwrap,
.product1 .cwrap {
  margin: 0;
  display: block;
}

.col3 {
  width: 32%;
  float: left;
  margin-right: 2%;
}

.slide-content.about {
    max-width:100%;
    left:0;
    padding-left: 10px;
    padding-right: 10px;
}

.slide-content.about img {
    width:100%;
}

.col3:nth-child(3n + 3) {
  margin-right: 0;
}

.show4 h3 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-top: 12px;
}

.show5 {
  padding-top: 0;
  padding-bottom: 120px;
  text-align: center;
}

.show5 .inner {
  padding-top: 120px;
  border-top: 1px solid #dedede;
}

.show5 h2,
.about6 h2,
.careers5 h2,
.ppage4 h2,
.product4 h2 {
  font-family: "Caveat", cursive;
  font-weight: 500;
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 32px;
}

.product4 h2 {
  margin-bottom: 0;
  color: #fff;
}

.careers5 h2 {
  max-width: 744px;
  margin: 0 auto 48px;
}

.show5 h4 {
  color: #8a8a8a;
  font-family: "HKGrotesk-Medium";
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 15px;
}

.show5 p {
  margin-bottom: 32px;
}

.show5 .button {
  background: none;
  border: 1px solid #04111c;
}

.contact1 h1 {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-family: "HKGrotesk-Medium";
}

.contact1 h2 {
  font-size: 48px;
  line-height: 52px;
}

label {
  font-size: 14px;
  line-height: 22px;
  color: #04111c;
  display: block;
  margin-bottom: 6px;
}

.contact2 .tcol:first-child {
  padding-right: 30px;
}

.contact2 .tcol:last-child {
  padding-left: 30px;
}

.contact2 .tcol:first-child br,
.book1 br {
  display: none;
}

.contact-content {
  padding: 48px 108px;
  background-color: #f3f3f3;
}

.contact-wrap {
  overflow: hidden;
  margin-bottom: 32px;
}

.contact-wrap:last-child {
  margin-bottom: 0;
}

.contact2 {
  padding: 96px 0 72px;
}

.contact2 .tcol {
  vertical-align: top;
}

.contact-icon {
  width: 48px;
  float: left;
}

.contact-text {
  float: right;
  width: calc(100% - 48px);
  padding-left: 24px;
}

.contact-text h4 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.contact-text p {
  color: rgba(4, 17, 28, 0.8);
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}

.contact-text a {
  color: rgba(4, 17, 28, 0.8);
}

.about9 {
  padding-top: 0;
  text-align: center;
}

.about9 img {
  width: 100% !important;
  max-width: none !important;
}

.cf-wrap {
  overflow: hidden;
  margin-bottom: 24px;
}

.cf-col {
  width: 48%;
  float: left;
}

.cf-col:last-child {
  float: right;
}

.book1 {
  padding: 120px 0 72px;
}

.book1 h1 {
  text-align: center;
  margin-bottom: 136px;
	font-size:48px;
}

.book1 .wpcf7 {
  max-width: 744px;
  margin: 0 auto;
}

.order1 {
  padding: 120px 0 96px;
}

.order1 h1 {
  text-align: center;
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 136px;
}

.order1 .cwrap,
.faq1 .cwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.order1 .cwrap .col,
.faq1 .cwrap .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
  padding: 6px 12px;
  margin-bottom: 48px;
}

.order1 .cwrap .col:nth-child(7),
.order1 .cwrap .col:nth-child(8),
.faq1 .cwrap .col:nth-child(3),
.faq1 .cwrap .col:nth-child(4) {
  margin-bottom: 0;
}

.order1 h3 {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-family: "HKGrotesk-SemiBold";
  border-bottom: 1px solid #dedede;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.order1 p {
  font-size: 14px;
  line-height: 22px;
}

.page-header {
  padding: 120px 0 40px;
}

.page-header h1 {
  text-align: center;
  font-size: 48px;
  line-height: 52px;
  color: #04111c;
  margin-bottom: 0;
}

.page-header h3 {
  font-family: "HKGrotesk-Medium";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
}

.page-content {
  padding-top: 0;
}

.page-template-default .page-content {
  padding: 96px 0;
}

.page-template-default .page-content .inner {
  max-width: 744px;
}

.page-content h3 {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
}

.page-content p {
  font-size: 14px;
  line-height: 22px;
}

.faq1 h1 {
  text-align: center;
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 80px;
}

.faq1 h2 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 1px solid #dedede;
  margin-bottom: 0;
  padding-bottom: 16px;
}

.faq h5 {
  padding: 16px;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #dedede;
  position: relative;
  cursor: pointer;
}

.faq h5:after {
  background: url("images/plus.png") no-repeat center;
  background-size: cover;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
  content: "";
}

.faq.opened h5:after {
  background: url("images/minus.png") no-repeat center;
  background-size: cover;
}

.faq-content {
  display: none;
  padding: 32px;
}

.faq-content p {
  font-size: 14px;
  line-height: 22px;
}

.careers1,
.contact1 {
  text-align: center;
  padding: 120px 0 40px;
}

.careers1 h1 {
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 16px;
}

.careers1 h3 {
  font-family: "HKGrotesk-Medium";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 48px;
}

.careers2 h2,
.careers3 h2 {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 32px;
}

.careers2 h3,
.careers3 h3 {
  font-family: "HKGrotesk-Medium";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: #8a8a8a;
}

.careers2 .tcol:last-child {
  padding-left: 100px;
}

.careers3 {
  background-color: #f3f3f3;
}

.careers3 .col:first-child {
  padding-right: 100px;
}

.bx-wrapper .bx-controls-direction a {
  width: 44px;
  height: 44px;
  top: auto;
  bottom: 0;
  left: 0;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
  background: url("images/arrow-left.png") no-repeat center;
  background-size: contain;
}

.bx-wrapper .bx-controls-direction a.bx-next {
  background: url("images/arrow-right.png") no-repeat center;
  background-size: contain;
  left: 44px;
}

.careers4 {
  padding: 96px 0 64px;
}

.career-wrap {
  border-bottom: 1px solid #dedede;
}

.careers4 .ctable {
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  line-height: 16px;
  padding: 24px 0;
}

.careers4 .ctable.role-head {
  text-transform: uppercase;
}

.careers4 .ctable.role-content {
  cursor: pointer;
}

.role-content .tcol4 {
  font-size: 16px;
  line-height: 24px;
}

.role-content .tcol4:first-child {
  font-family: "Gelasio";
  font-size: 18px;
  line-height: 22px;
}

.role-head {
  color: #8a8a8a;
}

.tcol4 {
  width: 32%;
  display: table-cell;
  vertical-align: middle;
}

.tcol4:last-child {
  width: 4%;
  text-align: right;
}

.tcol4:last-child span {
  background: url("images/plus.png") no-repeat center;
  background-size: cover;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.role-opened .tcol4:last-child span {
  background: url("images/minus.png") no-repeat center;
  background-size: cover;
}

.role-content .tcol4:first-child {
  font-family: "Gelasio";
  font-size: 20px;
  line-height: 24px;
}

.role-content .tcol4 {
  color: #04111c;
  font-family: "HKGrotesk-Regular";
}

.careers5 a {
  font-family: "HKGrotesk-SemiBold";
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #04111c;
  border-bottom: 1px solid #04111c;
  display: inline-block;
  padding-bottom: 5px;
}

.read-next.section {
  border-top: 1px solid #dedede;
  max-width: 1160px;
  margin: 0 auto;
}

.read-next .section-head h2,
.recent h3.section-title {
  font-family: "HKGrotesk-Semibold";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #04111c;
}

.career-content {
  color: #04111c;
  font-size: 14px;
  line-height: 22px;
  padding: 24px 0;
  display: none;
}

.career-content .col3 {
  width: 30%;
}

.career-content h3 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 14px;
  line-height: 22px;
}

.project-slider {
  /*padding-top: 96px;*/
	padding-top: 0px;
}

.project-slider .slider {
  max-width: 936px;
  margin: 0 auto;
}

.project-slider .bx-wrapper:first-child {
  margin-bottom: 12px;
}

.project-slider .bx-wrapper .bx-controls-direction a {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.project-slider .bx-wrapper .bx-controls-direction a.bx-prev {
  background: url("images/project-prev.png") no-repeat center;
  background-size: contain;
  left: -94px;
}

.project-slider .bx-wrapper .bx-controls-direction a.bx-next {
  background: url("images/project-next.png") no-repeat center;
  background-size: contain;
  right: -94px;
  left: auto;
}

.project-content .inner {
  max-width: 744px;
  margin: 0 auto;
}

.other-project .inner {
  border-top: 1px solid #dedede;
  padding-top: 80px;
}

.other-project h2 {
  margin-bottom: 48px;
}

.col4 {
  float: left;
  width: 23%;
  margin-right: 2.5%;
}

.col4:last-child {
  margin-right: 0;
}

.other-project a {
  display: block;
}

.other-project h4 {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: rgba(4, 17, 28, 0.6);
  margin: 12px 0 0;
}

.other-project h3 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 12px 0 0;
}

.filters {
  text-align: center;
  margin-bottom: 80px;
}

.filters button {
  font-family: "HKGrotesk-Medium";
  background: none;
  border: 0;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(4, 17, 28, 0.8);
  cursor: pointer;
  margin: 0 24px;
  padding: 0;
}

.filters button.mixitup-control-active {
  font-family: "HKGrotesk-Medium";
  font-weight: 800;
}

.project-grid .col3 {
  padding-bottom: 25px;
  margin: 0 0.6%;
}

.product1 .col:first-child {
  width: 38%;
}

.product1 .col:last-child {
  width: 56%;
  position: relative;
}

.product4.section {
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #04111C;
}

.ppager-wrap {
  position: absolute;
  /*right: 0;
  top: 50%;
	*/
  right: 24%;
  top: 105%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /*-webkit-transform: translateY(-50%);*/
	-webkit-transform: translateY(0%);
}

#ppager {
  display: flex; 
  flex-direction: row; 
  align-items: center; 
  padding: 0; 
  list-style: none; 
}

#ppager li {
  width: 60px;
  height: 60px;
}

#ppager li a {
  display: block;
}

#ppager li img {
  width: 100%; 
  height: 100%; 
  object-fit: cover;
}

.product1 h2 {
  font-size: 12px;
  line-height: 14px;
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 0;
}

.product1 h2 a {
  color: #8a8a8a;
}

.product1 h1 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 0;
  padding: 8px 0;
  text-align: left;
}

.product1 h3,
.our-picks h3 {
  font-size: 12px;
  line-height: 14px;
  font-family: "HKGrotesk-Medium";
  color: #68778a;
}

.product-description {
  font-size: 14px;
  line-height: 22px;
  color: #04111C !important
  margin-bottom: 30px;
  text-align: left !important;
}

.product-description ul,
.tab-content ul,
.career-content ul {
  padding-left: 20px;
}

.career-content ul,
.accordion-content ul {
  padding-left: 15px;
}

.product-description ul li,
.tab-content ul li,
.career-content ul li,
.accordion-content ul li {
  list-style: disc outside none;
  margin-bottom: 5px;
  line-height: 22px;
}

.product-description ul li:last-child,
.tab-content ul li:last-child,
.career-content ul li:last-child,
.accordion-content ul li:last-child {
  margin-bottom: 0;
}

.woocommerce a.button {
  border-radius: 0;
  font-weight: 400;
}

.product-buttons {
  display: flex;
  justify-content: center;
}

.product-buttons a.button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  float: center;
  width: 199px;
  height: 40px;
  padding: 10px 24px;
  margin-right: 5px;
  background: #FFB45C;
  color: #04111c;
  text-decoration: none;
  border-radius: 0;
  font-weight: 400;
 
}

.product-buttons a.button:last-child {
  background: none;
  border: 1px solid #04111c;
  color: #04111c;
}

.product-buttons a.button:hover {
  background-color: #FFB45C;
  color: #ffffff;
}


#pslider {
  float: left;
  width: calc(100% - 60px);
  height: 515px !important;
}

#pslider li img {
  margin: 0 auto;
  max-height: 520px;
  object-fit: contain;
}

.product1 .col:last-child .bx-wrapper:last-child {
/*   float: right; */
}

.single-product .home2 {
  background-color: #f3f3f3;
  padding: 120px 0;
}

.product3 {
  padding: 96px 0 120px;
}

.tab-head {
  width: 100%;
  display: table;
  margin-bottom: 80px;
}

.tab-head a {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 22px;
  display: table-cell;
  text-align: center;
  padding: 15px 20px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  position: relative;
}

.tab-head a.active {
  color: #04111c;
}

.tab-head a.active::after {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #04111c;
  content: "";
  z-index: 10;
  height: 1px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tab-content .tcol:first-child {
  padding-right: 40px;
}

.tab-content .tcol:last-child {
  padding-left: 40px;
}

.tab-content {
  display: none;
  font-size: 14px;
  line-height: 22px;
}

#tab-1 {
  display: block;
}

.tab-single-col {
  max-width: 80%;
  margin: 0 auto;
}

.product4 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  position: relative;
}

.product4:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
}

.woocommerce-shop .product4:before,
.pcat4.product4:before {
  display: none;
}

.woocommerce-shop .ppage4,
.woocommerce-shop .ppage4 h2,
.pcat4.ppage4,
.pcat4.ppage4 h2 {
  color: #FFFFFF;
}

.pcat5.section {
  padding-bottom: 0;
}

.woocommerce-shop span.min-read::after,
.pcat4 span.min-read::after {
  display: none;
}

.woocommerce-shop .product4 .tcol:last-child a,
.pcat4.product4 .tcol:last-child a {
  color: #FFFFFF;
}

.woocommerce-shop .product4 .tcol:last-child a::before,
.pcat4.product4 .tcol:last-child a::before {
  background-color: #FFFFFF;
}

.woocommerce-shop .ppage2 .cwrap,
.woocommerce-shop .ppage3 .cwrap,
.woocommerce-shop .about4 .cwrap,
.woocommerce-shop .ppage6 .cwrap {
  margin: 0;
  display: block;
}

.woocommerce-shop .ppage6 h2,
.pcat5 h2 {
  margin-bottom: 0;
}

.woocommerce-shop .about4 .inner {
  border-top: 0;
}

.product4 .inner {
  position: relative;
  z-index: 20;
}

.product4 .tcol:last-child a {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  padding-left: 56px;
}

.product4 .tcol:last-child a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 1px;
  background-color: #fff;
  content: "";
}

.product5 h2 {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 64px;
}

.product5 img {
  margin-bottom: 30px;
}

.product5 h4 {
font-family: "IBM Plex Mono";
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #68778A;
margin-bottom: 12px;
}

.product5 h3 {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 500;
  line-height: 17.5px;
  font-size: 14px;
  margin-top: auto;
  margin-bottom: 4px;
  height: 35px;
}

.product5 h3:hover {
	text-decoration: underline; 
	transition: all 0.1s ease-out;
}

.product5 h5 {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 12px;
}

.prod5-catlnk a{
	color: #BABABA !important;
}

.button2 {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  text-transform: uppercase;
  color: #04111c;
  padding-left: 55px;
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.button2:hover {
  color: #ffb45c;
}

.button2::before {
  top: 8px;
  width: 40px;
  height: 1px;
  position: absolute;
  left: 0;
  content: "";
  background-color: #04111c;
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.home4 .button2::before {
  top: 10px;
}

.button2:hover:before {
  background-color: #ffb45c;
  width: 20px;
}

.button2 span {
  position: relative;
  z-index: 10;
}

.button2:hover span {
  color: #fff;
}

.home4 .ctable,
.pcat5 .ctable {
  margin-bottom: 64px;
}

.home4 h2 {
  margin-bottom: 0;
}

.home4-img {
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.home4-img-inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1),
    -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.home4-loaded .home4-img-inner {
  position: absolute;
}

.home4-loaded img {
  /* 	display: none; */
}

.home4 .col4:hover .home4-img-inner,
.pcat-blog:hover .pcat-blog-image {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.home4 h4 {
  font-size: 11px;
  line-height: 14px;
  font-family: "IBM Plex Mono", monospace;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: rgba(4, 17, 28, 0.6);
  margin-bottom: 6px;
}

.home4 h3 {
  font-size: 16px;
  line-height: 20px;
  font-family: "HKGrotesk-SemiBold";
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #04111c;
  margin-bottom: 0;
}

.feat-post {
  position: relative;
  height: 440px;
}

.feat-post-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.feat-post-image a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.feat-post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  max-width: 65%;
}

.feat-post-inner {
  position: relative;
  padding: 60px 40px 30px !important;
  background-color: #fff;
}

.feat-icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #04111c;
  padding: 8px 15px;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-family: "IBM Plex Mono", monospace;
}

.fpi-outer {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.fpi-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1),
    -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.home5 .col:hover .fpi-inner {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.post-meta {
  /* overflow: hidden; */
  overflow: visible;
  margin-bottom: 7px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
  align-items: center;
}

.plainwt{
font-family: "Hanken Grotesk";
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}

.post-meta span {
  /* float: left; */
  /* margin-right: 12px; */
  /* color: rgba(4, 17, 28, 0.6); */
  /* text-transform: uppercase; */
}

.post-meta span.min-read {
  /* font-family: "HKGrotesk-Medium"; */
}

.post-meta span:first-child {
  /* padding-right: 10px; */
  /* position: relative; */
}

.post-meta span:first-child::before {
  /* width: 3px; */
  /* height: 3px; */
  /* background-color: #bfbfbf; */
  /* border-radius: 50%; */
  /* position: absolute; */
  /* top: 7px; */
  /* right: 0; */
  /* content: ""; */
}

.post-categories {
  /* overflow: hidden; */
  display: flex;
}

.post-categories li {
  float: left;
  margin-right: 5px;
}

.post-categories a,
.min-read {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(4, 17, 28, 0.6);
  margin: 0;
  font-family: "IBM Plex Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.product4 .post-categories a,
.product4 .min-read {
  color: #fff;
}

.ppage3 .feat-post-content {
  max-width: 65% !important;
}

.feat-post-content .feat-post-inner h2 {
  font-size: 20px;
  line-height: 24px;
  color: #04111c;
  margin-bottom: 8px;
  font-family: "Gelasio";
}

.home .feat-post-content .feat-post-inner h2 {
  margin-bottom: 16px;
}

.feat-post-inner .read-more,
.pcat-read-more {
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #04111c;
  position: relative;
  padding-left: 50px;
  font-weight: 500;
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.home5 .col:hover .feat-post-inner .read-more {
  color: #ffb45c;
}

.feat-post-inner .read-more:before,
.pcat-read-more:before {
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #04111c;
  height: 1px;
  width: 40px;
  content: "";
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.home5 .col:hover .feat-post-inner .read-more:before {
  background-color: #ffb45c;
  width: 20px;
}

.pcat-read-more:hover,
.pcat-blog-content h2:hover + a {
  color: #ffb45c;
}

.home5,
.home6 {
  padding-top: 0;
}

.home5 {
  padding-bottom: 96px;
}

.home5 .inner {
  padding-top: 96px;
  border-top: 1px solid #dedede;
}

.home5 h2 {
  margin-bottom: 64px;
}

.home6 .inner {
  max-width: none;
  padding-top: 120px;
  position: relative;
}

.home6 .inner:before {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: #dedede;
  content: "";
  max-width: 1128px;
  right: 0;
  display: block;
  margin: 0 auto;
}

.ig-content {
  max-width: 1128px;
  margin: 0 auto 80px;
  text-align: center;
}

.home6 h2 {
  font-family: "HKGrotesk-Regular";
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-transform: uppercase;
}

.home6 p {
  font-size: 14px;
  line-height: 22px;
  color: #04111c;
}

.ig-content .button {
  position: relative !important;
  padding-left: 46px !important;
}

.ig-content a:after {
  position: absolute;
  top: 10px;
  left: 14px;
  width: 20px;
  height: 20px;
  background: url("images/insta.png") no-repeat center;
  background-size: contain;
  content: "";
  z-index: 10;
}

.ig-content a:hover:after {
  background: url("images/insta-white.png") no-repeat center;
  background-size: contain;
}

.home6 .bx-viewport {
  height: auto !important;
  margin-left: -4%;
  overflow: visible !important;
}

#sb_instagram .sb_instagram_header {
  display: none;
}

#sb_instagram {
  padding-bottom: 0 !important;
}

#sb_instagram .sbi_type_carousel .sbi_playbtn,
#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
#sb_instagram .sbi_type_video .sbi_playbtn,
#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
.sbi_type_carousel .fa-clone {
  opacity: 0.4;
}

#sbi_load {
  display: none;
}

.home7 {
  padding-top: 0;
  padding-bottom: 120px;
}

#sb_instagram #sbi_images {
  padding: 0 !important;
}

#sb_instagram .sbi_item:nth-child(2n + 2) .sbi_photo_wrap {
  max-width: 56%;
  margin: 0 auto;
  height: 100%;
}

#sb_instagram .sbi_item:nth-child(2n + 2) .sbi_photo {
  height: 56% !important;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sbi_item .sbi_photo {
}

.pcat1 {
  text-align: center;
  padding: 120px 0 40px;
}

.pcat1 h1 {
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 16px;
}

.pcat1 h3 {
  font-family: "HKGrotesk-Medium";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 0;
}

.pcat2 {
  text-align: center;
  padding: 120px 0 40px;
}

.pcat2 h1 {
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 16px;
}

.pcat2 h3 {
  font-family: "HKGrotesk-Medium";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 0;
}

.inactiveLink {
   pointer-events: none;
   cursor: default;
}

.products-head {
  margin-bottom: 64px;
  overflow: hidden;
}

.products-head-title {
  margin-bottom: 24px !important;
}

.products-head h2 {
   font-size: 32px;
   line-height: 38px;
   float: center;
   text-align: center;
}

.product-sorting {
  float: center;
  overflow: hidden;
}

.sort,
.sort span {
  float: left;
}

.sort {
  overflow: hidden;
}

.sort:last-child {
  margin-left: 8px;
}

.sort-select {
  position: relative;
}

.sort-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  content: "";
  background: url("images/chevron.png") no-repeat center;
  background-size: contain;
  z-index: 10;
}

.sort-label {
  color: #8a8a8a;
  font-size: 14px;
  display: inline-block;
  margin-right: 12px;
  line-height: 38px;
}

.sort select {
   background: #fff;
   border: 1px solid #dedede;
   height: 40px;
   min-width: 505px;
   padding: 8px 16px;
   font-size: 14px;
   position: relative;
}

.sort:last-child select {
  min-width: 505px;
}

.sort select option {
  padding: 0;
}

.products-cat {
  position: relative;
}

.loader {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  width: 80px;
  margin: 0 auto;
  display: none;
}

.ppage3 .col {
  padding: 0;
}

.pdetails {
  overflow: hidden;
  padding-top: 16px;
  position: relative;
  height: auto;
}

.pdetails-blog {
  background-color: #F3F3F3 !important;
  height: 141.1px;
}

.pfeat {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #04111c;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #fff;
  padding: 9px;
  height: 32px;
  z-index: 10;
}

.pdetail-left {
  width: calc(100% - 140px);
  float: left;
  padding: 24px;
}

.pdetail-left h4 {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  /*letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 6px;*/
}

.pdetail-left h4 a {
  color: #8a8a8a;
}

.pdetail-left h3 {
  font-size: 20px;
  line-height: 24px;
}

.pdetail-left h3 a {
  color: #04111c;
}

.pdetail-left h5 {
}

.pdetail-right {
  width: 120px;
  float: right;
}

.pdetail-right span {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #8a8a8a;
  display: block;
  border: 1px solid #8a8a8a;
  padding: 8px 0;
}

.pcat-img {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #F3F3F3;
}

.pcat-img-inner img {
  animation: fadeIn ease-in 1.2s;
  -webkit-animation: fadeIn ease-in 1.2s;
  -webkit-animation-delay: -0.85s;
  animation-delay: -0.85s;
}

.pcat-img-inner .pcat-hover {
  animation: fadeOut 0.8s;
  -webkit-animation: fadeOut 0.8s;
}

/*.has-hover-image:hover .pcat-img-inner img {
  animation: fadeOut ease 0.8s forwards;
  -webkit-animation: fadeOut ease 0.8s forwards;
}*/

.has-hover-image:hover .pcat-img-inner .pcat-hover {
  animation: fadeIn ease 0.6s forwards;
  -webkit-animation: fadeIn ease 0.6s forwards;
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

.pcat-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.has-hover-image .pcat-hover {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  z-index: -1;
  visibility: hidden;
}

.has-hover-image img {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.pcat-img span,
.post-image-holder span {
  background-color: #ffb45c;
  position: absolute;
  top: 15px;
  left: 5px;
  color: #000;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  padding: 27px 8px;
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  line-height: 14px;
  z-index: 10;
  font-weight: 600;
}

/* .post-image-holder span {
    background-color: #041C3C;
    position: absolute;
    top: 45px;
    left: -65px;
    color: #fff;
    width: 250px;
    display: block;
    padding: 4px 8px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-45deg);
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px;
    line-height: 12px;
    z-index: 10;
} */

.post-image-holder span {
  background-color: #041c3c;
  color: #fff;
  font-size: 11px;
  font-weight: unset;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  width: 76px;
  top: 0;
  left: 0;
  padding: 6px 8px;
  border-radius: 0;
  height: unset;
}

.ppage0 {
  text-align: center;
  padding: 120px 0 40px;
}

.ppage0 h1 {
  margin-bottom: 0;
  font-size: 48px;
  line-height: 52px;
}

.ppage1,
.ppage2,
.ppage3,
.ppage6,
.brand4 {
  padding-top: 0;
  padding-bottom: 96px;
}

.ppage1 h2,
.ppage2 h2,
.ppage3 h2,
.ppage5 h2,
.ppage6 h2,
.brand3 h2,
.brand4 h2 {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 64px;
}

.ppage1 .pdetails,
.pdetail-img {
  height: 368px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 24px;
}

.pdetail-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.ppage1 .pdetails a {
  display: block;
  position: relative;
  height: 100%;
}

.p1-details {
  position: absolute;
  left: 0;
  bottom: 0;
}

.pdetails h4 {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 12px;
}

.ppage1 .pdetails h4 {
  color: rgba(255, 255, 255, 0.8);
}

.pdetails h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 5px 0;
}

.pcat3 .pdetails h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  font-family: 'Hanken Grotesk';
  font-style: normal;
  text-decoration: none; 
}

.pcat3 .pdetails h3:hover {
  text-decoration: underline; 
  transition: all 0.1s ease-out; 
}

.ppage1 .pdetails h3 {
  color: rgba(255, 255, 255, 0.8);
}

.pdetails h5 {
  font-family: 'IBM PLEX MONO';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 0;
  color: #68778A;
  letter-spacing: 0.05em;
}

.pdetails h5 a {
  /*background-color: #68778a; */
  padding: inherit;
  color: #68778A;
  text-transform: uppercase;
}

.branddetails h5 {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #68778A;
	margin-bottom: 12px;
	text-align: left;
}

.branddetails h3 {
	text-align: left !important;
	font-family: "Hanken Grotesk";
	font-weight: 500;
	font-size: 14px;
	line-height: 17.5px;
	text-decoration: none;
}

.branddetails h3:hover {
	text-decoration: underline; 
	transition: all 0.1s ease-out;
}

.branddetails h4 {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 12px;
  color: #BABABA!important;
  text-align: left;
}

}

.ppage2 .inner,
.ppage3 .inner,
.ppage6 .inner,
.brand4 .inner {
  padding-top: 96px;
  border-top: 1px solid #dedede;
}

.ppage2 .pdetails img {
  padding-bottom: 24px;
}

.pdetail-content {
  background-color: #04111c;
  padding: 24px;
}

.pdetail-content h4 {
  color: #9e9e9e;
}

.pdetail-content h3 {
  color: #ffffff;
}

.pdetail-content h5 {
  color: rgba(255, 255, 255, 0.8);
}

.homesection

.tcol {
  flex-basis: calc(50% - 10px); /* Each tcol takes up 50% of the container width minus margin */
  margin-right: 20px; /* Add margin between tcols */
}

.ppage4 {
  background-color: #f3f3f3;
}

.ppage4 .post-categories a {
  color: #FFFFFF
}

.ppage4 .post-meta {
  margin-bottom: 16px;
}

.ppage4 h2 {
  margin-bottom: 0;
}

.product4 .tcol {
  /* vertical-align: bottom; */
}

.product4 .tcol:first-child {
  padding-right: 12px;
}

.product4 .tcol:last-child {
  padding-left: 9.5%;
  padding-top: 24px;
}

.product4 span.min-read {
  color: #BABABA;
}

.about4.ppage5.section {
  text-align: left;
}

.ppage5 h3 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 5px;
}

.ppage6 .post-details h2 {
  text-transform: none;
}

.post-image-holder {
  height: 20vh;
  position: relative;
}

.inner .post-image-holder {
  min-height:240px;
}

.post-image-holder a {
  position: relative;
  display: block;
  height: 100%;
}

.post-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.ppage6 .post-details h2 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 16px;
  line-height: 20px;
  margin: 8px 0 20px;
}

.ppage6 .post-date span {
  color: rgba(4, 17, 28, 0.4);
}

.ppage1 .col,
.ppage5 .col {
  padding: 0;
}

.brand1 {
  padding: 120px 0 40px;
}

.brand1 h2 {
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 136px;
}

.brand2 {
  padding-bottom: 0;
}

.brand2 .inner {
  padding-bottom: 80px;
  border-bottom: 1px solid #dedede;
}

.brand2-img {
  position: relative;
  padding: 20px;
}

.brand2-img:before {
  position: absolute;
  top: 1px;
  left: 0;
  width: 92%;
  height: 90%;
  background-color: #041c3c;
  content: "";
}

.brand2-img img {
  position: relative;
  z-index: 10;
}

.brand2 .tcol:last-child {
  padding-left: 80px;
}

.brand2 p {
  font-size: 14px;
  line-height: 22px;
}

.mc-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 96px;
  height: 100%;
  border-right: 1px solid #dedede;
  padding: 24px;
  z-index: 100;
  background-color: #fff;
}

.mc-menu-inner,
.mc-head-inner,
.mcmenu-inner {
  position: relative;
  height: 100%;
}

.mc-menu a {
  display: block;
  width: 48px;
  height: 48px;
  position: relative;
}

.mc-menu a:before,
.mc-menu a:after {
  width: 32px;
  position: absolute;
  content: "";
  height: 1px;
  top: 16px;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  background-color: #04111c;
}

.mc-menu a:after {
  top: 30px;
}

.mc-head {
  position: absolute;
  height: 95%;
  width: 100%;
  bottom: 0;
  left: 0;
}

.mc-head span {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 14px;
  line-height: 22px;
  color: rgba(4, 17, 28, 0.4);
  width: 180px;
  text-align: center;
  left: -66px;
  top: 50%;
  margin-top: -60px;
  display: none;
}

.mcmenu {
  position: fixed;
  width: calc(100% - 96px);
  top: 0;
  right: 0;
  height: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-110%);
  transform: translateX(-110%);
  z-index: 10000;
}

.mcmenu.menu-opened {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.mcmenu-container {
  overflow: hidden;
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
}

.mcmenu-menu,
.mcmenu-blog {
  background-color: #fff;
  display: table-cell;
  width: 60%;
  height: 100%;
  vertical-align: middle;
}

.mcmenu-menu {
  padding: 20px 108px;
  position: relative;
}

.mcmenu-logo {
  position: absolute;
  top: 30px;
  left: 108px;
}

.mcmenu-logo img {
  max-width: 168px;
}

.mcmenu-items .sub-menu {
  display: none;
}

.mcmenu-items ul li a {
  font-family: "Gelasio";
  font-size: 24px;
  line-height: 28px;
  color: #04111c;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;
  padding-right: 30px;
}

.mcmenu-items ul li.menu-item-has-children a:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  content: "";
  background: url("images/chevron.png") no-repeat center;
  background-size: contain;
}

.mcmenu-items ul li:last-child a {
  margin-bottom: 0;
}

.mcmenu-blog {
  background-color: #f3f3f3;
  width: 40%;
  padding: 30px;
}

.mcmenu-items ul li ul li a {
  font-family: "HKGrotesk-Regular";
  font-size: 16px;
  line-height: 24px;
  color: rgba(4, 17, 28, 0.8);
  margin-bottom: 20px;
}

.mcmenu-items ul li ul li a:after {
  display: none;
}

#menu-item-11346 ul {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 20px;
  margin-bottom: 40px;
}

#menu-item-11346 ul li {
  width: 100%;
  float: left;
}

#menu-item-11346 ul li:nth-child(2n + 2) {
  float: right;
}

#menu-item-11347 ul {
  padding: 0 20px;
  margin-bottom: 40px;
}

.ppage6 .post-details,
.pcat2 .post-details,
.guide4 .post-details,
.videos3 .post-details,
.post-details {
  border: 1px solid #dedede;
}

.ppage6 .post-category,
.ppage6 .post-details h2,
.ppage6 .post-date,
.pcat2 .post-category,
.pcat2 .post-details h2,
.pcat2 .post-date {
  /*   padding: 0 24px; */
}

.ppage6 .post-date,
.pcat2 .post-date {
  /*   padding-bottom: 24px; */
}

.post-category {
  display: flex;
}

.post-body {
  padding: 20px 24px;
}

.post-body h2 {
  min-height: 60px;
  margin-bottom: 12px;
}

.post-category {
  position: relative;
}


span.min-read:before,
.feat-post .sub-cat:before,
.single-post-header .inner .post-meta li.sub-cat:before {
  content: "";
  height: 2px;
  width: 2px;
  border-radius: 50%;
  background: #8a8a8a;
  position: absolute;
  margin-left: -11px;
}

.single-post-inner img,
.single-post-inner figure {
  max-width: 100%;
  width: 100% !important;
  margin-bottom:15px;
}

.single-post-inner figure{
  max-width: 564px !important;
}

.single-post-image > .inner > img{
  object-fit: cover;
  max-height: 55vh;
}

.single-post-content.section{
  padding-top:0px;
}

.single-post-related .inner .sub-cat {
  display: none;
}

.single-post-related h2,
.single-post-related h2 li.topic-cat a {
  font-size: 20px;
  font-family: "HKGrotesk-Semibold";
  line-height: 36px;
  margin-bottom: 64px;
  color: initial;
  display: block;
}

.recommended-reading .post-body h2 a,
.recent .post-body h2 a,
.explore-cats .post-details h2 a,
.read-next .post-body h2 a {
  font-family: "HKGrotesk-Semibold";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: block;
  text-transform: capitalize;
}

span.min-read {
  font-family: "Hanken Grotesk";
  text-transform: unset;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #BABABA;
  margin-left: 16px;
  display: flex;
  align-items: center;
}

li.topic-cat a {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8a8a8a;
}

div:not(.feat-post-inner, .single-post-header .inner) > .post-meta li.sub-cat {
  /* display:none; */
  position: absolute;
  bottom: -100px;
}

.feat-post li.sub-cat,
.single-post-header .inner > .post-meta li.sub-cat {
  display: flex;
  align-items: center;
  margin-left: 15px;
}

li.sub-cat a {
  font-family: "HKGrotesk-Regular";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #8a8a8a;
  text-transform: capitalize;
	color: transparent !important;
}

#ppager a {
  border: 1px solid #dedede;
  display: block;
}

#ppager a.active {
  border: 1px solid #04111c;
}

.pcat-brand-content {
  background-color: #f3f3f3;
  padding: 45px 50px;
}

.pcat-brand img {
  width: 100%;
  max-width: none;
}

.pcat-brand h4 {
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 8px;
}

.pcat-brand h2 {
  font-family: "Gelasio";
  font-size: 36px;
  line-height: 40px;
  color: #04111c;
}

.pcat-brand p {
  /* color: #04111c; */
}

.pcat-blog {
  margin-bottom: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.pcat3 .cwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -18px;
}

.pcat3 .cwrap .cwrap {
  margin: 0;
  background-color: #f3f3f3;
}

.pcat3 .col {
  /*margin-bottom: 20px;*/
  margin-bottom: 12px;
}

.pcat3 .col:nth-child(2n + 2) {
  float: right;
}

.pcat-blog .col-6 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 55%;
  flex: 1 1 55%;
  max-width: 55%;
  padding: 0 18px;
  position: relative;
}

.pcat-blog-image {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1),
    -webkit-transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

.pcat-blog .col-4 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 45%;
  flex: 1 1 45%;
  max-width: 45%;
  padding: 0 18px;
}

.pcat-blog-content {
  padding: 100px 48px;
  text-align: center;
}

.pcat-blog-content h2 {
  font-family: "Caveat", cursive;
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
}

.pcat-blog-content h2 a {
  color: #fff;
}

.about-banner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 410px;
  width: 100%;
  text-align: center;
}

.about-banner h3 {
  color: #fff;
  text-transform: uppercase;
  font-family: "HKGrotesk-Medium";
  font-size: 20px;
  letter-spacing: 0.02em;
  line-height: 24px;
  margin-bottom: 16px;
}

.home1.about1 h1 {
  position: static;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  font-size: 48px;
  line-height: 52px;
  font-family: "Gelasio";
  text-transform: none;
  max-width: none;
}

.about2 {
  padding: 40px 0;
}

.about2 p {
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  font-family: "Gelasio";
  max-width: 712px;
  margin: 0 auto;
  color: #04111c;
  padding: 160px 0;
  position: relative;
}

.about2 p:before,
.about2 p:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;
  width: 1px;
  background-color: #ffd29d;
  content: "";
  margin: 0 auto;
  display: block;
}

.about2 p:after {
  top: auto;
  bottom: 0;
}

.about3 h4 {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "HKGrotesk-Medium";
  color: #8a8a8a;
  letter-spacing: 0.02em;
}

.about4.section,
.about5.section {
  padding-top: 0;
  text-align: center;
}

.woocommerce-shop .about4.section {
  padding-bottom: 96px;
}

.about4.section {
  padding-bottom: 18px;
}

.about5.section {
  padding-bottom: 96px;
}

.about4 .inner {
  border-top: 1px solid #dedede;
  padding-top: 80px;
}

.about4 .inner {
  padding-top: 96px;
}

.about4 p {
  max-width: 552px;
  margin: 0 auto 64px;
}

.col {
  width: 49%;
  float: left;
}

.about4 .cwrap .cwrap .col {
  width: 48%;
}

.col:nth-child(2n + 2) {
  float: right;
}

.gal1 {
  padding-top: 18px;
}

.gal2 {
  padding-bottom: 18px;
}

.about5 .tcol:last-child,
.about6 .tcol:last-child {
  padding-left: 100px;
  text-align: left;
}

.about5 .tcol:last-child img {
  max-width: 72px;
}

.about5 p {
  font-family: "Gelasio";
  font-size: 20px;
  line-height: 32px;
  margin: 32px 0;
  color: #fff;
}

.about5 h4 {
  font-family: "HKGrotesk-Regular";
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #fff;
}

.about5 h5 {
  font-family: "HKGrotesk-Regular";
  font-size: 12px;
  line-height: 18px;
  color: #bfbfbf;
  margin-bottom: 0;
}

.about5 .col:nth-child(2n + 2) {
  background-color: #04111c;
  padding: 38px 48px 39px;
  text-align: center;
}

.about5 .col:nth-child(2n + 2) img {
  width: 24px;
  height: 22px;
}

.about6,
.careers5 {
  padding: 120px 0;
  text-align: center;
}

.about6 h3 {
  font-family: "HKGrotesk-Medium";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(4, 17, 28, 0.4);
  margin-bottom: 8px;
}

.about6 p {
  color: #04111c;
}

.about6 a {
  color: #04111c;
  border: 1px solid #04111c;
  background: none;
}

.about9 .inner {
  max-width: 1344px;
  display: contents;
}



.about9-content {
  background-color: #04111c;
  color: #fff;
  padding: 64px 108px;
}

.about9 h2 {
  font-size: 48px;
  line-height: 52px;
  color: #fff;
}

.about9 p {
  font-size: 14px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.8);
}

.about9 a:first-child {
  margin-right: 16px;
}

.about9 a:last-child {
  color: #fff;
  border: 1px solid #fff;
  background: none;
}

.wpcf7-not-valid-tip {
  font-size: 13px;
  display: block;
  padding-top: 10px;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 10px;
  font-size: 14px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ff0000;
}

.project-products h2 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 64px;
}

.project-products {
  padding-bottom: 0;
}

.project-products .cwrap {
  max-width: 552px;
  margin: 0 auto;
}

.project-products h3 {
	text-align: left !important;
	font-family: "Hanken Grotesk";
	font-weight: 500;
	font-size: 14px;
	line-height: 17.5px;
	text-decoration: none;
}

.project-products h3:hover {
	text-decoration: underline; 
	transition: all 0.1s ease-out;
}

.project-products h5 {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #68778A;
	margin-bottom: 12px;
	text-align: left;
}

.project-products h4 {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 12px;
  color: #BABABA!important;
  text-align: left;
}

.mb-outer {
  width: 100%;
  height: 100%;
  display: table;
}

.mb-inner {
  display: table-cell;
  vertical-align: middle;
}

.menu-blog {
  max-width: 360px;
  margin: 0 auto;
  padding: 16px 0;
}

.menu-blog .post-category,
.menu-blog .post-date {
  display: none;
}

.menu-blog h2 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0;
  padding-top: 8px;
}

.menu-blog h2 a {
	color: #04111c;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    font-family: 'Hanken Grotesk';
    font-weight: 500;
    letter-spacing: 0;
}

span[aria-label="Next"],
span[aria-label="Previous"] {
  font-size: 34px;
  line-height: 0.4;
  font-weight: 100;
  font-family: system-ui;
  color: #8a8a8a;
}

span[aria-label="Next"] {
  margin-left: 3px;
}

span[aria-label="Previous"] {
  margin-right: 3px;
}

.menu-blog.brands .owl-nav {
  position: absolute;
  top: 75px;
  width: 100%;
  height: 100%;
}

.menu-blog.brands .owl-nav button {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #f3f3f3;
  padding: 5px !important;
  border-radius: 50%;
  transition: 0.3s;
}

.menu-blog.brands .owl-nav button.owl-prev {
  left: 0;
}

.menu-blog.brands .owl-nav button.owl-next {
  right: 0;
}

.owl-theme .owl-nav [class*="owl-"]:hover span {
  color: #04111c;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #ffffff;
  color: #04111c;
  text-decoration: none;
  border: 1px solid #04111c;
  opacity: 0.3;
}

.product3-mobile,
.accordion-content {
  display: none;
}

.accordion {
  border-bottom: 1px solid #dedede;
}

.accordion:first-child {
  border-top: 1px solid #dedede;
}

.accordion-head {
  padding: 15px 0;
  margin-bottom: 0;
  font-size: 20px;
  position: relative;
  cursor: pointer;
}

.accordion-head:after {
  background: url("images/plus.png") no-repeat center;
  background-size: cover;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
  content: "";
}

.accordion-opened .accordion-head:after {
  background: url("images/minus.png") no-repeat center;
  background-size: cover;
}

.accordion-content {
  padding: 10px 0 20px;
}

.product-attributes {
  padding: 24px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin-bottom: 48px;
}

.pa-sizes,
.pa-colors {
  overflow: hidden;
}

.pa-sizes {
  padding-bottom: 24px;
}

.pa-sizes span {
  display: block;
  float: left;
  margin-right: 12px;
  background: #f3f3f3;
  border: 1px solid #dedede;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 18px;
}

.pa-colors span {
  float: left;
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 50%;
  margin-right: 12px;
  text-indent: -9999px;
}

.pa-sizes span:last-child,
.pa-colors span:last-child {
  margin-right: 0;
}

.pa-colors span.black {
  background-color: #000;
}

.pa-colors span.cobalt {
  background-color: #0047ab;
}

.pa-colors span.crimson-red {
  background-color: #990000;
}

.pa-colors span.ebony {
  background-color: #555d50;
}

.pa-colors span.green {
  background-color: #00ff00;
}

.pa-colors span.red {
  background-color: #ff0000;
}

.pa-colors span.royal-green {
  background-color: #136207;
}

.pa-colors span.shamrock-green {
  background-color: #009e60;
}

.pa-colors span.true-blue {
  background-color: #0073cf;
}

.pa-colors span.violet {
  background-color: #8f00ff;
}

.product-spec {
  padding-top: 32px;
}

.product-spec a {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
}

.logo-outer {
  width: 100%;
  height: 100%;
  display: table;
}

.logo-inner {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.logo-slider ul li {
  height: 150px;
}

.logo-slider img {
  max-height: 110px;
  margin: 0 auto;
  max-width: 170px;
  object-fit: contain;
}

.pcat-brand .tcol {
  position: relative;
}

.pcat-brand .tcol video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: fill;
  object-fit: fill;
}

.pcat2 .post-details h2 {
  font-family: "HKGrotesk-SemiBold";
}

.product1 .col {
  padding: 0;
  
}

#mc_embed_signup_scroll {
  overflow: hidden;
}

.mailchimp-form-img,
.mailchimp-form-content {
  float: left;
  width: 47%;
}

.mailchimp-form-content {
  float: right;
}

.mailchimp-form-content p {
  font-family: "Gelasio";
  font-size: 20px;
  line-height: 30px;
}

.indicates-required {
  color: #f00;
  font-size: 12px;
  margin-bottom: 10px;
}

.mc-field-group {
  margin-bottom: 30px;
}

.mc-field-group label {
  text-transform: uppercase;
  font-family: "HKGrotesk-SemiBold";
  font-size: 12px;
}

#ez-toc-container {
  margin-bottom: 80px;
  padding: 40px;
  background: #f3f3f3;
  border: 0;
}

/*--------------------------------------------------------------
# Footer Styles
--------------------------------------------------------------*/

.footer-top {
  padding-bottom: 80px;
}

.footer-logo {
  padding: 80px 0 48px;
  /* border-top: 1px solid #dedede; */
}

.page-template-default .footer-logo,
.single-product .footer-logo {
  padding-top: 0;
  border-top: 0;
}

.footer-logo img {
  max-width: 160px;
  height: auto;
}

.footer-wrap {
  overflow: hidden;
}

.footer-left {
  float: left;
  width: 63%;
}

.footer-right {
  float: right;
  width: 32%;
}

.footer-menu {
  width: 22%;
  float: left;
  margin-right: 4%;
}

.footer-menu:nth-child(4) {
  margin-right: 0;
}

.footer-menu h3 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
}

.footer-menu a {
  margin-bottom: 12px;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  color: rgba(4, 17, 28, 0.8);
}

.footer-menu:not(:nth-child(2)) ul.menu li:last-child a {
  font-weight: bold;
}

ul.menu li#menu-item-11052:last-child a {
  font-weight: 500;
}

.footer-right h5 {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 12px;
}

.footer-right h3 {
  font-size: 20px;
  line-height: 24px;
}

.footer-right form {
  overflow: hidden;
}

.footer-right input[type="email"] {
  font-size: 14px;
  line-height: 22px;
  color: #04111c;
  border: 1px solid #8a8a8a;
  padding: 0 16px;
  float: left;
  width: 62%;
  height: 44px;
}

.footer-right input[type="submit"] {
  background-color: #ffb45c;
  float: right;
  font-family: "IBM Plex Mono", monospace;
  color: #04111c;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 44px;
  padding: 0 24px;
  border: 0;
  cursor: pointer;
  width: 36%;
  position: relative;
}

.footer-right input[type="submit"]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #04111c;
  content: "";
  -webkit-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}

.footer-right input[type="submit"]:hover::before {
  width: 100%;
}

.footer-bottom {
  background-color: #04111c;
  padding: 50px 0;
  color: #fff;
}

.footer-widget {
  width: 30%;
  float: left;
  margin-right: 5%;
  font-size: 14px;
  line-height: 22px;
}

.footer-widget:nth-child(3) {
  margin-right: 0;
}

.footer-widget h3 {
  font-family: "HKGrotesk-SemiBold";
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 18px;
}

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

.footer-social {
  text-align: right;
}

.footer-social a {
  display: inline-block;
  padding-left: 16px;
}

.footer-social a:first-child {
  padding-left: 0;
}

.footer-social img {
  max-width: 36px;
  height: auto;
}

.footer-meta {
  padding-top: 40px;
}

.footer-meta ul {
  overflow: hidden;
}

.footer-meta ul li {
  float: left;
  padding-right: 28px;
  margin-right: 28px;
  position: relative;
}

.footer-meta ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.footer-meta ul li:before {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #9e9e9e;
  content: "";
  top: 50%;
  right: 0;
}

.footer-meta ul li:last-child:before {
  display: none;
}

.footer-meta ul li a {
  font-size: 12px;
  line-height: 18px;
  color: #9e9e9e;
}

.footer-meta p {
  font-size: 12px;
  line-height: 18px;
  text-align: right;
  color: #9e9e9e;
}

.page-template-about .footer-logo {
  border-top: 0;
  padding-top: 40px;
}
#ez-toc-container > nav {
  padding-left: 10px;
}

.ez-toc-title-container {
  margin-bottom: 40px;
}

.ez-toc-link {
  display: flex;
  align-items: center;
  font-size: 16px;
  text-decoration: underline !important;
  text-decoration-color: #dedede !important;
  margin-bottom: 22px;
}

#ez-toc-container a:visited {
  color: unset;
}

li .ez-toc-heading-1:before,
li .ez-toc-heading-2:before,
li .ez-toc-heading-3:before,
li .ez-toc-heading-4:before {
  display: block;
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  margin-left: -11px;
}

.read-by-games.section .category-title-item:hover {
  transform: scale(1.08);
  background-color: rgba(4, 17, 28, 0.7);
}

.read-by-games.section .category-title-item {
  transition: 0.1s ease-in;
}

/*--------------------------------------------------------------
# Responsive Styles
--------------------------------------------------------------*/

@media screen and (max-width: 1380px) {
  .inner {
    max-width: 1080px;
  }

  .project-content .inner,
  .page-template-default .page-content .inner {
    max-width: 744px;
  }

  .mc-menu {
    width: 80px;
    padding: 15px;
  }

  #page {
    padding-left: 81px;
  }

  .about9 .inner {
    padding-left: 0;
    padding-right: 0;
  }

  .about9-content {
    padding: 54px 60px;
  }

  .about9 h2 {
    font-size: 36px;
    line-height: 42px;
  }

  .show3 .tcol3:nth-child(2) {
    width: 45%;
    padding-right: 68px;
  }

  .show3 .tcol3:last-child {
    width: 22%;
  }

  .show3 .tcol3:nth-child(2) {
    padding-right: 3%;
  }

  .about5 .col:nth-child(2n + 2) {
    padding: 59px 48px;
  }

  .about5 p {
    font-size: 16px;
    line-height: 26px;
  }

  .mailchimp-form-content p {
    font-size: 18px;
    line-height: 24px;
  }

  .mc-field-group {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .inner {
    padding-left: 35px;
    padding-right: 35px;
  }

  .page-template-about .breadcrumb,
  .page-template-showroom .breadcrumb {
    margin-bottom: 0;
  }

  .home-banner {
    height: 450px;
  }

  .section {
    padding: 50px 0;
  }

  .home1 {
    padding: 24px 0;
  }

  .home5,
  .home6,
  .home7 {
    padding-top: 0;
  }

  .feat-post-content {
    max-width: 70%;
  }

  .feat-post-inner {
    padding: 30px 30px 40px;
  }

  .footer-logo {
    padding: 40px 0;
  }

  .show3 .tcol3:first-child {
    padding-right: 1.5%;
  }

  .home1 h1 span,
  .home1.about1 h1,
  .about6 h2,
  .careers1 h1,
  .contact1 h2,
  .faq1 h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 36px;
  }

  .careers5 h2 {
    font-size: 32px;
  }

  .home2 h2,
  h3,
  .careers2 h2,
  .careers3 h2,
  .home3 h2 {
    font-size: 28px;
  }

  .home1 h1,
  .contact1 h1 {
    font-size: 18px;
  }

  body {
    font-size: 14px;
  }

  .about5 .col:nth-child(2n + 2) {
    padding: 35px 48px;
  }

  #menu-item-11346 ul li {
    /* width: 100%; */
  }
}

@media screen and (max-width: 1100px) {
  .mc-menu,
  .site-menu {
    display: none;
  }

  .mcmenu {
    width: 100%;
  }

  .mcmenu-logo {
    left: 50px;
  }

  .mcmenu-menu {
    padding: 20px 50px;
  }

  .mcmenu-items {
    left: 50px;
  }

  .menu-blog h2 {
    font-size: 14px;
  }

  .mobile-slide {
    display: block;
  }

  #page {
    padding-left: 0;
  }

  .show3 .tcol3:last-child {
    width: 25%;
  }

  .show3 .tcol3:first-child {
    width: 27%;
  }

  .contact-content {
    padding: 48px;
  }

  .home3 .ctable {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 1000px) {
  .products-head h2 {
    float: none;
    text-align: center;
  }

  .product-sorting {
    float: none;
    max-width: 520px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 920px) {
  .home-video {
    height: 500px;
  }
}

@media screen and (max-width: 767px) {
	
	.product-image {
		width: 231px;
	}	

.col-proj img {
	width: 267.35px !important;
	height: 356.46px !important;
}
	

.col-brand2 img {
	width: 339.2px !important;
	height: 226.13px !important;
	max-width: 339.2px !important;
}	

	.brand2-img-mobile:before {
	  height: 82% !important; 
	}

	.tcol-sec-brand2 img {
		width: 399.2px !important;
		height: 267.34px !important;
	}

.col-brandheight {
	height: auto !important;
}
	
.tcol-showroom img {
	width: 366.4px !important;
	height: auto !important;
	max-width:100% !important;
}
	
#pslider li img {
  max-height: 380px;
  object-fit: contain;
}

.content-bg{
	min-height: 250px;
 	background-position: center;
}
	
.about4-title h4 {
	text-align: center !important;
}	

.careers-title h3 {
	text-align: center !important;
}	
	
.tcol-project img {
	height: 267.34px !important;
	max-width: 400px  !important;
}
	
.tcol-about0 img {
	width: 366.4px;
	height: 244.26px;
}

.tcol-about1 img {
	width: 175.86px !important;
	height: 117.41px !important;
}

.tcol-about2 {
	width: 366.4px !important;
	height: 244.26px !important;
}

.highlights-showroom img {
	width: 273.11px !important;
	height: auto !important;
}
	
.contact-pgicon img{
	width:43px; 
	height: auto;
}
	
.home-img-inspire img {
	width: 273.11px;
	height: 347.08px;
}


  #menu-item-11346 ul {
    display: block;
  }

  .inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-branding img {
    max-width: 148px;
	height: auto;
  }

  .home-banner,
  .slide {
    height: 300px;
  }

  .bx-wrapper .bx-pager {
    bottom: 14px;
  }

  .ig-content br {
    display: none;
  }

  .feat-post {
    height: 440px;
  }
	
	.picked_product {
		height: 393px;
		padding: 16px 16px 24px 16px;
	}
	
	.product-name {	
	line-height: 16px;
	}
	
	
  .hero-mobile-container {
  width: 100vw;
  height: calc(100vw + 0px) !important;
  overflow: hidden;
  position: relative; 
}

.img-mobile {
  background-size: cover;
  background-position: center;
  height: 400px;
}
	
	.cust4bg {
		height: 462px;
	}
	
.cust4bg-projects{
		border: 0px !important;
	}
	
.align-projects {
	margin-top: -10px !important;
    padding-left: 6px !important;
	}

.product5 h4{
	text-align: left !important;
}
	
.product5 h5{
	text-align: left !important;
}
	
.product5 h3{
	text-align: left !important;
	font-family: "Hanken Grotesk";
	font-weight: 500;
	font-size: 14px;
	line-height: 17.5px;
}
	
	.proprice .custpriceprod .singpriceprod p {
		text-align: left !important;
	}
		
  .ctable,
  .tcol,
  .tcol23,
  .tcol13,
  .mcmenu-container,
  .mcmenu-menu,
  .mcmenu-blog,
  .show3 .tcol3 {
    display: block;
    width: 100%;
    padding: 0;
  }

  .show3 .tcol3 {
    width: 100% !important;
  }

  .tcol23,
  .tcol13,
  .footer-social,
  .menu-footer-menu-5-container,
  .footer-meta p,
  .about9-content,
  .products-head h2,
  .product5,
  .about6 h2,
  .about6 .tcol:last-child {
    text-align: center;
  }

  .about9-buttons a {
    display: block !important;
  }

  .about9-buttons a:first-child {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .faq1 h1,
  .order1 .cwrap .col,
  .faq1 .cwrap .col,
  .faq1 .cwrap .col:nth-child(3),
  .faq1 .cwrap .col:nth-child(4) {
    margin-bottom: 30px;
  }

  .odd .tcol:last-child,
  .tab-content .tcol:last-child,
  .about6 .tcol:last-child,
  .careers2 .tcol:last-child,
  .contact2 .tcol:first-child,
  .contact2 .tcol:last-child,
  .faq h5 {
    padding-left: 0;
  }

  .even .tcol:first-child,
  .tab-content .tcol:first-child,
  .careers3 .col:first-child {
    padding-right: 0;
  }

  .odd .tcol:first-child,
  .even .tcol:first-child,
  .tcol23,
  .careers1 h3,
  .careers2 h2,
  .careers3 h2 {
    margin-bottom: 20px;
  }

  .home2 .ctable:last-child,
  .home4 .ctable,
  .home5 h2,
  .pcat5 .ctable {
    margin-bottom: 25px;
  }

  .section {
    padding: 64px 0;
  }
  
  .about1.section,.home1.section {
	padding: 18px 0 35px 0;
  }
	
  .prodctable .prodblogcontent {
   padding: 12px;
   border: 12px solid #F3F3F3;
  }
	
   .red {	
	padding-bottom: 24px !important;	
	border: 7px solid #F3F3F3;
	border: none;   
	}	
	
   .md-blg-prod img {	
	max-height: auto !important;	
	max-width: auto !important;	
    height: auto !important;	
    width: auto !important;	
    }	
	
	.pcat1.section {
	  padding: 20px 0px 0px 0px;
	}
	
   .prodctable .tcol h3 {	
     font-size: 18px;	
     line-height: 22px;	
   }

  .home2.section img {
    width: 100%;
  }

  .home2.section .tcol h2 {
    display: flex;
    justify-content: center;
  }

  .home2 .ctable:not(:first-child) img {
    padding: 34px 0px 10px;
  }

  .home2 h2:before {
    left: unset;
    width: 34px;
    height: 34px;
  }

  .home5 .inner,
  .home6 .inner {
    padding-top: 40px;
  }

  .home4.section .cwrap,
  .home5.section .cwrap,
  .recent.section .inner > .cwrap,
  .recommended-reading.section .inner > .cwrap,
  .feat-videos.section .cwrap .col-13,
  .explore-cats .cwrap {
    display: grid !important;
    grid-gap: 10px;
    grid-auto-flow: column;
    grid-auto-columns: calc(80% - 20px);
    scroll-snap-type: x mandatory;
    overflow: auto;
  }
	
	//HIDES SCROLLBAR
	
	.home4.section .cwrap::-webkit-scrollbar, 
	.home5.section .cwrap::-webkit-scrollbar, 
	.recent.section .inner > .cwrap::-webkit-scrollbar, 
	.recommended-reading.section .inner > .cwrap::-webkit-scrollbar, 
	.feat-videos.section .cwrap .col-13::-webkit-scrollbar, 
	.explore-cats .cwrap::-webkit-scrollbar {
		width: 0px;
		height: 0px;
		background: transparent;
	}

  .recent.section .inner > .cwrap > .col-3,
  .feat-videos.section .cwrap .col-13 .post-details,
  .recommended-reading .post-details, 
  .explore-cats .cwrap > .col-3 {
    scroll-snap-align: start;
  }

  .recent.section .post-category,
  .explore-cats.section .post-category,
  .recommended-reading .post-category {
    flex-wrap: wrap;
  }

  .recent.section .inner > .cwrap > .col-3 .post-details,
  .explore-cats .post-category > span,
  .recent.section .post-meta span:first-child,
  .recommended-reading .post-meta span {
    width: 100%;
  }

  .recent.section .post-category .min-read,
  .explore-cats .post-category .min-read,
  .recommended-reading .post-category .min-read {
    margin-left: 0;
  }

  .recent.section .post-category .min-read:before,
  .explore-cats .post-category .min-read:before,
  .recommended-reading .post-category .min-read:before {
    width: 0;
    height: 0;
  }
	
  .cwrap-responsive {
		height: auto;
	}

  .recommended-reading .post-meta {
    margin-top: 0 !important;
  }

  .recent.section .post-category .min-read {
    margin-bottom: 12px;
  }

  .recent.section .inner > .cwrap > .col-3 {
    display: flex;
  }

  .explore-cats .post-category {
    margin-top: 12px;
  }

  .explore-cats .post-details h2 {
    height: 40px !important;
  }

  .explore-cats .inner .post-details {
    padding-bottom: 10px;
  }

  .product-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 12px 0;
    background-color: #ffffff;
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); 
    display: flex;
    justify-content: center;
    align-items: center;
  }

	
  .product-buttons a.button {
    width: 180px;
    height: 40px;
    padding: 12px 24px;
  }


  .product-info {
      width: auto
      height: 292px;
	}
	
  .ptop {
    flex-direction: column;
  }

  .column {
    flex-basis: auto; 
    margin-bottom: 0px; 
	  justify-content: left;
	  padding-left: 24px;
  }
	
	.two-columns {
			flex-direction: column;
			align-items: flex-start;
		}
		
		.two-columns .column {
			width: 100%;
			max-width: none;
			flex-basis: 0;
			flex-grow: 1;
			flex-shrink: 1;
			padding:16px 24px 16px 24px;
		}
	
	
  .recent.section .post-meta span:first-child {
    /* margin-bottom:10px !important; */
  }

  .recommended-reading h2 {
    height: 40px !important;
    overflow: hidden;
  }

  .home4.section .cwrap .col4,
  .home5.section .cwrap .col {
    scroll-snap-align: center;
  }

  .home5.section .cwrap .col {
    padding: unset;
  }

  .home4-loaded img {
    /*     display: none; */
  }

  .home-video {
    height: 70vh;
    overflow: hidden;
  }

  .home-video video {
    width: auto;
    height: 100%;
  }

  .home1.section .inner {
    padding: 0;
  }

  .home2 p,
  .home2 a,
  .home2 h2 {
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .home5 .feat-post-inner {
    text-align: start;
    padding: 60px 30px 40px;
  }

  .home5 h2,
  .home5 a {
    text-align: inherit;
  }

  .home2 .ctable {
    margin-bottom: 64px;
  }

  .home2 a:before
  /* ,  .pcat-brand a:before */ {
    left: calc(50vw - 130px);
  }

  .home4-img-inner {
    background-position: bottom;
  }

  .home4-img.home4-loaded {
    max-height: 65vh;
  }

  .home .home1.section,
  .about2,
  .page-template-about .home6 {
    padding: 0;
  }

  .home4.section,
  .page-template-about .home2,
  .about4.section,
  .page-template-careers .home2,
  .contact2 {
    padding-bottom: 0;
  }

  .footer-top {
    padding-bottom: 30px;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 12px;
  }

  .slide-content {
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0 25px;
  }

  .blog .cwrap {
    display: block;
    margin: 0;
  }

  .col4,
  .col,
  .footer-left,
  .footer-right,
  .footer-widget,
  .pcat3 .col:nth-child(2n + 2),
  .col3,
  .product1 .col:first-child,
  .product1 .col:last-child,
  .career-content .col3,
  .pdetail-left,
  .pdetail-right,
  .col:nth-child(2n + 2),
  .cf-col {
    text-align: center;
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
    max-width: none;
  }

  .products-cat .pdetail-right {
    width: 45%;
    margin: 0 auto;
  }

  .pdetail-left {
    margin-bottom: 15px;
    text-align: left;
  }
	
  .col4:last-child,
  .col:last-child,
  .footer-right,
  .footer-widget:last-child,
  .col3:last-child,
  .product1 .col:last-child,
  .faq1,
  .career-content .col3:last-child,
  .pdetail-right,
  .cf-col:last-child {
    margin-bottom: 0;
  }

  .product1 .col:first-child {
    overflow: hidden;
  }

  .footer-menu {
    width: 48%;
    margin-bottom: 25px;
    margin-right: 0;
  }

  .footer-menu:nth-child(2n + 2) {
    float: right;
  }

  .footer-menu:nth-child(3),
  .footer-menu:nth-child(4) {
    margin-bottom: 0;
  }

  .feat-post-content {
    max-width: 80%;
  }

  .footer-logo {
    text-align: center;
    padding: 48px 0;
  }

  .home7 .tcol6 img {
    margin: 0 auto;
  }

  .bx-wrapper .bx-controls-direction a {
    top: 50%;
    bottom: 0;
    margin-top: -22px;
  }

  .bx-wrapper .bx-controls-direction a.bx-next {
    left: auto;
    right: 0;
  }

  .footer-meta ul li {
    float: none;
    display: inline-block;
    padding-right: 12px;
    margin-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .mcmenu,
  .mcmenu-menu {
    width: 100%;
  }

  .mcmenu {
    top: 80px;
  }

  .mcmenu-logo {
    display: none;
  }

  .mcmenu-menu,
  .about9 .inner {
    padding: 0;
  }

  .mcmenu-items {
    position: static;
    max-width: none;
    height: auto;
    padding: 30px 5px;
  }

  .mcmenu-items ul li a,
  .tab-content .tcol:first-child {
    margin-bottom: 25px;
  }

  .pcat3 .col {
    height: auto !important;
  }

  .about9-content {
    padding: 30px;
  }

  .about9,
  .contact2,
  .home6 {
    padding-top: 0;
  }

  .contact-content {
    padding: 30px;
  }

  .contact2 .tcol:last-child {
    margin-top: -20px;
  }

  .about-banner {
    padding: 0 30px;
  }

  .about4 .inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .about4 .col {
    float: left;
    margin-bottom: 0;
  }

  .about4 .col:nth-child(2n + 2) {
    float: right;
  }

  .about5 .tcol:last-child {
    padding-left: 0;
    padding-top: 20px;
  }

  .about5 .tcol:last-child img {
    max-width: 32px;
  }

  .about5 p {
    margin: 20px 0 10px;
  }

  .order1 .cwrap .col,
  .faq1 .cwrap .col,
  .pcat-blog .col-6,
  .pcat-blog .col-4,
  .col-3,
  .col-13,
  .col-23,
  .pcat3 .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }

  .post-meta span {
    float: none;
    margin-right: 0;
    padding-right: 0 !important;
  }

  .post-meta span:first-child {
    /* margin-bottom: 5px; */
    display: block;
  }

  .home5 .post-meta span:first-child,
  .product4 .post-meta span:first-child {
    margin-bottom: 0;
  }

  .home5 span.min-read:before {
    margin-left: -10px;
  }

  .cta-outer {
    padding: 20px;
  }

  .cta-content {
    max-width: 100%;
  }

  .post-details h2 {
    margin-top: 0;
  }

  .pcat-blog .col-6 {
    height: 300px;
  }

  .faq h5::after {
    right: 0;
  }

  .pcat-blog-image {
    height: 300px;
  }

  .pcat-blog-content {
    padding: 25px 20px;
  }

  .about2 p {
    padding: 60px 0;
  }

  .about2 p::before,
  .about2 p::after {
    height: 40px;
  }

  .pcat2 .bx-wrapper .bx-controls-direction a,
  .page-template-careers .bx-wrapper .bx-controls-direction a {
    top: 125px;
  }

  .careers3 .col:first-child {
    padding-right: 10px;
  }

  .pcat-brand-content {
    padding: 30px;
  }

  .products-head,
  .products-head h2 {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .pcat1,
  .book1 {
    padding-bottom: 0;
  }

  .pcat-blog .col-6,
  .pcat-blog .col-4 {
    padding: 0 10px;
  }

  .pcat-blog {
    background: none;
  }

  .pcat3 .cwrap,
  .blog .cwrap {
    margin: 0 -10px;
  }

  .col,
  .col-12,
  .col-3,
  .col-13,
  .col-23 {
    padding: 10px 0;
  }

  .product1 .col {
    padding: 0;
  }

  .single-product .home2 h2 {
    margin-bottom: 15px;
  }

  #pslider {
    float: none;
    width: 100%;
    height: 370px !important;  
  }

  #pslider .bx-wrapper {
    margin-bottom: 20px;
  }

  .single-product .home2 {
    padding: 30px 0;
  }

  .ppager-wrap {
    position: static;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  .gallery .col {
    padding: 0;
  }

  .about5 .col:first-child {
    padding: 0;
    margin-bottom: -2px;
  }

  .feat-post-image {
    position: relative;
    height: 250px;
  }

  .feat-post-content {
    position: relative;
    max-width: none !important;
  }

  .feat-post {
    height: auto;
  }

  .feat-post-inner {
    background-color: #f3f3f3;
  }

  .recommended .feat-post-image {
    max-width: none;
  }

  .recommended .feat-post-content {
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .feat-post-content h1 {
    margin-bottom: 15px;
  }

  .page-header {
    padding: 40px 0 20px;
  }

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

  .home3 .ctable {
    padding-bottom: 48px;
  }

  .page-template-showroom .home1 {
    padding-bottom: 0;
  }

  .show4 h2 {
    margin-bottom: 20px;
  }

  .show5 .inner {
    padding-top: 60px;
  }

  .ppage2 .inner,
  .ppage3 .inner,
  .ppage6 .inner,
  .brand4 .inner {
    padding-top: 40px;
  }

  .ppage3 .feat-post-content {
    max-width: none !important;
  }

  .ppage1 h2,
  .ppage2 h2,
  .ppage3 h2,
  .ppage5 h2,
  .ppage6 h2,
  .brand3 h2,
  .brand4 h2,
  .book1 h1 {
    margin-bottom: 20px;
  }

  .page-template-book-showroom label {
    text-align: left;
  }

  .product4 .tcol:last-child {
    padding-left: 0;
    padding-top: 15px;
  }

  .ppage0 {
    padding-top: 40px;
  }

  .gal1 {
    padding-bottom: 18px;
  }

  .ppage4 .post-categories a {
    /* color: #fff; */
  }

  .woocommerce-shop .about4.section,
  .about4 .inner {
    padding-bottom: 0;
  }

  .home4.section {
    padding-bottom: 40px;
  }

  .ig-content {
    margin-bottom: 40px;
  }

  .home4 .cwrap {
    margin: 0;
  }

  .home5,
  .home6,
  .home7 {
    padding-top: 0;
  }

  .about5.section {
    padding-bottom: 20px;
  }

  .about4 p {
    margin-bottom: 30px;
  }

  .post-meta span:first-child::before,
  span.min-read::after,
  .product3-desktop {
    display: none;
  }

  .product3-mobile {
    display: block;
  }

  .show5 h2,
  .show3 h2,
  .about6 h2,
  .careers5 h2,
  .ppage4 h2,
  .product4 h2,
  .careers5 h2 {
    font-size: 36px;
    line-height: 40px;
  }

  .product4.section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .show3 h2,
  .show3 p {
    margin-bottom: 24px;
    text-align: center;
  }

  .show3 .tcol3:last-child {
    text-align: center;
  }

  .show4 .cwrap,
  #page .ppage2 .cwrap,
  .single-product .product5 .cwrap,
  .projects .inner .project-grid .cwrap {
    display: grid !important;
    grid-gap: 10px;
    grid-auto-flow: column;
    grid-auto-columns: calc(80% - 20px);
    scroll-snap-type: x mandatory;
    overflow: auto;
  }

  .page-template-showroom .show4.section {
    padding-bottom: 0px;
  }

  .show5.section {
    padding: 80px 20px;
  }

  .page-template-showroom .home6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home1 h1 span,
  .pcat1 h1,
  .home1.about1 h1,
  .about6 h2,
  .careers1 h1,
  .contact1 h2,
  .faq1 h1,
  .ppage0 h1,
  h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .products-head h2,
  .about9 h2,
  .product1 h1,
  .product5 h2,
  .pcat-brand h2,
  .cta h2,
  .page-header h1 {
    font-size: 28px;
    line-height: 32px;
  }

  .home h2,
  h3,
  h2,
  .careers2 h2,
  .careers3 h2,
  .pcat-blog-content h2,
  .ppage1 h2,
  .ppage2 h2,
  .ppage3 h2,
  .ppage5 h2,
  .ppage6 h2,
  .brand3 h2,
  .brand4 h2 {
    font-size: 34px;
    line-height: 42px;
    /* text-align:center; */
  }

  .home6 h2,
  .about5 p {
    font-size: 20px;
    line-height: 24px;
  }

  .about2 p,
  .careers5 a,
  .pcat3 .pdetails h3 {
    font-size: 18px;
    line-height: 22px;
  }

  .pcat3 .pcat-blog .cwrap {
    position: relative;
    height: 100%;
    min-height: 50vh;
  }

  .pcat3 .pcat-blog .pcat-blog-image {
    position: relative;
    height: 100%;
  }

  .pcat3 .pcat-blog .pcat-blog-content {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .pcat3 .pcat-blog .pcat-blog-content h2 {
    font-size: 42px;
    line-height: 46px;
    text-align: center;
  }

  .about2 p {
    line-height: 24px;
  }

  .home1 h1,
  .about-banner h3,
  .contact1 h1 {
    font-size: 16px;
    line-height: 20px;
  }

  .about3 h4,
  .careers1 h3,
  .careers2 h3,
  .careers3 h3 {
    font-size: 14px;
    line-height: 18px;
  }

  .careers4 .ctable {
    font-size: 12px;
    line-height: 16px;
  }

  .home-video {
    /* height: 250px; */
  }

  .home3 .slider .slide {
    display: flex;
    align-items: center;
  }

  .home .home3 .slide {
    height: auto;
  }

  .home .home3 .slide-content {
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .home .home3 .slide {
    padding-top: 25px;
    padding-bottom: 45px;
    min-height: 600px !important;
  }

  .logo-slider img {
    max-width: 100%;
  }

  .about9.section .ctablex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
	flex-direction: column-reverse;
  }
	
  .about9.section .ctable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
	flex-direction: column-reverse;
  }

  .about9.section .tcolx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .about9 .tcol:first-child {
    margin-bottom: -2px;
  }

  .contact2 .tcol:first-child {
    padding-right: 0;
  }

  .contact2 {
    padding-bottom: 30px;
  }

  .ppage1 .cwrap,
  .ppage2 .cwrap,
  .ppage3 .cwrap,
  .ppage5 .cwrap {
    margin: 0;
  }

  .gal1 .col:first-child,
  .gal2 .col:first-child {
    padding-bottom: 18px;
  }

  #sb_instagram .sbi_item:nth-child(2n + 2) .sbi_photo_wrap {
    max-width: 100%;
  }

  #sb_instagram .sbi_item:nth-child(2n + 2) .sbi_photo {
    height: 100% !important;
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  #page {
    overflow-x: hidden;
  }

  #sb_instagram .sbi_photo_wrap {
    padding: 8px;
  }

  .brand2 .tcol:last-child {
    padding-left: 0;
  }

  .brand2 .inner {
    padding-bottom: 50px;
  }

  .brand2-img {
    padding-right: 0;
    padding-bottom: 30px;
  }

  .ppager-wrap .bx-loading {
    display: none;
  }

  .product1 .ppager-wrap .bx-wrapper {
    padding-bottom: 60px;
    margin: 0 auto;
  }

  .ppager-wrap .bx-controls-direction {
    max-width: 100px;
    margin: 0 auto;
    position: relative;
    bottom: -60px;
  }

  .ppager-wrap .bx-wrapper .bx-controls-direction a {
    top: auto;
    bottom: 0;
    margin: 0;
    border: 1px solid #000;
  }

  .mailchimp-form-img {
    display: none;
  }

  .mailchimp-form-content {
    float: none;
    width: auto;
  }

  .products-head h2 {
    margin-bottom: 25px !important;
  }

  .sort {
    float: none;
  }

  .sort:last-child {
    margin-top: 20px;
    margin-left: 0;
  }

  .sort-label {
    width: 70px;
    margin-right: 0;
  }

  .sort-select {
    width: calc(100% - 70px);
  }

  .projects .filters.controls {
    display: flex;
    justify-content: space-evenly;
  }
  .projects .filters > .control {
    margin: 0;
  }

  .site-footer .footer-right form {
    display: flex;
    flex-wrap: wrap;
  }

  .site-footer {
    margin-top: 180px;
  }

  .site-footer .footer-right form > input {
    flex: 100%;
  }

  .site-footer .footer-right form > input:last-child {
    margin-top: 12px;
  }

  .footer-top .footer-wrap .footer-right {
    position: absolute;
    top: -210px;
    max-width: 90vw;
  }

  .recommended-reading .col3.col6 {
    width: 100% !important;
  }

  .col3.col6 h2 {
    display: flex;
  }

  .recommended-reading .post-body h2 a,
  .recommended-reading .post-body h2,
  .recent .post-body h2 a,
  .explore-cats .post-details h2 a {
    text-align: left;
  }

  .game-cats.cta h2.heading,
  .cta p.content {
    max-width: 80%;
    text-align: center;
  }

  .pcat-brand p {
    width: 85%;
  }

  .feat-videos .section-head {
    flex-wrap: wrap;
    margin-bottom: 60px;
  }

  .feat-videos .section-head h4.title-1-semibold {
    margin-bottom: 4px !important;
  }

  .feat-videos .cwrap .col_23 {
    flex-wrap: wrap;
  }

  .feat-videos .cwrap .col_23 .video_details {
    padding: 20px 0;
  }

  .feat-videos .cwrap .col-13 {
    flex-wrap: wrap;
  }

  .feat-videos .cwrap .col-13 .post-details {
    flex: 0 1 100%;
  }

  .explore-cats .inner .post-details {
    min-height: 80px;
  }

  .explore-cats li.sub-cat {
    bottom: -70px !important;
  }

  .read-by-games.section .flex a:nth-child(n + 3) {
    margin-top: 24px;
  }

  .read-by-games.section .cwrap .flex {
    flex-wrap: wrap;
  }

  .read-by-games.section .flex a {
    width: 47%;
  }

  .read-by-games.section .category-title-item {
    width: auto !important;
  }

  .videos3.section .articles-sorting {
    flex-wrap: wrap;
  }

  .articles-sorting .sort {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }

  .videos3.section .col-3 {
    padding-right: 0;
  }

  .recommended.section,
  .recommended.section .cwrap > .col-12 {
    padding-bottom: 0 !important;
  }

  .recommended .feat-post {
    flex-wrap: wrap;
  }

  .recommended .feat-post-content {
    transform: unset !important;
  }

  .recommended .feat-post-inner {
    padding: 50px 30px !important;
  }

  .feat-post li.sub-cat {
    display: none;
  }
}

/* Custom Fix - Product Page Brand Name Styling */
.product.type-product h5 {
  font-family: "IBM Plex Mono", monospace;
  color: #68778a;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: left;
}

/* Popup Menu  - Added Submenu Styling */
ul.sub-menu .sub-menu li a:before {
    content: "- ";
}

.mcmenu-items ul.sub-menu .sub-menu li a{
    margin-bottom:0px;
	color: rgba(4, 17, 28, 0.6);
}

.mcmenu-items ul.sub-menu .sub-menu li{
	margin-bottom:20px;
	width:100%!important;
	float:none!important;
	padding:0 10px;
}

.mcmenu-items ul.sub-menu .sub-menu{
	display:none;
}

.mcmenu-items ul.sub-menu li > a:hover{
	font-weight: bold;
}

.mcmenu-menu a:hover{
	text-decoration:hover;
	text-decoration-color:#ffb45c ;
}

/* .mcmenu-items ul li a{
	text-decoration-color:#ffb45c;
} */

.mcmenu-items ul li a:hover,.mcmenu-items ul#popup-menu > li > a.opened{
	font-weight:bold;
}

#popup-menu > li#menu-item-11346 > ul.sub-menu{
	display: flex;
	transition: opacity 0.05s linear;
	opacity:1;
}

ul.sub-menu.child-category {
    width: 100%;
}

.mcmenu-items ul.sub-menu li a{
	transition: margin 0s;
}

@media only screen and (max-width: 766px) {
	.single-product #chatbot-chat {
		bottom: 65px!important;
	}
}

/* Homepage Fix 20230515 */
.home3.section .slide-content *, .home-video *{
	color: #fff;
}
@media only screen and (max-width: 767px) {
/* 	.home2 .ctable.even{
		display: flex;
    flex-direction: column-reverse;
	} */
	
/* 	.single-product .cwrap-responsive{
	display: flex;
    flex-direction: column-reverse;
} */

	.page-template-showroom .ctable.even.tcol-showroom{
		display: flex;
		flex-direction: column;
	}
	.home6 h2 {
		font-size: 24px!important;
		line-height: 28px!!important;
	}
}

.page-template-about .gallery .col{
	padding:0 !important;
}

@media screen and (max-width: 767px){
.page-template-about .gallery .col{
	padding-bottom:18px !important;
}
	
	
.home2 h2, h2, .careers2 h2, .careers3 h2, .pcat-blog-content h2, .ppage1 h2, .ppage2 h2, .ppage3 h2, .ppage5 h2, .ppage6 h2, .brand3 h2, .brand4 h2 {
    font-size: 32px !important;
    line-height: 36px !important;
}
	body p {
    line-height: 22px !important;
    font-size: 14px !important;
}
}

p {
    line-height: 24px !important;
    font-size: 16px !important;
}

/* Single Product Trailer Popup */
.fa-times-thin:before {
	content: '\00d7';
}

.popup-overlay.active {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #04111C;
    transition:background 0.3s ease-in;
}

.popup-overlay > .popup-content {
    place-content: center;
    height: 100%;
    display: grid;
    margin: 0 30px;
}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
  min-height: 500px;
}

.popup-content > iframe {
    max-width:100%;
}

.popup-overlay > img {
    position: absolute;
    right: 0;
    width: auto;
    cursor: pointer;
}

.gallery.mobile {
    display:none;
}

@media screen and (max-width: 767px){
    
    .youtube-video {
        min-height: 300px;
    }
    
}

/* About Us Fix */
.gallery.desktop img{
    object-fit:cover;
}

.about5.section .cwrap {
	display: inline-flex;
    justify-content: space-between;
}

.about5.section .cwrap .testimonial-v1 {
	display: grid;
    align-content: center;
    justify-items: center;
	height: 100%;
}


@media screen and (max-width: 767px){ 
   .about5 .tcol-about0 {
       display:none;
   }
   
   .gallery.mobile {
        display:block;
        margin-bottom: 70px;
    }
    
    .gallery.mobile .bx-wrapper .bx-pager {
        bottom: -30px;
    }
    
    .gallery.mobile .bx-wrapper .bx-pager.bx-default-pager a {
        background-color: #dedede;
    }
    
    .gallery.mobile .bx-wrapper .bx-pager.bx-default-pager a.active {
        background-color: #041C3C;
    }
    
    .gallery.desktop {
        display:none;
    }
}

@media screen and (min-width: 768px){ 
	.product1.section .ppager-wrap {
		position: absolute;
		right: 0;
		top: 0;
		writing-mode: vertical-lr;
	}
}

/* Font Responsiveness Fix 20230516 */
@media screen and (max-width: 767px){ 
	.guide4 .picked_product h2 {
		font-size: 20px!important;
		line-height: 24px!important;
	}
	
	.home5 .feat-post-content .feat-post-inner h2 {
		font-size: 18px!important;
		line-height: 22px!important;
	}
	
	.book1 h1 {
		font-size: 32px!important;
    	line-height: 36px!important;
	}

}

.product-stock .short-desc p {
	font-size: 14px!important;
    line-height: 22px!important;
}

/* Single Product CTA Button */
@media screen and (max-width: 767px){ 
	#mobile-btn{
		display:block;
	}
	
	#desktop-btn{
		display:none;
	}
}

@media screen and (min-width: 768px){ 
	#mobile-btn{
		display:none;
	}
}

/* New Menu Design 20230615 */
#popup-menu {
	overflow-y: scroll;
    max-height: 100vh;
	padding-top: 56px;
}

#popup-menu::-webkit-scrollbar {
	width:8px;
	border: 1px solid #dedede;
	border-radius: 100px;
}

#popup-menu::-webkit-scrollbar-thumb {
    background: #d9d9d9;
	padding: 0 3px;
	border-radius: 100px;
}

#popup-menu::-webkit-scrollbar-track {
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 100px;
	padding: 0 3px;
}

#popup-menu > li > a, #popup-menu > li > ul.sub-menu {
    padding: 0 32px!important
}

.menu-blog .owl-nav {
	position: absolute;
	top: 0;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.menu-blog.owl-carousel .owl-nav button.owl-next, .menu-blog.owl-carousel .owl-nav button.owl-prev {
	margin:0;
	padding: 20px!important;
	background: transparent;
    border-radius: 0;
}

.menu-blog.owl-carousel .owl-nav button.owl-prev {
	border: 0;
	border-right: 1px solid #dedede;
}

.menu-blog.owl-carousel .owl-nav button.owl-next {
	border: 0;
	border-left: 1px solid #dedede;
}

.mcmenu-blog .menu-content.title {
	margin: 0!important;
    text-align: center;
    padding: 20px 0;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
}

.mcmenu-blog .mb-outer {
	padding:0!important;
}

.menu-blog {
	padding-top: 93px!important;
    margin-top: -75px!important;
	background: transparent!important;
}

.menu-blog.brands .owl-nav {
	top: 0;
}

.menu-blog.brands {
	padding-top: 115px!important;
    margin-top: -64px!important;
}

.menu-blog.brands .owl-nav {
	position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0;
    display: flex;
}

.menu-blog.brands .owl-nav button {
	width:auto;
	height:auto;
}

.mcmenu-blog.home3 .menu-content.title {
	display:none;
}

.mcmenu-blog.home3 .showroom-banner ,.mcmenu-blog.home3  .showroom-banner .post-image-holder{
	height:100%;
}

.menu-blog .post-category {
	display:flex;
}

.mcmenu-blog.home3 .post-details{
	width: 100%;
	border: none;
}

.mcmenu-blog.home3 .short-description {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
	margin-bottom: 32px;
	font-size: 14px;
	line-height: 22px;
}

.mcmenu-blog.home3 .post-details h2 {
	min-height: auto;
	margin-bottom: 16px;
	padding-top: 4px;
}

.mcmenu-blog.home3 .menu-blog {
    padding: 0 32px!important;
	margin-top: 0!important;
}

.mcmenu-blog.home3 .menu-blog .post-image {
	height: 259px;
}

.mcmenu-blog.home3 .post-image-holder {
	height:auto;
}

.mcmenu-blog.home3 .mb-inner:first-child {
	overflow: visible;
}

.mb-inner.showroom .showroom-container {
	display: block;
    position: absolute;
    padding: 30px;
    z-index: 1;
    bottom: 0;
}

.mb-inner.showroom {
	position: relative;
}

.mb-inner.showroom .showroom-container .menu-content.title {
    z-index: 1;
    font-size: 40px!important;
    line-height: 44px!important;
    text-transform: capitalize;
    text-align: left;
    color: #fff;
    font-family: "Gelasio";
    font-weight: 400;
	border: none;
	display: block;
}

.mcmenu-blog.home3 .menu-blog .post-body {
	padding: 20px 0 32px 0;
}

.mb-inner.showroom .showroom-banner .post-image::before {
    background: linear-gradient(180deg, rgba(4, 17, 28, 0) 0%, #04111C 100%);
	background-blend-mode: multiply;
}

.mcmenu-blog.home3 .menu-blog .post-details > a:hover  h2{
	text-decoration: underline;
}

.mcmenu-blog.home3 .menu-blog .post-meta * {
	color: #04111C;
	text-transform: uppercase;
	font-size: 11px;
    line-height: 14px;	
}

.mcmenu-blog.home3 .menu-blog .post-meta {
	margin: 0;
}

.mcmenu-blog.home3 .menu-blog {
	padding: 32px 32px 0 32px!important;
}

.mcmenu-blog.home3 {
	padding-bottom:0px;
}

.mcmenu-blog.home3 .post-details:hover h2 {
    text-decoration: underline;
}

.mcmenu-blog {
	padding-top: 0!important;
}

.mcmenu-blog.home3 .owl-nav {
	display:none;
}

/* span.hover-button {
	opacity: 0;
    transform: translateY(10px);
    transition: transform 0.15s ease-in, opacity 0.15s ease-in;
    position: absolute;
    top: 25%;
    left: 33%;
	background:#fff;
	padding: 12px 20px;
} */

span.hover-button {
	opacity: 0;
    transform: translateY(10px);
    transition: transform 0.15s ease-in, opacity 0.15s ease-in;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
    padding: 12px 20px;
	height: 40px;
	width: 130px;
    font-size: inherit;
    font-family: inherit;
    color: rgba(4,17,28,.8);
}

.post-details:hover span.hover-button {
    opacity: 1;
    transform: translateY(-10px);
}

.showroom-banner .post-image:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    height: 100%;
    width: 100%;
}

.mb-inner.showroom .post-image {
	transition: opacity 0.15s ease-in;
}

.mb-inner.showroom .post-image.hover, .mb-inner.showroom .post-image.hover:before
{
	opacity: 0;
	transition: opacity 0.15s ease-in, background-color 0s;
}

.mb-inner.showroom:hover .post-image.hover, .mb-inner.showroom:hover .post-image.hover:before  {
	opacity: 1;
}

.mb-inner.showroom a.button {
	transition: background-color 0.15s ease-in, color 0.15s ease-in;
}

.mb-inner.showroom:hover a.button {
	background-color:#04111C;
	color: #fff;
}

.menu-blog.brands {
	max-width: 170px;
}

.product-spotlight h3 {
	line-height: 18px;
    font-size: 14px!important;
    font-weight: 500;
	margin-top: 20px;
	margin-bottom: 4px;
	font-family: 'Hanken Grotesk';
}

.product-spotlight h3:hover {
	text-decoration-line: underline;
	transition: 0.05s cubic-bezier(0.33, 1, 0.68, 1);
}

.mcmenu-items ul li a {
	font-size: 20px!important;
    line-height: 24px!important;
	font-family: 'Hanken Grotesk'!important;
}

.mcmenu-items ul li ul li a {
	font-size: 18px!important;
    line-height: 22px!important;
	font-family: 'Hanken Grotesk'!important;
}

.mcmenu-items ul li ul li a:hover {
	color: #FFB45C;
	transition: 0.05s cubic-bezier(0.33, 1, 0.68, 1);
}

.mcmenu-items ul.sub-menu .sub-menu li a:hover {
	color: #04111C;
	transition: 0.05s cubic-bezier(0.33, 1, 0.68, 1);
}

.mcmenu-items ul.sub-menu li a {
	margin-bottom: 16px;
}

#menu-item-11346 ul li {
	width: 100%;
}

@media screen and (max-width: 1066px){ 
	
	.mcmenu .mcmenu-menu {
		padding: 18px 0!important;
	}
	
	.mcmenu .mcmenu-menu .mcmenu-items{
		padding:0;
	}
	
	#popup-menu > li {
		padding: 20px 0 20px 0;
	}
	
	#popup-menu {
		padding-top: 0;
		overflow-x: hidden;
	}
}

.mcmenu-menu ,.mcmenu-blog {
    padding-right: 0!important;
	padding-left: 0!important;
}

.mcmenu-menu {
	padding: 0!important;
}

.mb-inner.spotlight {
	display: contents;
}

.mcmenu-blog.home3 .mb-outer{
	max-height:100%;
}

.product-spotlight h4 {
	margin-top: 0px;
}

.brand-name {
	color: #04111C;
	margin-top:16px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Hanken Grotesk';
	font-weight: 500;
	font-size: 12px!important;
	line-height: 16px!important;
	letter-spacing: 0.04em;

}

.menu-blog.brands .owl-item img {
	max-width: 150px;
}

.mcmenu-blog .mb-inner > .menu-content.title {
	font-family: 'IBM Plex Mono';
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

body .product-spotlight h4 a {
	color: #68778A;
	letter-spacing: 0.05em;
}

.product-spotlight:hover h3 {
    text-decoration: underline;
    transition: 0.05s cubic-bezier(0.33, 1, 0.68, 1);
}

.guide4 .post-details .short-description, .read-next .post-details .short-description {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
}

.guide4 .hover-button {
	display:none;
}

.recommended-reading .post-categories,.recommended-reading .post-category,.recommended-reading .post-date {
	overflow:hidden;
}

.product5.section .inner h2 {
	align-items: start;
}

@media screen and (max-width: 767px){ 
	.explore-cats .section-head a {
		width: 100%;
    	place-content: flex-end;
	}
	
	.section-head a:before {
		left: auto;
		right: 65px;
	}
	
	.explore-cats .section-head .section-title {
		font-size: 16px!important;
    	line-height: 20px!important;
	}
	
	.product5.section .inner h2 {
		font-size: 20px!important;
	}
}

.category-videos .recommended .cwrap {
	overflow: inherit;
}

.videoWrapper {
	display: none;
}


/* Dzul Addon Code */

.woocommerce form.login, .woocommerce form.register{
	display: flex;
	flex-direction: column;
	border: none !important;
	padding: 0;
	margin: 1em 0 !important;
}

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

.woocommerce form .form-row:nth-child(4) {
	display:flex;
	flex-direction: column;
}

.woocommerce-form input[type="password"] {
  	padding: 0 20px !important;
}

.mc-login-form-wrapper .woocommerce-form-login__rememberme {
	display:none !important;
}

.mc-forgot-password-text {
	text-align: right;
	cursor: pointer;
	font-size: 13px !important;
	margin-top: 8px;
}

.woocommerce form .show-password-input::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f06e";
}

p.lost_password {
	display:none;
}

.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.lost_reset_password .woocommerce-Button {
	width: 100%; 
	background-color: #FFB45C !important;
    color: #04111C !important;
    border-radius: 0 !important;
    border-color: #FFB45C;
    border: 1px solid transparent;
    outline: none;
    font-weight: 400 !important;
	transition: 0ms;
}

.woocommerce-form-register__submit {
	margin-top: 20px !important;
}

.woocommerce-form-login__submit:hover {
	background-color: #04111C !important;
	color: #fff !important;
}

.woocommerce-form-register__submit:hover {
	background-color: #04111C !important;
	color: #fff !important;
}

.lost_reset_password .woocommerce-Button:hover {
	background-color: #04111C !important;
	color: #fff !important;
}

.woocommerce form .form-row input {
	height: 40px;
}

.woocommerce form .form-row input.input-text {
	height: 40px;
}

.mc-register-label, .mc-login-label, .mc-forgot-password-label {
	font-size: 15px !important;
}

.mc-forgot-password-label {
	margin-top: 25px;
	margin-bottom: 0;
}

.mc-register-btn-wrapper button, 
.mc-login-btn-wrapper button {
	width: 100%;
	margin-top: 15px;
}

@media only screen and (min-width:1024px) {
	#popmake-21189.pum-container.pum-responsive.pum-responsive-medium {
		top: 0 !important;
		height: 100% !important;
		right: 0;
        left: 95% !important;
        width: 35%;
		overflow-y: scroll;
	}
}

@media only screen and (max-width: 996px) {
	#popmake-21189.pum-container.pum-responsive.pum-responsive-medium {
		width: 70%;
		right: 0;
		top: 0 !important;
		left: 30% !important;
		height: 100%;
		overflow-y:scroll;
	}
} 

@media only screen and (max-width: 500px) {
	#popmake-21189.pum-container.pum-responsive.pum-responsive-medium {
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		height: 100%;
		overflow-y: scroll !important;
	}
}
/* End Dzul Addon Code */