/* Colors
Black - #1f2023
Blue - #218ccc
Green - #5cad46
Orange - #f79626
Red - #dd2229
*/

/* Avenir Font */
@font-face {
    font-family: 'Avenir LT Std';
    src: url('/fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('/fonts/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir LT Std';
    src: url('/fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('/fonts/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


body {
	display: flex;
	flex-direction: column;
	font-family: 'DM Sans', sans-serif;
	font-size: 1em;
	color: #1f2023;
}

h1,h2,h3,h4,h5,h6 {margin-top: 15px; font-family: 'Avenir LT Std'; font-weight: 900; color: #218ccc;}
h1 {
	font-size: 2.75em;
}
h2 {
	font-size: 2.125em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.25em;
	color: #1f2023;
}
h5 {
	font-family: 'DM Sans', sans-serif;
	font-weight: normal;
	font-size: 1.25em;
}
h6 {
	font-family: 'DM Sans', sans-serif;
	font-weight: normal;
	font-size: 1.125em;
	color: #1f2023;
}
@media screen and (max-width: 479px) {
	h1 {
		font-size: 2.125em;
	}
	h2 {
		font-size: 1.875em;
	}
	h3 {
		font-size: 1.5em;
	}
}

p,
ul,
ol,
address {
	margin-top: 15px;
}

hr {
	border-color: #218ccc;
}

.spacer.icon-ellipsis {
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 1.875em;
	color: #218ccc;
}
.spacer.icon-ellipsis + * {
	margin-top: 0;
}

.button {
	box-shadow: none;
	border: none;
	border-radius: 6px;
	padding: 12px 30px;
	line-height: 1em;
	font-weight: normal;
	font-size: 1em;
	color: #fff;
	background-color: #218ccc;
}
.button:hover {
	background-color: #218ccc;
}
.button.green {
	background-color: #5cad46;
}
.button.green.outline {
	border: 1px solid #5cad46;
	padding: 11px 30px;
	color: #5cad46;
	background-color: transparent;
}
.button.green.outline:hover {
	color: #fff;
	background-color: #5cad46;
}
.button.orange {
	background-color: #f79626;
}
.button.orange.outline {
	border: 1px solid #f79626;
	padding: 11px 30px;
	color: #f79626;
	background-color: transparent;
}
.button.orange.outline:hover {
	color: #fff;
	background-color: #f79626;
}
.button.red {
	background-color: #dd2229;
}
.button.red.outline {
	border: 1px solid #dd2229;
	padding: 11px 30px;
	color: #dd2229;
	background-color: transparent;
}
.button.red.outline:hover {
	color: #fff;
	background-color: #dd2229;
}
.button.white {
	border: 1px solid #1f2023;
	padding: 11px 30px;
	color: #1f2023;
	background-color: transparent;
}
.button.white:hover {
	color: #fff;
	background-color: #1f2023;
}
.button.small {
	padding: 8px 14px;
	line-height: 1em;
	font-size: 0.875em;
}
.button.next {
	color: #fff;
	background-color: #004596;
}
.button.next:hover {
	background-color: #004596;
}
.button.center {
	text-align: center;
}

.buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 10px;
}
.buttons.center,
.center > .buttons {
	justify-content: center;
}
@media screen and (max-width: 1199px) {
	.buttons {
		gap: 10px;
	}
}

.break {
	display: inline-block;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 30px;
	width: 2px;
	height: 22px;
	vertical-align: top;
	background-color: #1f2023;
}

img.left {
	float: left;
	margin-right: 20px;
	max-width: 40%;
}
img.right {
	float: right;
	margin-left: 20px;
	max-width: 40%;
}
img.stylised {
	box-shadow: 0 2px 15px rgba(31,32,35,.1);
	border-radius: 10px;
}


/* Font Awesome */
@font-face {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 900;
	src: url("../fonts/fa-solid-900.woff2") format("woff2"),
		 url("../fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
	font-family: 'FontAwesome Brands';
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/fa-brands-400.woff2") format("woff2"),
		 url("../fonts/fa-brands-400.ttf") format("truetype");
}
[class^="icon-"]::before,
[class*=" icon-"]::before{
	font-family: 'FontAwesome';
	font-weight: 900;
}
.icon-eye::before {content:"\f06e";}
.icon-tachometer::before {content: "\f3fd";}
.icon-mobile::before {content:"\f10b";}
.icon-calendar-check::before {content:"\f274";}
.icon-expand::before {content:"\f065";}
.icon-ban::before {content:"\f05e";}
.icon-language::before {content:"\f1ab";}
.icon-dollar-sign::before {content:"\f155";}
.icon-trademark::before {content:"\f25c";}
.icon-hashtag::before {content:"\f292";}
.icon-ship::before {content:"\f21a";}
.icon-calculator::before {content:"\f1ec";}
.icon-users::before {content:"\f0c0";}
.icon-money-bill-alt::before {content:"\f3d1";}
.icon-credit-card::before {content:"\f09d";}
.icon-window-maximize::before {content:"\f2d0";}
.icon-puzzle-piece::before {content:"\f12e";}
.icon-mouse-pointer::before {content:"\f245";}
.icon-paint-brush::before {content:"\f1fc";}
.icon-images::before {content:"\f302";}
.icon-at::before {content:"\f1fa";}
.icon-stack-overflow::before {content:"\f16c";font-family: 'FontAwesome Brands';font-weight: normal;}
.icon-exchange-alt::before {content:"\f362";}
.icon-info::before {content:"\f129";}
.icon-level-down-alt::before {content:"\f3be";}
.icon-user-secret::before {content:"\f21b";}
.icon-sign-in-alt::before {content:"\f2f6";}
.icon-user-plus::before {content:"\f234";}
.icon-map-signs::before {content:"\f277";}
.icon-envelope-open::before {content:"\f2b6";}
.icon-archive::before {content:"\f187";}
.icon-cart-plus::before {content:"\f217";}
.icon-history::before {content:"\f1da";}
.icon-file-alt::before {content:"\f15c";}
.icon-paper-plane::before {content:"\f1d8";}
.icon-building::before {content:"\f1ad";}
.icon-pencil-alt::before {content:"\f303";}
.icon-calendar::before {content:"\f133";}
.icon-comment-alt::before {content:"\f27a";}
.icon-thumbs-up::before {content:"\f164";}
.icon-address-card::before {content:"\f2bb";}
.icon-bicycle::before {content:"\f206";}
.icon-file-image::before {content:"\f1c5";}
.icon-newspaper::before {content:"\f1ea";}
.icon-chart-line::before {content:"\f201";}
.icon-server::before {content:"\f233";}
.icon-envelope-square::before {content:"\f199";}
.icon-reply::before {content:"\f3e5";}
.icon-binoculars::before {content:"\f1e5";}
.icon-phone-volume::before {content:"\f2a0";}
.icon-award::before {content:"\f559";}
.icon-earth-oceania::before {content:"\e47b";}
.icon-face-smile::before {content:"\f118";}
.icon-circle-info::before {content:"\f05a";}
.icon-rss::before {content:"\f09e";}
.icon-image::before {content:"\f03e";}
.icon-rocket::before {content:"\f135";}
.icon-circle-check::before {content:"\f058";}
.icon-feather-pointed::before {content:"\f56b";}
.icon-folder::before {content:"\f07b";}
.icon-arrow-rotate-right::before {content:"\f01e";}
.icon-arrow-right-arrow-left::before {content:"\f0ec";}
.icon-database::before {content:"\f1c0";}
.icon-seedling::before {content:"\f4d8";}
.icon-infinity::before {content:"\f534";}
.icon-layer-group::before {content:"\f5fd";}
.icon-brain::before {content:"\f5dc";}
.icon-facebook::before,
.icon-linkedin::before,
.icon-twitter::before,
.icon-vimeo::before {
	font-family: 'FontAwesome Brands';
	font-weight: normal;
}
.icon-facebook::before {content:"\f39e";}
.icon-linkedin::before {content:"\f0e1";}
.icon-twitter::before {content:"\f099";}
.icon-vimeo::before {content:"\f27d";}
.icon-google:before {
	font-family: 'FontAwesome Brands';
	content: "\f1a0";
}



/* Template styles */

.min-height-window {
	min-height: 100vh;
}
.max-width-1200 {
	max-width: 1240px;
}
.max-width-960 {
	max-width: 1000px;
}
.max-width-840 {
	max-width: 880px;
}
.max-width-720 {
	max-width: 760px;
}
.max-width-600 {
	max-width: 640px;
}
.max-width-480 {
	max-width: 520px;
}
[class*="max-width-"] {
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
[class*="max-width-"] [class*="max-width-"] {
	padding-left: 0;
	padding-right: 0;
}
.vertical-padding {
	padding-top: 100px;
	padding-bottom: 100px;
}
@media screen and (max-width: 599px) {
	.vertical-padding {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}




body > header {
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 2px 20px rgba(31,32,35,.15);
	background-color: #fff;
	z-index: 4;
}
#administrator-menu {
	padding: 0 60px;
	font-size: 0.875em;
	background-color: #f5f5f5;
	z-index: 5;
}
#administrator-menu > ul ul {
	border: none;
	background-color: #f5f5f5;
}
#main-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 60px;
	z-index: 3;
}
#main-menu > a > .logo {
	display: block;
	height: 60px;
	max-height: none;
}
#main-menu > a > .logo-globe {
	display: none;
	height: 40px;
	max-height: none;
}
#main-menu > i.toggler {
	display: none;
	font-size: 24px;
	line-height: 1em;
	color: #218ccc;
	cursor: pointer;
}
#main-menu > span.disabled-window-overlay {
	position: absolute;
	display: none;
	top: 100%;
	z-index: 0;
	cursor: pointer;
}
#main-menu > ul {
	margin: 0 -18px;
}
#main-menu > ul > li {
	transition: all .15s linear !important;
}
#main-menu > ul > li.join-us,
#main-menu > ul > li.login,
#main-menu > ul > li.my-account {
	color: #218ccc;
}
#main-menu > ul > li.current {
	color: #218ccc;
}
#main-menu li:hover {
	color: #218ccc;
	background-color: transparent;
}
#main-menu li > a,
#main-menu li > span {
	padding: 10px 18px;
}
#main-menu li img {
	display: none;
}
#main-menu > ul ul {
	left: 50%;
	transform: translateX(-50%);
	border: none;
	box-shadow: none;
	color: #1f2023;
	background-color: #fff;
}
#main-menu li.my-account > ul {
	left: auto;
	right: 0;
	transform: none;
	text-align: right;
}

