/* ===== Monument Chemical ===== */
/* ========== Main CSS ========= */

/************* FONTS *************/

/*
font-family: 'Barlow', sans-serif;
font-family: 'DM Sans', sans-serif;
*/

/*********** VARIABLES ***********/

:root {
    --default-font-family: 'Barlow', sans-serif;
    --heading-font-family: 'Barlow', sans-serif;
	--alt-font-family: 'DM Sans', sans-serif;
    --default-font-size: 18px;
    --default-text-color: #123057;
    --blue-color: #658DD6;
    --dark-blue-color: #0F4893;
    --green-color: #5FBB46;
    --gold-color: #EDA827;
}

/*********************************/

body {
    color: var(--default-text-color);
    font-family: var(--default-font-family);
    font-size: var(--default-font-size);
    font-weight: 400;
    margin: 0;
}

.p2 {
	font-size: 26px;
}

a {
    color: var(--blue-color);
    font-weight: 700;
    text-transform: none;
    transition: color 0.3s ease;
}

h1, .h1-style {
	display: flex;
	font-family: var(--heading-font-family);
	font-size: 65px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 130%;
	margin-bottom: 20px;
	text-transform: uppercase;
}

h1 img {
	margin-right: 20px;
}
h2, .h2-style {
	align-items: center;
	display: flex;
	font-family: var(--heading-font-family);
	font-size: 49px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 100%;
	margin: 0 0 20px;
}
.h2-alt {
	color: var(--blue-color);
	font-size: 83px;
}
h3, .h3-style {
	align-items: center;
	display: flex;
    font-family: var(--heading-font-family);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 150%;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none;
}
h3 em, .h3-style em {
	font-weight: 400;
}
h3[style="text-align: center;"] {
    justify-content: center
}
.h3-alt {
	font-size: 49px;
	font-weight: 700;
	text-transform: uppercase;
}
h4, .h4-style {
	align-items: center;
	display: flex;
    font-family: var(--heading-font-family);
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 127%;
    margin: 0;
}
h4, .h4-style img {
	margin-right: 15px;
}
h5, .h5-style {
    font-family: var(--default-font-family);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 100%;
    margin-bottom: 10px;
    margin-top: 0;
}

p {
	line-height: 155%;
	margin: 0 0 25px;
}

tr td h3 {
	font-size: 28px;
	margin-bottom: 15px;
}
tr td p big {
	font-size: 18px;
}

big {
	font-size: 36px;
}

.hr {
	border-color: var(--blue-color);
	margin-top: 90px;
}

.blue-text {
    color: var(--blue-color);
    position: relative;
}
.dark-blue-text {
    color: var(--dark-blue-color)
}
.green-text {
    color: var(--green-color)
}
.gold-text {
    color: var(--gold-color)
}

.extra-bold {
	font-weight: 800;
}

.button {
    background-color: #fff;
    border: 1px solid var(--blue-color);
    border-radius: 7px;
    color: var(--dark-blue-color);
    font: 700 22px var(--default-font-family);
    height: auto;
    overflow: hidden;
    padding: 18px 45px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}
.button:hover {
    background-color: var(--default-text-color);
    border-color: var(--default-text-color);
    color: #fff;
}

.small-action-button {
	background-color: var(--blue-color);
	border-radius: 4px;
	color: #fff;
	font: 700 12px var(--default-font-family);
	height: auto;
	line-height: normal;
	padding: 5px 10px 7px;
	transition: background-color 0.3s ease;
}
.small-action-button:hover {
	background-color: var(--default-text-color);
}

.blue.button {
	background-color: var(--blue-color);
	border-color: var(--blue-color);
	color: #fff;
}
.blue.button:hover {
	background-color: var(--dark-blue-color)
}
.alt-blue.button {
	background-color: #598DDC;
	border-color: #598DDC;
	color: #fff;
}

