@import url(reset.css); 

/*

	Main CSS:
	Copyright (C) 2022 OwlTree Web Solutions.
	Mobile first

*/

html
{
	width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 100%;
}

@font-face
{
	
	font-family: 'AvenirLight';
	src: url('../fonts/Avenir Light.eot'); src: url('../fonts/Avenir Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir Light.svg#Avenir Light') format('svg'), url('../fonts/Avenir Light.woff') format('woff'), url('../fonts/Avenir Light.ttf') format('truetype');	
	font-display: swap;
}

@font-face
{
	
	font-family: 'AvenirHeavy';
	src: url('../fonts/Avenir Heavy.eot'); src: url('../fonts/Avenir Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir Heavy.svg#Avenir Heavy') format('svg'), url('../fonts/Avenir Heavy.woff') format('woff'), url('../fonts/Avenir Heavy.ttf') format('truetype');	
	font-display: swap;
}

@font-face
{
	
	font-family: 'Futura PT Heavy';
	src: url('../fonts/Futura PT Heavy.eot'); src: url('../fonts/Futura PT Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura PT Heavy.svg#Futura PT Heavy') format('svg'), url('../fonts/Futura PT Heavy.woff') format('woff'), url('../fonts/Futura PT Heavy.ttf') format('truetype');	
	font-display: swap;
}

body
{
	font-family: 'AvenirLight', sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	letter-spacing: 0px;
	color: #1a1a1a;
	text-align: left;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: transparent;
}

