/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style: none;
}

.content ul {
	list-style: disc;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 2em;
	color: #ccc;
	font-size: 1.2em;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* General Demo Style */

html {
	height: 100%;
}

body {
	background: #202126;
	color: #fff;
	overflow-y: scroll;
	overflow-x: hidden;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
	background-image: url(../images/map.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	line-height: 1.5em;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
	min-height: 100%;
	position: relative;
	letter-spacing: 0.5px;
}


body.about-page {
	background-image: url(../images/lightshade-image-flipped.jpg);
	background-position: left center;
}


body.landing-page,
body.qr-code {
	/*background-image: url(../images/lightshade-image.jpg);*/
	background-image: none;
	max-height: 100vh;
	overflow: hidden;
}

body.home {
	background-image: none;
}

.ie7 body{
	overflow:hidden;
}

a{
	color: #fff;
	text-decoration: none;
}

/* Cursors */
  body {
    cursor: url('../images/cursor_grey.png'), auto;
  }

  	body input[type="button"]:hover,
    body a:hover,
    body button:hover {
      cursor: url('../images/cursor_grey_hover.png'), auto;
    }


	.overlay {
		text-align: center;
		display: none;
		padding-top: 5vh;
		z-index: 5;
	  position: absolute;
  	top: 2vh;
  	width: 100%;
	}

		.qr-code .overlay {
			position: relative;
			display: block;
		}



		.has-overlay .overlay {
			display: block;
		}

	/*
		#page.enter .overlay {
			display: none;
		}
	*/


  .has-overlay .footer-wrap,
  /*.has-overlay .container,*/
  .has-overlay .logo-wrap
		/*.has-overlay .cb-slideshow */ {
    opacity: 0;
    -webkit-animation: none;
            animation: none;
  }

	.has-overlay.enter .footer-wrap,
	.has-overlay.enter .container,
  .has-overlay.enter .logo-wrap {
    opacity: 1;
  }

	/* = Spinner */

	#contact-form #loadspinner {
		display: none;
	}

	#contact-form.show #loadspinner {
		display: block;
	}

	#contact-form.show #delaysubmit {
		display: none;
	}

	.loader {
    width: 80px;
    height: 80px;
    position: relative;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3rem;
  }

  .spinner {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
  }

  .loader img {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 0;
    bottom: 0;
  }

  .spinner.gold {
    border-top: 2px solid #D4AF37;
  }

  .spinner.grey {
    border-top: 2px solid #666;
  }

  .spinner.blue {
    border-top: 2px solid #3498db;
  }

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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



	/* = Logo Animation */

	.overlay svg {
		display: none;
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.start-logo-animation .overlay svg {
		display: block;
	}

		@media only screen and (max-width: 900px) {
			.overlay svg {
				max-width: 150px;
			}
		}


		.overlay svg #pathG,
		.overlay svg #pathS,
		.overlay svg #pathP,
		.overlay svg #pathC {
			opacity: 0;
			transform: scale(0.8);
			transform-origin: center center;
		}

			
		.overlay svg #pathRect {
			stroke-dasharray: 2000;
  		stroke-dashoffset: 2000;
  		animation: dash 2s linear forwards;
		}

		@keyframes dash {
			0% {
				opacity: 0;
			}
			40% {
				opacity: 0.4;
			}
		  100% {
		    stroke-dashoffset: 0;
		    opacity: 1;
		  }
		}


		.start-logo-animation .overlay svg #pathG {
			animation: fadeInFromNone 1s forwards;
		}

		.start-logo-animation .overlay svg #pathS {
			animation: fadeInFromNone 1s forwards;
			animation-delay: 0.4s;
		}

		.start-logo-animation .overlay svg #pathP {
			animation: fadeInFromNone 1s forwards;
			animation-delay: 0.8s;
		}

		.start-logo-animation .overlay svg #pathC {
			animation: fadeInFromNone 1s forwards;
			animation-delay: 1.2s;
		}



@keyframes fadeInFromNone {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    1% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}











.container{
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}

p {
	margin-bottom: 1em;
}

.container p {
	line-height: 1.6em;
}

.container p:last-of-type {
	margin-bottom: 2em;
}

	.container p a {
		color: #aaa;
		text-decoration: underline;
	}

	.container p a:hover {
		color: #fff;
		text-decoration: underline;
	}

