/*
.show-for-sr {
	border: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

@media (max-width: 767px) {
	.show-for-sr--mobile {
		border: 0 !important;
		clip: rect(0, 0, 0, 0) !important;
		height: 1px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		white-space: nowrap !important;
		width: 1px !important;
	}
}
*/

.row-fluid {
	width: 100%;
	*zoom: 1;
}

.row-fluid:before, .row-fluid:after {
	display: table;
	content: "";
}

.row-fluid:after {
	clear: both;
}

.row-fluid [class*="span"] {
	display: block;
	float: left;
	width: 100%;
	margin-left: 2.127659574%;
	*margin-left: 2.0744680846382977%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}

.row-fluid .span12 {
	width: 99.99999998999999%;
	*width: 99.94680850063828%;
}

.row-fluid .span11 {
	width: 91.489361693%;
	*width: 91.4361702036383%;
}

.row-fluid .span10 {
	width: 82.97872339599999%;
	*width: 82.92553190663828%;
}

.row-fluid .span9 {
	width: 74.468085099%;
	*width: 74.4148936096383%;
}

.row-fluid .span8 {
	width: 65.95744680199999%;
	*width: 65.90425531263828%;
}

.row-fluid .span7 {
	width: 57.446808505%;
	*width: 57.3936170156383%;
}

.row-fluid .span6 {
	width: 48.93617020799999%;
	*width: 48.88297871863829%;
}

.row-fluid .span5 {
	width: 40.425531911%;
	*width: 40.3723404216383%;
}

.row-fluid .span4 {
	width: 31.914893614%;
	*width: 31.8617021246383%;
}

.row-fluid .span3 {
	width: 23.404255317%;
	*width: 23.3510638276383%;
}

.row-fluid .span2 {
	width: 14.89361702%;
	*width: 14.8404255306383%;
}

.row-fluid .span1 {
	width: 6.382978723%;
	*width: 6.329787233638298%;
}

.container-fluid {
	*zoom: 1;
}

.container-fluid:before, .container-fluid:after {
	display: table;
	content: "";
}

.container-fluid:after {
	clear: both;
}

@media (max-width: 767px) {
	.row-fluid {
		width: 100%;
	}

	.row-fluid [class*="span"] {
		display: block;
		float: none;
		width: auto;
		margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 1139px) {
	.row-fluid {
		width: 100%;
		*zoom: 1;
	}

	.row-fluid:before, .row-fluid:after {
		display: table;
		content: "";
	}

	.row-fluid:after {
		clear: both;
	}

	.row-fluid [class*="span"] {
		display: block;
		float: left;
		width: 100%;
		margin-left: 2.762430939%;
		*margin-left: 2.709239449638298%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}

	.row-fluid .span12 {
		width: 99.999999993%;
		*width: 99.9468085036383%;
	}

	.row-fluid .span11 {
		width: 91.436464082%;
		*width: 91.38327259263829%;
	}

	.row-fluid .span10 {
		width: 82.87292817100001%;
		*width: 82.8197366816383%;
	}

	.row-fluid .span9 {
		width: 74.30939226%;
		*width: 74.25620077063829%;
	}

	.row-fluid .span8 {
		width: 65.74585634900001%;
		*width: 65.6926648596383%;
	}

	.row-fluid .span7 {
		width: 57.182320438000005%;
		*width: 57.129128948638304%;
	}

	.row-fluid .span6 {
		width: 48.618784527%;
		*width: 48.5655930376383%;
	}

	.row-fluid .span5 {
		width: 40.055248616%;
		*width: 40.0020571266383%;
	}

	.row-fluid .span4 {
		width: 31.491712705%;
		*width: 31.4385212156383%;
	}

	.row-fluid .span3 {
		width: 22.928176794%;
		*width: 22.874985304638297%;
	}

	.row-fluid .span2 {
		width: 14.364640883%;
		*width: 14.311449393638298%;
	}

	.row-fluid .span1 {
		width: 5.801104972%;
		*width: 5.747913482638298%;
	}
}

@media (min-width: 1280px) {
	.row-fluid {
		width: 100%;
		*zoom: 1;
	}

	.row-fluid:before, .row-fluid:after {
		display: table;
		content: "";
	}

	.row-fluid:after {
		clear: both;
	}

	.row-fluid [class*="span"] {
		display: block;
		float: left;
		width: 100%;
		margin-left: 2.564102564%;
		*margin-left: 2.510911074638298%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}

	.row-fluid .span12 {
		width: 100%;
		*width: 99.94680851063829%;
	}

	.row-fluid .span11 {
		width: 91.45299145300001%;
		*width: 91.3997999636383%;
	}

	.row-fluid .span10 {
		width: 82.905982906%;
		*width: 82.8527914166383%;
	}

	.row-fluid .span9 {
		width: 74.358974359%;
		*width: 74.30578286963829%;
	}

	.row-fluid .span8 {
		width: 65.81196581200001%;
		*width: 65.7587743226383%;
	}

	.row-fluid .span7 {
		width: 57.264957265%;
		*width: 57.2117657756383%;
	}

	.row-fluid .span6 {
		width: 48.717948718%;
		*width: 48.6647572286383%;
	}

	.row-fluid .span5 {
		width: 40.170940171000005%;
		*width: 40.117748681638304%;
	}

	.row-fluid .span4 {
		width: 31.623931624%;
		*width: 31.5707401346383%;
	}

	.row-fluid .span3 {
		width: 23.076923077%;
		*width: 23.0237315876383%;
	}

	.row-fluid .span2 {
		width: 14.529914530000001%;
		*width: 14.4767230406383%;
	}

	.row-fluid .span1 {
		width: 5.982905983%;
		*width: 5.929714493638298%;
	}
}













/* Tipografias Responsive */

/* COLORS */
:root {
  
  --primary: #1a1a1a;
  
  --secondary: #0c00ff;
  
  --tertiary-1: #3a88f9;
  
  --tertiary-2: #ffffff;
  
  
  --accent: #3a88f9;
  
  --accent-hover: #0c00ff;
  
  
  --back-primary: #c0d7f7;
  
  --back-secondary: #e3e3e3;
  
  --back-tertiary-1: #1a1a1a;
  
  --back-tertiary-2: #3A88F9;
  
  --white: #ffffff;
  --black: #1a1a1a;
}

/* SPACINGS */
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;
  --space-90: 90px;
  --space-110: 110px;
  --space-140: 140px;
  --space-160: 160px;
  --space-180: 180px;
  --space-200: 200px;
  --space-250: 250px;
  --space-275: 275px;
}

