@charset "UTF-8";

/* 
@media (max-width:991px) mobile
@media (min-width:992px) desktop
@media (max-width:969px) narrow
@media (min-width:970px) wide
*/

:root {
	--sprite:							url("/wp-content/images/css/sprite.v59.min.png");
	--sprite-google-workspace-g:		url("/wp-content/images/partners/google-workplace-g.png");
	--sprite-nextcloud:					url("/wp-content/images/partners/nextcloud-logo-colour.png");
	--black:							#010101;
	--grey-light:						#f7f7f7;
	--grey:								#F4F5F5;
	--grey-dark:						#E1E1E1;
	--grey-verydark:					#c2c2c2;
	--beige: 							#f6f6eb;
	--beige-light: 						#fbfbf0;
	--beige-dark: 						#f1f1e6;
	--blue: 							#000045;
	--blue-light: 						#202065;
	--blue-medium:						#101055;
	--blue-verylight: 					#899eca;
	--blue-dark: 						#000045;
	--orange:							#EF5D4C;
	--orange-dark:						#E74B3B;
	--orange-light:						#F96756;
	--sf-height:						40px;
	--wdc-height:						80px;
	--img-top-height:					280px;
	/*
	--narrow-html-slider-image-height:	77.9221vw; */	/* 600px / 770px = dimension of images in hero sprite */
	--narrow-html-bg-image-height:		40vw;
	--very-narrow-content-width:		950px;
	--wide-content-width:				1650px;
	--narrow-content-width:				1250px;
	--extremely-narrow-content-width:	750px;
	--ticker-height:					110px;
	--ticker-image:						url("/wp-content/images/css/client-logo-ticker-inverted-resized-small.min.png");
}

@media (max-width:991px) {
	:root {
		--header-height:				60px;
		--g:							5px;
		--g1:							10px;
		--g2:							20px;
		--g3:							30px;
		--g4:							40px;
		--g5:							50px;
		--g6:							60px;
		--g7:							70px;
		--g8:							80px;
		--g9:							90px;
		--g10:							100px;
		--g-minus:						-10px;
		--g2-minus:						-20px;
		--g3-minus:						-30px;
		--g4-minus:						-40px;
		--g6-minus:						-60px;
		--g8-minus:						-80px;
	}
}

@media (min-width:992px) {
	:root {
		--header-height:				140px;
		--g:							10px;
		--g1:							20px;
		--g2:							40px;
		--g3:							60px;
		--g4:							80px;
		--g5:							100px;
		--g6:							120px;
		--g7:							140px;
		--g8:							160px;
		--g9:							180px;
		--g10:							200px;
		--g-minus:						-20px;
		--g2-minus:						-40px;
		--g3-minus:						-60px;
		--g4-minus:						-80px;
		--g6-minus:						-120px;
		--g8-minus:						-160px;
	}
}

html, body {
	margin:				0;
	padding:			0 0 1px 0;
	border:				0;
	font-style:			inherit;
	vertical-align:		baseline;
	outline-color:		transparent;
	outline-style:		none;
	outline-width:		0;
	min-height:			100%;
}

html {
	overflow-x:					hidden;
	height:						100%;
	scroll-behavior: 			smooth;
	-webkit-text-size-adjust: 	100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
	font-family: 		'Poppins',sans-serif;   
	font-weight:		400;
    font-size: 			15px;
    line-height: 		25px;
	text-align:			left;
	width:				100%;
	background-color:	#fff;
	color:				var(--black);
	box-sizing:			border-box;
	padding:			var(--header-height) 0 0;
}

.content-wrap {
	display:				block;
	width:					100%;
	position:				relative;
    box-sizing: 			border-box;
	padding:				0 var(--g2);
	float:					left;
}

.content-wrap-full {
	width:					100%;
}

.content-wrap-wide {
	width:					100%;
	max-width:				var(--wide-content-width);
	margin:					0 auto;
}

.content-wrap-narrow {
	width:					100%;
	max-width:				var(--narrow-content-width);
}

.content-wrap-very-narrow {
	width:					100%;
	max-width:				var(--very-narrow-content-width);
}

.cols-center .content-wrap-narrow,
.cols-center .content-wrap-very-narrow {
	margin:					0 auto;
}

.cols-right .content-wrap-narrow,
.cols-right	.content-wrap-very-narrow {
	float:					right;
}

.logo {
    background-image:		var(--sprite);
	width:					215px;
	height:					32px;
	background-position:	-1px -169px;
}

#top-logo {
	position:			fixed;
    left:				var(--g2);
	z-index:			3;
}

#footer-logo {
	display:			inline-block;
}

#pre-header {
	position:			fixed;
	top:				0;
	left:				0;
	z-index:			4;
}

header {
	width:				100%;
	position:			fixed;
    top:				0;
    left:				0;
	z-index:			3;
	text-transform:		uppercase;
	line-height:		1;
	font-weight:		500;
}

#header-top-nav {
	color:				#fff;
}

.menu {
	vertical-align:		middle;
}

.menu-item {
	display:				inline-block;
}

.sub-menu {
	opacity:				0;
	display:				none;
	text-transform:			none;
	transition: 			opacity .15s linear;
}

.sub-menu-visible	.sub-menu {
	display:				block;
}

.sub-menu-opaque	.sub-menu {
	opacity:				1;
}

.sub-menu .menu-item {
	float: 					left;
	width: 					100%;
	white-space: 			nowrap;
}
		
.sub-menu a {
	float:					left;
	width:					100%;
	box-sizing:				border-box;
	transition: 			background .15s linear;
}

.sub-menu	.current-menu-item		a,
.sub-menu							a:hover {
	background:				var(--blue-light);
	color:					#fff;
}

#header-store-nav a {
	line-height: 		1;
	position:			relative;
}
	
#header-store-nav .menu-item-dropdown a:after {
	content:				" ";
	position:				absolute;
	top:					29px;
	right:					var(--g2);
	width: 					0;
	height: 				0;
	vertical-align: 		middle;
	border-top: 			4px dashed;
	border-right: 			4px solid transparent;
	border-left: 			4px solid transparent;
}

#vp-breadcrumbs {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	z-index: 				1;
}

#footer-breadcrumbs {
	position: 				relative;
	float: 					left;
	width: 					100%;
}

.breadcrumbs {
	width:					100%;
	padding:				10px var(--g2);
	box-sizing:				border-box;
	font-size:				13px;
}

#header-store-nav 						a:hover,
#header-store-nav .current-menu-item	a {
	color:					var(--orange);
}
	
.menu-item-outlined a {
	border-radius: 			5px;
	padding: 				10px			!important;
	box-sizing:				border-box;
}
	
@media (min-width:992px) {	
	header {
		background-color: 	var(--blue);
	}
	
	#hamburger {
		display:			none;
	}
	
	#top-logo {
		top:				24px;
	}

	#header-nav {
		display:			block;
		padding:			20px 0;
		height:				40px;
	}

	#header-store-nav {
		position: 			fixed;
		top: 				80px;
		height: 			60px;
		left: 				0;
		background-color:	var(--blue-light);
		width:				100%;
		padding:			0 var(--g2);
		box-sizing:			border-box;
	}
	
	#header-store-nav a {
		padding: 			23px 0;
		color: 				#fff;
		float:				left;
		font-size: 			13.6px;
		transition: 		color .15s linear;
	}

	.menu-item-outlined a {
		margin-top: 		11px;
		border: 			2px solid #fff;
	}
	
	.menu-item-outlined					a:hover,
	.menu-item-outlined.current-menu-item	a	{
		background:			#fff;
		color:				var(--blue-light);
	}
	
	#header-store-nav .menu-item-dropdown  a {
		padding: 			23px 17px 23px 0;
	}
	
	#header-store-nav .menu-item-dropdown a:after {
		top:				29px;
		right:				0;
	}
	
	#menu-store-menu {
		width:				100%;
	}
	
	#header-store-nav li.menu-item-right {
		float:				right;
		margin-left: 		15px;
	}
	
	.menu-item-telephone {
		position: 			fixed	!important;
		top: 				0;
		right: 				var(--g2);
	}
	
	#header-top-nav {
		display:			table;
		height:				40px;
		float:				right;
		margin-right:		var(--g2);
	}
	
	#menu-main-menu 	.menu-item {
		word-spacing:			-1px;
		letter-spacing:			-0.25px;
	}

	#header-top-nav 	.menu	> .menu-item 	> a {
		padding:				30px 0;
		margin-left:			10px;
		position:				relative;
	}
	
	#header-top-nav 	.menu	> .menu-item 	> a:after {
		content:				" ";
		position:				absolute;
		bottom:					2px;
		left:					50%;
		transform:				translateX(-50%);
		height:					4px;
		background:				#fff;
		width:					0;
		transition: 			width .15s linear;
	}

	#header-top-nav	.menu	> .menu-item						>	a:hover {
		color:					#fff;
	}
	
	#header-top-nav	.menu	> .menu-item.current-menu-parent	>	a:after,
	#header-top-nav	.menu	> .menu-item.current_page_item		>	a:after,
	#header-top-nav	.menu	> .menu-item.current-menu-item		>	a:after,
	#header-top-nav	.menu	> .menu-item						>	a:hover:after {
		width:					40px;
	}
	
	.menu-main-menu-container,
	.menu-whmc-menu-container {
		display:				table-row;
	}

	#header-top-nav	.menu {
		display:				table-cell;
	}

	.menu-item {
		position:				relative;
		float:					left;
	}

	.sub-menu {
		position:				absolute;
		top: 					47px;
		left:					50%;
		transform: 				translateX(-50%);
		background:				var(--blue);
		min-width:				calc( 100% + 8px );
		z-index:				3;
	}
	
	.sub-menu			a {
		padding:				var(--g1);
		height:					60px;
	}
}

@media (max-width:969px) {
	.show-desktop {
		display:				none	!important;
	}
}

@media (min-width:970px) {
	.show-mobile {
		display:				none	!important;
	}
}

