﻿
svg:not(:root) {
	overflow: hidden;
}

@media (min-width:1024px) {
	.fixed-container {
		max-width: 1004px;
		margin-right: auto;
		margin-left: auto;
		padding: 0 20px;
	}
}

@media (min-width:1600px) {
	.fixed-container {
		max-width: 1350px;
	}
}

.icon {
	flex-shrink: 0;
	vertical-align: top;
	fill: currentColor;
}

.responsive-media {
	position: relative;
}

.responsive-media>img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.line {
	position: relative;
	height: 1px;
}

.line__inner {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: hsla(0, 0%, 100%, .25);
}

.show-if-tablet {
	display: none;
}

@media (min-width:768px) {
	.show-if-tablet {
		display: block;
	}
}

.initial-mt-0 {
	margin-top: 0;
}

.initial-mb-25 {
	margin-bottom: 1.5625rem;
}

@media (min-width:768px) {
	.tablet-pb-30 {
		padding-bottom: 1.875rem;
	}

	.tablet-mt-40 {
		margin-top: 2.5rem;
	}

	.tablet-mb-35 {
		margin-bottom: 2.1875rem;
	}
}

@media (min-width:1024px) {
	.desktop-mt-0 {
		margin-top: 0;
	}
}

.lazyloaded {
	opacity: 1;
	transition: opacity .3s;
}





.contactPromo__content * {
	color: #fff;
}

.contactPromo ul {
	list-style: none;
	margin-left: 0;
}

.contactPromo li {
	margin-left: 0;
}

.contactPromo__title {
	font-size: 1.5626rem;
	line-height: 1.4;
}

@media (min-width:768px) {
	.contactPromo__title {
		font-size: 3rem;
	}
}

.contactPromo__phone {
	/*font-size: 1.5626rem;*/
	line-height: 1.4;
}

@media (min-width:768px) {
	.contactPromo__phone {
		font-size: 2rem;
	}
}

.contactPromo__description {
	/*font-size: 1.375rem;*/
	font-size: 1.375rem;
	line-height: 1.4;
}


.theme-dark a {
	color: inherit;
}

/* @media (max-width:767px) {
	.contactPromo {
		margin-right: -20px;
		margin-left: -20px;
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.contactPromo {
		margin-right: -20px;
		margin-left: -20px;
	}
} */

.contactPromo__image {
	object-fit: cover;
}

@media (min-width:1024px) {
	.contactPromo__image {
		object-fit: cover;
	  	-webkit-clip-path: polygon(0 20%, 0 100%, 100% 80%, 100% 0);
	  	clip-path: polygon(0 20%, 0 100%, 100% 80%, 100% 0);
	}
}

.contactPromo__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;

}

.contactPromo__inner {
	position: relative;
	padding: 40px;
}

@media (min-width:1024px) {
	.contactPromo__inner {
		padding: 100px 60px;
	}
}

@media (min-width:1024px) {
	.contactPromo__contentContainer {
		display: flex;
		align-items: center;
	}
}

.contactPromo__content {
	position: relative;
	z-index: 1;
}

@media only screen and (min-width:1024px) {
	.contactPromo__contentInner {
		max-width: 384.16667px;
	}
}

@media only screen and (min-width:1600px) {
	.contactPromo__contentInner {
		max-width: 528.33333px;
	}
}

.contactPromo__ctas {
	position: relative;
	z-index: 1;
}

@media (min-width:768px) {
	.contactPromo__ctas {
		grid-gap: 30px;
		-ms-grid-rows: auto 30px auto;
		grid-template-areas: "link-1 link-2""link-3 link-4";
		-ms-grid-columns: 1fr 30px 1fr;
		grid-template-columns: repeat(2, 1fr);
		display: -ms-grid;
		display: grid;
		flex-grow: 100;
	}
}

@media (min-width:1024px) {
	.contactPromo__ctas {
		padding-left: 60px;
	}
}

@media (min-width:1600px) {
	.contactPromo__ctas {
		padding-left: 140px;
	}
}

@media (min-width:768px) {
	.contactPromo__cta {
		height: 100%;
		min-height: 145px;
	}
}

@media (max-width:767px) {
	.contactPromo__cta+.contactPromo__cta {
		margin-top: 20px;
	}
}

@media (min-width:768px) {
	.contactPromo__cta:first-child {
		grid-area: link-1;
	}
}

@media (min-width:768px) {
	.contactPromo__cta:nth-child(2) {
		grid-area: link-2;
	}
}

@media (min-width:768px) {
	.contactPromo__cta:nth-child(3) {
		grid-area: link-3;
	}
}

@media (min-width:768px) {
	.contactPromo__cta:nth-child(4) {
		grid-area: link-4;
	}
}

@media (min-width:768px) {
	.contactPromo__cta:first-child {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}

	.contactPromo__cta:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}

	.contactPromo__cta:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}

	.contactPromo__cta:nth-child(4) {
		-ms-grid-row: 3;
		-ms-grid-column: 3;
	}
}

.contactPromo__ctaLink {
	grid-gap: 20px;
	grid-row-gap: 10px;
	grid-template-areas: "title";
	-ms-grid-columns: auto;
	grid-template-columns: auto;
	display: -ms-grid;
	display: grid;
	align-items: center;
	padding: 13px 15px;
	color: inherit;
	text-decoration: none;
}

@media (min-width:768px) {
	.contactPromo__ctaLink {
		grid-gap: 10px;
		grid-template-areas: "title";
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		height: 100%;
		padding: 25px;
	}
}

.contactPromo__ctaTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: title;
	display: flex;
	font-weight: 700;
}

@media (max-width:767px) {
	.contactPromo__ctaTitle {
		align-items: center;
	}
}

@media (min-width:768px) {
	.contactPromo__ctaTitle {
		justify-content: space-between;
		font-size: 1.5rem;
	}
}

.contactPromo__icon {
	display: block;
	margin-left: 20px;
}

@media (max-width:767px) {
	.contactPromo__icon {
		width: 20px;
		height: 20px;
	}
}

@media (min-width:768px) {
	.contactPromo__icon {
		align-self: flex-start;
		/*margin-top: 7px;*/
		margin-left: 10px;
	}
}

@media (min-width:768px) {
	.contactPromo__ctaTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
}

.theme-dark .theme-token-bg {
	background-color: #00325b;
}

.theme-dark .theme-token-cta {
/*	background-color: #00615e;*/
/*	background-color: #EFF0F0;*/
	background-color: #83c3c1;
/*	border-color: hsl(166, 49%, 52%);*/
	color: hsl(0, 0%, 7%);
	transition: background-color 0.3s cubic-bezier(0.4, 0.47, 0.17, 0.98), border-color 0.3s cubic-bezier(0.4, 0.47, 0.17, 0.98);
}

.theme-dark .theme-token-cta:hover {
	background-color: #6fb8b6;
/*	border-color: hsl(166, 49%, 37%);*/
}

.theme-dark .theme-token-a1 {
	color: hsl(166, 49%, 52%);
}

.theme-token-cta:before {
	content: none !important;
}

.contactPromo__cta {
	position: relative; /* to place the arrow relative on each CTA box */
}

.contactPromo__cta:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e900";
  position: absolute;
  bottom: 18px;
  right: 8px;
  font-size: 21px;
  font-size: 1.3125rem;
  /*color: #fff;*/
}