body > header.compact > #main-menu {
	padding-top: 12px;
	padding-bottom: 12px;
}
body > header.compact > #main-menu > a > .logo {
	display: none;
}
body > header.compact > #main-menu > a > .logo-globe {
	display: block;
}

@media screen and (max-width: 1559px) {
	#main-menu > ul {
		margin: 0 -12px;
	}
	#main-menu li > a,
	#main-menu li > span {
		padding: 10px 12px;
	}
}
@media screen and (max-width: 1439px) {
	#administrator-menu,
	#main-menu {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 1319px) {
	#administrator-menu,
	#main-menu {
		padding-left: 20px;
		padding-right: 20px;
	}
	#main-menu > a > .logo {
		height: 50px;
	}
}
@media screen and (max-width: 1199px) {
	#main-menu.minimize1200 {
		text-align: right;
		color: #fff;
	}
	html.js #main-menu.minimize1200 > i.toggler,
	html.js #main-menu.minimize1200.open > span.disabled-window-overlay {
		display: block !important;
	}
	html.js #main-menu.minimize1200.open > i.toggler::before {
		content: "\f00d";
	}
	#main-menu.minimize1200 > ul::before {
		content: "≡";
		font-size: 1.5em;
		color: #218ccc;
	}
	html.js #main-menu.minimize1200 > ul::before {
		display: none !important;
	}
	#main-menu.minimize1200 > ul {
		position: absolute !important;
		margin: 0;
		padding: 10px;
		top: 100% !important;
		right: -100% !important;
		height: 100vh !important;
		width: 0;
		min-width: 50vw !important;
		overflow-x: hidden !important;
		background-color: rgba(31,32,35,.95) !important;
		opacity: 0;
		visibility: hidden;
		transition: all .4s ease-in;
	}
	html.js #main-menu.minimize1200.open > ul {
		right: 0 !important;
		opacity: 1;
		visibility: visible;
		z-index: 10;
	}
	html.no-js #main-menu.minimize1200:hover > ul {
		min-width: 250px !important;
	}
	#main-menu.minimize1200 li:hover {
		color: #fff;
	}
	#main-menu.minimize1200 > ul > li {
		display: block;
	}
	#main-menu.minimize1200 li > a,
	#main-menu.minimize1200 li > span {
		display: block;
	}
	#main-menu.minimize1200 > ul ul {
		padding-left: 0;
		padding-right: 18px;
		transform: none;
		background-color: rgba(31,32,35,.95);
	}
	#main-menu.minimize1200 ul.hide {
		display: none !important;
	}
	#main-menu.minimize1200 > ul ul > li::after {
		content: "\f111";
		position: absolute;
		right: -6px;
		top: 50%;
		transform: translateY(-50%);
		font-family: 'FontAwesome';
		font-weight: 900;
		font-size: 0.4em;
		color: #fff;
	}
}
@media screen and (max-width: 839px) {
	#administrator-menu.minimize840 > ul::before {
		content: "≡ Administration";
	}
	#main-menu {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	#main-menu > a > .logo {
		height: 40px;
	}
	body > header.compact > #main-menu {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	body > header.compact > #main-menu > a > .logo-globe {
		height: 30px;
	}
}

