/* Minification failed. Returning unminified contents.
(1285,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
@font-face {
  font-family: 'ViperIcon';
  src:
    url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMg8SB8gAAAC8AAAAYGNtYXCpuWkuAAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5Zv0vJUwAAAHIAAAHGGhlYWQP1dhbAAAI4AAAADZoaGVhB8ID0AAACRgAAAAkaG10eDIAAdUAAAk8AAAAPGxvY2EJlAvSAAAJeAAAACBtYXhwABQAVgAACZgAAAAgbmFtZeXPLKsAAAm4AAABnnBvc3QAAwAAAAALWAAAACAAAwPVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADqyQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAiAAAAB4AEAADAA4AAQAg6YbpveoP6jzqQOpD6ovqkOqW6p3qyf/9//8AAAAAACDphum96g/qPOpA6kPqi+qQ6pbqnerJ//3//wAB/+MWfhZIFfcVyxXIFcYVfxV7FXYVcBVFAAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/YA+gDwAAoAEQAACUnLgEHPgE1NCcuAScmIyIHDgEHBhUUFx4BFxYzMjY3BhYfAR4BNzYmASInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgPg8hMnECsxHh5pRkVQUEVGaR4eHh5pRkVQR4AyARARzhtLGxoE/YI1Ly5GFBQUFEYuLzU1Ly5GFBQUFEYuL1nOERABMoBHUEVGaR4eHh5pRkVQUEVGaR4eMSsQJxPyHgQaG0sBAhQURi4vNTUvLkYUFBQURi4vNTUvLkYUFAAAAwBAAEADwAMAAAMABwALAAATIRUhFSEVIRUhFSFAA4D8gAOA/IADgPyAAwDAQMBAwAAAAAEAAv/CA/4DvgBTAAAlOAExCQE4ATE+ATc2Ji8BLgEHDgEHOAExCQE4ATEuAScmBg8BDgEXHgEXOAExCQE4ATEOAQcGFh8BHgE3PgE3OAExCQE4ATEeARcWNj8BPgEnLgED9/7JATcCBAEDAweTBxIJAwYC/sn+yQIGAwkSB5MHAwMBBAIBN/7JAgQBAwMHkwcSCQMGAgE3ATcCBgMJEgeTBwMDAQSJATcBNwIGAwkSB5MHAwMBBAL+yQE3AgQBAwMHkwcSCQMGAv7J/skCBgMJEgeTBwMDAQQCATf+yQIEAQMDB5MHEgkDBgAAAQBAAFMDrQMtAB0AACUBNjQnASYiBwYUHwEhIgYVFBYzIQcOARUUFhcWMgJtAUATE/7AEjYSExPS/ZsbJSUbAmXSCgkJChI2UwFAEjYSAUATExI2EtMlGxsl0wkYDAwYCRMAAAEAUwBTA8ADLQAdAAAlASY0NwE2MhcWFA8BITIWFRQGIyEXHgEVFAYHBiIBk/7AExMBQBI2EhMT0gJlGyUlG/2b0goJCQoSNlMBQBI2EgFAExMSNhLTJRsbJdMJGAwMGAkTAAADAAD/wAQAA8AAGwA3AD0AAAE0Jy4BJyYjIgcOAQcGFRQXHgEXFjMyNz4BNzYlNDc+ATc2MzIXHgEXFhUUBw4BBwYjIicuAScmNwcJAScHBAAoKIteXWpqXV6LKCgoKIteXWpqXV6LKCj8YCEgcUxMVlZMTHEgISEgcUxMVlZMTHEgId1aAR0BHVrDAcBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpWTExxICEhIHFMTFZWTExxICEhIHFMTPNa/uIBHlrCAAAAAAIAAACCBAADDgAzAD8AAAEVMw4BIyInLgEnJjU0Nz4BNzYzMhYXNy4BIyIHDgEHBhUUFx4BFxYzMjc+ATc2NTQmJyElIzUjFSMVMxUzNTMBRrkGUmEqJSQ3EBAQEDckJSovQBNYK21CRDs7WRkaGhlZOztERjo6UhYXAwP+zQK6YGBgYGBgAfdwJGkQETcmJSsrJSY3ERAhEVUoLRoZWTs7REQ7O1kZGhgXVTo7RhAZDQlgYGBgYAABAQD/wAMAA8AAFwAAATM1IyIHDgEHBh0BIxUzETMRMzcjNTQ2AmCgoC4pKT0REoCAwKAgwBMDAMASET0pKS5gwP4AAgDAYA0TAAAAAQAAAAAEAANAAE8AAAEOAQc+ATcOAQcuASMiBw4BBwYVFBYXJicuAScmJw4BFRQWFy4BJxwBFRQWFw4BIyImJx4BFw4BIyImJxYXHgEXFjMyNz4BNzY1NCY1PgE3BAAcPSAhMAwfQyQcUC0rJyY5EBEDAkE9Pm4wMCcNDzMqGTEVYUgNHA8KEwoUa0U2hUoNGQwjJiZRKysskW9wmCcnAR81FQLeDREDEzwlEhoHHiQQETkmJiwMGAwDERE5JycwFzYdNlwdAQ4MAQEBTHQOBAMCAT5SAiowAgEWEhEYBwY2N6xqa2gHDQcWNyAAAAAAAgAAAFgEAAMoAEMARwAAATAmJy4BJyYnLgEjIjkBMCMiBgcGBw4BBw4BMTAGHQEUFjEwFhceARcWFx4BFzIxMDMyNjc2Nz4BNz4BMTA2PQE0JjEBEQ0BA/YSFx07DzU/P2skJCQkaz8/NQ87HRcSCgoSFx1DER86OnMrKyQkaz8/Ng86HRcSCgr9oAEV/usCjU4XHwsCBAICAgICAgQCCx8XTmg+Tj5nTxcfCgMDAgICAQMCAgQBCx8XT2c+Tj5o/q4BIJCQAAAEAAD/wAQAA8AADwATAB8AMwAAASEiBhURFBYzITI2NRE0JgEjETMnIiY1NDYzMhYVFAYBIxE0JiMiBhURIxEzFT4BMzIWFQOg/MAoODgoA0AoODj9uICAQBslJRsbJSUB5YAlGxslgIAUOiI8VAPAOCj8wCg4OCgDQCg4/MABwEAlGxslJRsbJf4AAQAbJSUb/wABwE8bNF5CAAABAAAAAQAAYByL9V8PPPUACwQAAAAAANZbSe8AAAAA1ltJ7wAA/8AEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAPBAAAAAAAAAAAAAAAAgAAAAQAAAAEAABABAAAAgQAAEAEAABTBAAAAAQAAAAEAAEABAAAAAQAAAAEAAAAAAAAAAAKABQAHgCIAKIBGAFKAXwB4AI8AmIC2gM+A4wAAQAAAA8AVAAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvFZpcGVySWNvbgBWAGkAcABlAHIASQBjAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFZpcGVySWNvbgBWAGkAcABlAHIASQBjAG8AblZpcGVySWNvbgBWAGkAcABlAHIASQBjAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAclZpcGVySWNvbgBWAGkAcABlAHIASQBjAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=') format('truetype');
  font-weight: normal;
  font-style: normal;
}

[class^="i-"], [class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ViperIcon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-search:before {
  content: "\e986";
}
.i-menu:before {
  content: "\e9bd";
}
.i-cross:before {
  content: "\ea0f";
}
.i-arrow-right2:before {
  content: "\ea3c";
}
.i-arrow-left2:before {
  content: "\ea40";
}
.i-circle-down:before {
  content: "\ea43";
}
.i-google-plus:before {
  content: "\ea8b";
}
.i-facebook:before {
  content: "\ea90";
}
.i-twitter:before {
  content: "\ea96";
}
.i-youtube:before {
  content: "\ea9d";
}
.i-linkedin:before {
  content: "\eac9";
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*#region  g-sectionS  */
.g-section {
	clear: both;
	padding: 0;
	margin: 0;
	margin: 0 auto;
	max-width: 85.375em; /*1366px*/
	/*overflow: hidden; BREAKS IG*/ 
}

	/*  COLUMN SETUP  */
	.g-section > [class^=c-] {
		display: block;
		float: left;
		margin: 1% 0 1% 0;
		padding: 1em;
	}

		.g-section > [class^=c-]:first-child {
			margin-left: 0;
		}