.gradient-box {
    background: linear-gradient(90deg, #FFC558 0%, #5FBB46 50%, #6494BF 75%, #658DD6 100%);
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font: 700 22px var(--default-font-family);
	max-width: calc(100% - 60px);
    padding: 7px 17px;
	position: relative;
}
.gradient-box.quoted {
	margin-top: 60px;
}
.gradient-box.quoted:before {
	background-image: url(/images/icons/quote_blue.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 96px;
	position: absolute;
	right: -67px;
	top: -66px;
	width: 96px;
}
.gradient-box.quoted big {
	display: block;
	font-size: 40px;
	font-weight: 400;
	padding: 7px 0;
}
.gradient-box .h2-style {
	display: block;
	font-weight: 400;
	padding: 40px;
}
.heading-gradient-underline {
    display: block;
    margin-bottom: 100px;
    position: relative;
}
.heading-gradient-underline:after {
    background: linear-gradient(90deg, #FFCA39 0%, #5FBB46 50%, #5091CD 100%);
    bottom: -40px;
    content: '';
    display: block;
    height: 11px;
    position: absolute;
    top: auto;
    width: 267px;
}
.heading-gradient-underline.with-light-blue-hr:before {
	background-color: var(--blue-color);
	bottom: -29px;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: auto;
	width: auto;
}
.left-blue-border {
	border-left: 11px solid #1F4380;
	display: block;
	padding-bottom: 15px;
	padding-left: 40px;
	padding-top: 15px;
}
.dark-background-color {
	color: #fff;
}
.dark-background-color.equal-heights {
	margin-bottom: 130px;
}
.responsive-grid-layout-row {
	align-items: center;
	display: flex;
	gap: 30px;
}
.responsive-grid-layout-row.twenty-five-seventy-five {
	align-items: flex-start;
}
.responsive-grid-layout-row.twenty-five-seventy-five .col.first {
	flex: 25%;
	margin-bottom: 30px;
}
.responsive-grid-layout-row.twenty-five-seventy-five .col.last {
	flex: 75%
}
.responsive-grid-layout-row.one-third-two-thirds-columns>.col.last, .responsive-grid-layout-row.two-thirds-one-third-columns>.col.first {
	flex: auto;
	margin: 0 !important;
	width: auto;
}
.responsive-grid-layout-row.one-third-two-thirds-columns>.col.first {
	flex: none;
	width: max-content;
}
.dark-background-color h2,
.dark-background-color h3,
.dark-background-color h4,
.dark-background-color h5,
.dark-background-color h6 {
	color: var(--blue-color);
}
.dark-background-color .left-blue-border {
	color: #ADCAFF;
}
.left-blue-border.thin-light {
	border-left: 1px solid #ADCAFF;
	color: #fff;
}
.left-blue-border big {
	font-size: 28px;
	line-height: 150%;
}
.gradient-left-border {
	display: block;
	padding: 15px 0 15px 40px;
	position: relative;
}
.gradient-left-border:before {
	background: linear-gradient(180deg, #FFCA39 0%, #5FBB46 50%, #5091CD 100%);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	width: 11px;
}
.gold-underline {
    display: block;
    margin-bottom: 70px;
    position: relative;
}
.gold-underline:after {
    background-color: #FFC000;
    bottom: -30px;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    top: auto;
    width: 162px;
}

.light-blue-highlight-block {
    background-color: #F4F8FF;
    padding: 40px;
}

.main-content a svg,
.main-content a img {
	max-width: 100%;
}
.main-content a:not(:last-child) svg,
.main-content a:not(:last-child) img {
	margin-right: 90px;
}

.light-blue-hover-box {
	background-color: #E2EEFF;
	border-radius: 20px;
	color: var(--default-text-color);
	font: 400 18px var(--default-font-family);
	margin-bottom: 90px;
	padding: 40px;
	transition: background-color 0.3s ease;
}
.light-blue-hover-box:hover {
	background-color: #fff;
}
.light-blue-hover-box h3 {
	color: var(--dark-blue-color);
	font: 700 36px var(--default-font-family);
	text-transform: uppercase;
}
.contact-block {
	background-color: var(--dark-blue-color);
	background-image: url(/images/icons/Icon_TalkToUs.svg);
	background-position: 15px 50%;
	background-repeat: no-repeat;
	background-size: 85px 85px;
	border-radius: 13px;
	color: var(--blue-color);
	content: '';
	display: block;
	padding: 26px 26px 26px 130px;
}
.contact-block a {
	color: #FFCA39;
}

.watch-link {
	display: flex;
}
.watch-link:before {
	background-image: url(/images/icons/play-button.svg);
	content: '';
	display: block;
	height: 28px;
	margin-right: 10px;
	width: 28px;
}

ul {
	padding-left: 25px;
}

ul li {
	margin-bottom: 10px;
}

ul li::marker {
	color: var(--default-text-color);
}

ul.blue-bullets li::marker {
	color: #658DD6;
}
ul.light-blue-bullets li::marker {
	color: #B5CFFF;
}
ul.arrow-bullets li {
	font: 500 26px var(--default-font-family);
	list-style: none;
	margin-bottom: 40px;
	padding-left: 20px;
	position: relative;
}
ul.arrow-bullets li:before {
	background-color: var(--blue-color);
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	content: '';
	display: block;
	height: 30px;
	left: -20px;
	position: absolute;
	top: 1px;
	width: 17px;
}
.dark-background-color ul.arrow-bullets li:before {
	background-color: #ffca39;
}

.responsive-grid-layout-row.twenty-eighty {
	align-items: center;
	flex-wrap: nowrap;
	height: 100%;
	margin: 0 0 80px;
}
.responsive-grid-layout-row.twenty-eighty h3 {
	margin-bottom: 10px;
}
.responsive-grid-layout-row.twenty-eighty .col.first {
	flex: 30%;
}
.responsive-grid-layout-row.twenty-eighty .col.first svg {
	height: auto;
	margin: 0;
	width: 100%;
}
.responsive-grid-layout-row.twenty-eighty .col.last {
	flex: auto;
	font-size: 18px;
}
.styled-blue-icon-button {
	background-color: var(--blue-color);
	border-bottom-left-radius: 33px;
	border-top-left-radius: 33px;
	color: #fff;
	display: block;
	font: 700 24px var(--default-font-family);
	margin-right: 50px;
	padding: 16px 70px 16px 30px;
	position: relative;
	width: max-content;
}
.styled-blue-icon-button:hover {
	background-color: var(--dark-blue-color);
}
.styled-blue-icon-button:hover:before {
	background: var(--blue-color);
}
.styled-blue-icon-button:before {
	background: linear-gradient(45deg, var(--blue-color) 0%, var(--green-color) 50%, var(--gold-color) 100%);
	border-radius: 50%;
	box-shadow: 0px 3px 8px rgba(0,0,0,16%);
	content: '';
	display: block;
	height: 84px;
	border: 10px solid #fff;
	position: absolute;
	right: -58px;
	top: 50%;
	transform: translateY(-50%);
	width: 84px;
}
.styled-blue-icon-button:after {
	background: url(/images/icons/molecular.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 54px;
	left: auto;
	position: absolute;
	right: -60px;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 54px;
}

.key-text {
	font: 700 22px var(--default-font-family);
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

#mobile-check-element {
    display: none;
}

/* MOBILE ================================================================== */

@media (max-width: 1300px) {
	.responsive-grid-layout-row.twenty-eighty {
		flex-wrap: wrap;
		align-content: flex-start;
	}
	.responsive-grid-layout-row.twenty-eighty .col.first svg {
		max-width: 200px;
	}
}

@media (max-width: 1200px) {
	body {
		font-size: 18px;
	}
	h1 {
		font-size: 48px;
	}
	h2, .h2-style {
		font-size: 39px;
	}
	.dark-background-color h2 {
		color: #fff;
	}
	.h3-alt {
		font-size: 36px;
	}
	.light-blue-hover-box {
		margin-bottom: 60px;
		width: 100% !important;
	}
	.equal-heights .bottom-button-box {
		flex: 100%;
		margin: 0px;
		width: 100%;
	}
}
@media (max-width: 1024px) {
	h1 {
		font-size: 36px;
	}
	h3, .h3-style {
		font-size: 30px;
		margin: 0 0 20px;
	}
	.light-blue-hover-box {
		padding: 50px 15px;
	}
	.light-blue-hover-box h3 {
		font-size: 36px;
		margin-bottom: 30px
	}
	.gradient-box .h2-style {
		font-size: 36px;
		padding: 15px 0px;
	}
	.heading-gradient-underline {
		margin-bottom: 28px;
	}
	.responsive-grid-layout-row.twenty-eighty {
		margin-top: 30px;
	}
	.dark-background-color.equal-heights {
		margin-bottom: 30px;
	}
}
@media (max-width: 768px) {
	#mobile-check-element { 
		display: block; 
		position: fixed; 
		z-index: -99; 
		pointer-events:none; 
	} 
	big, h4, .h4-style {
		font-size: 28px;
	}
	h3, .h3-style {
		justify-content: center;
	}
	.gradient-box {
	    background: linear-gradient(90deg, #FFC558 0%, #5FBB46 50%, var(--blue-color) 100%);
	}
	.gold-underline:after {
		left: 50%;
		transform: translateX(-50%);
	}
	.gradient-box.quoted:before {
		height: 50px;
		right: -35px;
		top: -35px;
		width: 50px;
	}
	.gradient-box.quoted big {
		font-size: 30px;
	}
	.responsive-grid-layout-row {
		flex-direction: column;
		gap: 0;
	}
	.responsive-grid-layout-row ul {
		margin: 0;
	}
}
@media (max-width: 500px) {
	body {
		text-align: center;
	}
	big, h4, .h4-style {
		font-size: 21px;
	}
	.main-content a {
		text-align: left;
	}
	.main-content a:not(:last-child) svg,
	.main-content a:not(:last-child) img {
		margin: 0 auto 30px;
		max-width: 200px
	}
	.dark-background-color .gradient-box {
		font-weight: 400;
	}
	.left-blue-border {
		border: none;
		padding: 0 15px
	}
}
@media (max-width: 410px) {
	.light-blue-hover-box h3 { 
		font-size: 28px;
	}
	.gradient-box.quoted big {
		font-size: 24px;
	}
}

/* ========================================================================= */
/* HEADER ================================================================== */
/* ========================================================================= */

/* ============================================= */
/* General */
/* ============================================= */

.header-wrapper {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	margin: auto;
	max-width: 1500px;
	position: relative;
}
.header {
	background-color: var(--default-text-color);
	box-shadow: 0px 10px 20px rgba(0,0,0,0.16);
	height: 156px;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 500;
}

/* MOBILE ====================================== */

@media (max-width: 1650px) {
	.header-wrapper {
		margin: auto 60px;
	}
}
@media (max-width: 1250px) {
	.header {
		height: auto;
	}
	.header-wrapper {
		margin: auto;
	}
}

/* ============================================= */
/* Logo */
/* ============================================= */

.connect-logo {
	display: block;
	left: 0;
	max-width: calc(100% - 980px);
	order: 2;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 500;
}
.connect-logo img,
.connect-logo svg {
	display: block;
	max-height: 107px;
	width: 100% !important;
}

/* MOBILE ====================================== */

@media (max-width: 1750px) {
	.connect-logo {
		left: 0px;
	}
}
@media (max-width: 1250px) {
	.connect-logo {
		left: 0;
		margin-left: 60px;
		margin-right: auto;
		max-width: none;
		order: 2;
		position: absolute;
		top: 40px;
		transform: none;
		width: 143px;
	}
	.connect-logo img,
	.connect-logo svg {
		height: 107px !important;
	}
}
@media (max-width: 768px) {
	.connect-logo {
		margin-left: 30px;
	}
}

/* ========================================================================= */
/* LANGUAGE PICKER AND SEARCH WRAP ========================================= */
/* ========================================================================= */

.language-picker-and-search-wrap {
	display: flex;
	margin-right: 0;
	width: max-content;
}
.chosen-container-single .chosen-single span {
	height: max-content;
	width: max-content;
}

/* MOBILE ====================================== */

@media (max-width: 1250px) {
	.language-picker-and-search-wrap {
		background-color: #0C223E;
		justify-content: flex-end;
		margin-right: 0;
		padding: 5px 30px 5px 0;
		padding-right: 60px;
		width: 100%;
	}
}
@media (max-width: 768px) {
	.language-picker-and-search-wrap {
		padding-right: 30px;
	}
}
@media (max-width: 600px) {
	.language-picker-and-search-wrap {
		box-sizing: border-box;
		padding-left: 30px;
	}
}
@media (max-width: 500px) {
	.language-picker-and-search-wrap {
		padding: 5px 10px
	}
	.language-picker-and-search-wrap #language_picker_chosen .chosen-single span {
		color: #B5CFFF;
		width: 85px;
	}
}

/* ============================================= */
/* Translate Dropdown */
/* ============================================= */

.language-picker-wrap {
	height: max-content;
	position: relative;
	width: max-content;
}
.language-picker-wrap .chosen-container-single .chosen-single,
.language-picker-wrap .chosen-container-active.chosen-with-drop .chosen-single {
	background-image: url(/images/icons/dropdown.svg);
	background-position: calc(100% - 15px) 50%;
	background-repeat: no-repeat !important;
	background-size: 12px;
}
.language-picker-wrap .chosen-container-single .chosen-single div, 
.language-picker-wrap .chosen-container-active.chosen-with-drop .chosen-single div {
	bottom: 0;
	height: 28px;
	opacity: 0;
	padding: 0 10px;
	z-index: 1;
}
.chosen-container-single .chosen-single div b {
	display: none !important;
}
#language_picker_chosen {
	display: block;
	max-width: 100%;
	width: max-content !important;
}
#language_picker_chosen .chosen-single,
.language-picker-wrap .language-picker {
	border: 1px solid var(--dark-blue-color);
	border-radius: 15px;
	box-shadow: none;
	color: #B5CFFF;
	font: 400 12px var(--default-font-family);
	height: max-content;
	padding: 7px 15px;
	text-transform: uppercase;
	width: 270px;
}
.language-picker-wrap .language-picker {
	padding-right: 30px;
}

/* MOBILE ====================================== */

@media (max-width: 550px) {
	.language-picker-wrap {
		box-sizing: border-box;
		flex: 0;
		width: auto;
	}
	#language_picker_chosen .chosen-single,
	.language-picker-wrap .language-picker {
		max-width: 100%;
		width: auto;
	}
}
@media (max-width: 500px) {
	.language-picker-wrap,
	.language-picker-wrap .chosen-single,
	.language-picker-wrap .chosen-container {
		max-width: 120px;
	}
}
@media (max-width: 400px) {
	.language-picker-and-search-wrap #language_picker_chosen .chosen-single span {
		margin-right: 10px
	}
	#language_picker_chosen .chosen-single, .language-picker-wrap .language-picker {
		padding: 10pz;
	}
	.language-picker-wrap .chosen-container-single .chosen-single div, .language-picker-wrap .chosen-container-active.chosen-with-drop .chosen-single div {
		padding: 0 5px;
	}
}

/* ============================================= */
/* Search */
/* ============================================= */

.header-search-form-wrap {
	margin-left: 15px;
}
.header-search-form-wrap,
.header-search-form-wrap .header-search-form {
	height: max-content;
	position: relative;
}
.header-search-form-wrap input[type=text], 
input[type=password], 
input[type=email], 
select, 
textarea {
	background-color: transparent;
	border: 1px solid var(--dark-blue-color);
	border-radius: 15px;
	display: block;
	font: 400 12px var(--default-font-family);
	height: auto;
	margin: 0;
	padding: 7px 10px 7px 30px;
	position: relative;
}
.header-search-form-wrap input[type=text]::placeholder, 
input[type=password]::placeholder, 
input[type=email]::placeholder, 
select::placeholder, 
textarea::placeholder {
	text-transform: uppercase;
}
.header-search-form-wrap #search-toggle {
	background-color: transparent;
	background-image: url(/images/icons/Search_icon.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border: none;
	color: #B5CFFF;
	cursor: pointer;
	height: 30px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: auto;
	top: 0px;
	width: 30px;
}
.header-search-form-wrap .header-search-text-input,
.header-search-form-wrap .header-search-text-input::placeholder {
	color: #B5CFFF;
}

/* MOBILE ====================================== */
 @media (max-width: 550px) {
	 .header-search-form-wrap {
		box-sizing: border-box;
		width: auto;
	}
 }

/* ============================================= */
/* Nav Toggle */
/* ============================================= */

.nav-toggle {
	align-self: stretch;
	aspect-ratio: 1 / 1;
	display: none;
	order: 3;
	position: relative;
	width: 107px;
}
.nav-toggle .lines {
	background-color: #fff;
	border-radius: 5px;
	display: block;
	height: 4px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.3s ease;
	width: 42px;
}
.nav-toggle .lines:before,
.nav-toggle .lines:after {
	background-color: #fff;
	border-radius: 5px;
	content: '';
	display: block;
	height: 4px;
	position: absolute;
	top: -13px;
	transition: background-color 0.3s ease, transform 0.3s ease;
	width: 42px;
}
.nav-toggle .lines:after {
	top: 13px;
}

.show-nav {
	overflow-y: hidden;
}

.show-nav .nav-toggle .lines {
	background-color: transparent;
}
.show-nav .nav-toggle .lines:before {
	background-color: var(--blue-color);
	transform: rotate(45deg) translate(10px,10px);
}
.show-nav .nav-toggle .lines:after {
	background-color: var(--blue-color);
	transform: rotate(-45deg) translate(9px,-8px);
}

/* MOBILE ====================================== */

@media (max-width: 1250px) {
	.nav-toggle {
		display: block;
		margin-left: auto;
		margin-right: 30px;
	}
}
@media (max-width: 768px) {
	.nav-toggle {
		margin-right: 0;
	}
}

/* ============================================= */
/* Primary Nav (General/Level 1) */
/* ============================================= */

.primary-nav-wrap {
	margin-right: -25px;
}
.primary-nav-wrap ul {
	list-style: none;
	padding: 0;
}
.primary-nav-wrap > ul {
	display: flex;
}
.primary-nav-wrap li {
	margin: 0;
	position: relative;
}
.primary-nav-wrap li:hover > a:not(.expand-btn),
.primary-nav-wrap li.selected > a:not(.expand-btn) {
	color: var(--blue-color)
}
.primary-nav-wrap > ul > li.sub:before {
	background-image: url(/images/icons/subitem-arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 10px;
	left: 50%;
	position: absolute;
	top: calc(100% + 5px);
	transform: translateX(-50%);
	width: 10px;
}
.primary-nav-wrap > ul > li:after {
	content: '';
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	right: 0;
	top: 100%;
}
.primary-nav-wrap > ul > li > a:not(.expand-btn) {
	color: #fff;
	display: block;
	font: 400 18px var(--default-font-family);
	padding: 0 25px;
	text-decoration: none;
	text-transform: uppercase;
}

/* MOBILE ====================================== */

@media (max-width: 1500px) {
	.primary-nav-wrap {
		margin-right: -10px;
	}
	.primary-nav-wrap > ul > li > a:not(.expand-btn) {
		padding: 0 10px;
	}
}
@media (max-width: 1250px) {
	.primary-nav-wrap {
		background-color: #fff;
		bottom: 0;
		height: calc(100vh - 150px);
		left: 0;
		margin: 0;
		max-height: calc(100vh - 100px);
		opacity: 0;
		overflow-x: hidden;
		overflow-y: scroll;
		padding: 0 30px;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 100%;
		transition: opacity 0.3s ease;
	}
	.primary-nav-wrap::-webkit-scrollbar {
		background-color: transparent;
		width: 10px;
	}
	.primary-nav-wrap::-webkit-scrollbar-thumb {
		background-color: var(--blue-color);
	}
	.show-nav .primary-nav-wrap {
		opacity: 1;
		pointer-events: all;
	}
	.primary-nav-wrap > ul {
		display: block;
	}
	.primary-nav-wrap > ul > li {
		border-bottom: 1px solid #B5CFFF;
		position: relative;
	}
	.primary-nav-wrap > ul > li.sub:before {
		display: none;
	}
	.primary-nav-wrap > ul li > a:not(.expand-btn) {
		color: var(--default-text-color);
		display: block;
		font-size: 16px;
		padding: 25px 2px;
		text-decoration: none;
	}
}

/* ============================================= */
/* Primary Nav (Level 2 + Higher) */
/* ============================================= */

.primary-nav-wrap > ul > li > ul {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0px 3px 10px rgba(15, 72, 147, 24%);
	left: 50%;
	max-height: calc(100vh - 180px);
	opacity: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 20px 25px;
	pointer-events: none;
	position: absolute;
	right: auto;
	top: 100%;
	transform: translateX(-50%);
	transition: opacity 0.3s ease, top 0.3s ease;
}
.primary-nav-wrap > ul > li > ul::-webkit-scrollbar {
	background-color: transparent;
	width: 10px;
}
.primary-nav-wrap > ul > li > ul::-webkit-scrollbar-thumb {
	background-color: #e2eeff;
	border-radius: 10px;
}
.primary-nav-wrap > ul > li:hover > ul {
	opacity: 1;
	pointer-events: all;
	top: calc(100% + 45px);
}
.primary-nav-wrap > ul > li:last-child > ul {
	left: 0;
}
.primary-nav-wrap > ul > li:last-child > ul:before {
	left: calc(100% - 75px);
}
.primary-nav-wrap > ul > li > ul:before {
	background-color: #fff;
	content: '';
	display: block;
	height: 25px;
	left: 50%;
	position: absolute;
	top: -3px;
	transform: rotate(45deg) translateX(-50%);
	width: 25px;
}
.primary-nav-wrap > ul li > a.expand-btn {
	background-image: url(/images/icons/nav-dropdown.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 9px;
	border: none;
	height: 9px;
	padding: 30px;
	position: absolute;
	right: -20px;
	top: -5px;
	transition: transform 0.3s ease;
	width: 9px;
}
.primary-nav-wrap > ul > li > a.expand-btn {
	display: none;
}
.primary-nav-wrap > ul li.sub.selected > .expand-btn {
	transform: rotate(180deg);
}
.primary-nav-wrap > ul > li ul > li > a {
	border-bottom: 1px solid #658DD6;
	display: block;
	font-size: 16px;
	padding: 15px 0;
	text-decoration: none;
	white-space: nowrap;
}
.primary-nav-wrap > ul > li ul > li:last-child > a {
	border-bottom: none;
}
.primary-nav-wrap > ul ul ul {
	display: none;
	margin: 0 0 0 10px;
}
.primary-nav-wrap > ul ul li.sub.selected > ul {
	display: block;
}

/* MOBILE ====================================== */

@media (max-width: 1250px) {
	.primary-nav-wrap > ul > li ul {
		box-shadow: none;
		display: none;
		left: 0;
		margin: 0 0 0 10px;
		max-height: none;
		opacity: 1;
		overflow: visible;
		padding: 0;
		position: relative;
		right: 0;
		top: 0;
		transform: none;
	}
	.primary-nav-wrap > ul li.sub.selected > ul {
		display: block;
	}
	.primary-nav-wrap > ul > li > ul > li > a {
		border-top: 1px solid #B5CFFF;
	}
	.primary-nav-wrap > ul li > a.expand-btn {
		display: block;
		top: 5px;
	}
}

/* ========================================================================= */
/* MAIN CONTENT ============================================================ */
/* ========================================================================= */

.custom-page-banner {
	align-items: center;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	flex-direction: column;
	justify-content: center;
	margin-top: 156px;
	min-height: 420px;
	opacity: 0;
	position: relative;
	transition: opacity 0.3s ease;
	z-index: 0;
}
.custom-page-banner:before {
	background-color: var(--default-text-color);
	bottom: 0;
	content: '';
	left: 0;
	opacity: 86%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.custom-page-banner h1 {
	color: #fff;
	font: 700 49px var(--default-font-family);
	margin: 0 30px 30px;
	text-align: center;
	text-transform: uppercase;
}
.page-banner {
	display: none;
}

body.loaded .custom-page-banner,
body.loaded .middle-area {
	opacity: 1;
}

.top-news-section .ss-section-wrap-inner {
	display: flex;
}
.top-news-section .content-box-list.blog > li a .thumbnail {
	aspect-ratio: 16 / 12.5;
	flex: none;
	height: auto !important;
	max-height: 100px;
	width: auto !important;
}

.ss-content-block.col-2-5 {
	width: calc(40% - 30px);
}
.ss-content-block.col-3-5 {
	width: calc(60% - 30px);
}
.ss-content-block.has-background-color.col-2-5 {
	margin: 0 15px;
	padding: 40px;
}
.ss-content-block .cb-intro {
	border-bottom: 1px solid var(--blue-color);
	margin-bottom: 30px;
	min-height:  90px;
	padding-bottom: 5px;
}

.ss-section-wrap {
	font-size: var(--default-font-size);
}

.icon-link-grid-section .ss-section-wrap-inner {
	margin: 0 auto;
	max-width: 1530px;
	padding: 120px 0
}

.ss-section-wrap.has-background-image {
	margin-bottom: 80px
}

.page-type-0 .main-content {
	margin-top: 90px;
}
.has-background-image.has-background-color {
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transform: none;
	z-index: 0;
}
.has-background-image.has-background-color.dark-background-color:before {
	background-color: var(--default-text-color);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	opacity: 0.94;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.has-background-color.dark-background-color.has-two-column-dotted-line-separator {
	position: relative;
}
.has-background-color.dark-background-color.has-two-column-dotted-line-separator:after {
	background: linear-gradient(180deg, var(--blue-color) 0%, var(--blue-color) 2.5%, transparent 2.5%, transparent 5%,var(--blue-color) 5%, var(--blue-color) 7.5%, transparent 7.5%, transparent 10%,var(--blue-color) 10%, var(--blue-color) 12.5%, transparent 12.5%, transparent 15%,var(--blue-color) 15%, var(--blue-color) 17.5%,	transparent 17.5%, transparent 20%,var(--blue-color) 20%, var(--blue-color) 22.5%, transparent 22.5%, transparent 25%,var(--blue-color) 25%, var(--blue-color) 27.5%,	transparent 27.5%, transparent 30%,var(--blue-color) 30%, var(--blue-color) 32.5%, transparent 32.5%, transparent 35%,var(--blue-color) 35%, var(--blue-color) 37.5%,	transparent 37.5%, transparent 40%,var(--blue-color) 40%, var(--blue-color) 42.5%, transparent 42.5%, transparent 45%,var(--blue-color) 45%, var(--blue-color) 47.5%,	transparent 47.5%, transparent 50%,var(--blue-color) 50%, var(--blue-color) 52.5%, transparent 52.5%, transparent 55%,var(--blue-color) 55%, var(--blue-color) 57.5%, transparent 57.5%, transparent 60%,var(--blue-color) 60%, var(--blue-color) 62.5%, transparent 62.5%, transparent 65%,var(--blue-color) 65%, var(--blue-color) 67.5%, transparent 67.5%, transparent 70%,var(--blue-color) 70%, var(--blue-color) 72.5%, transparent 72.5%, transparent 75%,var(--blue-color) 75%, var(--blue-color) 77.5%, transparent 77.5%, transparent 80%,var(--blue-color) 80%, var(--blue-color) 82.5%, transparent 82.5%, transparent 85%,var(--blue-color) 85%, var(--blue-color) 87.5%, transparent 87.5%, transparent 90%,var(--blue-color) 90%, var(--blue-color) 92.5%, transparent 92.5%, transparent 95%,var(--blue-color) 95%, var(--blue-color) 97.5%, transparent 97.5%, transparent 100%) repeat;
	content: '';
	display: block;
	height: 100%;
	left: 50%;
	max-height: 620px;
	position: absolute;
	top: 50%;
	transform: translateY(-25%);
	width: 1px;
	z-index: 1;
}
.main-content .ss-section-wrap:not(.intro-section) svg, 
.main-content .ss-section-wrap:not(.intro-section) img {
	box-sizing: border-box;
	max-width: 100%;
	/* width: auto !important; */
}
.main-content svg, 
.main-content img {
	max-width: 100%;
}
.ss-section-wrap-inner {
	margin: 0 auto;
	max-width: 1530px;
	padding-bottom: 1px;
	position: relative;
	width: calc(100% - 80px);
}
.ss-section-wrap:last-child:not(.dark-background-color, .full-width, .callout-section) .ss-section-wrap-inner {
	margin-bottom: 80px;
}
.blog-feed-slider-section,
.inline-content-box.blog-feed {
	margin-bottom: 120px;
	padding: 120px 0;
}
.blog-feed-slider-section .ss-section-wrap-inner {
	margin: 0 auto;
	width: calc(100% - 120px);
}
.blog-feed-slider-section .content-box-list.blog,
.inline-content-box.blog-feed .content-box-list.blog {
	display: none;
	width: 100%;
}

.blog-feed-slider-section .blog-feed-slider,
.inline-content-box.blog-feed .blog-feed-slider {
	margin: 0 -20px;
}
.blog-feed-slider-section .blog-feed-slider a,
.inline-content-box.blog-feed .blog-feed-slider a {
	display: flex;
	flex-direction: column;
	margin: 0 20px;
	text-decoration: none;
}
.blog-feed-slider-section .blog-feed-slider a .thumbnail,
.inline-content-box.blog-feed .blog-feed-slider a .thumbnail {
	border-radius: 4px;
	box-shadow: 0px 10px 30px rgba(0,0,0,6%);
	height: 310px;
	order: 1;
	overflow: hidden;
	position: relative;
}

.page-type-16 .inline-content-box.blog-feed .blog-feed-slider a .thumbnail {
	aspect-ratio: 1.45;
	height: auto;
}

.blog-feed-slider-section .blog-feed-slider a .thumbnail img,
.inline-content-box.blog-feed .blog-feed-slider a .thumbnail img {
	display: block;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	max-width: none;
	position: relative;
	width: 100% !important;
}
.blog-feed-slider-section .blog-feed-slider a .title,
.blog-feed-slider-section .blog-feed-slider a .date,
.blog-feed-slider-section .blog-feed-slider a .abstract,
.blog-feed-slider-section .blog-feed-slider a .see-details,
.inline-content-box.blog-feed .blog-feed-slider a .title,
.inline-content-box.blog-feed .blog-feed-slider a .date,
.inline-content-box.blog-feed .blog-feed-slider a .abstract,
.inline-content-box.blog-feed .blog-feed-slider a .see-details {
	padding: 0 35px;
}
.blog-feed-slider-section .blog-feed-slider a .title,
.inline-content-box.blog-feed .blog-feed-slider a .title {
	color: var(--dark-blue-color);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font: 700 26px var(--default-font-family);
	order: 2;
	overflow: hidden;
	padding: 35px 0 0;
}
.blog-feed-slider-section .blog-feed-slider a .date,
.inline-content-box.blog-feed .blog-feed-slider a .date,
.blog-feed-slider-section .blog-feed-slider a .abstract,
.inline-content-box.blog-feed .blog-feed-slider a .abstract {
	display: none;
}
.blog-feed-slider-section .blog-feed-slider a .see-details,
.inline-content-box.blog-feed .blog-feed-slider a .see-details {
	color: transparent;
	margin-top: 30px;
	order: 5;
	padding: 0 0 35px;
	position: relative;
}
.blog-feed-slider-section.dark-background-color .blog-feed-slider a .title,
.blog-feed-slider-section.dark-background-color .blog-feed-slider a .abstract {
	color: #fff;
}
.blog-feed-slider-section.dark-background-color .blog-feed-slider a:hover .see-details:before {
	background-color: #fff;
	color: var(--blue-color);
}
.blog-feed-slider-section .blog-feed-slider a .see-details:before,
.inline-content-box.blog-feed .blog-feed-slider a .see-details:before {
	background-color: var(--blue-color);
	border-radius: 7px;
	color: #fff;
	content: 'Read More';
	font: 700 22px var(--default-font-family);
	padding: 15px 30px;
	position: absolute;
	top: 0;
	transition: background-color 0.3s ease;
}
.blog-feed-slider-section .blog-feed-slider a:hover .see-details:before,
.inline-content-box.blog-feed .blog-feed-slider a:hover .see-details:before {
	background-color: var(--default-text-color);
}
.blog-feed-slider-section .blog-feed-slider .slick-dots,
.inline-content-box.blog-feed .blog-feed-slider .slick-dots {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	padding: 0;
}
.blog-feed-slider-section .blog-feed-slider .slick-dots li,
.inline-content-box.blog-feed .blog-feed-slider .slick-dots li {
	margin: 0 5px;
}
.blog-feed-slider-section .blog-feed-slider .slick-dots li button,
.inline-content-box.blog-feed .blog-feed-slider .slick-dots li button {
	background-color: #B5CFFF;
	border: none;
	border-radius: 20px;
	color: transparent;
	cursor: pointer;
	height: 8px;
	transition: background-color 0.3s ease;
	width: 36px;
}
.blog-feed-slider-section .blog-feed-slider .slick-dots li button:hover,
.blog-feed-slider-section .blog-feed-slider .slick-dots li.slick-active button,
.inline-content-box.blog-feed .blog-feed-slider .slick-dots li button:hover,
.inline-content-box.blog-feed .blog-feed-slider .slick-dots li.slick-active button {
	background-color: var(--blue-color);
}
.ss-section-wrap.underlapping-previous {
	display: block;
	/* margin-top: 260px; */
	position: relative;
	transform: translateY(460px) !important;
	z-index: 0;
}
.underlapping-previous .ss-section-wrap-inner {
	position: relative;
	transform: translateY(-420px) !important;
}
.rounded-image-border img {
	border-radius: 10px;
}
.image-radius {
	border-radius: 14px;
	margin: 0;
	width: 100% !important;
}
.image-banner {
	border-radius: 10px;
	margin-bottom: 70px;
	width: 100% !important;
}
.banner p {
	display: flex;
	text-align: center;
}
.banner p svg,
.banner p img {
	margin: 0 15px;
}
img.rounded-border {
	border: 6px solid var(--gold-color);
	border-radius: 50%;
	margin: 15px;
}

.responsive-image .mobile-image {
	display: none;
}

.intro-section h1,
.intro-section h2,
.intro-section h3,
.intro-section h4 {
	display: inline;
}

.intro-section .ss-section-wrap-inner {
	display: flex;
}
.intro-section .ss-content-block p:first-child > img {
	max-height: 54px;
	max-width: 100%;
	width: auto !important;
}
.intro-section .ss-content-block p:nth-child(2) > img {
	max-width: 100%;	
}

#scroll-top-btn.hide-me {
	opacity: 0;
	pointer-events: none;
}
#scroll-top-btn {
	background-color: #E4EEFD;
	border-radius: 50%;
	bottom: 30px;
	display: block;
	height: 70px;
	left: auto;
	position: fixed;
	right: 30px;
	top: auto;
	transition: opacity 0.3s ease;
	width: 70px;
	z-index: 100;
}
#scroll-top-btn:before {
	border-left: 4px solid var(--dark-blue-color);
	border-top: 4px solid var(--dark-blue-color);
	content: '';
	display: block;
	height: 15px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: rotate(45deg) translate(-50%, 25%);
	width: 15px;
}
.styled-gradient-power-btn {
	background: linear-gradient(90deg, var(--gold-color) 0%, var(--green-color) 50%, var(--blue-color) 100%);
	border-radius: 100px;
	color: #fff;
	display: inline-block;
	font: 700 26px var(--default-font-family);
	margin-left: 30px;
	margin-top: 30px;
	padding: 20px 20px 20px 120px;
	position: relative;
	text-decoration: none;
}
.styled-gradient-power-btn:before {
	background-color: #fff;
	background-image: url(/images/icons/power-btn.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	border: 11px solid #fff;
	border-radius: 50%;
	box-shadow: 0px 3px 8px rgba(0,0,0,16%);
	content: '';
	display: block;
	height: 104px;
	left: 30px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 104px;
}
.gradient-border {
	display: block;
	line-height: 150%;
	padding-left: 30px;
	position: relative;
}
.gradient-border:before {
	background: linear-gradient(180deg, var(--gold-color) 0%, var(--green-color) 50%, var(--blue-color) 100%);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: auto;
	top: 0;
	width: 10px;
}
.full-width {
	margin: 0;
	max-width: none;
	position: relative;
}
.overlapping-next {
	margin-bottom: 150px;
	margin-top: -150px;
}
.overlapping-next.ss-section-wrap .ss-section-wrap-inner {
	transform: translateY(180px);
}
.overlapping-next.ss-section-wrap .ss-content-block:first-child {
	margin-top: -180px;
}
.full-width .ss-section-wrap-inner {
	margin: 0 auto;
	max-width: 1500px;
	padding: 60px 0;
	position: relative;
}
.full-width.gallery-section .ss-section-wrap-inner {
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}
.full-width:not(.dark-background-color) .ss-content-block {
	flex: auto;
	margin: 0 10px 0;
}
.full-width.has-background-color .col-1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.full-width.has-background-color .has-background-color {
	border-radius: 20px;
	margin-bottom: 50px;
	padding: 60px;
}
.full-width.has-background-color .col-1 .gradient-box {
	display: block;
	max-width: 100%;
}
.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col.first {
	margin-right: auto;
	width: min-content;
}
.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col.last {
	flex: auto;
	margin-top: 0;
	margin-left: auto;
}
.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col.last p {
	display: block;
	text-align: right;
}
.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col.last .styled-blue-icon-button {
	margin-left: auto;
	margin-right: 60px;
}

.responsive-grid-layout-row.one-third-two-thirds-columns .col.last {
	font: 400 18px var(--default-font-family);
	margin: 20px 0px 0 60px;
}
.responsive-grid-layout-row.one-third-two-thirds-columns .col.last big {
	font-size: 24px;
}
.responsive-grid-layout-row.one-third-two-thirds-columns .col.last h4 {
	margin: 0 0 20px;
}
.gallery-section {
	margin-bottom: 100px;
}
.full-width.gradient-boxed.gallery-section.has-background-color .ss-section-wrap-inner {
	min-height: 0;
}
.full-width.gradient-boxed.gallery-section.has-background-color .col-1 {
	height: max-content;
}
.full-width.gallery-section .stage {
	width: 100% !important;
}
.full-width.gallery-section.quoted .ss-section-wrap-inner {
	min-height: 0;
	width: 100%;
}
.gallery-section:last-child {
	margin-bottom: 0;
}
.gallery-section.gradient-boxed .inline-gallery-wrap .slide .caption {
	background: linear-gradient(90deg, rgb(237 168 39 / 84%) 0%, rgb(95 187 70 / 84%) 50%, rgb(101 141 214 / 84%) 100%);
	border-radius: 10px;
	box-shadow: 0px 3px 50px var(--default-text-color);
	color: #fff;
	display: block !important;
	height: max-content !important;
	left: 120px;
	margin: 0 !important;
	max-width: 1133px;
	padding: 30px !important;
	top: 50%;
	transform: translateY(-50%);
	width: calc(100% - 240px);
}
.gallery-section.quoted .inline-gallery-wrap .slide .caption {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 3px 50px var(--default-text-color);
	color: var(--dark-blue-color);
	font: 800 28px var(--default-font-family);
	display: block !important;
	height: max-content !important;
	left: 120px;
	overflow: visible !important;
	margin: 0 !important;
	max-width: 610px;
	padding: 50px !important;
	top: 50%;
	transform: translateY(-50%);
	width: max-content;
}
.gallery-section.quoted .inline-gallery-wrap .slide .caption:before {
	background-image: url(/images/icons/quote.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 96px;
	position: absolute;
	right: 20px;
	top: -50px;
	width: 96px;
}
.gallery-section.quoted .inline-gallery-wrap .prev-arrow, 
.gallery-section.quoted .inline-gallery-wrap .next-arrow {
	display: none;
}
.gallery-section.quoted .inline-gallery-wrap .embedded-gallery-nav-wrapper {
	bottom: 0;
	height: 30px;
	margin: 0;
	padding: 0px;
	position: absolute;
	top: auto;
	width: 100%;
	z-index: 10;
}
.gallery-section.quoted .inline-gallery-wrap .embedded-gallery-nav {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	height: max-content;
	list-style: none;
	padding: 0 30px;
	width: 100%;
}
.gallery-section.quoted .inline-gallery-wrap .embedded-gallery-nav li {
	height: max-content;
	left: 0 !important;
	margin: 0 5px;
	position: relative;
}
.gallery-section.quoted .inline-gallery-wrap .embedded-gallery-nav li a {
	background-color: var(--blue-color);
	border: none;
	border-radius: 20px;
	color: transparent;
	cursor: pointer;
	height: 8px;
	transition: background-color 0.3s ease;
	width: 36px;
}
.gallery-section.quoted .inline-gallery-wrap .embedded-gallery-nav li.activeSlide a,
.gallery-section.quoted .inline-gallery-wrap .embedded-gallery-nav li:hover a {
	background-color: #fff;
}
.gallery-section.quoted .inline-gallery-wrap .embedded-gallery-nav li img {
	display: none;
}
.image-link-grid-section {
	padding: 90px 0 40px;
}
.callout-section .ss-section-wrap-inner {
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}
.callout-section .ss-content-block {
	margin: 0;
	width: 50%;
}
.callout-section .ss-image-block p,
.callout-section .ss-image-block img {
	display: block;
	height: 100% !important;
	margin: 0;
	width: 100% !important;
}
.callout-section .ss-image-block img {
	object-fit: cover;
	object-position: 50% 50%;
}
.callout-section .ss-content-block:not(.ss-image-block):first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 70px 60px 210px;
}
.callout-section .ss-content-block:not(.ss-image-block):last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 210px 60px 70px;
}
.ss-section-wrap.mobile-only {
	display: none;
}

.our-locations-container {
	overflow: hidden;
	position: relative;
}

.our-locations-container .ss-section-wrap-inner {
	margin: 30px auto 0;
	max-width: 1200px;
	padding: 0;
	position: relative;
}

.our-locations-container .circle-image {
	background-size: cover;
	border-radius: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.our-locations-container .circle-image:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.our-locations-container .circle-image img {
	display: none;
}

.our-locations-container .text-content p {
	margin: 0;
	font-size: 16px;
	line-height: 140%;
}

.our-locations-container .text-content p:first-child {
	margin-bottom: 5px;
}

.location-image-wrap {
	display: inline-block;
	position: relative;
	width: 100%;
}

.location-image-wrap img,
.location-image-wrap svg {
	height: auto !important;
	width: 100% !important;
}
.our-locations-container:after {
	background-image: url(/images/template/map-emblem.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 30px;
	content: '';
	display: block;
	height: 200px;
	left: calc(50% - 520px);
	position: absolute;
	top: auto;
	width: 200px;
}

.homepage-banner-wrap {
	display: block !important;
	flex: 100%;
	width: auto !important;
}
.homepage-banner-wrap .slideshow {
	height: auto !important;
}
.homepage-banner-wrap .internal-page-inline-slideshow-wrap {
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}
.internal-page-inline-slideshow-wrap {
	position: relative;
}
.internal-page-inline-slideshow-wrap .arrow-wrap {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 10;
}
.internal-page-inline-slideshow-wrap .arrow-wrap .prev-arrow,
.internal-page-inline-slideshow-wrap .arrow-wrap .next-arrow {
	background-image: url(/images/icons/arrow-next.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	color: transparent;
	filter: invert(1);
	position: relative;
}
.internal-page-inline-slideshow-wrap .arrow-wrap .prev-arrow {
	background-image: url(/images/icons/arrow-prev.svg);
}
.homepage-banner-wrap .internal-page-inline-slideshow-wrap .slide {
	overflow: hidden;
	position: absolute !important;
}
.homepage-banner-wrap .internal-page-inline-slideshow-wrap .slide.active-slide {
	position: relative !important;
}
.homepage-banner-wrap .internal-page-inline-slideshow-wrap .slide,
.homepage-banner-wrap .internal-page-inline-slideshow-wrap .slide a,
.homepage-banner-wrap .internal-page-inline-slideshow-wrap .slide a img {
	display: block;
	height: 100% !important;
	max-width: 100%;
	object-fit: cover;
	object-position: 50%;
	width: 100% !important;
}
.homepage-banner-wrap .internal-page-inline-slideshow-wrap .slide a img {
	position: relative !important;
}
.ss-content-block.top-news {
	width: 100%;
}
.ss-content-block.top-news .cb-intro img {
	max-width: 510px !important;
}
.cb-intro p:first-child {
	margin-bottom: 0;
	margin-top: 0 !important;
}
.cb-intro p:last-child img {
	margin-top: -10px !important;
	max-height: 55px;
	width: auto !important;
}
.blog.content-box-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	position: relative;
}
.col-3 .blog.content-box-list,
.col-2-5 .blog.content-box-list {
	flex-direction: column;
	flex-wrap: nowrap;
}
.col-3 .blog.content-box-list li a,
.col-2-5 .blog.content-box-list li a {
	background-color: transparent;
	flex-wrap: nowrap;
}
.col-3 .blog.content-box-list li a .thumbnail,
.col-2-5 .blog.content-box-list li a .thumbnail {
	height: 90px;
	width: 90px;
}
.col-3 .blog.content-box-list li a .title,
.col-2-5 .blog.content-box-list li a .title {
	color: #123057;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	padding: 0 15px;
}
.col-3 .blog.content-box-list li a .title:after,
.col-2-5 .blog.content-box-list li a .title:after {
	color: #0F4893;
	content: 'See Details...';
	display: flex;
	font-weight: 600;
	margin-top: 10px;
}
.col-3 .blog.content-box-list li a .date,
.col-2-5 .blog.content-box-list li a .date {
	display: none;
}
.blog.content-box-list li {
	flex: calc(50% - 20px);
}
.top-news .blog.content-box-list li {
	flex: calc(100% / 3 - 20px);
}
.blog.content-box-list li a {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	position: relative;
}
.blog.content-box-list .thumbnail {
	height: 270px;
	margin-bottom: 0;
	overflow: hidden;
	width: 100%;
}
.blog.content-box-list .thumbnail img {
	aspect-ratio: auto;
	height: 100% !important;
	margin: 0;
	object-fit: cover;
	object-position: 50%;
	width: 100% !important;
}
.blog.content-box-list .title {
	display: -webkit-box;
	flex: calc(80% - 40px);
	font-size: 18px;
	font-weight: 500;
	height: auto;
	margin: auto;
	overflow: hidden;
	padding-top: 5px;
	position: relative;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	width: calc(80% - 40px);
}
.blog.content-box-list li a .date {
	background-color: #123057;
	flex: 10%;
	font-size: 21px;
	height: auto;
	margin: 0;
	padding: 10px 0;
	width: auto;
}
.blog.content-box-list li a .see-details {
	display: none;
}
.col-3 p:first-child {
	margin: 0 0 20px;
}
.col-3 .blog.content-box-list {
	gap: 5px;
}
.col-3 .cb-intro img {
	width: auto;
}
.col-3 .cb-footer p {
	margin: 0px;
}
.col-3 .blog.content-box-list li a {
	background-color: transparent;
	flex-direction: column;
	flex-wrap: nowrap;
	padding-left: 0;
}
.col-3 .blog.content-box-list li.no-thumb a {
	padding-left: 0;
}
.col-3 .blog.content-box-list li.no-thumb a .title {
	padding: 0;
}
.col-3 .blog.content-box-list li a .thumbnail {
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 20%;
}
.col-3 .blog.content-box-list li a .date {
	display: none;
}
.col-3 .blog.content-box-list li a .date strong {
	margin-left: 5px;
}
.col-3 .blog.content-box-list li a .title {
	font-size: 16px;
	font-weight: 500;
	height: 44px !important;
	margin: 5px 0;
	overflow: hidden;
	padding: 0;
	-webkit-line-clamp: 3;
	width: auto;
}

.col-4 a {
	text-decoration: none;
}
.col-4 a * {
	font-size: 21px;
	max-height: 80px;
	position: relative;
}
.col-4 a img {
	max-height: 80px;
}
.col-4 p {
	margin: 0;
}
.bottom-button-box {
	background-color: #F6F8FD;
	border-radius: 20px;
	margin-bottom: 140px;
	margin-top: 120px;
	padding: 40px 40px 80px;
}
.equal-heights .ss-section-wrap-inner {
	display: flex;
}
.bottom-button-box {
	overflow: hidden;
	position: relative;
}
.bottom-button-box .cb-footer {
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
	position: absolute;
}
.bottom-button-box .cb-footer .button {
	background-color: var(--blue-color);
	border: none;border-radius: 0;
	color: #fff;display: block;
}
.bottom-button-box.yellow {
	background: linear-gradient(90deg, #FFCA39 0%, #F6BA30 50%, #EDA827 100%);
}
.bottom-button-box.yellow .cb-footer .button {
	background-color: #EDA827;
}
.bottom-button-box.yellow .cb-footer .button:hover {
	background-color: #FFDD4E
}

@media screen and (min-width: 1024px) {
	.location-pins {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.location-pins li {
		display: flex;
		flex-direction: column;
		min-height: 100px;
		position: absolute;
	}
	.location-pins li:before {
		background-color: #B5CFFF;
		border-radius: 100%;
		content: '';
		height: 23px;
		left: auto;
		position: absolute;
		right: -10px;
		top: 100%;
		transition: background-color 0.3s ease;
		width: 23px;
	}

	.location-pins li:nth-child(1) {
		left: 21.5%;
		top: 37%;
		transform: translateY(-100%);
	}

	.location-pins li:nth-child(2) {
		left: 17.1%;
		top: 43.4%;
		transform: translate(-100%,-100%)
	}
	
	.location-pins li:nth-child(3) {
		left: 47.75%;
		top: 34%;
		transform: translateY(-100%);
	}

	.location-pins li:after {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		background-color: #B5CFFF;
		bottom: 0;
		right: 0;
		transition: background-color 0.3s ease;
	}
	.location-pins li.selected:before,
	.location-pins li.selected:after {
		background-color: #fff;
	}

	.location-pins li a {
		background: #5091CD;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		color: #fff;
		font-weight: bold;
		overflow: hidden;
		padding: 5px 16px;
		position: absolute;
		text-decoration: none;
		top: 0;
		transition: background-color 0.3s ease;
		white-space: nowrap;
	}

	.location-pins li.selected a {
		background-color: transparent;
	}
	.location-pins li a:before {
		background: linear-gradient(90deg, var(--gold-color) 0%, var(--green-color) 50%, var(--blue-color) 100%);
		bottom: 0;
		content: '';
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: -1;
	}

	.location-pins li:nth-child(1) a {
		top: auto;
	}

	.location-pins li:nth-child(2) a {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		min-width: 230px;
		position: relative;
		text-align: right;
		width: auto;
	}

	.location-pins li a {
		margin-bottom: 20px;
	}
	.our-locations-container .location {
		opacity: 0;
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
		visibility: hidden;
	}	

	.our-locations-container .location.visible {
		opacity: 1;
		visibility: visible;
	}

	.our-locations-container .circle-image {
		border: 4px solid var(--dark-blue-color);
		left: 70%;
		position: absolute;
		top: 1%;
		width: 40%;
		z-index: 1;
	}
	
	.our-locations-container .text-content {
		align-items: center;
		background: #4f91cd;
		border: 20px solid var(--dark-blue-color);
		border-radius: 100%;
		box-sizing: border-box;
		color: #fff;
		display: flex;
		height: 300px;
		left: 55%;
		line-height: 200px;
		position: absolute;
		text-align: center;
		top: 35%;
		width: 300px;
		z-index: 2;
	}

	.our-locations-container .location#texas-2 .text-content {
		left: 85%;
		top: 55%;
	}

	.our-locations-container .location#texas-2 .circle-image {
		display: none !important;
	}

	.our-locations-container .text-content-inner {
		display: inline-block;
		line-height: 100%;
		padding: 20px 24px;
		vertical-align: middle;
	}	
}

/* MOBILE ================================================================== */

@media (max-width: 1620px) {
	.responsive-grid-layout-row.two-thirds-one-third-columns img,
	.responsive-grid-layout-row.one-third-two-thirds-columns img {
		min-height: 0;
		min-width: 0;
	}
}
@media (max-width: 1450px) {
	.callout-section .ss-content-block:not(.ss-image-block):first-child,
	.callout-section .ss-content-block:not(.ss-image-block):last-child {
		padding: 60px;
	}
	.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns {
		flex-direction: column;
	}
	.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col.first,
	.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col.last {
		flex: 100%;
		margin: 0;
		width: auto;
	}
	.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col.first {
		margin-bottom: 30px;
	}
	.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col .styled-blue-icon-button {
		max-width: calc(100% - 60px);
	}
}
@media (max-width: 1300px) {
	.responsive-grid-layout-row.one-third-two-thirds-columns,
	.responsive-grid-layout-row.two-thirds-one-third-columns {
		flex-direction: column;
		margin: 0;
	}
	.responsive-grid-layout-row .col.first,
	.responsive-grid-layout-row .col.last {
		margin: 0 auto;
		text-align: center;
		width: 100% !important;
	}
	.responsive-grid-layout-row .col.first .left-blue-border,
	.responsive-grid-layout-row .col.last .left-blue-border {
		border-left: none;
		border-top: 1px solid var(--blue-color);
		padding: 30px 0;
	}
	.responsive-grid-layout-row.one-third-two-thirds-columns .col.last {
		margin-left: 0;
		text-align: left;
	}
	.responsive-grid-layout-row.two-thirds-one-third-columns .col.first {
		margin-bottom: 30px;
	}
	.our-locations-container .circle-image {
		left: auto;
		right: -20px;
		width: calc(40% - 100px);
	}
	.our-locations-container .text-content {
		left: auto;
		right: 210px;
		top: 38%;
	}
	.our-locations-container .location#texas-2 .text-content {
		left: auto;
		right: -40px;
		top: 38%;
	}
}
@media (max-width: 1250px) {
	.custom-page-banner {
		margin-top: 147px;
	}
}
@media (max-width: 1200px) {
	.callout-section .ss-content-block:not(.ss-image-block):first-child,
	.callout-section .ss-content-block:not(.ss-image-block):last-child {
		padding: 30px;
	}
	.full-width.quoted.gallery-section .inline-gallery-wrap .stage {
		min-height: 720px;
	}
	.location-pins li:nth-child(2) a {
		min-width: 150px
	}
	.icon-link-grid-section .ss-section-wrap-inner {
		max-width: calc(100% - 30px);
		padding: 30px 0 0;
	}
	.icon-link-grid-section .ss-content-block {
		margin-bottom: 0;
		width: calc(50% - 20px);
	}
	.equal-heights .ss-section-wrap-inner {
		flex-wrap: wrap;
		gap: 30px;
		margin: 0;
		padding: 30px;
		width: auto;
	}
}
@media (max-width: 1024px) {
	.page-type-0 .main-content {
		margin-top: 120px;
	}
	.ss-section-wrap.blog-feed-slider-section.underlapping-previous .ss-section-wrap-inner {
		margin-bottom: -260px;
		margin-top: -80px;
		transform: translateY(-320px) !important;
	}
	.ss-section-wrap.underlapping-previous {
		margin-bottom: -60px;
		margin-top: 320px;
		position: relative;
		transform: none !important;
		z-index: 0;
	}
	.underlapping-previous .ss-section-wrap-inner {
		margin: 0 auto -240px;
		transform: translateY(-240px) !important;
	}
	.full-width:not(.gallery-section, .callout-section.full-width) {
		padding: 0 30px
	}
	.full-width.gallery-section {
		padding: 0;
	}
	.full-width.gallery-section:not(:last-child) .ss-section-wrap-inner {
		margin-bottom: 60px;
		min-height: 0;
	}
	.quoted.gallery-section .inline-gallery-wrap .slide .image img {
		bottom: 0;
		display: block !important;
		height: auto !important;
		left: 0;
		opacity: 0 !important;
		position: absolute;
		right: 0;
		top: 0;
		width: auto !important;
	}
	.gallery-section.gradient-boxed .inline-gallery-wrap .slide .image,
	.gallery-section.gradient-boxed .inline-gallery-wrap .slide .caption {
		border-radius: 0;
		bottom: 0;
		box-shadow: none;
		left: 0;
		max-width: none;
		position: relative;
		right: 0;
		top: 0;
		transform: none;
		width: auto;
	}
	.gradient-boxed.gallery-section .inline-gallery-wrap .image {
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		height: 70vh;
	}
	.gallery-section.gradient-boxed .inline-gallery-wrap .slide .caption {
		background: linear-gradient(135deg, rgb(237 168 39 / 84%) 0%, rgb(95 187 70 / 84%) 50%, rgb(101 141 214 / 84%) 100%);
		border-radius: 6px;
		bottom: 20px;
		font-size: 30px;
		left: 20px;
		overflow: hidden !important;
		position: absolute;
		right: 20px;
		top: auto;
	}
	.gallery-section.gradient-boxed .inline-gallery-wrap .slide .caption p {
		line-height: 153%;
	}
	.gallery-section.quoted .inline-gallery-wrap .slide .caption {
		background-color: rgba(255,255,255,0.9);
		bottom: 60px !important;
		height: auto !important;
		left: 30px !important;
		max-height: none;
		max-width: none;
		right: 30px !important;
		top: auto !important;
		transform: none;
		width: auto;
	}
	.gallery-section.gradient-boxed .inline-gallery-wrap .prev-arrow,
	.gallery-section.gradient-boxed .inline-gallery-wrap .next-arrow {
		display: none;
	}
	.responsive-image .desktop-image {
		display: none;
	}
	.responsive-image .mobile-image {
		display: block;
	}
	.our-locations-container:after {
		bottom: 0px;
		display: block;
		position: relative;
		left: 0;
		order: 10;
		margin: 0 auto 30px;
		position: relative;
		right: 0;
		top: 0;
	}
	.location-pins li {
		margin-left: 15px;
	}
	.location-pins li::marker {
		font-size: 28px;
	}
	.location-pins li a {
		display: none;
	}
	.location-pins li:nth-child(1):marker {
		font-size: 28px;
	}
	.location-pins li:nth-child(2):marker {
		font-size: 28px;
	}
	.location-pins li:nth-child(3):marker {
		font-size: 28px;
	}
	.location-pins li:nth-child(1) {
		color: #B5CFFF;
		left: 21.5%;
		position: absolute;
		top: 37%;
		transform: none;
	}

	.location-pins li:nth-child(2) {
		color: var(--gold-color);
		left: 17.1%;
		position: absolute;
		top: 43.4%;
		transform: none;
	}
	
	.location-pins li:nth-child(3) {
		color: var(--green-color);
		left: 47.75%;
		position: absolute;
		top: 34%;
		transform: none;
	}

	.col-3.potm-wrap {
		flex: 100%;
		max-width: none;
		width: 100%;
	}
	.top-news .blog.content-box-list li {
		flex: calc(50% - 20px);
	}
	.top-news-section .ss-section-wrap-inner { 
		flex-direction: column;
	}
	.top-news-section .ss-content-block.col-2-5,
	.top-news-section .ss-content-block.col-3-5 {
		flex: 100%;
		width: auto;
	}
	.col-3.potm-wrap .blog.content-box-list li a .thumbnail {
		max-width: 100px;
	}
}
@media screen and (max-width: 966px) {
	.our-locations-container .location .text-content {
		left: 60%;
		top: 30%;
	}
	.our-locations-container .location#texas-2 .text-content {
		left: calc(60% + 170px);
		top: 40%
	}
}
@media (max-width: 768px) {
	.custom-page-banner {
		min-height: 200px;
	}
	.custom-page-banner h1 {
		font-size: 32px;
	}
	.ss-section-wrap-inner {
		width: calc(100% - 40px);
	}
	.ss-section-wrap:last-child:not(.dark-background-color, .full-width, .callout-section) .ss-section-wrap-inner {
		margin-bottom: 30px;
	}
	.image-banner {
		margin-bottom: 0;
	}
	.homepage-banner-wrap {
		margin: -44px -20px 30px;
	}
	.homepage-banner-wrap .arrow-wrap {
		margin: 0 15px;
	}
	.intro-section .ss-section-wrap-inner {
		flex-direction: column;
		flex-wrap: nowrap;
		width: calc(100% - 60px);
	}
	.intro-section .ss-content-block {
		width: auto;
	}
	.intro-section svg,
	.intro-section img {
		flex: 50%;
		width: calc(50% - 30px);
	}
	.intro-section .banner {
		height: auto;
		margin-bottom: 0;
		position: relative;
	}
	.intro-section .responsive-grid-layout-row.one-third-two-thirds-columns .col.last .styled-blue-icon-button {
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
		font-size: 16px;
		margin-bottom: 30px;
		margin-left: 0px;
		margin-right: 40px;
		max-width: calc(100% - 40px);
		text-align: right;
	}
	.ss-content-block .responsive-grid-layout-row.one-third-two-thirds-columns,
	.ss-content-block .responsive-grid-layout-row.two-thirds-one-third-columns {
		align-items: center;
		display: flex;
		flex-direction: column;
		margin-top: 30px;
		text-align: center !important;
	}
	.ss-content-block .responsive-grid-layout-row.one-third-two-thirds-columns .col.first, 
	.ss-content-block .responsive-grid-layout-row.two-thirds-one-third-columns .col.last {
		order: -1;
	}
	.ss-content-block .responsive-grid-layout-row.one-third-two-thirds-columns .col.last, 
	.ss-content-block .responsive-grid-layout-row.two-thirds-one-third-columns .col.first,
	.ss-content-block .responsive-grid-layout-row.one-third-two-thirds-columns .col.last p, 
	.ss-content-block .responsive-grid-layout-row.two-thirds-one-third-columns .col.first p,
	.ss-content-block .responsive-grid-layout-row.one-third-two-thirds-columns .col.last h4, 
	.ss-content-block .responsive-grid-layout-row.two-thirds-one-third-columns .col.first h4 {
		margin: 10px 0 0;
		text-align: center !important;
		width: 100%;
	}
	.responsive-grid-layout-row.two-thirds-one-third-columns img, 
	.responsive-grid-layout-row.one-third-two-thirds-columns img,
	.ss-content-block .responsive-grid-layout-row.one-third-two-thirds-columns .col.last img, 
	.ss-content-block .responsive-grid-layout-row.one-third-two-thirds-columns .col.first img {
		float: none !important;
		margin: 0 auto;
	}
	.underlapping-previous .ss-section-wrap-inner {
		margin-bottom: -200px;
		margin-top: -160px;
		transform: translateY(-160px) !important;
	}
	.ss-section-wrap.underlapping-previous:last-child {
		margin-bottom: 60px;
	}
	.full-width.has-background-color:not(.gallery-section) .ss-section-wrap-inner {
		min-height: 0;
	}
	.full-width.has-background-color:not(.callout-section) .col-2 {
		padding: 0;
	}
	.callout-section .ss-section-wrap-inner {
		min-height: 0;
		text-align: left;
	}
	.callout-section .ss-image-block {
		max-height: 350px;
	}
	.has-background-color.dark-background-color.has-two-column-dotted-line-separator:after {
		display: none;
	}
	.ss-section-wrap.mobile-hide {
		display: none;
	}
	.ss-section-wrap.mobile-only {
		display: block;
	}
	.gallery-section.quoted .inline-gallery-wrap .slide .caption {
		font-size: 18px;
	}
	.our-locations-container {
		margin-top: -30px;
	}
	.full-width.has-background-color .has-background-color {
		font-size: 21px;
		padding: 15px;
	}
	.full-width.has-background-color:not(.gallery-section, .callout-section.full-width) {
		margin-bottom: 30px;
		padding: 0px;
	}
	.full-width.has-background-color:not(.gallery-section, .callout-section.full-width) .ss-section-wrap-inner {

		padding: 0;
	}
	.blog.content-box-list li {
		flex: 100%;
		max-width: none;
		width: 100%;
	}
	.overlapping-next.ss-section-wrap .ss-section-wrap-inner {
		position: relative;
		transform: translateY(40px);
	}
	.overlapping-next.ss-section-wrap .ss-content-block:first-child {
		margin-top: 0;
	}
	.homepage-banner-wrap .internal-page-inline-slideshow-wrap .arrow-wrap {
		margin: 0;
	}
}
@media (max-width: 1024px) {
	.ss-section-wrap.our-locations-container .locations-map-container {
		order: -1;
	}
	
	.location {
		margin-bottom: 60px;
	}
	
	.location .circle-image {
		margin: 0 auto 20px auto;
		max-width: 80%;
		right: 0;
		width: 100%;
	}
	.location#texas .circle-image,
	.location#texas-2 .circle-image {
		border: 6px solid var(--gold-color);
	}
	.location#brandenburg-ky .circle-image {
		border: 6px solid #B5CFFF;
	}
	.location#antwerp-belgium .circle-image {
		border: 6px solid var(--green-color);
	}
	.location .text-content {
		padding: 0 30px;
		text-align: center;
	}
}
@media (max-width: 600px) {
	.blog-feed-slider-section .blog-feed-slider .slick-slide a {
		margin: 0;
	}
	.blog-feed-slider-section .blog-feed-slider a .title, 
	.blog-feed-slider-section .blog-feed-slider a .date, 
	.blog-feed-slider-section .blog-feed-slider a .abstract, 
	.blog-feed-slider-section .blog-feed-slider a .see-details {
		margin-top: 15px;
		padding-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
		text-align: left;
	}
	.banner p .button {
		background-color: var(--blue-color);
		color: #fff;
		font: 400 36px var(--default-font-family);
		letter-spacing: 0;
		padding: 18px;
		text-align: center;
		width: 100%;
	}
	.blog-feed-slider-section,
	.inline-content-box.blog-feed {
		text-align: left;
	}
	.blog-feed-slider-section .ss-section-wrap-inner {
		width: calc(100% - 45px);
	}
	.blog-feed-slider-section .blog-feed-slider, .inline-content-box.blog-feed .blog-feed-slider {
		margin: 0;
	}
	.full-width.has-background-color .has-background-color {
		font-size: 16px;
		padding: 15px;
	}
	.icon-link-grid-section .ss-content-block { 
		margin: 0;
		width: 100%;
	}
	.icon-link-grid-section .ss-section-wrap-inner {
		padding: 20px  0 0;
	}
}
@media (max-width: 500px) {
	.ss-section-wrap {
		font-size: 16px;
	}
	.styled-gradient-power-btn {
		background: linear-gradient(90deg, var(--blue-color) 0%, var(--green-color) 50%, var(--gold-color));
		margin: 20px 0;
		padding: 15px 100px 15px 25px;
		position: relative;
	}
	.styled-gradient-power-btn:before {
		height: 80px;
		left: auto;
		max-width: 100%;
		right: -65px;
		width: 80px;
	}
	.responsive-grid-layout-row .col.first .left-blue-border,
	.responsive-grid-layout-row .col.last .left-blue-border {
		border-top: none;
		padding-top: 0;
	}
	.ss-content-block .responsive-grid-layout-row.one-third-two-thirds-columns .col.last {
		font-size: 21px;
		margin-top: 0;
	}
	.top-news .blog.content-box-list li {
		flex: calc(100% - 20px);
	}
	.top-news-section .ss-content-block.col-2-5 {
		margin: 0;
		PADDING: 15PX;
	}
	.top-news-section .cb-intro {
		min-height: 70px;
	}
}
@media (max-width: 400px) {
	.styled-gradient-power-btn {
		font-size: 18px;
	}
}