/* Margin top for fixed header */
body.base [id],
body.base a[name] {
	scroll-margin-top: 100px;
}
body.base main {
	margin-top: 100px;
}
body.base header.compact + main {
	margin-top: 64px;
}
@media screen and (max-width: 1319px) {
	body.base main {
		margin-top: 90px;
	}
}
@media screen and (max-width: 839px) {
	body.base main {
		margin-top: 64px;
	}
	body.base header.compact + main {
		margin-top: 42px;
	}
}

/* Banner */

@media screen and (min-width: 1920px) {
	#banner-container {
		position: relative;
	}
	#banner-container::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 265px;
		height: 540px;
		background: url(/images/templates/banner-bg-left.png) no-repeat center;
		background-size: contain;
		z-index: 1;
	}
	#banner-container::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 912px;
		height: 576px;
		background: url(/images/templates/banner-bg-right.png) no-repeat center;
		background-size: contain;
		z-index: 1;
	}
}
@media screen and (max-width: 1919px) {
	#banner-container {
		background: url(/images/templates/banner-bg.png) no-repeat center;
		background-size: cover;
	}
}
#banner {
	position: relative;
	width: 100%;
	height: 600px;
}
#banner .article-image {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 2;
}
#banner .banner-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-600px,-50%);
	width: 100%;
	max-width: 460px;
	z-index: 2;
}
#banner .banner-content h1 {
	margin-top: 0;
	line-height: 1.1em;
}
#banner .banner-content h1 + p {
	margin-top: 15px;
}
#banner .banner-content p + p {
	margin-top: 20px;
}
#banner .banner-content > p:first-child {
	margin-top: 0;
	font-size: 0.875em;
	color: #808080;
}
#banner .banner-content > p:first-child + h1 {
	margin-top: 10px;
}
@media screen and (min-width: 1920px) {
	#banner .article-image {
		background-size: contain;
	}
}
@media screen and (max-width: 1919px) {
	#banner,
	#banner .article-image {
		padding-top: 31.25%;
		height: 0;
	}
}
@media screen and (max-width: 1679px) {
	#banner .banner-content {
		transform: translate(-460px,-50%);
	}
}
@media screen and (max-width: 1199px) {
	#banner-container {
		background: url(/images/templates/banner-bg-mobile.png) no-repeat center;
		background-size: cover;
	}
	#banner,
	#banner .article-image {
		padding-top: 0;
		height: 375px;
	}
	#banner .banner-content {
		left: 0;
		transform: none;
		transform: translateY(-50%);
		padding: 0 20px;
		max-width: 500px;
	}
}
@media screen and (max-width: 839px) {
	#banner,
	#banner .article-image {
		height: 300px;
	}
	#banner .banner-content {
		max-width: 65%;
		transform: scale(0.8) translateY(-50%);
		transform-origin: left top;
	}
}
@media screen and (max-width: 599px) {
	#banner-container {
		background: #218ccc;
	}
	#banner {
		height: auto;
	}
	#banner .article-image {
		height: 100%;
	}
	#banner .banner-content {
		position: relative;
		transform: none;
		padding: 30px 20px;
		max-width: 68%;
		font-size: 0.875em;
		color: #fff;
	}
	#banner .banner-content > p:first-child {
		color: rgba(255,255,255,.4);
	}
	#banner .banner-content .button {
		border: 1px solid #fff;
		padding: 9px 15px;
		color: #218ccc;
		background-color: #fff;
	}
	#banner .banner-content .button.white {
		color: #fff;
		background-color: transparent;
	}
	#banner .banner-content h1 {
		color: #fff;
		/* text-shadow: -1px 0 rgba(255,255,255,.6),
					0 1px rgba(255,255,255,.6),
					1px 0 rgba(255,255,255,.6),
					0 -1px rgba(255,255,255,.6); */
	}
}
@media screen and (max-width: 479px) {
	#banner .article-image {
		height: 90%;
	}
	#banner .banner-content {
		max-width: 72%;
	}
}



body > main > article > section {
	position: relative;
}
body > main > article > section > span.overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body > main > article > section > div {
	position: relative;
	z-index: 1;
}
body > main > article > section > div > *:first-child {
	margin-top: 0;
}
body > main > article > section > p.links {
	position: absolute;
	width: 100%;
	bottom: 50px;
	z-index: 1;
}