/* =Backend Styles */
	.wrap {
		/*display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;*/
		height: 100%;
		min-height: 100%;
	}












	.sidebar {
		width: 96px;
		background-color: #333;
		position: fixed;
		top: 0;
		bottom: 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #292b31), to(#25282f));
		background: -o-linear-gradient(top, #292b31 0, #25282f 100%);
		background: linear-gradient(180deg, #292b31 0, #25282f 100%);
		-webkit-transition: width 1s ease-in-out;
		-o-transition: width 1s ease-in-out;
		transition: width 1s ease-in-out;
		z-index: 8;
	}

	@media screen and (max-width: 812px) {
		.sidebar {
			width: 0;
		}
	}

		.sidebar.show {
			width: 400px;
			max-width: 90%;
		}

			.sidebar .openMenu {
				display: block;
			}

			.sidebar .closeMenu {
				display: none;
			}

			.sidebar.show .openMenu {
				display: none;
			}

			.sidebar.show .closeMenu {
				display: block;
			}

	.sidebar input[type="image"] {
		border: none;
		height: 30px;
		width: 30px;
		position: absolute;
		left: 2rem;
		top: 1rem;
	}

	@media screen and (max-width: 812px) {

		.sidebar input[type="image"] {
			left: 1rem;
			background-color: #292b31;
		}

	}

	.sidebar.show .sidebar input[type="image"] {
		right: 2rem;
	}

	.sidebar .sidebar-menu {
		margin-top: 6rem;
		margin-right: 1rem;
		margin-bottom: 1rem;
		margin-left: 7rem;
		opacity: 0;
		-webkit-transition: opacity 0s;
		-o-transition: opacity 0s;
		transition: opacity 0s;
		-webkit-transition-delay: 0.4s;
		     -o-transition-delay: 0.4s;
		        transition-delay: 0.4s;
		overflow:hidden;
	}

	.sidebar.show .sidebar-menu {
		opacity: 1;
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
		-webkit-transition-delay: 0.5s;
		     -o-transition-delay: 0.5s;
		        transition-delay: 0.5s;

	}

	.sidebar .sidebar-menu li {
		display: block;
	}

	.sidebar .sidebar-menu li a {
		color: #aaa;
		display: block;
		padding: 0.5rem 0.5rem 0.5rem 60px;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 30px 30px;
	}

		.sidebar .sidebar-menu li a.home {
			background-image: url("../images/home.svg");
		}

		.sidebar .sidebar-menu li a.users {
			background-image: url("../images/account.svg");
		}

		.sidebar .sidebar-menu li a.ip-address {
			background-image: url("../images/ip-address.svg");
		}

		.sidebar .sidebar-menu li a.logout {
			background-image: url("../images/key.svg");
		}

		.sidebar .sidebar-menu li a.invoices,
		.sidebar .sidebar-menu li a.pay {
			background-image: url("../images/credit-card.svg");
		}

	.sidebar .sidebar-menu li.active a,
	.sidebar .sidebar-menu li a:hover {
		color: #fff;
	}

		.sidebar .sidebar-menu li.active a.home,
		.sidebar .sidebar-menu li a:hover.home {
			background-image: url("../images/home-hov.svg");
		}

		.sidebar .sidebar-menu li.active a.users,
		.sidebar .sidebar-menu li a:hover.users {
			background-image: url("../images/account-hov.svg");
		}

		.sidebar .sidebar-menu li.active a.ip-address,
		.sidebar .sidebar-menu li a:hover.ip-address {
			background-image: url("../images/ip-address.svg");
		}

		.sidebar .sidebar-menu li.active a.logout,
		.sidebar .sidebar-menu li a:hover.logout {
			background-image: url("../images/key-hov.svg");
		}

		.sidebar .sidebar-menu li.active a.invoices,
		.sidebar .sidebar-menu li a:hover.invoices ,
		.sidebar .sidebar-menu li.active a.pay,
		.sidebar .sidebar-menu li a:hover.pay {
			background-image: url("../images/credit-card-hov.svg");
		}



		.sidebar h1 {
			-webkit-transform: rotate(-90deg);
			-webkit-transform-origin: left bottom;
			-moz-transform: rotate(-90deg);
			-moz-transform-origin: left bottom;
			-ms-transform: rotate(-90deg);
			-ms-transform-origin: left bottom;
			-o-transform: rotate(-90deg);
			-o-transform-origin: left bottom;
			transform: rotate(-90deg);
			transform-origin: left bottom;
			position: absolute;
			bottom: 1rem;
			left: 5rem;
			padding: 0;
			white-space: nowrap;
			margin: 1rem 0 0 0;
			font-size: 4rem;
			line-height: 4rem;
		}


		@media screen and (max-width: 812px) {
			.sidebar h1 {
				display: none;
			}

		}



/* # Navigation */


	.navigation {
		display: block;
		position: absolute;
		z-index: 7;
		top: 0;
		right: 0;
		width: auto;
	}

		.navigation .logo {
			float: left;
			display: none;
		}

	.backend-menu {
		float: right;
		text-align: right;
		width: auto;
		margin-top: 1rem;
		margin-right: 1rem;
		margin-bottom: 1rem;
		margin-left: 1rem;
	}

		.backend-menu li {
			display: inline-block;
			padding: 0.2rem;
		}

		.backend-menu li a {
			color: #aaa;
			display: block;
			padding: 0.4rem 0.5rem 0.4rem 40px;
			background-position: 0.5rem center;
			background-repeat: no-repeat;
			background-size: 20px 20px;
			border-radius: 0.2rem;
		}

			.backend-menu li a.logout {
				background-image: url("../images/key.svg");
			}

			.backend-menu li a.home {
				background-image: url("../images/home.svg");
			}

			.backend-menu li a:hover {
				background-color: #494C56;
				color: #fff;
			}

			.backend-menu li a:hover.logout {
				background-image: url("../images/key-hov.svg");
			}

			.backend-menu li a:hover.home {
				background-image: url("../images/home-hov.svg");
			}



			.demo-page-logo a.logout {
				display: none;
			}




			.demo-page-logo .logo-wrap {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 322px;
				position: relative;
				margin-bottom: 7rem;
			}

			.the_logo img.logo-demo {
					animation-name: pulse_animation;
					animation-duration: 2000ms;
					animation-iteration-count: infinite;
					animation-timing-function: linear;
			}


				.demo-page-logo .pulse3 hr {
					height:0;
				  width: 0;
				  border-bottom: 1px solid #fff;
					margin-bottom: 1rem;
					transform-origin: 0% 0%;
				}

				.demo-page-logo .pulse3 hr.first {
					-webkit-animation: pulse_animation_first 2000ms;
				  -moz-animation:    pulse_animation_first 2000ms;
				  -o-animation:      pulse_animation_first 2000ms;
				  animation:         pulse_animation_first 2000ms;
					animation-fill-mode: forwards;
					animation-iteration-count: infinite;
					animation-timing-function: linear;
					margin-left: 0;
					margin-right: auto;
					width: 0;
				}

				.demo-page-logo .pulse3 hr.second {
					-webkit-animation: pulse_animation_second 2000ms;
					-moz-animation:    pulse_animation_second 2000ms;
					-o-animation:      pulse_animation_second 2000ms;
					animation:         pulse_animation_second 2000ms;
					animation-fill-mode: forwards;
					animation-iteration-count: infinite;
					animation-timing-function: linear;
					margin-right: 0;
					margin-left: auto;
					width: 0;
				}

				/*
				@keyframes pulse_animation {
					0% {
						opacity: 0.5;
					}
					50% {
						opacity: 0.5;
					}
					75% {
						opacity: 1;
					}
					99% {
						opacity: 1;
					}
					100% {
						opacity: 0.5;
					}
				}
				*/

				@keyframes pulse_animation {
					0% {
						opacity: 0.5;
					}
					50% {
						opacity: 0.5;
					}
					75% {
						opacity: 1;
					}
					95% {
						opacity: 1;
					}
					100% {
						opacity: 0.5;
					}
				}


				@keyframes pulse_animation_first {
					0% {
						opacity: 0;
						width: 0;
					}
					25% {
						opacity: 0.5;
						width: 100%;
					}
					99% {
						opacity: 0.5;
						width: 100%;
					}
					100% {
						width: 0%;
						opacity: 0;
					}
				}

				@keyframes pulse_animation_second {
					0% {
						opacity: 0;
					}
					24% {
						opacity: 0;
					}
					25% {
						opacity: 0.5;
						width: 0%;
					}
					50% {
						opacity: 0.5;
						width: 100%;
					}
					99% {
						width: 100%;
						opacity: 0.5;
					}
					100% {
						width: 0%;
						opacity: 0;
					}
				}











	/* # Navigation Shortcuts */

		ul.nav-shortcuts {
			display: block;
			text-align: center;
			vertical-align: top;
			margin-top: 5rem;
			margin-right: auto;
			margin-bottom: 2rem;
			margin-left: auto;
			width: 90%;
			max-width: 900px;
		}

		ul.nav-shortcuts li {
			width: 30%;
			margin-top: 1rem;
			margin-right: 0;
			margin-bottom: 1rem;
			margin-left: 2%;
			padding-top: 4%;
			padding-right: 2%;
			padding-bottom: 2%;
			padding-left: 2%;
			float: left;
			display: block;
			vertical-align: bottom;
			background-color: #292b31;
			border-radius: 0.2rem;
		}

			ul.nav-shortcuts li:hover {
				background-color: #494C56;
				color: #ccc;
			}

		ul.nav-shortcuts li a {
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 70px 70px;
			padding-top: 90px;
			display: block;
			color: #ccc;
			font-size: 1.2rem;
			min-height: 140px;
		}

			ul.nav-shortcuts li.change-password a {
				background-image: url("../images/key.svg");
			}

			ul.nav-shortcuts li.manage-invoices a {
				background-image: url("../images/credit-card.svg");
			}

			ul.nav-shortcuts li.view-users a {
				background-image: url("../images/account.svg");
			}

			ul.nav-shortcuts li.view-invoices a {
				background-image: url("../images/credit-card.svg");
			}

			ul.nav-shortcuts li.manage-account a {
				background-image: url("../images/account.svg");
			}

			ul.nav-shortcuts li.ip-addresses a {
				background-image: url("../images/ip-address.svg");
			}


		ul.nav-shortcuts li a:hover {
			color: #fff;
		}

			ul.nav-shortcuts li.change-password a:hover {
				background-image: url("../images/key-hov.svg");
			}

			ul.nav-shortcuts li.view-invoices a:hover {
				background-image: url("../images/credit-card-hov.svg");
			}

			ul.nav-shortcuts li.view-users a:hover {
				background-image: url("../images/account-hov.svg");
			}

			ul.nav-shortcuts li.manage-invoices a:hover {
				background-image: url("../images/credit-card-hov.svg");
			}

			ul.nav-shortcuts li.manage-account a:hover {
				background-image: url("../images/account-hov.svg");
			}

			ul.nav-shortcuts li.ip-addresses a:hover {
				background-image: url("../images/ip-address-hov.svg");
			}









	/* # Content */


	.backend-content {
		padding-top: 10%;
		padding-right: 2%;
		padding-bottom: 5%;
		padding-left: calc(2% + 120px);
		width: 90%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

@media screen and (max-width: 812px) {
		.backend-content {
			padding-top: 130px;
			padding-left: 2%;
		}

		ul.nav-shortcuts li {
			width: 100%;
			float: none;
			display: block;
		}

}
































	.backend .footer-wrap {
		display: none;
	}

	.backend .content {
		margin-left: 0;
		width: 100%;
		max-width: none;
		padding: 5%;
	}

		.backend .content  h1 {
			padding-top: 0;
		}

		.content p:first-of-type {
	    font-size: 1.2em;
	    line-height: 1.6em;
	    color: #fff;
		}

/*

	.user-table {
		width: 90%;
		max-width: 900px;
		margin: auto;
	}

	.user-table th,
	.user-table td {
		padding: 5px 10px;
	}

	.user-table th {
		font-weight: bold;
	}

	span.capitalize {
		text-transform: capitalize;
	}

	.user-table a {
		color: #40E0D0;
	}

	.user-table a:hover {
		text-decoration: underline;
	}


	.ip_address .user-table {
		margin-bottom: 2em;
	}

	.ip_address .button-1.inline {
		display: inline-block;
		margin-right: 10px;
	}
*/

.clr{
	clear: both;
}

h2 {
	font-size: 1.8rem;
  margin-bottom: 0.5rem;
  display: block;
  line-height: 2.2rem;
  margin-top: 2rem;
}

	@media only screen and (max-width: 700px) {
		h2 {
			font-size: 1.4rem;
			margin-top: 1rem;
		}
	}


.center {
	text-align: center;
}

.container > header{
	padding: 5vh;
	position: relative;
	display: block;
	text-align: center;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{

}
.container > header h2, p.info{
	font-size: 16px;
	font-style: italic;
	color: #f8f8f8;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
/* Header Style */
.codrops-top{
	font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
	line-height: 24px;
	font-size: 11px;
	width: 100%;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.codrops-top a:hover{
	color: #fff;
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: none;
	display: inline;
}

p.codrops-demos{
	display: block;
	padding: 15px 0px;
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #6d0019;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color:#fff;
	border-radius: 5px;
	background: #a90329;
	background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#a90329),color-stop(44%, #8f0222),to(#6d0019));
	background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
}
p.codrops-demos a:hover{
	background: #6d0019;
}
p.codrops-demos a:active{
	background: #6d0019;
	background: -o-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#6d0019),color-stop(56%, #8f0222),to(#a90329));
	background: linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	color: #A5727D;
	background: #6d0019;
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}


.container {
  position: relative;
  z-index: 1;
}

.content {
  width: 90%;
  display: block;
  margin: auto;
  max-width: 900px;
	padding-bottom: 5rem;
}


h1 {
    font-size: 2em;
    text-align: left;
    margin-bottom: 1em;
    margin-left: 0;
		padding-top: 2em;
    font-weight: 400;
    font-family: Kepler Std Light,serif;
		line-height: 1.2em;
}

	h1.center {
		margin-left: auto;
		margin-right: auto;
	}

	@media screen and (min-width: 600px) {
		h1 {
		  font-size: 3em;
  		width: 90%;
  		max-width: 900px;
		}
	}



/* =slideshow animation */

		.cb-slideshow {
		    position: fixed;
		    width: 100%;
		    height: 100%;
		    top: 0px;
		    left: 0px;
		    z-index: 0;
		}

		/* =Slideshow Images */

			.cb-slideshow li span {
			    width: 100%;
			    height: 100%;
			    position: absolute;
			    top: 0px;
			    left: 0px;
			    background-size: cover;
			    background-position: 50% 50%;
			    background-repeat: none;
			    z-index: 0;
			}

			.cb-slideshow li span {
					-webkit-backface-visibility: hidden;
			    -webkit-animation: imageAnimation 24s linear infinite 0s;
			    animation: imageAnimation 24s linear infinite 0s;
			}

			.cb-slideshow li:nth-child(1) span {
				background-image: url(../images/an_international_team_bg_1000px.jpg);
			}

			.cb-slideshow li:nth-child(2) span {
					background-image: url(../images/iStock-108223163-version-1.jpg);
			    -webkit-animation-delay: 8s;
			    animation-delay: 8s;
			}

			.cb-slideshow li:nth-child(3) span {
			    background-image: url(../images/530971081-2048x2048-feet-1.jpg);
			    -webkit-animation-delay: 16s;
			    animation-delay: 16s;
			}

				/* =Slideshow Image Animation */
					@-webkit-keyframes imageAnimation {
						0% {
								opacity: 0;
								-webkit-animation-timing-function: ease-in;
								        animation-timing-function: ease-in;
						}
						10% {
								opacity: 1;
								-webkit-transform: scale(1.05);
								        transform: scale(1.05);
								-webkit-animation-timing-function: ease-out;
								        animation-timing-function: ease-out;
						}
						25% {
								opacity: 1;
								-webkit-transform: scale(1.1);
								        transform: scale(1.1);
						}
						50% {
								opacity: 0;
								-webkit-transform: scale(1.1);
								        transform: scale(1.1);
						}
						100% {
							opacity: 0;
							-webkit-transform: scale(1.1);
							        transform: scale(1.1);
						}
					}

					@keyframes imageAnimation {
						0% {
								opacity: 0;
								-webkit-animation-timing-function: ease-in;
								        animation-timing-function: ease-in;
						}
						10% {
								opacity: 1;
								-webkit-transform: scale(1.05);
								        transform: scale(1.05);
								-webkit-animation-timing-function: ease-out;
								        animation-timing-function: ease-out;
						}
						25% {
								opacity: 1;
								-webkit-transform: scale(1.1);
								        transform: scale(1.1);
						}
						50% {
								opacity: 0;
								-webkit-transform: scale(1.1);
								        transform: scale(1.1);
						}
						100% {
							opacity: 0;
							-webkit-transform: scale(1.1);
							        transform: scale(1.1);
						}
					}




		/* =Slideshow Content */
			.cb-slideshow li div {
			    z-index: 1000;
			    position: absolute;
			    top: 40vh;
			    left: 0px;
			    width: 100%;
			    text-align: center;
			    opacity: 0;
			}

		/*	.enter .cb-slideshow li div {
				-webkit-animation: titleAnimation 24s linear infinite 0s;
				-moz-animation: titleAnimation 24s linear infinite 0s;
				-o-animation: titleAnimation 24s linear infinite 0s;
				-ms-animation: titleAnimation 24s linear infinite 0s;
				animation: titleAnimation 24s linear infinite 0s;
			}
			*/

			.cb-slideshow li div h3 {
				text-align: center;
				font-size: 60px;
				font-weight: 400;
				font-family: Kepler Std Light,serif;
				line-height: 1.3em;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 0.2em;
				color: #fff;
				max-width: 1200px;
				display: block;
			}


			/* Show at least something when animations not supported */
			.no-cssanimations .cb-slideshow li span{
				opacity: 1;
			}
			@media screen and (max-width: 1140px) {
				.cb-slideshow li div h3 { font-size: 100px }
			}
			@media screen and (max-width: 700px) {
				.cb-slideshow li div h3 { font-size: 50px }
			}

			#page .intro-wrap {
				min-height: 170px;
			  text-align: center;
			  font-weight: 400;
			  line-height: 1.3em;
			  margin-left: auto;
			  margin-right: auto;
			  margin-bottom: 0.4em;
				margin-top: 2.5em;
			  color: #fff;
			  max-width: 1200px;
			  display: block;
			  opacity: 0;
				position: relative;
			}

			  #page .intro-wrap {
			    -webkit-animation: toggleAnimation 2s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
			    animation: toggleAnimation 2s;
			    opacity: 1;
			  }

				ul.intro-wrap li {
					z-index: 1000;
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    text-align: center;
			    opacity: 0;
					min-height: 130px;
				}

			ul.intro-wrap li {
					-webkit-animation: titleAnimation 24s linear infinite 0s;
					animation: titleAnimation 24s linear infinite 0s;
					-webkit-animation-delay: 0s;
					        animation-delay: 0s;
				}

				ul.intro-wrap li:nth-child(1) {

				}

				ul.intro-wrap li:nth-child(2) {
				    -webkit-animation-delay: 8s;
				    animation-delay: 8s;
				}

				ul.intro-wrap li:nth-child(3) {
				    -webkit-animation-delay: 16s;
				    animation-delay: 16s;
				}







					ul.intro-wrap h3 {
						text-align: center;
						font-size: 60px;
						font-weight: 400;
						font-family: Kepler Std Light,serif;
						line-height: 1.5em;
						margin-left: auto;
						margin-right: auto;
						margin-bottom: 0.2em;
						color: #fff;
						max-width: 1200px;
						display: block;
					}

					@media only screen and (max-width: 700px) {
						ul.intro-wrap h3 {
							font-size: 40px;
							line-height: 1.2em;
						}

						ul.intro-wrap h4 {
							font-size: 18px;
							line-height: 1.2em;
						}

						#page .intro-wrap {
							min-height: 160px;
							max-width: 94%;
							margin-left: auto;
							margin-right: auto;
						}

					}

					ul.intro-wrap h4 {
						font-size: 24px;
						color: #ccc;
						line-height: 1.4em;
					}




					/*
								.cb-slideshow li:nth-child(1) div {

								}

								.cb-slideshow li:nth-child(2) div {
								    -webkit-animation-delay: 8s;
								    -moz-animation-delay: 8s;
								    -o-animation-delay: 8s;
								    -ms-animation-delay: 8s;
								    animation-delay: 8s;
								}

								.cb-slideshow li:nth-child(3) div {
								    -webkit-animation-delay: 16s;
								    -moz-animation-delay: 16s;
								    -o-animation-delay: 16s;
								    -ms-animation-delay: 16s;
								    animation-delay: 16s;
								}*/

									/* Animation for the title */
										/* @-webkit-keyframes titleAnimation {
										    0% { opacity: 0 }
										    8% { opacity: 1 }
										    17% { opacity: 1 }
										    19% { opacity: 0 }
										    100% { opacity: 0 }
										}
										@-moz-keyframes titleAnimation {
										    0% { opacity: 0 }
										    8% { opacity: 1 }
										    17% { opacity: 1 }
										    19% { opacity: 0 }
										    100% { opacity: 0 }
										}
										@-o-keyframes titleAnimation {
										    0% { opacity: 0 }
										    8% { opacity: 1 }
										    17% { opacity: 1 }
										    19% { opacity: 0 }
										    100% { opacity: 0 }
										}
										@-ms-keyframes titleAnimation {
										    0% { opacity: 0 }
										    8% { opacity: 1 }
										    17% { opacity: 1 }
										    19% { opacity: 0 }
										    100% { opacity: 0 }
										}*/
										@-webkit-keyframes titleAnimation {
										    0% {
													opacity: 0;
												}
										    8% {
													opacity: 1;
												}
										    17% {
													opacity: 1;
												}
										    19% {
													opacity: 0;
												}
										    100% {
													opacity: 0;
												}


										}
										@keyframes titleAnimation {
										    0% {
													opacity: 0;
												}
										    8% {
													opacity: 1;
												}
										    17% {
													opacity: 1;
												}
										    19% {
													opacity: 0;
												}
										    100% {
													opacity: 0;
												}


										}









					@-webkit-keyframes toggleAnimation {
						0% {
						    opacity: 0;
						    -webkit-transform: translateY(400%);
						}
						50% {
						    opacity: 0.5;
						    -webkit-transform: translateY(0%);
						}
						100% {
						    opacity: 1;
						    -webkit-transform: translateY(0%);
						}
					}

					@keyframes toggleAnimation {
						0% {
						    opacity: 0;
						    -webkit-transform: translateY(400%);
						            transform: translateY(400%);
						}
						50% {
					    opacity: 0.5;
					    -webkit-transform: translateY(0%);
					            transform: translateY(0%);
					  }
						100% {
					    opacity: 1;
					    -webkit-transform: translateY(0%);
					            transform: translateY(0%);
					  }
					}






@font-face {
  font-family: 'Kepler Std Light';
  font-style: normal;
  font-weight: normal;
  src: local('Kepler Std Light'), url('fonts/KeplerStdLight.woff') format('woff');
}





@font-face {
  font-family: kepler-std-display;
  src: url("https://use.typekit.net/af/74a78f/00000000000000000001302b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/74a78f/00000000000000000001302b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/74a78f/00000000000000000001302b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-style: normal;
  font-weight: 400;
}

a.toggle {
  margin-top: 1em;
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3em;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  text-align: center;
  border: dotted 1px #333;
}


div.login-link-wrap {
	position: relative;
	z-index: 1;
}

a.show-login {
  margin-top: 10em;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3em;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  text-align: center;
  border: dotted 1px #333;
}

a:hover.show-login {
  color: #000;
  background-color: #fff;
  border: dotted 1px #333;
}






/* =footer */
  .footer-wrap {
  	display: block;
    width: 100%;
		text-align: center;
		background-color: #292b31;
		position: absolute;
		bottom: 0;
		z-index: 10;
}


	.footer-wrap.sub-footer {
		background-color: #373a42;
		position: static;
		padding: 1rem;
	}

	.footer-wrap.sub-footer p {
		width: 40%;
		float: left;
		margin-left: 5%;
		font-size: 0.9rem;
	}


    ul.footer-navigation {
      display: block;
      margin: 0;
      padding: 0.8rem;
			width: 100%;
			text-align: center;
     }

      ul.footer-navigation li {
        list-style: none;
        display: inline-block;
        margin: 0 10px;
      }

        ul.footer-navigation li a {
          padding: 0;
          color: #aaa;
					font-size: 0.9rem;
        }

          ul.footer-navigation li a:hover {
            border-bottom: dotted 1px #fff;
						color: #fff;
          }

    span.established {
      font-size: 0.9em;
    	color: #aaa;
    	padding: 14px 10px 10px 10px;
    	width: 100%;
			text-align: center;
			display: block;
    }

    span.copy {
      font-size: 0.9em;
			color: #aaa;
			padding: 14px 10px 10px 10px;
			width: 100%;
			text-align: center;
			display: block;
    }





/*
		@media only screen and (min-width: 1300px) {

			.footer-wrap {
				display: grid;
    		grid-template-columns: repeat(3, 1fr);
    		gap: 10px;
    		justify-content: center;
			}

				ul.footer-navigation {
					text-align: left;
				}

				span.established {
					text-align: center;
				}

			  span.copy {
			  	text-align: right;
			  }

		}
*/













		p.right {
			width: 100%;
			text-align: right;
		}

		p.center {
			width: 100%;
			text-align: center;
		}

		a.button,
		p a.button {
			padding: 0.5rem 1rem;
			border-radius: 0.2rem;
			background-color: #292b31;
			margin-top: 1rem;
			margin-right: 1rem;
			margin-bottom: 1rem;
			margin-left: 1rem;
			display: inline-block;
			text-decoration: none;
			color: #fff;
		}

			a.button.light,
			p a.button.light {
				background-color: #494C56;
			}

		a:hover.button,
		p a:hover.button {
			background-color: #676B76;
			color: #fff;
			text-decoration: none;
		}

			a:hover.button.light,
			p a:hover.button.light {
				background-color: #676B76;
			}


		/* Cookie Banner */

			.t-and-c-form {
				display: inline-block;
				margin: 0 1em;
			}


			.cookie-banner {
				position:absolute;
				bottom: -500px;
				width: 100%;
				display: block;
				font-size: 1.1em;
				color: #dedede;
				z-index: 7;
				padding: 2%;
				-webkit-transition: all 1s;
				-o-transition: all 1s;
				transition: all 1s;
				-webkit-transition-delay: 2s;
				     -o-transition-delay: 2s;
				        transition-delay: 2s;
				text-align: center;
			}

			.cookie-banner input[type=button] {
				font-size: 16px;
				letter-spacing: 1px;
				color: #aaa;
				text-decoration: none;
				-webkit-transition: all .5s ease;
				-o-transition: all .5s ease;
				transition: all .5s ease;
				z-index: 2;
				position: relative;
				width: auto;
				display: inline-block;
				padding: 1em;
				color: #979797;
				border: 1px solid #aaa;
				background-color: rgba(0, 0, 0, 0.8);
				border-radius: 4px;
			}

			.cookie-banner input[type=button]:hover {
				border:1px solid #cdcdcd;
				background-color: #fff;
				color:#333;
			}


			.cookie-banner p a {
					text-decoration: underline;
			}

				.enter .cookie-banner {
					bottom: 50px;
				}

					@media only screen and (max-width: 840px) {
						.enter .cookie-banner {
							bottom: 100px;
						}
					}

					@media only screen and (max-width: 700px) {
						.enter .cookie-banner {
							bottom: 100px;
						}
					}









				.cookie-banner.hide-banner {
					display: none;
				}

					.cookie-banner-inner {
						/*width: 90%;
						max-width: 900px;*/
						margin-left: auto;
						margin-right: auto;
						background-color: #000;
						display: flex;
						text-align: left;
						padding: 1em;
					}

						.cookie-banner-inner .cookie-banner-form {
							min-width: 300px;
  						padding-top: 2em;
  						text-align: center;
  					}


  					@media only screen and (max-width: 950px) {

  						.cookie-banner-inner {
  							display: block;
  						}

							.cookie-banner-inner .cookie-banner-form {
								min-width: 100%;
							}
  					}


						.cookie-banner h2 {
							margin-top: 0;
							margin-bottom: 0.5em;
							color: #fff;
						}

						a.cookie-button {
							border: 1px solid #aaa;
							background-color: rgba(0, 0, 0, 0.8);
							border-radius: 4px;
							text-align: center;
							position: relative;
							overflow: hidden;
							color: #aaa;
							margin: 1em auto 2em;
							display: inline-block;
							padding: 0.8em 1.2em;
							text-decoration: none;
						}

						a.cookie-button svg {
							fill: #aaa;
							margin-right: 10px;
						}

						a:hover.cookie-button {
							border: 1px solid #000;
							background-color: #fff;
							color: #000;
						}

						a:hover.cookie-button svg {
							fill: #000;
						}

						.cookie-banner-inner p {
							margin-bottom: 0.5em;
						}

/*
						.ip-address {
							background-color: rgba(0, 0, 0, 0.8);
							color: #1569C7;
							display: inline-block;
							font-size: 0.8em;
							padding: 0.2em 0.3em;
						}
*/

/* =contact form */

  .contact-wrap {
    padding: 4%;
    position: relative;
		margin-bottom: 4rem;
  }







  /* Default shows intro paragraph and hides signin form */
  	#content-swap .contact-wrap.whatsapp,
    #content-swap .contact-wrap.sign-in-form,
    #content-swap div.login-link-wrap {
      display: none;
    }

    #content-swap.show-content-swap div.login-link-wrap {
    	display: block;
    }

      /* toggle hides intro paragraph and shows signin form */
      	#content-swap.show .contact-wrap.whatsapp,
        #content-swap.show .contact-wrap.sign-in-form {
          display: block;
					margin-left: auto;
					margin-right: auto;
        }

        #content-swap.show ul.intro-wrap,
        #content-swap.show div.login-link-wrap {
          display: none;
        }








  a.close-login {
    color: #fff;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 3;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    background-color: #292b31;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    display: block;
  }

    a:hover.close-login {
      color: #000;
      background-color: #fff;
    }

		.contact-wrap.sign-in-form {
			-webkit-animation: toggleAnimation 2s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
			animation: toggleAnimation 2s;
		}

  .contact-wrap form {
    display: block;
    text-align: left;
    padding: 4%;
		background-color: #292b31;
		border: 1px solid #333;
		border-radius: 5px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
		        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }


		.contact-wrap.change-password-form form {
			max-width: 500px;
			margin-left: auto;
			margin-right: auto;
		}


		.contact-wrap.forgotten-password form,
		.contact-wrap.sign-in-form form {
			max-width: 700px;
			margin: 4rem auto;
			position: relative;
		}

			.contact-wrap.forgotten-password form {
				text-align: center;
			}

			.contact-wrap.forgotten-password form h1 {
				font-size: 2.2em;
				padding-top: 0;
				text-align: center;
			}

			.contact-wrap.forgotten-password form p {
				font-size: 1rem;
			}

		.home .contact-wrap.sign-in-form {
			display: none;
		}

		.home .contact-wrap.sign-in-form.show {
			display: block;
		}


	.contact-wrap .form-header {
		background-color: #292b31;
		padding: 1rem 2rem;
	}


	.contact-wrap h2 {
		font-size: 1.4em;
		margin-bottom: 1em;
		margin-top: 0.8em;
		display: block;
	}

	.contact-wrap h2 span {
		font-size: 1.2rem;
		margin-right: 2em;
	}


  .form-row {
    width: 100%;
  }


    .form-group {
      width: 100%;
    }

			#caps {
				color: red;
				display: none;
			}

			.contact-wrap .input-wrap input {
				margin-bottom: 5px;
			}

      .form-row.two-column-row .form-group {
        float: left;
        margin-right: 2%;
        width: 48%;
      }

        .form-row.two-column-row .form-group:last-of-type {
          margin-right: 0;
          margin-left: 2%;
        }


      .form-row.title-name-surname-row .form-group {
        float: left;
      }


          .form-row.title-name-surname-row .form-group.title-group {
            width: 24%;
            margin-right: 0%;
          }

          .form-row.title-name-surname-row .form-group.name-group {
            width: 34%;
            margin-left: 4%;
            margin-right: 0;
          }

          .form-row.title-name-surname-row .form-group.surname-group {
            width: 34%;
            margin-left: 4%;
            margin-right: 0;
          }

		.backend .form-group p {
			font-size: 0.9em !important;
			margin-bottom: 0.4em !important;
		}

    .form-group.submit {
        /*width: 20%;
        margin-right: 0;*/
      }

  .sign-in-form .form-group {
      float: left;
      margin-right: 3%;
      width: 37%;
    }

  .sign-in-form .form-group.submit {
    width: 20%;
    margin-right: 0;
  }


  .contact-wrap .registered {
    display: block;
    text-align: right;
		font-size: 0.8em;
		clear: both;
  }

  .contact-wrap .registered a {
		color: #fff;
	}


  .contact-wrap .registered a:hover {
    color: #fff;
		text-decoration: underline;
  }

  .contact-wrap p:first-of-type {
    margin-bottom: 40px;
  }

    .contact-wrap label {
      display: block;
      margin-bottom: 10px;
      text-align: left;
			min-height: 30px;
    }

			.contact-wrap label.inline {
				display: inline-block;
			}

			.btn-show-password {
				display: inline-block;
				margin-left: 0.5em;
				border: none;
				background-color: transparent;
				background-image: url(../images/eye-show.svg);
				background-position: left center;
				background-repeat: no-repeat;
				float: right;
				width: 32px;
				height: 30px;
			}

				.btn-show-password.show-password {
					background-image: url(../images/eye.svg);
				}

			.change-password-form input.password {
				margin-bottom: 0 !important;
			}

			button.btn-show-notes {
				display: inline-block;
				margin-left: 0.7em;
				margin-top: 0.1rem;
				border: none;
				background-color: #494C56;
				float: right;
				width: 26px;
				height: 26px;
				color: #fff;
				font-weight: bold;
				border-radius: 50%;
				text-align: center;
				line-height: 20px;
			}

				button:hover.btn-show-notes {
					background-color: #676B76;
				}

			.notes {
				display: none;
				font-size: 1rem !important;
				padding-bottom: 1rem;
			}

				.notes.show {
					display: block;
				}

				.notes p:first-of-type {
					font-weight: bold;
					margin-bottom: 0;
					font-size: 1rem !important;
				}

				.notes ul {
					font-size: 0.9rem;
					list-style: circle;
					margin-left: 2rem;
					margin-right: 2rem;
					margin-bottom: 0;
					color: #fff;
				}

		.backend .contact-wrap label {
	    font-size: 1.1em;
		}

      .contact-wrap label span.required {
        font-size: 1.3em;
        padding-left: 5px;
        padding-right: 5px;
      }

			.backend .contact-wrap label span.required {
				font-size: 0.8em;
				padding-left: 5px;
				padding-right: 5px;
			}

	    .contact-wrap input {
	        display: block;
	        border-radius: 0;
	        border: solid 1px #444;
	        padding: 10px;
	        margin-bottom: 12px;
	        width: 100%;
	        background-color: #fff;
	        color: #000;
	    }

			.contact-wrap input.no-bottom-margin {
				margin-bottom: 0;
			}

  .contact-wrap input[type="submit"]:hover,
  .contact-wrap input:focus,
  .contact-wrap textarea:focus {
    border: 1px dotted #fff;
  }

  .contact-wrap input:-webkit-autofill {
        border-radius: 0;
        border: 1px dotted #fff !important;
        -webkit-box-shadow: 0 0 0 30px black inset;
        -webkit-text-fill-color: #fff !important;
    }

    .contact-wrap select {
        display: block;
        border-radius: 0;
        border: dotted 1px #444;
        padding: 9px;
        margin-bottom: 25px;
        width: 100%;
        background-color: rgba(0,0,0,0.4);
        color: #fff;
        font-size: 0.9em;
        outline: 0;
    }

    .contact-wrap select:focus,
    .contact-wrap select:active {
      border-color: #fff;
    }

    .contact-wrap select option {
      margin-bottom: 4px;
      outline: 0;
    }

    .contact-wrap textarea {
      display: block;
      border-radius: 0;
      border: dotted 1px #444;
      padding: 10px;
      margin-bottom: 12px;
      width: 100%;
      background-color: #fff;
      color: #000;
      min-height: 224px;
			font-size: 1rem;
    }

    .contact-wrap input[type="submit"] {
      display: inline-block;
      width: auto;
      color: #fff;
      padding: 10px 20px;
      text-decoration: none;
      margin: 0 auto 0 auto;
			background-color: #494C56;
			border: none;
			border-radius: 0.2rem;
    }

		.contact-wrap input[type="submit"]:hover {
      color: #fff;
			background-color: #676B76;
			border: none;
    }

	    .contact-wrap.sign-in-form input[type="submit"] {
	      width: 100%;
	      margin: 40px auto 0 auto;
	    }

		.contact-wrap .progresslabel {
			vertical-align: top;
			float: right;
			font-size: 0.9rem;
		}

		.progress-wrap {
			margin-top: 0.5rem;
		}

		.contact-wrap p:first-of-type,
		.container .contact-wrap p:last-of-type {
			margin-bottom: 0;
		}

		.contact-wrap .form-group {
			margin-bottom: 1.5em;
		} 

		.contact-wrap progress {
			/* Reset the default appearance */
				-webkit-appearance: none;
				 appearance: none;
			margin-top: 0.55rem;
	 		margin-bottom: 1.5rem;
	 		width: calc(100% - 110px);
			height: 0.5rem;
			float: left;
		}

    .form-group.error input.form-control,
    .form-group.error textarea.form-control {
      border: solid #ff0000 1px;
    }

    	.form-group p.error_message {
    		color: #ff0000;
    		font-size: 0.9em;
    		display: none;
    	}

    		.form-group.error p.error_message {
    			display: block;
    		}

    .error_msg {
      font-size: 0.9em;
      color: #888;
      margin-bottom: 25px;
    }

    .contact-query-type {	
    	display: block;
      margin-bottom: 10px !important;
      text-align: left;
      min-height: 30px;
    }

    .form-group.radio-wrap div {
    	margin-right: 2em;
    	display: inline-block;
    }

    .contact-wrap .form-group.radio-wrap div label,
    .contact-wrap .form-group.radio-wrap div label,
    .contact-wrap .form-group.radio-wrap div input {
    	display: inline-block;
    	width: auto;
    }

    .contact-wrap .form-group.radio-wrap div input {
    	margin-right: 1em;
    }


  .title_error_msg,
  .name_error_msg,
  .surname_error_msg,
  .email_error_msg,
  .phone_error_msg,
  .mobile_error_msg,
  .best_time_error_msg,
  .contact_reason_error_msg,
  .company_error_msg,
  .position_error_msg,
  .company_address_error_msg,
  .message_error_msg {
    display: none;
  }


  .form-group.error .title_error_msg,
  .form-group.error .name_error_msg,
  .form-group.error .surname_error_msg,
  .form-group.error .email_error_msg,
  .form-group.error .phone_error_msg,
  .form-group.error .mobile_error_msg,
  .form-group.error .best_time_error_msg,
  .form-group.error .contact_reason_error_msg,
  .form-group.error .company_error_msg,
  .form-group.error .position_error_msg,
  .form-group.error .company_address_error_msg,
  .form-group.error .message_error_msg {
        display: block;
      }


  .registered a {
    color: #aaa;
  }


		.sign-in-form .form-group.full-width {
			width: 100%;
			text-align: center;
			vertical-align: top;
		}

			.sign-in-form .form-group.full-width input {
				width: auto;
				display: inline-block;
				background-color: #000;
				margin-top: 5px;
				vertical-align: top;
			}

			.sign-in-form .form-group.full-width label {
				width: auto;
				display: inline-block;
				color: #aaa;
				font-size: 0.8em;
				margin-left: 1em;
				max-width: 80%;
			}

			@media only screen and (max-width: 700px) {
				.form-group,
				.sign-in-form .form-group {
					float: none;
					margin-right: auto;
					margin-left: auto;
					width: 96%;
				}

				.sign-in-form {
					width: 90%;
				}


				.sign-in-form .form-group.submit {
					margin-right: auto;
					min-width: 100px;
					margin-bottom: 1rem;
				}
			}








      .clearfix:after {
        content: "";
        display: table;
        clear: both;
      }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#page p.intro {
  opacity: 0;
}