[class^=c-] .g-section {
	margin: -1em;
}

/*  g-sectionING  */
.g-section:before,
.g-section:after {
	content: "";
	display: table;
}

.g-section:after {
	clear: both;
}
/*#endregion*/

[class^=c-] {
	width: 100%;
}


/*#region push*/
/*.push-1 {
		width: 100%;
	}*/

.push-11 {
	margin-left: 93.13% !important;
}

.push-10 {
	margin-left: 86.26% !important; /*84.66 + 1.6 = 86.26%*/
}

.push-9 {
	margin-left: 76.2% !important;
}

.push-8 {
	margin-left: 67.73% !important;
}

.push-7 {
	margin-left: 59.26% !important;
}

.push-6 {
	margin-left: 50.8% !important;
}

.push-5 {
	margin-left: 42.33% !important;
}

.push-4 {
	margin-left: 33.86% !important;
}

.push-3 {
	margin-left: 25.4% !important;
}

.push-2 {
	margin-left: 16.93% !important;
}

.push-1 {
	margin-left: 8.466% !important;
}
/*#endregion */


/*#region MQ */
/* em calculation | {px (desired pixel width)} / {font-size (in pixels) = Desired EM */

/* phone (portrait) = most phone portrait is < 400 */
@media (min-width: 30em) { /* (480px / 16 = 0.0625 = 6.25em) */
}


/* phones and down (phone landscape is now roughly < 670px) */
@media (max-width: 41.875em) {
	/*#region Hide (small) */
	.h-s {
		display: none;
	}
	/*#endregion */
}
@media (min-width: 41.875em) { /* (670px 15 = 41.875em) (670px 16 = 41.875em) */
	/*#region  small  */
	.c-s-12 {
		width: 100%;
	}

	.c-s-11 {
		width: 91.53%;
	}

	.c-s-10 {
		width: 83.06%;
	}

	.c-s-9 {
		width: 74.6%;
	}

	.c-s-8 {
		width: 66.13%;
	}

	.c-s-7 {
		width: 57.66%;
	}

	.c-s-6 {
		width: 49.2%;
	}

	.c-s-5 {
		width: 40.73%;
	}

	.c-s-4 {
		width: 32.26%;
	}

	.c-s-3 {
		width: 23.8%;
	}

	.c-s-2 {
		width: 15.33%;
	}

	.c-s-1 {
		width: 6.866%;
	}
	/*#endregion */
}


/* standard 768 */
@media (min-width: 48em) { /* (768px / 15 = 51.2em) (768 / 16 = 48em) */

}


/* laptop */
@media (max-width: 61.1875em) {
	/*#region Hide (medium) */
	.h-m {
		display: none;
	}
	/*#endregion */
}

@media (min-width: 61.1875em) { /* (917.8125px / 15 = 61.1875em) (979px 16 = 61.1875em) */
	/*#region  medium  */
	.c-m-12 {
		width: 100%;
	}

	.c-m-11 {
		width: 91.53%;
	}

	.c-m-10 {
		width: 83.06%;
	}

	.c-m-9 {
		width: 74.6%;
	}

	.c-m-8 {
		width: 66.13%;
	}

	.c-m-7 {
		width: 57.66%;
	}

	.c-m-6 {
		width: 49.2%;
	}

	.c-m-5 {
		width: 40.73%;
	}

	.c-m-4 {
		width: 32.26%;
	}

	.c-m-3 {
		width: 23.8%;
	}

	.c-m-2 {
		width: 15.33%;
	}

	.c-m-1 {
		width: 6.866%;
	}
	/*#endregion */
}


/* Medium desktop */
@media (min-width: 75em) { /* (1200px 16 = 75em) */

	/*#region Hide (large) */
	.h-l {
		display: none;
	}
	/*#endregion */


	/*#region  large  */
	.c-l-12 {
		width: 100%;
	}

	.c-l-11 {
		width: 91.53%;
	}

	.c-l-10 {
		width: 83.06%;
	}

	.c-l-9 {
		width: 74.6%;
	}

	.c-l-8 {
		width: 66.13%;
	}

	.c-l-7 {
		width: 57.66%;
	}

	.c-l-6 {
		width: 49.2%;
	}

	.c-l-5 {
		width: 40.73%;
	}

	.c-l-4 {
		width: 32.26%;
	}

	.c-l-3 {
		width: 23.8%;
	}

	.c-l-2 {
		width: 15.33%;
	}

	.c-l-1 {
		width: 6.866%;
	}
	/*#endregion */

}

/* Large desktop */
@media (min-width: 85.375em) { /* 1366px */
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 48em) and (max-width: 61.1875em) { /* (768px 16 = 48em) */ /* (979px 16 = 61.1875em) */
}

/* Landscape phone to portrait tablet */
@media (min-width: 48em) { /* (767px / 16 = 47.9375em) switched this to 48em because I found that nothing was happening at 767px */
}

/*#endregion */




/*#region mq boiler */


/* phone (portrait) = most phone portrait is < 400 */
@media (min-width: 30em) { /* (480px / 16 = 0.0625 = 6.25em) */
}

/* phones and down (phone landscape is now roughly < 670px) */
@media (min-width: 41.875em) { /* (670px 15 = 41.875em) (670px 16 = 41.875em) */

}

/* standard 768 */
@media (min-width: 48em) { /* (768px / 15 = 51.2em) (768 / 16 = 48em) */

}


/* desktop */
@media (min-width: 61.1875em) { /* (917.8125px / 15 = 61.1875em) (979px 16 = 61.1875em) */

}

/* Medium desktop */
@media (min-width: 75em) { /* (1200px 16 = 75em) */
}

/* Large desktop */
@media (min-width: 85.375em) { /* 1366px */
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 48em) and (max-width: 61.1875em) { /* (768px 16 = 48em) */ /* (979px 16 = 61.1875em) */
}

/* Landscape phone to portrait tablet */
@media (min-width: 48em) { /* (767px / 16 = 47.9375em) switched this to 48em because I found that nothing was happening at 767px */
}

