* { margin: 0px; padding: 0px; }
.pointer { cursor: pointer; } 

.readmoreContentBox {
	display: none; 
}

html, body {
	width: 100%;
	overflow-x: hidden;
}
html.overflow {
	overflow: hidden;
}
body, p { 
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 29px;
	letter-spacing: -0.4px;
	color: #292612;
	margin: 0px; padding: 0px;
}


.ugp4 { margin-top: 4px; }
.ugp8 { margin-top: 8px; }
.ugp16 { margin-top: 16px; }
.ugp24 { margin-top: 24px; }
.ugp32 { margin-top: 32px; }
.ugp40 { margin-top: 40px; }
.ugp48 { margin-top: 48px; }
.ugp56 { margin-top: 56px; }
.ugp64 { margin-top: 64px; }
.ugp80 { margin-top: 80px; }
.ugp88 { margin-top: 88px; }
.ugp96 { margin-top: 96px; }
.ugp128 { margin-top: 128px; }

.bgp0{ margin-bottom: 0px; }
.bgp12 { margin-bottom: 12px; }
.bgp16 { margin-bottom: 16px; }
.bgp32 { margin-bottom: 32px; }
.bgp40{ margin-bottom: 40px; }
.bgp48{ margin-bottom: 48px; }
.bgp56{ margin-bottom: 56px; }
.bgp80{ margin-bottom: 80px; }
.bgp120{ margin-bottom: 120px; }

.inGap16 { padding: 16px; }
.inGap32 { padding: 32px; }

.noPad { margin: 0px !important; padding: 0px!important; }
.noBotPad { margin-bottom: 0px!important; padding-bottom: 0px!important; }