#page header img {
  opacity: 1;
  -webkit-animation: logoAnimation 2s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
  animation: logoAnimation 2s;
	max-width: 98%;
}


#page div.toggleAnimation {

  /*-webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;*/
}

#page.enter div.toggleAnimation {
  -webkit-animation: toggleAnimation 2.5s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
  animation: toggleAnimation 2.5s;
  opacity: 1;
}

@-webkit-keyframes logoAnimation {
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	}
	50% {
	    opacity: 0.5;
	    -webkit-transform: translateY(0%);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
}

@keyframes logoAnimation {
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	            transform: translateY(100%);
	}
	50% {
    opacity: 0.5;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
	100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}


.button-1 {
  width: 140px;
  height: 50px;
  border: 1px solid #aaa;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 4px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 1em auto 1em auto;
}

.button-1 a {
  font-size: 16px;
	letter-spacing: 1px;
  color: #aaa;
  text-decoration: none;
  line-height: 50px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 2;
  position: relative;
	width: 100%;
	display: block;
}

.eff-1 {
  width: 140px;
  height: 50px;
  top: -2px;
  right: -140px;
  background: #fff;
  position: absolute;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 1;
}

.button-1:hover .eff-1 {
  right: 0;
}

.button-1:hover a {
  color: #333;
}