@media (max-width:991px) {
	#pre-header {
		height: 				60px;
		width:					100%;
		background: 			var(--blue);
	}

	#hamburger {
		position:				fixed;
		top:					0;
		right:					0;
		height: 				60px;
		width:					60px;
		background:				var(--blue-light);
		
	}
	
	#hamburger:before {
		content:				" ";
		position:				absolute;
		top:					50%;
		left:					20px;
		width:					20px;
		transform: 				translateY(-50%);
		height:					3px;
		background:				#fff;
	}

	#hamburger:after {
		content:				" ";
		position:				absolute;
		top:					50%;
		left:					20px;
		width:					20px;
		transform: 				translateY(-50%);
		height:					11px;
		border-top:				3px solid #fff;
		border-bottom:			3px solid #fff;
	}
	
	.menu-open #hamburger:after {
		display:				none;
	}
	
	#top-logo {
		top: 					13px;
	}

	.menu-open header {
		position:				absolute;
	}

	#header-nav {
		margin-top:				60px;
		display:				none;
	}

	#header-top-nav {
		padding:				var(--g2);
		width:					100%;
		box-sizing:				border-box;
		background: 			var(--blue-medium);
	}

	#header-top-nav	a {
		transition: 			background .15s linear;
	}
	
	#header-top-nav	.current-menu-parent	>	a,
	#header-top-nav	.current_page_item		>	a,
	#header-top-nav	.current-menu-item		>	a,
	#header-top-nav	.menu-item					a:hover 	{
		background:				var(--blue-light);
		color:					#fff;
	}
	
	.menu-open 	#header-nav {
		display:				block;
	}
	
	.menu-main-menu-container,
	.menu-whmc-menu-container {
		display:				inline-block;
		width:					100%;
	}
	
	.menu {
		display:				inline-block;
		width:					100%;
	}

	.menu-item {
		width:					100%;
		margin-top:				1px;
	}
	
	.menu-item-outlined {
		margin-top:				var(--g1);
		margin-bottom: 			var(--g1);
	}
	
	#header-top-nav .menu	> .menu-item 	> a {
		padding:				var(--g2);
		display:				inline-block;
		width:					100%;
		box-sizing:				border-box;
	}
	
	.menu-item-telephone .sub-menu {
		opacity:				1;
		display:				block;
	}
	
	.sub-menu			a {
		padding:				var(--g2) var(--g2) var(--g2) var(--g4);
	}
	
	#header-store-nav {
		background-color:		#fff;
		width:					100%;
		padding:				0 var(--g2) var(--g4);
		box-sizing:				border-box;
	}

	#header-store-nav ul#menu-store-menu {
		width: 					100%;
		display: 				inline-block;
		padding: 				var(--g1) 0;
	}
	
	#header-store-nav a {
		width: 					100%;
		display: 				inline-block;
		padding: 				var(--g1) 0;
		line-height: 			1;
		font-size: 				16px;
		font-weight: 			500;
		text-transform: 		uppercase;
		transition: 			color .15s linear;
		color:					var(--blue);
	}

	.menu-item-outlined a {
		border: 				2px solid var(--blue);
	}
	
	.menu-item-outlined a:hover {
		background:				var(--blue);
		color:					#fff;
	}
	
	.menu-item-dropdown a:after {
		top:					10px;
		right:					0;
	}
}

main {
	float:					left;
	width:					100%;
	/*
	overflow:				hidden;
	*/
}

footer {
    width:					100%;
	float:					left;
	background-color: 		var(--blue);
	color:					#fff;
	position:				relative;
}

header	a,
footer	a {
	color:					#fff;
}

footer .menu	.current_page_item > a,
footer a:hover {
    color:					var(--orange);
}

#footer-top-inner {
	display: 				grid;
	grid-row-gap:			var(--g1);
}

#footer-top {
	padding:				var(--g2) 0;
}
	
@media (max-width:991px) {
	iframe#webWidget {
		bottom:					55px !important;
	}
}
	
@media (min-width:992px) {	
	#footer-top-inner {
		grid-template-columns: 	1fr 1fr 1fr;
		grid-column-gap:		var(--g1);
	}
	
	#footer-logo {
		margin:					var(--g2) 0 0;
	}
	
	.shareaholic-share-buttons-container li.shareaholic-share-button {
		border-top: 			1px solid rgba(0,0,0,0) !important;
	}
}

@media (max-width:991px) {
	#vp-breadcrumbs {
		display:				none;
	}
	
	#footer-top,
	#footer-breadcrumbs	{
		text-align:				center;
	}
	
	#footer-top-inner {
		grid-template-columns: 	1fr;
		grid-row-gap:			var(--g4);
	}
	
	#footer-logo {
		margin:					var(--g2) auto 0;
	}
	
	.media {
		margin:					0 5px;
	}
}

.footer-nav {
	width:					100%;
	float:					left;
}

#footer-bottom {
	font-size:				13px;
	background-color: 		var(--blue-medium);
	width:					100%;
	float:					left;
	box-sizing:				border-box;
}

@media (max-width: 991px) {
	#footer-bottom {
		padding:			var(--g2) 140px 60px 0;
	}
}


@media (min-width: 992px) {
	#footer-bottom {
		padding:			var(--g2) 140px var(--g2) 0;
	}
}
	
blockquote {
	width:					100%;
	display:				inline-block;
	margin:					0 auto;
	max-width: 				1000px;
	padding:				75px 25px 0;
	position:				relative;
}

.ac blockquote {
	padding:				75px 0 0;
}

blockquote:before {
    content:				" "; 
    position: 				absolute;
	top:					30px;
	background-image: 		var(--sprite);
	height: 				27px;
	width: 					88px;
	background-size: 		auto 200px;
	background-position: 	-252px 0;
	left: 					0;
}

.ac blockquote:before {
	left: 					50%;
	margin-left: 			-44px;
}
	
.bg-dark-scheme		blockquote:before {
	background-position: 	-57px 0;
}

/*
.slider-calc-height blockquote {
	margin-bottom:			var(--g1);
}
*/

.e-text + .e-testimonial {
	margin-top:				var(--g1);
}

.e-header + .e-testimonial {
	margin-top:				var(--g2);
}

.testimonial-title {
	font-weight: 			600;
	font-size: 				27px;
	line-height: 			35px;
	margin-bottom: 			var(--g1);
}

.testimonial { 
	font-weight:			500;
	font-size: 				21px;
	line-height: 			32px;
}

.bg-light-scheme	.testimonial,
.bg-light-scheme	.testimonial-title {
	color:					var(--blue);
}

.bg-light-scheme	.e-testimonial-listview {
	padding:				75px 20px 20px;
	border: 				10px solid var(--grey-light);
	box-sizing: 			border-box;
}

.testimonial-img { 
	border-radius: 			50%;
	width:					120px;
	height:					120px;
	margin:					10px 0;
}

.testimonial-company {
	font-size: 				18px;
	font-weight:			600;
}

.testimonial-referee {
	margin-top:				15px;
}

.quote { 
    font-weight:			500;
    margin:					0 0 10px 0;
	font-size:				1.35rem;
}

.jumpAnchor {
	position:				absolute;
	top:					0;
	left:					0;
    height:					0;
    width:					100%;
}

/*
.row-with-same-bg .jumpAnchor {
	top:					var(--g3-minus);
}
*/
	
.gform_anchor {
	position:				relative;
	float:					left;
    height:					0;
    width:					100%;
}

.gform_validation_error .gform_anchor {
    margin-top:				var(--g4);
}

p {
	padding:				0;
    width:					100%;
	display:				inline-block;
	margin:					3px 0;
	position:				relative;
	max-width:				var(--narrow-content-width);
}

p:empty {
	display:				none;
}

sup {
	font-size: 				23px;
	transform: 				translateY(8px);
	display: 				inline-block;
	line-height:			0;
	width: 					15px;
	text-align: 			center;
	font-weight:			400;
}

.cta-card-subheader sup {
	color:					var(--orange);
}

small {
	font-size: 				17px;
	font-weight: 			400;
	letter-spacing: 		0;
}

b,
strong {
	font-weight:			600;
}

/*
em {
	color: 					var(--orange);
	font-weight:			500;
	font-style:				normal;
}

.bg-light-scheme	.e-text	b,
.bg-light-scheme	.e-text	strong {
	color: 					var(--blue);
}
*/

img {
	max-width:				100%;
    display:				inline-block;
	height:					auto;
}

/* The below img classes is for the Knowledge Base */

.e-text-kb img {
	display:				block;
	margin:					var(--g1) 0;
}

.e-text-kb img.alignright {
	float:					right; 
	margin:					0 0 var(--g1) var(--g1);
}

.e-text-kb img.alignleft {
	float:					left; 
	margin:					0 var(--g1) var(--g1) 0
}

.e-text-kb img.aligncenter {
	margin-left: 			auto; 
	margin-right: 			auto
}

.img-verynarrow {
	max-width:				200px;			
}

.img-narrow {
	max-width:				400px;			
}

.img-medium {
	max-width:				640px;	
}

.e-header + .e-img {
	margin-top:				var(--g3)	!important;
}

pre,
code {
	font-family: 			inherit;
	font-weight: 			400;
	border:					2px solid var(--grey);
	background:				var(--grey-light);
	box-sizing:				border-box;
	border-radius:			8px;
	padding:				20px;
	white-space: 			break-spaces;
	width: 					100%;
	display:				inline-block;
	color:					var(--black);
	line-height:			1.3;
	word-wrap: 				anywhere;
	text-shadow:			none;
}

.bg-grey code {
	background:						#fff;
}

/* .animate-slide	u, */
.animate 		u {	
	text-decoration:			none;
	text-shadow:				none;
	color: 						transparent;
	background-position: 		100% 0;
	background: 				linear-gradient( to right, var(--orange-dark) 50%, var(--blue-light) 50% );
	background-repeat: 			no-repeat	!important;
	background-size: 			200% 100%	!important;
	background-clip: 			text		!important;
	-webkit-background-clip: 	text		!important;
	background-position: 		100% 0;
}