aside > .grid {
	margin-top: -10px;
	margin-bottom: -10px;
}
aside > .grid > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
aside > .grid > * {
	border: 1px solid #ddd;
	padding: 10px;
	font-size: .8em;
	background-color: #fff;
}
aside > .grid > nav > ul {
	display: block;
}
aside > .grid > * .ribbon {
	display: block;
	margin: -11px -11px 5px -11px;
	padding: 8px 0 10px 10px;
	font-size: 1.2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
}
aside > .grid > * li {
 	padding: 2px 7px;
}
aside > .grid > * a[title]::after,
aside > .grid > * a[title]:hover::after {
	display: none;
}



body > footer {
	flex-grow: 1;
	color: #fff;
	background-color: #1f2023;
}
body > footer #contact-us {
	background-color: #218ccc;
}
body.contact-us > footer #contact-us {
	padding-top: 80px;
}
body > footer #contact-us .flex  {
	display: flex;
	margin-top: 60px;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 60px;
}
body > footer #contact-us .flex > * {
	width: calc(50% - 30px);
}
body > footer #contact-us h2 {
	margin-top: 0;
	color: #fff;
}
body > footer #contact-us a {
	font-style: normal;
	transition: all linear .2s;
}
body > footer #contact-us a:hover {
	text-decoration: none;
	color: #1f2023;
}
body > footer #contact-us a > i {
	margin-right: 5px;
}
body > footer #contact-us .social-icons a {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 1.5em;
}
@media screen and (max-width: 839px) {
	body > footer #contact-us .flex  {
		gap: 40px;
	}
	body > footer #contact-us .flex > * {
		width: 100%;
	}
}

body > footer #site-map > div {
 	padding-top: 80px;
	padding-bottom: 20px;
}
body > footer #footer-menu {
	margin-bottom: 60px;
}
body > footer #footer-menu > ul {
	display: flex;
	gap: 20px;
}
body > footer #footer-menu li:hover {
	color: #218ccc;
	background-color: transparent;
}
body > footer #footer-menu > ul > li {
	float: none;
	width: calc(20% - 16px);
}
body > footer #footer-menu > ul > li > a,
body > footer #footer-menu > ul > li > span {
	position: relative;
	padding: 0 0 16px 0;
	font-weight: 700;
}
body > footer #footer-menu > ul > li > a::before,
body > footer #footer-menu > ul > li > span::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 20px;
	height: 2px;
	background-color: #218ccc;
}
body > footer #footer-menu > ul ul {
	padding-left: 0;
	color: #fff;
}
body > footer #footer-menu > ul ul > li {
	font-size: 0.875em;
}
body > footer #footer-menu > ul ul > li > a,
body > footer #footer-menu > ul ul > li > span {
	padding: 4px 0;
	line-height: 1.1em;
}
body > footer #copyright {
	font-size: 0.875em;
	color: #808080;
}
body > footer #powered-by {
	float: right;
	font-size: 0.875em;
	color: #808080;
}
body > footer #powered-by a {
	color: #fff;
}
@media screen and (max-width: 1079px) {
	body > footer #footer-menu > ul {
		flex-wrap: wrap;
		gap: 30px;
	}
	body > footer #footer-menu > ul > li {
		width: calc(33.33334% - 20px);
	}
}
@media screen and (max-width: 839px) {
	body > footer #footer-menu > ul > li {
		width: calc(50% - 15px);
	}
}
@media screen and (max-width: 479px) {
	body > footer #footer-menu {
		margin-bottom: 30px;
	}
	body > footer #footer-menu > ul > li {
		width: 100%;
	}
	body > footer #powered-by {
		float: none;
		margin-top: 20px;
		margin-bottom: 10px;
	}
}



#back-to-top {
	display: none;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	color: #218ccc;
	background-color: #fff;
	box-shadow: 0 2px 15px rgba(31,32,35,.25);
    line-height: 1;
}
#back-to-top:hover {
	text-decoration: none;
}



/* Articles: Blog, Galleries, Forum, Testimonials, Directory */

/* list */

article.list > header,
article.item > header {
	position: relative;
	display: flex;
	justify-content: space-between;
}
article.list > header .bread-crumbs,
article.item > header .bread-crumbs {
	font-size: 0.875em;
}
article.list > header .bread-crumbs .filter:empty,
article.item > header .bread-crumbs .filter:empty {
	display: none;
}

#side-panel {
	display: none;
	flex-direction: column;
	gap: 30px;
	position: absolute;
	top: 40px;
	right: 0;
	border-radius: 10px;
	box-shadow: 0 2px 15px rgba(31,32,35,.1);
	padding: 20px;
	width: 100%;
	max-width: 300px;
	font-size: 0.875em;
	background-color: #fff;
	z-index: 2;
}
#side-panel.open {
	display: flex;
}
#side-panel + .toggler {
	padding: 5px 7px;
	cursor: pointer;
}
#side-panel.open + .toggler:before {
	content: "\f00d";
}
#side-panel .search-control input {
	display: inline-block;
	border-radius: 6px;
	width: 100%;
}
#side-panel .search-control a {
	position: absolute;
	top: 0;
	right: 0;
}
#side-panel .filter-menu > ul > li > span {
	font-family: 'Avenir LT Std';
	font-weight: 900;
}
#side-panel .filter-menu > ul > li {
	margin-top: 30px;
}
#side-panel .filter-menu > ul > li:first-child {
	margin-top: 0;
}
#side-panel .filter-menu > ul > li > ul {
	display: block !important;
}

article.list > footer {
	margin-top: 60px;
	text-align: center;
}

/* cards */