/* = Tables */

	div.table-wrap {
		overflow-x:auto;
	}

	table {
		/*border-spacing: 10px;
 		border-collapse: separate; */
		width: 90%;
		max-width: 90%;
		margin: 2rem auto;
		overflow:scroll;
	}

		table tr:nth-child(even) {
			background-color: #494C56;
		}

		table tr:nth-child(odd) {
			background-color: #676B76;
		}

		table tr:hover:nth-child(even),
		table tr:hover:nth-child(odd) {
			background-color: #161921;
		}


	table th {
		text-align: center;
		font-size: 1.2rem;
		background-color: #292b31;
		padding: 0.5rem;
	}

	table th span {
		text-align: center;
		display: block;
		font-weight: normal;
	}

	table td {
		padding: 0.8rem;
	}

		table td.left {
			text-align: left;
		}

		table td.center {
			text-align: center;
		}

		table td.right {
			text-align: right;
		}

		table td a {
			padding: 0.5rem 1rem;
			border-radius: 0.2rem;
			background-color: #292b31;
			white-space: nowrap;
		}

		table tr:hover:nth-child(even) a,
		table tr:hover:nth-child(odd) a {
			background-color: #494C56;
			color: #fff;
		}

		table tr:hover:nth-child(even) a:hover,
		table tr:hover:nth-child(odd) a:hover,
		table td a:hover {
			background-color: #676B76;
			color: #fff;
		}






