header
{
	position: fixed;
	z-index: 100;
	float: left;
	width: 100%;
	height: 100px;
	padding: 0;
	margin: 0;
	text-align: center;
	/*background: linear-gradient(80deg, #acadad 14%, white 14%, white 55%, #091046 55%);*/
	/*background: radial-gradient(ellipse at right top, #091046 80%, white 80%, white 90%, #acadad 90%);*/
	/*background: linear-gradient(80deg, #FF951F 14%, white 14%, white 55%, #091046 55%);*/
	background: linear-gradient(80deg, #249fda 15%, white 15%, white 54%, #091046 54%);
	border-bottom: 3px solid #FF951F;
}



/*.header-gradients
{
	background: linear-gradient(80deg, rgba(227, 116, 47, 0.65) 50px, transparent 50px, transparent 65%, rgba(36, 159, 218, 0.65) 65%);
}*/

.header-border
{
	float: left;
	width: 100%;
	height: 10px;
	background: linear-gradient(90deg, #249fda 60.7%, white 60.7%);
}

a.search-link
{
	display: block;
	float: left;
	width: 10%;
	padding: 0;
	margin: 0;	
}

a.search-link img
{
	display: block;
	width: 100%;
	/*float: left;*/
	margin: 0 auto;
	max-width: 60px;
	padding: 0;
}

.logo-container
{
	
	float: left;
	width: 40%;
	/*min-width: 110px;*/
	/*max-width: 200px;*/
	/*height: 100px;*/
	padding: 1em 0;
	margin: 0;
	background-color: transparent;	
}

.logo-container img
{
	width: 50%;
	max-width: 200px;
	/*min-width: 130px;*/
	margin: 0 25% 0 25%;
	padding: 0;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
}

.logo-container img:hover
{
	transform: scale(1.02);
}

.content-strip
{
	clear: both;
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 1em 0;
}

.zero-margin
{
	margin: 0;
	padding: 0;
}

.zero-padding
{
	padding: 0;
}

.container
{
	clear: both;
	position: relative;
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
}

.hideme
{
	opacity: 0;
}

.container img
{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 0%;
}

.flex-box
{
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center;
	z-index: 0;
}

.flex-box-valign
{
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center;
	z-index: 0;
	align-items: center;
}

.flex-box-start
{
	position: relative;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: 100%;
	justify-content: start;
}

.float-right
{
	float: right;
}

.clear
{
	clear: both;
}

.margin-centre
{
	margin: 0 auto;
}

h1
{
	font-family: 'AvenirLight';
	width: 100%;
	margin: 0.6em 0%;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1em;
	color: #0071d1;
	text-align: center;
}

h2
{
	font-family: 'AvenirLight';
	font-size: 2em;
	margin: 0em 0%;
	line-height: 1em;
	font-weight: normal;
	padding: 0;
	color: #249fda;
}


h3
{
	font-family: 'AvenirLight';
	font-size: 2em;
	margin: 0.5em 0;
	font-weight: normal;
	line-height: 1.2em;
	padding: 0;
	color: #249fda;
}

h4
{
	font-family: 'AvenirLight';
	font-size: 1.5em;
	margin: 1em 0;
	line-height: 1.2em;
	padding: 0;
}

h5
{
	font-family: 'AvenirLight';
	font-size: 1.2em;
	font-style: normal;
	text-align: left;
	margin: 1em 0;
	padding: 0;
}

ul, ol
{
	display: block;
	margin-bottom: 1em;
	font-size: 1em;
}


p
{
	margin: 0.5em 0 1em 0;
	font-size: 1em;
	
}

h3.signup
{
	float: left;
	width: 80%;
}

ul li
{
	/*list-style-image: url(../images/bullet-point.png);*/
	list-style: disc;
	list-style-position: outside;
	margin: 0.5em 0 0 25px;
}

ol li
{
	list-style-position: inside;
	list-style-type :decimal;
	margin:0;
	font-size: 1.5em;
}




a, a:visited
{
	color: #FF951F;
}

.container a, .container a:visited
{
	color: #FF951F;
}


blockquote
{
	
}

cite
{
	font-style: italic;
}

em
{
	font-style: italic;
}

strong
{
	font-family: 'AvenirHeavy';
}


.text-white
{
	color: white;
}

.text-blue
{
	color: #249fda;
	color: #091046;
}

.text-orange
{
	color: #FF951F;
}

.centre
{
	text-align: center;
}

.uppercase
{
	text-transform: uppercase;
}

.right
{
	text-align: right;
}

hr, hr.divider
{
	clear: both;
	position: relative;
	width: 75%;
	height: 3px;
	max-width: 1280px;
	margin: 1em auto 0 auto;
	background-color: #FF951F;
	border: none;
}

pre
{
	display: block;
	width: 60px;
	height: 60px;
	margin: 0.5em auto 0 auto;
	padding: 0em 0 0 0;
	background-color: #FF951F;
	font-family: 'AvenirHeavy';
	border-radius: 30px;
	color: white;
	font-size: 2em;
	line-height: 60px;
	text-align: center;
}


button
{
	padding: 5px 3%;
	border: none;
	font-family: 'AvenirLight';
	font-size: 2em;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

button:hover, button:focus
{
	/*transform: scale(1.1);*/
	/*border-radius: 40px;*/
}

button.home-more
{
	display: block;
	clear: both;
	width: 150px;
	margin: 1em auto 0 auto;
	padding: 5px 0;
	background-color: #39b5e8;
	text-align: center;
	font-size: 1.3em;
}

button.home-more a, button.home-more a:visited
{
	color: white;
}

button.contact-button
{
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 20px 0 0 0;
	font-size: 2em;
	line-height: 1em;
	font-family: 'AvenirHeavy';
	background-color: white;
	border-radius: 25px;
}

button.contact-button a, button.contact-button a:visited
{
	color: #dcdcdc;	
}



/*----------- Navigarion Bar - Horizontal ------------*/

.nav-horizontal
{
	display: none;
	float: left;
	width: 40%;
	height: 2em;
	margin: 0 0 0 0;
	padding: 0.9em 0% 0.3em 0%;
	background-color: white;
}

.nav-horizontal a {
  padding: 8px 5px 5px 5px;
  margin: 0 10px;
  text-decoration: none;
  color:  #1a1a1a;
  text-transform: uppercase;
  transition: 0.3s;
  font-size: 0.9em;
  font-family: 'AvenirLight';
}

.nav-horizontal a:hover{
  color: #FF951F;
}

.nav-horizontal a.active
{
	color: #FF951F;
	border-top: 2px solid #FF951F;
}


/*---------- Main Navigation Bar ----------*/

.nav
{
	/*position: fixed;*/
	float: left;
	width: 10%;
	/*height: 2em;*/
	margin: 0em 0 0 0;
	padding: 1em 0;
	text-align: right;
	background-color: transparent;
	font-family: 'AvenirLight';
}

.symbol-holder
{
	/*position: fixed;*/
	/*top: 30px;*/
	/*left: 100px;*/
	right: 1%;
	width: 20vw;
	max-width: 120px;
	height: 10vw;
	max-height: 60px;
	/*min-width: 150px;*/
	color:white;
	margin: 0 auto;
	padding: 0;
	transition: all 0.3s ease-in-out;
	border: 2px solid transparent;
	border-radius: 50%;
	/*background-color: #249fda;
	background-color: #acadad;
	background-color: #FF951F;*/
	background-color: transparent;
}

.symbol-holder:hover
{
	color:  white;
	/*border: 2px solid white;*/
	border-radius: 50%;
	transform: rotate(90deg);
}

p.menu-symbol
{
	font-size: 8vw;
	line-height: 7vw;
	text-align: center;
	padding: 0;
	margin: 3px 0 0 0;
	transition: all 0.3s ease-in-out;
}
span.menu-label
{
	display: block;
	font-size: 15px;	
}

.sidenav .menu-container span.menu-word
{
	font-size: 1em;
}

.sidenav {
  height: 100%;
  width: 0%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;	
  background-color: #249fda;
  /*background: linear-gradient(80deg, transparent 15%, rgba(36, 159, 218, 0.95) 15%);*/
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%);
  overflow-x: hidden;
  transition: 0.5s;
  /*padding-top: 60px;*/
}

.menu-container
{
	float: left;
	width: 100%;
	/*max-width: 800px;*/
	/*min-width: 600px;*/
	min-height: 1000px;
	margin: 0;
	padding: 4em 0 10em 0 ;
	/*background-color: rgba(58,170,53,0.9);*/
	/*background-color: rgba(169,187,167, 0.60);*/
	text-align: center;
}

.sidenav a {
  padding: 8px 20px 8px 10px;
  text-decoration: none;
  font-size: 5vw;
  line-height: 1em;
  color: #1a1a1a;
  color: white;
  /*color: #422919;*/
  display: block;
  transition: 0.3s;
  text-align: right;
  text-transform: uppercase;
  /*border-bottom: 2px solid transparent;*/
  
}

.sidenav a:hover{
  /*color: #e47430;*/
  text-decoration: underline;
}

.sidenav a.active
{
	/*color: #e47430;*/
	text-decoration: underline;
}

.sidenav .closebtn {
  position: absolute;
  /*top: 7px;
  left: 17px;*/
  top: 0;
  /*left: 0;*/
  right: 0;
  text-align: center;
  font-size: 50px;
  margin: 0 auto;
  font-family: sans-serif;
}

.children-wrapper
{
	display: block;
	/*position: relative;*/
	float: left;
	width: 100%;
	
	/*margin-top: -2.5em;*/
}

a.submenu
{
	display: block;
	font-size: 3.5vw;
	margin-right: 50px;
	/*background-color: rgba(3, 126, 183, 1);*/
	
}

/*.sidenav a:hover + .children-wrapper
{
	display: block;
}*/

p.sub-arrow
{
	display: inline;
	float: right;
	text-decoration: none;
	color: white;
	font-size: 2em;
	cursor: pointer;
}

.sidenav img
{
	width: auto;
	min-width: 100px;
	max-width: 200px;
	padding: 0 80px 0 0;
}

.sidebar-contact
{
	margin-top: 5em;
	text-align: right;
}

.sidebar-contact p
{
	margin: 0;
}

p.sidebar-email a
{
	font-size: 4vw;
	margin: 0;
	text-align: center;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/*------- Header Contact Area---------*/

.header-contact
{
	float: left;
	width: 27%;
	text-align: right;
	padding-right: 3%;
}

a.header-phone
{
	display: block;
	float: left;
	width: 100%;
	font-size: 3vw;
	color: white;
	text-align: right;
}

a.header-phone:visited, a.header-phone:hover, a.header-phone:focus
{
	color: white;
}

a.header-email
{
	display: block;
	float: left;
	width: 100%;
	color: white;
	font-size: 2.5vw;
	text-align: right;
}

a.header-email:visited, a.header-email:hover, a.header-email:focus
{
	color: white;
}

/*----------- Fades on Scroll -----------*/

/*.scroll-element,
.scroll-caption {
  width: 50%;
}*/

/*.scroll-element {
  min-height: 300px;
  height: 100%;
  background-color: #eaeaea;
}*/

/*.scroll-caption {
  margin: 1rem;
}*/

.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}

.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  animation: fade-in 1s ease-in-out both;
}

.scrolled.fade-in-bottom {
  animation: fade-in-bottom 1s ease-in-out both;
}

.scrolled.slide-left {
  animation: slide-in-left 1s ease-in-out both;
}

.scrolled.slide-right {
  animation: slide-in-right 1s ease-in-out both;
}

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*---------- Background Colours and Borders-------------*/

.white-bg
{
	background-color: white;
}

.dark-blue-bg
{
	background-color: #091046;
	color: white;
}

.blue-bg
{
	background-color: #249fda;
	color: white;
}

.orange-bg
{
	/*background-color: #e47430;*/
	background-color: #FF951F;
	color: white;
}

.grey-bg
{
	background-color: #acadad;
	color: white;
}

.bottom-right-radius
{
	border-radius: 0 0 40px 0;
}

.bottom-left-radius
{
	border-radius: 0 0 0 40px;
}

.orange-top-border
{
	border-top: 5px solid #FF951F;
}

.blue-top-border
{
	border-top: 5px solid #249fda;
}

.dark-blue-top-border
{
	border-top: 5px solid #091046;
}

.grey-top-border
{
	border-top: 5px solid #acadad;
}

/*---------- Banner CSS  -----------*/

.banner-section-home
{
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 1000px;
	margin: 5px 0;
}

.banner-section
{
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 100px 0 1em 0;
}

.banner-section-static
{
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 40vw;
	min-height: 300px;
	max-height: 600px;
	margin: 100px 0 1em 0;
}

.banner-gradients
{
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
	/*background: linear-gradient(80deg, rgba(227, 116, 47, 0.8) 14%, transparent 14%, transparent 60%, rgba(36, 160, 217, 0.8) 60%);*/
}

.banner-caption
{
	position: absolute;
	right: 2%;
	top: 0;
	width: 98%;
	padding: 0em 1%;
	margin: 3em 0 0 0;
	/*animation: captionAnimation 1.3s forwards;*/
	/*animation-delay: 1s;*/
	/*opacity: 0;*/
	/*border-radius: 0 300px 300px 0;*/
}

.banner-caption h1, .banner-caption h2
{
	/*width: 80vw;*/
	float: right;
	margin: 0em 0;
	padding: 20px 20px 20px 11%;
	line-height: 1em;
	color: white;
	font-size: 1.5em;
	font-family: 'AvenirHeavy';
	text-align: right;
	/*background-color: rgba(36, 159, 218, 0.7);*/
	/*background-color: rgba(255, 255, 255, 0.9);
	mix-blend-mode: screen; /* This makes the cutout text possible*/ 
	/*color: black;*/
	background: linear-gradient(80deg, transparent 14%, rgba(36, 159, 218, 0.7) 14%);
}

/*---------- Content Areas CSS  -----------*/

.page-heading
{
	width: 31%;
	min-width: 250px;
	margin: 0 auto;
}

.page-heading h1, .page-heading h2
{
	color: white;
	margin: 0;
	padding: 1em 0 0.2em 0;
	text-align: center;
}

.col
{
	position: relative;
	float: left;
	width: 90%;
	margin: 1em 2%;
	padding: 1em 3% 1em 3%;
}

.col img, .col-thirds img
{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.col-thirds
{
	float: left;
	width: 98%;
	margin: 0em 0% 0em 0%;
	padding: 0.5em 1%;
}

.float-right
{
	float: right;
}


div.more
{
	position: absolute;
	left: 0;
	bottom: 0;
}

.blower-makes
{
	font-size: 1.7em;
	line-height: 1.5em;
}

h2.section-title
{
	width: 31%;
	margin: 0 auto;
	font-size: 5vw;
}

a.history-link, a.history-link:visited
{
	display: block;
	position: relative;
	width: 300px;
	margin: 1em auto 1em auto;
	padding: 20px;
	background-color: #249fda;
	color: white;
	text-align: center;
	font-size: 2em;
	line-height: 1em;
	border: 3px solid #249fda;
	transition: all 0.3s ease-in-out;
}

a.history-link:hover, a.history-link:focus
{
	/*background-color: #e47430;*/
	background-color: white;
	color: #249fda;
	border-radius: 40px;
	border: 3px solid #249fda;
}

a.back-button, a.back-button:visited
{
	display: block;
	clear: both;
	width: 200px;
	margin: 0 auto 1em auto;
	padding: 10px;
	background-color: #249fda;
	color: white;
	text-align: center;
	font-size: 1.5em;
	line-height: 1em;
	border: 3px solid #249fda;
	transition: all 0.3s ease-in-out;
}

a.back-button:hover, a.back-button:focus
{
	/*background-color: #e47430;*/
	background-color: white;
	color: #249fda;
	border-radius: 40px;
	border: 3px solid #249fda;
}

/*---------- Timeline -----------*/

.timeline-date
{
	float: left;
	clear: both;
	width: 12%;
	max-width: 80px;
	margin-bottom: 2em;
}

.timeline-text
{
	float: left;
	width: 56%;
	margin-bottom: 2em;
	padding: 0px 1%;
}

.timeline-text:nth-child(even), .timeline-image:nth-child(odd)
{
	background-color: #efefef;
}

.timeline-text h3
{
	margin: 0;
	padding: 0;
}

.timeline-image
{
	float: left;
	width: 30%;
	margin-bottom: 2em;
}

.timeline-image img
{
	display: block;
	width: 80%;
	margin: 1em auto;
}

img.timeline-marker
{
	display: block;
	clear: none;
	float: left;
	width: 70px;
	margin: 0em 10px 0 -22px;
}

.timeline-border-left
{
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 5px solid #249fda;
}

/*---------- Service-Products Section ------------*/

.service-prod-col
{
	float: left;
	width: 98%;
	margin: 1em 1%;
	padding: 2em 0;
	background-color:#e9e9e9;
	/*box-shadow: 2px 2px 2px silver;*/
}

.service-product-grid
{
	position: relative;
	float: left;
	width: 46%;
	margin: 1em 2% 0 2%;
	padding: 0.1em 0;
	text-align: center;
	background-color: #091046;
	transition: all 0.2s ease-in-out;
}

.service-product-grid:hover, .service-product-grid:focus
{
	background-color: #e47430;
}

.service-product-grid img
{
	display: block;
	width: 100%;
	margin: -2px 0 0 0;
	padding: 0;
	border-bottom: 3px solid white;
	transition: all 0.2s ease-in-out;
}

.service-product-grid h3
{
	position: relative;
	font-size: 1.1em;
	color: white;
	padding: 0.5em 0;
	margin: 0;
	z-index: 99;
}

.service-product-grid p
{
	color: white;
}

.service-product-grid:hover .orange-tint, .service-product-grid:focus .orange-tint
{
	height: 100%;
}

/*------------- Services Grid --------------*/

.service-bg
{
	float: left;
	width: 100%;
	background: url(../images/service_-_mar21.png) no-repeat top center;
	background-size: cover;
	padding-bottom: 2em;
}

.service-grid
{
	position: relative;
	float: left;
	width: 48%;
	margin: 1em 0.5% 0 0.5%;
	padding: 0.1em 0;
	text-align: center;
	background-color: #091046;
	transition: all 0.2s ease-in-out;
}

.service-grid:hover, .service-grid:focus
{
	background-color: #e47430;
}

.service-grid img
{
	display: block;
	width: 100%;
	margin: -2px 0 0 0;
	padding: 0;
	border-bottom: 3px solid white;
	transition: all 0.2s ease-in-out;
}

.service-grid h3
{
	position: relative;
	font-size: 1.5em;
	color: white;
	padding: 0.5em 0;
	margin: 0;
	z-index: 99;
}

.service-grid p
{
	color: white;
}

.service-grid:hover .orange-tint, .service-grid:focus .orange-tint
{
	height: 100%;
}

.orange-tint
{
	display: block;
	position: absolute;
	z-index: 98;
	bottom: 0;
	width: 100%;
	height: 0%;
	background-color: rgba(227, 116, 47, 0.5);
	transition: all 0.3s ease-in-out;
}

/*------------- USP Grid -------------------*/

.usp-grid
{
	position: relative;
	float: left;
	width: 94%;
	margin: 1em 3% 0 3%;
	padding: 0.1em 0;
	text-align: center;
	background-color: white;
	transition: all 0.2s ease-in-out;
}

.usp-grid img
{
	display: block;
	width: 100%;
	margin: -2px auto 0 auto;
	padding: 0;
	border-bottom: 3px solid white;
	transition: all 0.2s ease-in-out;
}

.usp-grid h3
{
	position: relative;
	font-size: 1.5em;
	color: #249fda;
	padding: 0.5em 0;
	margin: 0;
	z-index: 99;
}

/*--------- Product Category Grid -------------*/

.products-bg
{
	float: left;
	width: 100%;
	background: url(../images/body-bg1.jpg) no-repeat top center;
	background-size: cover;
	padding-bottom: 2em;
}

.product-category-grid
{
	position: relative;
	float: left;
	width: 48%;
	margin: 1em 0.5% 0 0.5%;
	padding: 0.1em 0;
	text-align: center;
	background-color: #091046;
	transition: all 0.2s ease-in-out;
}

.product-category-grid:hover, .product-category-grid:focus
{
	background-color: #FF951F;
}

.product-category-grid img
{
	display: block;
	width: 100%;
	margin: -2px 0 0 0;
	padding: 0;
	border-bottom: 3px solid white;
	transition: all 0.2s ease-in-out;
}

.product-category-grid h3
{
	position: relative;
	font-size: 1.5em;
	color: white;
	padding: 0.5em 0;
	margin: 0;
	z-index: 99;
}

.product-category-grid:hover .orange-tint, .product-category-grid:focus .orange-tint
{
	height: 100%;
}

/*--------- Product Grid -------------*/

.products-bg
{
	float: left;
	width: 100%;
	background: url(../images/body-bg1.jpg) no-repeat top center;
	background-size: cover;
	padding-bottom: 2em;
}

.product-grid
{
	position: relative;
	float: left;
	width: 99%;
	margin: 1em 0% 0 0%;
	padding: 0.1em 0%;
	/*background-color: #249fda;*/
	transition: all 0.2s ease-in-out;
}

.product-title
{
	float: left;
	width: 100%;
	background-color: #091046;
	padding: 1em 10px;
	margin: 0;
}

.product-title h3
{
	position: relative;
	width: 50%;
	font-size: 1.3em;
	color: white;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	
}

.product-col
{
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.product-col p
{
	margin-top: 1em;
}

.product-col img
{
	position: relative;
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	border: 5px solid white;
	transition: all 0.2s ease-in-out;
	margin-top: 0em;
	
}

a.product-more-orange, a.product-more-orange:visited
{
	display: block;
	width: 90%;
	margin: 0.5em auto;
	padding: 10px 0;
	background-color: #FF951F;
	color: white;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

a.product-more-blue, a.product-more-blue:visited
{
	display: block;
	width: 90%;
	margin: 0.5em auto;
	padding: 10px 0;
	background-color: #249fda;
	color: white;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

a.product-more-orange:hover, a.product-more-blue:hover, a.product-more-orange:focus, a.product-more-blue:focus
{
	border-radius: 30px;
}

hr.product-hr
{
	width: 50%;
	height: 5px;
	margin: 1.5em auto;
	padding: 0;
	background-color: #249fda;
}

button.orange
{
	display: block;
	width: 90%;
	margin: 0.5em auto;
	font-size: 1em;
	padding: 10px 0;
	background-color: #FF951F;
	color: white;
	text-align: center;
	transition: all 0.3s ease-in-out;	
}

button.dark-blue
{
	display: block;
	width: 90%;
	margin: 0.5em auto;
	font-size: 1em;
	padding: 10px 0;
	background-color: #091046;
	color: white;
	text-align: center;
	transition: all 0.3s ease-in-out;	
}

/*---------- Quick Links Section ------------*/

.link-section
{
	float: left;
	width: 98%;
	background-color: #249fda;
	text-align: center;
	margin: 0em 0.5% 1em 0.5%;
	padding: 1em 0.5%;
	transition: all 0.3s ease-in-out;
}

.link-section:hover, .link-section:focus
{
	/*border-radius: 0 0 50px 50px;*/
	background-color: #FF951F;
}

/*.link-section:nth-child(3n+1)
{
	background-color: #acadad;
}

.link-section:nth-child(3n+2)
{
	background-color: #249fda;
}

.link-section:nth-child(3n+3)
{
	background-color: #FF951F;
}*/

.link-section h3
{
	font-size: 1.5em;
	color: white;
	text-transform: uppercase;
}

.link-section a, .link-section a:visited
{
	color: white;
}


/*-------- Team Grid and Team Pages ----------*/

.team-grid
{
	position: relative;
	float: left;
	width: 48%;
	margin: 1em 0.5% 0 0.5%;
	padding: 0.1em 0;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.team-grid h3
{
	color: #249fda;
	margin: 0;
	padding: 0;
}

.team-grid h4
{
	color: #1a1a1a;
	margin: 0;
	padding: 0;
}

a.staff-linkedin, a.staff-linkedin:visited
{
	display: block;
	width: 50%;
	margin: 1em auto;
	padding: 5px;
	text-align: center;
	color: white;
	font-size: 1.2em;
	/*order: 2px solid white;*/
}

a.staff-linkedin img
{
	display: block;
	width: 50px;
	margin: 0 auto;	
}

a.staff-back, a.staff-back:visited
{
	display: block;
	width: 31%;
	margin: 0em auto 0 auto;
	padding: 10px 0;
	text-align: center;
	background-color: #FF951F;
	color: white;
	font-size: 1.4em;
	border: 2px solid white;
}

/*------------- Testimonial Excerpt Strip -------------*/

.quotes
{
	padding: 0px 0;
	background: url(../images/open-quotes.png) no-repeat 0% 50%, url(../images/close-quotes.png) no-repeat 100% 50%;
	background-size: 120px, 120px;
}

.quotes img
{
	display: block;
	float: left;
	width: 200px;
}

.quotes h3
{
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: right;
}

p.author
{
	font-size: 1.5em;
	color: #ca7046;
	text-transform: uppercase;
}


/*----------- Slider ----------------*/


.testimonial-slider {
   display: block;
   width: 92%;
   height: auto;
   margin: 0 auto;
   padding: 0 4%;
   text-align: center;
   /*background: url(../images/quote-left.png) no-repeat 0% top, url(../images/quote-right.png) no-repeat 100% top;*/
	/*background-size: contain, contain;*/
}

.quote
{
	display: block;
		
}

.testimonial-slider ul.slider {
   display: block;
   list-style: none;
   padding: 2em 0 0 0;
   position: relative;
   display: inline-block;
   width: 100%;
   height: 300px;
   overflow: hidden;
   margin: 0 auto;
}

.testimonial-slider ul.slider li {
    position: absolute;
    display: block;
    width: 80%;
    opacity: 0;
    margin: 0 10%;
    font-size: 1em;
}
.testimonial-slider ul.slider li:nth-child(1) {
    opacity: 1;
    animation: fade-animation-1 25s infinite;
}
.testimonial-slider ul.slider li:nth-child(2) {
            animation: fade-animation-2 25s infinite;
}
.testimonial-slider ul.slider li:nth-child(3) {
            animation: fade-animation-3 25s infinite;
}
.testimonial-slider ul.slider li:nth-child(4) {
            animation: fade-animation-4 25s infinite;
}

.testimonial-slider a, .testimonial-slider a:visited
{
	display: block;
	text-align: center;
	width: 100px;
	margin: 0em auto;
	padding: 5px;
	color: white;
	background-color: #7fa0b8;
	transform: translate(0, -1em);
	transition: all 0.2s ease-in-out;
}

.testimonial-slider a:hover, .testimonial-slider a:focus
{
	border-radius: 25px;
}

cite.author
{
	display: block;
	margin: 1em 0 0 0;
	font-family: 'AvenirHeavy';
	font-style: normal;
	font-size: 1.1em;
}

/* KEYFRAME DECLARATIONS */
@keyframes fade-animation-1 {
    0%, 25%, 100% {
        opacity:0
    }
    3%, 22% {
        opacity: 1;
    }
}
@keyframes fade-animation-2 {
    0%, 25%, 50%, 100% {
        opacity:0
    }
    28%, 47% {
        opacity: 1;
    }
}
@keyframes fade-animation-3 {
    0%, 50%, 75%, 100% {
        opacity:0
    }
    53%, 72% {
        opacity: 1;
    }
}
@keyframes fade-animation-4 {
    0%, 75%, 100% {
        opacity:0
    }
    78%, 97% {
        opacity: 1;
    }
}

/*------------- CTA Strip -------------*/

.cta-bg
{
	/*background: linear-gradient(65deg, #FF951F 12%, transparent 12%, transparent 88%, #FF951F 88%), #249fda;*/
	background: radial-gradient(ellipse at right top, transparent 25%, transparent 75%, #FF951F 75%), #091046;
	background: linear-gradient(80deg, #FF951F 14%, #091046 14%);
}

.cta-bg p
{
	color: white;
}

.cta-col
{
	float: left;
	width: 97%;
	margin: 0.5em 1% 1;
	padding: 1em 0%;
	text-align: center;
}

/*.cta-col:nth-child(2)
{
	float: left;
	width: 30%;
	margin: 0em 1% 1em 1%;
	padding: 1em 0%;
}

.cta-col:nth-child(3)
{
	float: left;
	width: 30%;
	margin: 0em 0% 1em 2%;
	padding: 1em 0%;
	text-align: left;
}*/

.cta-col img
{
	display: block;
	width: 60%;
}

.cta-col h3
{
	width: 80%;
	font-size: 5vw;
	color: white;
	margin: 2em 0 0 0;
}

.cta-col p
{
	width: 80%;
	font-size: 4vw;
	color: white;
	margin: 2em 0 0 0;
}

.cta-col a, .cta-col a:visited
{
	font-size: 1.4em;
	color: white;
}

.social-container
{
	float: left;
	width: 80%;
	margin: 0 10%;
	text-align: center;
}

.social-container a:nth-child(3)
{
	clear: both;
}

img.social-icon
{
	display: inline-block;
	width: 70px;
	margin: 0.2em auto;
	padding: 0 10px;
}


/*----------------------- News Pages ----------------*/

.news-grid
{
	float: left;
	width: 45%;
	margin: 1em 1%;
	padding: 0.5em 1%;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	text-align: center;
	border: 1px solid #249fda;
}

.news-grid img
{
	display: block;
	width: 100%;
	margin: 0 auto 1em auto;
	padding: 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.news-grid img:hover, .news-grid img:focus
{
	transform: scale(1.04);
	filter: brightness(70%);
}

.news-grid h2, .news-grid h3
{
	text-align: center;
	margin: 0;
	font-size: 1.6em;
}

.news-grid p
{
	color: #1a1a1a; 
	font-size: 0.9em;
}

p.date
{
	font-size: 1em;
	text-align: center;
	margin: 0;
	color: #249fda;
}

.newsletter-signup
{
	float: left;
	width: 50%;
}

button.see-more
{
	width: 140px;
	margin: 2em auto;
	font-family: 'AvenirLight';
	font-size: 1.2em;
	color: #422919;
	cursor: pointer;
	padding: 15px 0;
	text-align: center;
	background-color: transparent;
	border: 2px solid #a9bba7;
	transition: all 0.2s ease-in-out;
}

button.see-more:hover, button.see-more:focus
{
	border-radius: 50px;
	/*background-color: #a9bba7;*/
}

button.see-more a, button.see-more a:visited
{
	color: #422919;
}

/*---------Knowledge Base, FAQ and Troubleshooting----------*/


.knowledge-bg
{
	float: left;
	width: 100%;
	background: url(../images/external_-_greyed_out.jpg) no-repeat center 1%;
	background-size: cover;
	padding-bottom: 2em;
}

.knowledge-section
{
	position: relative;
	float: left;
	width: 98%;
	margin: 1em 0.5% 0 0.5%;
	padding: 0.1em 0;
	text-align: center;
	background-color: #249fda;
	transition: all 0.2s ease-in-out;
}

.knowledge-section:hover, .knowledge-section:focus
{
	background-color: #FF951F;
}

.knowledge-section img
{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid white;
	transition: all 0.2s ease-in-out;
}

.knowledge-section h3
{
	position: relative;
	font-size: 1.5em;
	color: white;
	/*text-transform: uppercase;*/
	padding: 0.5em 0;
	margin: 0;
	/*background-color: #249fda;*/
	z-index: 99;
}

.knowledge-section:hover .orange-tint, .knowledge-section:focus .orange-tint
{
	height: 100%;
}

.faq-section
{
	position: relative;
	float: left;
	width: 98%;
	margin: 1em 0.5% 0 0.5%;
	padding: 0.1em 0;
	text-align: center;
	background-color: #091046;
	transition: all 0.2s ease-in-out;
}

.faq-section:nth-child(even)
{
	background-color: #091046;	
}

.faq-section:hover
{
	background-color: #FF951F;
}

.faq-section h3
{
	position: relative;
	font-size: 1.5em;
	color: white;
	/*text-transform: uppercase;*/
	padding: 0.5em 0;
	margin: 0;
	/*background-color: #249fda;*/
	z-index: 99;
}

/*--------------- Modal Box -----------------*/

/* Popup Box */


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 8889; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: white; /* Fallback color */
    background-color: rgba(255, 255, 255, 0.9); /*  w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background: url(../images/charlie-watermark-1.png) no-repeat 50% 50% #2a265a;
    background-size: 40%;
    background-color: #091046;
    margin: 10vh auto; /* 15% from the top and centered */
    padding: 30px;
   /* border: 2px solid #9ad4f0;*/
   border-radius: 0 0 0 50px;
    width: 90%;
    max-width: 800px;
     /* Could be more or less, depending on screen size */
    color: white;
    /*text-align: center;*/
}

.modal-content h3
{
	font-size: 3em;
	text-align: center;
	color: white;
	text-transform: uppercase;
}

.modal-content a
{
	display: block;
	font-family: 'Sugar Pie';
	color: #FF951F;
	font-size: 1.9em;
	text-align: center;
	margin-top: 1em;
	line-height: 1em;
}

.modal-content p, .modal-content li
{
	font-size: 1.3em;
}

.modal-col
{
	float: left;
	width: 50%;
	margin: 1em 0;
	padding: 0;
	background-color: #48428d
}

img.modal-img
{
	display: block;
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 3em;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #9ad4f0;
    text-decoration: none;
    cursor: pointer;
}

button.button
{
	float: left;
	position: relative;
	width: 90%;
	/*min-height: 200px;*/
	margin: 1em 1%;
	padding: 0em 4% 1em 4%;
	background-color: #091046;
	/*border-radius: 50%;*/
	text-align: center;
	border: none;
	color: white;
	font-size: 1.2em;
	transition: all ease-in-out 0.2s;
	overflow: visible;
	cursor: pointer;
	box-shadow: 2px 2px 2px silver;
}

/*button.button:after
{
	content: '';
	position: absolute;
	bottom: 15%;
	left: 20%;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top-color: #e47430;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -30px;
}*/

button.button:hover
{
	/*transform: scale(1.05);*/
	background-color: #FF951F;
}

button.button:nth-child(odd)
{
	/*background-color: #FF951F;*/

}

button.button:nth-child(even)
{
	/*background: url(../images/charlie-watermark-1.png) no-repeat 50% 50% #2a265a;*/
	/*background-color: #249fda;*/
}

 button.button:nth-child(even):after
{
	/*border-top-color: #249fda;*/
}

.button p
{
	
	font-size: 1.4em;
	padding: 1em 0;
}

.button p.read-more
{
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 150px;
	margin: 1em 0 0 0;
	padding: 8px 1%;
	color: #b9c9e4;
	color: white;
	font-weight: 400;
	background-color: #FF951F;
	border-radius: 0 0 0 30px;
}

.button h3.answer
{
	/*float: right;*/
	position: absolute;
	width: 90px;
	bottom: 20px;
	right: 20px;
	margin: 1em 0 0 0;
	padding: 0 0px;
	background-color: #FF951F;
	color: white;
	text-align: center;
}

/*-------------- Previous and Next Buttons on News Pages ---------------*/

.prev-next-container
{
	/*clear: both;*/
	float: left;
	width: 100%;
	padding: 0.5em 0;
	text-align: center;
	margin: 0;
}

ul#prev-next 
{
	width: 100%;
	margin: 0 auto;
}
  
#prev-next li
{
	float: none;
	width: auto;
	min-width: 30px;
	min-height: 40px;
	margin: 0em 20px 0em 20px;
	padding: 0.2em 1% 0.3em 1%;
	background-color: transparent;
	text-align: center;
	display: inline-table;
	list-style: none;
	color: #484848;
	font-size: 1.2em;
	border-radius: 2px;
}

#prev-next li a, #prev-next li a:active
{
	
	color: #3aaa35;
}

#prev-next li:hover, #prev-next li:focus, #prev-next li a:hover, #prev-next li a:focus
{
	background-color: transparent;
}


#prev-next a.no-after, #prev-next li.no-after
{
 	display: none;
}

#prev-next a.no-before, #prev-next li.no-before
{
 	display: none;
}

/*----------------------- Document Download Page ----------------*/

.docs-bg
{
	float: left;
	width: 100%;
	background: url(../images/blog_background2.jpg) no-repeat top center;
	background-size: cover;
	padding-bottom: 2em;
}

.docs-grid
{
	float: left;
	width: 46%;
	margin: 1em 1%;
	padding: 0.5em 1%;
	transition: all 0.3s ease-in-out;
	background-color: #091046;
	overflow: hidden;
	text-align: center;
}

.docs-grid:hover, .docs-grid:focus
{
	background-color: #FF951F;	
}

.docs-grid img
{
	display: block;
	width: 100%;
	margin: 0 auto 1em auto;
	padding: 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.docs-grid img:hover, .docs-grid img:focus
{
	transform: scale(1.04);
	filter: brightness(70%);
}

.docs-grid h2, .docs-grid h3
{
	text-align: center;
	margin: 0;
	font-size: 1.6em;
	color: white;
}

.docs-grid p
{
	color: #1a1a1a; 
	font-size: 0.9em;
}


/*---------- Map Strip -----------------*/

					
.map-strip
{
	clear: both;
	width: 100%;
	height: auto;
	max-height: 600px;
	/*margin-bottom: 1.5em;*/
}

.google-maps
{
	position: relative;
	padding-bottom: 35%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 600px;
	/*filter: grayscale(100%);*/
}


/*---------- Contact Page and Form ----------*/

.contact-page p
{
	font-family: 'AvenirLight';
	font-size: 1.1em;
}

.contact-page p a, .contact-page p a:visited
{
	color: #1a1a1a;
}

a.white-link, a.white-link:visited
{
	display: block;
	color: white;
	font-size: 1.5em;
	margin-bottom: 1em;
}

form
{
	float: left;
	width: 80%;
	font-size: 1.3em;
	padding: 0 0 0 0;
	margin: 0em 10% 0 10%;
}

form#cta-form
{
	float: left;
	width: 60%;
	font-size: 1.3em;
	padding: 0 0 0 0;
	margin: 0em 20% 0 20%;

}

fieldset ul
{
	width: 98%;
	max-width: 100%;
	padding: 0 1%;
	margin: 0 auto;
	list-style: none;
}

li.input-line
{
	margin: 0em 0% 0.5em 0%;
	list-style: none;
}

li.input-line label
{
	display: block;
	text-align: left;
	/*width: 15%;*/
	padding-right: 1em;
}

li.input-line input
{
	width: 99.5%;
	min-height: 1.5em;
	font-size: 0.9em;
	border: none;
	text-align: left;
	margin: 0;
	padding: 0 0 0 0.5%;
	font-family: 'AvenirLight';
	
	background-color: white;
}

li.input-line input#email2
{
	display: none;
}

li.input-line textarea
{
	width: 99.5%;
	min-height: 150px;
	font-size: 0.9em;
	border: none;
	text-align: left;
	margin: 0;
	padding: 0 0 0 0.5%;
	font-family: 'AvenirLight';
	background-color: white;
}


li.submit
{
	list-style: none;
	margin: 1em auto 2em auto;
}

li.submit input
{
	display: block;
	width: 140px;
	margin: 1em auto;
	font-family: 'AvenirLight';
	font-size: 1em;
	cursor: pointer;
	padding: 10px 0;
	text-align: center;
	background-color: white;
	transition: all 0.2s ease-in-out;
	-webkit-appearance: none;
	border: none;
}

li.submit input:hover
{
	border-radius: 50px;
}


.g-recaptcha
{
	width: 300px;
	margin: 0 auto;
}


/*----------------- Newsletter Signup Form---------------*/

a.newsletter-signup-link
{
	margin: 1em 0 0 0;
	padding: 0.4em 8%;
	font-family: 'AvenirLight';
	color: #FF951F;
	font-size: 2.4em;
	border: 4px solid #2a265a;
	border-radius: 40px;
}

form#newsletter
{
	float: left;
	width: 98%;
	font-size: 1.3em;
	padding: 0 0 0 0;
	margin: 0 1% 1em 1%;
	/*border: 4px solid #2a265a;*/
	/*border-radius: 40px;*/
}

fieldset.fieldset-newsletter ul.newsletter-form
{
	width: 48%;
	float: left;
	/*max-width: 100%;*/
	padding: 0 1%;
	margin: 0;
	list-style: none;
}

li.signup-input
{
	margin: 0em 0% 0.5em 0%;
	list-style: none;
}

li.signup-input label
{
	display: block;
	text-align: left;
	/*width: 15%;*/
	padding-right: 1em;
}

li.signup-input input
{
	width: 100%;
	min-height: 1.5em;
	font-size: 0.9em;
	text-align: left;
	margin: 0;
	padding: 0.1em 0 0 2%;
	font-family: 'AvenirLight';
	background-color: white;
	border: none;
}

li.signup-input input#email2
{
	display: none;
}


li.newsletter-submit
{
	list-style: none;
	margin: 0.5em auto 2em auto;
}

li.newsletter-submit input
{
	display: block;
	float: left;
	width: 140px;
	margin: 0 0 0 10%;
	font-family: 'AvenirLight';
	font-size: 1em;
	cursor: pointer;
	padding: 10px 0;
	text-align: center;
	background-color: white;
	transition: all 0.2s ease-in-out;
	-webkit-appearance: none;
	border: none;
}

li.newsletter-submit input:hover, li.newsletter-submit input:focus
{
	border-radius: 20px;
}


/*-------- Search Function and Results -----------*/

form.search
{
	float: left;
	width: 100%;
	margin: 0em 0%;
	padding: 0;
}

form.search label
{
	font-family: 'AvenirLight';
}

form.search input
{
	float: left;
	width: 80%;
	height: 2em;
	min-height: 1.5em;
	font-size: 0.8em;
	border: 2px solid #091046;
	text-align: left;
	margin: 3em 10%;
	padding: 0;
	font-family: 'AvenirLight';
	background-color: white;
}

form.search button.search-button
{
	clear: both;
	display: block;
	width: 140px;
	margin: 2em auto;
	font-family: 'Helvetica';
	font-size: 0.8em;
	cursor: pointer;
	padding: 10px;
	text-align: center;
	color: white;
	background-color: #091046;
	transition: all 0.2s ease-in-out;
	-webkit-appearance: none;
}	

a.search-result
{
	display: block;
	float: left;
	width: 98%;
	padding: 0 1%;
	margin: 0.5em 0;
	background-color: #e9e9e9;
}

a.search-result:hover, a.search-result:focus
{
	background-color: #FF951F	
}

a.search-result, a.search-result:visited
{
	color: #249fda;
	color: #091046;
}

/*---------- Footer ---------------*/

footer
{
	clear: both;
	float: left;
	width: 98%;
	/*background-color: #1a1a1a;*/
	background-color: #091046;
	font-size: 1em;
	color: white;
	padding: 2em 1%;
	text-align: center;
}

.footer-col
{
	float: left;
	width: 98%;
	margin: 0 1%;
	padding: 0;
	color: white;
}

.footer-col h3, .footer-col h4
{
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
}

.footer-col img
{
	width: 80%;
	max-width: 340px;
}

a.footer-quick-links, a.footer-quick-links:visited
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	z-index: 0;
	align-items: center;
	width: 250px;
	margin: 0.5em 20px;
	padding: 5px 5px;
	text-decoration: none;
	line-height: 1.3em;
	font-size: 1.4em;
	color: white;
	border-bottom: 1px solid white;
}



a.footer-quick-links:hover, a.footer-quick-links:focus
{
	/*color: #0071d1;*/
	color: white;
}

footer a, footer a:visited
{
	display: block;
	color:white;
	text-decoration: underline;
	font-size: 1em;
}

footer a:hover, footer a:focus
{
	color: #FF951F;
}

footer.legals
{
	clear: both;
	float: left;
	width: 100%;
	background-color: #091046;
	font-size: 0.9em;
	color: #d6d6d6;
	padding: 0em 0%;
	text-align: center;
	border-top: 1px solid white;
}

footer.legals a, footer.legals a:visited
{
	color: white;
	text-decoration: underline;
}

footer.legals a:hover, footer.legals a:focus
{
	color: #FF951F;
}

.reg-details
{
	clear: both;
	float: left;
	width: 100%;
	font-size: 0.8em;
	color: white;
	/*background-color: #1a1a1a;*/
	padding: 1em 0;
}

.reg-details a, .reg-details a:visited
{
	color: white;
}

.reg-details p
{
	text-align: center;
	line-height: 1.3em;
}