/* For COI Ad

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap&text=THELAP');

 */

/*	-------------------------------------------------------------

Global Screen Styles

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.page-inner,
.content {
	max-width: none;
	width:100%;
}

.no-sidebar-full .content {
	margin: 0;
	padding: 0;
}

.screen-inner {
	margin: 0 auto;
	max-width: 60em;
}

.fa-ul li {
	list-style: none;
}

.wide-screen a.button-link,
.wide-screen button.button-link {
	font-size: 1.25em;
	background: #ff710b;
	border-radius: 0.5em;
	border: none;
	line-height: 1.2;
	padding: 0.8em 0.9em 0.9em;
	text-align: center;
	transition: 0.33s;
}

.wide-screen a.button-link:link,
.wide-screen a.button-link:visited,
.wide-screen button.button-link { color:#fff; }

.wide-screen a.button-link:hover,
.wide-screen a.button-link:focus,
.wide-screen a.button-link:active,
.wide-screen button.button-link:hover,
.wide-screen button.button-link:focus,
.wide-screen button.button-link:active {
	background: #ff8d3d;
	color: #fff !important;
	transform: scale(1.1);
}

.wide-screen a.button-link:active,
.wide-screen button.button-link:active {
	background: #d65900;
	transform: scale(0.9);
}

/*	-------------------------------------------------------------

	SCREEN: Hero

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@supports (display: -webkit-flex) or (display: flex) {
	@media (min-width:48em) and (min-height:48em) {
		.screen-hero {
			height: 70vh;
			max-height: 40em;
			min-height: 31em;

			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: column;
			flex-direction: column;
			-webkit-justify-content: center;
			justify-content: center;
		}
	}
}

/* ======================
	Masthead
====================== */

.masthead-nm {
	margin-bottom: auto;
	padding: 0.5em 0 1em;
	position: relative;
	/* Fallback for non-sticky browsers */
	top: 0;
	font-size: 0.9em;
	/* Temporary override for larger body size */
}

@media (min-height:30em) {
	.masthead-nm.masthead-sticky {
		background: #fff;
		box-shadow: 0 0 0.1em rgba(0,0,0,0.25);
		position: -webkit-sticky;
		position: sticky;
		z-index: 100;
		transition: transform 0.5s ease;
	}

	.masthead-nm.masthead-up {
		box-shadow: none;
		transform: translateY(-100%);
	}
}

.masthead-nm .masthead-inner {
	margin: 0 auto;
	max-width: 70em;
	overflow-x: hidden;
	padding: 0 1em;
	text-align: center;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
	align-items: center;
}

.masthead-nm .masthead-inner > * + * {
	margin-left: 1em;
}