/* # PayPal Payments */

		.paypal-form-wrap {
			color: #676B76;
		}

		.paypal-form-wrap .card-payment {
				height: 476px;
				margin: 0 auto;
				position: relative;
				width: 100%;
		}

		.paypal-form-wrap h3 {
			text-align: right;
			font-size: 1rem;
			margin-bottom: 1rem;
		}

			.paypal-form-wrap h3 span {
				margin-left: 1rem;
				font-size: 1.4rem;
			}

		.paypal-form-wrap h4 {
			text-align: center;
			font-size: 1.8rem;
			color: #fff;
		}

			.paypal-form-wrap h4 span {
				text-align: center;
				font-size: 1.4rem;
			}

		.paypal-form-wrap ol,
		.paypal-form-wrap ul {
				list-style: outside none none;
		}

		.paypal-form-wrap ul {
				border: 0 none;
				font: inherit;
				margin: 0;
				padding: 0;
				vertical-align: baseline;
		}

		.paypal_error {
			text-align: center;
		}

		.paypal_error p a {
			color: #fff;
			text-decoration: underline;
		}

		.paypal_error p.paypal_error_message {
			font-size: 0.9rem;
			font-style: italic;
		}

		#paymentSection.paypal-form-wrap {
				background-color: #292b31;
				border: 1px solid #333;
				border-radius: 5px;
				-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
				        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
				left: 0;
				margin: 0 auto;
				padding: 10px 10px;
				max-width: 500px;
				color: #fff;
				width: 96%;
		}

		.paypal-form-wrap form {
				float: none;
		}

		.paypal-form-wrap form li {
				margin: 0.5rem auto 1rem;
		}

		.paypal-form-wrap form label {
				display: block;
				font-size: 1rem;
				margin-bottom: 0.4rem;
		}

			.paypal-form-wrap form label span {
				display: block;
				font-size: 0.8rem;
			}

		.paypal-form-wrap form input {
				background-color: #fff;
				border: 2px solid #fff;
				display: block;
				height: 2rem;
				padding: 0 5px;
				width: 100%;
				outline: none;
				text-align: center;
		}

		.paypal-form-wrap form input:focus {
			border: 2px solid #0092d1;
		}


		.paypal-form-wrap form select {
			border-radius: 0;
			border: none;
			width: 100%;
			background-color:#fff;
			border: 1px solid #e5e5e5;
			display: block;
			height: 2rem;
			padding: 0 5px;
		}

		.paypal-form-wrap form input::-moz-placeholder {
				color: #aaa;
				opacity: 1;
		}

		.paypal-form-wrap .payment-btn {
				width: 100%;
				height: 34px;
				padding: 0;
				font-weight: bold;
				color: white;
				text-align: center;
				text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
				border: 1px solid;
				border-color: #005fb3;
				background: #0092d1;
				border-radius: 4px;
				margin-top: 1.5rem
		}

		.paypal-form-wrap .payment-btn:disabled{opacity: 0.2;}

		.paypal-form-wrap .vertical {
				overflow: hidden;
				text-align: center;
		}

		.paypal-form-wrap .vertical li {
				float: left;
				width: 32%;
				margin-top: 0;
				margin-right: 0;
				margin-bottom: 1.2rem;
				margin-left: 2%;
				padding-top: 0.5rem;
		}

			.paypal-form-wrap .vertical li:first-child {
				margin-left: 0;
			}

			@media screen and (max-width: 500px) {
				.paypal-form-wrap .vertical li {
					float: none;
					width: 100%;
					margin-top: 0;
					margin-right: 0;
					margin-bottom: 0;
					margin-left: 0;
				}
			}

		.paypal-form-wrap .vertical input {
				width: 100%;
		}

		.paypal-form-wrap .required {
				border: 2px solid #EA4335;
		}

		.paypal-form-wrap .status-msg{
				font-size: 16px;
				padding: 10px;
				margin-bottom: 5px;
				margin-top: 0;
		}

		.paypal-form-wrap .status-msg.error {

		}

		.paypal-form-wrap .status-msg.success {

		}

		.paypal-form-wrap p.status-msg span {

		}



		/* =Modals */


			.modal {
		    position: absolute;
		    z-index: 9;
		    background-color: rgba(0,0,0,0.85);
		    display: none;
		    padding: 1rem;
		    left: 0;
				right: 0;
		    bottom: 0;
		    top: 0;
			}

				.container .modal p:last-of-type {
					margin-bottom: 0;
				}

				.modal.show {
					display: block;
				}

				.modal-inner {
					background-color: #292b31;
					margin-top: 5%;
					margin-right: auto;
					margin-bottom: auto;
					margin-left: auto;
					width: 100%;
					max-width: 700px;
					padding: 2rem;
					position: relative;
					border: 1px solid #333;
					border-radius: 5px;
					-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
				}

				.modal-inner.timeout {
					background-position: 1rem 2rem;
					background-repeat: no-repeat;
					background-size: 50px 50px;
					background-image: url("../images/warning.svg");
					padding-left: 80px;
					max-width: 500px;
				}

				@media screen and (max-width: 812px) {
					.modal-inner.timeout {
						background-image: none;
						padding: 1rem;
					}
				}

				.countdown {
					font-weight: bold;
				}

		.modal-frontend {
			position: relative;
    	z-index: 20;
			top: -300px;
			width: 100%;
			padding: 0;
			font-size: 0.9rem;
			display: none;
			-webkit-transition: all 1s;
			-o-transition: all 1s;
			transition: all 1s;
			-webkit-transition-delay: 1s;
					 -o-transition-delay: 1s;
							transition-delay: 1s;
		}


			.enter .modal-frontend {
				top: 0;
			}

			.modal-frontend.show {
				display: block;
			}

			.modal-frontend .modal-inner {
				padding: 1rem;
				max-width: 100%;
				margin: 0;
				padding-top: 0.5rem;
				padding-right: 40px;
				padding-bottom: 0.5rem;
				border-radius: 0;
			}

			.modal-frontend .modal-inner a.close-login {
				top: 0;
				right: 0;
			}

		p.lock-icon {
			background-position: left 0.5rem;
			background-repeat: no-repeat;
			background-size: 30px 30px;
			background-image: url("../images/lock.svg");
			padding-left: calc(40px + 0.5rem);
			padding-right: 0.5rem;
			margin-bottom: 0	;
			min-height: 40px;
			max-width: 1200px;
		}





		  .gspc-form-wrap {
		    position: absolute;
		    bottom: 50px;
		    z-index: 6;
		    text-align: center;
		    width: 100%;
		  }

		  .gspc-user-input {
		    caret-color: #fff;
		    box-sizing: border-box;
		    padding: 0 40px 0 26px;
		    line-height: 50px;
		    flex-grow: 1;
		    color: #fff;
		    font-size: 100%;
		    font-family: "Roboto", sans-serif;
			  font-weight: 400;
			  font-style: normal;
		    height: 50px;
		    border: 2px solid hsla(0,0%,100%,.6);
		    border-radius: 4px;
		    background: hsla(0,0%,100%,.15);
		    margin-right: 1em;
		  }
		  
		  .gspc-btn {
		    text-transform: uppercase;
			  font-family: "Roboto", sans-serif;
			  font-weight: 400;
			  font-style: normal;
		    min-height: 50px;
		    border-radius: 4px;
		    padding: 2px 4px;
		    box-sizing: border-box;
		    background: #fff;
		    color: #000;
		    border: 0;
		    padding: 0.8em 2em;
		  }

		  .gspc-title-wrap {
		    position: absolute;
		    top: 20vh;
		    text-align: center;
		    z-index: 8;
		    color: #fff;
		    width: 100%;
		  }

		    .gspc-title-wrap h1 {
		      font-family: "Roboto", sans-serif;
  				font-weight: 400;
		      font-size: 70px;
		      margin-bottom: 0.3em;
		      text-align: center;
		    }

		    .gspc-title-wrap h2 {
		      font-family: "Roboto", sans-serif;
				  font-weight: 400;
				  font-style: normal;
		      font-size: 35px;
		      margin-top: 0;
		      background-color: transparent;
		    }

		      .gspc-title-wrap h2 * {
		        background-color: transparent !important;
		        color: #fff !important;
		        font-family: "Roboto", sans-serif;
					  font-weight: 400;
					  font-style: normal;
		      }

		  /* Menu */
		    .gspc-menu {
		      position: absolute;
		      right: 20px;
		      top: 10px;
		    }

		    .bar1, .bar2, .bar3 {
		      width: 35px;
		      height: 5px;
		      background-color: #fff;
		      margin: 6px 0;
		      transition: 0.4s;
		    }

		    .change .bar1 {
		      transform: translate(0, 11px) rotate(-45deg);
		    }

		    .change .bar2 {opacity: 0;}

		    .change .bar3 {
		      transform: translate(0, -11px) rotate(45deg);
		    }