/* .bg-dark-scheme .animate-slide	u, */
.bg-dark-scheme .animate 		u {
	background: 				linear-gradient( to right, var(--orange) 50%, #fff 50% );
	background-position: 		100% 0;
}

.animate-on u {
	animation:						gradientAnimation .75s linear .25s forwards;
}

.animate-on u.delay2 {	animation: 	gradientAnimation .75s linear 1s 		forwards;	}
.animate-on u.delay3 {	animation: 	gradientAnimation .75s linear 1.75s 	forwards;	}
.animate-on u.delay4 {	animation: 	gradientAnimation .75s linear 2.5s		forwards;	}

@keyframes gradientAnimation {
	0% {
		background-position: 	100% 0;
	}
	100% {
		background-position: 	0 0;
	}
}

.am {
    align-content: 			center;
}

.ac {
    text-align:				center; 
}

.ar {
    text-align:				right; 
}

.blue {
	color:					var(--blue);
}

.hide {
	display:				none			!important;
}

@media (max-width:769px) { /* narrow */
	.hide-if-narrow {
		display:			none			!important;
	}
}

.show-if-narrow-knowledge-base {
	display:				none			!important;
}
	
.display {
	transition: 			all .25s linear;
}

.display.closed {
	display:				none;
}
	
@media (max-width:969px) { /* Knowledge base single.php with side menu */
	.show-if-narrow-knowledge-base {
		margin-bottom:		var(--g1);
		display:			block			!important;
	}
}

@media (min-width:970px) { /* Knowledge base single.php with side menu */
	.display.open-if-wide {
		display:			block	!important
	}
}

.tm {
	margin-top:				var(--g2)		!important;
}

.bm {
	margin-bottom:			var(--g2)		!important;
}

.ltm {
	margin-top:				var(--g1)		!important;
}

.lbm {
	margin-bottom:			var(--g1)		!important;
}

a {
	color:					var(--orange);
	text-decoration:		none;
    outline: 				0;
	transition: 			color .15s linear;
}

a:hover,
.a-active {
	color:					var(--blue);
}

a.arrow {
	display:				inline-block;
	padding-left:			30px;
	transform: 				translateY(3px);
	min-width:				20px;
	min-height:				20px;
	position:				relative;
	box-sizing:				border-box;
	font-weight:			500;
}

a.arrow:before {
	position:				absolute;
	background-color:		var(--blue);
	border-radius:			50%;
	top:					50%;
	left:					0;
	color:					#fff;
	content:				" ";
	width:					20px;
	height:					20px;
	transform: 				translateY(-50%);
	transition: 			all .15s linear;
}

.bg-light-scheme a.arrow:hover:before {
	background-color:		var(--orange);
}

.bg-dark-scheme a.arrow:hover {
	color:					var(--orange)	!important;
}

.bg-dark-scheme a.arrow:hover:before {
	background-color:		var(--orange-dark);
}

a.arrow:after {
	position:				absolute;
	top:					50%;
	left:					5px;
	color:					#fff;
	content:				"<";
	text-shadow:			none;
	transform: 				translateY(-50%);
}

a.down-arrow:after {
	transform: 				translateY(-50%) rotate(-90deg);
}

a.up-arrow:after {
	transform: 				translateY(-50%) rotate(90deg);
}

.bg-dark-scheme a:hover {
	color:					#fff;
}

.e-text a {
	text-decoration:			underline;
	color: 						inherit;
	text-underline-offset: 		2px;
	text-decoration-thickness: 	2px;
	transition: 				all .35s linear;
}

.e-text a:hover {
	color:						inherit;
	text-decoration-color: 		var(--orange);
}

/*
.bg-light-scheme .e-text a:hover {
	text-decoration-color: 		var(--black);
}

.bg-dark-scheme .e-text a:hover {
	text-decoration-color: 		#fff;
}
*/

a:hover,
button:hover {
    cursor:					pointer;
}

.menu-open	main,
.menu-open	footer,
.menu-open	#client-ticker {
	display:				none;
}
	
footer .menu {
	display:				grid;
	grid-template-columns: 	1fr;
	grid-row-gap:			3px;
}

/* Block elements */

.bg.c-compact {
	padding:				20px;
}

.c-compact	h3,
.c-compact	h4,
.c-compact	p {
	margin-top:				0;
	margin-bottom:			0;
}

section {
    width:					100%;
	float:					left;
	position:				relative;
}

article {
    width:					100%;
	float:					left;
}

.row-not-full-width {
	padding:				var(--g3) 0;
}

.row-not-full-width.treat-as-full-width {
	padding:				0;
}

.row-full-width-lift {
	margin-top: 			var(--g3-minus)	!important;
}

.trustindex {
	overflow:				hidden;
}
	
@media (min-width:640px) {
	.trustindex {
		height:				350px;
	}
}

@media (max-width:639px) {
	.trustindex {
		height:				445px;
	}
}

.blog-layout {
	width:						100%;
	padding: 					0 var(--g2);
	box-sizing: 				border-box;
}

.blog-article-wrap {
    width:					100%;
	display: 				grid;
	grid-column-gap:		30px;
	grid-row-gap:			30px;
	grid-template-columns: 	repeat(auto-fill, 320px);
	max-width: 				1020px;
}

.blog-article-wrap.ac {
	margin: 				0 auto;
	justify-content: 		space-evenly;
}

.blog-article-cnt-1 {
	max-width: 				280px;
}

.blog-article-cnt-2 {
	max-width: 				670px;
}

.blog-article-layout {
	text-align:				center;
	color:					inherit;
	padding: 				250px 20px 100px;
	position: 				relative;
	border:					2px solid var(--grey);
	background:				var(--grey-light);
	transition: 			background .15s linear;
	box-sizing:				border-box;
	border-radius:			8px;
	overflow:				hidden;
}

.blog-article-layout-no-img {
	padding-top:			20px;
}

.blog-article-layout:hover {
	color:					inherit;
	text-decoration:		none;
	background:				var(--grey);
}

.blog-article-layout .button-text {
	position: 				absolute;
	bottom: 				20px;
	left: 					20px;
	width:					280px;
}

.blog-article-layout:hover .button-text {
	background:				var(--blue-light);
	border-color:			var(--blue-light);
	color:					#fff;
}

.blog-article-layout:hover .button-text:after {
	border-color:			#fff;
}

.blog-article-layout 		h5 {
	color:					var(--blue);
	transition: 			color .15s linear;
	font-weight: 			600;
	font-size: 				17px;
	line-height: 			24px;
}

.blog-article-layout:hover 	h5 {
	color:					var(--orange);
}

.blog-article-img {
	position: 				absolute;
	top: 					0;
	left: 					50%;
	transform:				translateX(-50%);
	background-size:		cover;
	background-position:	center center;
	width:					100%;
	height:					240px;
	transition: 			width .15s linear;
}

.blog-article-layout:hover .blog-article-img {
	width:					calc(100% + var(--g2));
}

.cta-card-container {
	display: 				grid;
	gap: 					10px;
	width:					100%;
	float:					left;
	align-content: 			stretch;
	align-items: 			stretch;
	margin-bottom:			10px;
}

.ac .cta-card-container {
	justify-content: center;
}

.cta-card-container + .e {
	margin-top:			var(--g2);
}

.cta-card {
	border-radius:			8px;
	display: 				flex;
	align-items: 			flex-start;
	position:				relative;
	border:					1px solid var(--beige);
	background:				var(--grey-light);
}

.cta-card-1-cards .cta-card {
	max-width: 				500px;
}

/*
.bg-blue-scheme .cta-card {
	border:					1px solid var(--blue);
	background:				var(--blue-medium);
}
*/

.cta-card-5-cards .cta-card-1 {
	border:					1px solid var(--grey);
	background:				var(--beige-light);
}

.cta-card-option {
	padding: 				var(--g1) var(--g1) 135px;
	color:					inherit;
	transition: 			background .15s linear;
	height: 				100%;
	width:					100%;
	box-sizing: 			border-box;
	align-content: 			flex-start;
	display: 				grid;
	border-radius: 			5px;
}

.cards-have-options .cta-card-option {
		padding-top:		80px;
}

/*
.cta-card-show-option-0 	.cta-card-option {
	padding-top: 			var(--g1);
}
*/

.cta-card-option:hover {
	color:					inherit;
	background:				var(--beige-light);
}

/*
.bg-blue-scheme .cta-card-option:hover {
	background:				var(--blue);
}
*/

.cta-card-5-cards .cta-card-1 .cta-card-option:hover {
	background:				var(--grey-light);
}

.cta-button {
	position: 				absolute;
	bottom: 				30px;
	left: 					50%;
	max-width: 				280px;
	transform: 				translateX(-50%);
	background-color: 		var(--blue-light);
	color:					#fff;
	-webkit-appearance:		none;
    display:				inline-block;
    line-height:			1.3;
	font-weight:			600; 
	box-sizing:				border-box;
	transition: 			all .15s linear;
	border-radius:			5px;
    text-align:				center;
	padding:				26px 18px 25px;
	margin:					0 0 5px;
}

.cta-card-option:hover .cta-button {
	background-color: 		var(--orange-dark);
}

/*
.bg-blue-scheme .cta-card-header {
	color: 					var(--orange);
}
.cta-card-option:hover .cta-card-header {
	color: 					var(--blue);
}
.bg-blue-scheme .cta-card-option:hover .cta-card-header {
	color: 					#fff;
}
*/

.cta-card-icon span.icon {
	margin: 				0 auto 10px;
	transform: 				none;
	width: 					90px;
	-webkit-filter:			hue-rotate(-125deg) saturate(112) brightness(31%);
	filter:					hue-rotate(-125deg) saturate(112) brightness(31%);
}

/*
.cta-card-option:hover span.icon {
	-webkit-filter:			none;
	filter:					none;
}
*/

.cta-card-show-option-1 .cta-card-option-2,
.cta-card-show-option-2 .cta-card-option-1 {
	display:				none;
}

.cta-card-option-anchor {
	position:				absolute;
	color:					var(--black);
	top:					20px;
	background:				#fff;
	padding:				7px 10px;
	font-weight: 			600;
	transition: 			all .15s linear;
	min-width: 				65px;
}

.cta-card-option-anchor:hover {
	background: 			var(--blue-light);
	color:					#fff;
}

.cta-card-option-1-anchor {
	right:					50%;
	margin-right:			1px;
	border-radius: 			5px 0 0 5px;
}

.cta-card-option-2-anchor {
	left:					50%;
	margin-left:			1px;
	border-radius: 			0 5px 5px 0;
}

.cta-card-show-option-1	.cta-card-option-1-anchor,
.cta-card-show-option-2	.cta-card-option-2-anchor {
	background:				var(--blue-light);
	color:					#fff;
}

.cta-card span {
	display:				inline-block;
	width:					100%;
}

.cta-card-header {
	font-weight: 			600;
	font-size: 				20px;
	line-height:			24px;
	text-transform: 		uppercase;
	color:					var(--orange);
	letter-spacing: 		-.25px;
	/*
	transition: 			color .15s linear;
	*/
}

.cta-card-subheader {
	font-weight:			600;
	margin: 				15px 0 10px;
	font-size: 				27px;
	line-height: 			34px;
	letter-spacing: 		-1px;
	color:					var(--blue);
}

.cta-card-text {
	font-size:				13px;
	line-height: 			19px;
	max-width: 				470px;
	margin: 				5px auto 0;
}

.cta-card-dislaimer {
	font-size:				11px;
	line-height: 			16px;
	margin: 				12px auto 0;
}

.cols-side-menu,
.cols-side-icon {
	display:				grid;
	width:					100%;
}

@media (min-width:1024px) {	
	.cols-side-menu {
		grid-column-gap:		var(--g2);
		grid-template-columns: 	340px 1fr;
	}
}

@media (max-width:1023px) { /* Knowledge base single.php with side menu */
	.cols-side-menu	{
		grid-row-gap:			var(--g1);
		grid-template-columns: 	1fr;
	}
}

@media (min-width:970px) {
	.cols-side-icon {
		grid-column-gap:		var(--g1);
		grid-template-columns: 	90px 1fr;
	}
}

@media (max-width:899px) {
	.cols-side-menu	{
		grid-row-gap:			var(--g2);
		grid-template-columns: 	1fr;
	}
	
	.cols-side-icon	{
		grid-row-gap:			var(--g1);
		grid-template-columns: 	1fr;
	}
}
	
@media (min-width:1251px) {	
	.cta-card-4-cards {
		grid-template-columns: 	repeat(4,1fr);
	}
}

@media (min-width:770px) and (max-width:1350px) {
	.cta-card-4-cards {
		grid-template-columns: 	repeat(2,1fr);
	}
}

@media (max-width:769px) {
	/*
	.cta-card-4-cards {
		grid-template-columns: 	1fr;
	}
	*/
	
	.cta-card {
		max-width:				450px;
		margin-left: 			auto;
		margin-right: 			auto;
	}
}