/* ========================================================================= */
/* ELEMENT TYPES =========================================================== */
/* ========================================================================= */

/* ============================================= */
/* Dynamic Page Elements ======================= */
/* ============================================= */

form .field-wrap label {
	color: var(--dark-blue-color);
	font: 500 14px var(--alt-font-family);
}
input[type=text], input[type=password], input[type=email], select, textarea {
	border: 1px solid var(--blue-color);
	border-radius: 7px;
	padding: 10px;
}
select {
	background-image: url(/images/icons/dropdown.svg);
	background-position: calc(100% - 15px) 50%;
	background-repeat: no-repeat !important;
	background-size: 12px;
}
.gallery-footer {
	margin-top: 30px;
}
.lower-pager {
	justify-content: flex-start;
	margin-bottom: 30px;
}
.lower-pager .pager {
	align-items: center;
	background-color: #fff;
	border: 1px solid var(--dark-blue-color);
	border-radius: 10px;
	color: var(--dark-blue-color);
	display: inline-flex;
	height: 20px;
	justify-content: center;
	width: 20px;
}
.login-page-form {
	margin: 200px auto;
	max-width: 1500px;
	padding: 0 30px;
}
.login-page-form input {
	margin: 0 0 15px;
}
.submission-form-wrap {
	display: flex;
	flex-direction: column;
}
.submission-form-wrap .intro-text {
	order: 1;
}
.submission-form-wrap .submission-form {
	order: 2;
}
.inspiration-gallery-right-side,
.inspiration-gallery-right-side .footer-text-wrap {
	position: relative;
}
.has-blog-feed-slider .inspiration-gallery-right-side .footer-text-wrap {
	display: none;
}
.outer-footer-text-wrap {
	background-color: #F4F8FF;
	margin-top: 250px; 
}
.inline-content-box.blog-feed {
	margin: 0 auto -60px;
	margin-bottom: -250px;
	position: relative;
	max-width: calc(100vw - 400px);
	overflow: hidden;
	transform: translateY(-250px);
	width: 100%;
}
.detail-page.inspiration-gallery .image {
	display: none;
}
.social-share-links ul {
	display: flex;
	align-items: center;
}
.social-share-links ul li {
	margin: 0 7px 0 0;
}
@media (min-width: 1500px) {
	.inline-content-box.blog-feed {
		max-width: 1100px;
	}
}
@media (min-width: 1460px) {
	.inspiration-gallery-right-side .footer-text-wrap:before {
		left: calc(50% - 50vw - 120px);
		width:100vw;
	}
}
.inline-content-box.blog-feed .content-box-list.blog {
	display: none;
}
.ss-content-block .submission-form-wrap input.button {
	background-color: var(--blue-color);
	border-color: var(--blue-color);
	border-radius: 7px;
	color: #fff;
	height: auto;
	padding: 20px 60px;
}
.ss-content-block .submission-form-wrap input.button:hover {
	background-color: var(--default-text-color);
	border-color: var(--default-font-family);
}
.ss-content-block .submission-form-wrap .footer-text {
	font-size: 20px;
	order: 3;
}
.member-directory-filter-wrap,
.list-items.member-directory-items .list-item.member-directory-item .view-profile-link {
	display: none;
}