/* New Video on HomePage */

	.contact-swap {
		position: absolute;
  	z-index: 7;
  	text-align: center;
  	width: 100%;
  	top: 300px;
	}

		@media only screen and (max-width: 900px) {
			.contact-swap {
				top: 170px;
			}
		}

		.contact-swap h1#animated-title {
			text-align: center;
			padding-top: 0.5em;
			margin-bottom: 0.2em;
			margin-top: 1rem;
		}

		.contact-swap #animated-introduction {
			display: block;
		}

			.contact-swap.show #animated-introduction {
				display: none;
			}




	#video_bg {
		position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  }

		  #qr-code-2 .header {
		    width: 100%;
		    position: absolute;
		    top: 0;
		    z-index: 6;
		    padding-top: 0.4em;
		    background-color: transparent;
		    color: #fff;
		  }

		  .logo-wrap {
		    font-size: 2em;
		    font-weight: 900;
		    padding: 10px 20px;
		    letter-spacing: 3px;
		  }

/*
		  .wrap {
		    position: relative;
		    background-color: #000;
		    color: #fff;
		    height: 100vh;
		    font-family: 'Gordita';
		  }
*/

		  .video-wrap {
		    position: relative;
		    right: 0;
		    bottom: 0;
		    min-width: 100%;
		    min-height: 100%;
		  }

		  .video-wrap-overlay {
		    position: absolute;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    z-index: 2;
		    /*background-color: rgba(0,0,0, 0.7);*/
		    /*background-image: url("media/overlay_scanline_2.png");*/
		    background-image: url("../images/overlay_pixel.png");
		    background-repeat: repeat;
		    background-position: top left;
		  }

		  	.bg-video,
		  	.bg-video-mobile {
		  		display: none;
		  	}

		  	.bg-video.playing,
		  	.bg-video-mobile.playing {
		  		display: block;
		  		min-width: 100%;
  				min-height: 100%;
		  	}




  .rca-contact-card {
    padding: 4em;
    background-color: #272727;
    color: #fff;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    border: solid 1px #333333;
    position: relative;
  }

    .rca-contact-card h2 {
      margin-bottom: 0.2em;
      font-size: 2.5em;
      margin-top: 0.4em;
    }

    .rca-contact-card h3 {
      margin-top: 0;
      margin-bottom: 3em;
      font-size: 1.5em;
    }


    .rca-contact-card a.rca-whatsapp-bg {
      text-decoration: none;
      color: #fff;
      background-image: url("../images/WhatsApp.png");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 30px 30px;
      padding-left: 50px;
      height: 50px;
      display: inline-block;
      padding-left: 50px;
      padding-top: 18px;
    }

      .rca-contact-card a:hover {
        text-decoration: underline;
      }


    .rca-contact-card-inner {
      /*display: inline-grid;
      grid-template-columns: 60% 40%;*/
    }

    .rca-contact-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


    @media only screen and (max-width: 700px) {
      .rca-contact-card {
        position: relative;
        top: 10vh;
        width: 90%;
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        display: block;
        padding: 2em;
      }

      .rca-contact-card h3 {
        margin-bottom: 5px;
      }

      .rca-contact-card-inner {
        display: inline-grid;
        grid-template-columns: 1fr;
      }

      .rca-contact-card-inner div:nth-child(1) { 
        order: 2; 
      }
      
      .rca-contact-card-inner div:nth-child(2) { 
        order: 1; 
      }

      .rca-contact-card img {
        max-width: 120px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1em;
      }

    }






 /* New Code */
  #header {
  	position: absolute;
  	top: 0;
  	z-index: 11;
  	width: 100%;
  	text-align: right;
  } 

 .close-x,
 #nav-trigger {
     width: 30px;
     height: 25px;
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     position: absolute;
     right: 1em;
     top: 1em;
     border: none;
     background-color: transparent;
     z-index: 15;
   }


     .close-x span,
     #nav-trigger span {
         display: block;
         position: absolute;
         height: 2px;
         width: 100%;
         background: #fff;
         border-radius: 2px;
         opacity: 1;
         left: 0;
         -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
         transition: .25s ease-in-out
     }

     .close-x span:nth-child(1),
     #nav-trigger span:nth-child(1) {
         top: 0px;
         -webkit-transform-origin: left center;
         -ms-transform-origin: left center;
         -o-transform-origin: left center;
         transform-origin: left center
     }

     .close-x span:nth-child(2),
     #nav-trigger span:nth-child(2) {
         top: 8px;
         -webkit-transform-origin: left center;
         -ms-transform-origin: left center;
         -o-transform-origin: left center;
         transform-origin: left center
     }

     .close-x span:nth-child(3),
     #nav-trigger span:nth-child(3) {
         top: 16px;
         -webkit-transform-origin: left center;
         -ms-transform-origin: left center;
         -o-transform-origin: left center;
         transform-origin: left center
     }

     .close-x:hover,
     .close-x:active,
     #nav-trigger:hover,
     #nav-trigger:active {
         outline: none
     }

     .close-x:hover span:nth-child(1),
     #nav-trigger:hover span:nth-child(1) {
         top: -4px
     }

     .close-x:hover span:nth-child(3),
     #nav-trigger:hover span:nth-child(3) {
         top: 19px
     }

     .close-x span:nth-child(1),
     #nav-trigger.open span:nth-child(1) {
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         transform: rotate(45deg);
         top: -5px;
         left: 6px
     }

     .close-x span:nth-child(2),
     #nav-trigger.open span:nth-child(2) {
         width: 0%;
         opacity: 0
     }

     .close-x span:nth-child(3),
     #nav-trigger.open span:nth-child(3) {
         -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
         top: 16px;
         left: 6px
     }

     #nav-trigger.open span {
       background-color: #fff;
     }

     .close-x:hover span:nth-child(1) {
         top: -5px
     }

     .close-x:hover span:nth-child(3) {
         top: 16px
     }



    #nav-trigger { 
     display: none;
    }


         .mobile-menu {
           position: relative;
           top: 0;
           bottom: 0;
           margin: 0;
           left: 100%;
           background-size: cover;
           background-repeat: no-repeat;
           width: 0;
           padding: 1em 10%;
           overflow: hidden;
           color: #fff;
           z-index: 10;
           background-color: rgba(0,0,0,0.5);
           backdrop-filter: blur(20px);
           -webkit-backdrop-filter: blur(20px);
           height: 0;
         }


           #page.show-mobile-menu .mobile-menu {
             position: absolute;
             top: 0;
             bottom: 0;
             width: 0;
             height: 100%;
             min-height: 100vh;
             animation: mobileMenuAnimation 0.3s forwards;
             width: 50%;
           }

             @keyframes mobileMenuAnimation {
               0% {
               	left: 100%;
               }
               100% {
               	left: 50%;
               }
             }

           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu {
             animation: mobileMenuAnimationClosing 1.2s ease-out 1 forwards;
           }

             @keyframes mobileMenuAnimationClosing {
               0% {
               	left: 50%;
               }
               100% {
               	left: 100%;
               }
             }


            @media screen and (max-width: 700px) {
             	#page.show-mobile-menu .mobile-menu {
             	  width: 100%;
             	  background-color: rgba(0,0,0,0.9);
             	}

	            @keyframes mobileMenuAnimation {
	              0% {
	              	left: 100%;
	              }
	              100% {
	              	left: 0%;
	              }
	            }

             	@keyframes mobileMenuAnimationClosing {
             	  0% {
             	  	left: 0%;
             	  }
             	  100% {
             	  	left: 100%;
             	  }
             	}
            }






           .mobile-menu-header-wrap {
             width: 100%;
             display: flex;
             min-height: 10vh;
           }

             .mobile-menu-logo-wrap {

             }

             .mobile-menu-close-wrap {
               flex-grow: 1;
               display: flex;
               justify-content: flex-end;
             }

               .mobile-menu-close-wrap button {
                 font-size: 30px;
                 color: #939393;
                 background-color: transparent;
                 border: 0;
                 border-radius: 0;
                 font-family: "Gordita Bold";
               }

               .mobile-menu-close-wrap button:hover {
                 color: #ffffff;
               }


           .mobile-menu-wrap {
             width: 100%;
             display: flex;
             min-height: 70vh;
     	      justify-content: space-between;
           }

             .unveil-wrap {
               align-self: center;
               transform: rotate(-90deg);
               color: #fff;
             }

             .unveil-wrap a {
               color: #fff;
             }

             .unveil-wrap .underbar {
               top: 20px;
             }

             .unveil-wrap:hover .underbar {
               color: #fff;
               width: 114px;
               background-color: #fff;
               top: 20px;
             }

             .mobile-menu-wrap ul.menu {
               align-self: center;
               list-style: none;
               margin: 0;
               padding: 0;
             }

             	.mobile-menu-wrap ul.menu li {
             		transform: translateX(400px);
             		opacity: 0;
             	}


	             #page.show-mobile-menu .mobile-menu-wrap .menu li {
	               animation: mobileMenuSkew 0.4s ease-out 1 forwards;
	             }

	             	#page.show-mobile-menu .mobile-menu-wrap .menu li:nth-child(1) {
	             		animation-delay: 0.05s;
	             	}

	             	#page.show-mobile-menu .mobile-menu-wrap .menu li:nth-child(2) {
	             		animation-delay: 0.1s;
	             	}

	             	#page.show-mobile-menu .mobile-menu-wrap .menu li:nth-child(3) {
	             		animation-delay: 0.15s;
	             	}

	             	#page.show-mobile-menu .mobile-menu-wrap .menu li:nth-child(4) {
	             		animation-delay: 0.2s;
	             	}

	             	#page.show-mobile-menu .mobile-menu-wrap .menu li:nth-child(5) {
	             		animation-delay: 0.25s;
	             	}

	             	#page.show-mobile-menu .mobile-menu-wrap .menu li:nth-child(6) {
	             		animation-delay: 0.3s;
	             	}

	             	#page.show-mobile-menu .mobile-menu-wrap .menu li:nth-child(7) {
	             		animation-delay: 0.35s;
	             	}

	             	#page.show-mobile-menu .mobile-menu-wrap .menu li:nth-child(8) {
	             		animation-delay: 0.4s;
	             	}

               @keyframes mobileMenuSkew {
                   from{
                       opacity: 0;
                       transform: translateX(400px);
                   }
                   to{
                       opacity: 1;
                       transform: translateX(0);
                   }
               }

           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li {
             animation: mobileMenuSkewHiding 0.3s ease-out 1 forwards;
             opacity: 1;
             transform: translateX(0);
           }

	           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li:nth-child(1) {
	           	animation-delay: 0.35s;
	           }

	           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li:nth-child(2) {
	           	animation-delay: 0.3s;
	           }

	           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li:nth-child(3) {
	           	animation-delay: 0.25s;
	           }

	           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li:nth-child(4) {
	           	animation-delay: 0.2s;
	           }

	           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li:nth-child(5) {
	           	animation-delay: 0.15s;
	           }

	           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li:nth-child(6) {
	           	animation-delay: 0.1s;
	           }

	           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li:nth-child(7) {
	           	animation-delay: 0.05s;
	           }

	           #page.show-mobile-menu.hiding-mobile-menu .mobile-menu-wrap .menu li:nth-child(8) {
	           	animation-delay: 0s;
	           }

             @keyframes mobileMenuSkewHiding {
               from{
                 opacity: 1;
                 transform: translateX(0);
               }
               to{
                 opacity: 0;
                 transform: translateX(400px);
               }
             }

             #page.show-mobile-menu.hiding-mobile-menu .unveil,
             #page.show-mobile-menu.hiding-mobile-menu .mobile-footer {
               display: none;
             }


             .mobile-menu-wrap ul.menu li {
               position: relative;
               margin-bottom: 1.2em;
             }

             a.mobile {
               position: relative;
               display: block;
               font-size: 1.3em;
               color: #939393;
               font-weight: 400;
               text-decoration: none;
               overflow: hidden;
               font-family: "Roboto", sans-serif;
							 font-weight: 400;
							 font-style: normal;
               line-height: 1.5em;
               text-transform: uppercase;
             }

               a.mobile::before {
                 position: absolute;
                 content: attr(data-content); /* Prints the value of the attribute */
                 top: 0;
                 left: 0;
                 color: white;
                 text-decoration: none;
                 overflow: hidden;
                 transition: width 275ms ease;
                 width: 0;
                 white-space: nowrap;
               }

               a.mobile:hover {
               	color: #fff;

               }

               a.mobile.current {
                 color: white;
               }


           .mobile-footer {
             width: 100%;
             border-top: solid 1px #939393;
             padding-top: 2em;
             color: #939393;
             text-align: center;
             min-height: 10vh;
             font-size: 0.8em;
           }







