/*------------------ OVERWRITE ------------------*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden
}

.container-xxl {
	max-width: 1600px; /*overflow-x: hidden;*/
}

.container-xl {
	/*overflow-x: hidden; */
}

.row {
}

.vertical-padding {
	padding-top: 50px;
	padding-bottom: 50px;
	overflow-x: hidden;
}

.vertical-padding-small {
	padding-top: 45px;
	padding-bottom: 45px;
	overflow-x: hidden;
}

.width-50, .width-70 {
	width: 100%;
}

.container-xxl {
	padding-left: 1rem;
	padding-right: 1rem;
}

.radius-4 {
	border-radius: 4px !important;
}


@media (min-width: 992px) {
	.width-50 {
		width: 50%;
	}

	.width-70 {
		width: 70%
	}

	.vertical-padding {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.vertical-padding-small {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.container-xxl {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.container-lg {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 1200px) {
	.vertical-padding {
		padding-top: 50px;
		padding-bottom: 50px
	}

		.vertical-padding.first {
			padding-top: 100px !important
		}

		.vertical-padding.last {
			padding-bottom: 100px !important
		}

	.vertical-padding-blank {
		padding-top: 100px
	}

	.vertical-padding-small {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

@media (min-width: 1600px) {
	.container-xxl {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.content-wrapper {
	overflow: hidden;
}


.height-100 {
	height: 100%;
}

.form-control, .form-select {
	font-size: 1rem;
	padding: 0.375rem 1rem;
}

.form-select {
	background-image: url('../images/ico-dropdown.png');
	background-size: 28px 40px;
	background-position: right 1rem center;
}

.form-check-input {
	margin-right: 0.5rem;
	width: 1.5em;
	height: 1.5em;
}

	.form-check-input:checked {
		background-color: #0074DF;
		border-color: #0074DF;
	}

.form-check-label {
	margin-left: 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 2rem;
}

/*------------------ COLORS ------------------*/

.bg-white {
	background-color: #fff !important;
}

.bg-light-gray {
	background-color: #f7f7f7 !important;
}

.bg-mid-blue {
	background-color: #4382a7 !important
}

.bg-gray-blue {
	background-color: #535B69 !important;
}

.bg-dark-blue {
	background-color: #081A48 !important;
}

.bg-forest-green {
	background-color: #274138 !important;
}

.bg-black {
	background-color: #1B1C1D !important;
}

.text-black {
	color: #333 !important;
}

.text-gray {
	color: #737577 !important;
}

.text-green {
	color: #0BA992 !important;
}

.text-blue {
	color: #4382A7 !important;
}

.text-dark-blue {
	color: #005FB8 !important;
}

.text-dark-green {
	color: #253C41 !important;
}

.text-white {
	color: #fff !important;
}

.text-red {
	color: #EC3856 !important;
}

.text-light-blue {
	color: #89D1FB !important;
}

.text-dark-teal {
	color: #1C2F33 !important;
}

/*------------------ TEXT/FONTS/SIZES ------------------*/

@font-face {
	font-family: "Aventa";
	font-display: swap;
	src: url("Aventa-Regular.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Aventa";
	font-display: swap;
	src: url("Aventa-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: "Aventa";
	font-display: swap;
	src: url("Aventa-Bold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
}


@font-face {
	font-family: "Inter";
	font-display: swap;
	src: url("Inter-VariableFont.ttf") format("truetype");
	font-weight: 1 900;
}



@font-face {
	font-family: "Trebuchet MS";
	letter-spacing: -0.7px;
}

@font-face {
	font-family: tahoma;
	letter-spacing: 0.3px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Aventa', 'Trebuchet MS', sans-serif;
	margin: 0 0 12px 0;
}

body {
	font-family: 'Inter', tahoma, sans-serif;
	font-weight: 400;
}

.btn {
	font-family: 'Inter', 'Trebuchet MS', sans-serif;
}

h1 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 600;
}

h2 {
	font-size: 32px;
	line-height: 38px;
	font-weight: 600;
}

h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
}

h4 {
	font-size: 22px;
	line-height: 24px;
	font-weight: 600;
}

h5 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}

h6 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
}

body {
	font-size: 13px;
	line-height: 22px;
	font-weight: 400;
}

.text-large {
	font-size: 16px;
	line-height: 24px;
}

.text-small {
	font-size: 11px;
	line-height: 18px
}

.text-xs {
	font-size: 10px !important;
}

.text-xxs {
	font-size: 8px !important;
}

.text-light {
	font-weight: 400
}

.text-normal {
	font-weight: 500
}

.text-semi {
	font-weight: 700
}

.text-bold {
	font-weight: 800
}

.text-upper {
	text-transform: uppercase;
}

.subtitle {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: .5rem
}

.subheader {
	font-size: 20px;
	font-weight: 500
}

.text-center-mobile {
	text-align: center;
}

.text-center-desktop {
	text-align: left;
}

.text-aventa {
	font-family: 'Aventa', 'Trebuchet MS', sans-serif;
}



@media (min-width: 992px) {
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Aventa', 'Trebuchet MS', sans-serif;
		margin: 0 0 8px 0;
	}

	h1 {
		font-size: 64px;
		line-height: 1;
		letter-spacing: 1.28px;
		font-weight: 700;
	}

	h2 {
		font-size: 48px;
		line-height: 1;
		letter-spacing: 0.96px;
		font-weight: 700;
	}

	h3 {
		font-size: 40px;
		line-height: 1;
		letter-spacing: 0.8px;
		font-weight: 700;
	}

	h4 {
		font-size: 32px;
		line-height: 1;
		letter-spacing: 0.64px;
		font-weight: 600;
	}

	h5 {
		font-size: 28px;
		line-height: 1.14;
		letter-spacing: normal;
		font-weight: 700;
		margin-bottom:
	}

	h6 {
		font-size: 20px;
		line-height: 24px;
		font-weight: 600;
	}

	body {
		font-family: 'Inter';
		font-size: 15px;
		font-weight: 400;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.6;
		letter-spacing: normal;
	}

	.text-large {
		font-size: 18px;
		line-height: 32px;
	}

	.text-small {
		font-size: 13px;
		line-height: 24px
	}

	.btn {
		font-size: 12px;
		font-weight: 400;
	}

	.text-center-mobile {
		text-align: left;
	}

	.text-center-desktop {
		text-align: center;
	}

	.subheader {
		font-family: 'Inter';
		font-size: 20px;
		font-weight: normal;
		line-height: 1.6;
		letter-spacing: 0.4px;
	}
}


/*------------------ BUTTONS ------------------*/

.btn {
	padding: 14px 26px;
	text-transform: uppercase;
	border-radius: 0;
	font-weight: 500;
	font-size: 12px
}

.btn-small {
	padding: 10px 26px;
	border-radius: 0;
	font-weight: 500;
	font-size: 11px;
	text-decoration: none
}

.btn-arrow {
	padding: 10px;
	border-radius: 50%;
	width: 38px;
	height: 38px;
}

.btn-blue {
	color: #fff;
	background: #0F2252;
}

	.btn-blue:hover {
		color: #fff;
		background: #1B1C1D;
		transition: .2s;
	}

.btn-light-blue {
	color: #fff;
	background: #4382A7;
}

	.btn-light-blue:hover {
		color: #fff;
		background: #1B1C1D;
		transition: .2s;
	}

.btn-white {
	color: #000;
	background: #fff;
}

	.btn-white:hover {
		color: #000;
		background: #f7f7f7;
		transition: .2s;
	}


a {
	color: #0BA992;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

	a:hover {
		color: #253C41;
	}


.btn-back {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

	.btn-back::before {
		content: "";
		color: #fff;
		width: 13px;
		height: 9px;
		top: 0px;
		position: relative;
		margin-right: 10px;
		background-image: url('../images/arrow-left-green.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
	}

.btn-hero {
	padding: 20px 30px;
	text-transform: initial;
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	background: #0F2252;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 220px;
}

	.btn-hero span {
		display: inline-block;
		margin-right: 10px;
	}

	.btn-hero:hover {
		background-color: #4382a7;
		transition: 0.2s;
		color: #fff;
	}

.btn-hero-sub {
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	font-size: 15px;
	margin-left: 2rem;
	text-transform: uppercase;
}

	.btn-hero-sub:hover {
		color: #bccfff;
	}

.btn-secondary, .btn-tertiary {
	color: #1B1C1D;
	background: transparent;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	padding: 18px 25px;
	display: inline-block;
}

	.btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited {
		color: #0F2252;
		background: transparent;
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 3px
	}

	.btn-secondary::after {
		content: "";
		width: 13px;
		height: 9px;
		margin-left: 10px;
		background-image: url('../images/arrow-right.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
	}

	.btn-secondary:hover::after, .btn-secondary:visited::after, .btn-secondary:active::after {
		background-image: url('../images/arrow-right-blue.png');
	}

	.btn-secondary span, .btn-tertiary span {
		margin-right: 10px;
	}

	.btn-tertiary::after {
		content: "";
		width: 10px;
		height: 9px;
		margin-left: 10px;
		background-image: url('../images/arrow-down.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
	}


.btn-arrow-right-red::after {
	content: "";
	width: 14px;
	height: 14px;
	margin-left: 10px;
	background-image: url('../images/arrow-right-red.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.btn-arrow-down::after {
	content: "";
	color: #fff;
	width: 16px;
	height: 16px;
	top: 3px;
	position: relative;
	margin-left: 10px;
	background-image: url('../images/arrow-down-white.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.btn-arrow-down:hover::after {
	background-image: url('../images/arrow-down-black.svg');
}

.btn-arrow-down-green::after {
	content: "";
	color: #fff;
	width: 16px;
	height: 16px;
	top: 3px;
	position: relative;
	margin-left: 10px;
	background-image: url('../images/arrow-down-green.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.btn-arrow-down-green:hover::after {
	background-image: url('../images/arrow-down-black.svg');
}




@media (min-width: 992px) {
	.btn {
		padding: 14px 38px;
		text-transform: uppercase;
		border-radius: 0;
		font-weight: 700;
		font-size: 12px
	}

	.btn-small {
		padding: 12px 28px;
		border-radius: 0;
		font-weight: 500;
		font-size: 14px
	}

	.btn-back {
		font-size: 16px;
	}
}

/*------------------ IMG HELPERS ------------------*/

.img-fill {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.full-img-section, .full-img-section div:first-child {
	width: 100%;
	overflow: hidden;
	height: 440px;
}

	.full-img-section img, .full-img-section div img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.three-img-section img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	margin-bottom: 1rem;
}

@media (min-width: 992px) {
	.full-img-section, .full-img-section div:first-child {
		height: 640px;
	}

	.three-img-section img {
		height: 640px;
		margin-bottom: 0;
	}
}

/*------------------ BORDER HELPERS ------------------*/

.border-white-top {
	border-top: 1px solid #fff;
}

/*------------------ HR HELPERS ------------------*/
hr {
	opacity: 1 !important;
}

	hr.white {
		border: 0px;
		border-top: 1px solid #fff;
		height: 1px;
		background: #fff;
		width: 90%;
		margin: 0 auto;
		opacity: .8 !important;
	}

	hr.blue {
		border: 0px;
		border-top: 1px solid #AFC8D7;
		height: 1px;
		background: #AFC8D7;
	}

	hr.gray {
		border: 0px;
		border-top: 1px solid #c7cbce;
		height: 1px;
		background: #c7cbce;
	}

	hr.full {
		width: 100% !important;
	}

@media (min-width: 992px) {
	.red-left {
		display: block;
	}
}

@media (min-width: 1200px) {
	.red-left {
		top: 150px;
	}
}

@media (min-width: 1300px) {
	.red-left {
		top: 120px;
	}
}

@media (min-width: 1700px) {
	.red-left {
		width: 12%
	}
}

@media (min-width: 2000px) {
	.red-left {
		width: 18%
	}
}

/*------------------ VIDEO ------------------*/

.youtube-video {
	max-width: 800px;
}

.responsive-iframe-16by9, .youtube-video {
	border-radius: 4px;
	aspect-ratio: 16 / 9;
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
}
/*------------------ MENU ------------------*/
.menu-wrapper {
	border-bottom: 1px solid #E1E7F0;
}


	.menu-wrapper .dropdown-toggle::after {
		top: 3px;
		position: relative;
	}

.brands-toggle {
	width: 100%;
	text-align: center;
	padding: .2rem
}

	.brands-toggle .navbar-toggler-icon {
		width: auto;
	}

	.brands-toggle a {
		padding-right: 15px;
		background: url('../images/ico-menu-arrow-white.png');
		height: 10px;
		width: 10px;
		background-repeat: no-repeat;
		background-position: right;
		background-size: 8px 5px;
	}

	.brands-toggle .navbar-toggler-icon {
		background-image: none;
	}


.brands-menu {
	background-color: #25292B;
	color: #fff;
	padding: 0
}

	.brands-menu a {
		color: #fff;
		font-size: 11px;
	}

		.brands-menu a:hover, .brands-menu a:active {
			color: #fff;
		}

.brands-main, .main-menu-ul {
	border-top: 1px solid #737577;
	padding: 10px 15px 15px 15px
}

	.brands-main a {
		font-size: 16px;
	}

.more-brands {
	border-top: 1px solid gray;
	padding-top: 5px;
	margin-top: 10px;
}

	.more-brands a {
		font-size: 12px
	}

	.more-brands ul {
		padding: 0;
		background: transparent;
	}

	.more-brands li {
		margin-right: 0
	}

.brands-toggle .navbar-toggler-icon {
	height: 1.26em;
}

.main-menu {
	padding: 0;
}

	.main-menu .container-xxl {
		height: 70px;
	}

	.main-menu a {
		color: #25292B;
		font-size: 16px;
		font-family: 'Aventa'
	}

	.main-menu .navbar-brand {
		max-width: 137px;
	}

		.main-menu .navbar-brand img {
			width: 100%
		}

	.main-menu .navbar-toggler-icon {
		background: url('../images/ico-hamburger.png');
		background-repeat: no-repeat;
		background-position: center;
	}

	.main-menu #menuLinks {
		height: 100%;
	}

	.main-menu .navbar-nav {
		height: 100%;
	}

	.main-menu .nav-item {
		padding-top: 20px;
	}

.navbar-search {
	height: 2rem;
	width: 2rem;
	background: none;
	border: none;
}

.search-icon {
	background: url('../images/ico-mobile-menu-search.png');
	height: 19px;
	width: 19px;
	background-repeat: no-repeat;
	background-position: right;
	display: block;
}

.main-menu-sub {
	border-top: 1px solid #C7CBCE;
	padding: 15px 15px 0 15px;
}

	.main-menu-sub a {
		color: #737577;
		font-size: 12px;
		padding: 2px 0
	}

.main-menu .about {
	padding-right: 0.8rem !important;
}

.main-menu .sample {
	text-transform: uppercase;
	color: #0F2252 !important;
	padding-left: 0.8rem !important;
	border-left: 1px solid #e1e7f0;
}

.menu-search {
	width: 100%;
	margin-top: 10px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	background: #F5F5F5;
	border: none;
}

.mini-search {
	color: #0074DF;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #737577;
	width: 300px;
	height: 40px;
}

.breadcrumbs {
	font-size: 12px;
	font-weight: 500;
	color: #1B1C1D;
	padding: 1rem;
	border-bottom: 1px solid #E7E5E0;
}

	.breadcrumbs a {
		color: #8A8A8A;
		text-decoration: none;
		font-weight: 500;
	}

		.breadcrumbs a:hover {
			color: #4382a7;
			text-decoration: none;
		}

	.breadcrumbs span {
		padding: 0 18px;
		color: #8A8A8A;
		font-weight: 400;
		font-size: 11px;
		line-height: 18px;
	}

.menu-logo {
	max-width: 140px;
}


@media (min-width: 992px) {

	.brands-menu {
		background-color: #fff;
		color: #1C2F33;
	}

		.brands-menu a {
			color: #1C2F33;
			font-size: 11px;
			font-weight: 500
		}

	.brands-main {
		border-top: 0px;
		padding: 0;
	}

		.brands-main a {
			background: #F7F7F7;
			line-height: 13px;
			width: 100%;
			height: 100%;
			padding: 0 13px !important;
			height: 30px;
			display: flex;
			align-content: center;
			flex-wrap: wrap;
			justify-content: center;
		}

			.brands-main a:hover, .brands-main .active {
				background: #1C2F33;
				color: #fff;
			}

		.brands-main li {
			margin-right: 4px;
			text-align: center;
			height: 30px;
		}

		.brands-main .dropdown-toggle {
			background: #fff;
			color: #737577
		}

			.brands-main .dropdown-toggle:hover {
				background: #fff;
				color: #1C2F33
			}

	.main-menu a {
		color: #1C2F33;
		margin-left: 7px;
		margin-right: 7px;
		font-size: 13px;
		font-weight: 700;
	}

		.main-menu a:hover {
			color: #0BA992;
		}

	.main-menu .navbar-brand {
		max-width: 183px;
	}

	.main-menu-ul {
		padding: 0;
		border-top: none;
	}



	.main-menu .request {
		color: #0F2252;
		font-size: 14px;
		text-transform: uppercase;
	}

	.more-brands li {
		margin-right: 0
	}

	.more-brands {
		border-top: none;
		padding-top: 0px;
		margin-top: 0px;
	}


	.brands-sub li {
		height: 30px;
		display: flex;
		align-items: center;
	}

	.brands-sub a {
		color: #737577;
		margin-left: 10px;
		padding: 0 .5rem;
		line-height: 13px;
	}

		.brands-sub a:hover {
			color: #1C2F33;
		}

	.navbar-expand-lg .navbar-collapse {
		justify-content: space-between;
	}

	.navbar-search {
		display: none
	}
}

.navbar .megamenu {
	padding: 1rem 0 0 0;
}

.megamenu .menu-container {
	border-top: 1px solid #ddd;
	margin-top: -4px;
	background: white;
}

.megamenu .row {
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px 0 40px 0
}

.megamenu ul {
	list-style: none;
	padding: 0;
}

.megamenu li {
	padding: 7px 0
}

.megamenu a {
	padding: 7px 0;
	margin: 0;
	text-decoration: none;
}

	.megamenu a:hover {
		color: #4382A7;
	}

.menu-header {
	border-bottom: 1px solid #DDDDDD;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 6px;
}

.menu-image img {
	width: 100%;
	height: 211px;
	object-fit: cover;
	margin-bottom: 8px;
	display: block;
	margin-top: 1rem;
}

.menu-alt-link {
	font-size: 15px !important;
	font-weight: 700 !important;
}

	.menu-alt-link::after {
		content: "";
		color: #11CDB4;
		width: 14px;
		height: 14px;
		margin-left: 10px;
		margin-bottom: -1px;
		background-image: url(../images/arrow-right-red.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
	}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .has-megamenu {
		position: static !important;
	}

	.navbar .megamenu {
		left: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
		border: 0;
		border-radius: 0;
		border-bottom: 1px solid #C7CBCE;
		background: transparent;
	}

	.main-menu .dropdown:hover > .dropdown-menu {
		display: block;
	}
}

/* ============ mobile view ============ */
@media(max-width: 991px) {
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
		overflow-y: auto;
		max-height: 90vh;
		margin-top: 10px;
	}

	.navbar .megamenu {
		display: none;
	}
}


/*------------------ MOBILE MENU ------------------*/

.mobile-menu {
	width: 100%;
}

.mobile-menu-bar {
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

	.mobile-menu-bar .menu-logo {
		width: 130px;
	}

.navbar-search {
	display: block;
}

.mobile-menu-wrapper {
	display: none;
	background: #fff;
	z-index: 9999;
	position: absolute;
	top: 86px;
	left: 0;
	width: 100%;
	height: calc(100vh - 60px);
	overflow: hidden;
}



.mobile-menu-panel {
	height: 100%;
	padding: 1rem 1.5rem;
	overflow-y: auto;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

	.mobile-menu-panel:nth-child(2),
	.mobile-menu-panel:nth-child(3) {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		transform: translateX(100%);
		backface-visibility: hidden;
		transition: transform 0.5s;
	}

		.mobile-menu-panel:nth-child(1) > ul > li > .sub-menu,
		.mobile-menu-panel:nth-child(2) .level-3 {
			display: none;
		}

.mobile-menu-wrapper a.nested::after {
	flex-shrink: 0;
	content: "";
	color: #fff;
	width: 12px;
	height: 12px;
	top: 3px;
	margin-left: auto;
	position: relative;
	background-image: url('../images/ico-arrow-right-gray.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.mobile-menu-wrapper.is-visible {
	display: block;
}

.mobile-menu-panel:nth-child(2).is-visible,
.mobile-menu-panel:nth-child(3).is-visible {
	transform: none;
}


.mobile-menu-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.mobile-menu-panel ul li {
		margin: 0;
		padding: 0;
	}

	.mobile-menu-panel ul a {
		text-decoration: none;
		color: #333;
		font-size: 15px;
		font-weight: 500;
		width: 100%;
		height: 100%;
		display: block;
		padding: .6rem 0;
		display: flex;
	}


.mobile-menu-panel .special {
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
}

	.mobile-menu-panel .special a {
		color: #EC3856;
		text-decoration: underline;
		font-weight: 500;
		font-size: 14px;
	}

		.mobile-menu-panel .special a::after {
			background: none;
		}

.navbar-toggler-icon {
	background: url('../images/ico-hamburger.webp');
	background-repeat: no-repeat;
	background-position: center;
}

	.navbar-toggler-icon:focus {
		border: 0;
	}

.toggle-menu {
	border: 0;
	background: none;
}

	.toggle-menu:focus {
		border: 0;
		background: none;
	}

.mobile-bottom-menu {
	border-top: 1px solid #ccc;
	padding-top: 1rem;
	margin-top: .4rem;
}

	.mobile-bottom-menu ul li a {
		font-size: 12px;
		color: #666;
		font-weight: 400;
		padding: .3rem 0;
	}

		.mobile-bottom-menu ul li a::after {
			background: none;
		}

.back-one-level {
	background: #fff;
	padding: 0;
	margin: 0;
	margin-bottom: .4rem;
	padding-bottom: .5rem;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%;
	text-align: left;
}

	.back-one-level::before {
		content: "";
		color: #fff;
		width: 12px;
		height: 12px;
		margin-top: 3px;
		margin-right: 6px;
		background-image: url('../images/arrow-left-green.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
	}

/*------------------ HOMEPAGE HERO ------------------*/
.hero {
	min-height: 550px;
	color: #fff;
	background-image: url('../images/hero.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}

	.hero h1 {
		line-height: 110%;
		font-weight: 700;
	}

	.hero video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		border-bottom-right-radius: 225px;
	}

	.hero .subtitle, .hero2 .subtitle, .hero4 .subtitle {
		font-size: 18px;
		margin-bottom: 3rem;
		font-weight: 400;
		letter-spacing: 1px;
	}

	.hero .hero-overlay {
		text-align: center;
		background-image: url('../images/Overlay-mobile.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		display: flex;
		align-content: center;
		align-items: center;
		padding: 0 2rem;
		position: absolute;
		z-index: 99;
		width: 100%;
		height: 100%
	}

.hero-search {
	margin-top: 0px;
	padding-bottom: 3rem;
	padding-top: 1.5rem;
	text-align: center;
}

	.hero-search p {
		font-size: 18px;
		font-weight: 400;
		font-family: 'Aventa';
		color: #fff;
		margin-bottom: .5rem;
		margin-top: .4rem;
	}

	.hero-search .btn-search {
		background: #fff;
		border: none;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}

	.hero-search .form-control {
		border: 1px solid #fff;
	}

.hero-overlay .btn-container {
	display: flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.btn-hero-sub {
	padding: 1rem 0;
}

@media (min-width: 768px) {
	.hero {
		min-height: 800px;
		padding: 0;
	}

		.hero .hero-overlay {
			padding: 0;
			min-height: 700px;
			text-align: left;
		}

	.hero-overlay .btn-container {
		flex-wrap: nowrap;
		justify-content: start;
	}

	.btn-hero-sub {
		padding: 0;
	}

	.hero-search {
		margin-top: -60px;
		padding-bottom: 4.5rem;
		padding-left: 10%;
		padding-top: 0;
		text-align: left;
	}

		.hero-search p {
			font-size: 20px;
			margin-bottom: 0;
		}
}

@media (min-width: 1200px) {
	.hero-search p {
		font-size: 24px;
		margin-bottom: 0;
	}
}

/*------------------ HERO PROD DETAIL ------------------*/
.hero-product {
	color: #1B1C1D;
	background: #F9F9F9;
	min-height: 500px;
	width: 100%;
	padding: 60px 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}

	.hero-product h1 {
		line-height: 110%;
		color: #0F2252;
	}

	.hero-product .subtitle {
		font-size: 18px;
		font-family: 'Aventa';
		color: #0F2252;
		margin-bottom: 3rem;
	}

	.hero-product p {
		font-size: 15px;
		font-weight: 500;
	}

	.hero-product .links {
		margin-top: 2rem;
	}

		.hero-product .links a {
			margin-right: 27px;
			width: 90%;
		}

@media (min-width: 768px) {
	.hero-product {
		min-height: 700px;
		padding: 0;
	}

	.hero2 {
		border-bottom-right-radius: 225px;
	}

		.hero2 .hero-overlay {
			padding: 12vh 0;
			border-bottom-right-radius: 225px;
		}

		.hero .subtitle, .hero2 .subtitle, .hero4 .subtitle {
			font-size: 19px;
			line-height: 32px;
			font-weight: 400;
			margin-bottom: 1rem;
		}

	.hero-overlay {
		padding: 12vh 0;
	}

	.hero .hero-overlay {
		background-image: url('/images/Overlay.webp');
	}

	.hero-product .links a {
		width: initial;
	}

	.hero-product p {
		width: 85%;
	}
}

/*------------------ HERO SIMPLE ------------------*/
.hero-simple {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #535b69;
	overflow: hidden;
}

	.hero-simple .hero-overlay {
		background: rgb(36,36,36);
		background: -moz-linear-gradient(42deg, rgba(36,36,36,0.8547794117647058) 5%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(42deg, rgba(36,36,36,0.8547794117647058) 5%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 100%);
		background: linear-gradient(42deg, rgba(36,36,36,0.8547794117647058) 5%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#242424",endColorstr="#000000",GradientType=1);
		color: #fff;
		padding: 12vh 0 6vh 0;
		text-align: center;
	}

		.hero-simple .hero-overlay p {
			font-size: 18px;
			line-height: 26px;
			font-family: 'Aventa';
			padding: 0 2rem;
		}

@media (min-width: 768px) {
	.hero3 .hero-text {
		padding: 50px 10% 50px 5%
	}

	.hero-simple .hero-overlay {
		text-align: left;
	}

		.hero-simple .hero-overlay p {
			font-size: 18px;
			line-height: 26px;
			font-family: 'Aventa';
			padding: 0;
		}
}

@media (min-width: 1200px) {
	.hero3 .hero-text {
		padding: 80px 12% 80px 5%
	}
}
/*------------------ HERO SIMPLE EXPANDED ------------------*/
.hero-simple-expanded {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #535b69;
	overflow: hidden;
	height: 500px;
	color: #fff;
}

	.hero-simple-expanded .hero-overlay {
		text-align: center;
		background-image: url('../images/Overlay.webp');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		display: flex;
		align-content: center;
		align-items: center;
		padding: 0 2rem;
		width: 100%;
		height: 100%
	}

		.hero-simple-expanded .hero-overlay p {
			font-size: 18px;
			line-height: 26px;
			font-family: 'Aventa';
		}

@media (min-width: 992px) {
	.hero3 .hero-text {
		padding: 50px 10% 50px 5%
	}

	.hero-simple-expanded {
		height: 700px;
	}

		.hero-simple-expanded .hero-overlay {
			text-align: left;
		}
}

@media (min-width: 1200px) {
	.hero3 .hero-text {
		padding: 80px 12% 80px 5%
	}
}

/*------------------ HERO PROD DETAIL ------------------*/
.hero-6sided {
	color: #1B1C1D;
	background: #F9F9F9;
	min-height: 550px;
	width: 100%;
	padding: 40px 0 0px 0;
	margin: 0;
	text-align: center;
}

	.hero-6sided h1 {
		font-size: 40px;
		line-height: 110%;
		color: #0F2252;
	}

	.hero-6sided p {
		font-size: 15px;
		font-weight: 500;
	}


@media (min-width: 768px) {
	.hero-6sided {
		padding: 120px 0 0 0;
		text-align: left;
	}
}

/*------------------ HERO CONTENT DETAIL ------------------*/
.hero-contentdetail {
	color: #1B1C1D;
	background: #fff;
	min-height: 550px;
	width: 100%;
	padding: 60px 0 0 0;
	margin: 0;
	text-align: center;
}

	.hero-contentdetail p {
		font-size: 18px;
		font-weight: 500;
	}

hr.light-blue {
	border: 0px;
	border-top: 5px solid #89D1FB;
	height: 5px;
	background: #89D1FB;
}

.hero-contentdetail hr.light-blue {
	width: 270px;
	margin: 2rem 0 1.5rem 0;
}

.hero-contentdetail img {
	height: 300px;
	width: 100%;
	object-fit: cover;
	border-radius: 4px;
	margin-top: 2rem;
}

.hero-contentdetail p.text-small {
	font-size: 14px;
	margin-top: 1rem;
	text-align: left;
}


@media (min-width: 768px) {
	.hero-contentdetail {
		padding-top: 100px;
	}

		.hero-contentdetail img {
			height: 560px;
		}
}

/*------------------ HERO MINI ------------------*/
.hero-mini, .hero-mini-plain {
	color: #fff;
	background: #f9f9f9;
	height: 166px;
	width: 100%;
	margin: 0;
	text-align: center;
	background-size: cover;
	background-position: center;
}

	.hero-mini .hero-overlay {
		width: 100%;
		height: 100%;
		display: flex;
		padding: 0;
		align-items: center;
		box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .15);
		background-image: url('../images/mini-overlay.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom left;
	}

	.hero-mini-plain .hero-overlay {
		width: 100%;
		height: 100%;
		display: flex;
		padding: 0;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
		text-align: center;
		box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .15);
		background-image: url('../images/mini-overlay.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom left;
	}

	.hero-mini-plain .btn-search {
		background: #fff;
		border: 1px solid #C9CBCF;
		border-left: none;
	}

	.hero-mini-plain .input-group {
		padding: 2rem 1.4rem 0 1.4rem;
	}

@media (min-width: 768px) {
	.hero-mini, .hero-mini-plain {
		height: 237px;
		text-align: left;
	}

		.hero-mini-plain .hero-overlay {
			text-align: left;
		}

		.hero-mini-plain .input-group {
			padding: 0;
		}
}


/*------------------ COLOR CHIPS ------------------*/
.color-chip-container {
	border: 1px solid #fff;
	display: inline-block;
	overflow: hidden;
	border-radius: 2px;
	width: 100%;
}

.chip-hero {
	position: relative;
	top: -10px;
	z-index: 999;
	left: auto;
	display: flex;
	justify-content: end;
	padding-left: 0;
	padding-right: 0;
}

	.chip-hero .color-chip {
		height: 20px;
		width: 20%;
	}

	.chip-hero .color-chip-name {
		display: none;
	}

	.chip-hero .number {
		display: none;
	}

.color-chip {
	border-right: 1px solid #fff;
	width: 90px;
	height: 130px;
	position: relative;
	display: flex;
	align-content: space-between;
}

	.color-chip .number {
		font-size: 9px;
		font-weight: 700;
		position: absolute;
		top: 3px;
		left: 3px;
		padding-left: 4px;
	}

	.color-chip .type {
		font-size: 12px;
		font-weight: 700;
		position: absolute;
		bottom: 43px;
		left: 3px;
		padding-left: 4px;
	}

.color-chip-name {
	border-top: 1px solid #fff;
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
	width: 100%;
	min-height: 40px;
	position: absolute;
	bottom: 0;
	padding: 6px;
	background-color: rgba(255, 255, 255, .3);
}

.color-chip.last {
	border-right: 0px;
}

.color-chip.solo {
	border: 1px solid #fff;
	border-radius: 2px;
}

.color-chip.dark {
	color: #fff !important;
}

@media (min-width: 768px) {
	.color-chip-container {
		width: initial !important;
	}

	.chip-hero {
		padding-left: 1rem;
		padding-right: 1rem;
		top: -110px;
	}

		.chip-hero .color-chip {
			height: 130px;
			width: 90px;
		}

		.chip-hero .color-chip-name {
			display: block;
		}

		.chip-hero .number {
			display: block;
		}
}


/*------------------ HOMEPAGE SYSTEM BOXES ------------------*/

.system-box {
	background-color: #F7F7F7;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 100%;
	height: 124px;
	display: block;
	text-align: left;
	position: relative;
}

	.system-box span {
		color: #000;
		text-decoration: none;
		font-size: 14px;
		font-family: 'Aventa';
		font-weight: 700;
		position: absolute;
		bottom: 40%;
		left: 2rem;
	}

	.system-box:hover {
		background-color: #fbf9ec;
	}

.home-tech {
	overflow-x: scroll;
	padding-bottom: 2rem;
}

	.home-tech .content {
		height: 100%;
		min-height: 320px;
		display: flex;
		align-content: center;
		flex-wrap: wrap;
		text-align: center;
		padding: 2rem 3rem;
	}

		.home-tech .content h6 {
			width: 100%;
		}

		.home-tech .content img {
			width: 40px;
			height: 40px;
			margin: 0 auto;
			margin-bottom: 1rem;
		}

		.home-tech .content a {
			width: 100%;
		}

	.home-tech .row {
		min-width: 1200px;
	}

@media (min-width: 768px) {
	.home-tech {
		padding-bottom: 0;
		overflow-x: initial;
	}

		.home-tech .row {
			min-width: initial;
		}

		.home-tech .content img {
			width: 60px;
			height: 60px;
		}

	.system-box {
		height: 304px;
		background-size: initial;
		background-position: 100% 30%;
	}

		.system-box span {
			bottom: 2rem;
			font-size: 18px;
		}
}

/*------------------ CAROUSEL TABS ------------------*/

#colorsHomeTab {
	display: flex;
	justify-content: center;
}

	#colorsHomeTab .nav-item {
		width: 50%;
		max-width: 200px;
		flex: 0;
		border: 0;
	}

	#colorsHomeTab .nav-link {
		width: 200px;
		border: 0;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 500;
		display: flex;
		color: #1B1C1D;
	}

	#colorsHomeTab #colors {
		text-align: right;
		justify-content: end;
		align-items: center;
	}

		#colorsHomeTab #colors::after {
			content: "";
			width: 24px;
			height: 24px;
			margin-left: 10px;
			background-image: url('../images/tab-Inactive.png');
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			display: inline-block;
		}

		#colorsHomeTab #colors.active::after {
			background-image: url('../images/tab-Active.png');
		}


	#colorsHomeTab #finishes {
		text-align: left;
		justify-content: start;
		align-items: center;
	}

		#colorsHomeTab #finishes::before {
			content: "";
			width: 24px;
			height: 24px;
			margin-right: 10px;
			background-image: url('../images/tab-Inactive.png');
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			display: inline-block;
		}

		#colorsHomeTab #finishes.active::before {
			background-image: url('../images/tab-Active.png');
		}


.product-tabs {
	border-bottom: 0px;
	display: flex;
	justify-content: center;
	padding-top: 2rem;
}

	.product-tabs .nav-item {
		flex: 0;
		border: 0;
	}

	.product-tabs .nav-link {
		border: 0;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 500;
		display: flex;
		color: #1B1C1D;
		text-align: left;
		justify-content: start;
		align-items: center;
		white-space: nowrap;
	}

		.product-tabs .nav-link::before {
			content: "";
			width: 26px;
			height: 26px;
			margin-right: 10px;
			display: flex;
			justify-content: center;
			font-size: 22px;
			line-height: 24px;
			border: 1px solid gray;
			border-radius: 50%;
		}

	/* images

.product-tabs #colorReds.active::before { background-image: url('../images/tab-reds.png'); }
.product-tabs #colorGreens.active::before { background-image: url('../images/tab-greens.png'); }
.product-tabs #colorWhites.active::before { background-image: url('../images/tab-whites.png'); }
.product-tabs #colorViolets.active::before { background-image: url('../images/tab-violets.png'); }
.product-tabs #colorYellows.active::before { background-image: url('../images/tab-yellows.png'); }
.product-tabs #colorGrays.active::before { background-image: url('../images/tab-grays.png'); }
.product-tabs #colorBlues.active::before { background-image: url('../images/tab-blues.png'); }
*/

	.product-tabs .active::before {
		content: " \25CF";
		color: #000;
	}

	.product-tabs #colorReds.active::before {
		content: " \25CF";
		color: #E2737A;
	}

	.product-tabs #colorGreens.active::before {
		content: " \25CF";
		color: #96B98B;
	}

	.product-tabs #colorWhites.active::before {
		content: " \25CF";
		color: #eee;
	}

	.product-tabs #colorViolets.active::before {
		content: " \25CF";
		color: #9375C9;
	}

	.product-tabs #colorYellows.active::before, .product-tabs #colorYellow.active::before {
		content: " \25CF";
		color: #EDD173;
	}

	.product-tabs #colorGrays.active::before {
		content: " \25CF";
		color: #9E9E9E;
	}

	.product-tabs #colorBlues.active::before {
		content: " \25CF";
		color: #1D549F;
	}

	.product-tabs #colorBrowns.active::before {
		content: " \25CF";
		color: #B07551;
	}


/*------------------ ICON BOXES ------------------*/

.icon-box {
	margin-bottom: 1rem;
	min-height: 150px;
	border-radius: 4px;
	background-color: #F7F7F7;
	width: 100%;
	padding: 1rem 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 18px;
	font-family: 'Aventa';
}

	.icon-box p {
		width: 100%;
		font-size: 14px;
		margin-bottom: 0;
	}

	.icon-box img {
		max-width: 36px;
		margin-bottom: .6rem;
	}

	.icon-box:hover {
		background-color: #fbf9ec;
	}

.col-bg {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	padding: 1.5rem 2rem;
}

@media (min-width: 992px) {
	.col-bg {
		padding: 2rem 2rem;
	}

	.icon-box {
		height: 225px;
		padding: 0;
	}

		.icon-box img {
			max-width: 62px;
			margin-bottom: 1rem;
		}

		.icon-box p {
			font-size: 15px;
		}
}

@media (min-width: 1200px) {
	.col-bg {
		padding: 3rem 4rem;
	}
}

/*------------------ CTA ------------------*/

.cta {
	color: #fff;
	text-align: center;
	padding: 60px 20px;
}

	.cta p {
		text-transform: uppercase;
		margin-bottom: 0.2rem;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.cta .btn {
		margin-top: .6rem;
		text-transform: capitalize;
	}

.cta-resource {
	min-height: 330px;
}

	.cta-resource img {
		height: 100%;
	}

	.cta-resource .centered {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
	}

	.cta-resource .left {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		align-content: center;
		padding: 0rem 5rem;
	}

	.cta-resource .col {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
	}

	.cta-resource .d-flex {
		width: 100%
	}

	.cta-resource .form-select {
		padding-right: 40px;
	}

@media (min-width: 992px) {
	.cta-resource img {
		max-height: 500px;
	}

	.cta {
		color: #fff;
		text-align: center;
		padding: 100px 10px;
	}

		.cta p {
			width: 30%;
		}

		.cta .btn {
			margin-top: 2rem;
		}

	.cta-resource h2 {
		padding: 0 2rem;
	}
}


/*------------------ HORIZONTAL CONTENT ------------------*/

.horizontal-content .text {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: 100%;
	width: 90%;
	margin-left: auto;
	padding-right: 0;
	margin-right: auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
	text-align: center;
}

	.horizontal-content .text h5 {
		margin-bottom: 0;
		width: 100%;
		text-align: center;
	}

	.horizontal-content .text h4 {
		margin-top: 0;
		text-align: center;
		width: 100%;
	}

	.horizontal-content .text h3 {
		text-align: center;
		width: 100%;
	}

	.horizontal-content .text p {
		margin-top: .5rem;
		margin-bottom: 2rem;
		width: 100%;
	}

.horizontal-content img {
	width: 100%;
	border-radius: 4px;
	height: 300px;
	object-fit: cover;
}

.horizontal-content.mobile-flip {
	flex-direction: column-reverse;
}


.horizontal-flipped {
	flex-direction: row-reverse;
}

	.horizontal-flipped .text {
		width: 90%;
		margin-right: auto;
		padding-left: 0;
		margin-left: auto;
		padding-right: 0rem;
		text-align: center;
		justify-content: center;
	}

	.horizontal-flipped img {
		width: 100%;
		border-radius: 4px;
	}

@media (min-width: 992px) {
	.horizontal-content img {
		height: 100%;
	}

	.horizontal-content .text {
		width: 80%;
		margin-left: auto;
		margin-right: 5rem;
		text-align: left;
		justify-content: flex-start;
	}

	.horizontal-flipped .text {
		width: 80%;
		margin-right: auto;
		margin-left: 5rem;
		text-align: left;
		justify-content: flex-start;
	}

	.horizontal-content .text h5, .horizontal-content .text h4, .horizontal-content .text h3 {
		text-align: left;
	}

	.horizontal-content.mobile-flip {
		flex-direction: row;
	}
}

/*------------------ HOMEPAGE CUSTOMER REVIEWS ------------------*/

.customer-reviews {
	margin-top: 1.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: initial;
	padding: 2rem 0;
}

	.customer-reviews .chip-position {
		position: relative;
		top: 70%;
		right: 20px;
	}

.review-box {
	background-color: #fff;
	margin-top: 50px;
	margin-bottom: 10%;
	padding: 35px 50px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	text-align: center;
}

	.review-box .rating {
		margin: .5rem 0;
	}

		.review-box .rating span {
			margin-right: 2px;
		}

	.review-box h4 {
		margin-bottom: 1.5rem;
	}

	.review-box .review {
		font-weight: 500;
		width: 100%;
		font-size: 14px;
	}

	.review-box .name {
		font-family: 'Aventa';
		font-size: 18px;
		font-weight: 600;
		margin-top: 2rem;
		margin-bottom: 0rem;
	}

.quote-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 12%;
	left: 0;
	padding: 0;
}

.reviewsContainer {
	position: relative;
}

@media (min-width: 786px) {
	.customer-reviews {
		height: 680px;
		padding: 0;
	}

	.review-box {
		padding: 75px 100px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		text-align: left;
		width: 100%;
	}

		.review-box .review {
			width: 80%;
		}

		.review-box .name {
			font-size: 16px;
			margin-top: 2.5rem;
			margin-bottom: .2rem;
		}

		.review-box h4 {
			width: 80%;
		}

	.quote-background {
		top: initial;
		left: initial;
	}
}

/*------------------ RESOURCES ------------------*/

.search-container {
	display: flex;
	color: #fff;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	width: 90%;
	margin: 1rem auto;
}

	.search-container span {
		display: block;
		font-size: 18px;
		font-family: 'Aventa';
		width: 350px;
		margin-bottom: .8rem;
	}

	.search-container .search {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.search-container .btn-search {
		background: #fff;
		padding-left: 1rem;
		padding-right: 1rem;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

.resource-text {
	width: 100%;
	padding-right: 2rem;
	padding-left: 2rem;
}

	.resource-text p {
		margin-top: 1rem
	}

.resource-links {
	width: 100%;
	padding-right: 2rem;
	padding-left: 2rem;
}

.resource-link {
	display: flex;
	align-content: center;
	align-items: center;
	padding: 2rem 0;
	border-bottom: 1px solid #E1E7F0;
	justify-content: space-between;
}

.dark-links .resource-link {
	border-bottom: 1px solid #253C41;
}

.resource-link p {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 0;
}

@media (min-width: 786px) {
	.search-container {
		flex-wrap: nowrap;
		text-align: left;
		width: 100%;
		margin: 0 auto;
	}

		.search-container span {
			font-size: 24px;
			margin-bottom: 0;
		}

	.resource-text {
		width: 80%;
		margin-left: auto;
		padding-right: 2rem;
		padding-left: 0;
	}

	.resource-links {
		width: 80%;
		padding-left: 4rem;
		padding-right: 0;
	}
}

@media (min-width: 992px) {
	.resource-text {
		padding-right: 6rem;
	}
}

/*------------------ PROJECTS ------------------*/

.project-item {
	overflow: hidden;
	border-radius: 5px;
	position: relative;
}

	.project-item img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}

	.project-item span {
		border-radius: 30px;
		background: rgba(255, 255, 255, 0.3);
		padding: .3rem 1.3rem;
		color: #fff;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: 700;
		position: absolute;
		top: 1rem;
		left: 1rem
	}

.project-hover {
	position: absolute;
	bottom: 0;
	background: #fff;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 1rem .5rem;
	text-transform: uppercase;
	color: #0BA992;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	opacity: 1;
}

.project-item:hover .project-hover {
	opacity: 1;
	transition: .2s
}

@media (min-width: 786px) {
	.project-item img {
		height: 500px;
	}

	.project-hover {
		opacity: 0;
	}
}

/*------------------ PRODUCT LISTING ------------------*/

.product-item {
	width: 100%;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	background: #FFF;
	padding: 2rem 1.4rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	font-size: 12px;
	justify-content: center;
	margin: 0rem;
}

	.product-item:hover {
		background: #EFD065;
	}

	.product-item a {
		width: 100%;
		margin-bottom: 1.5rem;
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 18px;
		font-weight: 700;
	}

	.product-item p {
		margin-bottom: .4rem;
	}

	.product-item img {
		display: block;
		margin: 0 auto;
		width: 152px;
		height: 152px;
		object-fit: contain;
	}

	.product-item .tech-icons {
		width: 100%;
	}

		.product-item .tech-icons img {
			width: initial;
			height: initial;
			display: inline-block;
			margin-right: 6px;
			max-width: 24px;
			max-height: 24px;
		}

.tech-icons .custom-tooltip {
	position: relative;
	display: inline-block;
}

	.tech-icons .custom-tooltip .tooltip-content {
		visibility: hidden;
		/* min-width: 150px; */
		background-color: #fff;
		color: #333;
		font-size: 10px;
		font-weight: 600;
		text-align: left;
		padding: 10px 14px;
		border-radius: 3px;
		position: absolute;
		z-index: 1;
		bottom: 100%;
		left: 50%;
		transform: translate(-50%,0%);
		margin-left: 0px;
		margin-bottom: 5px;
		box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	}

.custom-tooltip .tooltip-content::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	transform: translate(-50%,0%);
	margin-left: -3px;
	border-width: 5px;
	border-style: solid;
	border-color: white transparent transparent transparent;
}

.tech-icons .custom-tooltip:hover .tooltip-content {
	visibility: visible;
}

.color-family {
	display: flex;
	margin-top: 3px;
}

	.color-family span {
		border-radius: 50%;
		width: 16px;
		height: 16px;
		margin-right: 5px;
	}


.product-section {
	padding: 2rem 0;
	border-bottom: 1px solid #4B5E64;
}

	.product-section.last {
		border-bottom: none;
	}

.listing-item {
	text-decoration: none;
	color: #E1E7F0;
	font-size: 16px;
	height: 100%;
	padding-bottom: 1rem;
	display: inline-block;
}

	.listing-item:hover {
		text-decoration: none;
		color: #fff;
		cursor: pointer;
	}

	.listing-item img {
		width: 100%;
		max-height: 196px;
		object-fit: cover;
		margin-bottom: 1rem;
	}

.listing-title {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}


.product-listing-nav {
	border: none !important;
	border-left: 1px solid #4B5E64 !important;
	border-right: 1px solid #4B5E64 !important;
	background: #253C41 !important;
	margin-top: -20px;
}

	.product-listing-nav a {
		color: #fff !important;
		width: 100%;
		display: inline-block;
		padding: 16px 1rem !important;
	}

		.product-listing-nav a:hover {
			text-decoration: none;
			width: 100%;
			display: inline-block;
			padding: 16px 1rem !important;
		}

	.product-listing-nav .nav-item {
		background: #253C41;
		border-right: 1px transparent;
		border-top: 1px solid #4B5E64;
		border-left: 1px transparent;
		border-bottom: 1px solid #4B5E64;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		color: #fff;
		font-size: 11px;
		font-weight: 500;
		text-transform: uppercase;
	}

		.product-listing-nav .nav-item:hover {
			color: #fff;
			background-color: #0BA992;
			border-top: 1px solid #0BA992;
			border-bottom: 1px solid #0BA992;
			background-image: none;
		}

		.product-listing-nav .nav-item.active {
			color: #fff;
			background-color: #0BA992;
			border-top: 1px solid #0BA992;
			border-bottom: 1px solid #0BA992;
			background-image: none;
		}

	.product-listing-nav .nav-end {
		background-image: none;
		border-right: 1px solid #4B5E64;
	}

		.product-listing-nav .nav-end:hover {
			border-right: 1px solid #4B5E64;
		}

	.product-listing-nav .nav-start {
		border-left: 1px solid #4B5E64;
	}

.horizontal-list {
	display: flex;
}

	.horizontal-list li {
		display: block;
	}

	.horizontal-list .first {
		margin-right: 10px;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: space-between;
	}

		.horizontal-list .first label {
			margin-right: 10px;
		}

.accessories-sort {
	display: flex;
	align-items: center;
	justify-content: end;
}

.btn-return {
	background: transparent;
	display: inline-block;
	text-transform: uppercase;
	color: #0F2252;
	font-size: 11px;
	font-weight: 700;
	margin-left: 1rem;
	margin-top: 1rem;
	border: 0;
}

	.btn-return::before {
		content: "";
		color: #fff;
		width: 12px;
		height: 11px;
		top: 0px;
		position: relative;
		margin-right: 10px;
		background-image: url('../images/arrow-left-blue.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
	}

.product-hr {
	display: block !important;
	margin: 1rem 1rem 0 1rem !important;
	border-top: 1px solid #c7cbce;
	height: 1px;
	background: #c7cbce;
}

.btn-sort {
	padding: 10px;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	background: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 19px 18px;
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
}

.btn-sort-up {
	background-image: url('../images/arrow-up-white.svg');
	background-color: #4E6D74;
	margin-left: 1rem;
}

.btn-sort-down {
	background-image: url('../images/arrow-down-white-small.svg');
	background-color: #EC3856;
}

.filter-color, .filter-finish {
	background: transparent;
	border: 0;
	font-size: 8px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

	.filter-color.active, .filter-finish.active {
		background: #EFD065 !important;
	}

	.filter-color span, .filter-finish span {
		width: 36px;
		height: 36px;
		display: block;
		margin-bottom: 3px;
		border-radius: 2px;
		background-size: cover;
	}

@media (min-width: 768px) {

	.product-listing-nav {
		margin-top: -70px;
	}
}

@media (min-width: 992px) {


	.product-listing-nav .nav-item {
		width: initial;
		font-size: 14px;
		background-image: url('../images/product-nav-border.png');
		background-position: center right;
		background-repeat: no-repeat;
	}

		.product-listing-nav .nav-item:hover {
			background-color: #0BA992;
			background-image: none;
		}

	.listing-item {
		font-size: 18px;
		padding-bottom: 3rem;
	}

		.listing-item img {
			margin-bottom: 2rem;
		}

	.listing-title {
		font-size: 20px;
	}

	.product-listing-nav .nav-end {
		background-image: none;
	}
}


/*------------------ ABOUT US ------------------*/

.tremco-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

	.tremco-logos a {
		margin: .5rem;
	}

.location-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
}

.history {
	overflow: hidden;
}

	.history .content {
		padding: 3rem;
	}

	.history img {
		width: 100%;
		height: 450px;
		object-fit: cover;
		object-position: center
	}

	.history .text {
		margin-top: 1rem;
		font-size: 12px;
	}

.history-link {
	font-weight: 700;
	font-size: 12px;
	color: #535B69;
	text-decoration: none;
	margin-right: 1rem;
}

	.history-link:hover {
		color: #000;
		text-decoration: underline;
		text-underline-offset: 6px;
	}


.history-carousel {
	width: 100%;
}

	.history-carousel .carousel-cell {
		width: 100%;
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

@media (min-width: 992px) {
	.tremco-logos {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}

		.tremco-logos img {
			padding: 0rem;
		}

	.history {
		height: 650px;
		flex-wrap: nowrap;
	}

		.history img {
			height: 650px;
		}

		.history .text {
			margin-top: 2rem;
			font-size: 14px;
		}
}


/*------------------ FEAT ARTICLES/CASES ------------------*/

.main-article {
	margin-bottom: 2rem;
}

.side-article {
	padding: 0 0 1rem 0;
	display: inline-block;
	height: 100%;
	width: 100%;
}

	.side-article a, .main-article a {
		text-decoration: none;
		color: #000;
	}

	.side-article .btn-secondary, .main-article .btn-secondary {
		padding-left: 0;
	}

	.side-article:hover h6, .side-article:hover .btn-secondary, .main-article:hover h4, .main-article:hover .btn-secondary {
		text-decoration: none;
		color: #4382A7;
	}

	.side-article.first {
		padding-left: 0px;
	}

	.side-article.last {
		padding-right: 0px;
	}

.main-article, .side-article {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #212529;
}

	.main-article img {
		width: 100%;
		height: 170px;
		object-fit: cover;
		padding-right: 0px;
	}

	.side-article img {
		width: 100%;
		height: 170px;
		object-fit: cover;
		margin-bottom: 1rem;
		border-radius: 4px;
	}

	.main-article .text {
		padding-left: 0rem;
		height: fit-content;
	}

		.main-article .text p {
			font-size: 14px;
			font-weight: 500;
			margin-top: 1rem;
			margin-bottom: 0;
		}

		.main-article .text h4 {
			margin-top: 1.5rem;
		}

	.side-article p {
		margin-bottom: 0;
	}

	.side-article h6 {
		margin-bottom: 0;
	}

@media (min-width: 992px) {
	.side-article {
		padding: 0 4px;
	}

	.main-article .text {
		padding-left: 1rem;
	}

		.main-article .text h4 {
			margin-top: 0rem;
		}

		.main-article .text p {
			margin-bottom: 1rem;
		}

	.side-article p {
		margin-bottom: 1rem;
		display: block;
	}

	.side-article h6 {
		margin-bottom: 12px;
	}

	.side-article img {
		width: 100%;
		height: 280px;
		margin-bottom: 1rem;
	}

	.main-article img {
		width: 100%;
		height: 100%;
		max-height: 315px;
		object-fit: cover;
		border-radius: 4px;
		padding-right: 4px;
	}
}


/*------------------ ARTICLE ------------------*/

.article {
	background: #fff;
	border-radius: 9px;
	overflow: hidden;
	margin: 12px 0;
	align-items: stretch;
	height: 100%;
}

	.article img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.article-text {
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	color: #737577;
}

	.article-text h5 {
		color: #25292B;
		font-weight: 800
	}

	.article-text h4 {
		width: 100%;
		font-weight: 800
	}

.article-image {
	padding-left: 0 !important;
	padding-right: 0 !important;
	object-fit: cover;
	object-position: center;
	max-height: 200px
}

.article .btn {
	padding-right: 0;
	padding-left: 0 !important;
}


@media (min-width: 768px) {
	.article-image {
		max-height: 400px
	}
}

@media (min-width: 1200px) {
	.article-text {
		padding-right: 10% !important;
	}
}




/*------------------ INSPIRATION CAROUSEL ------------------*/

.inspiration-carousel .carousel-cell {
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	width: 80%;
	height: 400px;
	margin: 0 1rem;
}

.inspiration-carousel .carousel-overlay {
	background-image: url('../images/caro-overlay.png');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.inspiration-carousel .chip-container {
	right: 10%;
	bottom: 10%;
	position: absolute;
}

.inspiration-carousel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inspiration-carousel .carousel-overlay span {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

.inspiration-carousel .flickity-prev-next-button {
	top: 50%;
	border-radius: 0;
	width: 25px;
	height: 25px;
	background: transparent;
}

	.inspiration-carousel .flickity-prev-next-button.next {
		right: 4%;
		color: #646361;
	}

	.inspiration-carousel .flickity-prev-next-button.previous {
		left: initial;
		left: 4%;
		color: #646361;
	}

@media (min-width: 768px) {

	.inspiration-carousel .carousel-cell {
		width: 400px;
		height: 440px;
		margin: 0 2rem;
	}

	.inspiration-carousel .flickity-prev-next-button {
		top: 108%;
	}

		.inspiration-carousel .flickity-prev-next-button.next {
			right: 130px;
			color: #646361;
		}

		.inspiration-carousel .flickity-prev-next-button.previous {
			left: initial;
			right: 170px;
			color: #646361;
		}

	.inspiration-carousel .chip-container {
		opacity: 0;
	}

	.inspiration-carousel .carousel-overlay:hover .chip-container {
		transition: 0.2s;
		opacity: 1;
	}
}

/*------------------ INSPIRATION CAROUSEL ------------------*/
.exploration-carousel {
	height: inital
}

	.exploration-carousel .carousel-cell {
		overflow: hidden;
		width: 100%;
		margin: 0;
		display: flex;
	}

		.exploration-carousel .carousel-cell.static-img {
			height: 100%;
		}

	.exploration-carousel span {
		width: 100%;
		margin-bottom: .6rem;
		display: block;
	}

	.exploration-carousel p {
		max-width: 80%;
		margin: .8rem 0 1rem 0;
	}

	.exploration-carousel .upper-text, .exploration-carousel .lower-text {
		text-decoration: none;
		text-transform: uppercase;
		color: #8A8887;
		font-size: 12px;
		font-weight: 500;
		position: absolute;
	}

	.exploration-carousel .upper-text {
		top: 5%;
	}

	.exploration-carousel .lower-text {
		bottom: 5%;
	}

	.exploration-carousel .content {
		position: relative;
	}

	.exploration-carousel .upper-text img, .exploration-carousel .lower-text img {
		width: 18px;
		display: block;
		margin: .3rem auto;
	}

	.exploration-carousel .sub {
		margin-top: 2rem;
	}

	.exploration-carousel .btn {
		margin-bottom: 2rem;
	}

	.exploration-carousel .flickity-prev-next-button {
		top: 50%;
		border-radius: 0;
		width: 25px;
		height: 25px;
		background: transparent;
	}

		.exploration-carousel .flickity-prev-next-button.next {
			bottom: 4%;
			color: #646361;
		}

		.exploration-carousel .flickity-prev-next-button.previous {
			top: 0%;
			color: #646361;
		}

	.exploration-carousel .img-fluid {
		height: 100%;
		object-fit: cover;
	}


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

@media (min-width: 992px) {
	.exploration-carousel .carousel-cell {
		min-height: 450px;
	}
}



/*------------------ APPLICATIONS CAROUSEL ------------------*/

.applications-carousel .carousel-cell {
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	width: 90%;
	max-width: 1040px;
	height: 388px;
	margin: 0 1rem;
}

	.applications-carousel .carousel-cell img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

.applications-carousel .carousel-overlay {
	background-image: url('/images/applications-overlay.webp');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	color: #fff;
	padding: 2rem 1.5rem;
	display: flex;
	flex-wrap: wrap;
	align-content: end;
}

	.applications-carousel .carousel-overlay p {
		width: 90%;
	}

.applications-carousel .flickity-prev-next-button {
	top: 50%;
	border-radius: 0;
	width: 25px;
	height: 25px;
	background: transparent;
}

	.applications-carousel .flickity-prev-next-button.next {
		right: 0%;
		color: #646361;
	}

	.applications-carousel .flickity-prev-next-button.previous {
		left: 0%;
		color: #646361;
	}

.flickity-button-icon {
	fill: currentColor;
}

.applications-links a {
	color: #535B69;
	margin-left: 2rem;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
}

	.applications-links a.active, .applications-links a:hover {
		color: #000;
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 6px;
	}

@media (min-width: 992px) {
	.applications-carousel .carousel-cell {
		width: 80%;
		height: 488px;
	}

	.applications-carousel .carousel-overlay {
		padding: 3rem;
	}

		.applications-carousel .carousel-overlay p {
			width: 50%;
		}

	.applications-carousel .flickity-prev-next-button {
		top: 106%;
	}

		.applications-carousel .flickity-prev-next-button.next {
			right: 22%;
		}

		.applications-carousel .flickity-prev-next-button.previous {
			left: initial;
			right: 24%;
		}
}

/*------------------ CUSTOMER CAROUSEL ------------------*/

.review-carousel .flickity-prev-next-button {
	top: 100px;
	border-radius: 0;
	width: 25px;
	height: 25px;
	background: transparent;
}

	.review-carousel .flickity-prev-next-button.next {
		right: 5%;
		color: #646361;
	}

	.review-carousel .flickity-prev-next-button.previous {
		left: 5%;
		color: #646361;
	}


@media (min-width: 786px) {
	.review-carousel .flickity-prev-next-button {
		top: 150px;
	}
}

@media (min-width: 992px) {
	.review-carousel .flickity-prev-next-button {
		top: 26%;
	}

		.review-carousel .flickity-prev-next-button.next {
			right: 14%;
		}

		.review-carousel .flickity-prev-next-button.previous {
			left: initial;
			right: 17%;
		}
}

@media (min-width: 1600px) {
	.review-carousel .flickity-prev-next-button {
		top: 30%;
	}

		.review-carousel .flickity-prev-next-button.next {
			right: 22%;
		}

		.review-carousel .flickity-prev-next-button.previous {
			left: initial;
			right: 25%;
		}
}



/*------------------ PRODUCT dETAIL CAROUSEL ------------------*/

.product-carousel .flickity-prev-next-button {
	top: 50%;
	border-radius: 0;
	width: 25px;
	height: 25px;
	background: transparent;
}

.product-carousel .carousel-cell {
	width: 90%;
	height: 388px;
	overflow: hidden;
	margin: 0 1.5rem;
}

	.product-carousel .carousel-cell img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.product-carousel .flickity-prev-next-button.next {
	right: -4px;
	color: #646361;
}

.product-carousel .flickity-prev-next-button.previous {
	left: -4px;
	color: #646361;
}




@media (min-width: 992px) {
	.product-carousel .carousel-cell {
		width: 1040px;
		height: initial;
		max-height: 600px;
		overflow: initial;
		border-radius: 4px;
		margin: 0 1.5rem;
	}

	.product-carousel .flickity-prev-next-button {
		top: 104%;
		border-radius: 0;
		width: 25px;
		height: 25px;
		background: transparent;
	}

		.product-carousel .flickity-prev-next-button.next {
			right: 22%;
			color: #646361;
		}

		.product-carousel .flickity-prev-next-button.previous {
			left: initial;
			right: 24%;
			color: #646361;
		}

	.product-carousel .carousel-cell.contained img {
		width: 100%;
		height: 100%;
		max-height: 600px;
		object-fit: contain;
	}
}

/*------------------ COLOR/TEXTURE CHIP CAROUSEL ------------------*/
.color-carousel {
	margin-top: 2rem;
	text-align: center;
}

	.color-carousel .chip-container {
		margin: 0 1rem;
		text-align: left;
	}

	.color-carousel .flickity-prev-next-button {
		top: 50%;
		border-radius: 0;
		width: 25px;
		height: 100%;
		background: #fff;
	}

		.color-carousel .flickity-prev-next-button:hover {
			background: #fff;
		}

		.color-carousel .flickity-prev-next-button.next {
			right: -1px;
			color: #646361;
		}

		.color-carousel .flickity-prev-next-button.previous {
			left: -1px;
			color: #646361;
		}

@media (min-width: 992px) {
	.color-carousel .flickity-prev-next-button {
		top: 50%;
		border-radius: 0;
		width: 25px;
		height: 25px;
		background: transparent;
	}

		.color-carousel .flickity-prev-next-button:hover {
			background: transparent;
		}

		.color-carousel .flickity-prev-next-button.next {
			right: 10px;
			color: #646361;
		}
}

/*------------------ RELATED PRODUCTS CAROUSEL ------------------*/
.related-carousel {
	margin-top: 1.5rem;
}

	.related-carousel .flickity-slider {
		display: flex;
		align-items: stretch;
		min-height: 300px;
	}

	.related-carousel .flickity-prev-next-button {
		top: 109%;
		border-radius: 0;
		width: 25px;
		height: 25px;
		background: transparent;
	}

		.related-carousel .flickity-prev-next-button.next {
			right: 8%;
			color: #646361;
		}

		.related-carousel .flickity-prev-next-button.previous {
			left: initial;
			right: 12%;
			color: #646361;
		}

	.related-carousel .product, .standalone {
		border-radius: 4px;
		text-align: center;
		background: #F9F9F9;
		padding: 2rem 1.4rem;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		font-size: 12px;
		justify-content: center;
		margin: 0 1rem 1rem 1rem;
		height: 100%;
	}

	.related-carousel .product {
		width: 200px;
	}

		.related-carousel .product a, .standalone a {
			width: 100%;
			margin-bottom: 1.5rem;
			display: block;
			text-decoration: none;
			color: #000;
			font-size: 18px;
			line-height: 1.1em;
			font-weight: 700;
		}

			.related-carousel .product a:hover, .standalone a:hover {
				color: #11cdb4;
			}

		.related-carousel .product p, .standalone p {
			margin-bottom: .4rem;
		}

		.related-carousel .product img, .standalone img {
			display: block;
			margin: 0 auto;
			width: 100px;
			height: 100px;
			object-fit: contain;
		}

	.related-carousel .tech-icons, .standalone .tech-icons {
		width: 100%;
	}

		.related-carousel .tech-icons img, .standalone .tech-icons img {
			width: initial;
			height: initial;
			display: inline-block;
			margin-right: 6px;
			max-width: 24px;
			max-height: 24px;
		}




@media (min-width: 992px) {
	.related-carousel .product {
		width: 288px;
		padding: 2rem 3rem;
	}

	.standalone {
		width: 100%;
		padding: 2rem 2rem;
	}

	.related-carousel .product img {
		width: 162px;
		height: 162px;
	}

	.standalone img {
		width: 100%;
		max-width: 162px;
		height: 162px;
	}

	.related-carousel .tech-icons img, .standalone .tech-icons img {
		width: 24px;
		height: 24px;
	}

	.related-carousel .flickity-prev-next-button.next {
		right: 22%;
	}

	.related-carousel .flickity-prev-next-button.previous {
		left: initial;
		right: 25%;
	}
}



.flickity-page-dots {
	bottom: -30px;
	text-align: right;
	right: 10%
}

	.flickity-page-dots .dot {
		width: 15px;
		height: 15px;
		opacity: 1;
		background: transparent;
		border: 1px solid #333;
		margin: 0 4px;
	}

		.flickity-page-dots .dot.is-selected {
			background: #333;
		}

/* no circle */
.flickity-button {
	background: transparent;
}
/* big previous & next buttons */
.flickity-prev-next-button {
	width: 100px;
	height: 100px;
}
/* icon color */
.flickity-button-icon {
	fill: white;
}
/* hide disabled button */
.flickity-button:disabled {
	display: none;
}

.flickity-button:hover {
	background: transparent;
}

.flickity-prev-next-button:focus {
	border: none;
	box-shadow: none;
}

@media (min-width: 992px) {
	.customer-review {
		width: 585px;
		padding: 3rem 2.5rem;
	}

		.customer-review p {
			font-size: 18px;
		}

	.flickity-page-dots {
		bottom: -60px;
		text-align: right;
		right: 10%
	}
}



/*------------------ SYSTEMS ------------------*/
.compatible-nav {
	margin-top: 2rem;
}

	.compatible-nav button {
		background: transparent;
		border: none;
		text-align: left;
		color: #000;
		font-size: 12px;
		text-transform: uppercase;
		padding: .5rem 0;
		font-weight: 600;
	}

		.compatible-nav button:hover {
			color: #4382A7;
		}

		.compatible-nav button.active {
			color: #4382A7;
		}

			.compatible-nav button.active::before {
				content: "";
				color: #fff;
				width: 13px;
				height: 9px;
				top: 0px;
				position: relative;
				margin-right: 10px;
				background-image: url('../images/arrow-right.png');
				background-position: left center;
				background-repeat: no-repeat;
				background-size: contain;
				display: inline-block;
			}

.map-buttons .map-button {
	padding: .4rem 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
}

	.map-buttons .map-button p {
		width: 80%;
		margin: 0;
	}

.map-buttons span {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	min-width: 32px;
}

.map-buttons .map-button.active {
	display: flex;
}

.map-buttons .active span {
	background: #4382A7;
	border: 1px solid #4382A7;
	color: #fff;
}

.system-components {
	height: 850px;
	overflow: initial;
}

	.system-components > div:first-child {
		align-items: flex-start;
	}

	.system-components .building-map {
		position: absolute;
		z-index: 3;
		top: -100px;
		right: auto;
		left: auto;
		padding: 0 1rem;
		max-width: 575px;
	}

		.system-components .building-map img { /*max-height: 470px;*/
			margin: 0 auto
		}

	.system-components .systems-building {
		position: relative;
		z-index: 2;
		top: 200px;
		display: flex;
		justify-content: center;
	}

	.system-components .building-pt {
		background: #1B1C1D;
		border-radius: 50%;
		color: #fff !important;
		height: 30px;
		width: 30px;
		font-size: 14px;
		padding: 0;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.system-components .building-pt:hover {
			scale: 1.6;
			transition: .3s
		}

	.system-components .building-active {
		scale: 1.6;
	}




@media (min-width: 768px) {


	.system-components .systems-building {
		top: 140px;
	}

	.system-components {
		height: 750px;
	}
}

@media (min-width: 992px) {

	.map-buttons .map-button {
		display: flex;
		padding: 0.8rem 0;
	}
}

@media (min-width: 1200px) {
	.system-components {
		height: 850px;
	}
}


/*------------------ ICONS ------------------*/

.ico-star {
	display: inline-block;
	background-image: url('../images/ico-star.svg');
	width: 18px;
	height: 18px;
}


@media (min-width: 768px) {
}

/*------------------ FAQ ACCORDION ------------------*/

.faq {
	margin: 30px auto 30px auto;
}

	.faq .accordion {
		border: 1px solid #E7E5E0;
	}

	.faq .accordion-button {
		font-size: 15px;
		font-weight: 700;
		line-height: 20px;
		height: 65px;
		padding: 0 2rem;
		background: #fff !important;
		color: #000 !important;
		box-shadow: none;
	}

	.faq .accordion-body {
		padding: 10px 50px 40px 2rem;
		color: #444;
		font-size: 13px;
	}

	.faq .accordion-button::after {
		flex-shrink: 0;
		width: 24px;
		height: 24px;
		margin-left: auto;
		content: "";
		background-image: url('../images/accordion-open.png');
		background-repeat: no-repeat;
		background-size: 24px;
		transition: transform 0.2s ease-in-out;
	}

	.faq .accordion-button.collapsed::after {
		background-image: url('../images/accordion-close.png');
	}

	.faq .accordion-button.collapsed {
		background: #F7F7F7 !important;
	}

@media (min-width: 768px) {
	.faq .accordion-button {
		font-size: 16px;
		line-height: 44px;
	}

	.faq .accordion-header {
		padding: 0;
	}

	.faq .accordion-body {
		padding: 10px 100px 2rem 2rem;
		font-size: 14px;
		font-weight: 500;
	}
}

/*------------------ 6 SIDED ------------------*/

.approach-header {
	padding-top: 40px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
	text-align: center;
}

	.approach-header h1 {
		line-height: 50px
	}


.approach-building {
	position: relative;
	z-index: 2;
	overflow: visible;
	background: #fff;
	color: #25292B
}

.building-map {
	position: absolute;
	z-index: 3;
	top: -30%;
	right: 0%;
	padding: 0 1rem;
}

	.building-map img {
		width: 100%
	}

.building-pt:hover {
	background: #0F2252;
	color: #fff
}


.building-pt {
	cursor: pointer;
	position: absolute;
	background: #535B69;
	border-radius: 50%;
	color: #fff !important;
	height: 30px;
	width: 30px;
	font-size: 15px;
	padding: 6px 5px;
	text-decoration: none;
}

.building-active {
	background: #4382A7 !important;
	color: #fff
}


.approach-desc {
	padding: 45% 0 10px 0;
	display: none;
}

	.approach-desc span {
		background: #4382A7;
		height: 24px;
		width: 24px;
		font-size: 15px;
		padding: 2px;
		border-radius: 50%;
		color: #fff;
		display: inline-block;
		margin-right: 10px;
		margin-top: -2px;
	}

	.approach-desc h5 {
		display: inline-block;
		color: #1B1C1D;
		font-size: 28px;
		font-weight: 500;
		margin: 0;
		position: relative;
		top: 4px;
	}

	.approach-desc p {
		margin-top: 1rem
	}

.desc-active {
	display: block;
}

.brands-building {
	position: relative;
	text-align: center;
	padding-bottom: 0px;
	margin-top: 40px
}

.brands-pt {
	width: 100%;
	position: static;
	text-align: left;
	padding-bottom: 20px;
}


.brands-img {
	display: none;
}

@media (min-width: 768px) {
	.building-map {
		top: -20%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}

	.brands-pt {
		background: rgba(0, 0, 0, .03);
		padding: 1rem;
		border-radius: 10px;
	}

		.brands-pt p {
			margin-top: .8rem;
			margin-left: .6rem;
			font-size: 12px;
		}
}

@media (min-width: 992px) {
	.approach-header h1 {
		font-size: 60px;
		line-height: 68px
	}

	.approach-desc span {
		height: 32px;
		width: 32px;
		padding: 0px 11px;
		font-size: 14px;
		line-height: 32px;
		display: inline-block;
	}

	.approach-header {
		text-align: left;
		padding-top: 100px;
		margin-bottom: 0
	}


	.building-map {
		width: 686px;
		top: -180px;
		margin-left: auto;
		margin-right: 1rem;
	}

	.approach-desc {
		padding: 30% 0 30px 0;
	}

	.building-pt {
		height: 40px;
		width: 40px;
		font-size: 16px;
		padding: 9px 14px;
	}

	.brands-building {
		padding-bottom: 162px;
		margin-top: 100px
	}

	.brands-pt {
		width: 300px;
		position: absolute;
		font-size: 14px;
	}

	.brands-img {
		display: block;
		margin: 0 auto;
		width: 45%
	}
}

@media (min-width: 1200px) {
	.building-map {
		width: 686px;
		top: -220px;
		margin-left: auto;
		margin-right: 1rem;
	}

	.approach-desc {
		padding: 25% 0 30px 0;
	}
}

@media (min-width: 1300px) {
	.building-map {
		width: 686px;
		top: -260px;
		margin-left: auto;
		margin-right: 6%;
	}

	.approach-desc {
		padding: 10% 0 30px 0;
	}

	.approach-header h1 {
		font-size: 72px;
		line-height: 80px;
	}

	.brands-img {
		width: 47%
	}

	.brands-pt p {
		font-size: 14px;
	}
}

@media (min-width: 1600px) {
	.building-map {
		width: 786px;
		top: -170%;
		margin-left: auto;
		margin-right: 10%;
	}

	.approach-desc {
		padding: 5% 0 30px 0;
	}
}



/*------------------ FEAT PROJECTS ------------------*/

.feat-project {
	position: relative;
	width: 100%;
	height: 350px;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 1.3rem;
}

	.feat-project img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.project-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 2rem;
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: wrap;
}

	.project-overlay h6 {
		text-transform: uppercase;
		color: #0BA992;
		margin-bottom: .5rem;
		width: 100%;
		font-weight: 700;
	}

	.project-overlay p {
		width: 100%;
		font-size: 24px;
		line-height: 32px;
		font-weight: 400;
		padding-right: 0;
		margin-bottom: 2rem
	}

	.project-overlay .btn-small {
		text-transform: uppercase;
	}

.side-project img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
}

@media (min-width: 992px) {

	.feat-project {
		height: 782px;
		margin-bottom: 2rem;
	}

	.project-overlay {
		padding: 3rem 4rem;
	}

		.project-overlay p {
			padding-right: 50%;
		}

	.side-project img {
		height: 250px;
	}
}


/*------------------ CONTENT DETAIL aka blog pages ------------------*/

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

	.content-detail ul {
		margin: 2rem 0;
		width: 100%;
	}

		.content-detail ul li {
			list-style: none;
		}

			.content-detail ul li::before {
				content: "\25CF";
				color: #89D1FB;
				display: inline-block;
				width: 1.8rem;
			}

			.content-detail ul li span {
				color: #000;
			}

	.content-detail .caption {
		text-align: left;
		font-size: 11px;
		margin-top: .5rem;
	}

	.content-detail ol > li::marker {
		font-weight: bold;
	}

	.content-detail ol {
		padding: 1.5rem 0rem 0rem 3rem;
	}

		.content-detail ol li {
			padding-left: 10px;
			margin-bottom: 1rem;
		}

			.content-detail ol li p {
				margin: 0
			}


blockquote {
	padding: 0 0 0 1.3rem;
	margin: 2rem 0 2rem 0;
	border-left: 5px solid #89D1FB;
	font-size: 18px;
	line-height: 28px;
	color: #000;
	font-family: 'Aventa';
}

	blockquote span {
		display: block;
		font-size: 12px;
		font-weight: 700;
	}


.form-image {
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
}


@media (min-width: 768px) {
	.content-form {
		padding-right: 4rem;
	}

	blockquote {
		margin-left: 0rem;
		width: 80%;
		font-size: 28px;
		line-height: 32px;
	}

	.content-detail {
		font-size: 17px;
		line-height: 26px;
	}

		.content-detail ul {
			margin: 2rem 0 2rem 2rem;
			width: 80%;
		}

			.content-detail ul li {
				margin: 1rem 0;
			}

		.content-detail ol {
			margin: 2rem 0 2rem 2rem;
		}

			.content-detail ol > li::marker {
				font-size: 20px;
			}

		.content-detail .container-lg, .content-detail .container-xl {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
}

@media (min-width: 1200px) {
	.content-form {
		padding-right: 6rem;
	}
}


/*------------------ PRODUCT DETAIL ------------------*/

.comparison-table {
	font-size: 12px;
	text-align: center;
	overflow-x: scroll;
	width: 90%;
}

	.comparison-table img {
		display: none;
	}

	.comparison-table .row {
		border-bottom: 1px solid #E7E5E0;
		min-width: 900px;
	}

		.comparison-table .row.last {
			border-bottom: 0px;
		}

	.comparison-table .col {
		padding: 1rem .5rem;
	}

	.comparison-table .title-row .col {
		display: flex;
		flex-wrap: wrap;
		align-items: end;
		justify-content: center;
	}

	.comparison-table .title-row p {
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 0;
	}

	.comparison-table .title-row .main-title {
		justify-content: start;
	}

	.comparison-table .main-title {
		font-size: 28px;
		font-family: 'Aventa';
		text-align: left;
	}

	.comparison-table .table-label {
		text-align: left;
		font-weight: 700;
		text-transform: uppercase;
	}

	.comparison-table .highlight {
		background: #EFD065;
		font-weight: 500;
	}

.resource-box {
	border-radius: 4px;
	background: #fff;
	font-size: 18px;
	font-family: 'Aventa';
	font-weight: 700;
	padding: 1rem 1.5rem 1rem 1.5rem;
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #000;
	margin-bottom: 1rem;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

	.resource-box:hover {
		background: #DB706D;
		color: #000;
	}

	.resource-box img {
		height: 13.5px;
		width: 18px;
		margin-right: 14px;
	}

.resource-border {
	border-top: 8px solid #DB706D;
}

ul.blue-checks {
	margin-bottom: 0;
}

.blue-checks li {
	background: url(../images/ico-bluecheck.png) no-repeat 0px 0px transparent;
	list-style-type: none;
	margin: 1.5rem 0;
	padding: 0px 0px 2px 36px;
	vertical-align: middle;
	font-weight: 500;
	text-transform: uppercase;
}

.blue-checks .last {
	margin-bottom: 0;
}

.textures {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	overflow: hidden;
}

.texture-container p {
	color: #535B69;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}

.texture-container .chip-container {
	margin-right: 2rem;
}

.texture-container .color-chip-name {
	background-color: #DCD9C4;
	color: #000;
}

.texture-container .color-chip {
	object-fit: cover;
}

	.texture-container .color-chip .number {
		color: #fff;
		text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);
	}

@media (min-width: 768px) {

	.resource-box {
		width: 100%;
	}

	.blue-checks .last {
		margin-bottom: 1.5rem;
	}
}

@media (min-width: 992px) {
	.comparison-table {
		font-size: 14px;
		width: 100%;
		overflow-x: hidden;
	}

	.resource-box {
		padding: 1rem 4rem 1rem 2rem;
	}

	.comparison-table .col {
		padding: 1.5rem 0;
	}

	.comparison-table img {
		display: block;
		max-width: 100px;
		max-height: 100px;
	}

	.comparison-table .title-row p {
		font-size: 15px;
		width: 100%
	}
}

@media (min-width: 1200px) {
}

@media (min-width: 1600px) {
}


/*------------------ FOOTER -----------------*/

.footer {
	background-color: #1B1C1D;
	color: #fff;
	overflow-x: hidden;
}

.newsletter {
	text-align: center;
	padding: 4rem 0;
}

	.newsletter input {
		height: 100%
	}

.footer hr {
	margin: 0;
	border-top: 1px solid #6B787F;
}


.footer-logo {
	display: none
}

.mobile-logo {
	width: 100%;
	max-width: 182px;
	display: block;
	margin: 50px auto 0 auto;
}

	.mobile-logo img {
		width: 100%;
	}

.footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

	.footer a:hover {
		color: #11CDB4;
		text-decoration: none;
		transition: .1s
	}

.footer-main {
	font-size: 13px;
	padding: 40px 0 20px 0;
	text-align: center;
}

	.footer-main li {
		padding: 8px 0
	}


.footer-sub {
	padding: 16px 0;
	font-size: 11px;
	text-align: center;
}

	.footer-sub ul {
		margin: 0 auto;
	}

	.footer-sub li {
		float: none;
		margin-right: 0px;
		padding-bottom: 5px;
	}

.footer-contact {
	text-align: center;
	border-top: 1px solid #737577;
	margin-top: 30px;
	margin-left: auto;
}

.address {
	font-size: 13px;
	line-height: 16px;
	margin-top: 30px;
}

.social-media {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	max-width: 200px
}

.mobile-hide {
	display: none !important;
}


@media (min-width: 992px) {
	.footer-logo {
		display: block;
	}

	.social-media {
		margin-top: 40px;
	}

	.footer-main {
		padding: 40px 0;
		text-align: left;
	}

	.mobile-logo {
		display: none;
	}

	.footer-contact {
		text-align: left;
		border-top: 0px;
		margin-top: 0;
	}

	.social-media {
		margin-left: 0
	}

	.footer-sub {
		text-align: left;
	}

	.mobile-hide {
		display: block !important;
	}

	.footer-sub li {
		float: left;
		margin-right: 30px;
	}
}

/*------------------ STICKY MENU -----------------*/

.sticky-menu {
	background: #fff;
	z-index: 1000;
	font-size: 14px;
	padding: 0;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	top: -1px;
}

.home-sticky-menu {
	background-image: none;
	background-color: #fff;
	text-align: center;
	font-size: 11px;
}

	.home-sticky-menu .container-xxl {
		display: flex;
	}

		.home-sticky-menu .container-xxl div {
			flex: 1;
			padding: 1rem 0;
		}

	.home-sticky-menu .active a {
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 3px;
	}

	.home-sticky-menu a:hover {
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 3px;
	}

.sticky-menu .container-xxl {
	padding: 0
}

.sticky-menu .navbar-brand {
	font-size: 12px !important;
	font-weight: 700;
	padding: 1rem;
	width: 20%;
	color: #0F2252;
	text-align: right;
	margin-right: 0;
	height: 100%;
}

	.sticky-menu .navbar-brand a {
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 0;
		font-size: 11px;
		font-weight: 700;
		text-transform: none;
	}

.sticky-menu .container-lg {
	overflow: visible;
}

.sticky-menu ul {
	padding-left: 0px
}

.sticky-menu li {
	margin: 0 10px;
}

.sticky-menu a {
	color: #2A323D;
	padding: 16px 0;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}

	.sticky-menu a:hover {
		text-decoration: none;
		color: #4382A7;
	}

.sticky-menu .nav-link.active {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.sticky-menu .accordion-button {
	background: #fff;
	border: 0;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
}

.product-menu {
	font-size: 11px;
	font-weight: 600;
	width: 80%;
	position: relative;
	padding: 1rem;
}

	.product-menu span {
		width: 100%;
		height: 100%;
		padding-left: 1rem;
		text-transform: uppercase;
		font-weight: 700;
		background-image: url('../images/ico-dropdown-arrow.png');
		background-repeat: no-repeat;
		background-position: center right;
		display: block;
	}

	.product-menu ul {
		list-style: none;
		padding: 1rem 0 .2rem 2rem;
		margin: 0;
		position: absolute;
		z-index: 1001;
		right: 0px;
		background: #fff;
		width: 100%
	}

		.product-menu ul li {
			margin: 0 auto;
			padding: 10px 0
		}

	.product-menu .active a {
		color: #4382A7;
	}

	.product-menu .active {
		width: 100%;
		height: 100%;
	}

	.product-menu .nav-end {
		justify-content: center;
		align-items: center;
		align-content: center;
	}

		.product-menu .nav-end a {
			padding: .5rem 0;
			background: #0F2252;
			color: #fff;
			width: 80%;
			top: 10px;
			position: relative;
		}


@media (min-width: 768px) {


	.sticky-menu .navbar-brand {
		padding-right: 20px;
		font-size: 14px !important;
		padding: 1rem;
		padding-right: 3rem;
	}

	.sticky-menu ul {
		padding-left: 20px
	}

	.sticky-menu .navbar-collapse {
		border-left: 1px solid #f5f5f5
	}
}


@media (min-width: 992px) {
	.sticky-menu {
	}

		.sticky-menu .container-lg {
			justify-content: flex-start;
		}

	.product-menu {
		padding: 0;
	}

		.product-menu span {
			display: none;
		}

		.product-menu ul {
			padding: 0;
			position: inherit;
			display: flex;
			height: 100%
		}

			.product-menu ul li {
				float: left;
				margin-right: 0rem;
				padding: 0;
				flex: 1;
				text-align: center;
				justify-content: center;
				align-items: center;
				align-content: center;
				display: flex;
				padding: 0;
				height: 100%;
			}

				.product-menu ul li a {
					padding: 1rem 0;
					width: 100%;
					height: 100%;
				}

		.product-menu .active {
			background: #fff;
			background-image: url('../images/sticky-menu-active.png');
			background-position: center 34px;
			background-repeat: no-repeat;
		}

	.home-sticky-menu {
		background-image: url();
		background-color: #fff;
		font-size: 14px;
	}

		.home-sticky-menu .training {
			background: #F4F4F4;
			font-size: 14px;
			font-weight: 700;
			text-transform: uppercase;
		}

			.home-sticky-menu .training a {
				font-size: 11px;
				font-weight: 500;
				padding: 0;
				text-transform: initial;
			}

				.home-sticky-menu .training a::after {
					content: "";
					color: #fff;
					width: 12px;
					height: 12px;
					top: 2px;
					position: relative;
					margin-left: 8px;
					background-image: url('../images/arrow-right-green.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					display: inline-block;
				}
}

@media (min-width: 1200px) {
	.product-menu {
		font-size: 11px;
	}

	.sticky-menu .navbar-brand {
		font-size: 16px !important;
	}
}


/*------------------ FORM -----------------*/

.form-label {
	margin-top: .8rem;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: .2rem
}

.content-form input, .content-form .form-select, .content-form textarea {
	background-color: transparent;
	border: 1px solid #C6C5C5;
	border-radius: 5px;
}

.content-form textarea {
	height: 130px;
}

.content-form .form-control, .content-form .form-select {
	height: 48px;
}

.form-check-input:checked {
	background-color: #333;
	border-color: #333;
}

.form-image {
	height: 300px;
	object-fit: cover;
	margin-top: 2rem;
}


.application-select {
	float: left;
	width: 280px;
	height: 49px;
	border: 2px solid #0BA992;
	border-radius: 5px;
	color: #0BA992;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	background-image: url('../images/application-dropdown.png');
	background-size: 62px 59px;
	background-position: right center;
}


@media (min-width: 768px) {

	.application-select {
		float: right;
		height: 59px;
	}

	.form-image {
		height: initial;
		object-fit: cover;
		margin-top: 0rem;
	}
}

@media (min-width: 992px) {
	.content-form .form-control, .content-form .form-select {
		height: 56px;
	}
}


/*------------------ SEARCH RESULTS ------------------*/
.search {
	border: 1px solid #7F7F7F;
}

.hr-search {
	background: #E1E7F0;
	border: 0;
	border-top: 1px solid #E1E7F0;
}

.btn-search {
	background: #253C41;
	color: #fff;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
}

.search-header {
	border-bottom: 1px solid #E1E7F0;
	border-top: 1px solid #E1E7F0;
}

.container-search {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	overflow-x: hidden;
}

	.container-search hr {
		margin: 10px 0 0 0;
		display: block;
	}

	.container-search .more-results {
		color: #1B1C1D;
		background: transparent;
		font-weight: 500;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10px;
		padding: 18px 0;
		display: inline-block;
		margin-left: 5px;
		padding: 0;
		cursor: pointer;
	}

		.container-search .more-results::after {
			content: "";
			width: 13px;
			height: 9px;
			margin-left: 10px;
			background-image: url('../images/arrow-right.png');
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			display: inline-block;
		}

		.container-search .more-results:hover {
			color: #0074DF
		}

	.container-search h3 {
		margin-bottom: .2rem;
	}

.search-suggestion {
	color: #25292B;
	font-size: 12px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.container-search .pagination {
	margin-top: 30px;
}

.search-result {
	padding: 2rem 1.5rem;
	border-bottom: 1px solid #CCCAC6;
	text-align: left
}

.result-image {
	border: none;
	text-align: left;
}

	.result-image img {
		display: none;
	}

.search-category {
	background: #E1E7F0;
	border-radius: 5px;
	padding: 2px 10px;
	position: static;
	color: #333333;
	font-size: 10px;
	font-weight: 900;
	margin-bottom: 8px;
	display: inline-block;
	text-transform: uppercase;
}

.result-desc {
	height: 100%;
	text-align: left;
	display: flex;
	align-content: start;
	flex-wrap: wrap;
	color: #737577;
}

	.result-desc p {
		font-size: 14px;
		font-weight: 500;
		flex-basis: 100%;
	}

	.result-desc h5 {
		color: #25292B;
		margin-top: 0;
		margin-bottom: .4rem;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		flex-basis: 100%;
		font-family: 'Aventa';
	}


.btn-search-result {
	background-color: #0F2252;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: 500;
	padding: 4px 8px;
	border-radius: 2px;
	margin-right: 10px
}

	.btn-search-result:hover {
		background-color: #25292B;
		color: #fff
	}

	.btn-search-result:visited {
		color: #fff;
	}

.search-page-group {
	position: relative;
	max-width: 1120px;
	margin: 0 auto;
}

.clear-search {
	display: none;
	position: absolute;
	font-size: 13px;
	font-weight: 500;
	color: #4E6D74;
}

	.clear-search::after {
		content: "";
		color: gray;
		width: 14px;
		height: 14px;
		margin-left: 9px;
		position: relative;
		top: 2px;
		background-image: url('../images/clear-search.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
	}

.search-page-group .input-group-text {
	border: 1px solid #C7CBCE;
	border-right: 0px;
	background: #fff;
	padding-left: 1rem;
	font-size: 13px;
	font-weight: 500;
	color: #25292B;
}

.search-page-group .search {
	border-left: 0px;
	padding-left: .2rem;
	color: #4382A7;
	font-weight: 500;
	border-top: 1px solid #C7CBCE;
	border-bottom: 1px solid #C7CBCE;
}

.search-page-group .btn-search {
	background: #fff;
	border-left: none;
	border-right: 1px solid #C7CBCE;
	border-top: 1px solid #C7CBCE;
	border-bottom: 1px solid #C7CBCE;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

@media (min-width: 768px) {
	.search-page-group .input-group-text {
		padding-left: 2rem;
		font-size: 15px
	}

	.search-page-group .search {
		padding-left: 1rem
	}

	.result-desc {
		align-content: center;
	}

		.result-desc p {
			font-size: 15px;
		}

		.result-desc h5 {
			font-weight: 700;
		}

	.clear-search {
		display: block;
		right: 140px;
		top: 35%;
	}

	.result-image {
		background: #F7F7F7;
		border-radius: 10px;
		aspect-ratio: 1 / 1;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 170px;
		margin-right: 1rem;
	}

		.result-image img {
			display: inline-block;
		}

	.search-category {
		position: absolute;
		top: 0rem;
		left: 0rem;
		font-size: 11px;
		padding: 3px 10px;
	}

	.btn-search-result {
		padding: 6px 12px;
		font-weight: 500;
	}

	.container-search .more-results {
		font-size: 12px;
		display: inline-block;
		margin-top: 5px;
	}

	.btn-search {
		font-size: 14px;
		padding-left: 28px;
		padding-right: 28px;
	}
}



@media (min-width: 992px) {
	.search-result {
		padding-left: 0 !important;
	}

	.container-search h3 {
		font-size: 40px;
		font-weight: 800;
	}
}


/*------------------ BLOGGY ------------------*/

.blog-filters {
	list-style: none;
	display: block;
	font-size: 13px;
	padding-left: 0%;
	padding-bottom: 1rem;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.b-filters .collapse-right-arrow, .search-filters .collapse-right-arrow {
	padding-left: .4rem;
	padding-right: .4rem;
}

	.b-filters .collapse-right-arrow::after {
		background-image: none !important;
	}

	.search-filters .collapse-right-arrow::after {
		margin-top: 3px;
	}

.search-filters {
	border-top: 1px solid #C7CBCE;
	border-bottom: 1px solid #C7CBCE;
	margin: 1rem 0 !important;
	background: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 0 .9rem;
}

	.search-filters .navbar-toggler {
		width: 100%;
		font-size: 15px;
		text-align: left;
		padding-left: 2rem;
	}


.b-filters {
	background: #fff;
	border-radius: 0px;
	margin: 1.2rem 0rem;
	padding: 0 1.5rem;
	border-top: 1px solid #C7CBCE;
	border-bottom: 1px solid #C7CBCE;
	font-weight: 600;
	font-size: 13px;
}

.blog-filters li {
	display: inline-block;
	width: 50%;
	text-align: left;
	padding: 4px;
	margin-bottom: .5rem;
}

.blog-filters a {
	background: transparent;
	color: #25292B;
	padding: 8px 12px;
	border: 1px solid #C7CBCE;
	border-radius: 5px;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}

.blog-filters a {
	width: 100%;
	display: inline-block;
	cursor: pointer;
}

.page-item a {
	padding: 8px 12px;
	background: #F9F9F9;
	color: #25292B;
	border-radius: 5px;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}

	.blog-filters .active, .page-item a.active {
		background: #0F2252;
		color: #fff;
		border-radius: 5px
	}

.page-item {
	font-size: 15px;
	margin: 0 2px;
}

.pagination span {
	margin: 0 4px;
}

.category-tag {
	display: block;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: 700;
	background: #4382A7;
	border-radius: 50px;
	padding: 2px 10px;
	color: #fff;
}

.blog-list {
	padding: 0 2px;
	align-items: stretch;
	align-content: stretch;
}

	.blog-list div {
		position: relative;
	}

.blog-item, .blog-item-wide, .blog-item-featured {
	border-radius: 4px;
	overflow: hidden;
	height: 100%;
	background: #fff;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

.blog-item {
	display: flex;
	flex-wrap: wrap;
}

	.blog-item .btn-secondary {
		margin-bottom: 1rem;
	}

	.blog-item:hover .btn-secondary, .blog-item-wide:hover .btn-secondary, .blog-item-featured:hover .btn-secondary {
		text-decoration: none;
		color: #DB706D;
	}

	.blog-item:hover, .blog-item-wide:hover, .blog-item-featured:hover {
		-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
		box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
		transition: .2s;
	}

.blog-item-wide {
	display: flex;
	margin-bottom: 0rem;
	flex-wrap: wrap;
}

	.blog-item-wide img {
		width: 100%;
		min-height: 250px;
		height: 250px;
		object-fit: cover;
	}

	.blog-item-wide .blog-text {
		width: 100%;
		padding-left: 0rem;
	}

.blog-item-featured {
	display: flex;
	flex-wrap: wrap;
}

	.blog-item-featured img {
		width: 100%;
		min-height: 250px;
		height: 250px;
		object-fit: cover;
	}

	.blog-item-featured .blog-text {
		width: 100%;
		padding-left: 0rem;
	}

	.blog-item-featured h5 {
		margin-top: .8rem;
		width: 100%;
	}

.blog-text {
	padding: 1rem 1.3rem 0rem 0rem;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

	.blog-text p {
		color: #1B1C1D;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.4rem;
		width: 100%;
	}

	.blog-text h6 {
		font-weight: 800;
		width: 100%;
		margin-top: .8rem
	}

	.blog-text .btn-secondary {
		display: block;
		padding-left: 0px;
	}



.blog-item img {
	width: 100%;
	object-fit: cover;
	height: 250px
}

.blog-item .btn-arrow, .blog-item-wide .btn-arrow {
	padding-left: 0;
	margin-left: 0;
	font-size: 15px
}


.blog-sections {
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	height: 100%
}

	.blog-sections a {
		border: none;
		background: #F9F9F9;
		width: 100%;
		padding: 20px 24px;
		color: #333;
		font-family: 'Aventa';
		font-size: 16px;
		font-weight: 700;
		text-decoration: none;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
	}

		.blog-sections a p {
			margin-bottom: 0;
			font-size: 12px;
			font-weight: 600;
		}

	.blog-sections .last-item {
		margin-bottom: 0;
	}

	.blog-sections a:hover {
		color: #0F2252;
	}

	.blog-sections img {
		width: 32px;
		margin-right: 2rem
	}

.blog-mobile a {
	padding: 15px;
	margin-bottom: 15px;
}

.b-filters-m {
	justify-content: space-between;
	align-items: center;
	align-content: center;
	background: #f9f9f9;
	margin: 0 0 1.2rem 0rem;
	padding: 0 2rem;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: 600;
	font-size: 13px;
}

	.b-filters-m span {
		width: 33%;
		border-right: 1px solid #ddd;
		height: 100%;
		display: flex;
		align-items: center;
		align-content: center;
		padding: 1rem 0
	}

.filter-select {
	width: 65%;
	position: relative;
}

	.filter-select button {
		padding-left: 1rem;
		border: none;
		background: #f9f9f9;
		cursor: pointer;
		width: 100%;
		color: #0F2252;
		text-transform: uppercase;
		font-weight: 800;
		appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		position: relative;
		background-image: url("../images/arrow-down.svg");
		background-repeat: no-repeat;
		background-position: 95% center;
		background-size: 14px 12px;
	}

		.filter-select button span {
			width: 100%
		}

	.filter-select .selected-value {
		border: none;
	}

.filter-select-dropdown {
	position: absolute;
	list-style: none;
	z-index: 1001;
	background: #fff;
	width: 100%;
	border-radius: 2px;
	padding: 1rem;
	transition: .2s ease;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	color: #0F2252;
	font-weight: 800;
}

.filter-select.active .filter-select-dropdown {
	height: auto;
	opacity: 1;
	visibility: visible;
}

.filter-select-dropdown label {
	padding: .75rem .2rem;
}

.filter-select-dropdown input[type="radio"] {
	position: absolute;
	left: 0;
	opacity: 0;
}

.blog-pagination {
	justify-content: center;
}

	.blog-pagination .page-item a {
		background: #F9F9F9;
	}

		.blog-pagination .page-item a.active {
			background: #0F2252;
		}

@media (min-width: 992px) {
	.blog-sections a {
		padding: 24px;
		font-size: 18px;
	}

	.blog-list {
		padding: 0;
		margin: 0;
	}

	.blog-filters {
		display: inline-block;
		padding-left: 0;
		font-size: 12px;
		font-weight: 500;
	}

	.search-filters .navbar-toggler {
		width: 25%;
		font-size: 18px;
		padding: .6rem 0
	}

	.search-filters {
		display: flex;
		padding: 0;
		border: none;
		text-align: left !important;
		margin: 1rem auto 1rem auto !important;
		background: #fff
	}

		.search-filters .blog-filters {
			margin: 0;
			padding: 0
		}

	.blog-filters li {
		display: inline-block;
		width: auto;
		text-align: center;
		padding: 0;
		margin-right: .3rem
	}

	.blog-filters a {
		background: #F5F5F5;
		color: #25292B;
		padding: 10px 15px;
		border: none;
	}

	.search-filters .collapse-right-arrow {
		width: 25%;
		padding: 0rem 2rem 0 0;
		text-align: right;
		font-weight: 600;
		font-size: 18px;
	}

		.search-filters .collapse-right-arrow::after {
			background-image: none !important;
		}

	.b-filters {
		background: #fff;
		border-radius: 4px;
		margin: 0;
		display: flex;
		margin-bottom: 2rem;
		border: none;
	}

		.b-filters .collapse-right-arrow {
			width: 25%;
			padding: 6px 0 0 0;
		}

		.b-filters a {
			background: #F9F9F9;
			border: 1px solid #F9F9F9;
			font-size: 10px;
			font-weight: 700;
		}

		.b-filters .active {
			background: #0F2252;
			color: #fff;
			border: 1px solid #0F2252;
		}

	.page-item a {
		padding: 12px 18px;
	}

	.page-item {
		margin: 0 3px;
	}

	.page-arrow {
		padding: 0 8px
	}

	.blog-pagination {
		justify-content: end;
	}

	.blog-item-featured {
		display: flex;
		flex-wrap: nowrap;
	}

		.blog-item-featured img {
			width: 66%;
			min-height: 250px;
			height: 100%;
			object-fit: cover;
		}

		.blog-item-featured .blog-text {
			width: 30%;
			padding-left: 3rem;
		}

		.blog-item-featured h5 {
			margin-top: .8rem;
			width: 100%;
		}


	.blog-item-wide {
		display: flex;
		margin-bottom: 1rem;
		flex-wrap: nowrap;
	}

		.blog-item-wide img {
			width: 48%;
			min-height: 250px;
			height: 100%;
			object-fit: cover;
		}

		.blog-item-wide .blog-text {
			width: 45%;
			padding-left: 3rem;
		}
}


/*------------------ ICON COLUMNS ------------------*/

.quick-link {
	color: #000;
	background: #F9F9F9;
	height: 100%;
	text-align: left;
	text-decoration: none;
	border-radius: 4px;
	display: flex;
	align-items: center;
	padding: 1rem 1rem;
	width: 100%;
	margin: 0 auto;
}

	.quick-link:hover {
		background: #fbf9ec;
	}

	.quick-link img {
		width: 50px;
		height: 50px;
	}

	.quick-link .text {
		margin-left: 1rem;
	}

	.quick-link h6 {
		font-size: 13px;
		font-family: 'Aventa';
		margin: 0;
	}

	.quick-link p {
		font-size: 14px;
		margin: 0;
	}

	.quick-link .img-wrapper {
		background: #fff;
		padding: 2rem;
		height: 130px;
		display: block;
		border-radius: 10px;
		margin-bottom: .8rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.btn-info {
	display: none;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	background-image: url('/images/ico-info.webp');
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	position: absolute;
	top: 1rem;
	right: 1rem;
}

	.btn-info:hover {
		border: 0;
		background-color: transparent;
	}

@media (min-width: 992px) {
	.btn-info {
		display: inline-block;
	}

	.quick-link {
		padding: 2rem 2rem;
	}

		.quick-link h6 {
			font-size: 18px;
		}

		.quick-link img {
			height: initial;
			width: initial;
		}
}


/*------------------ COLORS PAGE ------------------*/


.colors-menu {
	background-color: #F9F9F9;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 1.6rem 0;
	overflow: hidden;
}

	.colors-menu a {
		font-size: 12px;
		color: #535B69;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 700;
		margin: 0 1rem;
		display: flex;
		align-items: center;
	}

		.colors-menu a::before {
			content: " \25CF";
			width: 40px;
			height: 40px;
			margin-right: 10px;
			display: flex;
			justify-content: center;
			background: #fff;
			border: 1px solid #eee;
			border-radius: 50%;
			line-height: 38px;
		}

	.colors-menu .finishes {
		min-width: 110px;
		display: flex;
		justify-content: center;
		padding: .5rem 0;
		line-height: 26px;
	}

		.colors-menu .finishes::before {
			content: none;
			width: 0;
			height: 0;
		}

		.colors-menu .finishes:hover {
			color: #000;
			transition: .2s;
		}

		.colors-menu .finishes.active {
			color: #000;
			font-weight: 700;
			font-size: 16px;
			line-height: 26px;
		}

.colors-all::before {
	font-size: 20px;
	color: #000;
}

.colors-all.active::before {
	font-size: 36px;
}

.colors-blues::before {
	font-size: 20px;
	color: #1D549F;
}

.colors-blues.active::before {
	font-size: 36px;
}

.colors-violets::before {
	font-size: 20px;
	color: #9375C9;
}

.colors-violets.active::before {
	font-size: 36px;
}

.colors-reds::before {
	font-size: 20px;
	color: #E2737A;
}

.colors-reds.active::before {
	font-size: 36px;
}

.colors-browns::before {
	font-size: 20px;
	color: #B07551;
}

.colors-browns.active::before {
	font-size: 36px;
}

.colors-yellows::before, .colors-yellow::before {
	font-size: 20px;
	color: #EDD173;
}

.colors-yellows.active::before, .colors-yellow.active::before {
	font-size: 36px;
}

.colors-greens::before {
	font-size: 20px;
	color: #96B98B;
}

.colors-greens.active::before {
	font-size: 36px;
}

.colors-grays::before {
	font-size: 20px;
	color: #9E9E9E;
}

.colors-grays.active::before {
	font-size: 36px;
}

.colors-whites::before {
	font-size: 20px;
	color: #eee;
}

.colors-whites.active::before {
	font-size: 36px;
}

.colors-container {
	max-width: 1200px;
	padding: 0 .3rem;
	margin: 2rem auto 100px auto;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}

	.colors-container p {
		text-align: center;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 700;
		margin: 0 0 2rem 0
	}

.color-box {
	background-size: cover;
	border-radius: 5px;
	height: 225px;
	position: relative;
	transition: transform .2s;
	display: block;
	width: 100%;
	border: none;
	text-transform: uppercase;
	font-weight: 600;
}

	.color-box:hover {
		transform: scale(1.1);
		z-index: 99;
		box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .3);
	}

	.color-box .number {
		position: absolute;
		top: 1rem;
		left: 1rem;
	}

	.color-box .name {
		position: absolute;
		bottom: 1rem;
		left: 1rem;
		text-align: left;
		max-width: 120px;
		line-height: 18px;
	}

	.color-box .plus {
		position: absolute;
		bottom: 1rem;
		right: 1rem;
	}

	.color-box.dark {
		color: #fff !important
	}

.finishes-container .color-box .name,
.finishes-container .color-box .number {
	background-image: url('../images/overlay-white.png');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	padding: 2px 5px;
}

.relative {
	position: relative;
}

.color-box.collapsed .close-large {
	opacity: 0;
}

.color-box:not(.collapsed) .close-large {
	opacity: 100%;
	transition: .1s;
}

.colors-container .close {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	background-color: transparent;
	background-image: url('../images/close.png');
	background-repeat: no-repeat;
	background-position: right 45%;
	background-size: 8px 8px;
	border: none;
	padding: 8px 13px;
}

	.colors-container .close.top {
		position: absolute;
		top: 1.5rem;
		right: 1.5rem;
	}

	.colors-container .close.bottom {
		position: absolute;
		bottom: 1.5rem;
		right: 1.5rem;
	}

.finishes-container .close {
	color: #333;
	background-image: url('../images/close-dark.png');
}

.colors-container .drawer-popout.dark .close {
	color: #333;
	background-image: url('../images/close-dark.png');
}

.colors-container .drawer {
	padding-top: 40px;
	padding-bottom: 20px;
	z-index: 100;
	color: #fff;
	position: relative;
	border-radius: 4px;
	display: none;
}

	.colors-container .drawer a {
		color: #FFF;
	}

	.colors-container .drawer h3, .colors-container .drawer h4 {
		text-transform: initial;
		width: 100%;
	}

	.colors-container .drawer img {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}

	.colors-container .drawer p {
		text-align: left;
		text-transform: initial;
		margin-bottom: .6rem;
	}

.colors-container .drawer-popout {
	width: 100%;
	max-width: 1100px;
	position: absolute;
	max-height: 0;
	left: 50%; /* Move the left edge to the center */
	transform: translate(-50%);
	transition: 0.3s ease-in-out;
	opacity: 0;
}

.finishes-container .drawer {
	background-color: #E7E5E0;
	color: #333;
}


.colors-container .drawer-popout.dark .drawer, .colors-container .drawer-popout.dark .drawer a {
	color: #333 !important;
}

.colors-container .drawer-popout.show {
	max-height: 10vh;
	opacity: 100;
	z-index: 300 !important;
}

	.colors-container .drawer-popout.show .drawer {
		display: block;
	}

.colors-container .drawer-popout.collapse {
	z-index: auto;
}

.colors-container .drawer .color-info {
	text-align: left;
	text-transform: initial;
	font-size: 24px;
	width: 100%;
	margin-top: 2rem;
	margin-bottom: .3rem;
}

.colors-container .drawer .color-stat {
	width: 100%;
	display: block;
	font-size: 14px;
	font-weight: 400;
	padding: 5px 0
}

	.colors-container .drawer .color-stat span {
		width: 40px;
		margin-right: 13px;
		font-weight: 700;
		display: inline-block;
	}

.colors-container .color-chip {
	border: 0;
	border-radius: 2px;
	position: relative;
	margin-right: .6rem;
	margin-bottom: .6rem;
	height: 100px;
	color: #333;
}

	.colors-container .color-chip .name {
		position: absolute;
		bottom: 6px;
		left: 10px;
		text-transform: initial;
		font-size: 11px;
		padding-right: 10px;
	}

	.colors-container .color-chip .number {
		position: absolute;
		top: 10px;
	}

	.colors-container .color-chip .color-chip-name {
		color: #000;
		display: flex;
		align-items: end;
		text-transform: initial;
		background-color: rgba(255, 255, 255, .5);
	}

@media (min-width: 768px) {
	.colors-container .drawer img {
		height: initial;
	}

	.colors-container .drawer {
		padding-top: 80px;
		padding-bottom: 40px;
		transform: scale(1.1);
	}

	.colors-container {
		max-width: 1200px;
		padding: 0 1rem;
	}

	.color-box:hover {
		transform: scale(1.2);
	}
}

@media (min-width: 992px) {
	.colors-container .color-chip {
		margin-right: 1rem;
		margin-bottom: 1rem;
		height: 130px;
	}

	.color-box:hover {
		transform: scale(1.33);
	}

	.colors-menu .finishes {
		padding: 0;
	}
}


/*------------------ FILTER PAGES ------------------*/

.filter-borders {
	border-top: 1px solid #C7CBCE;
	border-bottom: 1px solid #C7CBCE;
}

.col-filter {
	border-right: none;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-top: 1px solid #C7CBCE;
	border-bottom: 1px solid #C7CBCE;
}

	.col-filter hr {
		margin: 20px 0
	}

	.col-filter .btn-blue {
		width: 100%;
		padding: 5px 0;
		font-size: 12px;
	}

	.col-filter h5 {
		font-size: 18px;
		line-height: 26px;
		margin-top: 0;
	}

	.col-filter h6 {
		font-size: 14px;
		line-height: 20px;
		color: #333333;
		text-transform: uppercase;
		font-weight: 900;
		border-bottom: 0;
		width: 100%;
		padding-bottom: 0rem;
		padding-top: 0rem;
	}

	.col-filter ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.col-filter li {
		margin-bottom: .6rem
	}


	.col-filter .form-check-input:checked[type=checkbox] {
		background-image: url('../images/ico-resource-check.png');
		background-size: 11px 11px;
		background-position: center;
		border-radius: 4px;
	}

	.col-filter .form-check {
		margin-bottom: .6rem;
	}

	.col-filter .form-check-input:checked {
		background-color: #fff;
		border-color: rgba(0, 0, 0, 0.25);
	}

	.col-filter .form-check-input {
		height: 1.2rem;
		width: 1.2rem;
		border: 1px solid #E7E5E0;
	}

		.col-filter .form-check-input:checked[type=radio] {
			background-image: url('../images/ico-resource-radio.png');
			background-size: 11px 11px;
			background-position: center;
			border-radius: 50%;
		}

	.col-filter .form-check-label {
		line-height: 1rem;
		cursor: pointer;
		font-size: 12px;
		font-weight: 700;
		color: #1B1C1D;
		max-width: 80%;
	}

	.col-filter .filter-sub {
		margin-top: .4rem;
		margin-left: 2rem;
		margin-bottom: 0 !important;
		padding-bottom: .2rem !important;
	}

	.col-filter *:focus {
		box-shadow: none !important;
	}

	.col-filter .accordion-button {
		padding: 0;
		width: 100%;
		height: 100%;
		background: transparent;
		box-shadow: none;
		float: right;
		border-right: none;
		padding-right: 0;
		display: inline-flex;
		position: relative;
		right: 0;
	}

		.col-filter .accordion-button:after {
			display: inline-block;
			width: 1rem;
			height: 1rem;
			background-size: 1rem;
			position: relative;
			top: 2px;
		}

	.col-filter .form-select {
		font-size: 15px;
		height: 39px;
	}

.filters {
	padding: 2rem 2rem 2rem 0;
	margin-left: 1rem;
	border-bottom: 1px solid #C7CBCE;
}

.show-items {
	width: 100px;
	display: inline-block;
	margin-left: .5rem;
	background-position: center right 15px;
	font-weight: 700;
	color: #253c41;
}

.grid-toggle {
	border-radius: 4px;
	border: 1px solid #C7CBCE;
	width: 80px;
	height: 40px;
	display: flex;
	overflow: hidden;
	margin-right: 10px;
}

	.grid-toggle .list, .grid-toggle .grid {
		padding: 0;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: center;
		border: 0;
		border-radius: 0px;
		width: 39px;
		height: 39px;
	}

	.grid-toggle .list {
		background-image: url('../images/ico-list-inactive.png');
		background-color: #fff;
	}

	.grid-toggle .grid {
		background-image: url('../images/ico-grid-inactive.png');
		background-color: #fff;
	}

.btn-check:checked + .list {
	background-image: url('../images/ico-list-active.png');
	background-color: #6C6C6C;
}

.btn-check:checked + .grid {
	background-image: url('../images/ico-grid-active.png');
	background-color: #6C6C6C;
}

.filter-tag {
	background: #F9F9F9;
	border-radius: 2px;
	padding: 3px 6px;
	color: #25292B;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 8px;
	margin-bottom: 8px;
	white-space: nowrap;
	text-decoration: none;
	display: inline-block;
}

.add-x::after {
	content: "";
	width: 9px;
	height: 9px;
	margin-left: 8px;
	background-image: url('../images/ico-x.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.download-files {
	background: #4D95BF;
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	padding: .5rem;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	cursor: pointer;
	text-decoration: none;
}

	.download-files:hover {
		background: #253C41;
		color: #fff;
		cursor: pointer;
	}

.selected-files {
	background: #4382A7;
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	padding: .5rem;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	display: inline;
	margin-left: -5px;
}

.delete-files {
	background-color: #fff;
	width: 42px;
	height: 42px;
	padding: .8rem;
	cursor: pointer;
}

	.delete-files:hover {
		background-color: #F5F5F5
	}

.results {
	display: none;
}

#list-view-content {
	display: block;
}



.results.grid .resource-item {
	border: 1px solid #BDBDBD;
	margin-top: 1.3rem;
	margin-left: 0;
	color: #737577;
	font-size: 13px;
	position: relative;
	border-radius: 5px;
	border-top-right-radius: 2px;
	height: 220px;
	overflow: hidden;
}

	.results.grid .resource-item:hover {
		border: 1px solid #0F2252;
		transition: .2s;
	}

	.results.grid .resource-item h5 {
		color: #25292B;
		padding: 1rem 3rem 1rem 1rem;
		width: 100%;
		border-bottom: 1px solid #DBDBDB;
		margin-bottom: .5rem;
	}

	.results.grid .resource-item p {
		padding-left: 1rem;
		margin-bottom: 5px;
	}

.results.grid .check {
	position: absolute;
	border-radius: 2px;
	top: -1px;
	right: -1px;
	margin: 0;
	background: transparent;
	height: 26px;
	width: 26px;
	background: #F5F5F5;
}

.results.grid input[type="checkbox"]:focus,
.results.grid input[type="checkbox"]:focus-visible {
	outline: none;
	box-shadow: none;
}

.results.grid .check:checked {
	background-color: #0F2252;
	border: #0F2252;
	background-image: url('../images/ico-checked.png');
	background-repeat: no-repeat;
	background-position: center;
}

.results.grid .resource-item:has(input[type="checkbox"]:checked) {
	border-color: #0F2252;
}

.results.grid .links {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
}

	.results.grid .links .btn {
		width: 50%;
		padding: 12px 0;
		background: #E9E9E9;
	}

		.results.grid .links .btn:hover {
			background: #0F2252;
			color: #fff;
		}

	.results.grid .links .btn-view {
		border-right: 1px solid #fff;
	}

.results.list .resource-item {
	border-bottom: 1px solid #C7CBCE;
	margin-left: 0rem;
	margin-top: 2rem;
	padding: 0 0.3rem 2rem 0.3rem;
	color: #737577;
	font-size: 13px;
	display: flex;
	align-items: center;
}

	.results.list .resource-item h5 {
		margin-bottom: .3rem;
		color: #000;
		font-weight: 700;
		font-family: 'Aventa';
	}

.listing-icon {
	background: #F7F7F7;
	max-width: 67px;
	height: 100%;
	max-height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	overflow: hidden;
}

	.listing-icon img {
		width: 100%;
		max-width: 37px;
	}


.btn-download-small, .btn-view-small {
	background-color: #0F2252;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;
	padding: 4px 10px 3px 10px;
	border-radius: 2px;
	margin-right: 10px
}


	.btn-download-small:hover, .btn-view-small:hover {
		background-color: #25292B;
		color: #fff
	}

	.btn-download-small:visited, .btn-view-small:visited {
		color: #fff;
	}

.btn-view-small {
	margin-right: 5px;
}

.item-download {
	display: flex;
	align-items: center;
	justify-content: start;
	padding-left: 18%;
	padding-top: 1rem;
}

	.item-download .form-check-input {
		margin-top: 0;
		background: #F5F5F5;
		border-radius: 2px;
		width: 23px;
		height: 23px;
	}

		.item-download .form-check-input:checked[type=checkbox] {
			background-image: url('../images/check-square.png');
			background-size: 15px 15px;
			background-position: center;
			background-repeat: no-repeat;
		}

.mobile-product-filter {
	display: flex;
	padding-left: 1rem;
	padding-right: 1rem;
	align-items: center;
	z-index: 9999;
}

	.mobile-product-filter h5 {
		width: 70%;
		margin-bottom: 0
	}

	.mobile-product-filter .btn-blue {
		width: 100%;
		padding: 5px 10px;
		margin-left: 1rem;
	}

@media (min-width: 768px) {
	.download-files, .selected-files {
		padding: .6rem 1.2rem;
		font-size: 13px;
	}

	.mobile-product-filter hr {
		display: none;
	}

	.listing-icon {
		padding: 0 10px;
		min-height: 100px;
	}

	.item-download {
		justify-content: end;
		padding-left: 0;
		padding-top: 0;
	}

	.col-filter .accordion-button {
		width: 30px;
		top: 2px;
	}

	.filter-tag {
		font-size: 12px;
		padding: 6px 10px;
	}
}

@media (min-width: 991px) {
	.resource-item {
		margin-left: 1rem;
		padding: 0 0 2rem 0;
	}

	.btn-reset {
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		border: 0;
		background: transparent;
	}

	.mobile-product-filter {
		display: inline-block;
		width: 100%;
		padding: 0
	}

		.mobile-product-filter h5 {
			width: 100%;
		}

		.mobile-product-filter .btn-blue {
			padding: 5px 0px;
			min-width: initial;
		}

	.col-filter {
		border-right: 0;
		padding: 0;
		border-top: none;
		border-bottom: none;
		background: #fff;
	}



	.mobile-product-filter hr {
		display: block;
	}

	#collapseMobile {
		display: block !important
	}
}


.mobile-separator {
	border-bottom: 1px solid #C7CBCE;
	padding: 0 16px
}

	.mobile-separator .accordion-collapse {
		margin-bottom: 1rem;
		padding: 0 1rem 1rem 1rem;
	}

.collapse-right-arrow {
	padding: 16px 0;
	width: 100%;
	display: flex;
	font-size: 15px;
	align-items: center;
}

	.collapse-right-arrow::after {
		flex-shrink: 0;
		width: 1rem;
		height: 1rem;
		margin-left: auto;
		content: "";
		background-image: url('../images/carousel-down.png');
		background-repeat: no-repeat;
		transition: transform 0.2s ease-in-out;
		position: relative;
		display: inline-block;
		margin-top: 27px;
		margin-right: 14px;
	}

	.collapse-right-arrow:not(.collapsed)::after {
		background-image: url('../images/carousel-down.png');
		transform: rotate(180deg) translateY(6px) translateX(0px);
	}

#collapseMobile {
	position: absolute;
	width: 100%;
	background: #fff;
	padding-top: 10px;
	box-shadow: 1px 2px 4px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 2px 4px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 2px 4px -1px rgba(0,0,0,0.3);
	z-index: 9000;
}

	#collapseMobile h6 {
		margin: 0;
		display: flex;
		align-items: center;
	}

	#collapseMobile .collapse-right-arrow::after {
		margin-top: 23px;
		top: -3px;
	}


@media (min-width: 1250px) {
	.col-filter {
		padding: 1.5rem;
	}
}

@media (min-width: 768px) {
	#collapseMobile hr {
		display: none;
	}
}

@media (min-width: 991px) {
	.resource-item h5 {
		font-size: 18px;
	}

	.mobile-separator {
		border-bottom: 0;
		padding: 0;
		background: #F9F9F9;
	}


	.collapse-right-arrow {
		padding: 0 0 16px 0
	}

		.collapse-right-arrow.collapsed {
			margin-bottom: 1rem;
		}


	#collapseMobile {
		position: relative;
		width: auto;
		padding-top: 0;
		box-shadow: none;
		background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}

	.col-filter h6 {
		font-size: 14px;
		color: #535B69;
		border-bottom: none;
		padding: 1.5rem 0 .6rem 1rem;
		background: #F9F9F9;
	}

	.col-filter .btn-reset {
		font-size: 10px;
		color: #0F2252;
		display: flex;
		justify-content: end;
		align-items: center;
		width: 100%;
	}
}

.mobile-product-filter .accordion-button:not(.collapsed) {
	color: #0F2252;
}

.btn-filter {
	display: inline-block;
	padding: 8px 18px;
	background: #fff;
	border: 1px solid #C7CBCE;
	margin: 4px 2px;
	font-size: 14px;
	font-weight: 700;
}

	.btn-filter.active {
		background: #4382a7;
		color: #fff;
	}

label.btn-filter {
	cursor: pointer;
}

.btn-filter input[type="radio"] {
	position: absolute;
	left: 0;
	opacity: 0;
}



/*------------------ HUBSPOT FORMS ------------------*/

.hbspt-form a {
	color: #4382A7;
	text-decoration: underline;
}

	.hbspt-form a:hover {
		color: #0F2252;
	}

.bg-black .hbspt-form a {
	color: #FFF;
}

.hbspt-form input, .hbspt-form textarea, .hbspt-form select {
	padding: 10px 15px;
	font-family: 'Aventa';
	font-weight: 600;
	border-radius: 1px;
	color: #0F2252;
	border: 1px solid #C6C5C5;
}

	.hbspt-form select, .hbspt-form textarea, .hbspt-form input[type=text], .hbspt-form input[type=tel], .hbspt-form input[type=password], .hbspt-form input[type=email], .hbspt-form input[type=number] {
		width: 100% !important;
	}

.hbspt-form label {
	font-family: 'Aventa';
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 5px;
	font-size: 12px;
}

.hs-form-field {
	padding-top: 5px;
	padding-bottom: 5px;
}

.hs-error-msgs {
	list-style: '*';
	color: #ea2b2b;
	padding: 0 0 0 10px;
	margin: 0;
}

.hs-error-msg {
	color: #ea2b2b;
	font-size: 12px;
	list-style: none;
	padding-left: 5px;
}

.hs-form-radio-display, .hs-form-checkbox-display {
	font-weight: 400 !important;
	font-size: 0.9rem !important;
}

	.hs-form-radio-display span, .hs-form-checkbox-display span {
		padding-left: 5px;
	}

.inputs-list {
	list-style: none;
	margin: 10px 0 10px 20px;
	padding: 0;
}

.legal-consent-container {
	font-size: 12px;
}

	.legal-consent-container p {
		margin: 0;
	}

.hs-form-booleancheckbox {
	margin-top: 7px;
	margin-bottom: 5px;
}

	.hs-form-booleancheckbox span {
		font-size: 13px;
		font-weight: 400 !important;
		padding-left: 5px;
		margin-top: -2px;
	}

	.hs-form-booleancheckbox p {
		display: inline-block;
		text-transform: initial !important;
	}

.hs-form-required {
	display: inline-block;
	width: 10px;
	padding: 0;
	margin: 0;
	color: red;
}

.legal-consent-container .inputs-list {
	margin: 0 0 0 20px;
}

.hs-recaptcha {
	padding: 10px 0;
}

.hs-button {
	background: #4382A7;
	border: 0px;
	text-decoration: none;
	border-radius: 1px;
	font-family: 'Aventa';
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 40px;
	display: inline-block;
	margin-top: 16px;
	color: #fff !important;
}

	.hs-button:hover {
		text-decoration: none;
		/* border: 0px; */
		background: #0F2252 !important;
		transition: .2s;
	}



fieldset .form-columns-2 {
	margin: auto !important;
	max-width: 100% !important;
}

fieldset.form-columns-3 .hs-form-field {
	width: 33.3% !important;
}



fieldset {
	margin: auto !important;
	max-width: 100% !important;
}

.hbspt-form {
	text-align: left;
}

.stickyNavWidget {
	margin-top: -60px;
	padding-top: 60px;
}

.color-page-img {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	border: 1px solid #C8C8C8;
	width: 100%;
	border-radius: 4px;
}

	.color-page-img:hover {
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
		border: 1px solid #C8C8C8;
		width: 100%;
		border-radius: 4px;
		transition: 0.3s;
	}

.color-page-overlay {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 1px;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(2,0,36,0) 50%, rgba(127,132,140,0.20) 100%);
	border-radius: 4px;
}

	.color-page-overlay:hover {
		background: linear-gradient(0deg, rgba(2,0,36,0) 50%, rgba(127,132,140,.30) 100%);
		transition: 0.3s;
	}

.btn-download {
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 12px;
	background: #7F848C;
	border-radius: 4px;
	padding: 8px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
}

	.btn-download img {
		width: 18px;
	}


/* KENTICO WYSIWYG STYLES */
.fr-view img {
	max-width: 100%;
}

.fr-view .fr-fic {
	display: block;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.fr-view .fr-fil {
		float: left;
		padding: 0 15px 15px 0;
		width: auto;
	}

	.fr-view .fr-fir {
		float: right;
		padding: 0 0 15px 15px;
		width: auto;
	}
}

.fr-video {
	display: block;
	text-align: center;
}

.fr-fvr {
	text-align: right;
}

.fr-fvl {
	text-alignt: left;
}

/* /KENTICO WYSIWYG STYLES */

/* KENTICO BLOG STYLES FOR MOBILE */

@media (max-width: 768px) {
	.hide-mobile {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.mobile-spacing {
		display: block; /* Ensure it behaves like a block element for margin to apply */
		float: none; /* Remove float on mobile if you want it to stack above text */
		margin: 20px auto 0 auto; /* 20px top padding (margin), auto center on mobile */
		width: 100%; /* Optional: make the image responsive on mobile */
		height: auto;
	}
}

.mobile-text {
	padding-bottom: 20px; /* Bottom padding for the text block */
}

@media (max-width: 768px) {
	.mobile-center {
		float: none !important;
		display: block;
		margin: 0 auto;
	}
}
/* Show/hide images depending on screen size */
.desktop-only {
	display: block;
}

.mobile-only {
	display: none;
}


@media (max-width: 768px) {
	.desktop-only {
		display: none !important;
	}

	.mobile-only {
		display: block !important;
	}
}

.content-detail img, .cta img, p img {
	max-width: 100%;
}

.drawer-popout img {
	display: none;
}

.drawer-popout.show img {
	display: block;
}

.ot-floating-button__front {
	background-image: url(/media/Dryvit/logos/tcpg_icon_cookies.png) !important
}