.list-items.member-directory-items {
	gap: 45px;
}
.list-items.member-directory-items .list-item.member-directory-item {
	flex: calc(100% / 3 - 45px);
	margin: 0 0 18px;
	max-width: calc(100% / 3 - 30px);
}
.list-items.member-directory-items .list-item.member-directory-item img {
	margin: 0;
	max-width: none;
	transition: opacity 0.3s ease;
}
.list-items.member-directory-items .list-item.member-directory-item .image {
	border-radius: 11px;
	overflow: hidden;
}
.list-items.member-directory-items .list-item.member-directory-item .image:hover img {
	opacity: 0.7;
	transform: none;
}
.list-items.member-directory-items .list-item.member-directory-item .info {
	margin-top: 40px;
}
.list-items.member-directory-items .list-item.member-directory-item .info .title {
	color: var(--dark-blue-color);
	font: 700 36px var(--default-font-family);
}
.list-items.member-directory-items .list-item.member-directory-item .info .job_title {
	color: var(--blue-color);
	font: 300 36px var(--default-font-family);
}
p.now-viewing {
	display: none;
}

.blog-intro-text-wrap svg,
.blog-intro-text-wrap img {
	max-width: 100%;
}
.blog-left-column {
	margin-right: 47px;
	width: calc(68.54% - 47px);
}
.blog-right-column {
	display: flex;
	flex-direction: column;
	width: 31.46%;
}
.blog-right-column .rss-link-wrap {
	order: 3;
	width: auto;
}
.list-items.blog-items .list-item.blog-item {
	display: flex;
	flex-direction: row-reverse;
}
.list-items.blog-items > li {
	border: none;
	padding-top: 0;
}
.list-items.blog-items .list-item.blog-item .title {
	font: 700 30px var(--default-font-family);
	order: 3;
	text-align: left;
}
.list-items.blog-items .list-item.blog-item .title a {
	text-decoration: none;
}
.list-items.blog-items .list-item.blog-item .date {
	color: var(--blue-color);
	font: 400 18px var(--default-font-family);
	margin-bottom: 20px;
	margin-top: 10px;
	order: 2;
	text-align: left;
}
.list-items.blog-items .list-item.blog-item .blog-post-author {
	color: transparent;
	text-align: left;
}
.list-items.blog-items .list-item.blog-item .blog-post-author .author-link {
	color: var(--blue-color);
	display: inline-flex;
	position: relative;
	text-decoration: none;
	text-align: left;
}
.list-items.blog-items .list-item.blog-item .blog-post-author .author-link:before {
	color: var(--gold-color);
	content: '/';
	left: -15px;
	position: absolute;
}
.list-items.blog-items .list-item.blog-item .blog-post-author .author-link:after {
	content: 'Author: ';
	margin-right: 5px;
	order: -1;
}
.list-items.blog-items .list-item.blog-item .hr {
	border-bottom: 1px dotted var(--blue-color);
	margin-top: 0;
	order: 7;
}
.list-items.blog-items .list-item.blog-item .thumbnail {
	border-radius: 8px;
	flex: none;
	height: min-content;
	margin-bottom: 0;
	min-height: 310px;
	order: 1;
	overflow: hidden;
	position: relative;
	width: 50%;
}
.list-items.blog-items .list-item.blog-item .blog-item-details {
	flex: 50%;
}
.list-items.blog-items .list-item.blog-item .thumbnail img {
	aspect-ratio: auto;
	bottom: 0;
	display: block;
	float: none;
	height: 0;
	left: 0;
	margin: 0;
	min-height: 310px;
	object-fit: cover;
	object-position: 50%;
	position: relative;
	right: 0;
	top: 0;
	width: 100%;
}
.list-items.blog-items .list-item.blog-item .content {
	color: var(--dark-blue-color);
	font: 400 18px var(--default-font-family);
	margin: 0;
	order: 4;
	text-align: left;
}
.list-items.blog-items .list-item.blog-item .social-share-links {
	margin: 0 0 0 auto;
	order: 6;
	text-align: left;
}
.list-items.blog-items .list-item.blog-item > p {
	line-height: normal;
	order: 5;
	text-align: left;
}
.list-items.blog-items .list-item.blog-item .button {
	border: none;
	border-radius: 0;
	color: var(--gold-color);
	font: 700 18px var(--default-font-family);
	margin-top: 15px;
	padding: 0;
	text-decoration:underline;
}
.list-items.blog-items .list-item.blog-item .button:hover {
	background-color: transparent;
	color: var(--blue-color);
}
.social-share-links .share-facebook img,
.social-share-links .share-twitter img,
.social-share-links .share-linkedin img,
.social-share-links .share-facebook,
.social-share-links .share-twitter {
	display: none;
}
.social-share-links .share-linkedin {
	align-items: center;
	display: flex;
	margin-right: 15px;
	text-decoration: none;
}
.social-share-links .share-linkedin {
	margin-right: auto;
}
.social-share-links .share-facebook:before,
.social-share-links .share-twitter:before,
.social-share-links .share-linkedin:before {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 32px;
	margin-right: 5px;
	width: 32px;
}
.social-share-links .share-facebook:before {
	background-image: url(/images/icons/Like.svg);
}
.social-share-links .share-twitter:before {
	background-image: url(/images/icons/Twitter.svg);
}
.social-share-links .share-linkedin:before {
	background-image: url(/images/icons/Linkedin.svg);
}
.social-share-links .share-facebook:after,
.social-share-links .share-twitter:after,
.social-share-links .share-linkedin:after {
	color: var(--blue-color);
	font: 400 18px var(--default-font-family);
}
.social-share-links .share-facebook:after {
	content: 'Like';
}
.social-share-links .share-twitter:after {
	content: 'Tweet';
}
.social-share-links .share-linkedin:after {
	content: 'Share';
}
#blog-specific-search {
	background-color: #F4F8FF;
	padding: 26px 47px;
}
#blog-specific-search .text-search-wrap {
	max-width: none;
}
#blog-specific-search .text-search {
	background-color: transparent;
	border-radius: 100px;
	color: var(--dark-blue-color);
	font: 400 18px var(--default-font-family);
	padding: 18px 18px 18px 56px;
	width: 100%;
}
#blog-specific-search .text-search::placeholder {
	color: var(--dark-blue-color);
}
#blog-specific-search input.submit {
	background: transparent url(/images/icons/search.svg) 50% 50% no-repeat;
	left: 10px;
	position: absolute;
	right: auto;
	width: 40px;
}
body.blog-detail-page .blog-left-column {
	width: 100%;
}
body.blog-detail-page .blog-right-column {
	display: none;
}
.blog-right-column > div {
	background-color: #f4f8ff;
	padding: 45px;
}
.blog-right-column > div h3 {
	border: none;
	color: var(--blue-color);
	font: 500 24px var(--default-font-family);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.blog-right-column > div a {
	font-size: 18px;
	padding: 0;
	text-decoration: none;
}
.blog-right-column > div a:after {
	color: var(--gold-color);
	content: "Read More...";
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
	text-decoration: underline;
}
body.blog-detail-page .posted-in,
.blog-right-column .contributors,
.blog-right-column .side-box.events-feed-side-box li a .date,
.blog-right-column .side-box.events-feed-side-box li a .see-details {
	display: none
}
.blog-right-column .side-box.events-feed-side-box li a {
	background-image: none;
	box-shadow: none;
	text-align: left;
}
.blog-right-column .side-box.events-feed-side-box li a .title {
	background-image: none;
	color: var(--dark-blue-color);
	font: 400 18px var(--default-font-family);
	margin: 0;
	padding: 0;
}
.blog-right-column .side-box.events-feed-side-box li a:after {
	color: var(--gold-color);
	content: "Read More...";
	text-decoration: underline;
}

body.blog-detail-page .blog-left-column .detail-page.blog {
	display: flex;
	flex-direction: column;
}
body.blog-detail-page .blog-left-column .detail-page.blog .detail-page-banner {
	display: none;
	margin-bottom: 40px;
	order: 1;
}
body.blog-detail-page .blog-left-column .detail-page.blog .title {
	color: var(--dark-blue-color);
	font-size: 40px;
	order: 3;
}
body.blog-detail-page .blog-left-column .detail-page.blog .detail-page-banner img {
	width: 100%;
}
body.blog-detail-page .blog-left-column .detail-page.blog h3.date {
	color: var(--blue-color);
	font: 400 18px var(--default-font-family);
	order: 2;
}
body.blog-detail-page .blog-left-column .detail-page.blog .author-wrap {
	color: transparent;
}
body.blog-detail-page .blog-left-column .detail-page.blog .author-wrap .author-link {
	color: var(--blue-color);
	display: inline-flex;
	position: relative;
	text-decoration: none;
}
body.blog-detail-page .blog-left-column .detail-page.blog .author-wrap .author-link:before {
	color: var(--gold-color);
	content: '/';
	left: -15px;
	position: absolute;
}
body.blog-detail-page .blog-left-column .detail-page.blog .author-wrap .author-link:after {
	content: 'Author: ';
	margin-right: 5px;
	order: -1;
}
body.blog-detail-page .blog-left-column .detail-page.blog h3
body.blog-detail-page .blog-left-column .detail-page.blog h2.title {
	color: var(--dark-blue-color);
	font: 700 40px var(--default-font-family);
	margin-bottom: 30px;
	order: 2;
}
body.blog-detail-page .blog-left-column .detail-page.blog .ss-section-wrap {
	order: 3;
}
body.blog-detail-page .blog-left-column .detail-page.blog .social-share-links {
	order: 4;
}
body.blog-detail-page .blog-left-column .detail-page.blog #blog-comments-form-wrap {
	margin-top: 30px;
	order: 5;
}
body.blog-detail-page .blog-left-column .detail-page.blog .hr {
	order: 6;
}
body.blog-detail-page .blog-left-column .detail-page.blog .fr.button.negmt {
	border: none;
	border-radius: 0;
	color: var(--blue-color);
	font: 700 24px var(--default-font-family);
	margin-top: 15px;
	order: 7;
	padding: 0;
	text-transform: uppercase;
	width: max-content;
}
body.blog-detail-page .blog-left-column .detail-page.blog .fr.button.negmt:hover {
	background-color: transparent;
	color: var(--dark-blue-color);
}
body.blog-detail-page .blog-left-column .detail-page.blog .fr.button.negmt:after {
	content: ' to Blog';
}
.blog.detail-page .ss-section-wrap-inner {
	margin: 0 -15px;
}
.inspiration-gallery-list.has-left-side-filters .inspiration-gallery-left-side {
	width: 320px;
}
.inspiration-gallery-right-side .inspiration-gallery-items .col {	
	width: calc(100% / 3);
}
.inspiration-gallery-list.has-left-side-filters .reset-button-wrap {
	text-align: center;
}
#reset-button {
	align-items: center;
	color: var(--blue-color);
	display: inline-flex;
	font: 700 12px var(--heading-font-family);
	letter-spacing: 0.08em;
	padding-left: 20px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