.cards {
	display: flex;
	flex-wrap : wrap;
	justify-content: center;
	gap: 45px;
	margin-top: 40px;
}
* + .cards {
	margin-top: 60px;
}
.cards article {
	box-shadow: 0 2px 15px rgba(31,32,35,.1);
	border-radius: 10px;
	width: calc(33.33334% - 30px);
	background-color: #fff;
}
.cards header > img {
	display: block;
	border-radius: 10px 10px 0 0;
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}
.cards header > i {
	display: block;
	padding: 30px 30px 0 30px;
	font-size: 1.75em;
	color: #218ccc;
}
.cards header h3 {
	margin-top: 0;
	padding: 30px 30px 0 30px;
	font-size: 1.25em;
	color: #1f2023;
}
.cards header > i + h3 {
	padding-top: 20px;
}
.cards header > .image {
	display: block;
	border-top-right-radius: 10px;
	padding-top: 53.51351%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}
.cards header > .image + h4 {
	margin-top: -40px;
	padding-left: 30px;
	padding-right: 30px;
	max-width: 75%;
}
.cards section {
	padding: 20px 30px 0 30px;
	line-height: 1.3em;
	font-size: 0.875em;
	color: #808080;
}
.cards section:last-child {
	padding-bottom: 30px;
}
.cards section.fade-out {
	height: 140px;
	overflow: hidden;
}
.cards section > p:first-child {
	margin-top: 0;
}
.cards .author-name {
	margin-top: 10px;
	font-weight: bold;
}
.cards footer {
	padding: 20px 30px 30px 30px;
}
@media screen and (max-width: 1079px) {
	.cards {
		gap: 30px;
	}
	.cards > article {
		width: calc(50% - 15px);
	}
}
@media screen and (max-width: 599px) {
	.cards > article {
		width: 100%;
	}
}

/* zig-zag */

.zig-zag {
	display: flex;
	flex-wrap : wrap;
	gap: 140px;
}
.zig-zag + footer {
	margin-top: 140px;
}
.zig-zag article {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: calc((min(100vw, 1240px) - 40px) / 3);
}
.zig-zag article:nth-child(odd) {
	padding-right: 56%;
}
.zig-zag article:nth-child(even) {
	padding-left: 56%;
}
.zig-zag article > header > img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.zig-zag article > header > img.contain {
	object-fit: contain;
}
.zig-zag article > header > .image-container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
	height: 100%;
}
.zig-zag article:nth-child(odd) > header > img,
.zig-zag article:nth-child(odd) > header > .image-container {
	right: 0;
}
.zig-zag article:nth-child(even) > header > img,
.zig-zag article:nth-child(even) > header > .image-container {
	left: 0;
}
.zig-zag article > header > .image-container .image {
	display: block;
	box-shadow: 0 5px 20px rgba(31,32,35,.25);
	border-radius: 10px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.zig-zag article > header > h2,
.zig-zag article > header > h3 {
	margin-top: 0;
}
.zig-zag article > footer {
	margin-top: 20px;
}
/* zig-zag slick-slider */
.zig-zag.slick-slider article {
	display: flex !important;
	padding-left: 680px !important;
	padding-right: 0 !important;
	min-height: 400px;
}
.zig-zag.slick-slider article > header > img,
.zig-zag.slick-slider article > header > .image-container {
	left: 0 !important;
	right: auto !important;
	width: 100%;
	max-width: 600px;
}
@media screen and (max-width: 1079px) {
	.zig-zag.slick-slider article {
		padding-left: 550px !important;
		min-height: 326px;
	}
	.zig-zag.slick-slider article > header > img,
	.zig-zag.slick-slider article > header > .image-container {
		max-width: 490px;
	}
}
@media screen and (max-width: 959px) {
	.zig-zag.slick-slider article {
		padding-left: 470px !important;
		min-height: 286px;
	}
	.zig-zag.slick-slider article > header > img,
	.zig-zag.slick-slider article > header > .image-container {
		max-width: 430px;
	}
}
@media screen and (max-width: 839px) {
	.zig-zag {
		gap: 80px;
	}
	.zig-zag article {
		display: block;
		min-height: auto;
	}
	.zig-zag article:nth-child(odd) {
		padding-right: 0;
	}
	.zig-zag article:nth-child(even) {
		padding-left: 0;
	}
	.zig-zag.slick-slider article {
		display: block !important;
		padding-left: 0 !important;
	}
	.zig-zag article > header > img,
	.zig-zag article > header > .image-container {
		position: static;
		transform: none;
		width: 100%;
		height: auto;
	}
	.zig-zag.slick-slider article > header > .image-container {
		max-width: 100%;
	}
	.zig-zag article > header > .image-container .image {
		padding-top: 66.66667%;
	}
	.zig-zag article > header > img + *,
	.zig-zag article > header > .image-container + * {
		margin-top: 30px;
	}
}



/* Article: Blogpost, Gallery, Forum Topic */

article.item > header {
	flex-wrap: wrap;
}
article.item > header > img {
	box-shadow: 0 2px 15px rgba(31,32,35,.1);
	border-radius: 10px;
	margin-top: 40px;
	width: 100%;
}
article.item > header > h1 {
	margin-top: 30px;
	width: 100%;
	line-height: 1.1em;
}
article.item > section {
	margin-top: 30px;
}
article.item > section::after {
	content: "";
	display: block;
	clear: both;
}
article.item > footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	margin-top: 50px;
	font-size: 0.875em;
}
article.item > footer > * {
	width: calc(50% - 5px);
}
article.item > footer .published-on,
article.item > footer .author,
article.item > footer .tags {
	color: #808080;
}
article.item > footer .published-on::before,
article.item > footer .author::before,
article.item > footer .published-on::before {
	margin-right: 10px;
}
article.item > footer .published-on {
	text-align: right;
}
article.item > footer .published-on .Time,
article.item > footer .tags:empty {
	display: none;
}
article.item > footer a {
	font-style: normal;
}
@media screen and (max-width: 599px) {
	article.item > footer > * {
		width: 100%;
	}
	article.item > footer .published-on {
		text-align: left;
	}
}



/* Galleries / Projects */