@media (min-width:1025px) {
	.cta-card-2-cards {
		grid-template-columns: 	repeat(2,1fr);
	}

	.cta-card-3-cards {
		grid-template-columns: 	repeat(3,1fr);
	}

	.cta-card-5-cards {
		grid-template-columns: 	285px repeat(2,1fr);
	}
	
	.c-2-wide .c-1 .cta-card-container,
	.c-1-wide .c-2 .cta-card-container {
		grid-template-columns: 	1fr !important;
	}
	
	.cta-card-5-cards .cta-card-1 {
		grid-row: 				span 2;
	}
	
	.cta-card-5-cards .cta-card-1 .cta-card-option {
		/*
		padding: 				90px var(--g1) var(--g1);
		*/
		align-content: 			center;
	}
	
	.cta-card-5-cards .cta-card-1  .cta-button {
		position: 				relative;
		bottom: 				auto;
	}
}

@media (min-width:725px) and (max-width:1024px) {
	.cta-card-5-cards,
	.cta-card-2-cards	{
		grid-template-columns: 	repeat(2,1fr);
	}
	
	.cols 	.cta-card-5-cards,
	.cols 	.cta-card-2-cards	{
		grid-template-columns: 	1fr;
	}
	
	.cta-card-5-cards .cta-card-1 {
		grid-column: 			span 2;
		order:					2;
	}
}

/*
.flex {
    width:					100%;
	display: 				flex;
	gap:					var(--g1);
	flex-wrap: 				wrap;
	justify-content: 		center;
}

.flex > div {
	flex: 					0 0 calc((100% - var(--g2)) / 3);
	max-width: 				calc((100% - var(--g2)) / 3);
}
*/

.cols {
    width:					100%;
	display: 				grid;
	grid-column-gap:		5px;
	grid-row-gap:			5px;
}

.cols-with-no-row-gap {
	grid-row-gap: 			0;
}

.cols-with-no-row-gap p {
	margin-bottom:			0;
}

.cols-with-no-bg {
	grid-row-gap: 			var(--g1);
}
	
.c-overlap {
	align-items:			center;
}
	
.bg { 
	padding:				var(--g3) var(--g2);
}

.bg > .bg { 
	padding:				0;
}

.row-not-full-width		.bg { 
	border-radius:			8px;
}

.bg-has-img { 
	padding:				var(--g4) var(--g2);
}

.row-with-same-bg {
	margin-top: 			var(--g3-minus);
	z-index: 				1;
}

@media (min-width:1251px) {
	.c4 {
		grid-template-columns: 	1fr 1fr 1fr 1fr;
	}
}
	
@media (min-width:670px) and (max-width:1350px) {
	.c4 {
		grid-template-columns: 	1fr 1fr;
	}
}

.cols-img-aside-small.c-2-wide .c-img-wrapper,
.cols-img-aside-small.c-2-wide .c-img-wrapper .img-wrapper-round {
	height: 				200px;
	width: 					200px;
	min-height:				200px	!important;
}

@media (max-width:969px) {
	.cols-img-aside .c-img-wrapper {
		height: 				var(--narrow-html-bg-image-height);
		width: 					100%;
		left: 					0;
		top: 					0;
	}
	
	.cols-img-aside .img-wrapper.img-wrapper-round {
		height: 				var(--narrow-html-bg-image-height);
		width: 					var(--narrow-html-bg-image-height);
	}
	
	.cols-img-aside-small.c-2-wide {
		grid-template-columns: 	1fr;
	}
}

@media (min-width:970px) {
	.c2 {
		grid-template-columns: 	1fr 1fr;
	}

	.c3 {
		grid-template-columns: 	1fr 1fr 1fr;
	}

	.cols-img-aside {
		min-height:				250px;
	}
	
	.cols-img-aside.cols-img-aside-no-effect.c-1-wide .c-2,
	.cols-img-aside.cols-img-aside-no-effect.c-2-wide .c-2 {
		padding: 				var(--g2) 0;
	}

	.cols-img-aside-small.c-2-wide {
		grid-template-columns: 	200px 1fr;
	}
}

@media (min-width:970px) and (max-width:1250px) {
	.c-1-wide {
		grid-template-columns: 	1fr 270px;
	}

	.cols-img-aside-large.c-1-wide,	
	.cols-img-aside-enlarged.c-1-wide {
		grid-template-columns: 	1fr 35vw;
	}

	.c-2-wide {
		grid-template-columns: 	270px 1fr;
	}

	.cols-img-aside-large.c-2-wide,	
	.cols-img-aside-enlarged.c-2-wide {
		grid-template-columns: 	35vw 1fr;
	}
	
	.cols-img-aside.cols-img-aside-round .img-wrapper-round {
		height: 				270px;
		width: 					270px;
	}
	
	.cols-img-aside.cols-img-aside-round.c-1-wide .c-2,
	.cols-img-aside.cols-img-aside-round.c-2-wide .c-1 {
		padding: 				var(--g2) 0 0 0;
		min-height: 			270px;
		box-sizing: 			border-box;
	}
}
	
@media (min-width:1251px) {
	.c-1-wide {
		grid-template-columns: 	1fr 400px;
	}

	.cols-img-aside-large.c-1-wide,
	.cols-img-aside-enlarged.c-1-wide {
		grid-template-columns: 	1fr 40vw;
	}

	.c-2-wide {
		grid-template-columns: 	400px 1fr;
	}
	
	.cols-img-aside-large.c-2-wide,
	.cols-img-aside-enlarged.c-2-wide {
		grid-template-columns: 	40vw 1fr;
	}
	
	.cols-img-aside.cols-img-aside-round .img-wrapper-round {
		height: 				400px;
		width: 					400px;
	}
	
	.cols-img-aside.cols-img-aside-round.c-1-wide .c-2,
	.cols-img-aside.cols-img-aside-round.c-2-wide .c-1 {
		padding: 				var(--g2) 0 0 0;
		min-height: 			400px;
		box-sizing: 			border-box;
	}
}

@media (min-width:970px) {
	/* The following is a fix for the 1px grid-column-gap not always showing responsively when the .c-step class is used */

	.cols.c-step.cols-with-bg	> div:before {
		content:				" ";
		position:				absolute;
		top:					0;
		left:					-1px;
		height:					100%;
		width:					1px;
		background:				#fff;
	}

	.bg-blue	.cols.c-step	> div:before {
		background:				var(--blue);
	}

	.bg-beige	.cols.c-step	> div:before {
		background:				var(--beige-light);
	}
	
	.cols-with-no-bg {
		grid-column-gap:		var(--g2);
	}
	
	.cols-with-bg		.c-1.bg-none,
	.cols-with-bg 		.c-1 .bg-none	{
		padding-left:			0;
		padding-right:			var(--g2);
	}
	
	.c2.cols-with-bg	.c-2.bg-none,
	.c2.cols-with-bg 	.c-2 .bg-none	{
		padding-left:			var(--g2);
		padding-right:			0;
	}
	
	.c3.cols-with-bg	.c-2.bg-none,
	.c3.cols-with-bg 	.c-2 .bg-none	{
		padding-left:			var(--g2);
		padding-right:			var(--g2);
	}
	
	.cols-with-bg		.c-3.bg-none,
	.cols-with-bg 		.c-3 .bg-none {
		padding-right:			0;
		padding-left:			var(--g2);
	}
}

.c {
	position:					relative;
	box-sizing: 				border-box;
	width: 						100%;
	float:						left;
}

.c-overlap .c {
	max-width:					100%			!important;
}

.hero-row .c-outer {
	padding:				var(--g4) var(--g2) var(--g3);
}

.c-inner { 
	width:					100%;
    box-sizing: 			border-box;
	float:					left;
	position:				relative;
}

.c-inner + .c-inner {
	margin-top:				var(--g2);
}

.cols-img-aside.c-overlap {
	align-items:			start;
}

.c-img-wrapper {
	position:				relative;
	z-index:				1;
}

.cols-img-aside .img {
	opacity:				1	!important;
}
	
.img-wrapper.img-wrapper-round	{
	border-radius:			50%;
}

@media (min-width:970px) {
	.cols-img-aside-round.cols-img-aside-small 		.c-img-wrapper {
		min-height: 			0;
	}
	
	.cols-img-aside.c-1-wide 						.c-img-wrapper	{
		order:					2;
	}
}

@media (max-width:1349px) { /* narrow */
	.cols-img-aside .cols {
		grid-template-columns:	1fr												!important;
	}
}

table {
	 border-collapse:			collapse;
	 width:						100%;
	 margin:					var(--g1) 0;
	 float:						left;
	 border:					none;
	 box-sizing:				border-box;
	 text-align:				left;
}
th,
td {
	vertical-align:				top;
	border:						2px solid var(--grey);
	word-wrap:					normal;
	box-sizing:					border-box;
	overflow:					hidden;
	padding:					5px 8px
}

th {
	font-weight:				400;
	background-color:			var(--grey)
}

td {
	background-color:			#fff
}

.has-img-top {
	margin-top:				calc( var(--img-top-height) / 2 + var(--g2) );
	padding-top:			calc( var(--img-top-height) / 2 ) 					!important;
	position:				relative;
}

.img-top {
	position:				absolute;
	background-size:		cover;
	background-position:	center center;
	height:					var(--img-top-height);
	top:					0;
	width:					calc( 100% - 30px );
	max-width:				800px;
	left:					50%;
	transform:				translateX(-50%);
	margin-top:				calc( ( var(--img-top-height) / -2 ) - var(--g1) );
	border-radius:			10px;
	border: 				2px solid #fff;
	box-sizing: 			border-box;
}

.img-round {
	border-radius:			50%; 
}

.img-clip {
	border: 				none;
	border-radius:			0;
	clip-path: 				polygon(0% 75%,0% 0%,100% 0%,100% 75%,50% 100%,50% 100%);
	-webkit-clip-path: 		polygon(0% 75%,0% 0%,100% 0%,100% 75%,50% 100%,50% 100%);
	-moz-clip-path: 		polygon(0% 75%,0% 0%,100% 0%,100% 75%,50% 100%,50% 100%);
}

.img-wrapper {
	position:				absolute;
	top:					0;
	background-size:		cover;
	background-position:	center center;
	left:					0;
	overflow:				hidden;
	width:					100%;
	height:					100%;
	border-radius:			8px;
}

.img-wrapper.img-wrapper-large {
	height:					calc( 100% + var(--g6) );
	width: 					calc(100% + var(--g4));
	margin-top: 			var(--g4-minus);
	left:					var(--g2-minus);
}

.hero-row .c-outer .img-wrapper.img-wrapper-large {
	height:					calc(100% + var(--g7));
}

.img-wrapper.img-wrapper-enlarged {
	height:					calc( 100% + var(--g8) );
	width: 					calc(100% + var(--g4));
	margin-top: 			var(--g4-minus);
	left:					var(--g2-minus);
}