#reset-button:before {
	background-image: url(/images/icons/reset.svg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 12px;
	content: '';
	display: block;
	height: 12px;
	left: 0;
	position: absolute;
	transition: transform 0.3s ease;
	width: 12px;
}
#reset-button:hover {
	color: var(--dark-blue-color);
}
#reset-button:hover:before {
	background-image: url(/images/icons/reset-hovered.svg);
	transform: rotate(-360deg);
}
.inspiration-gallery-right-side .inspiration-gallery-items .col a {
	border: 1px solid var(--default-text-color);
	border-radius: 4px;
	color: var(--default-text-color);
	display: block;
	padding: 3px 7px 7px;
	line-height: normal;
	text-decoration: none;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.inspiration-gallery-right-side .inspiration-gallery-items .col a:hover {
	background-color: var(--blue-color);
	border-color: var(--blue-color);
	color: #fff;
}
.inspiration-gallery-right-side .inspiration-gallery-items .col a .caption {
	font: 500 16px var(--default-font-family);
}
.inspiration-gallery-right-side .inspiration-gallery-items .col a .image {
	display: none;
}
.page-type-16 .upper-pager, .page-type-16 .lower-pager,
#inspiration-gallery-filter-group-categories {
	display: none;
}
.inspiration-gallery-filter-group {
	border-bottom: 1px solid #DBE1ED;
	border-left: none;
	border-radius: 0;
	border-right: none;
	border-top: 1px solid #DBE1ED;
	margin: 0;
	padding: 0;
}
.inspiration-gallery-filter-group:not(:first-child, :last-child) {
	border-bottom: none;
}
.inspiration-gallery-filter-group.closed .inspiration-gallery-filter-group-toggle:hover {
	color: var(--default-text-color);
}
.inspiration-gallery-filter-group.closed .inspiration-gallery-filter-group-toggle {
	color: var(--blue-color);
}
.inspiration-gallery-filter-group-options .inspiration-gallery-filter-group:nth-child(2) .inspiration-gallery-filter-group-toggle,
.inspiration-gallery-filter-group-options .inspiration-gallery-filter-group:nth-child(3) .inspiration-gallery-filter-group-toggle,
.inspiration-gallery-filter-group-options .inspiration-gallery-filter-group:nth-child(4) .inspiration-gallery-filter-group-toggle {
	background-color: #F4F8FF;
}
.inspiration-gallery-filter-group .inspiration-gallery-filter-group-toggle {
	font: 700 21px var(--default-font-family);
	margin: 0;
	padding: 18px 30px 18px 15px;
	transition: color 0.3s ease;
}
.inspiration-gallery-filter-group.closed .inspiration-gallery-filter-group-toggle:after {
	background-color: var(--blue-color);
	border: none;
	clip-path: polygon(0% 35%, 35% 35%, 35% 0%, 65% 0%, 65% 35%, 100% 35%, 100% 65%, 65% 65%, 65% 100%, 35% 100%, 35% 65%, 0% 65%);
	height: 12px;
	transform: translateY(-50%);
	width: 12px;
}
.inspiration-gallery-filter-group-options-list {
	display: none;
	padding: 15px 15px 0;
}
.inspiration-gallery-filter-group ul {
	margin: 0 0 20px 0;
}
.inspiration-gallery-filter-group .inspiration-gallery-filter-group-toggle:after {
	background-color: var(--default-text-color);
	border: none;
	clip-path: polygon(0% 35%, 35% 35%, 35% 35%, 65% 35%, 65% 35%, 100% 35%, 100% 65%, 65% 65%, 65% 65%, 35% 65%, 35% 65%, 0% 65%);
	height: 12px;
	right: 10px;
	transform: translateY(-50%);
	transition: clip-path 0.3s ease;
	width: 12px;
}
.inspiration-gallery-filter-group ul li {
	margin-bottom: 0px
}
.inspiration-gallery-filter-group ul li label input.checkbox {
	border-color: var(--dark-blue-color);
	border-radius: 4px;
	min-width: 16px;
}
.inspiration-gallery-filter-group ul li label .text {
	font-size: 18px;
}
.inspiration-gallery-filter-group ul li label input[type=checkbox]:checked:before {
	border-color: var(--blue-color);
	border-width: 3px;
}
.inspiration-gallery-filter-group ul li label.checked .text {
	color: var(--blue-color);
}