/*#endregion */


/*#region Layout*/
*, *:before, *:after {
	box-sizing: border-box;
}

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*font-size: 16px;*/
	vertical-align: baseline;
	background: rgba(255,255,255,0);
}

body {
	font: 1em/1.5 'Khula', sans-serif;
}

input, textarea {
	font-family: inherit;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body, html {
	color: #444;
	height: 100%;
	margin: 0;
	width: 100%;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1, h2, h3 {
	font-weight: normal;
}

h1 {
	font-size: 1.375em; /*22px*/
}

h2 {
	font-size: 1.25em; /*20px;*/
}

h3 {
	font-size: 1.125em; /*18px;*/
}

h4 {
	font-size: 1em; /*16px*/
}

h5 {
	font-size: .87em; /*14px*/
}

h6 {
	font-size: .75em; /*12px*/
}

iframe {
	border: 3px solid #d2691e !important;
	max-width: 100%;
}

ol, ul {
	list-style-position: inside;
	text-align: left;
}

	ul.disc {
		list-style-type: disc;
	}

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 2em 1em 3em;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}

	blockquote:before {
		color: #ccc;
		content: open-quote;
		font-size: 4em;
		line-height: 0.1em;
		margin-right: 0.25em;
		vertical-align: -0.4em;
	}

	blockquote p {
		display: inline;
	}

/*#region Spacing ----------------------------------------------------------------------------------------------------*/
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 1.25em; /*20px*/
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 5px;
	text-transform: uppercase;
	font: "Lato", sans-serif;
	color: #444;
}

a {
	color: #044b98;
	line-height: 34px;
}

/*#endregion*/
/*#endregion*/


/*#region Masthead*/

#Masthead,
#Masthead > nav,
#Masthead > nav > ul,
#Masthead > nav > ul > li {
}


#Masthead {
	transition: all .5s ease;
}

	#Masthead > nav {
		margin: 0 auto;
		max-width: calc(1366px + 1em);
		min-height: 4em;
		padding: 0 1em;
		position: relative;
		transition: all .5s ease;
	}

		#Masthead > nav > ul {
			display: none;
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: right;
			width: 100%;
		}

			#Masthead > nav > ul > li {
				display: inline-block;
				padding: 0 .5em;
			}

				#Masthead > nav > ul > li > a {
					color: #000;
					font-size: .9em;
					line-height: 4.3em;
					opacity: 1;
					text-decoration: none;
					white-space: nowrap;
				}

		#Masthead > nav > i.i-search {
			position: absolute;
			right: 0%;
			color: #f2f2f2;
			top: 0;
			margin: 1em .85em;
			font-size: 1.375em;
		}

	/*#region .splash */
	#Masthead.splash {
		background-color: rgba(255,255,255,0);
		height: 5em;
		position: absolute;
		width: 100%;
		z-index: 1;
	}

	#Masthead ul li {
		text-align: left;
		white-space: nowrap;
	}

	#Masthead > nav > ul > li > a {
		color: #f5f5f5;
		font-size: .8em;
		letter-spacing: 5px;
		line-height: 7em;
		opacity: 1;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: 0 0 2px #020202;
		font-weight: bold;
	}

		#Masthead > nav > ul > li > a:hover {
			color: #d2691e !important;
			text-decoration: underline;
		}

	#Masthead.splash > nav > ul > li > a > i {
		letter-spacing: normal;
	}

	#Masthead.splash > nav > ul > li:last-of-type {
		padding-right: 0;
	}

/*#endregion*/

#PrimaryNav {
}

	#PrimaryNav > li {
		height: 4em;
		position: relative;
		vertical-align: top;
	}

		#PrimaryNav > li:last-of-type {
			margin-right: 4em;
		}

		#PrimaryNav > li > ul.tier2 {
			background-color: inherit;
			box-shadow: none;
			list-style-type: none;
			min-width: initial;
			max-height: initial;
			position: initial;
			padding: 0 1em;
			overflow: hidden;
			top: auto;
			z-index: 0;
		}

			#PrimaryNav > li > ul.tier2 > li {
				color: #444;
				/*margin: 0 1em;
				padding: 0 1em;*/
			}

				#PrimaryNav > li > ul.tier2 > li:hover {
					background-color: #d2691e;
					color: #fff;
				}

					#PrimaryNav > li > ul.tier2 > li:hover > a {
						color: #fff;
						padding-left: .8em;
					}

				#PrimaryNav > li > ul.tier2 > li:first-child {
					border-top: 1px solid #d2691e;
				}

nav.active > i {
	display: none;
}

nav.active .i-cross {
	position: absolute;
	/*margin: 1em 0;*/
	font-size: 1.5em;
	color: #f0f0f0;
	top: -2.6em;
}




#Masthead .tier2 a {
	color: #fff;
	display: block;
	font-size: .9em;
	text-decoration: none;
}

#PrimaryNav > li:hover {
	/*border-top: 4px solid #d2691e;*/
}

	#PrimaryNav > li:hover > ul.tier2 {
		/*display: block;*/
		left: 0px;
		position: relative;
		text-align: left;
	}

#Masthead.f-t {
	background-color: #fff;
	box-shadow: 0 1px 80px 0 #ccc;
	color: #000;
	opacity: .9;
	position: fixed;
	width: 100%;
	z-index: 1;
}

#Logo {
	/*../img/logo_vci.png*/
	background-size: 100%;
	background-repeat: no-repeat;
	max-width: 12em;
	width: 40%;
	width: 50%;
	/*width: 75%;
		top: 14%;
		left: 4%;
		height: 70%;*/
	/*width: 35%;
		top: 26%;
		left: 32%;
		height: 70%;*/
	position: absolute;
	transition: all .5s ease; /*cubic-bezier(.17,.67,.83,.67)*/
	z-index: 1;
}

	/*#Logo.page-load {
		height: 20%;
		left: 15%;
		opacity: 1;
		top: 0%;
		width: 10%;
	}*/

	#Logo.small {
		left: 3%;
		top: .6em;
		margin-top: 0.09em;
		height: 3em;
	}

#Masthead.f-t > #Logo {
	height: 2.8em;
}

#Masthead.f-t > nav .i-menu {
	color: #444;
}

#Masthead.f-t > nav > i.i-search {
	color: #444;
}

nav li {
	/*transition: all .1s ease-in-out;*/
}

	nav li:hover,
	.i-search:hover {
		transform: scale(1.1);
	}

/*#ContactLinks li {
	transition: all .1s ease-in-out;
}*/

#ContactLinks li:hover {
	transform: scale(2);
}

#Masthead > nav .i-menu {
	position: absolute;
	bottom: 0%;
	color: #f2f2f2;
	font-size: 2em;
	right: 1.5em;
	margin: .5em;
}


/*#region nav.active */

#Masthead > nav.active {
	display: block;
	background-color: #020202;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1;
	text-align: left;
	padding: 1em;
	top: 0;
	left: 0;
	opacity: .9;
}

	#Masthead > nav.active #PrimaryNav {
		display: block;
	}

		#Masthead > nav.active #PrimaryNav > li:first-child {
			margin-top: 4em;
		}

		#Masthead > nav.active #PrimaryNav > li {
			display: block;
			padding-left: 0;
			height: 2.266666666666667em;
		}