.hero-row .c-outer .img-wrapper.img-wrapper-enlarged {
	height:					calc( 100% + var(--g8) );
}

.img {
	position:				absolute;
	top:					0;
	left:					0;
	background-size:		cover;
	background-position:	center center;
	width:					100%;
	height:					100%;
}

.partner-logo-wrap {
	display: 				flex;
	align-items: 			center;
	flex-wrap: 				wrap;
}

.ac .partner-logo-wrap {
	justify-content: 		center;
}

.partner-logo {
	display:				inline-block;
	margin: 				0 30px 20px 0;
	height:					90px;
	align-content: 			flex-end;
}

.mixed-orientations .partner-logo {
	align-content: 			center;
}

.ac .partner-logo {
	margin: 				15px;
}

.partner-logo.horizontal img {
	height:					55px;
}

.partner-logo-wrap.mixed-orientations .partner-logo.horizontal.is-very-wide img {
	height:					35px;
}

.partner-logo-wrap.mixed-orientations .partner-logo.horizontal.is-very-big img {
	height:					45px;
}

.partner-logo.vertical img {
	height:					90px;
}

.partner-logo img {
	transition: 			opacity .15s linear;
}

a.partner-logo:hover img {
	opacity:				.5;
}

.client-logo {
	max-height:				70px;
	margin-top:				15px;
}

.bg-blue .img-wrapper-round	.img {
	background-color:		var(--blue);
}

.bg-img-cover {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	height: 				100%;
	background-size:		cover;
	background-position:	center center;
	opacity:				.2;
}

.bg-img-contain {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	height: 				100%;
	background-size:		contain;
	background-position:	center center;
	opacity:				.2;
	background-repeat:		no-repeat;
}

.bg-very-light-opacity 	{	opacity:				.05;	}
.bg-light-opacity 		{	opacity:				.1;		}
.bg-medium-opacity 		{	opacity:				.35;	}
.bg-high-opacity 		{	opacity:				.5;		}
.bg-very-high-opacity 	{	opacity:				.75;	}
.bg-full-opacity 		{	opacity:			 	 1;		}

.bx-shadow { 
	box-shadow: 			0 0 10px 0 rgba(0,0,0,.15);
}

.c1					.c {
	float:				left;
	width:				100%;
}

@media (min-width:970px) { /* wide */
	.c-step {
		grid-row-gap:			0		!important;
	}

	.c3.c-step {
		margin:					var(--g4) 0;
	}

	.c2.c-step 	.c-2 {
		transform: 				translateY( var(--g2-minus) );
		padding-top: 			var(--g4);
	}
	
	.c3.c-step 	.c-2 {
		transform: 				translateY( var(--g-minus) );
		padding-top: 			var(--g3);
		height: 				calc( 100% + var(--g2));
	}

	.c3.c-step 	.c-3 {
		transform: 				translateY( var(--g2-minus) );
		height: 				calc( 100% + var(--g4) );
		padding-top: 			var(--g4);
	}
	
	.c-top {
		z-index:				1;
	}
	
	.c-inner-top {
		width: 					calc( 100% + var(--g1) );
		float:					right;
	}
	
	.c-1-wide .c-inner-top {
		float:					left;
	}
}

@media (max-width:969px) { /* narrow */
	.c-step.cols-with-bg 	.c-1 {
		transform:				translateX( var(--g2-minus) );
	}

	.c2.c-step.cols-with-bg .c-2 {
		transform:				translateX( var(--g2) );
		margin-top:				1px;
	}

	.c-step.cols-with-bg 	.c-3 {
		transform:				translateX( var(--g2) );
		margin-top:				1px;
	}

	.c-overlap	.c-1 {
		padding-bottom: 		var(--g4);
	}

	.c-overlap	.c-2 {
		padding: 				var(--g1) var(--g2);
		margin-top: 			var(--g4-minus);
	}
}

@media (max-width:1300px) {
	.c-step {
		grid-row-gap:			var(--g2)		!important;
	}
}

ol,
ul {
	margin:					0;
	padding:				0;
    list-style-type: 		none;
	display:				inline-block;
    box-sizing: 			border-box;
}

li {
    box-sizing: 			border-box;
    position:				relative;
}

.e-affiliate-logo-wrap {
	margin-bottom:			10px;
}

.e-text-inner {
	max-width:				var(--very-narrow-content-width);
}

.sup-indent {
	box-sizing:				border-box;
	padding-left:			20px;
	position:				relative;
}

.sup-indent sup {
	position:				absolute;
	top:					10px;
	left:					-20px;
}

.ac .e-text-inner.sup-indent {
	width:					auto;
}

.e-text ul,
ul.e-default-ul {
	margin:					3px auto;
	max-width:				var(--narrow-content-width);
}

.e-text li,
li.e-default-li {
	margin:					2px 0;
    text-align:				left;
	padding:				0 0 0 16px;
	float:					left;
	width:					100%;
}

.e-text .ac li {
	max-width:				600px;
}
	
.e-text li:before,
li.e-default-li:before {
	content: 				" ";
	position:				absolute;
	top:					10px;
	left:					0;
	width:					5px;
	height:					5px;
	border-radius: 			50%;
	background:				var(--black);
}

.bg-dark-scheme	.e-text li:before,
.bg-dark-scheme	li.e-default-li:before {
	background:				#fff;
}

/*
.bg-light-scheme h3 + .e-bullets-wrap 	li {
	color:					inherit;
}
*/

li.e-bullets-li {
	/*
	text-align:				inherit;
	padding:				0;
	float:					none;
	width:					auto;
	*/
	margin:					0 0 5px;
	text-align:				left;
	font-weight: 			500;
	padding-left: 			30px;
	box-sizing: 			border-box;
}

li.e-bullets-li:before {
	display:				none;
}

.e-bullets-i {
	position: 				absolute;
	top:					0;
	left:					0;
	width: 					18px;
	height: 				18px;
}

.e-bullets-i:before	{
	content: 				" ";
	position:				absolute;
	top:					3px;
	left:					0;
	width:					100%;
	height:					100%;
	border-radius: 			50%;
    background:				var(--orange)	!important;
}

.e-bullets-i:after {
	content: 				" ";
	position:				absolute;
	top:					6px;
	left:					6px;
	border: 				solid #fff;
	border-width: 			0 2px 2px 0;
	padding: 				2px 2px 6px;
	transform: 				rotate(45deg);
}
	
.e-header + .e-bullets-wrap {
	margin-top:				var(--g);
}

.e-bullets-wrap + .cta-card-container {
	margin-top:				var(--g1);
}

.e-disclaimer {
	font-size: 				13px;
}

ol {
	counter-reset: 			item;
	max-width:				var(--narrow-content-width);
}

ol li {
	padding-left:			40px;
	margin:					5px 0;
	float:					left;
	width:					100%;
}

ol li li {
	padding-left:			55px;
}

ol li li li {
	padding-left:			70px;
}

ol li:before {
	content: 				counters(item, ".") ".";
	counter-increment: 		item;
	position:				absolute;
	left: 					5px;
	top: 					0;
}

.e-bullets {
	max-width:					var(--very-narrow-content-width);
}

.e-bullets-inline 				ul {
	display:					block;
}

.e-bullets.e-bullets-inline 	ul li {
	float: 						none;
	width: 						auto;
	display: 					inline-block;
	padding-right:				var(--g1);
}

.e-bullets-cols					ul {
	display: 					inline-grid;
}

.e-bullets-line-break			ul {
	display: 					inline-grid;
	grid-template-columns: 		1fr;
}

@media (max-width:675px) {
	.e-bullets-cols 			ul {
		display:				block;
	}

	.e-bullets.e-bullets-cols	 ul li {
		float: 					none;
		width: 					auto;
		display: 				inline-block;
		padding-right:			var(--g1);
	}
}

@media (min-width:676px) and (max-width:850px) {
	.e-bullets-cols				ul {
		display: 				inline-grid;
		grid-template-columns: 	auto auto;
		grid-column-gap:		var(--g1);
	}
}

@media (min-width:851px) {
	.e-bullets-cols				ul {
		display: 				inline-grid;
		grid-template-columns: 	auto auto auto;
		grid-column-gap:		var(--g1);
	}
}

.e-line-break {
	margin-top:				var(--g2);
	margin-bottom:			var(--g2);
	position:				relative;
}

.e-line-break:after {
	content:				" ";
	width:					60px;
	height:					4px;
	position:				absolute;
	bottom:					-2px;
	left:					0;
}

.ac .e-line-break:after {
	left:					50%;
	transform:				translateX( -50%);
}

.bg-light-scheme 	.e-line-break:after {
	background:				var(--orange);
}

.bg-dark-scheme 	.e-line-break:after {
	background:				#fff;
}

/* Elements */

.e {
	width:					100%;
	display:				inline-block;
}

.e-header	+ .e-button,
.e-text		+ .e-button {
	margin-top:				var(--g1);
}

.e-img img {
	border-radius:			8px;
}

.e-img-caption {
	padding: 				10px 10px 15px;
	background: 			var(--beige-light);
	box-sizing: 			border-box;
	text-align: 			center;
}

iframe {
	max-width: 				100%;
}

.media {
	background-image:		var(--sprite);
	display:				inline-block;
	height:					60px;
	width:					60px;
	margin:					0 5px 0 0;
	background-size:		auto 283px;
	transition: 			background-color .15s linear;
	border-radius:			50%;
	background-color:		var(--blue-light);
}

.media:hover {
	background-color:		var(--orange);
}

.media-facebook 	{ background-position:	-155px 	-50px; }
.media-twitter 		{ background-position:	-243px 	-49px; }
.media-linkedin 	{ background-position:	-75px  	-49px; }
.media-instagram 	{ background-position:	12px 	-51px; }

.icon {
	height:					90px;
	width:					90px;
	position:				relative;
	margin-top:				-15px;
}

.icon:before {
    content: 				" ";
    position: 				absolute;
    left: 					0;
    top: 					0;
	background-image:		var(--sprite);
	background-size: 		auto 339px;
	background-repeat:		no-repeat;
	height:					100%;
	width:					100%;
	z-index:				1;
}

.bg-dark-scheme 		.icon:before {
	-webkit-filter:			brightness(1%) invert(1);
	filter:					brightness(1%) invert(1);
}

.bg-blue-scheme .cta-card-option:hover .icon:before {
	-webkit-filter:			none;
	filter:					none;
}

.ac .icon {
	margin-left:			50%;
	transform:				translateX( -50%);
}