/* MOBILE ====================================== */

@media (min-width: 1024px) and (max-width: 1200px) {
	.inspiration-gallery-filter-group ul li {
		margin-bottom: 5px
	}
	.list-items.blog-items .list-item.blog-item {
		flex-direction: column-reverse;
	}
	.list-items.blog-items .list-item.blog-item .thumbnail {
		height: auto;
		margin-bottom: 30px;
		width: 100%;
	}
	.list-items.blog-items .list-item.blog-item .thumbnail img {
		max-height: 310px;
		width: 100%;
	}
}
@media (max-width: 1024px) {
	.list-items.member-directory-items .list-item.member-directory-item {
		flex: 50%;
		max-width: calc(50% - 23px);
	}
	.blog-left-column, .blog-right-column {
		width: 100%;
	}
	.blog-right-column #blog-specific-search {
		display: none;
	}
	.list-items.blog-items .list-item.blog-item > p .button {
		letter-spacing: 0;
	}
	.inline-content-box.blog-feed {
		max-width: 100%;
	}
	.inspiration-gallery-list.has-left-side-filters {
		flex-direction: column;
	}
	.inspiration-gallery-list.has-left-side-filters .inspiration-gallery-left-side {
		width: 100%;
	}
	.inspiration-gallery-filter-group ul {
		display: flex;
		flex-wrap: wrap;
	}
	.inspiration-gallery-filter-group ul li {
		flex: 50%;
	}
	.inspiration-gallery-list.has-left-side-filters .inspiration-gallery-right-side {
		margin: 30px 0 0;
	}
	.outer-footer-text-wrap {
		padding: 0 60px;
	}
}
@media (max-width: 900px) {
	.inspiration-gallery-right-side .inspiration-gallery-items .col {
		flex: 48%;
		max-width: none;
	}
	.inspiration-gallery-list.has-left-side-filters .inspiration-gallery-left-side {
		margin-bottom: 30px;
	}
}
@media (max-width: 768px) {
	.list-items.member-directory-items .list-item.member-directory-item {
		flex: 100%;
		max-width: 100%;
		text-align: center;
	}
	.list-items.member-directory-items .list-item.member-directory-item .info {
		margin-top: 20px;
	}
	.list-items.member-directory-items .list-item.member-directory-item .info .title,
	.list-items.member-directory-items .list-item.member-directory-item .info .job_title {
		font-size: 30px;
	}
	.inspiration-gallery-filter-group ul li {
		margin-bottom: 5px
	}
	.list-items.blog-items .list-item.blog-item {
		flex-direction: column-reverse;
	}
	.list-items.blog-items .list-item.blog-item .thumbnail {
		margin-bottom: 15px;
		width: 100%;
	}
	.list-items.blog-items .list-item.blog-item .title a {
		font-size: 24px;
	}
	.list-items.blog-items .list-item.blog-item .title {
		line-height: 90%;
	}
	.inspiration-gallery-right-side .footer-text-wrap:before {
		left: -30px;
		right: -30px;
		width: auto;
	}
	.outer-footer-text-wrap {
		padding: 0 30px;
	}
}
@media (max-width: 600px) {
	.inspiration-gallery-right-side .inspiration-gallery-items .col {
		flex: 100%;
	}
	.inspiration-gallery-filter-group ul li {
		flex: 100%;
		text-align: left;
	}
	.outer-footer-text-wrap {
		padding: 0 10px;
	}
}
@media (max-width: 500px) {
	.login-page-form input {
		margin: 0 auto 15px;
	}
	.list-items.blog-items .list-item.blog-item .social-share-links {
		margin: 0 auto 0 0;
	}
	.inspiration-gallery-filter-group .inspiration-gallery-filter-group-toggle {
		text-align: left;
	}
}

/* ============================================= */
/* Custom Template -> Icon Link Box ============ */
/* ============================================= */

.icon-link-box {
	border: 1px solid var(--dark-blue-color);
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 30px;
	text-align: center;
	transition: background-color 0.2s ease;
}
.icon-link-box:hover {
	background-color: rgb(15 72 147 / 25%);
}
.icon-link-box .icon {
	margin-bottom: 10px;
}
.icon-link-box .link {
	color: #fff;
	text-transform: uppercase;
}

/* ============================================= */
/* Custom Template -> Video Block ============== */
/* ============================================= */