nav.active li:hover {
	transform: scale(1);
}

nav.active .tier2 li:hover {
	transform: scale(1.1);
}

/*nav.active > ul#PrimaryNav > li > a {
	color: #fff;
}*/

/*#PrimaryNav > li > ul.tier2 {
	background-color: inherit;
	box-shadow: none;
	display: block;
	list-style-type: none;
	min-width: initial;
	max-height: initial;
	position: initial;
	padding: 0;
	overflow: hidden;
	top: auto;
	z-index: 0;
}*/

nav.active > ul#PrimaryNav > li > i[class^=i-circle] {
	color: #f0f0f0;
	display: block;
	position: absolute;
	right: 1.5em;
	top: .45em;
}


#Masthead > nav.active > ul > li > a {
	line-height: normal;
}

nav.active #ContactLinks {
	bottom: 5em;
	display: block;
	height: 5em;
	margin-left: -2em;
	position: absolute;
	text-align: center;
}

	nav.active #ContactLinks li {
		/*border: 1px dotted #333;*/
		font-size: 2em;
	}

		nav.active #ContactLinks li:first-child {
			display: none;
		}

/*#endregion*/
/*#endregion*/


/*#region Parallax*/
.bgimg-1,
.bgimg-2,
.bgimg-3,
.bgimg-4,
.bgimg-5 {
	/*position: relative;*/
	opacity: 1;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bgimg-1 {
	min-height: 100%;
}

.bgimg-2,
.bgimg-3,
.bgimg-4 {
	/*min-height: 400px;*/
}
/*#endregion*/


/*#region sections */
section {
	position: relative;
}

	section > div {
		/*background-color: #fff;
		text-align: center;
		padding: 1em;
		text-align: justify;*/
	}

		section > div > h1 {
		}

		section > div > p {
			/*color: #777;*/
		}


[class^=bgimg] + div {
	position: relative;
}

	[class^=bgimg] + div > div {
		background-color: #fff;
		text-align: center;
		padding: 1em 1em;
		text-align: left;
	}

		[class^=bgimg] + div > div p {
			color: #555;
		}

/*#endregion */


/*#region Hovers*/
.lb-hov {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
}

	.lb-hov .overlay {
		position: absolute;
		overflow: hidden;
		width: 80%;
		height: 80%;
		left: 10%;
		top: 10%;
		border-bottom: 1px solid #FFF;
		border-top: 1px solid #FFF;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(0,1);
		-ms-transform: scale(0,1);
		transform: scale(0,1);
	}

	.lb-hov:hover .overlay {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.lb-hov img {
		display: block;
		position: relative;
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
	}

	.lb-hov:hover img {
		filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
		filter: brightness(0.6);
		-webkit-filter: brightness(0.6);
		transform: scale(1.1);
	}

	.lb-hov h2 {
		text-transform: uppercase;
		text-align: center;
		position: relative;
		font-size: 2em;
		background-color: rgba(255,255,255,0);
		color: #FFF;
		padding: 2em 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}

	.lb-hov a, lb-hov p {
		color: #FFF;
		padding: 1em 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	.lb-hov:hover a, .lb-hov:hover p, .lb-hov:hover h2 {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
/*#endregion*/


/*#region Forms*/
#Contact form {
	opacity: .9;
	text-align: left;
}

	#Contact form p {
		padding-top: 0;
		margin-top: 0;
	}

input[type=email],
input[type=text],
textarea {
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid #d2691e;
	color: #020202;
	display: inline-block;
	font-size: .8em;
	height: 2em;
	margin: .5em auto;
	width: 96%;
	/* text-shadow: 0 0 2px #f2f2f2; */
	font-weight: normal;
	padding: .5em;
	border-radius: .2em;
}

textarea {
	min-height: 5em;
}

a.lnk-btn,
form > button,
input[type=submit],
.lnk-well {
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	background-color: transparent;
	color: #5472D2;
	border: 1px solid transparent;
	box-sizing: border-box;
	word-wrap: break-word;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	top: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	line-height: normal;
	font-size: 1em;
	padding: 14px 20px;
	/*background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
	background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);*/
	background-repeat: repeat-x;
	background-size: 200%;
	background-position: 0 -100%;
	background-color: #fff;
	color: #444;
	border-radius: 2em;
	border: 1px solid #ddd;
	/*box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.3);*/
	/*/*font-family: 'Megrim';*/ */ text-decoration: none;
	color: #d2691e;
}

	a.lnk-btn:hover,
	form > button:hover,
	input[type=submit]:hover {
		border: 4px solid #d2691e;
		color: #d2691e;
		font-weight: bold;
	}

	.lnk-well > a {
		border: 0;
		transform: none;
		transition: none;
		text-decoration: none;
	}

		.lnk-well > a:hover {
			border: 0;
		}

		.lnk-well > a + a {
			padding-left: 0;
		}

			.lnk-well > a + a:before {
				content: '|';
				color: #ddd;
				margin-right: 1em;
			}

#FormValidationSummary {
	transition: visibility 5s ease;
}

.error {
	border-bottom: 2px solid red !important;
}

[type=submit].error {
	border: 1px solid #efefef;
	color: #eee;
}
/*#endregion*/


/*#region Sliders*/
/*../img/ajax-loader.gif*/
/*.slick-loading .slick-list {
    background: #fff url('data:image/gif;base64,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') center center no-repeat; 
}*/

.primary-slider {
	box-shadow: 0px 3px 7px #222;
	height: 240px;
	text-align: center;
}

.slick-slide img {
	margin: 0 auto;
}

[class^=pn-] {
	background-color: rgba(0, 0, 0, 0);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
	height: 800px;
	/*opacity: 0;*/
	width: 100%;
}

.co-logo-slider {
	height: 5em;
	padding-left: 1em;
	width: 100%;
}

.co-logo {
	float: left;
	height: 5em;
	width: 16.6%;
}



.slick-arrow {
	z-index: 1;
	color: #444;
	position: absolute;
	text-shadow: 0px 0px 12px #aaa;
	font-size: 2em;
	top: 50%;
}

	.slick-arrow > i {
		padding: 100% 0;
		opacity: 1;
		display: block;
	}

.slick-arrow-wrap-left.slick-arrow {
	left: 2%;
}

.slick-arrow-wrap-right.slick-arrow {
	right: 2%;
	top: 50%;
}

.slick-list,
.slick-track,
.slick-slide {
	height: inherit;
}

.slick-dots {
	position: absolute;
	display: inline-block;
	bottom: 0;
	margin: 0 0 1em -2.6em;
}

	.slick-dots > li {
		float: left;
		margin: 0;
		padding: 0;
	}

		.slick-dots > li + li {
			margin-left: 1em;
		}

		.slick-dots > li > button {
			border: 0 solid #020202;
			margin: 0;
			background-color: #777;
			border-radius: 1em;
			color: transparent;
			font-size: .75em;
			padding: 0;
			width: 2em;
			opacity: .8;
			/*box-shadow: 0px 0px 5px #020202;*/
		}

			.slick-dots > li > button:hover {
				background-color: #999;
				cursor: pointer;
			}

		.slick-dots > li.slick-active > button {
			background-color: #d2691e;
		}

.co-logo-slider .slick-dots {
	left: 50%;
}
/*#endregion*/


/*#region Accordion*/
/*#region standard */
.acc-wrap {
	width: 80%;
	margin: 10px auto 30px auto;
}

/*.acc-panel:first-child {
	border-top: 1px dotted #ccc;
}*/

.acc-panel {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-bottom: none;
	margin: 0;
}

	.acc-panel h5 {
		display: block;
		font-size: 15px;
		line-height: 20px;
		margin: 0;
		padding: 10px 10px 10px 0;
		border-bottom: 1px dotted #ccc;
	}

		.acc-panel h5:hover {
		}

		.acc-panel h5 span {
			float: left;
			margin-right: 10px;
			width: 20px;
			height: 20px;
			background-image: url("../../../Areas/p2/Content/img/icons-small.png");
			background-repeat: no-repeat;
			background-position: -16px -16px;
		}

	.acc-panel.acc-panel-open h5 span {
		background-position: -88px -16px !important;
	}

	.acc-panel.acc-panel-open .acc-content {
		display: block;
	}


.acc-panel-inactive .acc-content, .acc-content {
	display: none;
	border-bottom: 1px dotted rgb(204, 204, 204);
	padding-bottom: 2em;
	/*-moz-transition: height 0.35s ease 0s;
		-o-transition: height 0.35s ease 0s;
		-webkit-transition: height 0.35s ease 0s;
		transition: height 0.35s ease 0s;
		visibility: hidden;*/
}
/*#endregion*/

/*#region nav acc */

#Masthead > nav.active #PrimaryNav > li.open {
	height: auto;
}

