/*!
Theme Name: SafeCities 2026-01
Theme URI: http://www.nolasoft.com/
Author: Nolasoft
Author URI: http://www.nolasoft.com/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: safecities
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

SafeCities is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 0.75rem;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* RS Theme Stylesheet */
/* ====== Reset CSS ====== */

:root {
    --initial-white-color: #ffffff;
    --initial-black-color: #000000;
    --initial-text-color: #444444;
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed ,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; text-decoration: none; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0 !important; }
input:focus, select:focus, textarea:focus { outline: none; }
address, caption, cite, code, dfn, th, var, h1, h2, h3 { font-style: normal; font-weight: normal; }
body { line-height: 1.5; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; background: var(--initial-white-color); color: var(--initial-text-color); min-height: 100%; }
p { line-height: 1.5; margin-bottom: 15px; }
html { margin-top: 0 !important; height: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left;}
small { font-size: 75%; }
a img { border: none; }
a { cursor: pointer; color: var(--initial-black-color); text-decoration: none; }
a:hover, a:focus { text-decoration: none; outline: none; }
img { display: inline-block; max-width: 100%; height: auto; vertical-align: top; }
.noScroll { height: 100%; overflow: hidden; }


/* ====== Fontface ====== */

@font-face {
    font-family: 'Quadon UltraBold';
    src: url('fonts/quadonultrabold/quadonultrabold.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadonultrabold/quadonultrabold.otf') format('opentype'),
         url('fonts/quadonultrabold/quadonultrabold.woff2') format('woff2'),
         url('fonts/quadonultrabold/quadonultrabold.woff') format('woff'),
         url('fonts/quadonultrabold/quadonultrabold.ttf') format('truetype'),
         url('fonts/quadonultrabold/quadonultrabold.svg#quadonultrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon ExtraBold';
    src: url('fonts/quadonextrabold/quadonextrabold.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadonextrabold/quadonextrabold.otf') format('opentype'),
         url('fonts/quadonextrabold/quadonextrabold.woff2') format('woff2'),
         url('fonts/quadonextrabold/quadonextrabold.woff') format('woff'),
         url('fonts/quadonextrabold/quadonextrabold.ttf') format('truetype'),
         url('fonts/quadonextrabold/quadonextrabold.svg#quadonextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon Bold';
    src: url('fonts/quadonbold/quadonbold.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadonbold/quadonbold.otf') format('opentype'),
         url('fonts/quadonbold/quadonbold.woff2') format('woff2'),
         url('fonts/quadonbold/quadonbold.woff') format('woff'),
         url('fonts/quadonbold/quadonbold.ttf') format('truetype'),
         url('fonts/quadonbold/quadonbold.svg#quadonbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon BoldItalic';
    src: url('fonts/quadonbolditalic/quadonbolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadonbolditalic/quadonbolditalic.otf') format('opentype'),
         url('fonts/quadonbolditalic/quadonbolditalic.woff2') format('woff2'),
         url('fonts/quadonbolditalic/quadonbolditalic.woff') format('woff'),
         url('fonts/quadonbolditalic/quadonbolditalic.ttf') format('truetype'),
         url('fonts/quadonbolditalic/quadonbolditalic.svg#quadonbolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon Medium';
    src: url('fonts/quadonmedium/quadonmedium.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadonmedium/quadonmedium.otf') format('opentype'),
         url('fonts/quadonmedium/quadonmedium.woff2') format('woff2'),
         url('fonts/quadonmedium/quadonmedium.woff') format('woff'),
         url('fonts/quadonmedium/quadonmedium.ttf') format('truetype'),
         url('fonts/quadonmedium/quadonmedium.svg#quadonmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon MediumItalic';
    src: url('fonts/quadonmediumitalic/quadonmediumitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadonmediumitalic/quadonmediumitalic.otf') format('opentype'),
         url('fonts/quadonmediumitalic/quadonmediumitalic.woff2') format('woff2'),
         url('fonts/quadonmediumitalic/quadonmediumitalic.woff') format('woff'),
         url('fonts/quadonmediumitalic/quadonmediumitalic.ttf') format('truetype'),
         url('fonts/quadonmediumitalic/quadonmediumitalic.svg#quadonmediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon Regular';
    src: url('fonts/quadonregular/quadonregular.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadonregular/quadonregular.otf') format('opentype'),
         url('fonts/quadonregular/quadonregular.woff2') format('woff2'),
         url('fonts/quadonregular/quadonregular.woff') format('woff'),
         url('fonts/quadonregular/quadonregular.ttf') format('truetype'),
         url('fonts/quadonregular/quadonregular.svg#quadonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'URWDIN Bold';
    src: url('fonts/URWDIN-Bold/URWDIN-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/URWDIN-Bold/URWDIN-Bold.otf') format('opentype'),
         url('fonts/URWDIN-Bold/URWDIN-Bold.woff2') format('woff2'),
         url('fonts/URWDIN-Bold/URWDIN-Bold.woff') format('woff'),
         url('fonts/URWDIN-Bold/URWDIN-Bold.ttf') format('truetype'),
         url('fonts/URWDIN-Bold/URWDIN-Bold.svg#URWDIN-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'URWDIN Demi';
    src: url('fonts/URWDIN-Demi/URWDIN-Demi.eot?#iefix') format('embedded-opentype'),
         url('fonts/URWDIN-Demi/URWDIN-Demi.otf') format('opentype'),
         url('fonts/URWDIN-Demi/URWDIN-Demi.woff2') format('woff2'),
         url('fonts/URWDIN-Demi/URWDIN-Demi.woff') format('woff'),
         url('fonts/URWDIN-Demi/URWDIN-Demi.ttf') format('truetype'),
         url('fonts/URWDIN-Demi/URWDIN-Demi.svg#URWDIN-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'URWDIN Regular';
    src: url('fonts/URWDIN-Regular/URWDIN-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/URWDIN-Regular/URWDIN-Regular.otf') format('opentype'),
         url('fonts/URWDIN-Regular/URWDIN-Regular.woff2') format('woff2'),
         url('fonts/URWDIN-Regular/URWDIN-Regular.woff') format('woff'),
         url('fonts/URWDIN-Regular/URWDIN-Regular.ttf') format('truetype'),
         url('fonts/URWDIN-Regular/URWDIN-Regular.svg#URWDIN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

* {
    /* word-wrap: break-word; */
}
:root {
    --white-color: #ffffff;
    --black-color: #000000;
    --dark-grey-color: #353636;
    --dark-purple-color: #77527a;
    /* --orange-color: #e66c40; */
    --orange-color: #f38146;
    --orange-border-color: #f48851;
    --bordered-btn-text-color: #4d6b74;
    --header-btns-color: #79979c;
    --footer-btns-color: #79979c;
    --footer-text-color: #79979c;
    --btns-text-color: #79979c;
    --light-green-color: #69aca2;
    --table-border-color: #DFDFDF;
    --table-background-color: #F9F9F9;
    --sections-border-color: #bfc6c5;
    --border-top-small-purple-color: #e5dee6;
    --border-top-purple-color: #775279;
    --border-top-small-green-color: #aacfc9;
    --border-bottom-small-green-color: #8fc0b7;
    --border-top-green-color: #69aa9f;
    --border-top-small-dark-blue-color: #e9ecee;
    --border-bottom-small-dark-blue-color: #f4f6f6;
    --border-top-dark-blue-color: #4d6b74;
    --border-top-small-orange-color: #fdefe8;
    --border-bottom-small-orange-color: #fef7f3;
    --border-top-orange-color: #f38146;
    --border-top-small-light-grey-color: #c6d6d8;
    --border-bottom-small-light-grey-color: #edf2f3;
    --border-top-light-grey-color: #b9cdcf;
    --border-top-small-grey-color: #9a9a9a;
    --border-bottom-small-grey-color: #8d8d8d;
    --border-top-grey-color: #353636;
    --member-name-text-color: #694f6b;
    --member-pos-text-color: #79979c;
    --schedule-border-right-color: #f6a074;
    --section-bg-green: #4d6b74;
    --light-grey-border-color: #79969c;
    --light-grey-text-color: #bacdcf;
    --light-grey-white-text-color: #ded9d5;
    --tabs-inactive-color: #79969c;
    --tabs-active-color: #ffffff;
    --section-above-border-subheader-color: #765279;

    --var-left-side-width: 256px;
}

body {
    font-family: 'Quadon Regular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--dark-grey-color);
    line-height: 1.2;
}
.centerdiv {
    max-width: 1102px;
    margin: 0px auto;
    padding: 0px 30px;
}

h1 {
    font-family: 'URWDIN Demi', Arial, Helvetica, sans-serif;
    /* font-size: 60px; */
    font-size: 377%;
    font-kerning: normal;
    /* letter-spacing: 0.2rem; */
    text-transform: uppercase;
    color: var(--white-color);
    line-height: 1;
    margin-bottom: 10px;
}
h2 {
    /* font-size: 30px; */
    font-family: 'Quadon ExtraBold', Arial, Helvetica, sans-serif;
    font-size: 187.5%;
}
.dark-section h2 {
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    color: var(--white-color);
}
h3 {
    /* font-size: 29.34px; */
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
    color: var(--dark-purple-color);
    font-size: 183.375%;
}
h4.special {
    font-size: 23.22px;
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
    color: var(--white-color);
    font-size: 145.125%;
}
h4 {
    font-size: 22px;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    color: var(--white-color);
    font-size: 137.5%;
    letter-spacing: 1.2px;
}
a.footer-schedule-btn {
    font-size: 18.75px;
    font-family: 'Quadon ExtraBold', Arial, Helvetica, sans-serif;
    color: var(--white-color);
    font-size: 117.188%;
}
h5 {
    font-size: 18px;
    font-family: 'Quadon ExtraBold', Arial, Helvetica, sans-serif;
    font-size: 112.5%;
}
h6 {
    font-size: 16px;
    font-family: 'Quadon Medium', Arial, Helvetica, sans-serif;
    font-size: 100%;
}
p {
    font-size: 16px;
    font-family: 'Quadon Regular', Arial, Helvetica, sans-serif;
    font-size: 100%;
}
p b,
p strong {
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
}
header ul li a {
    font-size: 16px;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    color: var(--header-btns-color);
    font-size: 100%;
}
header ul li a:visited {
    color: var(--header-btns-color);
}
header ul li.current_page_item a,
header ul li a:hover {
    color: var(--orange-color);
}
footer ul li a {
    font-size: 16px;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    color: var(--footer-btns-color);
    font-size: 100%;
}
footer ul li a:visited {
    color: var(--footer-btns-color);
}
footer ul li.current_page_item a,
footer ul li a:hover {
    color: var(--orange-color);
}
a {
    font-size: 16px;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
    font-size: 100%;
}
a:hover {
    color: var(--orange-color);
}
.rounded-btn {
    font-size: 18px;
    font-family: 'Quadon ExtraBold', Arial, Helvetica, sans-serif;
    color: var(--white-color);
    font-size: 112.5%;
    border-radius: 20px;
    padding: 10px 20px !important;
}
.copyright-text {
    font-size: 12px;
    font-family: 'Quadon Medium', Arial, Helvetica, sans-serif;
    color: var(--footer-text-color);
}
.btn-class:visited,
.btn-class {
    font-size: 16px;
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: var(--btns-text-color);
    border-width: 2px;
    border-style: solid;
    border-color: var(--orange-border-color);
    background-color: var(--white-color);
    padding: 5px 10px;
    display: inline-block;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-size: 100%;
}

.btn-orange:visited,
.btn-orange {
    color: var(--white-color);
    border-color: var(--orange-color);
    background-color: var(--orange-color);
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
    background-color: var(--white-color);
    color: var(--orange-color);
}
.bordered-btn:visited,
.bordered-btn {
    color: var(--bordered-btn-text-color);
}
.bordered-btn:hover,
.bordered-btn:active,
.bordered-btn:focus {
    /* background-color: var(--orange-color); */
    background-color: var(--orange-border-color);
    border-color: var(--orange-border-color);
    color: var(--white-color);
}
.btn-orange.bordered-btn {
    background-color: transparent !important;
}
.dark-section .btn-orange.bordered-btn:visited,
.dark-section .btn-orange.bordered-btn {
    color: var(--white-color);
    background-color: transparent !important;
}
.dark-section .btn-orange.bordered-btn:hover {
    background-color: var(--orange-color) !important;
    border-color: var(--white-color);
}
.orange-text {
    color: var(--orange-color) !important;
}
.purple-text {
    color: var(--dark-purple-color) !important;
}
.above-section-subheader-text-color {
    color: var(--section-above-border-subheader-color) !important;
}
.btn-orange.orange-text:hover,
.btn-orange.orange-text:active,
.btn-orange.orange-text:focus {
    background-color: var(--orange-color) !important;
    color: var(--white-color) !important;
    border-color: var(--orange-color) !important;
}
.footer-schedule-btn {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 10px 20px 10px 60px;
    position: relative;
}
.footer-schedule-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    width: 30px;
    height: 25px;
    background-image: url('images/calendar-icon-white.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 25px;
}
.flexcontainer-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    width: 100%;
}
.urwdin-text-padd-btm {
    padding-bottom: 7px !important;
}
.section-background-green {
    background-color: var(--section-bg-green);
}
.section-above-border-subheader-container {
    margin-bottom: 8px;
}
.section-above-border-subheader-container * {
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.full-width {
    width: 100%;
}
.half-width {
    width: calc((100% - 30px) / 2);
}
.half-width:first-of-type,
.half-width:nth-of-type(2n+1) {
    margin-right: 30px;
}
.one-third-width {
    width: calc((100% - 180px) / 3);
    margin-right: 90px;
}
.one-third-width:nth-of-type(3n) {
    margin-right: 0px;
}
.spacing-elements {
    width: 100%;
    height: 60px;
}
.spacing-elements-small {
    width: 100%;
    height: 30px;
}
.sc-border-top {
    border-top-width: 5px;
    border-top-style: solid;
    padding-top: 14px;
}
.sc-border-top h2 {
    margin-bottom: 5px;
}
.half-width.sc-border-top {
    padding-top: 20px;
}
.border-color-purple {
    border-color: var(--border-top-purple-color);
    position: relative;
}
.border-color-purple:before {
    content: '';
    position: absolute;
    top: -5px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-top-small-purple-color);
}
.border-color-green {
    border-color: var(--border-top-green-color);
    position: relative;
}
.border-color-green:before {
    content: '';
    position: absolute;
    top: -5px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-top-small-green-color);
}
.border-color-green:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-bottom-small-green-color);
}
.border-color-orange {
    border-color: var(--border-top-orange-color);
    position: relative;
}
.border-color-orange:before {
    content: '';
    position: absolute;
    top: -5px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-top-small-orange-color);
}
.border-color-orange:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-bottom-small-orange-color);
}
.border-color-light-grey {
    border-color: var(--border-top-light-grey-color);
    position: relative;
}
.border-color-light-grey:before {
    content: '';
    position: absolute;
    top: -1px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-top-small-light-grey-color);
}
.border-color-light-grey:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-bottom-small-light-grey-color);
}
.border-color-grey {
    border-color: var(--border-top-grey-color);
    position: relative;
}
.border-color-grey:before {
    content: '';
    position: absolute;
    top: -1px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-top-small-grey-color);
}
.border-color-grey:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--border-bottom-small-grey-color);
}
.no-padding-btm {
    padding-bottom: 0px !important;
}
.no-padding-top {
    padding-top: 0px !important;
}
.no-margin-btm {
    margin-bottom: 0px !important;
}
.no-margin-top {
    margin-top: 0px !important;
}
.small-padding-section {
    padding: 50px 0px;
}
.small-padding-btm-section {
    padding-bottom: 50px !important;
}
.small-padding-top-section {
    padding-top: 50px !important;
}
.big-padding-btm-section {
    padding-bottom: 80px !important;
}
.big-padding-top-section {
    padding-top: 80px !important;
}
.contains-slick-slider-dotted {
    margin-bottom: 70px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.contains-slick-slider-dotted .slick-dots {
    /* bottom: -70px; */
    bottom: -90px;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    padding: 0px 0px !important;
}
/* make slides equal height */
.slick-slider .slick-track {
    display: flex !important;
}
.slick-slider .slick-slide {
    height: inherit !important;
}
.slick-dotted.slick-slider .slick-dots li {
    width: 11px;
    height: 11px;
}
.slick-dotted.slick-slider .slick-dots li button {
    width: 11px;
    height: 11px;
}
.slick-dotted.slick-slider .slick-dots li button:before {
    content: '';
    background-color: transparent;
    border-radius: 100%;
    border: 1px solid #95acb1;
    width: 11px;
    height: 11px;
}
.slick-dotted.slick-slider .slick-dots li.slick-active button:before {
    background-color: #b9cdcf;
}
.dark-section .slick-dotted.slick-slider .slick-dots li button:before {
    border: 1px solid #b9cdcf;
}
.dark-section .slick-dotted.slick-slider .slick-dots li.slick-active button:before {
    background-color: #b9cdcf;
}
.border-width-1px {
    border-width: 1px;
    padding-top: 0px;
}

/*---------------------------------------   ANIMATIONS   --------------------------------------------*/

.animated-element {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.animated-element.horizontally-animated.slick-active {
    animation: bounceHorizontally 0.9s cubic-bezier(.6,.3,.6,1) both;
}

@-webkit-keyframes bounceHorizontally {
    10%, 90% {
        transform: translate3d(-3px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(6px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-12px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(12px, 0, 0);
    }
}
@-moz-keyframes bounceHorizontally {
    10%, 90% {
        transform: translate3d(-3px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(6px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-12px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(12px, 0, 0);
    }
}
@-o-keyframes bounceHorizontally {
    10%, 90% {
        transform: translate3d(-3px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(6px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-12px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(12px, 0, 0);
    }
}
@keyframes bounceHorizontally {
    10%, 90% {
        transform: translate3d(-3px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(6px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-12px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(12px, 0, 0);
    }
}

/*---------------------------------------   CONTENTDIV   --------------------------------------------*/

.contentdiv p { margin-bottom: 15px; }
.contentdiv p:last-of-type { margin-bottom: 0px; }
.contentdiv ul { list-style: outside disc; margin-bottom: 15px; padding-left: 20px; }
.contentdiv ul li, .contentdiv ol li { margin-bottom: 5px; font-size: 100%; }
.contentdiv ol { list-style: outside decimal; margin-bottom: 15px; padding-left: 20px;  }
.contentdiv ul ul, .contentdiv ol ol, .contentdiv ul ol, .contentdiv ol ul { margin: 5px 0 0 15px; }
.contentdiv ol ol { list-style: upper-alpha; }
.contentdiv ol ol ol { list-style: lower-roman; }
.contentdiv ol ol ol ol { list-style: lower-alpha; }
.contentdiv blockquote { padding-left: 15px; margin-bottom: 15px; border-left: 5px solid var(--black-color); }
.contentdiv table {	border: 1px solid var(--table-border-color); background-color: var(--table-background-color); width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 15px 0; }
.contentdiv table td, .contentdiv table th { border-top-color: var(--white-color); border-bottom: 1px solid var(--table-border-color); border-left: 1px solid var(--table-border-color); }
.contentdiv table th, .contentdiv table caption { padding: 7px 7px 8px; font-weight: bold; text-align: center; }
.contentdiv table caption { border-top: 1px solid var(--table-border-color); border-left: 1px solid var(--table-border-color); border-right: 1px solid var(--table-border-color); background-color: var(--table-background-color); }
.contentdiv table td { padding: 5px 7px 3px; vertical-align: top; }
.contentdiv a { color: var(--orange-color); text-decoration: underline; }
.contentdiv a:hover { text-decoration: none; }
.contentdiv.blackcontentdiv { border-color: var(--white-color); color: var(--white-color); }
.small-centerdiv em {
    font-family: 'Quadon MediumItalic', Arial, Helvetica, sans-serif;
    font-style: normal;
}
.contentdiv li a {
	font-size: 100%;
    color: var(--orange-color);
}
/*---------------------------------------   CLEARFIX   ----------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/*---------------------------------------   HOVER EFFECT   ------------------------------------------*/
.btn-hover:hover {
	opacity:0.7;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.orange-hover:hover {
    color: var(--orange-color);
}

/*---------------------------------------   BODY   ------------------------------------------*/
html, body {
    scroll-behavior: smooth;
}
body {
    background-color: var(--white-color);
    margin-bottom: 0px !important;
    overflow-x: hidden;
}
main {
    border-bottom: 1px solid var(--sections-border-color);
}
section {
    /* padding: 94px 0px; */
    padding: 80px 0px;
}
.hero-btn-container {
    padding-top: 20px;
}
.hero-btn-container .btn-orange.bordered-btn {
    background-color: var(--orange-color) !important;
    color: var(--white-color);
    border-color: var(--white-color);
}
.hero-btn-container .btn-orange.bordered-btn:hover,
.hero-btn-container .btn-orange.bordered-btn:active,
.hero-btn-container .btn-orange.bordered-btn:focus {
    background-color: var(--white-color) !important;
    color: var(--orange-color);
    border-color: var(--orange-color);
}

/*---------------------------------------   HEADER   ------------------------------------------*/

header {
    border-bottom: 1px solid var(--sections-border-color);
    padding: 45px 0px 16px;
    position: relative;
    background-color: var(--white-color);
    z-index: 1;
}
/* header:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: var(--white-color);
    z-index: 1;
} */
header.active-search {
    z-index: 3;
}
header .header-container {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}
header .header-container .logo-container {
    width: 253px;
    position: relative;
    z-index: 4;
    background-color: var(--white-color);
}
header .header-container .navigation-container {
    /* width: calc(100% - 253px); */
    margin-left: auto;
    z-index: 1;
}
header .header-container .navigation-container nav {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
}
header .header-container .navigation-container .navigation-menu-container {
    height: 100%;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
}
header .header-container .navigation-container .navigation-menu-container ul {
    display: inline-block;
    clear: both;
    margin-bottom: 0px;
}
header .header-container .navigation-container .navigation-menu-container ul li {
    display: inline-block;
    float: left;
    border-right: 1px solid var(--header-btns-color);
}
header .header-container .navigation-container .navigation-menu-container ul li:last-of-type {
    border: none;
}
header .header-container .navigation-container .navigation-menu-container ul li a {
    padding: 4px 16px;
}
header .header-container .navigation-container .extra-buttons-container {
    height: 100%;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
}
header .header-container .navigation-container .extra-buttons-container:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: var(--white-color);
    z-index: -1;
}
header .header-container .navigation-container .extra-buttons-container .search-btn-container a {
    color: var(--header-btns-color);
    padding: 5px;
    margin-right: 10px;
}
header .header-container .navigation-container .extra-buttons-container .search-btn-container #searchform {
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 768px;
    width: 100%;
    z-index: -2;
    background-color: var(--white-color);
    font-size: 120%;
    border: 1px solid var(--sections-border-color);
    display: flex;
    justify-content: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition: top 400ms ease-in-out;
    transition: top 400ms ease-in-out;
    /* display: none; */
}
header.active-search .header-container .navigation-container .extra-buttons-container .search-btn-container #searchform {
    top: calc(100% + 1px);
}
header .header-container .navigation-container .extra-buttons-container .search-btn-container #searchform input {
    padding: 5px 10px;
    /* width: calc(100% - 34px); */
    width: 100%;
    border: none;
}
header .header-container .navigation-container .extra-buttons-container .search-btn-container button {
    color: var(--header-btns-color);
    padding: 7px;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0px;
    background-color: transparent;
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    font-size: 111%;
    border-left: 1px solid #ccc;
}
header .header-container .navigation-container .extra-buttons-container .schedule-demo-btn-container a {
    /* background-color: transparent; */
}
header .header-container .navigation-container .extra-buttons-container .mobile-menu-btn-container a {
    font-size: 250%;
    color: var(--header-btns-color);
    display: none;
}
header .header-container .navigation-container .extra-buttons-container .search-btn-container a:hover,
header .header-container .navigation-container .extra-buttons-container .search-btn-container button:hover,
header .header-container .navigation-container .extra-buttons-container .mobile-menu-btn-container a:hover {
    color: var(--orange-color);
}
header .header-container .navigation-container .navigation-menu-container .mobile-close-menu {
    font-size: 250%;
    color: var(--header-btns-color);
    display: none;
}

/*---------------------------------------   HERO   ------------------------------------------*/

.hero-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: 1px solid var(--sections-border-color);
}
.hero-container .hero-text-container {
    display: flex;
    justify-content: center;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    /* min-height: 55vh; */
    min-height: 40vh;
    padding: 60px 0px;
}
.hero-container .hero-text {
    max-width: 625px;
}

/*---------------------------------------   FOOTER   ------------------------------------------*/

footer {
    background-color: var(--dark-grey-color);
}
.footer-centerdiv {
    padding: 90px 20px;
    position: relative;
}
footer .top-row {
    display: flex;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}
footer .top-row .footer-logo-container {
    margin-right: 40px;
}
footer .top-row .footer-menu-container {
    margin-right: 20px;
}
footer .top-row .footer-menu-container ul {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
footer .top-row .footer-menu-container ul li {
    margin-bottom: 5px;
}
footer .top-row .software-support-container {
    border: 2px solid var(--orange-color);
    padding: 5px 10px;
    text-align: center;
}
footer .top-row .software-support-container p {
    margin-bottom: 5px;
}
footer .top-row .software-support-container .special {
    color: var(--white-color);
}
footer .top-row .software-support-container .special a {
    color: inherit;
}
footer .top-row .software-support-container .special a:hover {
    color: var(--orange-color);
}
footer .top-row .social-container {
    margin-left: auto;
    display: flex;
}
footer .top-row .social-container a {
    margin-right: 10px;
    font-size: 20px;
    background-color: var(--white-color);
    color: var(--dark-grey-color);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    /* display: inline-block;
    text-align: center; */

    display: flex;
    /* -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap; */
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
footer .top-row .social-container a:last-of-type {
    margin-right: 0px;
}
footer .top-row .social-container a:hover {
    color: var(--orange-color);
}
footer .bottom-row {
    position: absolute;
    top: auto;
    right: 0px;
    bottom: 0px;
    left: 0px;
    text-align: center;
    height: 46.5px;
}
footer .bottom-row .copyright-container {
    position: absolute;
    left: 30px;
    max-width: calc((100% - 267px - 60px) / 2);
}
footer .bottom-row .copyright-container .copyright-text {
    margin-bottom: 0px;
}
footer .bottom-row .schedule-container {
    display: inline-block;
    position: fixed;
    top: auto;
    right: auto;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 270px;
    z-index: 2;
}
.footer-schedule-btn {
    display: inline-block;
    background-color: var(--orange-color);
    border: 2px solid var(--orange-color);
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
    text-transform: uppercase;
}
.footer-schedule-btn:hover {
    background-color: var(--white-color);
    color: var(--orange-color);
}
.footer-schedule-btn:before {
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.footer-schedule-btn:hover:before {
    filter: brightness(35%) sepia(40%) saturate(10000%);
}

/*---------------------------------------   CONTACT US PAGE   ------------------------------------------*/
.info-text {
    font-size: 137.5%;
    line-height: 1;
}
.info-text b {
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    color: inherit;
}
.info-text a {
    font-family: 'Quadon Regular', Arial, Helvetica, sans-serif;
    color: inherit;
}
.info-text a:hover {
    color: var(--orange-color);
}

/*---------------------------------------   ABOUT US PAGE   ------------------------------------------*/
.team-member-container .member-image-container {
    position: relative;
    padding-bottom: 50%;
}
.team-member-container .member-image-container .member-image {
    position: absolute;
    top: 40px;
    right: 30px;
    bottom: 0px;
    left: 10px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
}
.team-member-container .member-image-container .member-name-position-container {
    position: absolute;
    top: auto;
    right: 0px;
    bottom: 50px;
    left: 0px;
    padding-left: 15px;
    padding-right: 15px;
}
.team-member-container .member-image-container .member-name-position-container .member-name,
.team-member-container .member-image-container .member-name-position-container .member-position {
    width: 100%;
    margin-bottom: 0px;
}
.team-member-container .member-image-container .member-name-position-container .member-name * {
    width: 100%;
    margin-bottom: 0px;
    color: var(--member-name-text-color);
}
.team-member-container .member-image-container .member-name-position-container .member-position * {
    width: 100%;
    margin-bottom: 0px;
    color: var(--member-pos-text-color);
    font-family: 'Quadon BoldItalic', Arial, Helvetica, sans-serif;
}

/*---------------------------------------   SUCCESS STORIES PAGE   ------------------------------------------*/
.success-story-container {
    padding: 20px 0px 30px;
}
.success-story-container .success-story-category-container * {
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
    color: var(--dark-grey-color);
    margin-bottom: 6px;
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.success-story-container .success-story-category-container a:hover {
    color: var(--orange-color);
}
.success-story-container .success-story-image-container {
    position: relative;
    /* padding-bottom: 50%; */
    padding-bottom: 45%;
    margin-bottom: 15px;
}
.success-story-container .success-story-image-container .success-story-image {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.success-story-container .success-story-text-container {
    margin-bottom: 20px;
}
.success-story-container .success-story-text-container h4 {
    margin-bottom: 10px;
    color: var(--dark-grey-color);
}
.success-story-container .success-story-text-container p {
    margin-bottom: 2px;
}
.schedule-section-after-success-stories-listing {
    padding-top: 64px;
}
.schedule-demo-section {
    max-width: 780px;
    margin: 0px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.schedule-demo-section .schedule-text-container {
    position: relative;
    padding: 5px 80px 5px 20px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 60px 50px;
    width: 475px;
}
.schedule-demo-section .schedule-text-container p {
    margin-bottom: 0px;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
}

/*---------------------------------------   HOME PAGE   ------------------------------------------*/
.schedule-express-image {
    width: 290px;
    margin-right: 50px;
    padding: 20px;
    border-right: 2px solid var(--schedule-border-right-color);
}
@media only screen and (max-width: 768px) {
	.schedule-express-image {
		border-right: 0;
		border-bottom: 2px solid var(--schedule-border-right-color);
		margin: 0 auto;
		margin-bottom: 20px;
	}
}
.schedule-express-image + p {
    margin-bottom: 0px;
}
.home-right-solution-container h2 {
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}
.home-right-solution-container .subheader-section {
    width: 100%;
    padding: 5px 10px;
    border: 2px solid var(--light-grey-border-color);
    color: var(--white-color);
    margin-bottom: 4px;
}
.home-right-solution-container .subheader-section p {
    margin-bottom: 0px;
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
}
.light-grey-color {
    color: var(--light-grey-text-color);
}
.industries-container {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
}
.industries-container .industry-container {
    width: 16.66666666666667%;
    padding: 0px 10px;
}
.industries-container .industry-container a {
    color: var(--white-color);
    text-align: center;
    /* I'm making these because of the filter transition, can't use transition for img, the color will not change to what is needed, so this way the intermittent color will not be visible */
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
.industries-container .industry-container a .industry-icon {
    padding: 20px;
    border: 2px solid var(--light-grey-border-color);
}
.industries-container .industry-container a .industry-icon img {
    max-height: 108px;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
.industries-container .industry-container a .industry-title {
    padding-top: 15px;
}
.industries-container .industry-container a .industry-title * {
    text-transform: uppercase;
    font-family: 'URWDIN Demi', Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}
.industries-container .industry-container a:hover {
    color: var(--orange-color);
}
.industries-container .industry-container a:hover .industry-icon img {
    /* filter: brightness(35%) sepia(40%) saturate(10000%); */
    filter: brightness(65%) saturate(1750%) contrast(100%) hue-rotate(200deg);
}


.employee-highlight .full-width.sc-border-top {
    margin-bottom: 40px;
}
.employee-highlight .slider-section-centerdiv {
    position: relative;
}
.employee-highlight-slider {
    position: relative;
    z-index: 2;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container {
    max-width: 707px;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-name {
    color: var(--member-name-text-color);
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-position {
    color: var(--member-pos-text-color);
    font-family: 'Quadon BoldItalic', Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-position .hide-on-mobile {
    display: none;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-description {
    margin-bottom: 15px;
    word-break: break-word;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-outside {
    border: 1px solid var(--border-top-small-purple-color);
    display: inline-block;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience {
    border: 1px solid var(--border-top-purple-color);
    display: inline-block;
    max-width: 100%;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside {
    padding: 10px 25px 15px;
    border: 1px solid var(--border-top-small-purple-color);
    display: inline-flex;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    max-width: 100%;
}
.mac-device .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside {
    padding: 5px 25px 3px;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -7px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 8px solid var(--white-color);
    border-bottom: 10px solid transparent;
    z-index: 2;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -9px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 8px solid var(--border-top-purple-color);
    border-bottom: 10px solid transparent;
    z-index: 1;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside .employee-experience-years {
    font-size: 471.75%;
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
    color: var(--dark-purple-color);
    margin-right: 15px;
}
.mac-device .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside .employee-experience-years {
    margin-top: 19px;
}
.employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside .employee-experience-text {
    font-size: 183.375%;
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
    color: var(--dark-purple-color);
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 5px;
}
.employee-highlight-images {
    position: absolute;
    width: 100%;
    height: 50%;
    top: auto;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    /* margin-top: -280px; */
    margin-top: -310px;
}
.employee-highlight-images .meet-our-team-btn {
    width: 260px;
}
.employee-highlight-images .employee-images-slider {
    margin-left: auto;
    height: inherit;
    max-width: calc(100% - 260px);
    width: 100%;
    margin-bottom: -50px;
}
.employee-highlight-images .employee-images-slider .slick-carouselSlider-Image .slick-carousel-item-image {
    height: inherit;
    text-align: right;
}
.employee-highlight-images .employee-images-slider .slick-carouselSlider-Image .slick-carousel-item-image img {
    height: inherit;
    display: inline-block;
    /* max-height: 330px; */
    max-height: 360px;
}
.customer-quotes-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.customer-quotes .slick-carousel-item {
    clear: both;
}
.customer-quotes .slick-carousel-item .left-side {
    height: 100%;
    padding: 40px 45px;
    width: var(--var-left-side-width);
    display: inline-block;
    float: left;
}
.customer-quotes .slick-carousel-item .right-side {
    height: 100%;
    padding: 0px;
    width: calc(100% - var(--var-left-side-width));
    position: relative;
    display: inline-block;
    float: left;
		font-style: italic;
}
.customer-quotes .slick-carousel-item .right-side:before {
    content: '';
    position: absolute;
    top: 30px;
    right: auto;
    bottom: auto;
    left: -20px;
    width: 150px;
    height: 94px;
    z-index: 1;
    /*background-image: url('images/quotes-up.png');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.customer-quotes .slick-carousel-item .right-side:after {
    content: '';
    position: absolute;
    top: auto;
    right: 5px;
    bottom: 0px;
    left: auto;
    width: 150px;
    height: 94px;
    z-index: 1;
    /*background-image: url('images/quotes-down.png');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.customer-quotes .slick-carousel-item .right-side * {
    position: relative;
    z-index: 2;
}
.customer-quotes .slick-carousel-item .right-side .customer-info {
    color: var(--light-grey-text-color);
    font-family: 'URWDIN Bold', Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #eeebee;
    text-transform: uppercase;
    padding-bottom: 7px;
		font-style: normal;
}
.customer-quotes .slick-carousel-item .right-side h4 {
    color: var(--light-grey-white-text-color);
    font-family: 'Quadon MediumItalic', Arial, Helvetica, sans-serif;
}
.customer-quotes .slick-dots {
    bottom: -85px;
}
.read-success-stories-btn-container {
    padding-left: var(--var-left-side-width);
    margin-top: -55px;
}

/*---------------------------------------   SOLUTIONS PAGE   ------------------------------------------*/
.solutions-listing {
    padding-top: 30px;
    align-items: stretch;
}
.solutions-listing .solution-item-container .solution-item {
    height: 100%;
}
.solutions-listing .solution-item-container .solution-item .solution-item-icon-container {
    height: 180px;
    padding-bottom: 40px;
    text-align: center;
}
.solutions-listing .solution-item-container .solution-item .solution-item-icon-container img {
    max-height: 100%;
}
.solutions-listing .solution-item-container .solution-item .solution-item-text-container {
    height: calc(100% - 180px);
    position: relative;
}
.solutions-listing .solution-item-container .solution-item .solution-item-text-container:after {
    content: '';
    position: absolute;
    top: 0px;
    right: -44px;
    bottom: 0px;
    left: auto;
    width: 2px;
    height: 100%;
    background-color: var(--schedule-border-right-color);
}
.solutions-listing .solution-item-container:nth-of-type(3n) .solution-item .solution-item-text-container:after {
    display: none;
}
.solutions-listing .solution-item-container .solution-item .solution-item-text-container p {
    line-height: 1.8;
    margin-bottom: 0px;
}
.solutions-listing .solution-item-container .solution-item .solution-item-text-container p b,
.solutions-listing .solution-item-container .solution-item .solution-item-text-container p strong {
    font-family: 'Quadon ExtraBold', Arial, Helvetica, sans-serif;
}
.schedule-demo-section.full-width-schedule-demo-section {
    max-width: 100%;
}
.schedule-demo-section.full-width-schedule-demo-section .schedule-text-container {
    padding: 5px 20px;
    width: calc(100% - 238px);
    min-width: 475px;
}
.tabs-container {
    padding-top: 30px;
    position: relative;
    display: flex;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch; /* 100% height */
    -ms-flex-direction: row;
    flex-direction: row;
}
.tabs-container .tab-container {
    width: calc((100% - 150px) / 6);
    margin-right: 30px;
}
.tabs-container .tab-container:last-of-type {
    margin-right: 0px;
}
.tabs-container .tab-container .tab-button-container {
    text-align: center;
    color: var(--tabs-inactive-color);
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    height: 148px;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tabs-container .tab-container .tab-button-container:hover,
.tabs-container .tab-container.active-tab .tab-button-container {
    color: var(--tabs-active-color);
}
.tabs-container .tab-container .tab-button-container .tab-icon-container {
    max-width: 100%;
    padding: 0px 25px 20px;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
}
.tabs-container .tab-container .tab-button-container .tab-icon-container img {
    max-height: 90px;
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.tabs-container .tab-container .tab-button-container:hover .tab-icon-container img,
.tabs-container .tab-container.active-tab .tab-button-container .tab-icon-container img {
    filter: brightness(50%) saturate(100%) hue-rotate(120deg);
}
.tabs-container .tab-container .tab-button-container .tab-title-container {
    padding: 5px 10px;
    border: 2px solid var(--tabs-inactive-color);
    width: 100%;
    position: relative;
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background-color: transparent;
    color: inherit;
    text-transform: uppercase;
    margin-top: auto;
}
.tabs-container .tab-container .tab-button-container .tab-title-container:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid var(--dark-purple-color);
    opacity: 0;
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.tabs-container .tab-container .tab-button-container:hover .tab-title-container,
.tabs-container .tab-container.active-tab .tab-button-container .tab-title-container {
    background-color: var(--dark-purple-color);
    border: 2px solid var(--dark-purple-color);
}
.tabs-container .tab-container.active-tab .tab-button-container .tab-title-container:after {
    opacity: 1;
}
.tabs-container .tab-container .tab-button-container .tab-title-container * {
    margin-bottom: 0px;
    font-family: 'URWDIN Demi', Arial, Helvetica, sans-serif;
}
.mac-device .tabs-container .tab-container .tab-button-container .tab-title-container * {
    margin-top: 7px;
}
.tabs-container .tab-container .tab-content-container {
    position: relative;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: 0px;
    width: 1042px;
    margin-top: 30px;
    border-top: 1px solid #4d4d4d;
    display: flex;
    justify-content: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: 0;
    -webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.tabs-container .tab-container.active-tab .tab-content-container {
    opacity: 1;
    z-index: 2;
}
.tabs-container .tab-container:nth-of-type(2) .tab-content-container {
    left: calc(100% - (200% + 30px));
}
.tabs-container .tab-container:nth-of-type(3) .tab-content-container {
    left: calc(100% - (300% + 30px + 30px));
}
.tabs-container .tab-container:nth-of-type(4) .tab-content-container {
    left: calc(100% - (400% + 30px + 30px + 30px));
}
.tabs-container .tab-container:nth-of-type(5) .tab-content-container {
    left: calc(100% - (500% + 30px + 30px + 30px + 30px));
}
.tabs-container .tab-container:last-of-type .tab-content-container {
    left: calc(100% - (600% + 30px + 30px + 30px + 30px + 30px));
}
.tabs-container .tab-container .tab-content-container:before {
    content: '';
    position: absolute;
    top: -1px;
    right: 0px;
    bottom: auto;
    left: 0px;
    height: 1px;
    width: 100%;
    background-color: #b1b1b1;
}
.tabs-container .tab-container .tab-content-container:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: 0px;
    height: 1px;
    width: 100%;
    background-color: #8f8f8f;
}
.tabs-container .tab-container .tab-content-container .left-side {
    width: 330px;
}
.tabs-container .tab-container .tab-content-container .right-side {
    width: calc(100% - 330px);
}
.tabs-container .tab-container .tab-content-container .right-side .tab-content-text-container {
    padding: 40px 5px 0px 25px;
}
.tabs-container .tab-container .tab-content-container .tab-content-text-container .tab-content-title {
    margin-bottom: 5px;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
}
.tabs-container .tab-container .tab-content-container .tab-content-text-container p {
    margin-bottom: 0px;
}
.tabs-container .tab-container .tab-content-container .tab-content-text-container ul {
    padding-top: 15px;
    clear: both;
    list-style: none;
}
.tabs-container .tab-container .tab-content-container .tab-content-text-container ul li {
    padding-left: 20px;
    position: relative;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    width: 47.5%;
    margin-right: 5%;
    float: left;
    line-height: 1.4;
}
.tabs-container .tab-container .tab-content-container .tab-content-text-container ul li:nth-of-type(2n) {
    margin-right: 0px;
}
.tabs-container .tab-container .tab-content-container .tab-content-text-container ul li:before {
    content: '+';
    position: absolute;
    top: 0px;
    left: 0px;
}
.schedule-express-benefits-container .flexcontainer-row {
    -ms-flex-align: stretch;
    align-items: stretch;
}
.schedule-express-benefits-container .schedule-express-benefit-container {
    padding-top: 30px;
}
.schedule-express-benefits-container .schedule-express-benefit-container .schedule-express-benefit-image-container {
    /* padding: 0px 25px 25px; */
    padding: 0px 25px 25px 0px;
    display: flex;
    /* justify-content: center; */
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 165px;
}
.schedule-express-benefits-container .schedule-express-benefit-container .schedule-express-benefit-image-container img {
    max-height: 150px;
    max-width: 430px;
}
.buy-schedule-express-container {
    display: flex;
    justify-content: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 40px;
}
.buy-schedule-express-container .schedule-express-image-container {
    padding: 0px 50px 0px 0px;
    width: 264px;
}
.buy-schedule-express-container .buy-schedule-express-text-container {
    padding: 0px 3px 0px 45px;
    border-left: 2px solid var(--border-top-orange-color);
}
.buy-schedule-express-container .buy-schedule-express-text-container h4 {
    font-family: 'Quadon ExtraBold', Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    color: var(--dark-grey-color);
}
.buy-schedule-express-container .buy-schedule-express-text-container p {
    font-family: 'Quadon Regular', Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
}
.buy-schedule-express-container .buy-schedule-express-text-container p a {
    font-family: 'Quadon UltraBold', Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    color: var(--orange-color) !important;
}
.buy-schedule-express-container .buy-schedule-express-text-container p a:hover {
    text-decoration: underline;
}
.purchases-types-listing {
    -ms-flex-align: stretch;
    align-items: stretch;
}
.purchases-types-listing .purchase-type {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
}
.purchases-types-listing .purchase-type .purchase-type-image-container {
    height: 74;
    padding-bottom: 14px;
    display: flex;
    justify-content: flex-start;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-direction: row;
    flex-direction: row;
}
.purchases-types-listing .purchase-type .purchase-type-image-container img {
    max-width: 134px;
    max-height: 60px;
}
.purchases-types-listing .purchase-type .purchase-type-text-container {
    padding-bottom: 15px;
}
.purchases-types-listing .purchase-type .purchase-type-text-container h4 {
    margin-bottom: 15px;
    color: var(--dark-grey-color);
    font-family: 'Quadon ExtraBold', Arial, Helvetica, sans-serif;
}
.purchases-types-listing .purchase-type .purchase-type-btn-container {
    margin-top: auto;
}

/*---------------------------------------   THE REST OF THE PAGES   ------------------------------------------*/
.search-div {
    padding-right: 110px;
    position: relative;
}
.search-div label {
    width: 100%;
}
.search-div .search-field {
    width: 100%;
    font-size: 111%;
    padding: 5px 15px;
    border-right: none;
}
.search-div .search-submit {
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    font-size: 110%;
    padding: 8px 16px;
    text-transform: uppercase;
    color: var(--orange-color);
    background-color: transparent;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-width: 2px;
    border-style: solid;
    border-color: var(--orange-border-color);
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: auto;
}
.search-div .search-submit:hover {
    background-color: var(--orange-color);
    color: var(--white-color);
    border-color: var(--orange-color);
}
.search-result .success-story-image {
    background-size: 100% !important;
}
.navigation.post-navigation,
.navigation.posts-navigation {
    width: 100%;
    clear: both;
    padding-top: 30px;
}
.navigation.post-navigation a,
.navigation.posts-navigation a {
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    font-size: 110%;
    padding: 8px 16px;
    text-transform: uppercase;
    color: var(--orange-color);
    background-color: transparent;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-width: 2px;
    border-style: solid;
    border-color: var(--orange-border-color);
}
.navigation.post-navigation a:hover,
.navigation.posts-navigation a:hover {
    background-color: var(--orange-color);
    color: var(--white-color);
    border-color: var(--orange-color);
}
.navigation.post-navigation
.navigation.post-navigation .screen-reader-text {
    display: none;
}
.navigation.post-navigation .nav-links {
    width: 100%;
    clear: both;
    padding-top: 30px;
}
.page-content-container ul {
    width: 100%;
}
.page-content-container ul li {
    padding-left: 20px;
    position: relative;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    margin-right: 5%;
    line-height: 1.4;
}
.page-content-container ul li:before {
    content: '+';
    position: absolute;
    top: 0px;
    left: 0px;
}
.page-content-container p {
    display: inline-block;
    width: 100%;
}
.singular-page.hero-container {
    position: relative;
}
.singular-page.hero-container:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.singular-page.hero-container .centerdiv {
    z-index: 2;
    position: relative;
}

/* IOS mobile devices */
@supports (-webkit-touch-callout: none) {
    .btn-class:visited,
    .btn-class {
        line-height: 1 !important;
        padding-top: 13px !important;
    }
}
/* Mac Devices */
.mac-device .btn-class:visited,
.mac-device .btn-class {
    line-height: 1 !important;
    padding-top: 13px !important;
}



/* home hero section */
.hero-container {
    position: relative;
}
.hero-container .contain-hero-images {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}
.hero-container .contain-hero-images .background-image-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 700ms ease-in-out;
	-moz-transition: opacity 700ms ease-in-out;
	-o-transition: opacity 700ms ease-in-out;
	-ms-transition: opacity 700ms ease-in-out;
    transition: opacity 700ms ease-in-out;
}
.hero-container .contain-hero-images .background-image-container.active-background {
    opacity: 1;
}
.hero-container .centerdiv {
    z-index: 2;
    position: relative;
}
/* end home hero section */


/*---------------------------------------   RESPONSIVE VIEW   ------------------------------------------*/
@media only screen and (max-width: 1100px) {
    /* ALL PAGES */
    header .header-container .logo-container {
        width: 208px;
    }

    /* CONTACT US PAGE */


    /* ABOUT US PAGE */


    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */
    .industries-container .industry-container a .industry-icon img {
        max-height: 88px;
    }

    /* SOLUTIONS PAGE */
    .tabs-container .tab-container .tab-content-container {
        width: calc(100vw - 60px);
    }
}

@media only screen and (max-width: 1023px) {
    /* ALL PAGES */
    header {
        position: relative;
        -webkit-transition: z-index 0ms ease-in-out 400ms;
        -moz-transition: z-index 0ms ease-in-out 400ms;
        -o-transition: z-index 0ms ease-in-out 400ms;
        -ms-transition: z-index 0ms ease-in-out 400ms;
        transition: z-index 0ms ease-in-out 400ms;
    }
    header.mobile-active {
        z-index: 3;
        -webkit-transition: z-index 0ms ease-in-out 0ms;
        -moz-transition: z-index 0ms ease-in-out 0ms;
        -o-transition: z-index 0ms ease-in-out 0ms;
        -ms-transition: z-index 0ms ease-in-out 0ms;
        transition: z-index 0ms ease-in-out 0ms;
    }
    header .header-container .navigation-container .navigation-menu-container {
        position: absolute;
        top: -100vh;
        right: 0px;
        left: 0px;
        bottom: auto;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
        background-color: var(--white-color);
        z-index: 3;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        height: 100vh;
    }
    header.mobile-active .header-container .navigation-container .navigation-menu-container {
        top: 0px;
    }
    /* header.mobile-active .header-container .logo-container {
        -webkit-transition: z-index 400ms ease-in-out 150ms;
        -moz-transition: z-index 400ms ease-in-out 150ms;
        -o-transition: z-index 400ms ease-in-out 150ms;
        -ms-transition: z-index 400ms ease-in-out 150ms;
        transition: z-index 400ms ease-in-out 150ms;
        z-index: 4;
    } */
    header .header-container .navigation-container .navigation-menu-container .mobile-menu-close-btn-container {
        width: 100%;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        padding: 48px 17px 22px 20px;
    }
    header .header-container .navigation-container .navigation-menu-container .mobile-menu-close-btn-container .mobile-close-menu {
        display: inline-block;
        margin-left: auto;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }
    header .header-container .navigation-container .navigation-menu-container .mobile-menu-close-btn-container .mobile-close-menu:hover {
        color: var(--orange-color);
        /* -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); */

    }
    header .header-container .navigation-container .navigation-menu-container ul {
        width: 100%;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 25px 20px 30px;
        overflow-y: auto;
        margin-bottom: 20px;
    }
    header .header-container .navigation-container .navigation-menu-container ul li {
        /* width: 100%; */
        float: none;
        border-right: none;
        /* border-bottom: 2px solid var(--header-btns-color); */
        border: none;
        margin: 10px 0px;
    }
    /* header .header-container .navigation-container .navigation-menu-container ul li:last-of-type {
        border-bottom: 2px solid var(--header-btns-color);
    }
    header .header-container .navigation-container .navigation-menu-container ul li:hover {
        border-bottom: 2px solid var(--orange-color);
    } */
    header .header-container .navigation-container .navigation-menu-container ul li a {
        width: 100%;
        display: inline-block;
        text-align: center;
        font-size: 200%;
    }
    header .header-container .navigation-container .extra-buttons-container .mobile-menu-btn-container a {
        display: inline-block;
        margin-left: 20px;
    }
    .footer-centerdiv {
        padding: 80px 0px;
    }
    .centerdiv {
        padding: 0px 20px;
    }
    .spacing-elements {
        height: 35px;
    }
    .spacing-elements-small {
        height: 20px;
    }
    section {
        padding: 64px 0px;
    }
    .big-padding-btm-section {
        padding-bottom: 64px !important;
    }
    .big-padding-top-section {
        padding-top: 64px !important;
    }
    .small-padding-section {
        padding: 40px 0px;
    }
    .small-padding-btm-section {
        padding-bottom: 40px !important;
    }
    .small-padding-top-section {
        padding-top: 40px !important;
    }
    footer .top-row .footer-logo-container {
        max-width: 200px;
    }
    footer .top-row .footer-menu-container ul {
        column-gap: 10px;
    }

    /* CONTACT US PAGE */


    /* ABOUT US PAGE */


    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */
    .industries-container .industry-container a .industry-icon img {
        max-height: 80px;
    }
    .employee-highlight-images {
        /* margin-top: -240px; */
        margin-top: -220px;
    }
    .employee-highlight-images .employee-images-slider {
        margin-bottom: -40px;
    }
    .employee-highlight-images .employee-images-slider .slick-carouselSlider-Image .slick-carousel-item-image img {
        /* max-height: 280px; */
        object-fit: cover;
        /* height: 280px; */
        object-position: bottom;
    }

    /* SOLUTIONS PAGE */
    .schedule-express-benefits-container .schedule-express-benefit-container .schedule-express-benefit-image-container img {
        max-width: 90%;
    }
}

@media only screen and (max-width: 970px) {
    /* ALL PAGES */
    .hide-on-mobile {
        display: none;
    }
    :root {
        --var-left-side-width : 200px;
    }

    /* CONTACT US PAGE */


    /* ABOUT US PAGE */


    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */
    .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-outside {
        max-width: 55vw;
    }

    /* SOLUTIONS PAGE */

}

@media only screen and (max-width: 899px) {
    /* ALL PAGES */
    body {
        font-size: 15px;
    }
    .footer-centerdiv {
        padding: 40px 0px 80px;
    }
    footer .top-row .footer-logo-container {
        margin-right: 0px;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        margin-left: calc((100% - 200px) / 2);
    }
    footer .top-row .footer-menu-container {
        margin-right: 0px;
        /* width: 100%; */
        width: 300px;
        margin-left: calc((100% - 300px) / 2);
        margin-right: calc((100% - 300px) / 2);
        text-align: center;
        margin-bottom: 20px;
    }
    footer .top-row .software-support-container {
        margin: 0px auto 20px;
    }
    footer .top-row .social-container {
        margin: 0px;
        width: 100%;
        text-align: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }
    footer .bottom-row {
        height: 76.5px;
    }
    footer .bottom-row .copyright-container {
        max-width: 100%;
        position: static;
        margin-bottom: 10px;
    }
    .one-third-width {
        width: calc((100% - 60px) / 2);
        margin-right: 60px;
        margin-bottom: 50px;
    }
    .one-third-width:nth-of-type(3n) {
        margin-right: 60px;
    }
    .one-third-width:nth-of-type(2n) {
        margin-right: 0px;
    }

    /* CONTACT US PAGE */


    /* ABOUT US PAGE */


    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */
    .industries-container .industry-container a .industry-icon img {
        max-height: 60px;
    }

    /* SOLUTIONS PAGE */
    .solutions-listing {
        justify-content: center;
    }
    .solutions-listing .solution-item-container {
        margin-bottom: 30px;
    }
    .solutions-listing .solution-item-container .solution-item .solution-item-text-container:after {
        right: -30px;
    }
    .solutions-listing .solution-item-container:nth-of-type(2n) .solution-item .solution-item-text-container:after {
        display: none;
    }
    .solutions-listing .solution-item-container:nth-of-type(3) {
        padding-top: 30px;
        border-top: 2px solid var(--schedule-border-right-color);
        margin-right: 0px;
    }

    .tabs-container .tab-container .tab-button-container {
        height: 128px;
    }
    .tabs-container .tab-container .tab-button-container .tab-icon-container {
        padding: 0px 10px 10px;
    }
    .tabs-container .tab-container .tab-button-container .tab-icon-container img {
        max-height: 70px;
    }
    .tabs-container .tab-container .tab-content-container .left-side {
        width: 200px;
    }
    .tabs-container .tab-container .tab-content-container .right-side {
        width: calc(100% - 200px);
    }

    .buy-schedule-express-container .schedule-express-image-container {
        padding: 0px 20px 0px 0px;
    }
    .buy-schedule-express-container .buy-schedule-express-text-container {
        padding: 0px 3px 0px 20px;
    }

    .purchases-types-listing .purchase-type-container {
        width: 100%;
        margin-right: 0px;
    }
    .purchases-types-listing .purchase-type-container:last-of-type {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    /* ALL PAGES */
    header .header-container .navigation-container .extra-buttons-container .search-btn-container #searchform {
        max-width: calc(100vw - 20px);
        left: 10px;
        right: 10px;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    .hero-container .hero-text-container {
        /* padding: 20px 0px; */
        padding: 50px 0px;
    }
    .half-width {
        width: 100%;
        margin-right: 0px;
    }
    .half-width:first-of-type, .half-width:nth-of-type(2n+1) {
        margin-right: 0px;
    }
    .half-width.sc-border-top + .half-width.sc-border-top {
        border-top: none;
    }
    .half-width.sc-border-top + .half-width.sc-border-top:before {
        display: none;
    }
    .hero-container {
        min-height: calc(100vh - 108px);
    }
    .logged-in.admin-bar .hero-container {
        min-height: calc(100vh - 108px - 46px);
    }
    .hero-container .centerdiv {
        min-height: calc(100vh - 108px);
    }
    .logged-in.admin-bar .hero-container .centerdiv {
        min-height: calc(100vh - 108px - 46px);
    }
    .hero-container .hero-text-container {
        justify-content: flex-end;
        min-height: inherit;
    }

    /* CONTACT US PAGE */
    .bottom-container-contact {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .bottom-container-contact .half-width.sc-border-top + .half-width.sc-border-top {
        border-top-width: 5px;
        border-top-style: solid;
    }
    .bottom-container-contact .half-width.sc-border-top + .half-width.sc-border-top:before {
        display: block;
    }
    .bottom-container-contact .half-width.sc-border-top {
        border-top: none;
    }
    .bottom-container-contact .half-width.sc-border-top:before {
        display: none;
    }

    /* ABOUT US PAGE */


    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */
    .industries-container .industry-container {
        width: 33.33333333333333%;

    }
    .industries-container .industry-container:first-of-type {
        margin-bottom: 30px;
    }
    /* home hero section */
    .hero-container .contain-hero-images .background-image-container {
        background-position: 80% 100%;
    }
    .hero-container .hero-text h1,
    .hero-container .hero-text h4 {
        text-shadow: 
            -1px -1px 0 #000,  
            1px -1px 0 #000,
            -1px  1px 0 #000,
            1px  1px 0 #000,
            -2px -2px 0 #000,  
            2px -2px 0 #000,
            -2px  2px 0 #000,
            2px  2px 0 #000,
            -1px  0   0 #000,
            1px  0   0 #000,
            0   -1px 0 #000,
            0    1px 0 #000;
    }
    /* end home hero section */

    /* SOLUTIONS PAGE */
    .buy-schedule-express-container .schedule-express-image-container {
        width: 240px;
    }
    .buy-schedule-express-container .buy-schedule-express-text-container {
        width: calc(100% - 240px);
    }
    .schedule-demo-section.full-width-schedule-demo-section .schedule-text-container {
        text-align: center;
        margin-bottom: -24px;
    }
	.vertical-align {
		justify-content: center;
	}
}

@media only screen and (max-width: 679px) {
    .employee-highlight-slider .slick-dots {
        bottom: -50px;
    }
}

@media only screen and (max-width: 639px) {
    /* ALL PAGES */
    h1 {
        font-size: 310%;
    }
    h2 {
        font-size: 160%;
    }
    h3 {
        font-size: 155%;
    }
    h4 {
        font-size: 135%;
    }
    .info-text {
        font-size: 125%;
    }
    .footer-centerdiv {
        padding: 40px 0px 80px;
    }
    .spacing-elements {
        height: 25px;
    }
    .spacing-elements-small {
        height: 15px;
    }
    section {
        padding: 44px 0px;
    }
    .big-padding-btm-section {
        padding-bottom: 44px !important;
    }
    .big-padding-top-section {
        padding-top: 44px !important;
    }
    .small-padding-section {
        padding: 30px 0px;
    }
    .small-padding-btm-section {
        padding-bottom: 30px !important;
    }
    .small-padding-top-section {
        padding-top: 30px !important;
    }

    .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside {
        padding: 10px 15px 15px;
    }
    .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside .employee-experience-years {
        font-size: 350%;
    }
    .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside .employee-experience-text {
        font-size: 165%;
    }
    footer .top-row .footer-menu-container ul {
        column-count: 1;
        column-gap: normal;
    }

    /* CONTACT US PAGE */


    /* ABOUT US PAGE */


    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */
    .employee-highlight .contains-slick-slider-dotted {
        margin-bottom: 90px;
    }
    .employee-highlight-images {
        margin-top: -200px;
    }
    .employee-highlight-images .employee-images-slider {
        margin-bottom: -80px;
    }
    .employee-highlight-images .employee-images-slider .slick-carouselSlider-Image .slick-carousel-item-image img {
        max-height: 230px;
        object-fit: cover;
        height: 230px;
        object-position: bottom;
    }
    .customer-quotes-section {
        padding-bottom: 74px;
    }
    .customer-quotes .slick-carousel-item .left-side {
        width: 100%;
        text-align: center;
        float: none;
        padding: 0px 45px 20px;
        height: auto;
    }
    .customer-quotes .slick-carousel-item .left-side img {
        max-width: 150px;
        display: inline-block;
    }
    .customer-quotes .slick-carousel-item .right-side {
        width: 100%;
        float: none;
        height: auto;
    }
    .customer-quotes .slick-carousel-item .right-side:before {
        left: 0px;
        width: 100px;
        height: 62px;
    }
    .customer-quotes .slick-carousel-item .right-side:after {
        right: 0px;
        width: 100px;
        height: 62px;
    }
    .read-success-stories-btn-container {
        padding-left: 0px;
        text-align: center;
    }

    /* SOLUTIONS PAGE */
    .tabs-container {
        position: static;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tabs-container .tab-container {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .tabs-container .tab-container .tab-button-container {
        height: auto;
    }
    .tabs-container .tab-container .tab-content-container {
        width: 100%;
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        opacity: 1;
    }
    .tabs-container .tab-container .tab-content-container .right-side .tab-content-text-container {
        padding: 20px 5px 0px 15px;
    }


    .employee-highlight-slider .slick-dots {
        bottom: -70px;
    }
}

@media only screen and (max-width: 539px) {
    /* ALL PAGES */
    body {
        font-size: 14px;
    }
    header .header-container .logo-container {
        width: 180px;
    }
    .hero-container {
        min-height: calc(100vh - 104px);
    }
    .logged-in.admin-bar .hero-container {
        min-height: calc(100vh - 104px - 46px);
        /* min-height: calc(100vh - 150px); */
    }
    .hero-container .centerdiv {
        min-height: calc(100vh - 104px);
    }
    .logged-in.admin-bar .hero-container .centerdiv {
        min-height: calc(100vh - 104px - 46px);
    }

    /* CONTACT US PAGE */


    /* ABOUT US PAGE */
    .team-member-container .member-image-container .member-name-position-container {
        right: auto;
        max-width: 220px;
    }

    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */
    .schedule-express-image {
        width: 50%;
    }

    /* SOLUTIONS PAGE */
    .tabs-container .tab-container .tab-content-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tabs-container .tab-container .tab-content-container .left-side {
        width: 100%;
        text-align: center;
    }
    .tabs-container .tab-container .tab-content-container .left-side img {
        /* max-width: 200px; */
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: center;
    }
    .tabs-container .tab-container .tab-content-container .right-side {
        width: 100%;
    }
    .tabs-container .tab-container .tab-content-container .right-side .tab-content-text-container {
        padding: 10px 5px 20px;
    }
    .schedule-express-benefits-container .schedule-express-benefit-container .schedule-express-benefit-image-container {
        padding: 0px 25px 15px;
        height: auto;
    }
    .schedule-express-benefits-container .schedule-express-benefit-container .schedule-express-benefit-image-container img {
        max-height: 125px;
    }
    .buy-schedule-express-container .schedule-express-image-container {
        width: 50%;
    }
    .buy-schedule-express-container .buy-schedule-express-text-container {
        width: calc(100% - 50%);
    }

}

/* media query for landscape */
@media only screen and (min-device-width: 480px)
                   and (max-device-width: 640px)
                   and (orientation: landscape) {
	/* ALL PAGES */


    /* CONTACT US PAGE */


    /* ABOUT US PAGE */


    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */


    /* SOLUTIONS PAGE */

}

@media only screen and (max-width: 479px) {
    /* ALL PAGES */
    header {
        padding: 16px 0px 16px;
    }
    header .header-container .logo-container {
        width: 140px;
    }
    /* header .header-container .navigation-container .extra-buttons-container .search-btn-container a {
        display: none;
    }
    header .header-container .navigation-container .extra-buttons-container .search-btn-container #searchform {
        top: calc(100% + 1px);
        z-index: 1;
        -webkit-transition: top 400ms ease-in-out, z-index 200ms ease-in-out 180ms;
        -moz-transition: top 400ms ease-in-out, z-index 200ms ease-in-out 180ms;
        -o-transition: top 400ms ease-in-out, z-index 200ms ease-in-out 180ms;
        -ms-transition: top 400ms ease-in-out, z-index 200ms ease-in-out 180ms;
        transition: top 400ms ease-in-out, z-index 200ms ease-in-out 180ms;
    } */
    header .schedule-demo-btn-container {
        width: 95px;
        text-align: center;
    }
    header .header-container .navigation-container .extra-buttons-container .mobile-menu-btn-container a {
        margin-left: 10px;
    }
    header .header-container .navigation-container .navigation-menu-container .mobile-menu-close-btn-container {
        padding: 22px 17px 16px 20px;
    }
    .one-third-width {
        width: 100%;
        margin-right: 0px;
    }
    .hero-container {
        min-height: calc(100vh - 81px);
    }
    .logged-in.admin-bar .hero-container {
        min-height: calc(100vh - 81px - 46px);
    }
    .hero-container .centerdiv {
        min-height: calc(100vh - 81px);
    }
    .logged-in.admin-bar .hero-container .centerdiv {
        min-height: calc(100vh - 81px - 46px);
    }


    /* CONTACT US PAGE */


    /* ABOUT US PAGE */


    /* SUCCESS STORIES PAGE */


    /* HOME PAGE */

    .industries-container .industry-container a .industry-icon img {
        max-height: 50px;
    }

    .employee-highlight .contains-slick-slider-dotted {
        margin-bottom: 100px;
    }
    .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-outside {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside:before {
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0%);
        -moz-transform: translateX(-50%) translateY(0%);
        -o-transform: translateX(-50%) translateY(0%);
        -ms-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
        right: auto;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 8px solid var(--white-color);
    }
    .employee-highlight-slider .slick-carousel-item .employee-text-container .employee-experience-inside:after {
        top: calc(100% + 2px);
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0%);
        -moz-transform: translateX(-50%) translateY(0%);
        -o-transform: translateX(-50%) translateY(0%);
        -ms-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
        right: auto;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 8px solid var(--border-top-purple-color);
    }
    .employee-highlight-images {
        margin-top: -80px;
    }
    .employee-highlight-images .meet-our-team-btn {
        width: 100px;
        text-align: center;
    }
    .employee-highlight-images .employee-images-slider {
        max-width: calc(100% - 130px);
        margin-bottom: -30px;
    }
    .employee-highlight-images .employee-images-slider .slick-carouselSlider-Image .slick-carousel-item-image img {
        max-height: 160px;
        height: 160px;
    }

    .employee-highlight-slider.contains-slick-slider-dotted .slick-dots {
        bottom: -20px;
    }


    /* SOLUTIONS PAGE */
    .solutions-listing .solution-item-container .solution-item .solution-item-text-container:after {
        display: none;
    }
    .solutions-listing .solution-item-container:nth-of-type(2) {
        padding-top: 30px;
        border-top: 2px solid var(--schedule-border-right-color);
        margin-right: 0px;
    }
    .buy-schedule-express-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .buy-schedule-express-container .schedule-express-image-container {
        width: 100%;
        margin-bottom: 15px;
        padding: 0px 40px;
    }
    .buy-schedule-express-container .buy-schedule-express-text-container {
        padding-top: 15px;
        width: 100%;
        border-top: 2px solid var(--border-top-orange-color);
        border-left: none;
        padding-left: 0px;
    }
    .schedule-demo-section.full-width-schedule-demo-section .schedule-text-container {
        min-width: 100%;
    }
}


/* DIR Page */
.dir_hero .hero-text img {
    max-width: 150px; 
    height: auto;
    margin-bottom: 20px;
}
.dir-services {
    padding-bottom: 0px;
}
.sc-border-bottom {
    border-bottom-width: 5px;
    border-bottom-style: solid;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
.sc-border-bottom.border-color-orange::after,
.sc-border-bottom.border-color-orange::before {
    display: none;
}
.dir-service-left,
.dir-service-right {
    display: flex;
    align-items: center;
}
.dir-service-left {
    margin-bottom: 50px;
}
.dir-service-left .schedule-express-image {
    flex: 0 0 290px;
    order: 1;
    border: none;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.dir-service-left .dir-service-text {
    width: calc(100% - 290px);
    order: 2;
    margin-left: 50px;
}
.dir-service-right .schedule-express-image {
    flex: 0 0 290px;
    order: 2;
    border: none;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.dir-service-right .dir-service-text {
    width: calc(100% - 290px);
    order: 1;
    margin-right: 50px;
}
.dir__contact {
    padding-top: 0px;
    padding-bottom: 40px;
}
.dir__contact .flexcontainer-row {
    align-items: unset;
}
.dir-contact-person {
    flex: 0 0 340px;
    /* border-bottom: 5px solid var(--section-bg-green); */
    display: flex;
    align-items: center;
}
.dir-contact-text {
    width: calc(100% - 340px);
}
.dir-contact-text {
    background-color: var(--section-bg-green);
    padding: 25px 35px;
}
.dir-contact-text h4 {
    color: #bacdcf;
}
.dir-contact-text h4 a {
    color: var(--orange-color);
}
.dir-contact-text p {
    color: var(--white-color);
}

.dir-contact-text p a {
    color: var(--orange-color);
}
.dir-contact-text p a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.dir-contact-person-info {
    display: flex;
    flex-direction: column;
}
.dir-contact-person-info p {
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: 'Quadon Bold', Arial, Helvetica, sans-serif;
    color: var(--dark-purple-color);
}
.dir-contact-person-info a {
    color: #bacdcf;
    margin-bottom: 10px;
}
.dir-contact-person-info a:hover {
    color: var(--orange-color);
}

.dir__extra {
    padding-top: 0;
    padding-bottom: 40px;
    margin-top: -20px;
}
.dir__extra--content {
    background-color: var(--section-bg-green);
    padding: 0.5rem 1rem;
    width: 100%;
    text-align: center;
    color: #ffffff;
}
.dir__extra--content a {
    color: var(--orange-color);
}
.dir__extra--content a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.dir__extra--content > *:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .dir-service-left, 
    .dir-service-right {
        flex-direction: column;
    }
    .dir-service-left .schedule-express-image {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 35px;
        order: 1;
    }
    .dir-service-left .dir-service-text {
        width: 100%;
        margin-left: 0px;
        order: 2;
    }
    .dir-service-right .schedule-express-image {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 35px;
        order: 1;
    }
    .dir-service-right .dir-service-text {
        width: 100%;
        margin-right: 0px;
        order: 2;
    }
    .dir-contact-person {
        align-items: flex-end;
    }
    .dir-contact-person-image {
        order: 2;
        flex: 0 0 150px;
    }
    .dir-contact-person-info {
        width: calc(100% - 150px);
        order: 1;
        z-index: 2;
        padding-bottom: 25px;
    }
    .dir-contact-text h4 {
        font-size: 1.2rem;
    }
    .dir-contact-person {
        width: 100%;
        flex: auto;
    }
    .dir-contact-text {
        width: 100%;
    }
    .schedule-express-image-container {
        text-align: right;
    }
    .buy-schedule-express-container {
        padding-top: 25px;
    }
}
header .header-container .navigation-container .navigation-menu-container ul li a {
    padding: 4px 15px;
}

.page-template-page-subscription {
    display: flex;
    flex-direction: column;
}
.page-template-page-subscription main {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;;
}
.page-template-page-subscription main section {
    width: 100%;
}
.page-template-page-subscription main section h2 {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}
.page-template-page-subscription main section .btn-class {
    margin-top: 0.75rem;
}
.page-template-page-subscription footer {
    margin-top: auto;
}

.container-flex {
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	.container-flex {
		flex-direction: column;
		justify-content: center;
	}
}

/* list of features dropdown */
.featurebox {
	display: flex;
	flex-direction: column;
	/*justify-content: space-between;*/
	position: relative;
}
.featurebox-content {
    max-height: 6.2em; /* or whatever height you'd like */
    overflow: hidden;
    transition: max-height 0.3s ease-in-out; /* smooth expansion */
	margin-top: 0 !important;
	margin-bottom: 10px;
}

.featurebox.expanded .featurebox-content {
    max-height: none; /* when expanded, no limit to height */
	position: absolute;
    background: white;
    z-index: 1;
	left: -16px;
	right: -16px;
    border: 4px solid #ffd3bd;
    padding: 20px;
    border-radius: 10px;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.4);
}
.featurebox-content ul {
    margin: 0 !important; /* remove any default margins that could interfere */
}
.featurebox-content li {
	line-height: 1.6em !important;
	margin: 0 !important;
}
.feature-list-dropdown {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.feature-list-btn {
	font-size: 13px;
	text-transform: none !important;
}
.expand-btn {
    padding: 3px;
    border: none;
    background-color: transparent; 
    cursor: pointer;
    transition: color 0.3s ease;
    font-weight: 600;
    text-transform: uppercase; 
    color: #f38146; 
}
.expand-btn:hover {
    color: #79979c;  
}
.expand-btn:focus {
    outline: none;
}
@media only screen and (max-width: 768px) {
	.center-title h2 {
		text-align: center;
	}
}

.hs-cta-wrapper a:hover {
    background-color: #f48851!important;
    color: #ffffff!important;
}


/* --------------------------------------------------------
   Dropdown Fix for Header Sub-Menus
   Added: Nov 23, 2025
   -------------------------------------------------------- */


/* Latest fix for mobile menu */
/* === 2025-01-26 – Header primary nav dropdown behaviour === */
/* Turn child <ul class="sub-menu"> into a dropdown that sits
   under its parent menu item instead of pushing the hero down. */

header .header-container .navigation-container .navigation-menu-container ul li {
    position: relative; /* anchor each top-level <li> for its dropdown */
}

header .header-container .navigation-container .navigation-menu-container ul li > ul.sub-menu {
    position: absolute !important;
    top: 100% !important;      /* directly under the parent item */
    left: 0 !important;
    margin: 0;
    padding: 8px 0;
    background: #ffffff;
    border: 1px solid var(--sections-border-color);
    display: none;             /* hidden by default */
    z-index: 9999;             /* above hero image */
    min-width: 200px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Show dropdown on hover */
header .header-container .navigation-container .navigation-menu-container ul li:hover > ul.sub-menu {
    display: block;
}

/* Sub-menu items: vertical stack, no right-hand divider */
header .header-container .navigation-container .navigation-menu-container ul li > ul.sub-menu > li {
    float: none;
    display: block;
    border-right: none;
}

/* Sub-menu link padding + prevent weird wrapping */
/* Header dropdown navigation for sub-menus (added 2025-01-19) */
header .header-container .navigation-container .navigation-menu-container ul li {
    position: relative; /* anchor for dropdown */
}

/* the actual dropdown list (WordPress .sub-menu) */
header .header-container .navigation-container .navigation-menu-container ul li > ul.sub-menu {
    position: absolute;
    top: 100%;                  /* directly under the parent item */
    left: 0;
    background: #ffffff;
    padding: 8px 0;
    margin: 0;
    display: none;              /* hidden by default */
    z-index: 20;                /* above hero image */
    border: 1px solid var(--sections-border-color);
    min-width: 200px;
}

/* show dropdown on hover (desktop) */
header .header-container .navigation-container .navigation-menu-container ul li:hover > ul.sub-menu {
    display: block;
}

/* sub-menu items: stacked, no vertical divider */
header .header-container .navigation-container .navigation-menu-container ul li > ul.sub-menu > li {
    float: none;
    display: block;
    border-right: none;
}

/* sub-menu link padding & prevent wrapping weirdly */
header .header-container .navigation-container .navigation-menu-container ul li > ul.sub-menu > li > a {
    display: block;
    padding: 6px 16px;
    white-space: nowrap;
}

/* 2025-01-25 – Safe Cities nav dropdown
   Fix header scrollbar by allowing sub-menus to overflow over the hero image */

header,
header .navigation-menu-container,
header .navigation-menu-container > ul {
    overflow: visible !important;   /* kill the internal scroll bar */
}

/* make sure the header sits above the hero image */
header {
    position: relative;
    z-index: 9999;
}

/* 2025-11-23 – Desktop header nav:
   undo mobile 100vh/scroll so dropdowns don't create their own scrollbar */
@media (min-width: 1025px) {
    header .header-container .navigation-container .navigation-menu-container {
        position: static;      /* don't use the absolute + top:-100vh mobile styles */
        width: auto;
        height: auto;
        top: auto;
        background: transparent;
        max-height: none;
    }

    header .header-container .navigation-container .navigation-menu-container > ul {
        padding-top: 0;        /* remove the extra mobile padding */
        height: auto;          /* let it grow naturally */
        overflow: visible;     /* allow dropdowns to extend below */
    }
}

/* 2025-01-26 – Force header dropdowns to overlay page content, no inner scroll */
header .header-container {
    position: relative;
    z-index: 1000;
}

/* Make sure the nav wrappers never scroll or clip the dropdowns */
header .header-container .navigation-container,
header .header-container .navigation-container .navigation-menu-container {
    overflow: visible !important;
    max-height: none !important;
}

/* Dropdown panel: absolutely positioned under its parent link */
header .header-container .navigation-container .navigation-menu-container ul ul {
    position: absolute !important;
    top: 100%;
    left: 0;
    display: none;
    margin: 0;
    padding: 8px 0;
    background: #ffffff;
    border: 1px solid var(--sections-border-color);
    z-index: 2000 !important;
}

/* Show dropdown on hover */
header .header-container .navigation-container .navigation-menu-container ul li:hover > ul {
    display: block;
}


/*                                         Site-Wide Testimonial Banner                                                */
.site-wide-testimonial-banner {
    position: relative;
    overflow: hidden;
    padding: 20px 0 !important; /* Reduced from 30px */
}

.testimonial-banner-container {
    position: relative;
}

.testimonial-banner-slider {
    width: 100%;
}

.testimonial-slide {
    padding: 5px 20px; /* Reduced from 10px */
}

.testimonial-banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* Reduced from 30px */
    max-width: 1000px;
    margin: 0 auto;
}

.testimonial-banner-image {
    flex-shrink: 0;
}

.testimonial-banner-image img {
    width: 60px; /* Reduced from 80px */
    height: 60px; /* Reduced from 80px */
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, 0.3);
}

.testimonial-banner-text {
    flex: 1;
    text-align: center;
}

.testimonial-text {
    font-size: 16px; /* Reduced from 18px */
    font-style: italic;
    color: #ffffff;
    margin-bottom: 5px; /* Reduced from 10px */
    line-height: 1.4; /* Reduced from 1.6 */
}

.testimonial-author {
    font-size: 13px; /* Reduced from 14px */
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}

/* Slick dots positioning */
.site-wide-testimonial-banner .slick-dots {
    bottom: -25px; /* Position dots closer */
}

/* Mobile responsive */
@media (max-width: 768px) {
    .site-wide-testimonial-banner {
        padding: 15px 0 !important;
    }
    
    .testimonial-banner-content {
        flex-direction: column;
        gap: 10px;
    }
    
    .testimonial-banner-image img {
        width: 50px;
        height: 50px;
    }
    
    .testimonial-text {
        font-size: 14px;
    }
    
    .testimonial-slide {
        padding: 5px 15px;
    }
}