.icon-support:before 		{	background-position:	-316px 		-135px;		}
.icon-headset:before 		{	background-position:	-409px 		-135px;		}
.icon-chat:before 			{	background-position:	-500px 		-135px;		}
.icon-document:before 		{	background-position:	-584px 		-135px;		}
.icon-lightening:before 	{	background-position:	-669px 		-135px;		}
.icon-cog:before 			{	background-position:	-757px 		-137px;		}
.icon-cloudlinux:before 	{	background-position:	-1224px 	-231px;		}
.icon-wp:before 			{	background-position:	-584px 		-46px;		}
.icon-green:before 			{	background-position:	-407px 		-46px;		}
.icon-migrate:before 		{	background-position:	-674px 		-46px;		}
.icon-reliable:before 		{	background-position:	-498px 		-46px;		}
.icon-stopwatch:before 		{	background-position:	-947px 		-135px;		}
.icon-car1:before 			{	background-position: 	-3142px 	-224px;		}
.icon-car2:before 			{	background-position: 	-3231px 	-224px;		}
.icon-car3:before 			{	background-position: 	-1928px 	-225px;		}
.icon-dyno1:before			{	background-position: 	-1754px 	-42px;		}
.icon-dyno2:before			{	background-position: 	-1845px 	-43px;		}
.icon-dyno3:before			{	background-position: 	-1941px 	-43px;		}
.icon-rocket1:before 		{	background-position:	-1039px 	-135px;		}
.icon-rocket2:before 		{	background-position:	-1131px		-135px;		}
.icon-rocket3:before 		{	background-position:	-1230px		-135px;		}
.icon-hosting1:before 		{	background-position: 	-2032px 	-237px;		}
.icon-hosting2:before 		{	background-position: 	-2121px 	-237px;		}
.icon-hosting3:before 		{	background-position: 	-2207px 	-237px;		}
.icon-hosting4:before 		{	background-position:	-1521px 	-229px;		}
.icon-cloud:before 			{	background-position:	-848px 		-135px;		}
.icon-cloudinfra:before 	{	background-position:	-848px 		-135px;		}
.icon-server:before 		{	background-position:	-770px 		-45px;		}
.icon-publish:before 		{	background-position:	-864px 		-45px;		}
.icon-email:before 			{	background-position:	-953px 		-45px;		}
.icon-email1:before 		{	background-position:	-3052px 	-133px;		}
.icon-email2:before 		{	background-position:	-2018px 	-133px;		}
.icon-email3:before 		{	background-position:	-3148px 	-133px;		}
.icon-email4:before 		{	background-position:	-3529px 	-71px;		}
.icon-speedometer:before 	{	background-position:	-1041px 	-45px;		}
.icon-cdn:before 			{	background-position:	-1665px 	-135px;		}
.icon-atom:before 			{	background-position:	-1391px 	-45px;		}
.icon-calendar:before 		{	background-position:	-1574px 	-136px;		}
.icon-barchart:before 		{	background-position:	-1402px 	-136px;		}
.icon-linechart:before 		{	background-position:	-1488px 	-136px;		}
.icon-clock:before 			{	background-position:	-1482px 	-45px;		}
.icon-clock24:before 		{	background-position:	-1665px 	-45px;		}
.icon-thumbsup:before 		{	background-position:	-1128px 	-45px;		}
.icon-database:before 		{	background-position:	-225px 		-135px;		}
.icon-handshake:before 		{	background-position:	-1306px 	-45px;		}
.icon-megaphone:before 		{	background-position:	-1580px 	-45px;		}
.icon-bullseye:before 		{	background-position:	-1315px 	-135px;		}
.icon-magnifier:before 		{	background-position:	-2129px 	-41px;		}
.icon-money:before 			{	background-position:	-2110px 	-131px;		}
.icon-nodejs:before 		{	background-position:	-1126px 	-231px;		}
.icon-ticket:before 		{	background-position:	-2223px 	-35px;		}
.icon-commandpanel:before 	{	background-position:	-2034px 	-44px;		}
.icon-domain:before 		{	background-position:	-1652px 	-225px;		}
.icon-dns:before 			{	background-position: 	-2315px 	-43px;		}
.icon-traffic:before 		{	background-position: 	-2299px 	-135px;		}
.icon-premium:before 		{	background-position: 	-2386px 	-135px;		}
.icon-agency:before 		{	background-position: 	-2384px 	-224px;		}
.icon-fingertip:before 		{	background-position: 	-2400px 	 -41px;		}
.icon-scale:before 			{	background-position: 	-2489px 	 -41px;		}
.icon-size:before 			{	background-position: 	-2486px 	-136px;		}
.icon-shield:before 		{	background-position: 	-2476px 	-228px;		}
.icon-lightbulb:before 		{	background-position: 	-2571px 	-135px;		}
.icon-piggybank:before 		{	background-position: 	-2573px 	-225px;		}
.icon-focus:before 			{	background-position: 	-2669px 	-129px;		}
.icon-peace:before 			{	background-position: 	-2672px 	-229px;		}
.icon-recurring:before 		{	background-position: 	-2675px 	-38px;		}
.icon-aussie:before 		{	background-position: 	-2776px 	-227px;		}
.icon-backup:before 		{	background-position: 	-2766px 	-43px;		}
.icon-ssl:before 			{	background-position: 	-2769px 	-138px;		}
.icon-secure:before 		{	background-position: 	-2769px 	-138px;		}
.icon-www:before 			{	background-position: 	-2860px 	-135px;		}
.icon-scaleold:before 		{	background-position: 	-2866px 	-223px;		}
.icon-bcorp:before 			{	background-position: 	-2946px 	-223px;		}
.icon-freedom:before 		{	background-position: 	-2951px 	-136px;		}
.icon-fairness:before 		{	background-position: 	-2954px 	-42px;		}
.icon-fun:before 			{	background-position: 	-3057px		-42px;		}
.icon-workspace:before 		{	background-position:	-3409px 	-139px;		}
.icon-domainsau:before 		{	background-position:	-3263px 	-27px;		}
.icon-domainscomau:before 	{	background-position:	-3263px 	-129px;		}
.icon-domainsorg:before 	{	background-position:	-3401px 	-41px;		}
.icon-domainsnet:before 	{	background-position:	-3404px 	-232px;		}
.icon-domainscom:before 	{	background-position:	-3526px 	-138px;		}
.icon-ddos:before 			{	background-position:	-1321px 	-224px;		}
.icon-ssh:before 			{	background-position:	-1426px 	-229px;		}
.icon-authenticate:before 	{	background-position:	-1822px 	-227px;		}
.icon-axigen:before 		{	background-position:	-1621px 	-229px;		}
.icon-davs:before 			{	background-position:	-4168px 	-224px;		}
.icon-virus:before 			{	background-position:	-1723px 	-230px;		}
.icon-interface:before 		{	background-position:	-4172px 	-39px;		}
.icon-paperjet:before 		{	background-position:	-4168px 	-128px;		}
.icon-ssd:before 			{	background-position:	-4274px 	-227px;		}

.icon-nextcloud,
.icon-gworkspace {
	filter:					none	!important;
}

.icon-gworkspace:before 	{
	background-image:		var(--sprite-google-workspace-g);
	background-position:	12px 20px;
	background-size: 		auto 70px;
}

.icon-nextcloud:before 	{
	background-image:		var(--sprite-nextcloud);
	background-position:	0 49px;
	background-size: 		auto 41px;
}

.icon-gworkspace-large {
	width:					320px;
	height:					45px;
	margin-top:				30px;
}

.icon-gworkspace-large:before {
	background-position: 	-2369px -98px;
	background-size: 		auto 220px;
	top:					-5px;
	/*
	filter:					none							!important;
	*/
}
/*
.bg-dark-scheme .icon-gworkspace-large:before {
	filter:					brightness(125%) invert(0)		!important;
}
*/
.icon-nextcloud-large {
	width:					140px;
	height:					65px;
	margin-top:				10px;
}

.icon-nextcloud-large:before {
	background-position: 	-2552px -0px; /* -158px */
	background-size: 		auto 220px;
	top:					-5px;
	/*
	filter:					none							!important;
	*/
}

.bg-beige {
	background-color: 		var(--beige-light);
}

.bg-blue {
	background-color: 		var(--blue-medium);
}

.bg-blue-light {
	background-color: 		var(--blue-light);
}

.bg-blue-dark {
	background-color: 		var(--blue);
}

.bg-grey {
	background-color: 		var(--grey-light);
}

.bg-dark-scheme {
	color:					#fff;
	text-shadow: 			0 0 6px rgb(16, 16, 85);
}

/*
.col-bg-img {
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	background-size:		contain;
	background-repeat:		no-repeat;
}
	
.col-bg-img-footprint {
	background-position:	bottom right;
	background-image:		url("/wp-content/images/css/dinosaur-footprint-bw-bottom-right.png");
}

.col-bg-img-footprint + div {
	background-color: 		transparent;
}

.col-bg-img-dorothy-right {
	background-position:	bottom left;
	background-image: 		url("/wp-content/images/css/dorothy-peaking-to-the-right.png");
	opacity: 				.2;
}

.col-bg-img-dorothy-left {
	background-position:	bottom right;
	background-image: 		url("/wp-content/images/css/dorothy-peaking-to-the-left.png");
	opacity: 				.2;
}
*/

/* Columns */

h1, h2, h3, h4, h5, h6 {
	display:				block;
    width:					100%;
    padding:				0;
	position:				relative;
}

h1, h2 {
	max-width:				1000px;
}

.single-knowledge-base  h1,
.archive 				h1 {
	max-width:				100%;
}

h3, h4, h5, h6 {
	display:				block;
    width:					100%;
    padding:				0;
	position:				relative;
}

.ac p,
.ac h1,
.ac h2,
.ac h3,
.ac h4,
.ac h5,
.ac h6 {
	margin-left:			auto;
	margin-right:			auto;
}

.ac p {
	max-width:				var(--extremely-narrow-content-width); 
}

.ac .e-bullets-wrap + .e-text {
	max-width:				var(--extremely-narrow-content-width);
}

#green-web-checker-wrap {
	display:				inline-block;
	width:					100%;
	position:				relative;
	border-radius: 			15px;
	overflow: 				hidden;
	border: 				4px solid var(--grey-dark);
}

@media (min-width:992px) {
	#green-web-checker-wrap {
		max-width:			550px;
	}
}

#input_url {
	margin:					0;
	height:					60px;
	border:					none;
	color: 					var(--blue-light);
	padding:				10px 100px 10px 20px;
}

#green-web-checker {
	position:				absolute;
	top:					0;
	right:					0;
	min-width:				85px;
	height:					100%;
	border-radius: 			0;
}

h1 {
	margin:					0 0 15px;
	font-weight:			600; 
}

h2 {
	margin:					5px 0;
	max-width:				950px;
	font-size:				21px;
	line-height:			32px;
	letter-spacing:			-.25px;
	font-weight:			500;
}

body.home h2 {
	max-width:				610px;
	font-weight:			400;
}

@media (min-width:770px) {
	.ac h2 {
		padding: 			0 var(--g3);
		box-sizing: 		border-box;
	}
}

.bg-light-scheme h1 {
	color:					var(--blue-light);
}

h2 u {
	text-underline-offset: 		2px;
	text-decoration-thickness: 	2px;
}