article.galleries article > a {
	position: relative;
	display: block;
	border-radius: 10px;
	padding-top: 75%;
	max-width: 100%;
	font-style: normal;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
article.galleries article > a.responsive-image {
	background-position: 4.75% 6.33333333333333%;
	background-size: 205%;
}
article.galleries article > a > span.representative-image {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all .5s ease;
}
article.galleries article > a > span.title {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 10px;
	padding: 35% 7px 0 7px;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family: 'Avenir LT Std';
	font-weight: 900;
	font-size: 1.25em;
	color: #fff;
	background-color: rgba(31,32,35,.8);
	transition: all .5s ease;
	opacity: 0;
	visibility: hidden;
}
article.galleries article > a:hover > span.title {
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width: 959px) {
	article.galleries article > a > span.title {
		font-size: 1em;
	}
}


/* Gallery / Project */

body.testimonial > main {
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	max-width: 1240px;
}
article.gallery {
	position: relative;
	padding-right: 636px;
}
article.gallery > header {
	position: static;
}
/* responsive image */
article.gallery .responsive-image {
	position: absolute;
	right: 0;
	width: 47%;
}
.responsive-area {
	position: relative;
	padding-top: 58.0985%;
	height: 0;
	background-size: cover;
	/* 4.84848% 12.5% 11.81818% 12.5% */
}
.responsive-area > div {
	position: absolute;
	overflow: hidden;
	overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
.responsive-area > div::-webkit-scrollbar {
    display: none;
}
.responsive-area.notebook {
	background-image: url(/images/galleries/notebook-overlay-grey.png);
}
.responsive-area.notebook > div {
	top: 4.84848%;
	left: 12.5%;
	width: 75%;
	height: 83.33333%;
}
.responsive-area.tablet {
	background-image: url(/images/galleries/tablet-overlay-grey.png);
}
.responsive-area.tablet > div {
	top: 10%;
	left: 32.21830985915493%;
	width: 35.56338%;
	height: 79.69696%;
}
.responsive-area.phone {
	background-image: url(/images/galleries/phone-overlay-grey.png);
}
.responsive-area.phone > div {
	top: 13.93939%;
	left: 38.20422%;
	width: 23.59174%;
	height: 72.12121%;
}
.responsive-area > div > img {
	position: absolute;
	max-width: none !important;
	top: 0;
	left: 0;
	width: 100%;
}
.responsive-area.notebook > div > img.multi {
	top: -8.12213740458015%;
	left: -4.58015267175573%;
	width: 203.5623409669211%;
}
.responsive-area.tablet > div > img.multi {
	top: -6.20714193297969%;
	left: -181.7796610169492%;
	width: 338.9830508474576%;
}
.responsive-area.phone > div > img.multi {
	top: -10.88034188034188%;
	left: -683%;
	width: 800%;
}
.responsive-devices {
	padding-top: 20px;
	text-align: center;
}
.responsive-devices img {
	padding: 2%;
	max-width: 29.3333%;
	max-height: 100px;
	cursor: pointer;
}
.responsive-devices img.current {
	box-shadow: 0 2px 15px rgba(31,32,35,.1);
	border-radius: 10px;
}

article.gallery > header h1 {
	margin-top: 20px;
}
article.gallery > footer {
	display: block;
}
article.gallery > footer > * {
	width: 100%;
}
article.gallery > footer .published-on,
article.gallery > footer .website {
	font-weight: 700;
	color: #218ccc;
	transition: all .2s linear;
	text-align: left;
}
article.gallery > footer .published-on a,
article.gallery > footer .website a {
	font-style: normal;
}
article.gallery > footer .published-on:hover,
article.gallery > footer .website:hover {
	color: #1f2023;
}
article.gallery > footer .published-on a:hover,
article.gallery > footer .website a:hover {
	text-decoration: none;
}
article.gallery > footer .published-on .PublishedOn::before {
	display: none;
}
article.gallery > footer .published-on .Time {
	display: none;
}
article.gallery .icon-rocket::before,
article.gallery .icon-globe::before {
	margin-right: 10px;
}
article.gallery #systems,
article.gallery #widgets,
article.gallery #services,
article.gallery #tags {
	padding-top: 40px;
}
article.gallery #systems:empty,
article.gallery #widgets:empty,
article.gallery #services:empty,
article.gallery #tags:empty {
	display: none;
}
article.gallery #systems::before,
article.gallery #widgets::before,
article.gallery #services::before,
article.gallery #tags::before {
	display: block;
	width: 100%;
	padding-bottom: 15px;
	font-family: 'Avenir LT Std';
	font-weight: 900;
	font-size: 1.25em;
	column-span: all;
}
article.gallery #systems::before {
	content: "Platform inclusions:";
}
article.gallery #widgets::before {
	content: "Widget inclusions:";
}
article.gallery #services::before {
	content: "Service inclusions:";
}
article.gallery #tags::before {
	content: "Tags:";
}
article.gallery #systems,
article.gallery #widgets {
	column-count: 2;
	column-gap: 25px;
	margin-top: 0;
	list-style-type: disc;
}
article.gallery #systems > a,
article.gallery #widgets > a {
	display: block;
	font-style: normal;
	break-inside: avoid;
}
article.gallery #systems > a:first-child,
article.gallery #widgets > a:first-child {
	margin-top: 0;
}
article.gallery #services,
article.gallery #tags {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px;
}
article.gallery #services > a,
article.gallery #tags > a {
	display: block;
	border-radius: 25px;
	padding: 8px 15px;
	font-style: normal;
	font-size: 0.875em;
	color: #808080;
	background-color: #f5f5f5;
	transition: all .2s linear;
}
article.gallery #services > a:hover,
article.gallery #tags > a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #218ccc;
}
@media screen and (max-width: 1199px) {
	article.gallery {
		padding-right: 53%;
	}
}
@media screen and (max-width: 959px) {
	body.testimonial > main {
		max-width: 640px;
	}
	article.gallery {
		padding-right: 0;
	}
	article.gallery .responsive-image {
		position: static;
		margin-top: 40px;
		width: 100%;
	}
	article.gallery > header > h1 {
		margin-top: 50px;
	}
}



/* Testimonials */