.bgBrand { background-color: #004D33; }
.bgBrandInverted { background-color: #E1D91E; }
.bgPrimary { background-color: #DCD48B; }
.bgPrimaryLight { background-color: #E4E0CC; }
.bgPrimarySuperLight { background-color: #F1EFE5; }
.bgBlack { background-color: #131107; }
.bgDark { background-color: #292612; }
.bgDarkLight { background-color: #4D481A; }
.bgGrey { background-color: #C9C9C4; }
.bgWhite { background-color: #FFFFFF; }
.bgLightGrey { background-color: #F9F9F4; }

.shadowLight { box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.25); }
.smallShadow { box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); }

.cBrand { color: #004D33; }
.cBrandInverted { color: #E1D91E; }
.cPrimary { color: #DCD48B; }
.cPrimaryLight { color: #E4E0CC; }
.cPrimarySuperLight { color: #F1EFE5; }
.cBlack { color: #131107; }
.cDark { color: #292612; }
.cDarkLight { color: #4D481A; }
.cGrey { color: #C9C9C4; }
.cWhite { color: #FFFFFF; }
.cLightGrey { color: #F9F9F4; }

.btn { 
	padding: 8px 24px; 
}

.btnSmall { 
	padding: 4px 18px; 
	font-size: 14px;
}

.btnBrand, a.btnBrand, a.btnBrand:link, a.btnBrand:hover, a.btnBrand:visited {
	background-color: #004D33;
	color: #FFFFFF;
}

.btnBrandInverted, a.btnBrandInverted, a.btnBrandInverted:link, a.btnBrandInverted:hover, a.btnBrandInverted:visited {
	background-color: #E1D91E;
	color: #004D33;
}

.btnWhite, a.btnWhite, a.btnWhite:link, a.btnWhite:hover, a.btnWhite:visited {
	background-color: #FFFFFF;
	color: #004D33 !important;
}


.btnWhiteGhost, a.btnWhiteGhost, a.btnWhiteGhost:link, a.btnWhiteGhost:hover, a.btnWhiteGhost:visited {
	background-color: transparent !important;
	border: 1px solid #FFFFFF; 
	color: #FFFFFF !important;
}

.btnDropDown {
	padding: 8px 32px; padding-right: 64px; 
	border: none;
	position: relative;
}
.btnDropDown:after {
  position: absolute;
  top: 16px;
  right: 8px;
}

h1, h2, h3, h4 { font-weight: 500; color: #131107; margin: 0px;}
h1 small, h2 small, h3 small, h4 small { font-weight: 300; color: #004D33; margin: 0px; display: block; }

h1 { font-size: 36px; font-weight: 700; line-height: 42px; letter-spacing: -0.3px; }
h1 small { font-size: 27px; font-weight: 300; line-height: 27px; margin-bottom: 8px; letter-spacing: -0.3px; }

h2 { font-size: 30px; font-weight: 600; line-height: 32px; letter-spacing: 0px; }
h2 small { font-size: 24px; line-height: 36px; letter-spacing: -0.3px; margin-bottom: 0px; }

h3 { font-size: 24px; line-height: 30px; letter-spacing: 0px;  letter-spacing: -0.7px;  }
h3 small { font-size: 19px; line-height: 29px; letter-spacing: -0.3px; }

h4 { font-size: 20px; line-height: 29px; letter-spacing: 0px; }
h5 { font-size: 16px; line-height: 24px; font-weight: 300; letter-spacing: 0px; }

h3 small.medium,
h4 small.medium { font-weight: 400 !important; }

div.toolDescription h3 {
	margin-bottom: 12px; 
	margin-top: 32px;
}

p.small, ul.small { font-size: 14px; line-height: 20px; letter-spacing: -0.25px; }

.com-content-article__body p {
	line-height: 24px;
	margin-top: 32px;
}

a:link, a:visited { color: #004D33; text-decoration: none; }
a:hover { text-decoration: underline; }

a.noStyle, a.noStyle:link, a.noStyle:visited, a.noStyle:hover { color: inherit;  }
a.underline, a.underline:link, a.underline:visited, a.underline:hover { text-decoration: underline;  }

.roundButtonSmall {
	border-radius: 50px;
	width: 48px; height: 48px;
	padding-top: 12px;
}

.filterBagde, .filterBagdeBrand {
	font-size: 14px;
	line-height: 14px;
	padding: 8px 24px;
	background-color: #F1EFE5;
	color: #004D33;
	border-radius: 7px;
	margin-top: 8px;
	margin-right: 4px;
	display: inline-block;
}

.filterBagdeBrand {
	background-color: #004D33;
	color: #F1EFE5;
}

#scrollTop { 
	position: fixed;
	display: none;
	
	bottom: 96px; right: 26px;
	z-index: 1000 !important;
	width: 56px;
	height: 56px;
	border-radius: 32px;

}

#scrollTopButton { 
	display: block;
	position: relative;
	text-align: center;
	font-size: 21px;
	padding-top: 12px; 
	cursor: pointer;
}



.shortenLink {
  display: block;    
  max-width: 100% !important; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


nav {
	padding: 4px 0px 44px 0px !important;
}
nav img {
	margin-top: 32px; 
	height: 75px;
	width: auto;
}

nav ul.mod-menu li.nav-item {
	margin: 0px 16px;
	font-size: 21px;
	font-weight: 500;
	color: #FFFFFF;
}
nav ul.mod-menu li.nav-item a,
nav ul.mod-menu li.nav-item a:link,
nav ul.mod-menu li.nav-item a:hover,
nav ul.mod-menu li.nav-item a:visited {
	margin-top: 16px;
	color: #FFFFFF;
	text-decoration: none;
}

nav ul.mod-menu li.nav-item.active a,
nav ul.mod-menu li.nav-item.active a:link,
nav ul.mod-menu li.nav-item.active a:hover,
nav ul.mod-menu li.nav-item.active a:visited {
	color: #E1D91E;
}

nav ul.mod-menu li.nav-item a.btn {
	margin-top: -10px;
	padding: 6px 32px !important;
	font-weight: 500;
	font-size: 21px;
}

nav ul.mod-menu li.nav-item a span {
	margin-top: -8px;
	font-size: 27px;
}

nav ul.mod-menu li.nav-item a.btn span {
	margin-top: -4px;
	font-size: 21px;
	padding: 4px 0px !important;
}

nav ul.mod-menu li.nav-item.active a.btn {
	background-color: #E1D91E !important; 
	border: 1px solid #E1D91E;
	color: #004D33 !important;
	text-decoration: none;
}

main {
	min-height: 420px; 
}
footer ul.mod-menu {
	margin: 16px;
}

footer ul.mod-menu li {
	display: block;
	width: 100%;
	padding: 16px 0px;
	text-align: right;
	font-weight: 300;
	border-top: 1px dashed #F1EFE5;
	font-size: 19px; 
}
footer ul.mod-menu li:first-child {
	border-top: none;
	padding-top: 0px;
}

footer ul.mod-menu li.nav-item a,
footer ul.mod-menu li.nav-item a:link,
footer ul.mod-menu li.nav-item a:hover,
footer ul.mod-menu li.nav-item a:visited {
	color: #F1EFE5;
	text-decoration: none;
}

.imgMap {
	width: 100%; height: auto;
	position: absolute;
	top: 0px; left: 0px;
	border: 1px solid #CFCFCF;
}
.smallMap {
	width: 100%;
	height: auto;
	position: relative;
}

.toolDescription { height: auto; transition: all 2s;}

.toolDescription.folded {
	height: 380px; 
	overflow: hidden;
	transition: all 2s;
}

.whiteTransOverlay {
	position: relative;
	margin-top: -180px; 
	width: 100%;
	height: 190px;
	margin-bottom: -20px;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0% ,rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 95%);
}

.form-check { margin: 0px; padding: 0px; }

.fixed-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
.filterCountBadge {
	background-color: #FFFFFF;
	display: inline-block; 
	width: 56px;
	height: 56px;
	border-radius: 32px; 	
	font-weight: 300;
	font-size: 16px;
	margin-right: 12px;
}

.filterCountBadge.active {
	background-color: #E4E0CC;
}

ul.filterPanelMenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.filterPanelMenu li,
.filterToggleDivider {
	font-size: 24px; font-weight: 400;
	padding: 24px 0px;
	border-top: 1px dashed #004D33;
}

.filterGroupTitle {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 max-width: 245px;
}


#email_repeat {display: none; !important; }

label { font-size: 16px; color: #004D33; margin-bottom: 0px !important; }
.form-check {
	margin-left: 2.0rem;
}

select.form-select,
textarea.form-control,
input.form-control {
	border: 1px solid #F1EFE5;
	background-color: #F1EFE5;
	color: #004D33;
	padding: 8px 8px;
	padding-bottom: 10px;
	line-height: 21px;
	font-size: 16px;
	margin-top: 4px;
}

input.filterBox { margin: 0px 24px; }
label.filterBox { cursor: pointer; font-weight: 400; color: #004D33; max-width: calc(100% - 90px); padding-top: 3px; }
.custom-switch {
  width: 56px !important;
  height: 36px;
  cursor: pointer;
  background-color: #E4E0CC;
  border-color: #F1EFE5;
  border-radius: 6px !important;
  margin: 0px !important; padding: 0px !important;
}

.custom-switch:checked {
  background-color: #004D33;
  border-color: #004D33;
}

.custom-switch:focus {
}

.custom-switch::before {
  width: 64px !important;
  height: 36px;
  transform: translateX(0.25rem);
  border-radius: 2px !important;

}

.custom-switch:checked::before {
  transform: translateX(1.25rem);
}


@media (max-width: 992px) {

	nav {
		padding: 4px 0px 24px 0px !important;
	}
	nav img {
		margin-top: 16px; 
		height: 55px;
		width: auto;
	}


	nav ul.mod-menu {
		margin-right: 32px;
	}
	nav ul.mod-menu li.nav-item {
		display: block;
		width: 100%;
		margin: 4px 0px;
		text-align: right;
	}
	
	nav ul.mod-menu li.nav-item a {
		display: block;
	}

	nav ul.mod-menu li.nav-item a.btn {
		display: inline-block;
		width: auto !important;
		margin-top: 16px;
	}

@media (max-width: 767px) {

}

@media (max-width: 576px) {

}