/* TIPOGRAFIAS */
:root {
  --primary-font: font-family: 'Pathway Extreme', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  --secondary-font: font-family: 'DM Mono', serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* MENU SPACES */
:root{
  --height: 85px;
  --height-2: 65px;
  --height-3: 75px;
  --height-mobile: 50px;
}



/* ----------------------------------------------------------------------------------- */
/*  GENERAL */
/* ----------------------------------------------------------------------------------- */
html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
a {
  transition-property: color;
  transition-duration: .3s;
  text-decoration: none;
}
.body-container-wrapper > .container-fluid{
  padding: 0px;
}
textarea,
input,
input:hover,
input:focus,
input:active,
input[type="text"], 
input[type="text"]:focus, 
input[type="text"]:hover, 
input[type="text"]:active, 
input[type="email"],
input[type="email"]:focus,
input[type="email"]:hover,
input[type="email"]:active,
select,
select:hover,
select:focus,
select:active,
button,
button[type="submit"],
button:not(.collapsed){
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  outline:0px;
  transition: all .3s;
}
.element-hidden{
  opacity: 0;
  visibility: hidden;
}

/* ----------------------------------------------------------------------------------- */
/*  TYPOGRAPHY */
/* ----------------------------------------------------------------------------------- */
body {  
  font-family: 'Pathway Extreme', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 16px;
  font-size: clamp(0.875rem, 0.46296296296296297vw + 0.6527777777777778rem, 1.0rem);
  line-height: 150%;
  color: var(--primary);
  overflow-x: hidden;
}
h1, .h1 { 
  font-weight: normal; text-decoration: none; font-family: 'DM Mono', serif; font-style: normal;
  font-size: 82px;
  font-size: clamp(3.125rem, 7.407407407407407vw + -0.4305555555555556rem, 5.125rem);
  line-height: 100%;
}
h2, .h2 { 
  font-weight: 300; text-decoration: none; font-family: 'Pathway Extreme', sans-serif; font-style: normal;
  font-size: 56px;
  font-size: clamp(2.375rem, 4.166666666666667vw + 0.375rem, 3.5rem);
  line-height: 105%;
}
h3, .h3 {  
  font-weight: 500; text-decoration: none; font-family: 'Pathway Extreme', sans-serif; font-style: normal;
  font-size: 28px;
  font-size: clamp(1.5rem, 0.9259259259259259vw + 1.0555555555555556rem, 1.75rem);
  line-height: 120%;
}
h4, .h4 {  
  font-weight: 500; text-decoration: none; font-family: 'Pathway Extreme', serif; font-style: normal;
  font-size: 23px;
  font-size: clamp(1.25rem, 0.6944444444444444vw + 0.9166666666666666rem, 1.4375rem);
  line-height: 140%;
}
.primary-font{ font-family: 'Pathway Extreme', sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
.secondary-font{ font-family: 'DM Mono', serif; font-style: normal; font-weight: normal; text-decoration: none; }
.font-weight-bold{ 
  font-weight: 600;
}

/* ----------------------------------------------------------------------------------- */
/*  COLOR VARIABLES */
/* ----------------------------------------------------------------------------------- */
.primary-color{
  color: var(--primary);
}
.secondary-color{
  color: var(--secondary);
}
.tertiary-1-color{
  color: var(--tertiary-1);
}
.tertiary-2-color{
  color: var(--tertiary-2);
}
.white-color{
  color: var(--white);
}
a,
.accent-color{
  color: var(--accent);
}
a:hover,
.accent-color:hover{
  color: var(--accent-hover);
}
.back-primary-color{
  background: var(--back-primary);
}
.back-secondary-color{
  background: var(--back-secondary);
}
.back-tertiary-1-color{
  background: var(--back-tertiary-1);
}
.back-tertiary-2-color{
  background: var(--back-tertiary-2);
}

/* ----------------------------------------------------------------------------------- */
/*  BUTTONS */
/* ----------------------------------------------------------------------------------- */
a.btn,
button,
button.btn{
  font-weight: 300; text-decoration: none; font-family: 'DM Mono', serif; font-style: normal;
  font-size: 16px;
  border-width: 1px;
  border-radius: 6px;
  padding: 0px 6px;
  transition: all 0.2s ease-out;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-primary,
.btn-primary-hover:hover{
  color: var(--white);
  background: var(--primary);
  border-color: var(--primary);
}
.btn-primary svg path,
.btn-primary-hover:hover svg path{
  stroke: var(--white);
}
.btn-secondary,
.btn-secondary-hover:hover{
  color: var(--white);
  background: var(--secondary);
  border-color: var(--secondary);
}
.btn-secondary svg path,
.btn-secondary-hover:hover svg path{
  stroke: var(--white);
}
.btn-tertiary-1,
.btn-tertiary-1-hover:hover{
  color: var(--white);
  background: var(--tertiary-1);
  border-color: var(--tertiary-1);
}
.btn-tertiary-1 svg path,
.btn-tertiary-1-hover:hover svg  path{
  stroke: var(--white);
}
.btn-tertiary-1 svg path,
.btn-tertiary-1-hover:hover svg path {
  stroke: var(--white);
}
.btn-tertiary-2,
.btn-tertiary-2-hover:hover{
  color: var(--accent-hover);
  background: var(--tertiary-2);
  border-color: var(--tertiary-2);
}
.btn-tertiary-2 svg path,
.btn-tertiary-2-hover:hover svg path{
  stroke: var(--accent-hover);
}
.btn-outlined-primary,
.btn-outlined-primary-hover:hover{
  color: var(--primary);
  background: transparent;
  border-color: var(--primary);
}
.btn-outlined-primary svg path,
.btn-outlined-primary-hover:hover svg path{
  stroke: var(--primary);
}
.btn-outlined-secondary,
.btn-outlined-secondary-hover:hover{
  color: var(--secondary);
  background: transparent;
  border-color: var(--secondary);
}
.btn-outlined-secondary svg path,
.btn-outlined-secondary-hover:hover svg path{
  stroke: var(--secondary);
}
.btn-outlined-tertiary-1,
.btn-outlined-tertiary-1-hover:hover{
  color: var(--tertiary-1);
  background: transparent;
  border-color: var(--tertiary-1);
}
.btn-outlined-tertiary-1 svg path,
.btn-outlined-tertiary-1-hover:hover svg path{
  stroke: var(--tertiary-1);
}
.btn-outlined-tertiary-2,
.btn-outlined-tertiary-2-hover:hover{
  color: var(--tertiary-2);
  background: transparent;
  border-color: var(--tertiary-2);
}
.btn-outlined-tertiary-2 svg path,
.btn-outlined-tertiary-2-hover:hover svg path{
  stroke: var(--tertiary-2);
}

/* ----------------------------------------------------------------------------------- */
/*  FORMS */
/* ----------------------------------------------------------------------------------- */
form input[type="text"] {
  background: transparent;
  border: 0px;
  border-bottom: 1px solid var(--primary);
  color: #1a1a1a
  font-weight: normal; text-decoration: none; font-family: 'DM Mono', serif; font-style: normal;
  font-size: clamp(1.0rem, 1.6203703703703705vw + 0.2222222222222222rem, 1.4375rem);
  text-transform: uppercase;
  padding-bottom: var(--space-10);
}
form input[type="text"]:hover,
form input[type="text"]:focus,
form input[type="text"]:active{
  border-bottom: 1px solid var(--accent);;
}
:is(fieldset, select, textarea, input:not([type="radio"], [type="checkbox"], [type="submit"])) {
  max-width: 100%;
  width: 100% !important;
}
form fieldset,
.hs-form-field {
  margin-bottom: var(--space-24) !important;
}
form fieldset.form-columns-2>div {
  padding-right: var(--space-16) !important;
}
:is(textarea, input[type="file"]) {
  margin-top: var(--space-16) !important;
  color: rgba(26, 26, 26, 0.50);
}
textarea {
  padding: var(--space-16); 
  font-style: italic;
}
form :is(input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], select) {
  border: none;
  border-bottom: 1px solid var(--primary);
}
form :is(input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover) {
  border-bottom: none;
  border-bottom: 1px solid var(--accent-hover);  
}
form :is(input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus) ,
form :is(input[type="text"]:active, input[type="number"]:active, input[type="email"]:active, input[type="tel"]:active, input[type="password"]:active){
  border-bottom: 1px solid var(--accent-hover);
  color: rgba(26, 26, 26, 0.50);
}
form .input ul :is([type="radio"], [type="checkbox"]) {
  margin-top: var(--space-4);
  margin-right: var(--space-8);
  accent-color: var(--secondary);
}
form .input ul {
  list-style: none;
  padding: 0;
}
form .hs-error-msgs { 
  padding: 0;
  margin: 0;
  list-style: none;
}
form .hs-error-msgs li {
  border-top: 1px solid #EE0003;
}
form .hs-error-msgs label {
  color: #EE0003 !important;
  text-transform: none !important;
}
form input::file-selector-button {
  margin-right: var(--space-8);
  padding: 0 6px;
  font-family: var(--secondary-font);
  text-transform: uppercase;
  color: #fff;
  background: var(--primary);
  border: none;
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-size: var(--space-16);
  font-style: normal;
  font-weight: 300;
  gap: 0.5rem;
}
/* legal consent */
form label:not(.legal-consent-container label) {
  text-transform: uppercase;
  font-family: var(--secondary-font);
  color: var(--secondary);
}
form .legal-consent-container * {
  font-size: 14px;
}
form .legal-consent-container {
  margin: var(--space-80) 0 !important;
}
.legal-consent-container label {
  width: 100% !important;
}

/* input submit */
.actions {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.actions input[type="submit"] {
  padding: 0 6px;
  padding-right: var(--space-48);
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 6px;
  border-width: 1px;
  font-family: var(--secondary-font);
  font-size: var(--space-16);
  font-style: normal;
  font-weight: 300;
  gap: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  background: transparent;
  border-color: var(--secondary);
  color: var(--secondary);
}
.actions:hover input[type="submit"] {
  background: var(--tertiary-1);
  border-color: var(--tertiary-1);
  color: var(--white);  
}
.actions:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='16' viewBox='0 0 36 16' fill='none'%3E%3Cpath d='M0.746094 8L34.8544 8' stroke='%230C00FF' stroke-width='0.75'/%3E%3Cpath d='M29.875 3.02051L34.8545 8L29.875 12.9795' stroke='%230C00FF' stroke-width='0.75' stroke-linejoin='bevel'/%3E%3C/svg%3E");
  position: absolute;
  right: 6px;
  bottom: -1px;
  opacity: 1;
  width: 35px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  cursor: pointer;
}
.actions:hover:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='16' viewBox='0 0 35 16' fill='none'%3E%3Cpath d='M0.244629 8.30688L34.3529 8.30689' stroke='white' stroke-width='0.75'/%3E%3Cpath d='M29.3735 3.32739L34.353 8.30688L29.3735 13.2864' stroke='white' stroke-width='0.75' stroke-linejoin='bevel'/%3E%3C/svg%3E");
}

/* ----------------------------------------------------------------------------------- */
/*  HEADER */
/* ----------------------------------------------------------------------------------- */
.navbar{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: var(--height);
  background: rgba(26,26,26,.7);
  z-index: 1000;
  padding: 0px var(--space-64);
  padding: 0px clamp(var(--space-16), -1.2143rem + 3.5714vw, var(--space-64));
  display: flex;
  justify-content: space-between;
  transition: all .3s;
  gap: var(--space-16);
}
.navbar .logo-header{
  transition: all .3s
}
.navbar .logo-header img{
  vertical-align: 4px;
  max-width: 144px;
}
.navbar.navbar-scroll{
  height: var(--height-2);
}
.navbar .menu-content ul{
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0px;
  gap: var(--space-32);
  gap: clamp(var(--space-16), -1.2143rem + 3.5714vw, var(--space-32));
}
.navbar .menu-content ul li{
  cursor: pointer;
}
.navbar .menu-content ul li a{
  text-decoration: none;
  transition-duration: .3s;
  text-transform: uppercase;
  color: var(--white);
}
.navbar .menu-content > ul > li > a{
  line-height: 120%;
}
.navbar .menu-content ul li:hover a{
  color: var(--accent);
  font-weight: 600;
  text-decoration: underline;
}
.navbar .menu-content ul.hs-menu-wrapper > li{
  position: relative;
}
.navbar .menu-content ul.hs-menu-wrapper > li > a{
  height: var(--height);
  display: flex;
  align-items: center;
}
.navbar.navbar-scroll .menu-content ul.hs-menu-wrapper > li > a{
  height: var(--height-2);
}
.navbar .menu-content ul.hs-menu-wrapper > li.hs-item-has-children{
  padding-right: 16px !important;
}
.navbar .menu-content ul .hs-item-has-children:after{
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  top: 50%;
  margin-top: -6px;
  right: 0px;
  transition: all .3s;
  transform: rotate(45deg);
}
.navbar .menu-content ul .hs-item-has-children:hover:after{
  border-right: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent);
}
.navbar .menu-content ul ul.hs-menu-children{
  position: absolute;
  flex-direction: column;
  gap: 1rem;
  padding: var(--space-32);
  opacity: 0;
  visibility: hidden;
  top: var(--height);
  transition: all .3s;
  transform: translateY(5px);
  background: var(--back-primary);
  margin: 0px;
  left: -32px;
  min-width: 225px;
}
.navbar.navbar-scroll .menu-content ul ul.hs-menu-children{
  top: var(--height-2);
}
.navbar .menu-content ul.hs-menu-wrapper > li:hover > ul.hs-menu-children{
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.navbar .menu-content ul ul.hs-menu-children a{
  width: 100%;
  color: var(--primary);
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*
  font-size: .9em;*/
  gap: var(--space-16);
}
.navbar .menu-content ul ul.hs-menu-children a div{
  gap: var(--space-8);
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}
.navbar .menu-content ul ul.hs-menu-children a span{
  color: var(--secondary);
}
.navbar .menu-content ul ul.hs-menu-children a:hover,
.navbar .menu-content ul ul.hs-menu-children a:hover span{
  color: var(--accent-hover);
}
.navbar .menu-content ul ul.hs-menu-children a svg path{
  stroke: var(--primary);
}
.navbar .menu-content ul ul.hs-menu-children a svg{
  transition: all .3s;
}
.navbar .menu-content ul ul.hs-menu-children a:hover svg{
  transform: translateX(10px)
}
.navbar .menu-content ul ul.hs-menu-children a:hover svg path{
  stroke: var(--accent-hover);
}
.navbar .menu-ctas{
  display: flex;
  gap: var(--space-32);
}
.navbar .menu-ctas a{
  white-space: pre;
}
.navbar .menu-ctas a,
.navbar .menu-content a,
.navbar .menu-content ul ul.hs-menu-children a{
  font-size: 1.1em;
}
.navbar .menu-search-language {
  display: flex;
  gap: var(--space-16);
}
.navbar button.search-open{
  background: none;
  border: 0px;
  position: relative;
  padding: 0px;
}
.navbar button.search-open svg{
  fill: var(--white);
  width: 20px;
  stroke: var(--white);
  stroke-width: 0.5px;
  cursor: pointer;
  opacity: 1;
  transition: all .3s;
}
.navbar button.search-open:hover svg{
  fill: var(--accent);
  stroke: var(--accent);
  stroke-width: 0.5px;
}

.lang-switcher-content{
  position: relative;
  height: var(--height);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lang-switcher-content.lang-switcher-content-custom .lang_switcher_class{
  top: var(--height);
  right: -1rem;
}
.navbar-scroll .lang-switcher-content.lang-switcher-content-custom .lang_switcher_class{
  top: var(--height-3);
}
.lang-switcher-content.lang-switcher-content-custom .lang_switcher_class ul{
  padding: 0px;
  list-style: none;
  margin: 0px;
}
.lang-switcher-content.lang-switcher-content-custom .lang_switcher_class ul li{
  padding: .25rem 1.5rem;
  text-align: center;
}
.lang-switcher-content .lang_switcher_class ul li:first-child{
  display: none;
}
.lang-switcher-content .lang_switcher_class ul li:nth-child(2){
  padding-top: 10px;
}
.lang-switcher-content.lang-switcher-content-custom .lang_switcher_class ul li:last-child{
  padding-bottom: 10px;
}
.lang-switcher-content.lang-switcher-content-custom .lang_switcher_class ul li a{
  color: var(--primary);
}
.lang-switcher-content.lang-switcher-content-custom .lang_switcher_class ul li a:hover{
  color: var(--accent-hover);
}
.lang-switcher-content .globe_class {
  background: none;
  width: 100%;
}
.lang-switcher-content .lang-switcher-content-current{
  text-transform: uppercase;
  cursor: pointer;
  white-space: pre;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}
.lang-switcher-content:hover .lang-switcher-content-current{
  color: var(--accent);
  transition: all .3s;
}
.lang-switcher-content .lang-switcher-content-current svg {
  width: 9px;
  transition: all .3s;
}
.lang-switcher-content:hover .lang-switcher-content-current svg {
  transform: rotate(180deg);
  margin-top: -2px;
}
.lang-switcher-content .lang-switcher-content-current svg path {
  stroke: var(--white);
}
.lang-switcher-content:hover .lang-switcher-content-current svg path {
  stroke: var(--accent);
}
.lang-switcher-content .lang_switcher_class{
  position: absolute;
  top: 0px;
}
.lang-switcher-content .lang_list_class{
  display: block;
  transition: all .3s;
  transform: translateY(5px);
  opacity: 0;
  visibility: hidden;
  top: var(--height);
  transform: none;
  padding: 0px;
  right: -1rem;
  left: inherit;
}
.lang-switcher-content .globe_class{
  cursor: auto;
}
.lang-switcher-content:hover .lang_list_class{
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.navbar.navbar-scroll .lang-switcher-content .lang_list_class{
  top: 75px;
}
.lang-switcher-content .lang_list_class:after,
.lang-switcher-content .lang_list_class:before{
  display: none;
}
.lang-switcher-content .lang_list_class li{
  background: var(--back-primary);
  border: 0px !important;
  font-size: 1em;
  text-transform: uppercase;
  padding: .5rem 1.5rem;
}
.lang-switcher-content .lang_list_class li small{
  font-size: .8em;
  white-space: nowrap;
}
.lang-switcher-content .lang_list_class li a{
  cursor: pointer;
}


.search-content{
  position: absolute;
  top: var(--height);
  right: 0px;
  background: rgba(0,0,0,.85);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1031;
  padding: 0px;
  background: var(--back-secondary);
  width: 100%;
  height: 0px;
  overflow: hidden;
  transition: all .3s;
  gap: var(--space-32)
}
.navbar.navbar-scroll .search-content{
  top: var(--height-2);
}
.search-content.open{
  height: 100%;
  padding: var(--space-32) var(--space-64);
}
.search-content form{
  width: 100%;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.search-content form input[type="text"]{
  border-top: 0px;
  border-bottom: 1px solid var(--primary);
}
.search-close svg{
  fill: var(--white);
}


.mobile-button {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 45px;
  height: 20px;
  background: transparent;
  border: 0px;
}
.mobile-button span {
  align-self: flex-end;
  height: 1px;
  width: 25px;
  transition: all 0.2s ease-in-out;
  background: var(--white);
}
.mobile-button:hover span {
  background: var(--accent);
}


.menu-mobile{
  position: fixed;
  z-index: 1031;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--space-16);
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: .3s;
}
.menu-mobile.open{
  opacity: 1;
  visibility: visible;
}
.menu-mobile .menu-mobile__close{
  background: transparent;
  border: 0px;
}
.menu-mobile .menu-mobile__close svg{
  width: 15px;
  opacity: 1;
  vertical-align: middle;
  fill: var(--primary);
}
.menu-mobile .menu-mobile__close:hover svg{
  fill: var(--accent-hover);
}
.menu-mobile ul{
  padding: var(--space-24) 0px;
}
.menu-mobile ul li{
  list-style: none;
  padding: var(--space-16) 0px;
  border-bottom: 1px solid var(--primary);
}
.menu-mobile ul ul{
  margin-top: 0.35rem;
}
.menu-mobile ul li a{
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding-right: 15px;
  text-decoration: none;
  font-size: 1.1em;
  color: var(--primary);
}
.menu-mobile ul li a:hover{
  color: var(--accent-hover);
}
.menu-mobile ul li a svg path{
  transition: all .3s;
}
.menu-mobile__menu .menu-mobile__submenu{
  max-height: 0px;
  overflow: hidden;
  transition: all .3s;
}
.menu-mobile__menu .menu-mobile__submenu.active{
  max-height: 1000px;
}
.menu-mobile__menu ul .hs-item-has-children > a{
  position: relative;
}
.menu-mobile__menu ul .hs-item-has-children > a:after{
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 1px solid var(--primary);
  border-bottom: 1px solid var(--primary);
  top: 50%;
  margin-top: -6px;
  right: 0px;
  transition: all .3s;
  transform: rotate(45deg);
}
.menu-mobile__menu ul .hs-item-has-children:hover > a{
  color: var(--accent-hover);
}
.menu-mobile__menu ul .hs-item-has-children:hover > a:after{
  border-right: 1px solid var(--accent-hover);
  border-bottom: 1px solid var(--accent-hover);
}
.menu-mobile__menu ul .hs-item-has-children.active > a:after{
  transform: rotate(-135deg);
  margin-top: -3px;
}
.menu-mobile__menu ul ul.hs-menu-children{
  padding: var(--space-24);
  margin: var(--space-8) 0px 0px var(--space-80);
}
.menu-mobile__menu ul ul a{
  color: var(--white);
  text-transform: inherit;
}
.menu-mobile__menu ul ul a svg{
  stroke: var(--white);
}
.menu-mobile ul ul li{
  padding: 0px;
  margin-bottom: var(--space-24);
}
.menu-mobile ul ul li:last-child{
  margin-bottom: 0px;
}
.menu-mobile__menu ul ul a div span{
  color: var(--back-primary);
}
.menu-mobile__menu ul ul a:hover,
.menu-mobile__menu ul ul a:hover div span{
  color: var(--tertiary-1);
}
.menu-mobile__menu ul ul a:hover svg{
  stroke: var(--tertiary-1);
}
.menu-mobile__header .lang-switcher-content{
  height: auto;
}
.menu-mobile__header .lang-switcher-content span{
  font-size: 1.15em;
}
.menu-mobile__header .lang-switcher-content .lang-switcher-content-current svg path{
  stroke: var(--primary);
}
.menu-mobile__header .lang-switcher-content .lang_list_class li {
  background: var(--back-tertiary-1);
}
.menu-mobile__header .lang-switcher-content:hover .lang-switcher-content-current svg path{
  stroke: var(--accent);
}
.menu-mobile__header .lang_switcher_class ul li a{
  font-size: 1em;
  color: var(--white);
  padding: 0px;
}
.menu-mobile__header .lang_switcher_class ul li{
  color: var(--white);
}
.menu-mobile__header .lang_switcher_class ul li a:hover{
  color: var(--accent);
}
.menu-mobile__header .lang_switcher_class .lang_list_class,
.menu-mobile__header .lang-switcher-content.lang-switcher-content-custom .lang_switcher_class{
  top: var(--space-32);
}
.menu-mobile__header .lang-switcher-content.lang-switcher-content-custom .lang_switcher_class ul li a{
  color: var(--white);
  font-size: 1.1em;
  text-decoration: none;
}

/* ----------------------------------------------------------------------------------- */
/*  BLOG */
/* ----------------------------------------------------------------------------------- */
.hs-blog-post .navbar {
  background: transparent;
}
.hs-blog-post .navbar.navbar-scroll {
  background: rgba(76,76,76,.9);
}
.blog-hero-breadcrumbs * {
  color: var(--white);  
}
.blog-hero-breadcrumbs .col {
  margin-bottom: var(--space-24);
}
.blog-hero-breadcrumbs a {
  text-decoration: underline;
  text-underline-offset: var(--space-4);
}
.blog-hero-breadcrumbs a:hover {
  color: var(--tertiary-1);
}
/* LIST ---------------------------------------------------------  */
.blog-list-hero-banner {
  height: 356px; 
  background: var(--primary);
}
.blog-list-hero-banner h1 {
  margin-bottom: var(--space-24);
  color: var(--white);
}
.blog-post-hero-image {
  overflow:hidden;
  width: 100%;
  max-height: 383px;   
}
.blog-post-hero-image img {
  margin-top: -1px; 
  object-fit: cover;
}
.blog-list-hero-tags {
  margin-top: var(--space-110);
  margin-bottom: var(--space-56);
}
.blog-list-hero-tags .post-catagory a,
.blog-list-post-item .post-catagory a {
  display: inline-block;
  padding: 1px var(--space-4);
  text-transform: uppercase;
  background: var(--back-secondary);
  color: var(--primary);
}
.blog-list-hero-tags .post-catagory a {
  margin-right: var(--space-24);
  margin-bottom: var(--space-8);
}
.blog-list-hero-tags .post-catagory a:hover,
.blog-list-post-item .post-catagory a:hover {
  background: var(--secondary);
  color: var(--white);
}
.blog-listing-wrapper {
  margin-bottom: var(--space-80);
}
.blog-list-post-item {  
  min-height: 594px;
}
.blog-list-post-item .post-item-blog-wrap {
  overflow: hidden;
  border: 0.75px solid #A8A8A8;
}
.blog-list-post-item .post-item-blog-wrap:hover {
  background: var(--back-primary);
}
.blog-list-post-item .post-item-blog-wrap:hover :is(.caption-time, h3 a, p),
.blog-list-post-item .blog-cont-data h3 a:hover {
  color: var(--secondary) !important;
}
.blog-list-post-item .feat-img {
  height: 202px;
  overflow: hidden;
}
.blog-list-post-item .feat-img img {
  object-fit: cover;
}
.blog-list-post-item .blog-cont-data {
  padding: var(--space-40);
}
.blog-list-post-item .blog-cont-data :is(.caption-time, p) {
  margin-bottom: var(--space-40);
}
.blog-list-post-item .blog-cont-data h3 {
  margin-bottom: var(--space-16);
}
.blog-list-post-item .blog-cont-data h3 a {
  color: var(--primary);
}
.blog-list-post-item .post-catagory a {
  margin-right: var(--space-8);
  margin-bottom: var(--space-8);
}
.blog-list-pagination {
  margin-bottom: var(--space-110);
}
/* POST --------------------------------------------------------- */
.blog-post-hero-banner {
  height: 190px;
  background: var(--primary);
}
.blog-post-container {
  margin-top: var(--space-80);
}
.blog-post-container .blog-index__data {
  gap: var(--space-32);
}
.blog-post-container .blog-index__post-tags {
  margin-bottom: var(--space-40);
}
.blog-post-container .blog-index__post-tags a {
  padding: 1px var(--space-4);
  background: var(--secondary);
  color: var(--white);
}
.blog-post-container .blog-index__post-tags a:hover {
  background: var(--tertiary-1);
}
.blog-post-container h1 {
  margin-bottom: var(--space-56);
  color: var(--secondary);   
}
.blog-post-hero img {
  width: 100%;
  /*max-height: 490px;*/
  max-height: 600px;
  object-fit: cover;
}
.blog-post-body {
  margin-bottom: var(--space-80); 
}
.blog-post-body .blog-post__author {
  margin-bottom: var(--space-32); 
  position: sticky;
  top: var(--space-80); 
}
.blog-post-body .blog-post__author .avatar {
  margin-bottom: var(--space-8); 
}
.blog-post-body .blog-post__author .avatar img {
  object-fit: cover;
  width: 103px;
  height: 103px;
  aspect-ratio: 1/1;
}
.blog-post-body .blog-post__author a {
  color: var(--secondary);
}
.blog-post-body .blog-post__author a:hover {
  color: var(--tertiary-1);
}
.blog-post-body :is(h2, h3, h4, h5, h6){
  margin-bottom: var(--space-24); 
  font-family: DM Mono, sans-serif;
  text-transform: uppercase;
  color: var(--secondary);
}
.blog-post__share {
  gap: var(--space-16); 
  margin-top: var(--space-56);
  position: relative;
  cursor: pointer;
}
.blog-post__share .hs_cos_wrapper_type_social_sharing {
  position: absolute;
  bottom: -40px;
  opacity: 0;
}
.blog-post__share:hover .hs_cos_wrapper_type_social_sharing {
  opacity: 1;
}
.blog-post__share img {
  max-width: var(--space-32) !important; 
  max-height: var(--space-32) !important; 
  width: var(--space-32) !important; 
  height: var(--space-32) !important; 
  margin-left: var(--space-8); 
}
/* Related Posts */
.blog-related-post__section {
  padding: var(--space-110) var(--space-24);
}

/* ----------------------------------------------------------------------------------- */
/*  SYSTEM PAGES */
/* ----------------------------------------------------------------------------------- */
.systems-page--title{
  padding: var(--space-180) 0px var(--space-64) 0px;
}
.systems-page--search{
  padding: var(--space-64) 0px;
}
.systems-page--search .results-total{
  white-space: pre;
}
.systems-page--search-content{
  gap: var(--space-90);
}
.systems-page--search-content form{
  gap: var(--space-24);
}
.systems-page--results{
  padding: var(--space-110) 0px;
}
.systems-page--results .hs-search-results__listing{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-24);
  padding: 0px;
  list-style: none;
}
.systems-page--results .hs-search-results__listing li {
  margin-bottom: 0rem;
  padding-bottom: 0rem;
  background: var(--back-primary);
  padding: var(--space-32);
}
.systems-page--results .hs-search-results__listing li:hover {
  background: var(--back-tertiary-1);
}
.systems-page--results .hs-search-results__listing li:hover p,
.systems-page--results .hs-search-results__listing li:hover h3{
  color: var(--white);
}
.systems-page--results .hs-search-results__listing li a{
  float: right;
}
.systems-page--results .hs-search-results__pagination{
  padding-top: var(--space-72);
  display: flex;
  justify-content: center;
  gap: var(--space-10);
}
.systems-page--results .hs-search-results__pagination a.btn{
  font-family: 'Pathway Extreme', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  height: 50px;
  padding: 0px var(--space-16);
  border-radius: 0px;
}
.systems-page--results .hs-search-results__listing li a{
  background: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.systems-page--results .hs-search-results__listing li a svg path{
  stroke: var(--primary);
}
.systems-page--results .hs-search-results__listing li:hover a{
  border-color: var(--white);
  color: var(--white);
}
.systems-page--results .hs-search-results__listing li a span{
  transition: all .3s;
  max-width: 0px;
  overflow: hidden;
  white-space: nowrap;
}
.systems-page--results .hs-search-results__listing li:hover a span{
  max-width: 1000px;
}
.systems-page--results .hs-search-results__listing li:hover a svg path{
  stroke: var(--white);
}
.systems-page--results .hs-search-results__listing li:hover a:hover{
  border-color: var(--tertiary-1);
  background: var(--tertiary-1);
  color: var(--white);
}
/*  system and membership ----------------------------------------------------  */
.system-pages {
  padding-top: var(--space-90);
}
.system-pages section {
  background-repeat: no-repeat;
  background-size: cover;
}

/* hero */
.system-pages .hero-section {
  padding: 280px 1rem 120px 0;
  background: url(https://27153337.fs1.hubspotusercontent-eu1.net/hubfs/27153337/system-bg_00.png);
  background-position: left;
}
.system-pages .hero-section h1 {
  margin-bottom: var(--space-24);
  margin-left: -800px;
  white-space: nowrap;
}
.system-pages .hero-section h2 {
  margin-bottom: var(--space-80);
  text-decoration: underline;
  font-size: 30px;
}
/* cards */
.system-pages .exit-cards {
  padding: 112px 0;
  background: url(https://27153337.fs1.hubspotusercontent-eu1.net/hubfs/27153337/system-bg_01.jpg);
  background-position: center;
}
.system-pages .exit-cards .exit-card {
  aspect-ratio: 10/9;
}
.system-pages .exit-cards .exit-card__img {
  width: var(--space-48);
  background: url(https://27153337.fs1.hubspotusercontent-eu1.net/hubfs/27153337/system-bg_02.jpg);
  background-position: center;
}
.system-pages .exit-cards .exit-card__content {
  padding: var(--space-40);
  width: calc(100% - var(--space-48));
  background: var(--white);
}
/* form */
.system-pages .newsletter {
  padding: var(--space-80) 1rem;
}
.system-pages .newsletter .container {
  padding: var(--space-80);
  background: var(--white);
}
.system-pages .newsletter h2 {
  margin-bottom: var(--space-56);
}

.system-pages .actions input[type="submit"] {
  padding: 0 50px 1px 6px;
}
.system-pages ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.system-pages input[type="email"]::placeholder,
.system-pages input[type="text"]::placeholder {
  text-transform: none;
  font-size: 16px:
}
/* log out */
.system-pages .logout-page {
  padding: 120px 1rem;
}
.system-pages .logout-page h1 {
  margin-left: auto;
  white-space: inherit;
}


/*  Preference Center ---------------------------------------------------------  */
.preference-center {
  background: var(--back-primary);
}
.preference-center section {
  padding: 112px 1rem;
}
#email-prefs-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--space-64);
}
.preference-center .subs-preference .page-header {
  width: 40%;
}
.preference-center .email-prefs {
  width: 50%;
  padding: var(--space-56);
  background: var(--white);
  box-shadow: var(--secondary) -16px var(--space-16);
}
.preference-center h1 {
  margin-bottom: var(--space-24);
  font-size: var(--space-40);
}
.preference-center h2 {
  color: var(--secondary);
  font-size: var(--space-24);
}
.preference-center .checkbox-row,
.preference-center .success {
  text-transform: uppercase;
  color: var(--secondary);
}
.preference-center .item-inner p {
  font-weight: bold;
}
.preference-center form label:not(.legal-consent-container label) {
  text-transform: none;
  color: var(--primary);
}
.preference-center input[type="submit"] {
  padding: 0 6px;
  margin-top: var(--space-24);
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 6px;
  border-width: 1px;
  font-family: var(--secondary-font);
  font-size: var(--space-16);
  font-style: normal;
  font-weight: 300;
  gap: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  background: transparent;
  border-color: var(--secondary);
  color: var(--secondary);
}
.preference-center input[type="submit"]:hover {
  background: var(--tertiary-1);
  border-color: var(--tertiary-1);
  color: var(--white);  
}

/* ----------------------------------------------------------------------------------- */
/*  APPLICATIONS & PRODUCTS */
/* ----------------------------------------------------------------------------------- */
.application__item{
  padding: var(--space-275) 0px 0px 0px;
  background-size: cover;
}
.product__item {
  padding: var(--space-200) 0px 0px 0px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.application__description{
  padding: var(--space-64) var(--space-72);
  margin-left: var(--space-56);
  height: 100%;
  font-size: 1.125em;
}
.application__description a{
  margin-top: var(--space-32);
  font-size: 1.1em;
  font-weight: 500;
  padding: 3px 15px;
}
.application__content .hs-breadcrumb-menu{
  margin: 0px 0px var(--space-32) 0px;
  flex-wrap: wrap;
}
.application__content .hs-breadcrumb-menu,
.application__content .hs-breadcrumb-menu li{
  align-items: center;
  display: flex;
  gap: 0.6rem;
  padding: 0;
  white-space: pre;
}
.application__content .hs-breadcrumb-menu li span:before {
  font-size: 26px;
  padding: 0;
  vertical-align: text-bottom;
}
.application__content .hs-breadcrumb-menu li a{
  text-decoration: underline
}
.application__content .hs-breadcrumb-menu li a:hover{
  color: var(--accent);
}
.application__content h1 {
  margin-bottom: var(--space-64);
  padding-right: 8rem;
}
.product__detail-images .swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.product__detail-images .swiper-container-wrapper {
  display: flex;
  gap: var(--space-10);
}
.product__detail-images .swipper-controls{
  flex: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.product__detail-images .swipper-controls .swiper-button-prev,
.product__detail-images .swipper-controls .swiper-button-next{
  left: auto;
  right: auto;
  top: initial;
  margin: 0px;
  width: auto;
  height: auto;
  position: relative;
}
.product__detail-images .swipper-controls .swiper-button-prev:after,
.product__detail-images .swipper-controls .swiper-button-next:after{
  display: none;
}
.product__detail-images .swipper-controls .swiper-button-prev svg path,
.product__detail-images .swipper-controls .swiper-button-next svg path{
  stroke: var(--primary);
  transition: all .3s;
}
.product__detail-images .swipper-controls .swiper-button-prev:hover svg path,
.product__detail-images .swipper-controls .swiper-button-next:hover svg path{
  stroke: var(--accent-hover);
}
.product__detail-images .swiper-slide {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.product__detail-images .gallery-product-top {
  position: relative;
  flex: calc(100% - 140px);
}
.product__detail-images .gallery-product-top .swiper-slide img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.product__detail-images .gallery-product-thumbs {
  display: flex;
  flex-direction: column;
  flex: 160px;
  height: 500px;
  overflow-y: scroll;
  direction:rtl;
}
.product__detail-images .gallery-product-thumbs.gallery-product-no-scroll{
  overflow: hidden;
  flex: 130px;
}
.product__detail-images .gallery-product-thumbs.gallery-product-no-images{
  display: none
}
.product__detail-images .gallery-product-thumbs.gallery-product-no-scroll > .swiper-wrapper{
  transform: none !important;
}

.product__detail-images .gallery-product-thumbs::-webkit-scrollbar-track {
	background-color: #E3E3E3;
}
.product__detail-images .gallery-product-thumbs::-webkit-scrollbar {
	width: 5px;
	background-color: #E3E3E3;
}
.product__detail-images .gallery-product-thumbs::-webkit-scrollbar-thumb {
	background-color: #1A1A1A;
}
.product__detail-images .gallery-product-thumbs .swiper-wrapper {
  flex-direction: column;
  gap: var(--space-16);
}
.product__detail-images .gallery-product-thumbs .swiper-slide {
  width: 127px !important;
  height: 127px !important;
  cursor: pointer;
  margin: 0px !important;
}
.product__detail-images .gallery-product-thumbs .swiper-slide img {
  width: 127px;
  height: 127px;
  object-fit: cover;
}
.product__detail{
  padding: var(--space-90) 0px var(--space-140) 0px;
}
.product__detail-list{
  padding: var(--space-16) 0px var(--space-16) var(--space-90);
}
.product__detail-list ul{
  padding: 0px;
  list-style: none;
}
.product__detail-list ul li{
  border-bottom: .5px solid #A8A8A8;
  padding: var(--space-10) 0px;
}
.product__detail-list ul li:last-child{
  border-bottom: 0px;
}
.product__detail-share {
  position: relative;
  cursor: pointer;
}
.product__detail-share span{
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  top: 50%;
  transform: translateX(-10px) translateY(-50%);
  right: -40px;
  padding-left: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}
.product__detail-share:hover span{
  opacity: 1;
  visibility: visible;
  transform: translateX(0px) translateY(-50%);
}
.product__detail-share:hover{
  color: var(--tertiary-1)
}
.product__detail-share:hover svg path{
  stroke: var(--tertiary-1)
}
.product__detail-share span img{
  height: var(--space-32)!important;
  max-height: var(--space-32)!important;
  max-width: var(--space-32)!important;
  width: var(--space-32)!important;
}
.product__features{
  padding: var(--space-24);
  gap: var(--space-24);
}
.product__features > div{
  flex: 50%;
  padding: var(--space-80) var(--space-80) var(--space-110) var(--space-80);
}
.product__features h2{
  margin-bottom: var(--space-24);
}
.product__features em,
.product__features table{
  font-size: .85em;
  line-height: 120%;
}
.product__features table tr td{
  border: 1px solid var(--white);
  word-break: break-word;
}
.product__features table tr:first-child td{
  font-weight: 600;
}
.product__features-benefits p{
  margin: 0px;
  padding-bottom: var(--space-40);
  border-bottom: 1px solid var(--primary);
}
.product__features-benefits ul li,
.product__features-features ul li{
  margin-bottom: var(--space-32);
}
.product__features-benefits ul li:last-child,
.product__features-features ul li:last-child {
  margin: 0px;
}
.product__features-benefits ul,
.product__features-features ul {
  padding: var(--space-16) 0px var(--space-24) 2rem;
  /*
  border-bottom: 1px solid var(--white); */
}
.product__features-benefits ul:first-child,
.product__features-features ul:first-child {
  padding-top: 0px;
}
.product__videos{
  padding: var(--space-24);
  padding-top: 0px;
  gap: var(--space-24);
}
.product__videos > .swiper-container {
  max-width: 100%;
}
.product__videos .video{
  height: 500px;
}
.application__videos{
  padding: var(--space-90) 0px;
}
.application__videos h2{
  margin-bottom: var(--space-64)
}
.application__videos .swiper-videos .swiper-pagination-content,
.product__videos .swiper-product-videos .swiper-pagination-content{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-32);
  margin-top: var(--space-24);
}
.application__videos .swiper-videos.pagination-lg-false .swiper-pagination-content,
.product__videos .swiper-product-videos.pagination-lg-false .swiper-pagination-content{
  display: none;
}
.application__videos .swiper-videos .pagination-lg-false .swiper-pagination-content,
.product__videos .swiper-product-videos .pagination-lg-false .swiper-pagination-content{
  display: none;
}
.application__videos .swiper-videos .swiper-pagination,
.product__videos .swiper-product-videos .swiper-pagination{
  z-index: 1;
}
.application__videos .swiper-videos .swiper-button-next,
.application__videos .swiper-videos .swiper-button-prev,
.application__videos .swiper-videos .swiper-pagination,
.product__videos .swiper-product-videos .swiper-button-next,
.product__videos .swiper-product-videos .swiper-button-prev,
.product__videos .swiper-product-videos .swiper-pagination {
  position: relative;
}
.application__videos .swiper-videos .swiper-pagination-bullet,
.product__videos .swiper-product-videos .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
  margin: 0 var(--space-8);
  border-radius: 50px !important;
  border: 1px solid var(--primary);
  background: transparent;
  opacity: 1;
}
.product__videos .swiper-product-videos .swiper-pagination-bullet{
  border: 1px solid var(--white);
}
.application__videos .swiper-videos .swiper-slide,
.product__videos .swiper-product-videos .swiper-slide{
  text-align: center;
}
.application__videos .swiper-videos .swiper-slide img,
.product__videos .swiper-product-videos .swiper-slide img{
  max-width: 100%;
}
.product__videos .swiper-product-videos .swiper-slide img{
  height: 500px;
  object-fit: contain;
}
.application__videos .swiper-videos .swiper-pagination-bullet-active {
  background: var(--secondary);
  border-color: var(--secondary);
}
.product__videos .swiper-product-videos .swiper-pagination-bullet-active {
  background: var(--white);
  border-color: var(--white);
}
.application__videos .swiper-videos .swiper-button-next,
.application__videos .swiper-videos .swiper-button-prev,
.product__videos .swiper-product-videos .swiper-button-next,
.product__videos .swiper-product-videos .swiper-button-prev{
  margin: 0;
  height: var(--space-16);
}
.application__videos .swiper-videos .swiper-button-prev:after,
.product__videos .swiper-product-videos .swiper-button-prev:after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M15.2554 6.42188L1.14706 6.42187' stroke='%231A1A1A' stroke-width='0.75'/%3E%3Cpath d='M6.12646 11.4014L1.14697 6.42187L6.12647 1.44238' stroke='%231A1A1A' stroke-width='0.75' stroke-linejoin='bevel'/%3E%3C/svg%3E");
  height: var(--space-16);
  font-size: inherit;
}
.product__videos .swiper-product-videos .swiper-button-prev:after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M15.2554 6.42188L1.14706 6.42187' stroke='%23FFFFFF' stroke-width='0.75'/%3E%3Cpath d='M6.12646 11.4014L1.14697 6.42187L6.12647 1.44238' stroke='%23FFFFFF' stroke-width='0.75' stroke-linejoin='bevel'/%3E%3C/svg%3E");
}
.application__videos .swiper-videos .swiper-button-next:after,
.product__videos .swiper-product-videos .swiper-button-next:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M0.244629 6.42188L14.3529 6.42188' stroke='%231A1A1A' stroke-width='0.75'/%3E%3Cpath d='M9.37354 1.44238L14.353 6.42187L9.37354 11.4014' stroke='%231A1A1A' stroke-width='0.75' stroke-linejoin='bevel'/%3E%3C/svg%3E");
  height: var(--space-16);
  font-size: inherit;
}
.product__videos .swiper-product-videos .swiper-button-next:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12' fill='none'%3E%3Cpath d='M0.244629 6.42188L14.3529 6.42188' stroke='%23FFFFFF' stroke-width='0.75'/%3E%3Cpath d='M9.37354 1.44238L14.353 6.42187L9.37354 11.4014' stroke='%23FFFFFF' stroke-width='0.75' stroke-linejoin='bevel'/%3E%3C/svg%3E");
}
.application__videos .swiper-videos a,
.product__videos .swiper-product-videos a,
.product__videos-video a{
  position: relative;
  display: block;
}
.application__videos .swiper-videos a .play-dk,
.product__videos .swiper-product-videos a .play-dk,
.product__videos-video a .play-dk{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
}
.product__videos .swiper-product-videos a h3,
.product__videos-video a h3{
  position: absolute;
  bottom: 40px;
  left: 0px;
  padding: 0px 40px;
  color: var(--white);
  margin: 0px;
  text-align: left;
  z-index: 102;
}
.application__videos .swiper-videos a:after,
.product__videos .swiper-product-videos a:after,
.product__videos-video a:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .4;
  background: #000;
  z-index: 100;
  top: 0px;
  left: 0px;
}
.product__videos-video a img{
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.application__videos .swiper-videos a .play-dk circle,
.product__videos .swiper-product-videos a .play-dk circle,
.product__videos-video a .play-dk circle{
  fill: var(--white);
  transition: all .3s;
}
.application__videos .swiper-videos a .play-dk path,
.product__videos .swiper-product-videos a .play-dk path,
.product__videos-video a .play-dk path{
  fill: var(--primary);
  transition: all .3s;
}
.application__videos .swiper-videos a:hover .play-dk circle,
.product__videos .swiper-product-videos a:hover .play-dk circle,
.product__videos-video a:hover .play-dk circle{
  fill: var(--accent-hover);
}
.application__videos .swiper-videos a:hover .play-dk path,
.product__videos .swiper-product-videos a:hover .play-dk path,
.product__videos-video a:hover .play-dk path{
  fill: var(--white);
}
.application__products .application__filters,
.application__products .application__productlist--nofilters{
  padding-top: var(--space-90);
}
.application__products .application__productlist{
  padding-bottom: var(--space-110);
}
.application__filters{
  gap: var(--space-16);
  padding-bottom: var(--space-24);
  border-bottom: 1px solid var(--primary);
}
.application__filters-content button{
  white-space: nowrap;
}
.application__productlist{
  margin-top: var(--space-56);
}
.application__productlist .item,
.application__productlist .grid-sizer{
  width: 33.33%;
}
.application__productlist .item{
  padding: var(--space-12);
}
.application__productlist .item .item-content{
  background: var(--back-primary);
  padding: var(--space-24);
  transition: all .3s;
  color: var(--primary);
}
.application__productlist .item:hover .item-content{
  background: var(--back-tertiary-1);
  color: var(--white);
}
.application__productlist .item img,
.application__productlist .item .item-image{
  height: 250px;
  width: 100%;
}
.application__productlist .item img{
  object-fit: cover;
}
.application__productlist .item p{
  color: var(--primary);
}
.application__productlist .item:hover p{
  color: var(--white);
}
.application__productlist .item button{
  background: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.application__productlist .item button svg path{
  stroke: var(--primary);
}
.application__productlist .item:hover button{
  border-color: var(--white);
  color: var(--white);
}
.application__productlist .item button span{
  transition: all .3s;
  max-width: 0px;
  overflow: hidden;
  white-space: nowrap;
}
.application__productlist .item:hover button span{
  max-width: 1000px;
}
.application__productlist .item:hover button svg path{
  stroke: var(--white);
}
.application__productlist .item:hover button:hover{
  border-color: var(--tertiary-1);
  background: var(--tertiary-1);
  color: var(--white);
}
.application__productlist .item .item-texts{
  padding-top: var(--space-16);
  min-height: 150px;
}
.application__productlist .item .item-texts .title{
  font-size: 1.85em;
  font-size: clamp(1.375rem, 1.8518518518518519vw + 0.4861111111111111rem, 1.875rem);
  line-height: 120%;
  text-transform: uppercase;
}
.application__footer{
  padding: var(--space-110) 0px;
  padding: clamp(var(--space-48), -5.5804rem + 13.8393vw, var(--space-110)) 0px;
  position: relative;
}
.application__footer h2{
  margin-bottom: var(--space-48);
  margin-bottom: clamp(var(--space-24), -1.2143rem + 3.5714vw, var(--space-48));
}
.application__footer p{
  font-size: 1.125em;
}
.application__footer a{
  margin-top: var(--space-24);
  margin-top: clamp(var(--space-16), -0.1071rem + 1.7857vw, var(--space-24));
}
.application__footer img{
  position: absolute;
  width: 550px;
  max-height: 430px;
  max-height: clamp(21.875rem, 10.8036rem + 17.8571vw, 26.875rem);
  object-fit: cover;
  bottom: 0px;
  right: 0px;
}
.application__load{
  margin-top: var(--space-56);
}
.application__activities{
  padding: var(--space-160) 0px var(--space-110) 0px;
}
.application__activities.module__cards .card__item,
.application__activities.module__cards .card__item-body,
.application__activities.module__cards .card__item-body p{
  width: 100% !important;
}

/* ----------------------------------------------------------------------------------- */
/*  LIST  */
/* ----------------------------------------------------------------------------------- */
.hs_cos_wrapper_type_rich_text ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin: 0;
  padding: 0;
}
.hs_cos_wrapper_type_rich_text ol li {
  counter-increment: my-awesome-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--space-16);
}
.hs_cos_wrapper_type_rich_text ol li::before {
  margin-top: var(--space-4);
  margin-right: var(--space-16);
  content: "0" counter(my-awesome-counter);
  font-weight: bold;
  font-size: 16px; 
  line-height: 1;
  color: var(--secondary);
  font-family: 'DM Mono', serif; font-style: normal; font-weight: normal; text-decoration: none
}

/* ----------------------------------------------------------------------------------- */
/*  MODULE CARDS */
/* ----------------------------------------------------------------------------------- */
.module__cards .card__items {
  gap: var(--space-32);
}
.module__cards .card__item-body {
  overflow: hidden;
}
.module__cards .card__item-body > div {
  flex: 1
}
.module__cards .card__item-body .card__item-img {
  background-position: center;
  background-size: cover; 
  flex: 0 0 auto;
  transition: all .3s;
}
.module__cards .card__item-content {
  padding: var(--space-32);
  padding-top: var(--space-48);
  background: #fff;
  overflow: hidden;
  flex-grow: 1;
  position: relative;
}
.module__cards .card__item-content h3 {
  font-size: 20px;
}
.module__cards .card__item-body p {
  font-size: .875em;
  line-height: 170%;
  position: absolute;
  left: 100%;
  transition: all .3s;
  width: 472px;
  padding: 0px var(--space-32);
  top: 50%;
  transform: translateY(-50%);
}
.module__cards .card__item:hover p {
  left: 0%;
}
.module__cards .card__item .card__item-cta a {
  background: transparent;
  border-color: var(--secondary);
  color: var(--secondary);
}
.module__cards .card__item .card__item-cta svg path {
  stroke: var(--secondary)
}
.module__cards .card__item:hover .card__item-cta a {
  background: var(--secondary);
  border-color: var(--secondary);
  color: var(--white)
}
.module__cards .card__item:hover .card__item-cta svg path {
  stroke: var(--white)
}
.module__cards .card__item:hover .card__item-cta a:hover {
  background: var(--tertiary-1);
  border-color: var(--tertiary-1);
  color: var(--white)
}
.module__cards .card__item:hover .card__item-cta svg path {
  stroke: var(--white)
}

/* ----------------------------------------------------------------------------------- */
/*  FOOTER */
/* ----------------------------------------------------------------------------------- */
footer section{
  padding: var(--space-80) 0px var(--space-56) 0px;
  position: relative;
}
footer section,
footer section a{
  color: var(--tertiary-2);
}
footer section a:hover{
  color: var(--tertiary-1);
}
footer .footer-menu{
  display: flex;
  gap: var(--space-80);
}
footer .footer-menu > div > a,
footer .footer-menu > div > span{
  font-family: 'DM Mono', serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 500;
  text-decoration: underline;
  text-transform: uppercase;
}
footer .footer-menu > div,
footer .footer-menu .submenu {
  display: flex;
  flex-direction: column;
  gap: .75rem; 
}
footer .footer-social{
  gap: var(--space-32);
}
footer .footer-social a svg{
  height: var(--space-24);
  transition-property: fill;
  transition-duration: .3s;
}
footer .footer-social a svg{
  fill: var(--tertiary-2);
}
footer .footer-social a:hover svg{
  fill: var(--tertiary-1);
}
footer .footer-terms{
  padding: var(--space-10);
  border-top: 1px solid var(--tertiary-1);
  border-bottom: 1px solid var(--tertiary-1);
  margin: var(--space-40) 0px;
}
footer .footer-terms-list{
  font-size: .625em;
}
footer .footer-terms-list,
footer .footer-terms-list > div{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-24);
}
footer .footer-copyright{
  text-transform: uppercase;
  margin: var(--space-48) 0px 0px 0px;
}
footer .footer-logo{
  position: absolute;
  bottom: 0px;
  right: 0px;
}
footer .sticky-button-active .footer-logo{
  bottom: 0px;
}