article.testimonials .cards {
	display: block;
	column-count: 3;
	column-gap: 40px;
}
article.testimonials .cards > article {
	margin-top: 40px;
	break-inside: avoid;
	width: 100%;
	text-align: center;
}
article.testimonials .cards > article:first-child {
	margin-top: 0;
}
article.testimonials .cards header > img {
	height: auto;
}
article.testimonials .cards section {
	padding-top: 15px;
	font-style: italic;
	font-weight: 500;
	font-size: 1em;
	color: #1f2023;
}
article.testimonials .cards section blockquote {
	margin: 0;
	padding: 0;
	border-left: none;
}
article.testimonials .cards section .cite {
	font-size: 0.875em;
	font-style: normal;
	color: #808080;
}
article.testimonials .cards footer {
	padding-top: 10px;
}
article.testimonials .cards .author,
article.testimonial .author > p,
#testimonials-slider .author > p {
	margin-top: 0;
}
article.testimonials .cards .author .name,
article.testimonials .cards .author .position,
article.testimonials .cards .author .business-name {
	font-size: 0.875em;
}
article.testimonials .cards .author .position::before,
article.testimonials .cards .author .business-name::before,
article.testimonial .author .position::before,
#testimonials-slider .author .position::before {
	content: ", ";
}
article.testimonials .cards .author .website-address {
	display: block;
	margin-top: 10px;
	color: #218ccc;
}
@media screen and (max-width: 1079px) {
	article.testimonials .cards {
		column-count: 2;
		column-gap: 30px;
	}
	article.testimonials .cards > article {
		margin-top: 30px;
	}
}
@media screen and (max-width: 599px) {
	article.testimonials .cards {
		column-count: 1;
	}
}


/* Testimonial */

article.testimonial > header h1 {
	margin-top: 40px;
}
article.testimonial > header p {
	margin-top: 30px;
	font-size: 0.875em;
	color: #808080;
}
article.testimonial > header p::before {
	margin-right: 10px;
}
article.testimonial > section {
	margin-top: 20px;
}
article.testimonial > section blockquote {
	margin: 0;
	padding: 0;
	border-left: none;
}
article.testimonial > section .cite {
	font-size: 0.875em;
	font-style: normal;
	color: #808080;
	text-align: right;
}
article.testimonial > footer {
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 40px;
}
article.testimonial > footer > img {
	flex: 2 0 200px;
	box-shadow: 0 2px 15px rgba(31,32,35,.1);
	border-radius: 50%;
	width: 200px;
	height: 200px;
	object-fit: cover;
	object-position: center;
}
article.testimonial .author {
	flex: 1 1 100%;
	width: 100%;
}
article.testimonial .author > p:first-child + p,
#testimonials-slider .author > p:first-child + p {
	margin-top: 5px;
}
article.testimonial .author .website-address,
#testimonials-slider .author .website-address {
	display: inline-block;
	margin-left: 5px;
	color: #218ccc;
}
@media screen and (max-width: 479px) {
	article.testimonial > footer {
		gap: 20px;
	}
	article.testimonial > footer > img {
		flex: 2 0 80px;
		width: 80px;
		height: 80px;
	}
}



/* Directory */

article.directory .cards header > .image {
	position: relative;
	border-radius: 10px 10px 0 0;
	padding-top: 100%;
	background-position: center;
	background-size: cover;
}
article.directory .cards header > .image::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	padding-top: 15%;
	width: 100%;
	background: url('/images/Templates/profile-photo-accent.png') no-repeat top center;
	background-size: cover;
}
article.directory .cards section {
	padding-top: 5px;
}
article.directory .cards section > *:first-child {
	margin-top: 0;
}
article.directory .cards footer {
	padding-top: 30px;
}


/* User */

article.directory-user header > .bread-crumbs {
	width: 100%;
}
article.directory-user header > .image {
	display: block;
	margin-top: 40px;
	border-radius: 50%;
	width: 160px;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
article.directory-user header > .position {
	width: 100%;
}
article.directory-user footer {
	position: relative;
	margin-top: 30px;
}
article.directory-user .phone,
article.directory-user .mobile,
article.directory-user .email-address,
article.directory-user .linkedin {
	margin-top: 0;
	width: 100%;
	text-align: left;
}
article.directory-user .phone a,
article.directory-user .mobile a,
article.directory-user .email-address a,
article.directory-user .linkedin a {
	font-style: normal;
	font-weight: 700;
	color: #218ccc;
	transition: all .2s linear;
}
article.directory-user .phone a:hover,
article.directory-user .mobile a:hover,
article.directory-user .email-address a:hover,
article.directory-user .linkedin a:hover {
	text-decoration: none;
	color: #1f2023;
}
article.directory-user .icon-phone::before,
article.directory-user .icon-mobile::before,
article.directory-user .icon-envelope::before,
article.directory-user .icon-linkedin::before {
	margin-right: 10px;
}
article.directory-user .icon-mobile::before {
	padding-left: 2px;
	padding-right: 2px;
}
article.directory-user .vcard-link {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	padding: 12px 16px;
}
article.directory-user .vcard-link.icon-address-card::before {
	margin-right: 10px;
	font-size: 1.2em;
	vertical-align: -2px;
}
@media screen and (max-width: 479px) {
	article.directory-user .phone,
	article.directory-user .mobile,
	article.directory-user .email-address,
	article.directory-user .linkedin {
		padding-left: 10px;
	}
	article.directory-user .vcard-link {
		position: static;
		margin-top: 30px;
	}
}



/* Section specific styles */

@media screen and (max-width: 719px) {
	#industry-solutions .cards {
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
	}
	#industry-solutions .cards > * {
		width: 100%;
	}
}