.video-block {
    align-self: stretch;
	color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    margin-top: 0px;
    padding: 30px;
    position: relative;
    text-decoration: none;
}
.video-block:after {
	background-color: #fff;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	content: '';
	height: 60px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: height 0.2s ease, width 0.2s ease;
	width: 60px;
}
.video-block:hover:after {
	height: 70px;
	width: 70px;
}
.video-block .thumbnail {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
.video-block .thumbnail img {
    display: block;
    height: 100% !important;
    margin: auto;
    object-fit: cover;
    object-position: 50%;
    width: 100% !important;
}
.video-block .video-link {
	display: none;
}

.col-1 .video-block {
	margin-left: -30px;
	margin-right: -30px;
	margin-top: 0;
}
.col-1 .video-block .thumbnail {
	max-height: 700px;
	position: relative;
}
.col-1 .video-block .thumbnail img {
	display: block;
	width: 100%;
}

/* MOBILE ====================================== */

@MEDIA (max-width: 1024px) {
	.video-block {
		min-height: 300px;
	}
}

/* ============================================= */
/* Custom Template -> Product Link Box ========= */
/* ============================================= */

.product-link-box {
	border-radius: 10px;
	cursor: pointer;
	height: 100%;
	overflow: hidden;
	padding: 80px 50px 160px;
	position: relative;
	text-align: center;
	transition: color 0.3s ease;
}
.product-link-box .background-image,
.product-link-box .background-hover-image {
	bottom: 0;
	left: 0;
	opacity: 0.15;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.product-link-box .background-hover-image {
	opacity: 0;
}
.product-link-box:hover {
	color: #fff;
}
.product-link-box:hover .background-hover-image {
	opacity: 1;
}
.product-link-box:not(.alt-hover-image):hover .background-image {
	opacity: 1;
	transform: scale(1.1);
}
.product-link-box.alt:hover .background-image {
	transform: scale(1.1) translate(4%,-4%);
}
.product-link-box .background-image:before,
.product-link-box .background-hover-image:before {
	background-color: var(--dark-blue-color);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	opacity: 0.8;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}
.product-link-box .background-image img,
.product-link-box .background-hover-image img {
	height: 100% !important;
	left: 0;
	object-fit: cover;
	object-position: 50%;
	position: absolute;
	top: 0;
	width: 100% !important;
}
.product-link-box .content {
	position: relative;
	z-index: 1;
}
.product-link-box .content svg * {
	transition: fill 0.3s ease;
}
.product-link-box:hover .content svg * {
	fill: #fff;
}
.product-link-box .product-link {
	background-color: var(--blue-color);
	bottom: 0;
	left: 0;
	padding: 28px 30px;
	position: absolute;
	right: 0;
	transition: background-color 0.3s ease;
	z-index: 1;
}
.product-link-box:hover .product-link {
	background-color: var(--dark-blue-color);
}
.product-link-box .product-link a {
	color: #fff;
	font: 700 22px var(--default-font-family);
	text-decoration: none;
}
.product-link-box .product-link a:before {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.product-link-box .product-link {
	border-bottom-right-radius: 10px;
	right: 0; 
}
.product-link-box .product-link a:hover {
	color: transparent;
}
.product-link-box .product-link:after {
	color: transparent;
	content: 'Learn More';
	font: 700 22px var(--default-font-family);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: color 0.3s ease;
	white-space: nowrap;
}
.product-link-box:hover a {
	color: transparent;
}
.product-link-box:hover .product-link:after {
	color: #fff;
}

/* MOBILE ====================================== */

/* ============================================= */
/* Custom Template -> Image Bubbles ============ */
/* ============================================= */

.image-bubbles {
    display: block;
    flex: 1;
    margin: 0px 60px;
    padding-bottom: 120px;
    position: relative;
}
.image-bubbles .image-1 {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	margin-left: auto;
	margin-top: 0px;
	max-height: 30%;
	max-width: 30%;
	position: relative;
	width: auto;
	z-index: 1;
}
.image-bubbles.left .image-1 {
	margin-left: 0;
}
.image-bubbles.left .image-3 {
	margin-left: auto;
}
.image-bubbles .image-2:before {
    background-color: transparent;
    background-image: url(/images/template/image-bubble-border.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -20px;
    content: '';
    display: block;
    left: -20px;
    pointer-events: none;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 0;
}

.image-bubbles .image-1 img {
	outline: 20px solid #fff;
	border-radius: 50%;
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100% !IMPORTANT;
}

.image-bubbles .image-1 img,
.image-bubbles .image-1 svg,
.image-bubbles .image-2 img,
.image-bubbles .image-2 svg,
.image-bubbles .image-3 img,
.image-bubbles .image-3 svg {
    display: block;
    height: auto !important;
    width: 100% !important;
}
.image-bubbles .image-2 {
	aspect-ratio: 1 / 1;
	background-color: #fff;
	outline: 20px solid #fff;
	border-radius: 50%;
	margin-top: -190px;
	max-height: none;
	max-width: none;
	overflow: visible;
	position: relative;
}
.image-bubbles .image-3 {
	aspect-ratio: 1 / 1;
	background-color: #fff;
	border-radius: 50%;
	display: block;
	margin-bottom: -200px;
	margin-left: -60px;
	margin-top: -130px;
	max-width: 46%;
	outline: 20px solid #fff;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.dark-background-color .image-bubbles .image-2,
.dark-background-color .image-bubbles .image-3 {
	border-color: var(--default-text-color)
}

/* MOBILE ====================================== */

@media (max-width: 1400px) {
	.image-bubbles .image-2 {
		background-color: transparent;
		margin-top: -100px;
		max-width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 1100px) {
	.image-bubbles .image-1,
	.image-bubbles .image-2,
	.image-bubbles .image-3 {
		margin: -40px 0 0;
		max-height: none;
		max-width: 100%;
	}
	.image-bubbles .image-2 {
		z-index: 10
	}
	.image-bubbles .image-3 {
		margin-bottom: -170px;
	}
}
@media (max-width: 1024px) {
	.image-bubbles {
		margin: 0 45px;
		padding-top: 30px;
	}
}
@media (max-width: 768px) {
	.image-bubbles {
		margin-right: 0;
		padding-top: 60px
	}
}
@media (max-width: 600px) {
	.image-bubbles .image-3 {
		margin-bottom: -140px
	}
}
@media (max-width: 500px) {
	.image-bubbles {
		margin: 0;
	}
	.image-bubbles .image-1,
	.image-bubbles .image-2,
	.image-bubbles .image-3 {
		margin: -40px 0 0;
		max-height: none;
		max-width: 100%;
		z-index: 0;
	}
	.image-bubbles .image-2 {
		background-color: transparent;
		margin-top: -15px;
	}
	.image-bubbles .image-2 img {
		background-color: transparent;
	}
	.image-bubbles .image-3 {
		margin-bottom: -140px;
		z-index: 1;
	}
}

/* ============================================= */
/* Custom Template -> Image Link Box =========== */
/* ============================================= */

.image-link-box {
	align-items: center;
	border-radius: 10px;
	display: flex;
	height: 100%;
	min-height: 390px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	z-index: 0;
}

.image-link-box.not-clickable {
	cursor: default;
}

.image-link-box .image {
	bottom: 0;
	height: auto;
	left: 0;
	object-fit: cover;
	object-position: 50% 50%;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	z-index: -1;
}
.image-link-box .image img {
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	object-position: 50% 50%;
	width: 100% !important;
}
.image-link-box:after {
	bottom: 0;
	content: '';
	left: 0;
	opacity: 85%;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 0.3s ease;
}
.image-link-box:not(.not-clickable):hover:after {
	opacity: 50%;
}
.image-link-box.green:after {
	background-color: var(--green-color);
}
.image-link-box.blue:after {
	background-color: var(--blue-color);
}
.image-link-box.gold:after {
	background-color: var(--gold-color);
}
.image-link-box.dark-blue:after {
	background-color: var(--dark-blue-color);
}
.image-link-box img {
    display: block;
    margin: auto;
}
.image-link-box .label {
    color: #fff;
    display: block;
    font: 600 49px var(--default-font-family);
    padding: 0 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}

/* Alt Image Link Boxes */

.image-link-box.alt {
	background-color: #fff;
	border: 1px solid #f4f8ff;
	color: #000;
	flex-direction: column;
	justify-content: center;
	transition: box-shadow 0.3s ease;
}
.image-link-box.alt:hover {
	box-shadow: 0px 3px 15px #B5CFFF;
}
.image-link-box.alt:after {
	display: none;
}
.image-link-box.alt .image {
	height: 160px;
	margin: 70px 0 0px;
	max-width: 320px;
	padding: 0 15px;
	POSITION: RELATIVE;
}
.image-link-box.alt .image img {
	height: auto;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}
.image-link-box.alt .subtext {
	display: block;
	font: 400 18px var(--default-font-family);
	margin-top: 50px;
	padding: 0 15px;
	position: relative;
	text-align: center;
}
.image-link-box.alt .label {
	background-color: var(--blue-color);
	color: #fff;
	font: 700 22px var(--default-font-family);
	margin-top: 80px;
	padding: 30px;
	transition: background-color 0.3s ease;
}
.image-link-box.alt:hover .label {
	background-color: var(--dark-blue-color);
}

/* MOBILE ====================================== */

@media (max-width: 1024px) {
	.image-link-box .label {
		font-size: 30px;
		font-weight: 600
	}
}

/* ============================================= */
/* Custom Template -> Stylized Tier-list Table = */
/* ============================================= */ 

.stylized-gradient-tierlist-table {
	margin-bottom: 60px;
	width: 100%;
}
.stylized-gradient-tierlist-table,
.stylized-gradient-tierlist-table thead,
.stylized-gradient-tierlist-table tbody,
.stylized-gradient-tierlist-table tfoot,
.stylized-gradient-tierlist-table tr,
.stylized-gradient-tierlist-table th,
.stylized-gradient-tierlist-table td {
  padding: 0;
  border-spacing: 0;
}
.stylized-gradient-tierlist-table th {
	font: 400 24px 'Bebas Neue',sans-serif;
	padding: 32px 0 20px;
}
.stylized-gradient-tierlist-table tr:first-child {
	background: linear-gradient(120deg, var(--gold-color) 0%, var(--green-color) 50%, var(--blue-color) 100%);
	color: #fff;
}
.stylized-gradient-tierlist-table tr td {
	border-bottom: 1px solid var(--blue-color);
	padding: 14px 0;
}
.stylized-gradient-tierlist-table tr:last-child td {
	border: none;
}
.stylized-gradient-tierlist-table tr td img {
	display: block;
	margin: 0 auto;
}
.stylized-gradient-tierlist-table .mobile-table-values {
	display: none;
}

/* ============================================= */

@media (max-width: 1024px) {
	.stylized-gradient-tierlist-table {
		margin-top: 30px;
	}
	.stylized-gradient-tierlist-table:before {
		background: linear-gradient(120deg, var(--gold-color) 0%, var(--green-color) 50%, var(--blue-color) 100%);
		content: '';
		display: block;
		height: 20px;
		margin-bottom: 30px;
		width: 100%;
	}
	.stylized-gradient-tierlist-table th,
	.stylized-gradient-tierlist-table tr:first-child,
	.stylized-gradient-tierlist-table tr td:not(:first-child),
	.stylized-gradient-tierlist-table tr td img {
		display: none;
	}
	.stylized-gradient-tierlist-table tr {
		border-bottom: 1px solid var(--dark-blue-color);
		display: flex;
		flex-direction: column;
		padding-bottom: 20px;
		text-align: center;
	}
	.stylized-gradient-tierlist-table tr td:first-child {
		border: none;
		width: 100%;
	}
	.stylized-gradient-tierlist-table .mobile-table-values {
		display: inline-block;
		font: 400 16px 'Bebas Neue',sans-serif;
	}
	.stylized-gradient-tierlist-table .mobile-table-values .cell-heading-value:not(:last-child):after {
		content: ', ';
	}
}

/* ============================================= */
/* Custom Template -> Stylized Tier-list Table = */
/* ============================================= */

.gradient-timeline {
	margin: 100px 0;
	padding-top: 100px;
	position: relative;
	width: 100%;
}
.gradient-timeline tr {
	position: relative;
}
.gradient-timeline:before {
	background: linear-gradient(90deg, var(--blue-color) 0%, var(--green-color) 50%, var(--gold-color) 100%);
	content: '';
	display:block;
	height: 73px;
	left: -0px;
	position: absolute;
	top: -4px;
	width: 100%;
	z-index: -1;
}
.gradient-timeline tr td,
.gradient-timeline tr th {
	position: relative;
	text-align: left;
}
.gradient-timeline tr th, .gradient-timeline tr .faux-th-label {
	color: var(--dark-blue-color);
	font: 700 36px var(--default-font-family);
}
.gradient-timeline tr td {
	color: var(--dark-blue-color);
	font: 400 18px var(--default-font-family);
	line-height: 177%;
	padding-top: 10px;
}
.gradient-timeline tr th:last-child,
.gradient-timeline tr td:last-child {
	text-align: right;
}
.gradient-timeline tr th:after,
.gradient-timeline tr td:before {
	background-color: #fff;
	background-image: url(/images/icons/dot-mask.svg);
	background-position: 0% 50%;
	background-size: auto 98%;
	background-repeat: no-repeat;
	content: '';
	display:block;
	height: 74px;
	left: -2px;
	mix-blend-mode: screen;
	position: absolute;
	right: 0px;
	top: -108px;
	width: auto;
	z-index: 0;
}
.gradient-timeline tr td:after {
	border-bottom: 1px solid var(--dark-blue-color);
	bottom: auto;
	content: '';
	display:block;
	height: 1px !important;
	left: 70px;
	min-height: 1px;
	position: absolute;
	right: -1px;
	top: -118px;
	width: auto;
	z-index: 10;
}

.gradient-timeline tr .faux-th-label,
.gradient-timeline tr td:before {
	display: none;
}
.gradient-timeline tr th:last-child:after {
	background-position: calc(100% - 1px) 50%;
	right: -2px;
}
.gradient-timeline tr td:last-child:after {
	left: -1px;
	right: 71px;
}

/* MOBILE ====================================== */

@media (max-width: 1024px) {
	.gradient-timeline {
		padding: 0 0 0 100px;
	}
	.gradient-timeline:before {
		background: linear-gradient(180deg, var(--blue-color) 0%, var(--green-color) 50%, var(--gold-color) 100%);
		bottom: 0;
		height: auto;
		right: auto;
		top: 0;
		width: 70px;
	}
	.gradient-timeline tr {
		display: flex;
		flex-direction: column;
	}
	.gradient-timeline tr .faux-th-label {
		display: block;
		margin-bottom: 15px;
	}
	.gradient-timeline tr:first-child {
		display: none;
	}
	.gradient-timeline tr td {
		margin-left: -100px;
		padding-bottom: 70px;
		padding-left: 25%;
	}
	.gradient-timeline tr td:before {
		background-position: 50% 4px;
		background-size: 100% auto;
		bottom: 0;
		display: block;
		height: auto;
		top: -4px;
		right: auto;
		width: 71px;
	}
	.gradient-timeline tr td:last-child:before {
		bottom: -4px
	}
	.gradient-timeline tr td:after {
		background-color: var(--dark-blue-color);
		border: none;
		bottom: 0;
		height: auto !important;
		left: 33px;
		top: 70px;
		width: 1px;
	}
	.gradient-timeline tr td:last-child {
		text-align: left;
	}
	.gradient-timeline tr td:last-child:after {
		display: none;
	}
}
@media (max-width: 768px) {
		.gradient-timeline:before {
			width: 71px
		}
}
@media (max-width: 600px) {
	.gradient-timeline tr td {
		padding-left: 75%;
	}
}

/* ============================================= */
/* Custom Template -> Light Blue Contact Block = */
/* ============================================= */

.light-blue-contact-block {
	align-items: center;
	background-color: #E2EEFF;
	border-radius: 11px;
	display: flex;
	font: 400 49px var(--default-font-family);
	justify-content: space-between;
	padding: 50px 35px;
	text-transform: uppercase;
}
.light-blue-contact-block a {
	color: var(--blue-color);
	font-size: 40px;
}
.light-blue-contact-block a,
.light-blue-contact-block svg,
.light-blue-contact-block img {
	margin: 0 35px;
}

/* MOBILE ====================================== */

@media (max-width: 1024px) {
	.light-blue-contact-block {
		flex-direction: column;
		font-size: 36px;
		padding: 20px;
		text-align: center;
	}
	.light-blue-contact-block a {
		font-size: 30px;
		margin: 30px 0;
		text-align: center;
	}
	.light-blue-contact-block svg,
	.light-blue-contact-block img {
		margin: 30px 0
	}
}

/* ============================================= */
/* Custom Template -> Location Finder iFrame === */
/* ============================================= */

.inside-iframe .header,
.inside-iframe .footer {
	display: none;
}
.inside-iframe.page-type-31 {
	height: 100%;
}
.inside-iframe.page-type-31 .main-content:before {
	background-image: url(/images/template/PartofYourPossible_White.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 30px;
	content: '';
	display: block;
	height: 200px;
	position: fixed;
	top: auto;
	width: 200px;
	z-index: 100;
}
.inside-iframe.page-type-31 .interactive-map-container #map {
	background-color: transparent;
}
.inside-iframe.page-type-31 .interactive-map-container #map .interactive-map-icon {
	background-color: #B5CFFF !important;
}
.inside-iframe.page-type-31 .sosimple-underlay,
.inside-iframe.page-type-31 .interactive-map-infobox-content .title {
	display: none !important;
}
.inside-iframe.page-type-31 .interactive-map-infobox-content {
	width: max-content;
}
.inside-iframe.page-type-31 .sosimple-overlay {
	background-color: transparent;
	box-shadow: none;
	height: max-content !important;
	width: max-content !important;
}
.inside-iframe.page-type-31 .sosimple-overlay .slick-slider,
.inside-iframe.page-type-31 .sosimple-overlay .slick-slider .slick-track {
	width: max-content !important;
}
.inside-iframe.page-type-31 .sosimple-overlay .slick-slider,
.inside-iframe.page-type-31 .sosimple-overlay .slick-slider .slick-slide {
	background-color: transparent;
}
.inside-iframe.page-type-31 .sosimple-overlay .interactive-map-infobox-content .image {
	margin: 0;
}
.inside-iframe.page-type-31 .sosimple-overlay .slick-slider .slick-slide {
	background-image: none !important;
	max-width: 500px;
	overflow: visible;
	width: 100% !important;
}
.inside-iframe.page-type-31 .sosimple-overlay .slick-slider .slick-slide .caption,
.inside-iframe.page-type-31 .sosimple-overlay .popup-desc {
	align-items: center;
	aspect-ratio: 1 / 1;
	background-color: #5091CD;
	border: 20px solid var(--dark-blue-color);
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	font: 400 16px var(--default-font-family);
	justify-content: center;
	height: min-content;
	left: auto;
	max-width: 65%;
	overflow: hidden;
	padding: 50px 30px;
	position: absolute;
	right: 0;
	text-align: center;
	width: auto;
	z-index: 1;
}
.inside-iframe.page-type-31 .sosimple-overlay .slick-slider .slick-slide .caption h4 {
	font: 700 24px var(--default-font-family);
}
.inside-iframe.page-type-31 .sosimple-overlay .slick-slider .slick-slide img {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	margin-bottom: 50px;
	opacity: 1;
	position: relative;
	width: 100%;
}

@media (max-width: 768px) {
	.inside-iframe.page-type-31 .main-content:before {
		bottom: 120px
	}
}

/* ========================================================================= */
/* GENERAL OVERLAY PROPERTIES ============================================== */
/* ========================================================================= */

.sosimple-underlay {
	background-color: rgba(0,0,0,70%);
	backdrop-filter: blur(30px);
}
.sosimple-overlay {
	bottom: 20px;
	height: calc(100% - 40px) !important;
	left: 50%;
	margin: 0 !important;
	max-height: 600px;
	max-width: 1080px;
	padding: 0;
	position: fixed;
	right: 0;
	top: 50% !important;
	transform: translate(-50%, -50%);
	width: calc(100% - 40px) !important;
}
.sosimple-overlay .sosimple-overlay-close {
	background-color: #fff;
	background-image: none;
	clip-path: polygon(0% 40%, 40% 40%, 40% 0%, 60% 0%, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0% 60%);
	right: -50px;
	top: 0;
	transform: rotate(45deg);
	z-index: 10;
}
.sosimple-overlay .sosimple-overlay-close:before {
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/* MOBILE ====================================== */

@media (max-width: 1250px) {
	.sosimple-overlay .sosimple-overlay-close {
		right: 20px;
		top: 20px;
	}
}
@media (max-width: 768px) {
	.sosimple-overlay {
		background-image: url(/images/icons/cross-icon-white.svg);
		bottom: 20px;
		left: 50% !important;
		max-height: none;
		top: 20px !important;
		transform: translateX(-50%);
	}
}

/* ============================================= */
/* Video Block Overlays ======================== */
/* ============================================= */

.sosimple-overlay.has-video-or-iframe {
	aspect-ratio: 16 / 9 !important;
	background-color: #000;
	height: max-content !important;
	max-width: calc(100% - 60px);
	width: calc(70%) !important;
}
.sosimple-overlay.has-video-or-iframe iframe {
	aspect-ratio: 16 / 9;
	height: auto !important;
	width: 100%;
}

/* MOBILE ====================================== */

@media (max-width: 1024px) {
	.sosimple-overlay.has-video-or-iframe {
		width: calc(100% - 60px) !important;
	}
}
@media (max-width: 768px) {
	.sosimple-overlay.has-video-or-iframe {
		top: 50% !important;
		transform: translate(-50%, -50%);
	}
}
@media (max-width: 500px) {
	.sosimple-overlay.has-video-or-iframe {
		max-width: none;
		width: 100% !important;
	}
}

/* ============================================= */
/* Global Site Alerts ========================== */
/* ============================================= */

#global-site-alert-popup {
	bottom: 20px !important;
	height: auto !important;
	left: 40px !important;
	margin: 0 auto !important;
	max-width: 900px !important;
	position: fixed;
	right: 40px;
	text-align: center;
	top: 50% !important;
	transform: translateY(-50%);
	width: auto !important;
	z-index: 1000;
}
#global-site-alert-popup .global-site-alert {
	height: auto;
}
#global-site-alert-popup:before {
	background: linear-gradient(0deg, var(--blue-color) 0%, var(--dark-blue-color) 100%);
	bottom: -20px;
	box-shadow: 0 20px 40px rgba(0,0,0,32%);
	content: '';
	display: block;
	left: -20px;
	position: absolute;
	right: -20px;
	top: -20px;
	z-index: -1;
}
#global-site-alert-popup:after {
	background-color: white;
	bottom: 0px;
	box-shadow: 0 0 40px rgba(0,0,0,8%);
	content: '';
	display: block;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: -1;
}
#global-site-alert-popup .sosimple-overlay-close {
	background-image: url(/images/icons/cross-btn-boxed-black.svg?v=0.01);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto;
	right: 20px;
	top: 20px;
}
.global-site-alert .heading {
	background-color: transparent;
	padding-right: 30px;
	padding-top: 60px;
}
.global-site-alert .heading h3 {
	color: var(--dark-blue-color);
	font-family: var(--alt-font-family);
	font-size: 40px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 106%;
	text-transform: none;
}
#global-site-alert-popup .content-wrap .h5-style {
	color: var(--dark-blue-color);
}
#global-site-alert-popup .content-wrap {
	color: #3E453E;
	font-family: var(--default-font-family);
	font-size: 18px;
	height: 100%;
	margin: 0 auto auto;
	overflow-y: scroll;
	padding-top: 5px;
	width: 100%;
}
#global-site-alert-popup .content-wrap::-webkit-scrollbar {
	background-color: transparent;
	width: 10px;
}
#global-site-alert-popup .content-wrap::-webkit-scrollbar-thumb {
	background-color: var(--dark-blue-color);
	border-radius: 10px;
}
#global-site-alert-popup .dismiss-wrap.tac {
	margin-bottom: 0;
	margin-top: auto;
	padding-top: 87px;
}