.acc-ul > li.open > .i-circle-down {
	transform: scale(-1);
}

.acc-ul > li > .tier2 {
	display: none;
}

.acc-ul > li.open > .tier2 {
	display: block;
}
/*#endregion*/
/*#endregion*/


/*#region Overlays */

.lb-overlay,
.i-cross {
	display: none;
}

	.lb-overlay.active { /* [class$=-overlay] */
		display: block;
		background-color: #fff;
		color: #777;
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 1;
		text-align: left;
		top: 0;
		left: 0;
		/*opacity: .9;*/
		/* text-shadow: 0 0 2px #000; */
		transition: opacity 5s ease-in-out;
	}

		.lb-overlay.active [class^=i-],
		.lb-overlay.active a {
			position: absolute;
			margin: 1em;
		}

		.lb-overlay.active a {
			color: #444;
			text-decoration: none;
			margin-top: .6em;
			left: 1.3em;
		}

			.lb-overlay.active a:hover {
				cursor: pointer;
				/*margin: .5em -.5em 0 .75em !important;*/
			}

/*.lb-overlay.active i {
			margin: .5em -.5em 0 .75em !important;
		}*/

.lb-description {
	/*margin: 0 auto;
	max-width: 75em;
	min-height: 30%;*/
}

	.lb-description h2,
	.lb-description p,
	.lb-description div {
		color: #444;
		padding: 1em;
	}

	.lb-description h2 {
		margin-top: 1em;
	}

	.lb-description img {
		margin: 0 auto;
		/*width: 96%;*/
		height: 70vh;
		width: 100%;
		display: block;
		/*border: 1px solid #020202;
		box-shadow: 0px 0px 10px #d2691e;*/
		border: 1px solid #444;
		box-shadow: 0px 5px 10px #222;
		margin-bottom: 2em;
	}

	.lb-description p + span {
		display: none;
	}

.lb-overlay.active .lb-description p + i {
	display: none;
}
/*.loading-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 3;
}*/

.loading-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 3;
	background-color: #f2f2f2;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
	transition: opacity 5s ease-in-out;
}

.primary-slider .overlay {
	/*max-height: 800px;*/
	z-index: 1;
}

.active .i-cross {
	display: block;
}

.active #PrimaryNav > li > a:hover + .i-circle-down {
	display: none;
}

.active #PrimaryNav > li:first-child:hover .i-circle-down {
	color: #d2691e;
}

body > header.active + div i {
	display: none;
}

.ig,
.ig [class^=c-] {
	margin: 0;
	padding: 0;
}

	.ig .lb {
		margin-bottom: 0;
	}



/*#region Search Overlay*/
#SearchOverlay {
	display: none;
	background-color: #020203;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1;
	text-align: left;
	padding-left: 1em;
	top: 0;
	left: 0;
	opacity: .9;
    overflow-y: scroll;
}

	#SearchOverlay h3 {
		color: #fff;
		font-size: .8em;
		margin-top: 1.85em;
	}

	#SearchOverlay input {
		background-color: #000;
		border: 0;
		border-bottom: 2px solid #d2691e;
		color: #fff;
		display: inline-block;
		font-size: 1.5em;
		height: 3em;
		margin: 2em auto;
		width: 96%;
		text-shadow: 0 0 2px #000;
	}

	#SearchOverlay a {
		display: none;
		position: relative;
	}

	#SearchOverlay.active {
		display: block;
	}

		#SearchOverlay.active .i-cross {
			color: #f7f7f7;
			display: block;
			margin: .9em;
			position: absolute;
			right: 0;
			top: 0;
			font-size: 1.5em;
		}

		#SearchOverlay.active a {
			color: #f2f2f2;
			display: inline-block;
			font-size: 2em;
			height: 3em;
			margin-left: -1.16em;
			text-decoration: none;
			vertical-align: baseline;
		}

		#SearchOverlay.active #SearchResults a {
			font-size: 1.1em;
			height: 1.5em;
			margin-left: 0;
		}

#SearchResults {
	width: 96%;
}

	#SearchResults a {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

	#SearchResults li + li {
		margin-top: 1em;
	}
	/*#endregion */

	#SearchResults li:hover {
		transform: none !important;
	}

/*#endregion */


/*#region SearchWrap */
#SearchWrap {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.97);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}