.masthead-nm .logo,
.masthead-nm .navigation-open,
.masthead-nm .masthead-search-open,
.masthead-nm .member-button {
	display: inline-block;
	line-height: 1.1;
	min-height: 3.5em;
	text-align: center;
	vertical-align: middle;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.masthead-nm .logo {
	-webkit-flex: 0 1 100px;
	-ms-flex: 0 1 100px;
	flex: 0 1 100px;
}

.masthead-nm .logo a {
	width: 100%;
}

.masthead-nm .logo img {
	display: block;
	margin: 0 auto;
}

.masthead-nm .logo a:focus {
	outline: 1px dashed #333;
}

.masthead-nm .navigation-open,
.masthead-nm .masthead-search-open,
.masthead-nm .member-button {
	background: #ddd;
	border-radius: 1em;
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0.5em 1em 0.75em;
	text-align: center;

	-webkit-flex: 0 2 12em;
	-ms-flex: 0 2 12em;
	flex: 0 2 12em;
}

.masthead-nm .navigation-open > span,
.masthead-nm .masthead-search-open > span,
.masthead-nm .member-button > span {
	display: block;
	margin: 0 auto;
}

.masthead-nm .member-button {
	background: #333;
	color: #fff;
}

.masthead-nm .navigation-open:hover,
.masthead-nm .navigation-open:focus,
.masthead-nm .navigation-open:active,
.masthead-nm .masthead-search-open:hover,
.masthead-nm .masthead-search-open:focus,
.masthead-nm .masthead-search-open:active {
	background: #333;
	color: #fff;
}

.masthead-nm .member-button:hover,
.masthead-nm .member-button:focus,
.masthead-nm .member-button:active {
	background: #858585;
}

/* Search Form CSS */

.masthead-nm .masthead-search-open {
	display: none;
}

.masthead-nm .masthead-search {
	transition: flex 0.3s;
	/* Flexbox Rules */
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.masthead-nm .masthead-search:focus-within+.featured-content-open-wrapper {
	margin-right: -6.5em;
}

.masthead-nm .search-input-container {
	background-color: #fff;
	border-radius: 0.5em;
	color: #bbb;
	display: inline-block;
	margin: 1em 1em 0;

	/* Flexbox Rules */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
	-webkit-align-items: stretch;
}

.masthead-nm .search-input-container label {
	border: solid #ccc;
	border-radius: 0.5em 0 0 0.5em;
	border-width: 1.5px 0 1.5px 1.5px;
	color: inherit;
	padding: 0.3em 0 0.25em 0.5em;
	/* Flexbox Rules */
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.masthead-nm .search-input-container label .fa {
	margin-right: 0.2em;
}

.masthead-nm .search-input-container input[type="search"] {
	border: solid #ccc;
	border-width: 1.5px 0;
	color: #999;
	font-family: inherit;
	padding: 0.1em 0.5em;
	min-width: 0;
	width: 100%;
	/* Flexbox Rules */
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.masthead-nm .search-input-container input[type="search"]::placeholder {
	color: #999;
}

.masthead-nm .search-input-container input[type="search"]::-ms-input-placeholder {
	/* Keep browser selectors in separate rules */
	color: #999;
}

.masthead-nm .search-input-container input[type="search"]::-webkit-input-placeholder {
	/* Keep browser selectors in separate rules */
	color: #999;
}

.masthead-nm .search-input-container button {
	cursor: pointer;
	background-color: #1E609C;
	color: #fff;
	font-family: inherit;
	font-weight: bold;
	border: 0 none;
	border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;
	padding: 0.65em 1.1em;
	/* Flexbox Rules */
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.masthead-nm .search-input-container button:hover,
.masthead-nm .search-input-container button:focus,
.masthead-nm .search-input-container button:active {
	background-color: #508bc0;
}

@media screen and (min-width:23em) {
	.masthead-nm .search-input-container input[type="search"] {
		font-size: 1.1em;
	}
}

/* Navigation Bar */

.masthead-nm .navigation {
	height: 100%;
	left: -80%;
	margin: 0;
	overflow-x: visible;
	overflow-y: scroll;
	position: absolute;
	top: 0;
	transition: left 0.3s ease;
	width: 80%;
}

.masthead-nm .navigation {
	background-color: #444;
	color: #fff;
	z-index: 999;
}

.masthead-nm .navigation .navigation-close,
.masthead-nm .navigation .sf-menu a {
	display: block;
	line-height: 1;
	padding: 1em;
}

.masthead-nm .navigation .navigation-close,
.masthead-nm .navigation .sf-menu a {
	color: #fff;
}

.masthead-nm .navigation a:hover,
.masthead-nm .navigation a:focus{
	background: #3e3e3e;
	color: #cf8;
	cursor: pointer;
}

.masthead-nm .navigation .navigation-close,
.masthead-nm .navigation .sf-menu {
	font-size: 1.1em;
	text-align: left;
}

.masthead-nm .navigation .navigation-close {
	font-weight: bold;
}

.masthead-nm .navigation .navigation-close span {
	position: absolute;
	right: 1em;
}

.masthead-nm .navigation .sf-menu {
	margin: 0;
}

.masthead-nm .navigation .sf-menu li {
	list-style: none;
	margin: 0;
	position: relative;
}

.masthead-nm .navigation .sf-menu li {
	border-top: 1px solid #555;
}

/*
	Open/Close Functionality for Mobile Menu/Featured Content

	:target/:checked for non-JavaScript
	aria-expanded="true/false" for JavaScript
*/

.masthead-nm .navigation:target,
.masthead-nm .navigation[aria-expanded="true"] {
	left: 0;
	outline: none;
}

.masthead-nm .navigation:target .menu-close,
.masthead-nm .navigation[aria-expanded="true"] .menu-close {
	z-index: 1001;
}

.masthead-nm .navigation:target ul,
.masthead-nm .navigation[aria-expanded="true"] ul {
	position: relative;
	z-index: 1000;
}

/* Create a clickable backdrop for mobile nav */

.masthead-nm .navigation-backdrop,
.masthead-nm .featured-content-backdrop {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8);
	cursor: default;
	display: block;
	height: 100%;
	height: 100vh;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 998;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.3s, opacity 0.3s;
}

.masthead-nm .navigation:target + .navigation-backdrop,
.masthead-nm .navigation[aria-expanded="true"] + .navigation-backdrop {
	visibility: visible;
	opacity: 1;
}

.masthead-nm .navigation,
.masthead-nm .navigation:target+.navigation-backdrop,
.masthead-nm .navigation[aria-expanded="true"]+.navigation-backdrop {
	position: fixed;
}

/* Desktop Style Navigation */

@media (min-width:48em) {
	.masthead-nm,
	.masthead-nm.masthead-sticky {
		padding: 0.5em 0 1em;
		position: relative;
	}

	.masthead-nm.masthead-sticky {
		background: transparent;
		box-shadow: none;
	}

	.masthead-up {
		transform: none;
		transition: none;
	}

	.masthead-nm .masthead-inner {
		overflow-x: inherit;
	}

	.masthead-nm .logo,
	.masthead-nm .member-button,
	.masthead-nm .masthead-search-open {
		min-height: 0;
	}

	.masthead-nm .logo {
		-webkit-flex: 0 0 6em;
		-ms-flex: 0 0 6em;
		flex: 0 0 6em;
	}

	.masthead-nm .masthead-search-open,
	.masthead-nm .member-button {
		padding: 0.8em 1em 1em;
		line-height: 1.1;

		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
	}

	.masthead-nm .masthead-search-open {
		-webkit-flex: 1 0 6.5em;
		-ms-flex: 1 0 6.5em;
		flex: 1 0 6.5em;

		display: inline-block;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.masthead-nm .masthead-search-open > span {
		margin: 0;
	}

	.masthead-nm .masthead-search {
		bottom: 0;
		left: 0;
		margin: auto;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: scale(50%) translateX(30%);
		transform-origin: right center;
		transition: all 0.33s;
		z-index: -1;
	}

	.masthead-nm .masthead-search[aria-expanded="true"] {
		opacity: 1;
		transform: scale(100%) translateX(0%);
		z-index: 0;
	}

	.masthead-nm .masthead-search form {
		height: 100%;
	}

	.masthead-nm .search-input-container {
		height: 100%;
		margin: 0 0 0 1em;
	}

	.navigation-toggle,
	.masthead-nm .navigation-toggle,
	.masthead-nm .navigation .navigation-toggle {
		display: none;
	}

	.masthead-nm .navigation {
		color: inherit;
		background: transparent;
		left: auto;
		overflow: inherit;
		position: relative;
		top: auto;
		transition: none;
		visibility: visible;
		width: 100%;
		z-index: auto;
	}

	.masthead-nm .navigation ul.sf-menu {
		display: table;
		font-size: 0.9em;
		font-weight: 500;
		margin: 0;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.masthead-nm .navigation .sf-menu li {
		border-top: 0 none;
		display: table-cell;
	}

	.masthead-nm .navigation ul.sf-menu li + li {
		border-left: 1px solid #ccc;
	}

	.masthead-nm .navigation ul.sf-menu li a {
		color: inherit;
		padding: 0.9em 1em 1em;
		text-decoration: none;
	}

	.masthead-nm .navigation ul.sf-menu li > a:hover,
	.masthead-nm .navigation ul.sf-menu li > a:focus {
		background-color: #333;
		border-radius: 1em;
		color: #fff;
	}
}

@media (min-width:54em) {
	.masthead-nm .navigation .sf-menu li {
		padding: 0 0.67em;
	}
}

/* ======================
	Screen Content
====================== */

.screen-hero .screen-inner {
	margin: auto;
	padding: 0.5em 1.5em 1.5em;
}

.screen-hero .screen-hero-copy {
	margin: 0 auto;
	max-width: 33em;
}

.screen-hero h1 {
	color: inherit;
	font-size: 2.4em;
	margin-left: auto;
	margin-right: auto;
}

.handwritten-checkmarks {
	margin-left: 0;
	padding-left: 0;
}

.handwritten-checkmarks > li {
	font-weight: 500;
	list-style: none;
	margin: 0.5em 0;
	padding-left: 1.7em;
	position: relative;
}

.handwritten-checkmarks > li::before {
	content: '';
	background: url('/_img/framework/misc/check_mark.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.4em;
	height: 1.4em;
	transform: rotate(-10deg);
}

.screen-hero .screen-hero-images {
	display: none;
}

.screen-hero a.skip-link {
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0.2em;
	color: #fff;
	display: block;
	font-size: 3em;
	height: 1em;
	line-height: 1;
	margin: 0 auto;
	text-align: center;
	transition: 0.33s;
	width: 1.5em;
}

.screen-hero a.skip-link .fa {
	font-size: inherit;
	line-height: inherit;
}

.screen-hero a.skip-link:hover,
.screen-hero a.skip-link:focus {
	background: #000;
	transform: scale(1.1);
}

.screen-hero a.skip-link:active {
	background: #000;
	transform: scale(0.9);
}

@media (min-width:26em) {
	.screen-hero a.button-link {
		transform-origin: left bottom;
	}
}

@media (min-width:48em) {
	.screen-hero .screen-inner {
		padding: 1.5em 1.5em 1px;
	}

	.screen-hero .screen-hero-copy {
		font-size: 1.2em;
	}

	.screen-hero h1 {
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}
}

@media (min-width:55em) {
	.screen-hero .screen-inner {
		display: table;
		padding: 0.5em 1.5em 1px;
		max-width: 66em;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.screen-hero .screen-hero-copy,
	.screen-hero .screen-hero-images {
		display: table-cell;
		vertical-align: middle;
	}

	.screen-hero .screen-hero-copy {
		max-width: none;
		padding-right: 7.5em;

		-webkit-flex: 0 2 auto;
		-ms-flex: 0 2 auto;
		flex: 0 2 auto;
	}

	.screen-hero .screen-hero-images {
		max-width: 19em;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;

		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.screen-hero .screen-hero-images .screen-hero-images-image {
		background: #fff;
		border: 1em solid #fff;
		border-radius: 0.25em;
		box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.5);
		left: 0;
		margin: 0 auto;
		opacity: 0;
		top: 0;
		position: relative;
	}

	.screen-hero .screen-hero-images .screen-hero-images-image + .screen-hero-images-image {
		margin-top: -20em;
	}

	.screen-hero .screen-hero-images .screen-hero-images-image:nth-child(1) {
		animation: 0.67s ease-in-out 1.2s 1 forwards screenHeroImageTop;
		transform: translate(-6em, -3.5em) rotate(-10deg);
		z-index: 3;
	}

	.screen-hero .screen-hero-images .screen-hero-images-image:nth-child(2) {
		animation: 0.67s ease-in-out 0.8s 1 forwards screenHeroImageMiddle;
		transform: translate(-3em, -1.5em) rotate(-5deg);
		z-index: 2;
	}

	.screen-hero .screen-hero-images .screen-hero-images-image:nth-child(3) {
		animation: 0.67s ease-in-out 0.4s 1 forwards screenHeroImageMiddle2;
		transform: translate(-1em, 0.5em) rotate(-3deg);
		z-index: 1;
	}

	.screen-hero .screen-hero-images .screen-hero-images-image:nth-child(4) {
		animation: 0.67s ease-in-out 0s 1 forwards screenHeroImageBottom;
		transform: translate(0em, 2em);
		z-index: 0;
	}

	.screen-hero .screen-hero-images .screen-hero-images-image p {
		font-family: 'Caveat', cursive;
		font-size: 0.95em;
		margin: 0;
	}
}

/* Animations */

@keyframes screenHeroImageBottom {
	0% {
		transform: translate(3em, 5em) rotate(10deg) scale(0.9);
		opacity: 0;
	}

	100% {
		transform: translate(0em, 2em) scale(1);
		opacity: 1;
	}
}

@keyframes screenHeroImageMiddle {
	0% {
		transform: translate(0em, 1.5em) rotate(5deg) scale(0.9);
		opacity: 0;
	}

	100% {
		transform: translate(-3em, -1.5em) rotate(-5deg) scale(1);
		opacity: 1;
	}
}

@keyframes screenHeroImageMiddle2 {
	0% {
		transform: translate(2em, 3.5em) rotate(3deg) scale(0.9);
		opacity: 0;
	}

	100% {
		transform: translate(-1em, 0.5em) rotate(-3deg);
		opacity: 1;
	}
}

@keyframes screenHeroImageTop {
	0% {
		transform: translate(-3em, 0em) scale(0.9);
		opacity: 0;
	}

	100% {
		transform: translate(-6em, -3.5em) rotate(-10deg) scale(1);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.screen-hero * {
		animation: none !important;
		transition: none !important;
	}

	.screen-hero .screen-hero-images .screen-hero-images-image {
		opacity: 1;
	}
}

/*	-------------------------------------------------------------

	SCREEN: Projects

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.screen-projects {
	background: linear-gradient(to top, #fefefe 28%, #4db2ad 82%);
	padding: 1px 1.5em;
}

.screen-projects .screen-inner {
	padding: 1px 0;
}

.screen-projects .screen-projects-content {
	margin: 0 auto;
	max-width: 27em;
}

.screen-projects h2 {
	font-size: 2.5em;
}

.screen-projects .sub-line {
	font-size: 1.4em;
	line-height: 1.2;
	margin-top: 0.5em;
}

.screen-projects .screen-projects-artwork {
	display: none;
}

.screen-projects .screen-projects-hero img,
.screen-projects .screen-projects-artwork img {
	display: block;
}

.screen-projects .screen-projects-hero img {
	box-shadow: 0 0 2em -0.45em #fefefe;
}

@media (min-width: 51em) {
	.screen-projects {
		background: linear-gradient(to right, #fefefe 25%, #4db2ad 55%);
	}

	.screen-projects .screen-inner {
		display: flex;
		align-items: flex-start;
		gap: 0 2em;
		padding: 3em 0 1px;
	}

	.screen-projects .screen-projects-content {
		flex: 1 1 45%;
		margin: 0;
	}	
	
	.screen-projects .screen-projects-hero {
		display: none;
	}

	.screen-projects .screen-projects-artwork {
		align-self: flex-end;
		display: block;
		flex: 1 1 55%;
		margin-bottom: -2px;
	}
}

@media (min-width: 58em) {
	.screen-projects .screen-projects-content {
		flex: 1 2 auto;
	}	

	.screen-projects .screen-projects-artwork {
		flex: 0 1 auto;
	}
}

/*	-------------------------------------------------------------

	SCREEN: Projects

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@keyframes badgesScrolling {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

.screen-certs {
	background:
	linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 60%),
	linear-gradient(rgba(240, 240, 240, 0.98), rgba(240, 240, 240, 0.98)), 
	url('/_img/framework/templates/default/stripes_pattern-invert.svg') repeat;
	background-size: cover;
	padding: 1px 1.5em;
}

.screen-certs h2 {
	font-size: 2.5em;
	margin-top: 1em;
	text-align: center;
}

.screen-certs img {
	display: block;
}

.screen-certs .screen-certs-hero,
.screen-certs .screen-certs-copy-artwork_badges,
.screen-certs .screen-certs-top-button {
	display: none;
}

.screen-certs .screen-certs-hero {
	user-select: none;
}

.screen-certs .screen-certs-copy {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 5em auto 0;
	max-width: 30em;
}

.screen-certs .screen-certs-copy-box {
	background:
	linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 1) 93%, rgba(255, 255, 255, 0) 93%),
	linear-gradient(to right, #89bc55, #374907);
	border: 2px solid #60832e;
	padding: 2em 2em 3.4em;
}

.screen-certs .screen-certs-copy-box > p {
	font-weight: 500;
	font-size: 1.1em;
	line-height: 1.4;
}

.screen-certs .screen-certs-copy :last-child {
	margin-bottom: 0;
}

.screen-certs .screen-certs-copy-artwork {
	margin: -5em auto 0;
	max-width: 175px;
	width: 70%;
}

.screen-certs .screen-certs-copy-artwork_ver img {
	margin: auto;
}

.screen-certs .screen-certs-bottom {
	padding: 1px 0 1em;
}

.screen-certs .screen-certs-badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5em;
	margin: 1em auto 2em;
}

.screen-certs .screen-certs-badges .screen-certs-badges-image {
	display: block;
	flex: 1 1 75px;
}

.screen-certs .screen-certs-badges .screen-certs-badges-image img {
	margin: auto;
}

@media (min-width: 23.75em) {
	.screen-certs .screen-certs-badges .screen-certs-badges-image {
		flex: 0 0 100px;
	}	
}

@media (min-width: 60em) {
	.screen-certs {
		background:
		linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 53%, rgb(255, 255, 255) 90%),
		linear-gradient(to top, rgba(240, 240, 240, 0.98), rgba(240, 240, 240, 0.98)),
		url('/_img/framework/templates/default/stripes_pattern-invert.svg') repeat;
		background-size: cover;
		padding: 1px 0;
	}

	.screen-certs .screen-inner {
		max-width: none;
	}

	.screen-certs .screen-certs-top {
		align-items: center;
		display: flex;
		background: linear-gradient(to top, #eaeaea, #f0eff0 140px, transparent 140px);
		flex-wrap: wrap;
		justify-content: center;
	}

	.screen-certs h2 {
		flex: 1 1 100%;
		font-size: 3em;
		margin-bottom: 0;
	}

	.screen-certs .screen-certs-hero,
	.screen-certs .screen-certs-top-button {
		display: block;
		z-index: 2;
	}

	.screen-certs .screen-certs-hero {
		flex: 0 0 1000px;
		margin-left: -15em;
		position: relative;
		z-index: 1;
	}

	.screen-certs .screen-certs-copy {
		margin: -4em 0 0 -17.5em;
	}

	.screen-certs .screen-certs-copy-box {
		padding: 2em 0 3.4em;
		width: 100%;
	}

	.screen-certs .screen-certs-copy-artwork {
		display: flex;
		margin: 0 auto;
		max-width: 100%;
		overflow: hidden;
		width: auto;
	}

	.screen-certs .screen-certs-copy-artwork_badges {
		animation: badgesScrolling var(--badgesSpeed) linear infinite;
		display: flex;
		flex: 0 0 auto;
		gap: 0 1em;
		padding-right: 1em;
		will-change: transform;
	}

	.screen-certs .screen-certs-copy-artwork:hover .screen-certs-copy-artwork_badges {
		animation-play-state: paused;
	}

	.screen-certs .screen-certs-copy-box > p {
		padding: 0 2rem;
		position: relative;
		z-index: 2;
	}

	.screen-certs .screen-certs-bottom,
	.screen-certs .screen-certs-copy-artwork_ver {
		display: none;
	}
}

/*	-------------------------------------------------------------

	SCREEN: Content

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.screen-content {
	background: radial-gradient(#62e8fe 20%, transparent 20%), radial-gradient(#73ffbc 20%, transparent 20%);
	background-position: 0 0, 2em 2em;
	background-size: 0.8em 0.8em, 0.8em 0.8em;
	position: relative;
	padding: 0 1em;
	margin: 4rem auto 5rem;
}

.screen-content::before {
	content: '';
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 1) 95%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.screen-content .screen-inner {
	position: relative;
	background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
}

.screen-content h2 {
	font-size: 2.5em;
	text-align: center;
	margin-top: 0;
}

/* =========================
Card and Section Tags 
========================= */


.link__tags > a {
	background-color: rgba(47, 116, 200, 0.1);
	border: currentColor 1px solid;
	color: #2f75c8;
	border-radius: 50px;
	display: inline-block;
	font-size: 0.7em;
	margin: 0 0 0.5em;
	padding: 0.2em 1.2em 0.1em;
}

.link__tags > a + a {
	margin-left: 0.1em;
}

.link__tags > a:focus,
.link__tags > a:hover {
	background-color: rgba(238, 83, 0, 0.07);
	color: #e50;
}
	
/* =========================
Card Design and Layout 
========================= */

.card {
	margin: 3rem auto;
	max-width: 30rem;
}

.card__image img {
	display: block;
}

.card__image a:focus img {
	outline: currentColor 1px solid;
}

.card__image a:active img {
	outline: none;
}

.card__copy__title {
	margin-top: 1rem;
}

.card__copy :last-child {
	margin-bottom: 0;
}

/* Split Large Card Info Into Two Columns */

@media (min-width: 54em) {
	.large-card-split {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			'left right'
		;
		max-width: none;
		margin: 0 auto 3rem;
		gap: 0 1em;
		align-items: center;
	}

	.large-card-split .-split-left {
		grid-area: left;
	}

	.large-card-split .-split-right {
		grid-area: right;
	}

	.large-card-split .card__copy__title {
		margin-top: 0;
	}

	/* Varient with Two Rows */
	.-row-split {
		grid-template-rows: repeat(2, auto);
		grid-template-areas:
			'left right'
			'left right'
		;
	}

	.-row-split .link__tags {
		align-self: end;
	}
		
	.-row-split .card__copy {
		align-self: start;
	}
}

/* Slider Cards */

.cards__slider.cards__slider-horizontal,
.cards__slider.cards__slider-vertical-list {
	overflow-x: scroll;
	white-space: nowrap;

	scrollbar-color: #31a06a #f5f5f5;
	scrollbar-width: thin;

	display: flex;
	gap: 1em;
	padding-bottom: 1em;
}

.cards__slider::-webkit-scrollbar-track {
	background-color: #f5f5f5;
    border-radius: 1em;
}

.cards__slider::-webkit-scrollbar {
	background-color: #f5f5f5;
    width: 0.5em;
}

.cards__slider::-webkit-scrollbar-thumb {
	background-color: #31a06a;
    border-radius: 1em;
}

.cards__slider.cards__slider-horizontal .card,
.cards__slider.cards__slider-vertical-list .card {
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
	white-space: normal;
	flex: 0 0 calc(100% - 4rem);
}

@supports (scroll-snap-stop: always) {
	.cards__slider {
		scroll-snap-type: x mandatory;
	}

	.cards__slider .card {
		scroll-snap-align: center;
		scroll-snap-stop: always;
	}
}

@media (min-width:35em) {
	.cards__slider.cards__slider-horizontal {
		margin-bottom: 2.5em;
	}
	
	.cards__slider.cards__slider-horizontal .card,
	.cards__slider.cards__slider-vertical-list .card {
			flex: 0 0 calc(50% - 2rem);
	}

	.cards__slider.-horizontal-2 {
		flex-wrap: wrap;
		padding-bottom: 0;
		overflow-x: auto;
	}
	
	.cards__slider.-horizontal-2 .card {
		flex: 1 1 calc(100%/2 - 1rem);
	}
}

@media (min-width: 46em) {
	.cards__slider.cards__slider-vertical-list {
		overflow-x: auto;
		white-space: unset;
		display: grid;
		gap: 1em 0;
		padding-bottom: 0;
		align-content: center;
	}

	.cards__slider.cards__slider-vertical-list .card {
		display: unset;
	}

	.cards__slider.cards__slider-vertical-list .card-split_list-card {
		display: grid;
		grid-template-columns: 1.5fr 2fr;
		grid-template-areas:
			'left right'
		;
		max-width: none;
		margin: 0;
		gap: 0 1em;
		align-items: center;
	}

	.cards__slider.cards__slider-vertical-list .card-split_list-card .-split-left {
		grid-area: left;
	}

	.cards__slider.cards__slider-vertical-list .card-split_list-card .-split-right {
		grid-area: right;
	}

	.cards__slider.cards__slider-vertical-list .card-split_list-card .card__copy__title {
		margin-top: 0;
	}
}

@media (min-width:56em) {
	.cards__slider.-horizontal-3 {
		flex-wrap: wrap;
		padding-bottom: 0;
		overflow-x: auto;
	}
	
	.cards__slider.-horizontal-3 .card {
		flex: 1 1 calc(100%/3 - 2rem);
	}
}


/*	-------------------------------------------------------------

	SCREEN: Success Stories

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.screen-success {
	background: radial-gradient(#62e8fe 20%, transparent 20%), radial-gradient(#73ffbc 20%, transparent 20%);
	background-position: 0 0, 2em 2em;
	background-size: 0.8em 0.8em, 0.8em 0.8em;
	position: relative;
}

.screen-success:before {
	content: '';
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1) 73%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.screen-success .screen-inner {
	padding: 1px 1em;
	position: relative;
	z-index: 1;
}

.screen-success h2 {
	margin-top: 0.5em;
	text-align: center;
}

.screen-success h3 {
	color: #006171;
	font-size: 1.2em;
}

.screen-success h4 {
	color: #006171;
}

.screen-success .success-bios-controls {
	border-bottom: 2px solid #31a06a;
	display: table;
	margin: 1em auto;
	overflow: visible;
	padding: 0 0 0.75em;
	position: relative;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
	justify-content: space-around;
}

.screen-success .success-bios-controls:before,
.screen-success .success-bios-controls:after {
	content: '';
	position: absolute;
	top: 100%;
	height: 3em;
	background-color: #31a06a;
	width: 2px;
}

.screen-success .success-bios-controls:before {
	left: 0;
}

.screen-success .success-bios-controls:after {
	right: 0;
}

.screen-success .success-bios-controls-item {
	background: transparent;
	border-radius: 50%;
	display: table-cell !important;
	border: 0 none;
	float: none !important;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	text-align: center;
}

.screen-success .success-bios-controls-item + .success-bios-controls-item {
	padding-left: 1em !important;
}

.screen-success .success-bios-controls-item a,
.screen-success .success-bios-controls-item a.ui-tabs-anchor  {
	background: #fff;
	border-radius: 50%;
	padding: 0 !important;
	width: auto !important;
}

.screen-success .success-bios-controls-item img {
	border-radius: 50%;
	display: block;
	filter: saturate(0%);
	margin: auto;
	opacity: 0.5;
	position: relative;
	transition: all 0.1s;
	z-index: 1;
}

.screen-success .success-bios-controls-item a:hover img,
.screen-success .success-bios-controls-item a:focus img {
	box-shadow: 0 0 0 2px #31a06a;
	cursor: pointer;
	filter: saturate(100%);
	opacity: 0.8;
	transform: scale(1.1);
}

.screen-success .success-bios-controls-item a:active img,
.screen-success .success-bios-controls-item[aria-expanded="true"] a img {
	box-shadow: 0 0 0 2px #31a06a;
	filter: saturate(100%);
	opacity: 1;
}

.screen-success .success-bios-controls-item[aria-expanded="true"] a:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	height: 0.76em;
	width: 2px;
	background-color: #31a06a;
}

.screen-success .success-bios-controls-item[aria-expanded="true"]:not(:first-child) a:after {
	transform: translateX(0.5em);
}

.screen-success .success-profile-wrapper {
	padding: 0 1em;
	text-align: center;
}

.screen-success .success-profile {
	border: 0 none;
	padding: 1px 0;
}

.screen-success .success-profile-name img {
	display: none;
}

.screen-success .success-profile-name :first-child,
.screen-success .success-profile-details :first-child {
	margin-top: 0;
}

.screen-success .embed-container {
	position: relative;
	padding-bottom: 56.25%;

	height: 0;
	overflow: hidden;
	width: 100%;
}

@media (min-width:43em) {
	.screen-success:before {
		background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 1) 83%);
	}

	.screen-success .screen-inner {
		padding: 1em;
	}

	.screen-success .success-profile-wrapper {
		padding: 0 1.5em;
	}

	.screen-success .success-profile-inner  {
		display: table;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.screen-success .success-profile-name,
	.screen-success .success-profile-details {
		display: table-cell;
		vertical-align: middle;
	}

	.screen-success .success-profile-name {
		padding-top: 0.25em;
		width: 250px;

		-webkit-flex: 0 1 250px;
		-ms-flex: 0 1 250px;
		flex: 0 1 250px;
	}

	.screen-success .success-profile-details {
		padding-left: 2em;
		width: 100%;

		-webkit-flex: 1 2 auto;
		-ms-flex: 1 2 auto;
		flex: 1 2 auto;
	}

	.screen-success .success-profile-name img {
		display: inline;
		border-radius: 1em;
	}
}

@supports (display: -webkit-flex) or (display: flex) {
	@media (min-width:56em) and (min-height:32.5em) {
		.screen-success .screen-inner-content {
			padding-top: 0.5em;

			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}

		.screen-success .screen-inner-content > * {
			width: 100%;
		}

		.screen-success .success-bios-controls {
			border-bottom: 0;
			border-top: 2px solid #31a06a;
			margin-top: 0;
			padding: 0.75em 0 0;
		}

		.screen-success .success-bios-controls:before,
		.screen-success .success-bios-controls:after {
			bottom: 100%;
			height: 4em;
			top: auto;
		}

		.screen-success .success-bios-controls-item[aria-expanded="true"] a:after {
			bottom: 100%;
			top: auto;
		}

		.screen-success .success-profile-wrapper {
			-webkit-order: -1;
			order: -1;
		}
	}
}


/*	-------------------------------------------------------------

	SCREEN: Feature

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* .screen-feature {
	background: #def3f9;
	background: linear-gradient(#e8fff7, #e8f4ff);
	padding: 1px 1.5em;
} */

.screen-feature {
 background: linear-gradient(rgba(218,241,254, 0.99), rgba(218,241,254, 0.99)), url('/_img/framework/templates/default/stripes_pattern-invert.svg') repeat;
 background-size: cover;
 padding: 1px 1.5em;
 }

/* .screen-feature.-beach {
	background: #def3f9;
	background: linear-gradient(rgba(232, 255, 247, 0.9), rgba(232, 244, 255, 0.98)), url('/_img/framework/misc/beach.jpg') repeat;
	background-size: cover;
} */

/* .screen-feature .screen-inner {
	max-width: 41em;
} */

.screen-feature .screen-inner {
 padding: 1px 1.5em 1.5em;
 background: rgba(255,255,255,.8);
 margin: 1em auto;
 max-width: 45em;
}

.screen-feature ul {
 margin-top: 0.5em;
 }

.screen-feature .fa-ul {
 color: #020202;
}

.screen-feature .fa-ul .fa-li {
 color: #ff710b;
}

.screen-feature h2,
.screen-feature p {
color: #020202;
}

.screen-feature h2 {
	font-size: 2.5em;
}


.screen-feature h2 {
	color: inherit;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.screen-feature a.button-link {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.screen-feature .screen-inner a.button-link-secondary {
	display: block;
	margin: -1.4em auto 0.5em;
}

@supports (display: grid) {
	@media (min-width: 55em) and (orientation: landscape) {
		/* .screen-feature {
			align-items: center;
			display: flex;
			justify-content: center;
		} */

		/* .screen-feature .screen-inner.-grid {
			display: grid;
			grid-gap: 0 1em; */
			/* Lots of rows, to accomodate for varying amount of copy nodes. */
			/* grid-template: repeat(30, auto) / 3fr 4fr;
			max-width: 70em;
		} */

		/* .screen-feature .screen-inner.-grid h2,
		.screen-feature .screen-inner.-grid p {
			grid-column: 1 / 2;
		}

		.screen-feature .screen-inner.-grid p {
			margin-top: 0;
		}

		.screen-feature .screen-inner.-grid a.button-link {
			margin: auto;
		}

		.screen-feature .screen-inner.-grid .screen-feature-display {
			grid-area: 1 / 2 / -1 / -1;
			margin: auto;
		} */
	}
/*
	@media (min-width:55em) and (min-height:48em) {
		.screen-feature {
			height: 75vh;
			max-height: 40em;
			min-height: 33em;
		}
	} */
}

/*	-------------------------------------------------------------

	SCREEN: Testimonials

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.screen-testimonials {
	background: radial-gradient(#62e8fe 20%, transparent 20%), radial-gradient(#73ffbc 20%, transparent 20%);
	background-position: 0 0, 2em 2em;
	background-size: 0.8em 0.8em, 0.8em 0.8em;
	margin-top: 0;
	position: relative;
	padding: 1.5em;
}

.screen-testimonials:before {
	content: '';
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 1) 95%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.screen-testimonials .screen-inner {
	max-width: 69em;
	position: relative;
	z-index: 1;
}

.screen-testimonials .screen-inner > h2 {
	text-align: center;
	margin-top: 0;
}

.screen-testimonials .testimonial-video {
	margin: 0 auto;
	max-width: 40em;
}

.screen-testimonials .testimonials {
	display: block;
	margin: 1.5em auto 0;
	outline: none;
	padding: 0 0 3em;
}

.screen-testimonials .testimonial-entry {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0.5em;
	box-shadow: 0 0 0.3em -0.2em rgba(0, 0, 0, 0.75);
	font-size: 0.9em;
	list-style: none;
	margin: 0.5em 0.67em;
	padding: 1.5em;
	position: relative;
}

.screen-testimonials .testimonial-entry blockquote {
	height: 100%;
	margin: 0;
	max-width: none;
	width: auto;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
	flex-direction: column;
}

.screen-testimonials .testimonial-entry h3 {
	color: inherit;
	font-size: 1.4em;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.screen-testimonials .testimonial-entry .fa-star,
.screen-testimonials .testimonial-entry .fa-star-o,
.screen-testimonials .testimonial-entry .fa-star-half-o {
	color: #f90;
}

.screen-testimonials .testimonial-entry p {
	color: #000;
}

.screen-testimonials .testimonial-entry .cited-container {
	display: table;
	font-weight: bold;
	font-style: italic;
	margin: auto 0 0 auto;
	text-align: right;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.screen-testimonials .testimonial-entry .cited-text,
.screen-testimonials .testimonial-entry .cited-image {
	display: table-cell;
	vertical-align: middle;
}

.screen-testimonials .testimonial-entry .cited-text {
	font-weight: 500;
	margin: 0;
}

.screen-testimonials .testimonial-entry .cited-image {
	padding-left: 0.5em;
	width: 4.5em;

    -webkit-flex: 0 0 4.5em;
    -ms-flex: 0 0 4.5em;
	flex: 0 0 4.5em;
}

.screen-testimonials .testimonial-entry .cited-image img {
	border-radius: 50%;
	display: block;
}

/* === Carousel === */

/* Slick Overrides */

.screen-testimonials .slick-track {
	display: block;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.screen-testimonials .slick-slide {
    height: auto;
}

/* Previous/Next Buttons */

.screen-testimonials .carousel-prev,
.screen-testimonials .carousel-next {
	background: #eee;
	border: 0;
	border-radius: 50%;
	bottom: -0.25em;
	color: #444;
	cursor: pointer;
	font-size: 1.5em;
	height: 2em;
	line-height: 1;
	margin: auto 0;
	padding: 0 0.5em;
	position: absolute;
	transition: 0.3s;
	width: 2em;
	z-index: 1;
}

.screen-testimonials .carousel-prev {
	left: 25%;
}

.screen-testimonials .carousel-next {
    right: 25%;
}

.screen-testimonials .carousel-prev:hover,
.screen-testimonials .carousel-prev:focus,
.screen-testimonials .carousel-next:hover,
.screen-testimonials .carousel-next:focus {
	background: #d0d0d0;
	color: #000;
}

.screen-testimonials .carousel-prev:focus,
.screen-testimonials .carousel-next:focus {
	box-shadow: 0 0 0.1em 0.1em rgba(19, 100, 194, 0.5);
	outline: 0 none;
}


.screen-testimonials .carousel-prev:active,
.screen-testimonials .carousel-next:active {
	background: #aaa;
}

.screen-testimonials .carousel-prev[aria-disabled="true"],
.screen-testimonials .carousel-next[aria-disabled="true"] {
	background: #fcfcfc;
	box-shadow: none;
	color: #ddd;
	cursor: not-allowed;
}

.screen-testimonials .carousel-button-text {
	opacity: 0;
	position: absolute;
}

@media (min-width: 32em) {
	.screen-testimonials .testimonials {
		padding: 0 3em;
	}

	.screen-testimonials .carousel-prev,
	.screen-testimonials .carousel-next {
		bottom: 0;
		margin: auto 0;
		top: 0;
	}

	.screen-testimonials .carousel-prev {
		left: 0;
	}

	.screen-testimonials .carousel-next {
		right: 0;
	}

	.screen-testimonials .carousel-button-text {
		font-family: inherit;
		outline: 0 none;
		transition: 0.3s;
		transform-origin: right center;
	}

	.screen-testimonials .carousel-prev .carousel-button-text {
		transform: rotate(90deg) translate(-0.7em, 1.9em)  scale(0.75);
		left: -0.95em;
	}

	.screen-testimonials .carousel-next .carousel-button-text {
		transform: rotate(-90deg) translate(-0.7em, -1em) scale(0.75);
		right: 0;
	}

	.screen-testimonials .carousel-prev:hover .carousel-button-text,
	.screen-testimonials .carousel-prev:focus .carousel-button-text,
	.screen-testimonials .carousel-next:hover .carousel-button-text,
	.screen-testimonials .carousel-next:focus .carousel-button-text {
		opacity: 1;
		pointer-events: none;
	}

	.screen-testimonials .carousel-prev:hover .carousel-button-text,
	.screen-testimonials .carousel-prev:focus .carousel-button-text {
		transform: rotate(90deg) translate(-1.4em, 1.9em)  scale(1);
	}

	.screen-testimonials .carousel-next:hover .carousel-button-text,
	.screen-testimonials .carousel-next:focus .carousel-button-text {
		transform: rotate(-90deg) translate(-1.4em, -1em) scale(1);
	}

	.screen-testimonials .carousel-prev[aria-disabled="true"] .carousel-button-text,
	.screen-testimonials .carousel-next[aria-disabled="true"] .carousel-button-text {
		opacity: 0;
	}

}

@supports (
	((position: -webkit-sticky) or (position: sticky)) and
	((display: -webkit-flex) or (display: flex))
){
	@media
	(min-width:32em) and (max-width:60em) and (max-height:51em),
	(min-width:60em) and (max-width:77em) and (max-height:46em),
	(min-width:77em) and (max-height:36em) {
		.page {
			overflow: visible;
		}

		.screen-testimonials .testimonials.slick-slider {
			display: -webkit-flex;
			display: flex;
			padding: 0;
		}

		.slick-list {
			-webkit-flex: 1 1 auto;
			flex: 1 1 auto;
		}

		.screen-testimonials .carousel-prev,
		.screen-testimonials .carousel-next {
			-webkit-flex: 0 0 2em;
			flex: 0 0 2em;
			margin: 0;
			position: -webkit-sticky;
			position: sticky;
			top: 50%;
		}
	}
}


/* Indicator Dots */

.screen-testimonials .carousel-dots {
	display: block;
	margin: 0;
	text-align: center;
}

.screen-testimonials .carousel-dots li {
	display: inline-block;
	cursor: pointer;
	margin: 1.5em 1em 0;
}

.screen-testimonials .carousel-dots li button {
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	border: 0 none;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 0.67rem;
	padding: 0;
	transition: 0.3s;
	width: 0.67rem;
}

.screen-testimonials .carousel-dots li button:hover,
.screen-testimonials .carousel-dots li button:focus {
	background: #000;
}

.screen-testimonials .carousel-dots li button:active,
.screen-testimonials .carousel-dots li.slick-active button {
	background: #31a06a;
	border: 0.1rem solid #186841;
	transform: scale(1.2);
}

/* Disable Animation when Requested */

@media (prefers-reduced-motion: reduce) {
	.screen-testimonials .testimonials * {
		transition: none !important;
	}
}

/* No JavaScript Fallback */

.screen-testimonials.no-js .screen-inner {
	max-width: 63em;
}

.screen-testimonials.no-js  .testimonials {
	background-color: #fff;
	display: block;
	border: 2px solid #ccc;
	overflow-x: scroll;
	padding: 0;
	white-space: nowrap;

	scrollbar-color: #31a06a #f5f5f5;
	scrollbar-width: thin;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.screen-testimonials.no-js .testimonials::-webkit-scrollbar-track {
	background-color: #f5f5f5;
    border-radius: 1em;
}

.screen-testimonials.no-js .testimonials::-webkit-scrollbar {
	background-color: #f5f5f5;
    width: 0.5em;
}

.screen-testimonials.no-js .testimonials::-webkit-scrollbar-thumb {
	background-color: #31a06a;
    border-radius: 1em;
}

.screen-testimonials.no-js .testimonial-entry {
	border-radius: 0;
	box-shadow: none;
	display: inline-block;
	margin: 0 auto;
	padding: 1.5em;
	vertical-align: top;
	white-space: normal;
	width: 87%;

	-webkit-flex: 0 0 87%;
	-ms-flex: 0 0 87%;
	flex: 0 0 87%;
}

.screen-testimonials.no-js .testimonial-entry + .testimonial-entry {
	border: solid #ccc;
	border-width: 0 0 0 1px;
}

@supports (scroll-snap-stop: always) {
	.screen-testimonials.no-js .testimonials {
		scroll-snap-type: x mandatory;
	}

	.screen-testimonials.no-js .testimonial-entry {
		scroll-snap-align: center;
		scroll-snap-stop: always;
	}
}

@media (min-width:35em) {
	.screen-testimonials.no-js .testimonial-entry {
		width: 46%;

		-webkit-flex: 0 0 46%;
		-ms-flex: 0 0 46%;
		flex: 0 0 46%;
	}
}

@media (min-width:56em) {
	.screen-testimonials.no-js .testimonial-entry {
		width: 31.5%;

		-webkit-flex: 0 0 31.5%;
		-ms-flex: 0 0 31.5%;
		flex: 0 0 31.5%;
	}
}

/*	-------------------------------------------------------------

	SCREEN: Signup

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.screen-signup {
	background-color: transparent;
	background-image: url('/_img/photos/signup/9-ways/9ways_v2_bg-1000.jpg');
	background-position: bottom;
	background-size: cover;
	border-bottom: 8px solid #eaeaea;
	color: #343434;
	font-size: 1.023em;
}

.screen-signup .screen-signup-overlay {
	position: relative;
	display: flex;
	justify-content: center;
	background-size: contain;
}

.screen-signup .screen-signup-overlay:after {
	background-color: transparent;
	background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9));
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	opacity: 0.89;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.screen-signup .screen-signup-overlay > * {
	z-index: 1;
}

.screen-signup .screen-inner {
	max-width: 38em;
	padding: 1em 1em 1.2em;
}

.screen-signup .h1, 
.screen-signup .h2, 
.screen-signup .h3, 
.screen-signup .h4, 
.screen-signup .h5, 
.screen-signup .h6, 
.screen-signup h1, 
.screen-signup h2, 
.screen-signup h3, 
.screen-signup h4, 
.screen-signup h5, 
.screen-signup h6 {
	letter-spacing: -1px;
	text-align: center;
}

.screen-signup h2 {
	color: #3e493d;
	font-size: 1.7em;
	margin: 20px auto 30px;
}

.screen-signup .cover {
	max-width: 200px;
	margin: auto;
}

.screen-signup .benefits__headline {
	color: #444;
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 20px 0 10px;
}

.screen-signup ul {
	margin: 0 1.5em 1em 2em;
}

.screen-signup ul li {
	margin: 0 0 10px;
	line-height: 1.4em;
	list-style: none;
}

.screen-signup ul li:before {
	content: '\f00c';
	color: #228af9;
	font-family: 'FontAwesome';
	font-size: 1.1em;
	float: left;
	margin-left: -1.75em;
	margin-top: -0.1em;
}

.screen-signup .signup__message {
	color: #444;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.1em;
	margin: 0 0 10px;
	text-align: center;
}

.screen-signup .signup__form {
	margin: auto;
	max-width: 38em;
}

.screen-signup input[type="text"], 
.screen-signup input[type="email"] {
	display: block;
	border: 3px solid #e2e2e2;
	border-radius: 5px;
	color: #333;
	font-family: inherit;
	font-size: 1.125em;
	line-height: 1em;
	padding: 0.5em .75em;
	margin: 5px auto;
	max-width: 350px;
}

.screen-signup .form-button, 
.screen-signup a.form-button {
	background-color: #ff6600;
	border: 3px solid #ff6600;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0.5em auto 0.5em;
	max-width: 16em;
	padding: .5em 1.5em;
	text-align: center;
}


.screen-signup button:hover,
.screen-signup .form-button:hover,
.screen-signup a.form-button:hover,
.screen-signup button:focus,
.screen-signup .form-button:focus,
.screen-signup a.form-button:focus,
.screen-signup button:active,
.screen-signup .form-button:active,
.screen-signup a.form-button:active {
  background-color: #ff8800;
  border: 3px solid #ff8800;
  border-radius: 10px;
  color: #ffff33;
  cursor: pointer;
  box-shadow: 0 8px 6px -6px #444;
}

.screen-signup .twl {
	font-size: 0.85em;
}

@media (min-width: 37em) {
	.screen-signup h2 {
		font-size: 2em;
		letter-spacing: -1.1px;
		margin: 20px auto 40px;
	}	

	.screen-signup .offer {
		display: flex;
		align-items: flex-start;
		justify-content: space-evenly;
		margin: 0 auto 1.5em;
		max-width: 36em;
	}

	.screen-signup .cover {
		max-width: 225px;
	}

	.screen-signup .cover img {
		margin-left: -20px;
	}

	.screen-signup .benefits {
		max-width: 315px;
	}

	.screen-signup .benefits__headline {
		font-size: 1.4em;
		margin-bottom: 0;
	}

	.screen-signup .benefits__arrow {
		background-color: transparent;
		background-image: url('/_img/photos/signup/9-ways/red_arrow_left-580.png');
		margin: 5px 0 20px;
		min-height: 50px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		top: 0;
		left: -90px;
		transform: rotate(-5deg);
	}

	.screen-signup ul {
		margin: 0 0 0 3em;
	}

	.screen-signup .signup__fields {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		margin: auto;
		padding: 0;
	}

	.screen-signup .signup__form input[type="text"], 
	.screen-signup .signup__form input[type="email"] {
		display: initial;
		color: #333;
		max-width: 310px;
		width: 100%;
	}
}

/*
-------------
1.0 Version
-------------

.screen-signup {
	background: #eee;
	background: linear-gradient(#fff 33%, #eee, #fff 99%);
}

.screen-signup .screen-inner {
	padding: 1px 1.5em 2.5em;
	position: relative;
}

.screen-signup .screen-signup-content {
	margin: 0 auto;
	max-width: 36em;
	padding: 1px 0;
}

.screen-signup h2 {
	color: inherit;
	margin: 0.5em auto 0;
	text-align: center;
}

.screen-signup form {
	margin-left: auto;
	margin-right: auto;
	max-width: 30em;
	text-align: center;
}

.screen-signup .input-container {
	margin-bottom: 1em;
	position: relative;
	text-align: left;
}

.screen-signup .text-input {
	background: #fff;
	font: inherit;
	padding: 0.6em 0.25em 0.6em;
	border: solid transparent;
	border-width: 0 0 0.2em;
	box-shadow: none;
	outline: 1px solid #ddd;
	transition: all 0.33s;
	width: 100%;
}

.screen-signup label {
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	left: 0.33em;
	opacity: 0;
	position: absolute;
	top: -0.5em;
	transform: translateY(0.67em);
	transition: all 0.33s;
}

.screen-signup .text-input:focus {
	border-bottom-color: #000;
	outline: none;
}

.screen-signup .text-input.js-valid{
	background: #eeffee;
	border-bottom-color: #090;
}

.screen-signup .text-input.js-invalid {
	background: #ffeeee;
	border-bottom-color: #f00;
}

.screen-signup .text-input.js-focus,
.screen-signup .text-input.js-valid,
.screen-signup .text-input.js-invalid {
	padding: 0.95em 0.25em 0.25em;
}

.screen-signup .text-input:not(:placeholder-shown) {
	padding: 0.95em 0.25em 0.25em;
}

.screen-signup .text-input.js-focus::-webkit-input-placeholder,
.screen-signup .text-input.js-valid::-webkit-input-placeholder,
.screen-signup .text-input.js-invlaid::-webkit-input-placeholder {
	color: transparent;
}

.screen-signup .text-input.js-focus::-moz-placeholder,
.screen-signup .text-input.js-valid::-moz-placeholder,
.screen-signup .text-input.js-invalid::-moz-placeholder {
	color: transparent;
}

.screen-signup .text-input.js-focus:-ms-input-placeholder,
.screen-signup .text-input.js-valid:-ms-input-placeholder,
.screen-signup .text-input.js-invalid:-ms-input-placeholder {
	color: transparent;
}

.screen-signup .text-input.js-focus:-moz-placeholder,
.screen-signup .text-input.js-valid:-moz-placeholder,
.screen-signup .text-input.js-invalid:-moz-placeholder {
	color: transparent;
}

.screen-signup .text-input.js-focus::placeholder,
.screen-signup .text-input.js-valid::placeholder,
.screen-signup .text-input.js-invalid::placeholder {
	color: transparent;
}

.screen-signup .text-input.js-focus + label,
.screen-signup .text-input.js-valid + label,
.screen-signup .text-input.js-invalid + label  {
	opacity: 1;
	transform: translateY(0.4em);
}

.screen-signup .text-input:not(:placeholder-shown) + label {
	opacity: 1;
	transform: translateY(0.4em);
}

.screen-signup button.button-link {
	font-size: 1.2em;
}

@media (min-width:31.5em) {
	.screen-signup h2 {
		font-size: 2.6em;
	}

	.screen-signup .screen-signup-content {
		font-size: 1.15em;
	}
}
*/

/*	-------------------------------------------------------------

	SCREEN: What's Hot

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.screen-hot {
	background: #fefefe;
	margin-top: 0;
	padding: 0 0 2em 0;
}

.screen-hot .screen-inner {
	max-width: 69.5em;
}

.screen-hot h1 {
	color:#900;
	border-bottom:2px solid #900;
	padding:0.25em 0;
	margin-top: 0;
	margin-bottom:0.7em;
	line-height: 1.2;
}

.screen-hot h2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

.screen-hot .hotquote-container {
	padding: 0 1em;
}

.screen-hot .hotquote {
	background-color: #f7f7f7;
	border-bottom: 5px solid #ededed;
	border-radius: 5px 5px 0 0;
	color: #333;
	margin: 0 auto 6em;
	max-width: 40em;
	padding: 1em 1em 0;
	position: relative;
}

.screen-hot .hotquote:after {
	content:'';
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #ededed;
	height: 0;
	margin: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 100%;
	width: 0;
}

.screen-hot .hotquote + .hotquote {
	margin-top: 8em;
}

.screen-hot .hotquote h2 {
	font-size:1.8em;
	line-height:1.15;
	text-align:center;
}

.screen-hot .hotquote img {
	display: block;
	margin: 1em auto;
}

a.button-link.wh {
	background:#900;
	bottom: -6em;
	display: block;
	left: 0;
	line-height: 1.4;
	font-size: 1.1em;
	max-width: 15em;
	margin: auto;
	padding: 0.28em 0.65em 0.35em 0.65em;
	position: absolute;
	right: 0;
}

a.button-link.wh:link,
a.button-link.wh:visited {
	color:#fff;
}

a.button-link.wh:hover,
a.button-link.wh:focus,
a.button-link.wh:active {
	background: #900;
	color:#ff0 !important; /* Overwriting screen's global .button-link color */
	transform: none;
}

a.button-link.wh:active {
	background:#700;
}

/* WH Overlays */

.screen-hot .hotquote.-overlay-midnight:before {
	background: url('/_img/toolbox/misc/stamp_midnight.png') no-repeat center;
	background-size: contain;
	bottom: 0;
	content: '';
	position: absolute;
	left: 0;
	opacity: 0.4;
	margin: auto;
	right: 0;
	top: 0;
}

/* WH Backgrounds */

.screen-hot .hotquote.-green-stripes {
	background: linear-gradient(rgba(212, 252, 188, 0.98),rgba(212, 252, 188, 0.98)), url('/_img/framework/templates/default/stripes_pattern-invert.svg') center;
	background-size: cover;
	border-bottom: 5px solid #d5fcbd;
}

.screen-hot .hotquote.-green-stripes:after {
	border-top: 40px solid #d5fcbd;
}

.screen-hot .hotquote.-blue-stripes {
	background: linear-gradient(rgba(182, 208, 251, 0.98),rgba(182, 208, 251, 0.98)), url('/_img/framework/templates/default/stripes_pattern-invert.svg') center;
	background-size: cover;
	border-bottom: 5px solid #b7d1fb;
}

.screen-hot .hotquote.-blue-stripes:after {
	border-top: 40px solid #b7d1fb;
}

/* WH Borders */

.screen-hot .hotquote.-border-gold {
	border: 2px solid #d4d40a;
}

.screen-hot .hotquote.-border-gold:after {
	border-top-color: #d4d40a;
}

/* WH Eyebrows */

.screen-hot .hotquote.-wh-eyebrow,
.screen-hot .hotquote.-wh-eyebrow:not(:only-child) {
	margin-top: 3em;
}

.screen-hot .hotquote.-wh-eyebrow .wh-eyebrow {
	background: #c00e0e;
	border-radius: 1em 1em 0 0;
	bottom: 100%;
	color: #fff;
	font-weight: bold;
	left: 0;
	line-height: 1;
	margin: auto;
	padding: 1em 0.5em;
	position: absolute;
	right: 0;
	text-align: center;
	width: 85%;
}

.screen-hot .hotquote.-wh-eyebrow .wh-eyebrow .wh-eyebrow-text {
	position: relative;
	top: -0.1em;
}

@media (min-width:43em) {
	.screen-hot .hotquote.-wh-eyebrow + .hotquote {
		margin-top: 3em;
	}
}

/* WH Eyebrows Borders */

.screen-hot .hotquote.-wh-eyebrow.-border-gold .wh-eyebrow {
	border: solid #d4d40a;
	border-width: 2px 2px 0 2px;
}

@media (min-width:25em) {
	.screen-hot .hotquote img {
		float: right;
		margin: 0.5em 0 0.5em 1em;
	}
}

@media (min-width:30em) {
	a.button-link.wh {
		bottom: -5em;
		max-width: none;
	}
}

@media (min-width:43em) {
	.screen-hot .hotquote-container {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.screen-hot .hotquote:not(:only-child) {
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;

		float: left;
		margin: 0 auto 6em;
		max-width: 27.75em;
	}

	.screen-hot .hotquote + .hotquote {
		float: right;
		margin-left: 1em;
		margin-top: 0;
	}

	.screen-hot .hotquote:not(:only-child) > a.button-link.wh {
		bottom: auto;
		max-width: 15em;
		top: 110%;
		top: calc(100% + 50px);
	}
}

@media (min-width:57em) {
	.screen-hot .hotquote:not(:only-child) > a.button-link.wh {
		max-width: none;
	}
}

/*
.screen-hot .wh-banner-b20 {
	background: #e4f3fd;
	background: linear-gradient(to bottom right, #cae7fb, #fff);
	border: 1px solid #ddd;
	border-radius: 1em;
	margin: 2em 1em 0;
	padding: 0.8em;
	text-align: center;
}

.screen-hot .wh-banner-soi {
	background: #1a1921;
	background: linear-gradient(rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.9)) , url(/_img/toolbox/signup/summit-2021/summit_bg_topo.svg) center no-repeat;
	background-size: cover;
	border-radius: 1em;
	margin: 2em 1em 0;
	padding: 1em;
	text-align: center;
}

.screen-hot .wh-banner-soi .soi-video {
	margin-left: auto;
	margin-right: auto;
	max-width: 40em;
}

@media (min-width:25em) {
	.screen-hot .hotquote img {
		float: right;
		margin: 0.5em 0 0.5em 1em;
	}
}

@media (min-width:30em) {
	a.button-link.wh {
		bottom: -5em;
		max-width: none;
	}

	.screen-hot .wh-banner-b20,
	.screen-hot .wh-banner-soi {
		margin-top: 1em;
	}
}

@media (min-width:43em) {
	.screen-hot .hotquote-container {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.screen-hot .hotquote:not(:only-child) {
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;

		float: left;
		margin: 0 auto 6em;
		max-width: 27.75em;
	}

	.screen-hot .hotquote + .hotquote {
		float: right;
		margin-left: 1em;
		margin-top: 0;
	}

	.screen-hot .hotquote:not(:only-child) > a.button-link.wh {
		bottom: auto;
		max-width: 15em;
		top: 110%;
	}

	.screen-hot .wh-banner-b20,
	.screen-hot .wh-banner-soi {
		margin-top: 2em;
	}
}

@supports (display: grid) {
	@media (min-width: 48em) {
		.screen-hot .wh-banner-soi {
			display: grid;
			grid-template: 7.25fr 3fr / 1fr 1fr;
			padding: 0;
		}

		.screen-hot .wh-banner-soi * {
			margin: 0;
		}

		.screen-hot .wh-banner-soi .soi-logo,
		.screen-hot .wh-banner-soi .soi-cta {
			padding: 0 1em;
		}

		.screen-hot .wh-banner-soi .soi-logo {
			align-self: end;
		}

		.screen-hot .wh-banner-soi .soi-video,
		.screen-hot .wh-banner-soi .soi-video iframe,
		.screen-hot .wh-banner-soi .soi-video img {
			border-radius: 0 1em 1em 0;
		}

		.screen-hot .wh-banner-soi .soi-video {
			grid-row: 1 / -1;
			grid-column: 2 / -1;
			margin: 0;
			max-width: none;
		}
	}
}

@media (min-width:54em) {
	.screen-hot .wh-banner-b20 {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.screen-hot .wh-banner-b20 > * {
		display: inline-block;
		margin: 0;
		vertical-align: middle;
		width: 48%;

		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}

	.screen-hot .wh-banner-b20 > * + * {
		padding-left: 1em;
	}
}

@media (min-width:57em) {
	.screen-hot .hotquote:not(:only-child) > a.button-link.wh {
		max-width: none;
	}

	.screen-hot .wh-banner-b20,
	.screen-hot .wh-banner-soi {
		margin-top: 1em;
	}
}
*/

/*
.screen-hot .hotquote.-coi {
	background: #051c2c;
	background: radial-gradient(farthest-corner at 0px 0px, #0191d1, rgba(5, 28, 44, 0) 50%), #051c2c url('/_img/toolbox/ads/coi/coi_ad_background.svg') bottom right no-repeat;
	background-size: contain;
	max-width: none;
	min-height: 80vmin;
	width: 100%;

	display: flex;
	align-items: center;

}

.screen-hot .hotquote.-coi:after {
	display: none;
}

.screen-hot .hotquote.-coi a {
	color: #fff;
}

.screen-hot .hotquote.-coi a:hover,
.screen-hot .hotquote.-coi a:focus {
	text-decoration: underline;
}

.screen-hot .hotquote.-coi h2 {
	font-size: 3em;
	font-size: 6vmax;
	line-height: 1;
	text-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.2)
}


.screen-hot .hotquote.-coi h2 .hotquote-subhead-main {
	font-family: 'Raleway', Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
	font-size: 1.5em;
}

.screen-hot .hotquote.-coi h2 .hotquote-subhead-date {
	font-size: 0.5em;
}

.screen-hot .hotquote.-coi h2 .hotquote-subhead-extra {
	font-size: 0.9em;
	margin-top: 0.1em;
}

@media (orientation: landscape) {
	.screen-hot .hotquote.-coi h2 {
		font-size: 3em;
		font-size: 7vmax;
		position: relative;
		top: -0.5em;
		left: -1em;
	}
}
*/