h3 {
    font-weight:			500;
    margin:					10px 0;
	word-spacing: 			-1px;
	color:					var(--blue-light);
}

h3.small {
	font-size:				25px;
	line-height:			32px;
	letter-spacing:			-0.5px;
	font-weight:			600;
}

h3.large {
	font-weight:			600;
}

.e-ribbon {
	position: 				relative;
	z-index: 				1;
}

.ribbon {
	font-size: 				17px;
	line-height: 			26px;
	text-transform:			uppercase;
	letter-spacing:			2px;
	margin-bottom: 			0;
}

.bg-light-scheme .ribbon {
	color: 					var(--orange);
}

/*
.ribbon {
	padding:				15px 20px;
	display:				inline-block;
	background-color:		var(--blue-light);
	color:					#fff;
	width:					auto;
	margin: 				var(--g1) auto 40px;
	position: 				relative;
	max-width: 				calc(100% - 80px);
	font-size: 				21px;
	line-height: 			26px;
	font-weight: 			500;
	box-sizing: 			border-box;
}

.ribbon i {
	position: 				absolute;
}

.ribbon i:first-child,
.ribbon i:nth-child(2) {
		position: 				absolute;
		left: 					-20px;
		bottom: 				-20px;
		z-index: 				-1;
		border: 				20px solid transparent;
		border-right-color: 	#043140;
}

.ribbon i:nth-child(2) {
	left: 						auto;
	right: 						-20px;
	border-right-color: 		transparent;
	border-left-color: 			#043140;
}

.ribbon i:nth-child(3),
.ribbon i:last-child {
	width:						10px;
	bottom: 					-20px;
	left: 						-40px;
	z-index: 					-2;
	border: 					25px solid #1D53C0;
	border-left-color: 			transparent;
}

.ribbon i:last-child {
	bottom: 					-20px;
	left: 						auto;
	right: 						-40px;
	border: 					25px solid #1D53C0;
	border-right-color: 		transparent;
}
*/

			h3.medium,
.e-text-kb	h3,
.blog-inner h3 {
	font-size: 				29px;
	line-height: 			37px;
	margin-top:				10px;
	margin-bottom:			10px;
	font-weight: 			600;
	letter-spacing:			-.5px;
}

.bg-dark-scheme h3,
.bg-dark-scheme h4 {
	color:					inherit;
}

@media (min-width:1251px) {
	h1 {
		font-size: 			51px;
		line-height: 		62px;
		word-spacing: 		-1.5px;
		letter-spacing:		-1.5px;
	}
	
	body.home h1 {
		font-size: 			47px;
		line-height: 		64px;
		word-spacing: 		-1px;
	}
	
	body.home h2 {
		font-size:			26px;
		line-height:		38px;
		letter-spacing:		-.5px;
		margin-bottom:		20px;
	}
	
	h3.large {
		font-size: 			45px;
		line-height: 		57px;
	}
	
	h3 {
		font-size: 			42px;
		line-height: 		51px;
		letter-spacing: 	-1.5px;
	}
}

@media (min-width:770px) and (max-width:1250px) {
	h1 {
		font-size: 			41px;
		line-height: 		54px;
		letter-spacing:		-1px;
	}
	
	body.home h1 {
		font-size: 			39px;
		line-height: 		53px;
		word-spacing: 		-1px;
	}
	
	body.home h2 {
		font-size:			24px;
		line-height:		35px;
		letter-spacing:		-.5px;
		margin-bottom:		20px;
	}
	
	h3.large {
		font-size: 			40px;
		line-height: 		49px;
		letter-spacing: 	-.75px;
	}
	
	h3 {
		font-size: 			35px;
		line-height: 		44px;
		letter-spacing: 	-1px;
	}
}

@media (max-width:769px) {
	h1 {
		font-size: 			35px;
		line-height: 		43px;
	}
	
	h2 {
		font-size:			21px;
		line-height:		32px;
		letter-spacing:		-.5px;
		margin-bottom:		15px;
	}
	
	h3.large {
		font-size: 			34px;
		line-height: 		44px;
	}
	
	h3 {  
		font-size:			31px;
		line-height:		37px;
	}
}

h4 {
	font-weight:			500;
	margin:					10px 0;
	font-size: 				29px;
	line-height: 			38px;
	letter-spacing: 		-.75px;
	color:					var(--blue-light)
}

h4.small,
h4.medium,
.blog-inner h4 {
	font-size:				18px;
	line-height:			28px;
	letter-spacing:			-.25px;
	margin:					5px 0;
}

h4 i {
	font-size:				1.15rem;
	letter-spacing:			0;
	font-style:				normal;
}

h4 u {
	text-underline-offset: 		3px;
	text-decoration-color: 		var(--orange);
	text-decoration-thickness: 	2px;
}

h5 {
    font-weight:			500;
    margin:					10px 0;
    font-size:				22px;
	line-height:			30px;
}

h5:nth-child(1) {
	margin-top:				0;
}

.e-button 		+ * {
	margin-top:				15px;
}

.button			i,
.button-text	i {
	color:					inherit;
	font-style:				normal;
	font-weight:			400;
	display: 				block;
	text-transform: 		none;
	font-size: 				.9rem;
	margin-top:				5px;
}
	
h4 + .e-button, 
h6 + .e-button {
	margin-top:				15px;
}

h6 {
	font-weight:			600;
	margin:					5px 0;
	font-size: 				17px;
	line-height:			23px;
}

h5 + h6 {
	margin-top:				-5px;
}

h5 + .e-text {
	margin-top:				-5px;
}

/* Inputs */

/*
.callout {
	float:					left;
	width:					100%;
	text-align:				left;
	padding:				0;
}

.callout {
	margin:					10px 0 0;
}

.callout-danger {
	color:					red;
}
*/

ul.page-numbers li {
	float:					left;
}

input[type=submit],
.button,
.button-text,
#wdc-domain-form 	.btn-success,
ul.page-numbers li 	.page-numbers {
	outline-style:			none;
	outline-width:			0;
    outline: 				0;
	-webkit-appearance:		none;
    display:				inline-block;
    line-height:			1.3;
	font-family: 			inherit;
	font-weight:			600; 
	border: 				none;
	box-sizing:				border-box;
	transition: 			all .15s linear;
	position:				relative;
	border-radius:			5px;
    text-align:				center;
	text-shadow:			none;
}

ul.page-numbers li * {
	margin:					0 1px 5px 0;
	padding:				10px 15px;
	background: 			var(--grey);
	color:					var(--black);
}

button.button,
input[type=submit] {
	font-size:				1.15rem;
	padding:				20px 15px 19px;
}

button.button {
	margin:					var(--g1) 0 0 0;
}

input[type=submit] {
	margin:					var(--g2) 0 0 0;
}

#wdc-domain-form .btn-success {
	margin-top:				var(--g1);
}

#wdc-domain-form #results > * {
	text-align:				right	!important;
}

.button-text {
	padding:				20px 12px 19px;
	margin:					0 0 5px;
}

.button,
.button-text {
	min-width:				170px;
}

.button,
#wdc-domain-form .btn-success {
	color:					#fff;
	background:				var(--orange-dark);
	padding:				20px 15px 19px;
}

.button:hover,
#wdc-domain-form .btn-success:hover {
	color:					#fff;
	background: 			var(--orange);
}

input[type=submit]:hover,
a.page-numbers:hover {
	color:					#fff;
	background: 			var(--blue-light);
}

.button-scroll,
.button-text {
	padding-right:			40px;
	position:				relative;
}

.button-scroll:after,
.button-text:after {
	content:				" ";
	position:				absolute;
	top:					50%;
	right:					18px;
	display: 				inline-block;
	padding: 				3px;
	transition: 			border-color .15s linear;
	border-width: 			0 3px 3px 0	!important;
}

.button-scroll:after {
	transform: 				translateY(-5px) rotate(45deg) !important;
}

.button-text:after {
	transform: 				translateY(-5px) rotate(-45deg);
}

.bg-light-scheme 	.button-scroll:after,
.bg-light-scheme 	.button-text:after {
	border: 				solid var(--blue-light);
}

.bg-dark-scheme 	.button-scroll:after,
.bg-dark-scheme 	.button-text:after {
	border: 				solid #fff;
}

.bg-light-scheme 	.button-text {
	color:					var(--blue-light);
	border:					3px solid var(--blue-light);
	background:				#fff;
}

.bg-light-scheme 	.button-text.button-text-invert {
	color:					#fff;
	background:				var(--blue-light);
}

.bg-light-scheme 	.button-text:hover {
	color:					#fff;
	background:				var(--blue-light)		!important;
	border-color:			var(--blue-light);
}

.bg-light-scheme 	.button-text.button-text-invert:hover {
	color:					var(--blue-light);
	background:				#fff					!important;
}

.bg-light-scheme 	.button-text.button-scroll:after {
	border-color:			var(--blue-light);
}

.bg-light-scheme 	.button-text:hover:after {
	border-color:			#fff;
}

.bg-light-scheme 	.button-text.button-text-invert.button-scroll:after {
	border-color:			var(--blue-light);
}

.bg-light-scheme 	.button-text.button-text-invert:hover:after {
	border-color:			var(--blue-light);
}

.bg-dark-scheme 	.button-text {
	color:					#fff;
	border:					3px solid #fff;
}

.bg-dark-scheme 	.button-text.button-text-invert {
	color:					var(--blue-light);
	background:				#fff;
}

.bg-dark-scheme 	.button-text:hover {
	color:					var(--blue-light);
	background:				#fff					!important;
}

.bg-dark-scheme 	.button-text.button-text-invert:hover {
	color:					#fff;
	background:				var(--blue-light)				!important;
}

.bg-dark-scheme 	.button-text:hover:after {
	border-color:			var(--blue-light);
}

.page-numbers.current {
	color:					#fff;
	background: 			var(--orange);
}

@media (min-width:992px) and (min-height:1150px) {
	@keyframes arrow {
		0% {
			bottom:				17px;
		}
		100%{
			bottom:				21px;
		}
	}
	
	@-webkit-keyframes arrow {
		0% {
			bottom:						17px;
		}
		100%{
			bottom:						21px;
		}
	}
}

.bg-top-right 		{	background-position: 	top right;		}
.bg-top-center 		{	background-position: 	top center;		}
.bg-top-left 		{	background-position: 	top left;		}
.bg-center-right 	{	background-position: 	center right;	}
.bg-center-left 	{	background-position: 	center left;	}
.bg-bottom-right 	{	background-position: 	bottom right;	}
.bg-bottom-center 	{	background-position: 	bottom center;	}
.bg-bottom-left 	{	background-position: 	bottom left;	}
	
.blog-inner {
	width:						100%;
	box-sizing:					border-box;
}

@media (min-width:970px) {
	.blog-inner {
		padding:				0 0 0 200px;
		max-width:				var(--narrow-content-width);
	}

	article {
		padding:				0 var(--g2);
		box-sizing:				border-box;
	}
}

.show {
	opacity:					1;
}