.cont-close {
	position: fixed;
	display: block;
	width: 40px;
	height: 40px;
	top: 30px;
	right: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*#endregion*/


/*#region Tabs*/
.tabs {
	*zoom: 1;
}

	.tabs:before, .tabs:after {
		display: table;
		content: "";
		line-height: 0;
	}

	.tabs:after {
		clear: both;
	}

	.tabs > ul {
		margin-bottom: 20px;
		*zoom: 1;
	}

		.tabs > ul:before, .tabs > ul:after {
			display: table;
			content: "";
			line-height: 0;
		}

		.tabs > ul:after {
			clear: both;
			display: table;
			content: "";
			line-height: 0;
		}

		.tabs > ul > li {
			border: 0;
			display: block;
			/*float: left;*/
			margin: 5px 0 -1px;
			margin-bottom: -1px;
			margin-top: 5px;
			/*text-align: left;*/
		}

			.tabs > ul > li > a {
				display: block;
				*zoom: 1;
				padding: 0 1em;
				color: #444;
			}

				.tabs > ul > li > a:hover {
					color: #d2691e;
				}

			.tabs > ul > li:last-child > a {
				background-image: none;
			}

			.tabs > ul > li.active {
				box-shadow: 0 3px 7px #777;
				margin: 0;
				margin-top: 1px;
			}

				.tabs > ul > li.active > a {
					color: #d2691e;
				}

					.tabs > ul > li.active > a:hover {
						color: #d2691e !important;
						text-decoration: none;
					}

			.tabs > ul > li > a:before, .tabs > ul > li a:after {
				display: table;
				content: "";
				line-height: 0;
			}

			.tabs > ul > li > a:after {
				clear: both;
			}

[class^=s] > p {
	text-align: left;
}

/*#region hides panels on load and allows us to define an active tab */
.tabs > div {
	display: none;
}

	.tabs > div.active {
		display: block;
	}
/*#endregion*/


/*#region used when we want to add/use icons in the tab-nav */
.tabs-icon {
	background-image: url("../img/icons-semi-large.png");
	background-position: -2000px -2000px;
	background-repeat: no-repeat;
	background-size: 376px 376px;
	display: inline-block;
	height: 56px;
	line-height: 56px;
	vertical-align: top;
	width: 56px;
}

.tab-text {
	display: inline-block;
	vertical-align: middle;
	margin-top: 17px;
	margin-right: 8px;
}

li.two-row-text a span.tab-text {
	margin-top: 12px;
}

.icon-semi-large-knowledge-base {
	background-position: -88px -88px;
}

.sec-tabs {
	margin-top: -1.25em;
}

	.sec-tabs > div {
		padding: 0 !important;
	}

	.sec-tabs .tabs {
		float: none;
		text-align: center;
		display: inline-block;
		width: 100%;
	}
/*#endregion*/


/*@media only screen and (max-width:855px) {
	.tabs > ul li {
		margin-top: 5px;
		width: 32%;
	}

		.tabs > ul li a {
			padding: 5px 10px 5px 10px;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAfCAIAAABCnIs2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiunHjxv///5kYwGAYUQABBgC18QXE3dUk7QAAAABJRU5ErkJggg==');
			background-position: right 0;
			background-repeat: no-repeat;
		}

	div.tabs ul.nav li a {
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}*/ /*../img/tabs-list-border.png*/

/*#endregion*/


/*#region Classes*/
.hide {
	display: none;
}

.mob-hide {
    display: none !important;
}

.fade {
	opacity: 1;
}

.m-top-1 {
	margin-top: 1em;
}

.m-top-2 {
	margin-top: 2em;
}

.m-top-3 {
	margin-top: 3em;
}

.m-left-1 {
	margin-left: 1em;
}

.m-left-2 {
	margin-left: 1em;
}


.m-b-0 {
	margin-bottom: 0;
}

.text-left {
	text-align: center;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: center;
}

.text-bold {
	font-weight: bold;
}


.lnk {
	color: #d2691e;
	font-size: .9em;
	padding: .5em;
	text-decoration: none;
	/*box-shadow: 3px 3px 6px #444;*/
}

	.lnk:hover {
		text-decoration: underline;
	}

.caption {
	padding-top: 4.5em;
	/*position: absolute;
	left: 0;*/
	text-align: center;
	/*top: 0;
	width: 100%;*/
}

	.caption > span,
	.caption nav,
	.caption p {
		/*background-color: #111;*/
		/*font-family: 'Megrim', sans-serif;*/
		font-variant: small-caps;
		color: #fff;
		padding: 18px;
		font-size: 1.6em;
		letter-spacing: 10px;
		text-shadow: 1px 1px 4px #000;
	}

	.caption > span {
		/*border-bottom: 1px solid #999;*/
		/*font-family: 'Megrim';*/
		padding-bottom: 0;
	}

	.caption p {
		font-size: 1.3em;
	}


section > div > .caption {
	min-height: 12em;
}

.bm {
	max-width: 85.375em;
	padding: 1em;
	width: 100%;
}

.no-scroll {
	overflow: hidden;
	position: relative;
}

.trunc {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

/*#region BG's*/
.bg-1,
section > div > .caption {
	background-color: rgba(0,0,0,0);
	background-image: linear-gradient( 0deg, rgba(0,0,0,0) 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, rgba(0,0,0,0) 27%, rgba(0,0,0,0) 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, rgba(0,0,0,0) 77%, rgba(0,0,0,0)), linear-gradient(90deg, rgba(0,0,0,0) 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, rgba(0,0,0,0) 27%, rgba(0,0,0,0) 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, rgba(0,0,0,0) 77%, rgba(0,0,0,0));
	height: 100%;
	background-size: 6px 6px;
	/*background:
		radial-gradient(black 15%, rgba(255,255,255,0) 16%) 0 0,
		radial-gradient(black 15%, rgba(255,255,255,0) 16%) 8px 8px,
		radial-gradient(rgba(255,255,255,.1) 15%, rgba(255,255,255,0) 20%) 0 1px,
		radial-gradient(rgba(255,255,255,.1) 15%, rgba(255,255,255,0) 20%) 8px 9px;
	background-color:#282828;
	background-size:16px 16px;*/
	/*background:
		linear-gradient(27deg, #151515 5px, rgba(255,255,255,0) 5px) 0 5px,
		linear-gradient(207deg, #151515 5px, rgba(255,255,255,0) 5px) 10px 0px,
		linear-gradient(27deg, #222 5px, rgba(255,255,255,0) 5px) 0px 10px,
		linear-gradient(207deg, #222 5px, rgba(255,255,255,0) 5px) 10px 5px,
		linear-gradient(90deg, #1b1b1b 10px, rgba(255,255,255,0) 10px),
		linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, #242424 75%, #242424);
	background-color: #131313;
	background-size: 20px 20px;*/
}

	.bg-1.dark {
		background-color: #222;
	}

/*#Masthead.bg-1 {
	background-color: #222;
	box-shadow: inset 0px -1px 20px #222;
	color: #fff;
}*/

#Masthead.bg01 > nav > ul > li > a {
	color: #fff;
}

.bg-2 {
	/*background:
		linear-gradient(27deg, #151515 5px, rgba(255,255,255,0) 5px) 0 5px,
		linear-gradient(207deg, #151515 5px, rgba(255,255,255,0) 5px) 10px 0px,
		linear-gradient(27deg, #222 5px, rgba(255,255,255,0) 5px) 0px 10px,
		linear-gradient(207deg, #222 5px, rgba(255,255,255,0) 5px) 10px 5px,
		linear-gradient(90deg, #1b1b1b 10px, rgba(255,255,255,0) 10px),
		linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, #242424 75%, #242424);
	background-color: #131313;
	background-size: 20px 20px;*/
}
/*#endregion*/

/*#endregion*/


/*#region MQ */

/*#region Parallax */
/* Turn off parallax scrolling for tablets and phones */
/*@media only screen and (max-device-width: 1024px) {
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: scroll;
	}
}*/
/*#endregion*/


#cubeCarousel {
	height: 24em;
}

.cube-pag {
	margin-top: 8em;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max–moz-device-pixel-ratio: 2) {
	.bg-1 {
		background-size: 8px 8px;
	}
}