.gspc-banner {
	width: 90%;
	max-width: 1000px;
	margin-top: 8em;
	margin-right: auto;
	margin-bottom: 5em;
	margin-left: auto;
	padding: 2em;
	position: relative;
	text-align: center;
}

	@media only screen and (max-width: 700px) {
		.gspc-banner {
			width: 90%;
			max-width: 1000px;
			margin-top: 2em;
		}
	}

	.gspc-banner .logo {
		margin-bottom: 2rem;
	}

	svg.logo {
		margin-left: auto;
  	margin-right: auto;
  	display: block;
	}

	.gspc-banner p {
		font-weight: 400;
  	font-family: Kepler Std Light,serif;
  	font-size: 1.4rem;
  	line-height: 1.2em;
	}

/*
	.gspc-banner .top-left {
		position: absolute;
		width: 25px;
		height: 25px;
		display: block;
		left: 0;
		top: 0;
		background-image: url(../images/corners.png);
	}

	.gspc-banner .top-right {
		position: absolute;
		width: 25px;
		height: 25px;
		display: block;
		right: 0;
		top: 0;
		background-image: url(../images/corners.png);
		transform: rotate(90deg);
	}

	.gspc-banner .bottom-left {
		position: absolute;
		width: 25px;
		height: 25px;
		display: block;
		left: 0;
		bottom: 0;
		background-image: url(../images/corners.png);
		transform: rotate(270deg);
	}

	.gspc-banner .bottom-right {
		position: absolute;
		width: 25px;
		height: 25px;
		display: block;
		right: 0;
		bottom: 0;
		background-image: url(../images/corners.png);
		transform: rotate(180deg);
	}
*/



	.gspc-banner h1 {
	    font-size: 1.3rem;
	    text-align: center;
	    margin-bottom: 1em;
			padding-top: 0;
	    font-weight: 700;
	    font-family: Kepler Std Light,serif;
			line-height: 1.2em;
	}

		.gspc-banner p {
			font-size: 1.1rem;
			margin-bottom: 1rem;
		}

		
		@media screen and (min-width: 700px) {
			.gspc-banner h1 {
			    font-size: 1.3rem;
			}
		
			.gspc-banner p {
				font-size: 1.1rem;
			}

			.gspc-banner p.larger {
				font-size: 1.3rem;
			}
		}


		@media screen and (min-width: 1000px) {
			.gspc-banner h1 {
			    font-size: 2rem;
			}
		
			.gspc-banner p {
				font-size: 1.2rem;
			}

			.gspc-banner p.larger {
				font-size: 1.4rem;
			}
		}


		@media screen and (min-width: 1300px) {
			.gspc-banner h1 {
			    font-size: 2.5rem;
			}
		
			.gspc-banner p {
				font-size: 1.3rem;
			}

			.gspc-banner p.larger {
				font-size: 1.6rem;
			}
		}



















/* */


ul.industries {
	list-style: none;
	margin-left: 0;
}

	ul.industries li {
		margin-bottom: 2em;
	}

	ul.industries li h2 {
		color: #fff;
		margin-bottom: 0.4em;
	}

	ul.industries li p,
	ul.industries li p:first-of-type {
		font-size: 1em;
		color: #eee;
		margin-top: 0.5em;
		margin-bottom: 0.4em;
	}

	ul.industries li p:last-of-type {
		margin-bottom: 0;
	}

	ul.industries li p.industry-values {
		font-size: 0.9em;
		font-style: italic;
		color: #ccc;
		margin-top: 0;
		margin-bottom: 0.2em;
	}

	ul.industries li p.industry-values span {
		font-weight: 700;
	}


	.careers .content p:first-of-type {
		font-size: 1em;
	}

	.careers h2 {
		margin-top: 1.6em;
		margin-bottom: 0.8em;
	}