/* Gravity form */

.gform_footer {
	display: 				flex;
	flex-wrap: 				wrap;
}

.gform-loader {
	align-self: 			center;
	animation: 				gformLoader 1.1s infinite linear;
	width: 					40px		!important;
	height: 				40px;
	border: 				5px solid #fff;
	border-top: 			5px solid var(--orange);;
	border-radius: 			50%;
	display: 				inline-block;
	margin-left: 			10px;
	position: 				relative;
	transform: 				translateZ(0);
	vertical-align: 		middle;
	float: 					none 		!important;
}

@keyframes gformLoader {
	0% {
		transform:			rotate(0)
	}
	100% {
		transform:			rotate(360deg)
	}
}

form { 
	display:				inline-block;  
    width:					100%;
	text-align:				left;
	border: 				none;
	margin:					0;
	position:				relative;
}

.gform_checkboxes {
	padding:				var(--g1) 0;
}

label {
	display:				block;
	font-weight:			500;
	float: 					left;
	width: 					100%;
	margin: 				5px 0;
}

.bg-light-scheme code + label {
	color:					var(--blue-light);
}

.gform_wrapper div {
	width: 					100%;
	float: 					left;
	box-sizing: 			border-box;
	position: 				relative;
}

fieldset {
	border: 				1px solid var(--grey-dark);
	margin: 				10px 0;
}

.field_sublabel_below div label {
	display:				none;
}

.gform_checkboxes > label {
	margin:					0 0 var(--g1);
}

.gfield_checkbox input {
	width: 					28px;
	float:					left;
	margin: 				10px 0;
}

.gfield_checkbox label {
	display:				block				!important;
	width: 					calc(100% - 28px);
	float:					left;
}

form ul {
	width:					100%;
	margin:					0;
}

form li {
	margin:					0;
	padding:				0;
	float:					left;
    width:					100%;
}

.gfield_radio li {
	position:				relative;
	padding:				5px 0 5px 25px;
}

.gfield_radio input[type=radio] {
	position:				absolute;
	top:					50%;
	transform: 				translateY(-50%);
	left:					0;
	padding: 				0;
	margin: 				0;
}

div.gfield--type-captcha {
	position:				unset;
}

div.gfield--type-captcha label.gfield_label {
	display:				none;
}

div.gfield--type-captcha .grecaptcha-badge {
	position: 				absolute 	!important;
	bottom: 				0 			!important;
	right: 					0 			!important;
}

#gform_browse_button_9_11 { /* This is the Select Files button in form Submit a Knowledge Base question */
	padding:				17px 12px 16px;
	margin:					0 0 5px;
	color:					var(--blue-light);
	background:				#fff;
    line-height:			1.3;
	font-family: 			inherit;
	font-weight:			600; 
	border: 				none;
	box-sizing:				border-box;
	transition: 			all .15s linear;
	position:				relative;
	border-radius:			5px;
	border:					3px solid var(--blue-light);
	font-size: 				1em;
}

#gform_browse_button_9_11:hover {
	color:					#fff;
	background:				var(--blue-light)				!important;
}

input::-moz-focus-inner { 
	border: 				0; 
}

input[type=text],
input[type=search],
input[type=email],
input[type=tel],
textarea {
    text-align:				left;
    box-sizing: 			border-box;
    width:					100%;
	border: 				3px solid var(--grey-dark);
    font-family:			inherit;
	background-color:		#fff;
	background-image:		none;
	font-weight:			500;
    line-height:			1;  
	outline:				none;
	float:					left;
	transition: 			all .15s linear;
	padding:				10px 15px;
	color:					var(--black);	
	font-size:				16px;
	-webkit-appearance: 	none;
}

input[type=text],
input[type=search],
input[type=email],
input[type=tel] {
	margin:					0 0 5px;
}

textarea {
	height:					170px;
	margin:					0;
}

.gform_description:not(:empty) {
	font-weight:			500;
	margin:					10px 0 var(--g1);
	font-size:				1.15rem;
	width:					100%;
	float:					left;
}

.gform_wrapper,
.gform_fields,
.gform_confirmation_wrapper {
	width:					100%;
	float:					left;
    box-sizing: 			border-box;
}

.gform_confirmation_wrapper {
	margin:					var(--g1) 0;
}

.gform_validation_container {
	display:				none;
}

.gfield_description {
	margin:					0 0 5px 0;
	color:					var(--orange);
}

.gfield_required {
	color:					var(--orange);
}

.pac-container {
	display:				none;
}

.gform_validation_errors {
	color:					var(--orange);
}

.gform_confirmation_message {
	text-align:				center;
	margin:					var(--g1) 0;
	font-weight:			600;
	background:				var(--blue-light);
	color:					var(--grey);
	padding:				var(--g1);
	width:					100%;
	float:					left;
    box-sizing: 			border-box;
}

div.validation_error { 
	text-align:				center;
	margin:					0 0 var(--g1) 0;
	font-weight:			600;
	background:				var(--orange);
	padding:				var(--g1);
	color:					#fff;
	width:					100%;
	float:					left;
    box-sizing: 			border-box;
}

.gform_wrapper div.validation_error h2 { 
	font-size:				16px;
	margin:					0 auto;
	color:					#fff;
	line-height:			24px;
}

.gfield_error.gform_checkboxes {
	background-color:		var(--orange)		!important;			
}

.gfield_error input,
.gfield_error textarea {
	border-bottom: 			2px solid var(--orange);
}

.gform_legacy_markup_wrapper .gform_fileupload_multifile .gform_drop_area {
	border: 				2px dashed var(--grey-verydark);
	border-radius: 			5px;
	margin-bottom: 			var(--g1);
	padding: 				var(--g1);
	text-align: 			center;
	float: 					left;
	width: 					100%;
	box-sizing: 			border-box;
}

.gform_legacy_markup_wrapper span.gform_drop_instructions {
	display: 				block;
	margin-bottom: 			8px;
}

.search-form {
	margin-top:				var(--g1);
	margin-bottom:			var(--g1);
	box-shadow: 			0px 3px 14px -1px rgba(0,0,0,.15);
	width:					100%;
	max-width:				460px;
}

.search-form		input[type=search] {
	height:					var(--sf-height);
	margin:					0;
	font-size:				17px;
	border-width:			1px;
}

.domain-search-form	input[type=text] {
	box-shadow: 			0px 3px 14px -1px rgba(0,0,0,.15);
	height:					var(--wdc-height);
	border-width:			1px;
}

.domain-search-form	input[type=submit],
.search-form		input[type=submit] {
	text-indent:			-9999px;
	position:				absolute;
	padding:				0;
	margin:					0;
	background-image:		var(--sprite);
	background-repeat: 		no-repeat;
	border:					none;
	transition: 			background-color .15s;
	background-color: 		var(--blue-light);
	border-radius:			0;
	top:					1px;
	right:					1px;
}

.search-form	input[type=submit] {
	height:					calc( var(--sf-height) - 2px );
	width:					var(--sf-height);
	background-position:	5px 8px;
	background-size: 		auto 238px;
}

.domain-search-form	input[type=submit] {
	height: 				calc(var(--wdc-height) - 2px);
	width: 					var(--wdc-height);
	background-position:	14px 19px;
}

.domain-search-form	input[type=submit]:hover,
.search-form		input[type=submit]:hover {
	background-color: 		var(--orange);
}

#loading {
    display: 				none;
	position: 				absolute;
	left: 					0;
	bottom: 				-50px;
}

.gform_ajax_spinner {
	display:				block;
	float:					left;
	clear:					left;
	margin-top:				40px
}

::-webkit-input-placeholder {
	color: 					var(--blue-light)			!important;
	opacity:				1					!important;
}

::-moz-placeholder {
	color: 					var(--blue-light)			!important;
	opacity:				1					!important;
}

::-ms-input-placeholder {
	color: 					var(--blue-light)			!important;
	opacity:				1					!important;
}

::placeholder {
	color: 					var(--blue-light)			!important;
	opacity:				1					!important;
}

@-webkit-keyframes ticker {
  0% {
    transform: 				translate3d(0, 0, 0);
    visibility: 			visible;
  }
  100% {
    transform: 				translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    transform: 				translate3d(0, 0, 0);
    visibility: 			visible;
  }
  100% {
    transform: 				translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
	height:								var(--ticker-height);
	width:								100%;
	float:								left;
	padding:							20px 0;
	position:							relative;
}

.ticker {
	position:							absolute;
	top:								20px;
	left:								0;
	height:								var(--ticker-height);
	width:								1000000px;
	-webkit-animation-iteration-count: 	infinite; 
	animation-iteration-count: 			infinite;
	-webkit-animation-timing-function: 	linear;
	animation-timing-function: 			linear;
	-webkit-animation-name: 			ticker;
	animation-name: 					ticker;
	-webkit-animation-duration: 		45000s;
	animation-duration: 				45000s;
	/*
	-webkit-animation-delay: 			2s;
	animation-delay: 					2s;
	*/
}

.ticker:before {
    content: 							" ";
    top: 								0;
    left: 								0;
    position: 							absolute;
    width: 								100%;
    height: 							100%;
	background-size: 					auto var(--ticker-height);
	background-image:					var(--ticker-image);
}

.bg-light-scheme	.ticker {
    -webkit-filter: 					invert(100%);
    filter: 							invert(100%);
}

.green-web-hosting-logo {
	display: 							inline-block;
	height:								75px;
	width:								298px;
    background-image:					var(--sprite);
	background-position: 				-4188px -92px;
}

.gsuite-credentials {
	display: 							block;
	height:								80px;
	width:								238px;
    background-image:					var(--sprite);
	background-position: 				0 -298px;
	background-size: 					auto 385px;
}

.bg-dark-scheme .gsuite-credentials {
	background-position:				-270px -298px;
}

.credentials:before,
.credentials:after {
	content:							" ";
	background-size: 					auto 320px;
	height: 							46px;
	display:							inline-block;
	background-image: 					var(--sprite); 
	margin:								5px 15px 5px 0;
}

.ac .credentials:before,
.ac .credentials:after {
	margin:								5px;
}

.credentials:before {
	width: 								349px;
	background-position:				-456px -223px;
}

.bg-dark-scheme .credentials:before {
	background-position:				-456px -272px;
}

.credentials:after {
	width: 								192px;
	background-position:				-820px -222px;
}

.bg-dark-scheme .credentials:after {
	background-position:				-820px -272px;
}

.green-credentials.credentials:before {
	width: 								236px;
	background-position:				-568px -223px;
}

.bg-dark-scheme .green-credentials.credentials:before {
	background-position:				-568px -272px;
}

.bcorp-credentials.credentials:before {
	width: 								216px;
	height:								79px;
	background-position: 				-4040px -7px;
}

.bg-dark-scheme .bcorp-credentials.credentials:before {
	background-position: 				-4040px -114px;
}

.bcorp-credentials.credentials:after {
	display: 							none;
}

.greyscale {
	filter:								grayscale(1);
}