/*@media screen and (-webkit-device-pixel-ratio:0.75) {
	.bg-1 {
		background-size: 10px 10px;
	}
}*/

/* phone (portrait) = most phone portrait is < 400 */
@media (min-width: 30em) { /* (480px / 16 = 0.0625 = 6.25em) */
}

/* phones and down (phone landscape is now roughly < 670px) */
@media (min-width: 41.875em) { /* (670px 15 = 41.875em) (670px 16 = 41.875em) */

    .mob-hide {
        display: block !important;
    }

    .lb-hov h2 {
        font-size: .9em;
        padding: 1.5em 0;
    }

	nav.active .i-cross {
		top: -1.75em;
	}

    .primary-slider {
        height: 92vh;
    }

	.slick-arrow {
		font-size: 5em;
		color: #f2f2f2;
	}

		.slick-arrow > i {
			opacity: .1;
		}

		.slick-arrow:hover > i {
			opacity: 1;
		}

	/*.ig,
	.ig [class^=c-] {
		margin: 0;
		padding: 0;
	}*/

	.caption p {
		font-size: 1.4em;
	}

	.tabs > ul {
		border-bottom: 1px solid #ddd;
		/*border: 1px solid #d8d8d8;*/
		box-shadow: inset 0 1px 0 #f8f8f8;
		border-radius: 3px;
		list-style: none;
	}

		.tabs > ul > li {
			display: inline-block;
		}

			.tabs > ul > li.active {
				box-shadow: none;
				margin: 0;
				margin-top: 1px;
				height: 3.05em;
			}

				.tabs > ul > li.active > a {
					background-color: #fff;
					background-image: none;
					border: 1px solid #d8d8d8;
					border-bottom-color: rgba(255,255,255,0);
					margin-bottom: -1px;
					margin-left: -3px;
					margin-top: 2px;
					/*padding: 2px 10px 4px;*/
					padding: 1em;
				}

					.tabs > ul > li.active > a:hover {
						border: 1px solid #d8d8d8;
						border-bottom-color: rgba(255,255,255,0);
						border-color: #D8D8D8 #D8D8D8 rgba(255,255,255,0);
					}

			.tabs > ul > li > a {
				display: block;
				border: 1px solid rgba(255,255,255,0);
				margin: 0;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				background-position: right 0;
				background-repeat: no-repeat;
				*zoom: 1;
				margin-bottom: 2px;
				background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAA+CAIAAACObF2lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABpJREFUeNpiunHjxv///5kYwGCUGvwUQIABALSABgITa7LmAAAAAElFTkSuQmCC') /*../img/tabs-list-sliding-border.png*/;
				line-height: 18px;
				/*margin: 2px 12px 0 8px;*/
				padding: 0 12px 0 8px;
				color: #444;
				font-size: .9em;
			}

	#cubeCarousel {
		height: 32em;
	}

	.cube-pag {
		margin-top: 9em;
	}

	#SearchOverlay h3 {
		color: #fff;
		font-size: initial;
		margin-top: .85em;
	}

	#SearchOverlay input {
		font-size: 2.5em;
	}
}

/* standard 768 */
@media (min-width: 48em) { /* (768px / 15 = 51.2em) (768 / 16 = 48em) */

	#Logo.small {
		/*height: 11%;
		left: 2%;
		top: 1%;
		width: 10%;*/
	}

	#Masthead.splash {
		background-color: rgba(255,255,255,0);
		height: 10em;
		position: absolute;
		width: 100%;
		z-index: 1;
	}

	#Masthead > nav {
		height: 3.75em;
	}

		#Masthead > nav > ul {
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: right;
			width: 100%;
		}

			#Masthead > nav > ul > li {
				display: inline-block;
				padding: 0 .5em;
			}

				#Masthead > nav > ul > li > a {
					color: #000;
					font-size: .9em;
					line-height: 4.3em;
					opacity: 1;
					text-decoration: none;
					white-space: nowrap;
				}

	#Masthead.splash > nav {
		width: 96%;
		max-width: 85.375em;
		/*transition: all .5s ease;*/
	}

		#Masthead.splash > nav > ul#ContactLinks > li:first-of-type {
			color: #f5f5f5;
		}

			#Masthead.splash > nav > ul#ContactLinks > li:first-of-type:hover {
				transform: inherit;
			}

	#Masthead.splash ul#ContactLinks > li > a {
		line-height: 1.2em;
	}

	#Masthead.splash > nav > ul > li > a {
		color: #f5f5f5;
		font-family: 'Khula', sans-serif;
		font-size: .8em;
		letter-spacing: 5px;
		line-height: 7em;
		opacity: 1;
		text-decoration: none;
		text-transform: uppercase;
		text-shadow: 0 0 2px #444;
		font-weight: bold;
	}

	#Masthead > nav > ul#ContactLinks > li {
		margin: 0 0 .1em;
		margin-top: 5px;
	}

		#Masthead > nav > ul#ContactLinks > li:first-of-type {
			font-size: .8em;
			margin-right: 1em;
			margin-top: 0;
		}

	#PrimaryNav > li > ul.tier2 {
		background-color: #f9f9f9;
		/*box-shadow: inset 0px 5px 7px -3px #d2691e;*/
		display: none;
		list-style-type: none;
		/*min-width: 250px;*/
		max-height: inherit;
		position: absolute;
		padding: 0;
		overflow: visible;
		top: 3.9em;
		z-index: 1;
	}

		#PrimaryNav > li > ul.tier2 > li {
			color: #444;
			padding: 0 1em;
		}

	#Masthead .tier2 a {
		color: #444;
		text-decoration: none;
	}

	#PrimaryNav > li > ul.tier2 > li:hover > a {
		color: #fff;
		padding-left: 0;
	}

	#Masthead > nav .i-menu {
		display: none;
	}

	#Masthead > nav > i.i-search {
		position: absolute;
		right: .8em;
		top: .345em;
		font-size: 1em;
	}

	#Masthead.splash > nav > i.i-search {
		color: #fff;
		font-size: 1em;
		margin: 0;
		top: 4.2em;
	}

	#Masthead.f-t {
		background-color: #fff;
		box-shadow: 0 1px 80px 0 #ccc;
		color: #000;
		opacity: .9;
		position: fixed;
		width: 100%;
		z-index: 1;
	}

		#Masthead.f-t > #Logo {
			/*left: 3%;
			top: -0.5em;*/
		}

		#Masthead.f-t > nav > ul > li > a {
			display: inline-block;
			text-transform: none;
			text-shadow: none;
			font-weight: normal;
			letter-spacing: normal;
			margin-top: 0.2em;
		}

		#Masthead.f-t > nav > #PrimaryNav > li > ul.tier2 > li:first-child {
			border-top: 0;
		}

		/* KEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEP HANGING V */
		/*#Masthead.f-t > #Logo {
			background-size: 100%;
			background-repeat: no-repeat;
			position: fixed;
			height: 25%;
			width: 14%;
			top: 3%;
			left: 3%;
		}*/

		/* KEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEP NAV */
		/*#Masthead > nav {
			margin: 0 auto;
			position: relative;
			width: 80%;
		}*/

		#Masthead.f-t #ContactLinks {
			position: absolute;
			top: -200px;
		}

	#PrimaryNav > li:hover > ul.tier2 {
		display: block;
		left: 0px;
		opacity: .8;
		position: absolute;
		text-align: left;
	}

	#Masthead.f-t #PrimaryNav > li:hover > ul.tier2 {
		opacity: .9;
	}

	#Masthead .i-circle-down {
		display: none;
	}

	#Masthead.f-t .i-circle-down {
		font-size: .6em;
		position: relative;
		top: -1px;
	}

	/*#Masthead.splash ul#ContactLinks li {
		font-size: 1.52em;
		padding: 0 .3em;
	}

	#Masthead #PrimaryNav {
		display: none;
	}

	#Masthead > nav {
		height: 5.875em;
	}

	#Masthead.splash > nav > i.i-menu,
	#Masthead.splash > nav > i.i-search {
		bottom: 0%;
		color: #f2f2f2;
	}

	#Masthead.f-t > nav > i.i-menu,
	#Masthead.f-t > nav > i.i-search {
		bottom: 0%;
		color: #444;
	}

	#Masthead.f-t > nav > i.i-menu {
		top: 35%;
	}

	#Masthead > nav .i-menu {
		display: block;
	}

	#Masthead > nav > i.i-search {
		bottom: 2%;
		font-size: 1.5em;
		right: 1.5%;
	}

	#PrimaryNav > li > ul.tier2 {
		background-color: inherit;
		box-shadow: none;
		display: block;
		list-style-type: none;
		min-width: initial;
		max-height: initial;
		position: initial;
		padding: 0;
		overflow: hidden;
		top: auto;
		z-index: 0;
	}

	#PrimaryNav > li:hover > ul.tier2 {
		display: block;
		position: relative;
	}

	#PrimaryNav > li > ul.tier2 > li {
		margin: 0 1em;
	}

	#Masthead.splash > nav.active > ul > li > a {
		line-height: normal;
	}

	#Masthead .tier2 a {
		color: #fff;
	}


	nav #ContactLinks li:hover {
		transform: none;
	}*/

	h1, h2, h3, h4, h5, h6 {
	}

	h1, h2, h3 {
		font-weight: normal;
	}

	h1 {
		font-size: 1.5625em; /*25px*/
	}

	h2 {
		font-size: 1.4375em; /*23px;*/
	}

	h3 {
		font-size: 1.3125em; /*21px;*/
	}

	h4 {
		font-size: 1.1875em; /*19px*/
	}

	h5 {
		font-size: 1.0625em; /*17px*/
	}

	h6 {
		font-size: .9375em; /*15px*/
	}
}