#inology-statistics {
	background-color: #5cad46;
}
#inology-statistics > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
	padding-top: 60px !important;
	padding-bottom: 60px;
}
#inology-statistics > div > * {
	width: calc(25% - 30px);
	text-align: center;
	color: #fff;
}
#inology-statistics > div > * > *:first-child {
	margin-top: 0;
}
#inology-statistics i {
	font-size: 3.75em;
}
#inology-statistics h3 {
	margin-top: 20px;
	font-size: 3.125em;
	color: #fff;
}
#inology-statistics h5 {
	margin-top: 0;
	color: #fff;
}
@media screen and (max-width: 959px) {
	#inology-statistics i {
		font-size: 3em;
	}
	#inology-statistics h3 {
		font-size: 2.5em;
	}
	#inology-statistics h5 {
		font-size: 1em;
	}
}
@media screen and (max-width: 719px) {
	#inology-statistics > div {
		gap: 60px;
		max-width: 520px;
	}
	#inology-statistics > div > * {
		width: calc(50% - 30px);
	}
}
@media screen and (max-width: 359px) {
	#inology-statistics > div {
		gap: 40px;
	}
	#inology-statistics > div > * {
		width: 100%;
	}
}



.slick-slider {
	margin-left: auto;
	margin-right: auto;
}
.slick-dots li button {
	box-shadow: none;
	background: transparent !important;
}
.slick-dots li button::before {
	font-size: 14px !important;
	color: #fff !important;
}
.slick-dots li.slick-active button::before {
	opacity: 1 !important;
}


#industry-projects {
	color: #fff;
	background-color: #218ccc;
}
#industry-projects h2,
#industry-projects h3 {
	color: #fff;
}
#industry-projects h2 {
	margin-top: 0;
}
#industry-projects > .max-width-1200 {
	max-width: 1300px;
}
#industry-projects .slick-track {
	padding-top: 60px;
	padding-bottom: 40px;
}
#industry-projects .zig-zag article {
	margin-left: 30px;
	margin-right: 30px;
}
#industry-projects > article > footer {
	margin-top: 80px;
}
#industry-projects .button.white {
	border-color: #fff;
	color: #fff;
}


body.page #testimonials-slider {
	background-color: #f5f5f5;
}
#testimonials-slider > article {
	position: relative;
	padding-top: 140px;
}
#testimonials-slider .quote-icon {
	position: absolute;
	top: 0;
	left: 300px; /* same as width of img */
	transform: translate(140px, 120px);
	margin-top: 0;
	line-height: 0.5em;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 10em;
	z-index: 2;
}
#testimonials-slider .slick-track {
	padding-top: 40px;
	padding-bottom: 40px;
}
#testimonials-slider .zig-zag article {
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 400px !important;
	min-height: 300px; /* same as width of img */
}
#testimonials-slider .zig-zag section blockquote {
	margin: 0;
	padding: 0;
	border-left: none;
}
#testimonials-slider .zig-zag section .cite {
	font-size: 0.875em;
	font-style: normal;
	color: #808080;
	text-align: right;
}
#testimonials-slider > article > footer {
	margin-top: 80px;
}
#testimonials-slider .zig-zag footer > img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	box-shadow: 0 2px 15px rgba(31,32,35,.1);
	border-radius: 50%;
	width: 300px; /* 25% of container */
	height: 300px;
	object-fit: cover;
	object-position: center;
}
#testimonials-slider .zig-zag .author {
	font-size: 0.875em;
	color: #808080;
}
#testimonials-slider .slick-dots li button::before {
	color: #218ccc !important;
}
@media screen and (max-width: 1079px) {
	#testimonials-slider .quote-icon {
		left: 245px;
		transform: translate(120px, 120px);
	}
	#testimonials-slider .zig-zag article {
		padding-left: 325px !important;
		min-height: 245px;
	}
	#testimonials-slider .zig-zag footer > img {
		width: 245px; /* 25% of container */
		height: 245px;
	}
}
@media screen and (max-width: 959px) {
	#testimonials-slider .quote-icon {
		left: 215px;
		transform: translate(100px, 120px);
	}
	#testimonials-slider .zig-zag article {
		padding-left: 275px !important;
		min-height: 215px;
	}
	#testimonials-slider .zig-zag footer > img {
		width: 215px; /* 25% of container */
		height: 215px;
	}
}
@media screen and (max-width: 839px) {
	#testimonials-slider .quote-icon {
		left: 40px;
		transform: none;
		transform: translateY(120px);
	}
	#testimonials-slider .zig-zag article {
		padding-left: 0 !important;
	}
	#testimonials-slider .zig-zag footer {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		gap: 30px;
	}
	#testimonials-slider .zig-zag .author {
		flex: 1 1 100%;
		width: 100%;
	}
	#testimonials-slider .zig-zag footer > img {
		flex: 2 0 120px;
		position: static;
		transform: none;
		width: 120px;
		height: 120px;
	}
}
@media screen and (max-width: 599px) {
	#testimonials-slider > article {
		padding-top: 100px;
	}
	#testimonials-slider .quote-icon {
		transform: translateY(80px);
	}
}
@media screen and (max-width: 479px) {
	#testimonials-slider .zig-zag footer {
		gap: 20px;
	}
	#testimonials-slider .zig-zag footer > img {
		flex: 2 0 80px;
		width: 80px;
		height: 80px;
	}
}



/* popup */

.popup {
	color: #444;
	background-color: rgba(0,0,0,.75);
	opacity: 0;
	visibility: hidden;
	cursor: default;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
.popup.show {
	opacity: 1;
	visibility: visible;
}
.popup .box {
	border: none;
	padding: 20px;
	max-height: 90vh;
	background-color: #fff;
}
.popup .banner {
	position: relative;
	margin: -20px -20px 20px -20px !important;
	padding: 15px 50px 15px 20px;
	color: #fff;
	background-color: #00adee;
}
.popup .icon-remove-sign {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}
.popup form label {
	font-size: .8em;
}
.popup form input[type="text"],
.popup form textarea,
.popup form select {
	border-radius: 3px;
	border-color: rgba(127,127,127,.4) !important;
	padding: 10px;
	line-height: 1em;
}
.popup form .button {
	margin-top: 5px;
	box-shadow: none;
	border: none;
	border-radius: 3px;
	padding: 10px 20px;
	text-transform: uppercase;
	line-height: 1em;
}


#Website_Register_Form > .parameters > label {
	width: 48%;
}
#Website_Register_Form label[name=EmailAddress_Label],
#Website_Register_Form label[name=BusinessName_Label] {
	width: 98%;
}