@import "variables";
/*********************************************************/
/*
*              SPACER
*
**********************************************************/
/*********************************************************/
/*
*              BUTTONS
*
**********************************************************/
/*********************************************************/
/*
*              CTA 
*
**********************************************************/
/*********************************************************/
/*
*              TEXT SIZE
*
**********************************************************/
/*********************************************************/
/*
*              TEXT COLORS
*
**********************************************************/
/*********************************************************/
/*
*              TEXT ELLIPSIS
*
**********************************************************/
/*********************************************************/
/*
*              BACKGROUND COLORS
*
**********************************************************/
/*********************************************************/
/*
*              COLOR SVG
*
**********************************************************/
/*********************************************************/
/*
*              OVERFLOW
*
**********************************************************/
/*********************************************************/
/*
*              BADGE
*
**********************************************************/
/*********************************************************/
/*
*              MAPS
*
**********************************************************/
/*********************************************************/
/*
*              INLINE TEXT ICONS
*
**********************************************************/
.pt__05 {
	padding-top: 0.5rem;
}
.pb__05 {
	padding-bottom: 0.5rem;
}
.pt__1 {
	padding-top: 1rem;
}
.pb__1 {
	padding-bottom: 1rem;
}
.pt__40 {
	padding-top: 2.5rem;
}
.pb__40 {
	padding-bottom: 2.5rem;
}
.pt__50 {
	padding-top: 3.125rem;
}
.pb__50 {
	padding-bottom: 3.125rem;
}
.pt__100 {
	padding-top: 6.25rem;
}
.pb__100 {
	padding-bottom: 6.25rem;
}
.mt__auto {
	margin-top: inherit;
}
.mb__auto {
	margin-bottom: inherit;
}
.mt__40 {
	margin-top: 2.5rem;
}
.mb__40 {
	margin-bottom: 2.5rem;
}
.mt__50 {
	margin-top: 3.125rem;
}
.mb__50 {
	margin-bottom: 3.125rem;
}
.mt__100 {
	margin-top: 6.25rem;
}
.mb__100 {
	margin-bottom: 6.25rem;
}
.btn__action {
	font: 700 1.25rem/1.5rem Montserrat;
	letter-spacing: 0.2px;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	padding: 0.875rem 0;
	border-radius: 0;
	margin: 2rem 0;
	border: 0;
	transition: all 0.2s ease-in-out;
	&:hover {
		color: #fff;
		opacity: 0.9;
	}
	span {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		display: block;
		background: $primary-color;
		position: relative;
	}
}
.btn__action__thin {
	font: 400 1rem/1.188 Montserrat;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 1);
	padding: 0.85rem 1.25rem;
	border-radius: 0;
	border: 0;
	transition: all 0.2s ease-in-out;
	&:hover {
		color: #fff;
		opacity: 0.9;
	}
}
.btn__action.btn__linethrough__primary {
	margin: 0;
	span {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		display: block;
		background: $primary-color;
		position: relative;
	}
	&:before {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		height: 1px;
		left: 0;
		width: 100%;
		border-top: 1px solid rgba(32, 121, 212, 0.2);
	}
}
.btn__action.btn__linethrough__white {
	margin: 0;
	span {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		display: block;
		background: $primary-color;
		position: relative;
	}
	&:before {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		height: 1px;
		left: 0;
		width: 100%;
		border-top: 1px solid rgba(255, 255, 255, 0.4);
	}
}
.cta__green {
	color: $primary-color;
	font: 700 1.125rem/1.5rem Montserrat;
	text-transform: uppercase;
	position: relative;
	padding-right: 1.7rem;
	text-decoration: none;
	&:hover {
		color: rgba(83, 184, 71, .9);
	}
}
.cta__green__download {
	color: $primary-color;
	font: 700 1.125rem/1.5rem Montserrat;
	text-transform: uppercase;
	position: relative;
	padding-right: 1.7rem;
	text-decoration: none;
	&:hover {
		color: rgba(83, 184, 71, .9);
		&:after {
			opacity: .9;
		}
	}
	&:after {
		content: '';
		display: block;
		background-size: cover;
		position: absolute;
		right: 0;
		background: url(#{$img-path}/img/arrow-down-to-line-solid.svg) no-repeat center center;
		background-size: cover;
		height: 15px;
		width: 14px;
		top: 4px;
	}
}
.cta__green__arrow {
	&:hover {
		&:after {
			opacity: .9;
		}
	}
	&:after {
		content: '';
		display: block;
		background-size: cover;
		position: absolute;
		right: 0;
		background: url(#{$img-path}/img/arrow-right-long-solid.svg) no-repeat center center;
		background-size: cover;
		height: 10px;
		width: 18px;
		top: 7px;
	}
}
.cta__green__facebook {
	color: $primary-color;
	font: 700 1.125rem/1.5rem Montserrat;
	position: relative;
	padding-left: 1.7rem;
	&:before {
		content: '';
		display: block;
		background-size: cover;
		height: 20px;
		width: 21px;
		position: absolute;
		left: 0;
		top: 3px;
		background: url(#{$img-path}/img/facebook-brands-green.svg) no-repeat center center;
	}
}
.cta__green__twitter {
	color: $primary-color;
	font: 700 1.125rem/1.5rem Montserrat;
	position: relative;
	padding-left: 1.7rem;
	&:before {
		content: '';
		display: block;
		background-size: cover;
		height: 20px;
		width: 21px;
		position: absolute;
		left: 0;
		top: 3px;
		background: url(#{$img-path}/img/twitter-brands-green.svg) no-repeat center center;
	}
}
.cta__green__linkedin {
	color: $primary-color;
	font: 700 1.125rem/1.5rem Montserrat;
	position: relative;
	padding-left: 1.7rem;
	&:before {
		content: '';
		display: block;
		background-size: cover;
		height: 20px;
		width: 21px;
		position: absolute;
		left: 0;
		top: 3px;
		background: url(#{$img-path}/img/linkedin-in-brands-green.svg) no-repeat center center;
	}
}
.btn__arrow__details {
	background: $primary-color url(#{$img-path}/img/arrow-right.svg) no-repeat center center;
	background-size: 28px 28px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 1.2rem 1rem 1rem 1rem;
	display: inline-block;
	text-align: center;
}
.btn__doc__pdf {
	background: url(#{$img-path}/img/file-pdf-solid.svg) no-repeat center center;
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	filter: invert(52%) sepia(24%) saturate(5278%) hue-rotate(339deg) brightness(154%) contrast(156%);
}
.btn__lens {
	&:before {
		content: '';
		background: url(#{$img-path}/img/magnifying-glass-solid.svg) no-repeat left center;
		background-size: 23px 23px;
		padding: 1.2rem 1rem 1rem 1rem;
		text-align: center;
	}
}
.btn__clear {
	background: rgba(184, 71, 71, 1) !important;
	&:before {
		content: '';
		background: url(#{$img-path}/img/xmark-solid.svg) no-repeat left center;
		background-size: 23px 23px;
		padding: 1.2rem 1rem 1rem 1rem;
		text-align: center;
		filter: invert(1);
	}
}
.txt__15 {
	font-size: .90rem;
}
.txt__20 {
	font-size: 1.5rem;
}
.lineheight__3 {
	min-height: 3rem;
}
.lineheight__5 {
	min-height: 5.4rem;
}
.primary__color {
	color: $primary-color;
}
.secondary__color {
	color: $secondary-color !important;
}
.tertiary__color {
	color: $tertiary-color;
}
.alert__text {
	color: $alert-color;
}
.white {
	color: rgb(255, 255, 255);
}
.border__top__green {
	border-top: 4px solid $primary-color !important;
}
.border__bottom__white {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.border__top {
	border-top: 1px solid rgba(32, 121, 212, 0.2);
}
.border__bottom {
	border-bottom: 1px solid rgba(32, 121, 212, 0.2);
}
.border__left__white {
	border-left: 1px solid rgba(255, 255, 255, 0.48);
}
.text__clamp2 {
	display: -webkit-box;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.text__clamp3 {
	display: -webkit-box;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.primary__background {
	background: $primary-color !important;
}
.secondary__background {
	background: $secondary-color !important;
}
.tertiary__background {
	background: $tertiary-color !important;
}
.alert__background {
	background: $alert-color;
}
.white__background {
	background: rgba(255, 255, 255, 1);
}
.light__grey__background {
	background: rgba(239, 239, 239, 1);
}
.section__shadow {
	background: transparent linear-gradient(73deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 100%) 0% 0% no-repeat padding-box;
	width: 100%;
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
	height: 100%;
}
.alert__icon {
	filter: invert(37%) sepia(10%) saturate(4595%) hue-rotate(316deg) brightness(96%) contrast(78%);
}
.black__icon {
	filter: invert(0%) sepia(97%) saturate(22%) hue-rotate(10deg) brightness(0%) contrast(100%);
}
.white__icon {
	filter: invert(100%) sepia(3%) saturate(0%) hue-rotate(342deg) brightness(300%) contrast(117%);
}
.primary__icon {
	filter: invert(58%) sepia(8%) saturate(3734%) hue-rotate(68deg) brightness(160%) contrast(71%);
}
.invert__icon {
	filter: invert(0);
}
.overflow-hidden {
	overflow: hidden;
}
.badges {
	background: #000;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.badges__plus {
	position: relative;
	&:after {
		position: absolute;
		color: #fff;
		background: #000;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		top: -4px;
		right: -30px;
		text-align: center;
		content: '+';
		line-height: 1.3rem;
		font-size: 1.3rem;
	}
}
.badges__minus {
	position: relative;
	&:after {
		position: absolute;
		color: #fff;
		background: #000;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		top: -4px;
		right: -30px;
		text-align: center;
		content: '-' !important;
		font-size: 1.7rem !important;
		line-height: 1rem !important;
	}
}
iframe {
	width: 100%;
}
.inline__icons {
	width: 0.9rem;
	vertical-align: middle;
}
@media screen and (max-width:992px) {
	.pt__100 {
		padding-top: 3.25rem;
	}
	.pb__100 {
		padding-bottom: 3.25rem;
	}
	.mt__100 {
		margin-top: 3.25rem;
	}
	.mb__100 {
		margin-bottom: 3.25rem;
	}
	.section__shadow {
		padding-top: 3.25rem;
		padding-bottom: 3.25rem;
	}
}
@media screen and (max-width:767px) {
	.mt__auto {
		margin-top: 0 !important;
	}
	.mb__auto {
		margin-bottom: 0;
	}
	.btn__action {
		width: 100%;
		font-size: 1.125rem;
	}
	.btn__action__thin {
		width: 100%;
	}
	.cta__green__arrow {
		&:after {
			display: inline-block;
			position: static;
			margin-left: 1rem;
		}
	}
	.cta__green__download {
		&:after {
			display: inline-block;
			position: static;
			margin-left: 1rem;
		}
	}
}