/* MOBILE ======================================= */

@media (max-width: 768px) {
	#global-site-alert-popup {
		height: min-content !important;
		transform: translateY(-50%);
	}
}
@media (max-width: 500px) {
	#global-site-alert-popup {
		left: 20px !important;
		margin: 0px !important;
		width: calc(100% - 40px) !important;
		z-index: 1000;
	}
}
@media (max-height: 931px) {
	#global-site-alert-popup {
		bottom: 20px !important;
		height: auto !important;
		top: 20px !important;
		transform: none;
	}
	#global-site-alert-popup .content-wrap {
		height: calc(100vh - 225px);
		margin: 0 auto;
		overflow-y: scroll;
		width: 100%;
	}
}

/* ============================================= */
/* Video Overlays ============================== */
/* ============================================= */

/* MOBILE ====================================== */

/* ========================================================================= */
/* PAGE TYPE OVERRIDES ===================================================== */
/* ========================================================================= */

body:not(.page-type-0) .main-content-wrap > .wrapper {
	margin: 280px auto 60px;
	max-width: 1500px;
	width: calc(100% - 120px);
}
body.page-type-31.inside-iframe .main-content-wrap > .wrapper {
	margin: 0;
	padding: 0;
}
.page-type-5 .upper-pager,
.page-type-10 .upper-pager, 
.page-type-10 .lower-pager {
	display: none;
}
.page-type-10 .intro-text-wrap svg,
.page-type-10 .intro-text-wrap img {
	display: block;
}
.page-type-10 .fr.small-action-button.negmt {
	background-color: var(--default-text-color);
	border-radius: 6px;
	margin-bottom: 30px;
	padding: 15px;
}
.page-type-10 .fr.small-action-button.negmt:hover {
	background-color: var(--dark-blue-color);
}
.page-type-16 .custom-page-banner {
	display: flex;
}
.page-type-16 .custom-page-banner:after {
	background-image: url(/images/template/portfolio-glyph.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	height: 140px;
	margin-bottom: 50px;
	order: -1;
	width: 140px;
}
body.page-type-16 .main-content-wrap > .wrapper {
	margin-top: 90px;
}
.page-type-16 h2 {
	font-size: 49px;
}
.page-type-16 .inspiration-gallery-list.has-left-side-filters .inspiration-gallery-right-side .intro-text-wrap {
	display: none;
}
.inspiration-gallery-left-side h2 {
	font-size: 26px;
}

/* MOBILE ================================================================== */

@media (max-width: 1420px) {
	body:not(.page-type-0) .main-content-wrap > .wrapper {
		box-sizing: border-box;
		margin: 200px auto 0;
		padding: 0 60px;
		width: 100%
	}
}
@media (max-width: 768px) {
	body:not(.page-type-0) .main-content-wrap > .wrapper {
		margin: 180px auto 30px;
		padding: 0 30px;
	}
	.page-type-10 .intro-text-wrap svg,
	.page-type-10 .intro-text-wrap img {
		display: block;
		margin: 0 auto;
		max-width: calc(100% - 45px);
	}
	.page-type-16 .custom-page-banner:after {
		margin: 0;
		max-width: 100px;
	}
	body.page-type-16 .main-content-wrap > .wrapper {
		margin-top: 30px;
	}
	body.page-type-16 h2 {
		font-size: 32px;
	}
	body.page-type-16 .inspiration-gallery-left-side h2 {
		font-size: 24px;
	}
}

/* ========================================================================= */
/* HOMEPAGE-SPECIFIC ======================================================= */
/* ========================================================================= */

.page-index {
	opacity: 0;
	text-align: left;
	transition: opacity 0.5s ease;
}
.page-index .dark-background-color h2 {
	font-weight: 700;
}
.page-index.loaded {
	opacity: 1;
}
.page-index.at-top.hide-nav .header {
	background-color: transparent;
	box-shadow: none;
}
.page-index .header {
	transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
.page-index .header:before {
	background: linear-gradient(180deg, var(--default-text-color) 0%, transparent 100%);
	bottom: auto;
	content: '';
	display: block;
	height: 420px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 0.3s ease;
}
.page-index.at-top .header:before {
	opacity: 1;
}
.page-index .main-content {
	margin: 0;
}
.page-index .ss-section-wrap .ss-content-block {
	flex: auto;
	margin: 0;
}
.page-index .ss-image-block:last-child img.image-radius {
	display: block;
	height: auto !important;
	margin: 0 60px;
	width: calc(100% - 60px) !important;
}
.page-index .ss-section-wrap .ss-section-wrap-inner {
	margin: 0 auto;
	max-width: 1500px;
	width: calc(100% - 240px);
}
.page-index .homepage-video-banner {
	height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.page-index .ss-section-wrap.homepage-video-banner .ss-section-wrap-inner {
	height: 100%;
	margin: 0;
	max-width: none;
	width: 100%;
}
.page-index .homepage-video-banner .ss-editor-video-embed-container:before {
	background-color: rgba(18, 48, 87, 43%);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.page-index .homepage-video-banner .ss-editor-video-embed-container {
	min-height: 100vh;
	min-width: 100%;
	left: 0%;
	position: absolute;
	width: auto;
}
.page-index .homepage-video-banner .ss-editor-video-embed-container iframe {
	min-height: 100vh;
	min-width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	width: auto !important;
}
.page-index .homepage-video-banner .ss-editor-video-embed-container {
	margin: 0;
}
.page-index .homepage-video-banner .heading {
	bottom: 0;
	color: #fff;
	height: max-content;
	left: 50%;
	margin: 0 auto;
	max-width: 1500px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-50%,-50%);
	width: calc(100% - 120px);
	z-index: 10;
}
.page-index .homepage-video-banner .heading .gradient-left-border {
	
	line-height: 130%;
}
.page-index .homepage-video-banner .col-3 {
	bottom: 0;
	left: auto;
	margin: 60px;
	position: absolute;
	right: 0;
}
.page-index .homepage-video-banner .col-3,
.page-index .homepage-video-banner .col-3 p {
	width: min-content;
}
.page-index .blog-feed-slider-section .blog-feed-slider {
	margin: 60px 0;
}
.video-spotlight-section {
	background-color: #E2EEFF;
	margin-bottom: 100px;
}
.ss-section-wrap.video-spotlight-section .ss-section-wrap-inner {
	margin: 0 auto;
	max-width: 1500px;
	width: calc(100% - 120px);
}
.video-spotlight-section .ss-content-block {
	padding: 65px 0 65px 65px;
}
.video-spotlight-section .ss-image-block {
	background-color: #fff;
	padding: 45px;
	position: relative;
}
.video-spotlight-section .ss-image-block .vid-scroll-btn {
	background: linear-gradient(90deg, var(--gold-color) 0%, var(--green-color) 50%, var(--blue-color) 100%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	bottom: 100%;
	color: #fff;
	content: '';
	font: 700 49px var(--default-font-family);
	left: 0px;
	opacity: 85%;
	padding: 20px 35px 20px 110px;
	position: absolute;
	right: 0;
	top: -100px;
	text-decoration: none;
}
.video-spotlight-section .ss-image-block .vid-scroll-btn:after {
	background-image: url(/images/icons/Icon_video.svg);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: 40px;
	content: '';
	display: block;
	height: 40px;
	left: 45px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
}
.video-spotlight-section .ss-image-block p,
.video-spotlight-section .ss-image-block p img {
	display: block;
	height: 100% !important;
	width: 100% !important;
}
.video-spotlight-section .ss-image-block p img {
	object-fit: cover;
	object-position: 50% 50%;
}

.page-index .full-width.has-background-color:not(.callout-section) .col-2 {
	padding: 0;
}

.page-index .blog-feed-slider-section:not(.underlapping-previous) {
	margin-bottom: -200px;
	margin-top: 100px;
	padding-bottom: 300px;
}
.page-index .blog-feed-slider-section:last-child {
	padding-top: 0;
}
.page-index .blog-feed-slider-section,
.page-index .has-background-image {
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	transform: none;
	z-index: 0;
}
.page-index .blog-feed-slider-section.dark-background-color .slick-slide a {
	color: #fff;
}

/* MOBILE ================================================================== */

@media (max-width: 1650px) {
	.video-spotlight-section {
		margin-bottom: 60px;
	}
	.page-index .ss-section-wrap .ss-section-wrap-inner {
		width: calc(100% - 120px);
	}
	.page-index .blog-feed-slider-section:not(.underlapping-previous) {
		margin-top: 60px;
	}
}
@media (max-width: 1250px) {
	.page-index .nav-toggle {
		display: block;
		margin-left: auto;
		margin-right: 30px;
	}
	.page-index .homepage-video-banner .col-3 {
		margin: 0 15px;
	}
}
@media (max-width: 1200px) {
	.video-spotlight-section .ss-image-block .vid-scroll-btn {
		background-position: 0% 50%;
		font-size: 36px;
		line-height: 100%;
		margin-left: 0px;
		padding: 25px 25px 15px 115px;
		top: -84px;
	}
	.page-index .blog-feed-slider-section:not(.underlapping-previous) {
		padding: 30px 0 180px;
	}
	.page-index .blog-feed-slider-section:last-child {
		padding-bottom: 240px;
	}
}
@media (max-width: 1024px) {
	.page-index .ss-section-wrap .ss-section-wrap-inner {
		flex-direction: column;
		width: calc(100% - 120px);
	}
	.page-index .ss-section-wrap .ss-content-block:not(.ss-image-block) {
		padding: 20px 0 !important;
		width: 100%;
	}
	.page-index .ss-section-wrap.homepage-video-banner .heading {
		width: calc(100% - 120px);
	}
	.page-index .ss-section-wrap .ss-image-block {
		order: -1;
		width: 100%;
	}
	.page-index .ss-image-block:last-child img.image-radius {
		margin: 0 0 30px;
		width: 100% !important;
	}
	.page-index .ss-section-wrap.underlapping-previous .ss-section-wrap-inner {
		transform: translateY(-320px) !important;
	}
	.video-spotlight-section {
		margin-bottom: 60px;
		padding-bottom: 30px;
	}
	.video-spotlight-section .ss-section-wrap-inner {
		flex-direction: column;
	}
	.video-spotlight-section .ss-content-block {
		width: 100%;
	}
	.video-spotlight-section .ss-image-block .vid-scroll-btn {
		font-size: 36px;
		padding-left: 70px;
		padding-right: 15px;
	}
	.video-spotlight-section .ss-image-block .vid-scroll-btn:after {
		background-size: contain;
		height: 30px;
		left: 20px;
		width: 30px;
	}
	.page-index .blog-feed-slider-section:last-child {
		margin-top: 0;
	}
}
@media (max-width: 768px) {
	.page-index .nav-toggle {
		margin-right: 0;
	}
	.video-spotlight-section .ss-image-block {
		padding: 0;
	}
	.page-index .ss-section-wrap .ss-content-block:not(.ss-image-block) {
		padding-bottom: 0 !important;
	}
	.page-index .ss-section-wrap.homepage-video-banner .heading {
		left: 30px;
		right: 30px;
		transform: translateY(-50%);
		width: auto;
		z-index: 11;
	}
	.page-index .homepage-video-banner .heading h1 {
		text-align: center;
	}
	.page-index .homepage-video-banner .heading h1 .gradient-left-border {
		padding: 0;
	}
	.page-index .homepage-video-banner .heading h1 .gradient-left-border:before {
		display: none;
	}
	.page-index .full-width.has-background-color:not(.gallery-section) .ss-section-wrap-inner {
		margin: 0;
		padding: 15px 0 30px;
		width: 100%;
	}
}
@media (max-width: 500px) {
	.page-index .ss-section-wrap .ss-section-wrap-inner {
		width: calc(100% - 60px);
	}
	.page-index .ss-section-wrap.full-width.has-background-color h3 {
		margin-bottom: 20px;
	}
	.ss-section-wrap.video-spotlight-section .ss-section-wrap-inner {
		width: calc(100% - 60px);
	}
	.page-index .ss-section-wrap.underlapping-previous .ss-section-wrap-inner {
		transform: translateY(-220px) !important;
	}
	.video-spotlight-section {
		margin-bottom: 30px;
		text-align: left;
	}
	.video-spotlight-section .ss-image-block:after {
		background-position: 20px 50%;
		background-size: 30px;
	}
	.page-index .blog-feed-slider-section:not(.underlapping-previous) {
		margin-top: 30px;
		padding-bottom: 60px;
	}
	.page-index .blog-feed-slider-section.underlapping-previous {
		/* background-color: transparent !important; */
		margin-bottom: 30px;
		margin-top: 200px;
		padding-bottom: 0;
		transform: none !important;
	}
	.page-index .blog-feed-slider-section:not(.underlapping-previous):last-child {
		padding-bottom: 240px;
	}
}
@media (max-width: 420px) {
	.video-spotlight-section .ss-image-block .vid-scroll-btn {
		font-size: 28px;
		padding: 30px 28px 28px 70px;
	}
}
@media (max-width: 380px) {
	.video-spotlight-section .ss-image-block .vid-scroll-btn {
		font-size: 24px;
	}
}

/* ========================================================================= */
/* FOOTER ================================================================== */
/* ========================================================================= */

.footer {
	background-attachment: fixed;
	background-image: url(/images/template/unnamed.jpg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	opacity: 0;
	padding: 80px 120px 60px;
	position: relative;
	transition: opacity 0.3s ease;
	z-index: 0;
}
.footer:before {
	background-color: var(--default-text-color);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	opacity: 0.94;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.footer-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 1500px;
}

body.loaded .footer {
	opacity: 1;
}

.footer .footer-logo {
	display: block;
	flex: none;
	margin-right: 0;
	padding-right: 110px;
}
.footer .footer-logo p {
	display: block;
	width: max-content;
}
.footer .footer-logo img {
	height: auto !important;
	max-width: 100%;
	width: 290px !important;
}
.footer .footer-quick-links {
	border-left: 1px solid var(--blue-color);
	flex: none;
	margin-left: 0;
	margin-right: auto;
	width: calc(100% / 2);
}
.footer .footer-quick-links ul {
	columns: 2;
	list-style: none;
	margin: 0;
	padding-left: 60px;
}
.footer .footer-quick-links ul li {
	margin-bottom: 15px
}
.footer .footer-quick-links ul li a {
	color: var(--blue-color);
	font: 500 18px var(--default-font-family);
	text-decoration: none;
}
.footer .footer-policy-and-copyright {
	border-top: 1px solid var(--blue-color);
	display: flex;
	flex: 100%;
	justify-content: space-between;
	margin-top: 60px;
	padding-top: 15px;
}
.footer .footer-policy-and-copyright ul {
	color: #B5Cfff;
	display: flex;
	font: 400 18px var(--default-font-family);
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}
.footer .footer-policy-and-copyright ul li a {
	border-right: 1px solid var(--blue-color);
	color: #B5Cfff;
	margin-right: 15px;
	padding-right: 15px;
	text-decoration: none;
}
.footer .footer-policy-and-copyright ul li:last-child a {
	border-right: none;
}

/* MOBILE ================================================================== */

@media (max-width: 1100px) {
	.footer {
		padding: 30px 30px 15px;
	}
	.footer-wrapper {
		align-items: center;
		flex-direction: column;
	}
	.footer .footer-logo {
		padding: 0;
	}
	.footer .footer-quick-links {
		border-left: none;
		border-top: 1px solid var(--blue-color);
		padding-top: 30px;
		width: 100%;
	}
	.footer .footer-quick-links ul {
		columns: 1;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0;
	}
	.footer .footer-quick-links ul li a {
		margin: 0 15px;
	}
	.footer .footer-policy-and-copyright {
		margin-top: 30px;
		width: 100%;
	}
}
@media (max-width: 768px) {
	.footer .footer-policy-and-copyright {
		align-items: center;
		flex-direction: column;
	}
	.footer .footer-policy-and-copyright ul {
		margin: 15px 0 0;
	}
	.footer .footer-policy-and-copyright ul li a {
		margin: 0;
		padding: 0 15px;
	}
}