/* desktop */
@media (min-width: 61.1875em) { /* (917.8125px / 15 = 61.1875em) (979px 16 = 61.1875em) */
	#Masthead.splash #Logo.small {
		left: 8%;
		width: 20em;
		top: 2em;
		height: 10em;
		max-width: none;
	}

	#Masthead.f-t > nav > ul > li > a {
		padding: 0 1em;
	}
}

/* Medium desktop */
@media (min-width: 75em) { /* (1200px 16 = 75em) */
	.lb-description img {
		max-width: 70%;
	}

    .lb-hov h2 {
        font-size: 1.8em;
    }
}

/* Large desktop */
@media (min-width: 85.375em) { /* 1366px */
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 48em) and (max-width: 61.1875em) { /* (768px 16 = 48em) */ /* (979px 16 = 61.1875em) */
}

/* Landscape phone to portrait tablet */
@media (min-width: 48em) { /* (767px / 16 = 47.9375em) switched this to 48em because I found that nothing was happening at 767px */
}


@media (max-width: 61.1875em) and (orientation: landscape) {
	.lb-overlay.active [class^=i-],
	.lb-overlay.active a {
		z-index: 4;
	}

	.lb-description {
	}

		.lb-description h2,
		.lb-description p {
			position: fixed;
		}

		.lb-description h2 {
			z-index: 3;
			top: -1.3em;
			left: 4em;
		}

        .lb-description img {
            margin-top: 3em;
            height: 80vh !important;
            width: auto !important;
        }

		.lb-description p {
			height: 3em;
			top: 0;
			padding: 1em 20em;
			color: transparent;
			transition: padding .3s ease-in-out;
		}

	.lb-overlay.active span {
		position: absolute;
		top: .1em;
	}

	.lb-overlay.active > a > i {
		top: -.7em;
		left: -1.5em;
	}

	.lb-overlay.active .lb-description p + span {
		display: block;
		top: -2.8em;
		left: 88%;
	}

	.lb-description.msg-open h2 {
		left: 0;
		top: 1.1em;
		z-index: 3;
		font-size: 1.7em;
	}

	.lb-description.msg-open p {
		background-color: #fff;
		color: #444;
		font-size: 1.5em;
		height: 100%;
		padding: 6em 1em 1em 1.1em;
		overflow: hidden;
		opacity: .93;
		text-align: left;
		width: 100%;
		/*bottom: 8.2em;
		width: 100%;
		background-color: #fff;
		color: #444;
		box-shadow: 0px 1px 10px #444;
		height: 14em;
		padding: 4em 1em 1em 4em;
		overflow: hidden;*/
	}

		.lb-description.msg-open p + i {
			top: 8.2em;
			/*middle - bottom*/
			/*top: 8.5em;
				width: 1em;
				height: 1em;
				left: 46%;*/
		}
}

/*#endregion*/




/*#region Clean Me */

.content-gall {
	min-height: 3em;
	overflow: hidden;
}

/*transition: max-height .5s cubic-bezier(0,1.05,0,1) 0;*/

.lb { /*leverage intrinsic ratios*/
	display: block;
	height: 0;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 ratio */
	overflow: hidden;
	background-color: #333;
	background-repeat: no-repeat;
	color: rgba(255,255,255,0);
	background-size: cover;
	background-position: center center;
	/*display: block;
	height: 100%;
	width: 100%;
	min-width: 12em;
	min-height: 8em;*/
	/*border: 1px solid #222;
    background-color: blue;*/
	box-shadow: 2px 5px 10px #222;
	margin-bottom: 2em;
}

	.lb:hover {
		box-shadow: 1px 3px 6px #000;
	}

    .lb > img, 
    .lb > div:first-of-type {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*section div > p {
	font-size: 1.1em;
}*/

section h2,
section h3,
section p {
	text-align: left;
}

section + section {
	margin-top: 3em;
}


.stroke {
	fill: none;
	stroke: #000;
	stroke-width: 3px;
}

.fill {
	fill: #fff;
}

.graticule {
	fill: none;
	stroke: #777;
	stroke-width: .5px;
	stroke-opacity: .5;
}

.land {
	fill: #222;
}

.boundary {
	fill: none;
	stroke: #fff;
	stroke-width: .5px;
}

h1 {
	margin-left: -.09em;
}

ul,
ol {
	list-style-position: inside;
	text-align: left;
}

.disc {
	list-style-type: disc;
}

.circle {
	list-style-type: circle;
}

.square {
	list-style-type: square;
}

p,
.square {
	font-size: 1.1em;
}
/*#endregion*/



