@import url(reset.css); 

/*

	Main CSS:
	Copyright (C) 2020 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: 'LatoThin';
	src: url('../fonts/LatoThin.eot'); src: url('../fonts/LatoThin.eot?#iefix') format('embedded-opentype'), url('../fonts/LatoThin.svg#LatoThin') format('svg'), url('../fonts/LatoThin.woff') format('woff'), url('../fonts/LatoThin.ttf') format('truetype');	
	font-display: swap;
}

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

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

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

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

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

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

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

body
{
	position: relative;
	font-family: 'LatoMedium', sans-serif;
	font-size: 1.0em;
	line-height: 1.9em;
	letter-spacing: 0px;
	color: #3f3e40;
	text-align: left;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: transparent;
}

header
{
	position: fixed;
	z-index: 100;
	float: left;
	width: 100%;
	/*height: 70px;*/
	padding: 0 10px 10px 0;
	/*margin: 0;
	text-align: center;
	/*background: transparent;*/
	/*background: #0d6179;*/
	background-image: linear-gradient(180deg, #0d6179 88%, transparent 88%);
}

.clear
{
	clear: both;
}

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

.wave-top-bg
{
	float: left;
	width: 100%;
	height: 12vw;
	padding: 0em 0 0 0;
	background: url(../images/top-wave.svg) no-repeat 0% 100%;
	background-size: 100%;
	
}

.wave-bottom-bg
{
	float: left;
	width: 100%;
	height: 12vw;
	padding: 0 0 0em 0;
	background: url(../images/bottom-wave2.svg) no-repeat 0 0;
	background-size: 100%;
}

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

.large-margin
{
	margin-top: 3em;
}

.extra-padding
{
	padding: 3em 0;
}

.extra-padding2
{
	padding: 10em 0 3em 0;
}

.page-heading
{
	
	position: relative;
	float: left;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 0;
}

.page-heading-icon
{
	float: left;
	width: 20%;
	padding: 8em 0 3em 0;
}

.page-heading-icon img
{
	display: block;
	width: 100%;
	max-width: 140px;
}

.page-heading-home
{
	position: relative;
	float: left;
	width: 75%;
	margin: 0 0 0 5%;
	padding: 8em 0 3em 0;
}

.page-heading-home h1
{
	margin-top: 0;
}

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

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

.page-heading-home p > img
{
	display: block;
	float: left;
	width: auto;
	max-width: 280px;
	padding: 0 2% 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-v-align
{
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center;
	z-index: 0;
	align-items: center;
	
}

.bottom-border
{
	border-bottom: 2px solid #0d6179;
}

h1
{
	width: 100%;
	margin: 1em 0% 0 0;
	font-size: 7vw;
	font-family: 'LatoBold';
	line-height: 1em;
	color: #0d6179;
}

h2
{
	font-size: 2.5em;
	margin: 1em 0%;
	line-height: 1.2em;
	font-family: 'LatoBold';
	padding: 0;
	color: #0d6179;
}

h3
{
	font-size: 2em;
	margin: 1em 0;
	font-weight: normal;
	line-height: 1.7em;
	padding: 0;
	font-family: 'LatoBold';
	color: #0d6179;
}

h4
{
	font-size: 1.5em;
	margin: 1em 0;
	padding: 0;
	font-family: 'LatoBold';
	color: #0d6179;
}

h5
{
	font-size: 1.3em;
	font-style: normal;
	text-align: left;
	margin: 1em 0;
	padding: 0;
	font-family: 'LatoLight';
	color: #0d6179;
}



span.LatoLight
{
	font-family: 'LatoLight';	
}

span.R
{
	font-size: 0.3em;
}

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

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

.box-style p
{
	margin-bottom: 1em;
}

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

a, a:visited
{
	color: #0d6179;
}

blockquote h3
{
	font-family: 'LatoLight';
}

cite
{
	font-style: italic;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}


.text-white
{
	color: white;
}

.text-green
{
	color: #4eb251;
}

.text-light-green
{
	color: #90d461;
}

.text-lime-green
{
	color: #b6df1e;
}

.text-blue
{
	color: #0d6179;
}

.text-grey
{
	color: #3f3e40;
}

.centre
{
	text-align: center;
}

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

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

hr
{
	clear: both;
	width: 140px;
	height: 3px;
	margin: 2em auto;
	background-color: #0d6179;
	background-color: #b6df1e;
	border: none;
}

hr.blue90
{
	clear: both;
	width: 50%;
	height: 2px;
	margin: 4em auto 0em auto;
	background-color: #0d6179;
	border: none;
}

hr.green
{
	clear: both;
	width: 140px;
	height: 3px;
	margin: 2em auto;
	/*background-color: #40a230;*/
	background-color: #b6df1e;
	border: none;
}

hr.white
{
	clear: both;
	width: 140px;
	height: 3px;
	margin: 2em auto;
	/*background-color: #40a230;*/
	background-color: white;
	border: none;
}

hr.tiny
{
	clear: both;
	float: left;
	width: 40px;
	height: 3px;
	margin: 1em 0;
	background-color: #dff37f;
	border: none;
}

pre
{
	position: absolute;
	clear: both;
	display: block;
	bottom: 0;
	width: 50%;
	max-width: 300px;
	background-color: #0d6179;
	background-color: #b6df1e;
	font-family: 'LatoBold';
	font-size: 1.3em;
	color: white;
	padding: 10px 5px;
	margin: 0.5em 0 0.5em 0;
	white-space: pre-wrap;
	overflow-x: auto;
	border-radius: 10px;
}

pre a, pre a:visited
{
	color: white;
}

pre.type2
{
	//position: absolute;
	clear: both;
	display: block;
	//bottom: 0;
	width: 50%;
	max-width: 300px;
	background-color: #0d6179;
	//background-color: #b6df1e;
	font-family: 'LatoBold';
	font-size: 1.3em;
	color: white;
	padding: 10px 5px;
	margin: 2em auto 0.5em auto;
	white-space: pre-wrap;
	overflow-x: auto;
	border-radius: 10px;
}

table tr:first-child td:first-child
{
	border-top-left-radius: 15px;
}

table tr:first-child td:last-child
{
	border-top-right-radius: 15px;
}

table tr:last-child td:first-child
{
	border-bottom-left-radius: 15px;
}
	
table tr:last-child td:last-child
{
	border-bottom-right-radius: 15px;
}

/*---------- Background Colours -------------*/

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

.green-bg
{
	background-color: #4eb251;
}

.lime-green-bg
{
	background-color: #b6df1e;
}

.blue-bg
{
	background-color: #0d6179;
}

.light-blue-bg
{
	background-color: #daecf0;
}

.content-blobs
{
	background: url(../images/equip-blobs-left-side.svg) no-repeat 0% 50%, url(../images/equip-blobs-right-side.svg) no-repeat 100% 50%, #daecf0;
	background-size: contain, contain, contain;
	
}

.content-blobs-dark-blue
{
	background: url(../images/equip-blobs-left-side.svg) no-repeat 0% 50%, url(../images/equip-blobs-right-side.svg) no-repeat 100% 50%, #0d6179;
	background-size: contain, contain, contain;
	
}

.content-blobs-green
{
	background: url(../images/equip-blobs-left-side.svg) no-repeat 0% 50%, url(../images/equip-blobs-right-side.svg) no-repeat 100% 50%, #b6df1e;
	background-size: contain, contain, contain;
	
}

.bottom-curve, .top-curve
{
	float: left;
	width: 100%;
	padding: 1em 0;
	margin: 0;	
}

.invert
{
	transform: rotateZ(180deg);
	padding: 0;
	margin: 0;
}

.dark-grey-bg
{
	background-color: #3f3e40;
}

.light-grey-bg
{
	background-color: #e2e2e2;
}

.gradient-bg
{
	background: linear-gradient(165deg,#40a230, #90d461);
}

/*----------- 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(-200px);
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    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;
  }
}

/*------------- Logo Area -------------*/

.logo-container
{
	
	float: left;
	width: 50%;
	padding: 10px 0 0 0;
	margin: 0;
	
}

.logo-container img
{
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
}

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


/*---------- Header Login -----------*/

.header-login
{
	position: absolute;
	width: 100px;
	height: 50px;
	top: 100px;
	right: 30px;
	z-index: 200;
}
	
a.header-client-login, a.header-client-login:visited
{
	display: block;
	float: left;
	width:100px;
	margin: 0.5em;
	padding: 10px;
	background-color: white;
}	


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

.nav-horizontal
{
	display: none;
	float: left;
	width: 48%;
	height: 70px;
	margin: 0 0 0 0;
	padding: 30px 1% 0em 1%;
	text-align: right;
	
}

.nav-horizontal a {
  padding: 8px 5px 5px 5px;
  margin: 0 10px;
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  transition: 0.3s;
  font-size: 1.1em;
  font-family: 'LatoMedium';
}

.nav-horizontal a:hover{
  /*color: #3f3e40;*/
  border-top: 1px solid white;
}

.nav-horizontal a.active
{
	/*color: #3f3e40;*/
	border-top: 1px solid white;
}


/*------ Test Horizontal Nav ----------*/

nav {
  display: none;
  position: relative;
  float: left;
  width: 48%;
  margin: 0;
  height: 70px;
  padding: 30px 1% 0em 1%;
  text-align: right;
  
}

nav ul {
  list-style:none;
  padding: 0;
  margin: 0;
  //height: 70px;
  font-size: 1.1em;
}


nav ul li {
  display: inline-block;
  /*color:white;*/
}


nav ul li, nav ul li:visited {
  /*color:white;
  display:block;
  padding: 0px 0px;
  text-transform: uppercase;
  text-decoration:none;
  float: left;
  height: 70px;
  line-height: 70px;*/
  
  
  
  margin: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  //font-size: 1em;
  font-family: 'LatoMedium';
  
}

nav ul li a, nav ul li a:visited
{
	color: white;
	padding: 8px 5px 5px 5px;
	//display: block;
	float: left;
	border-top: 1px solid #0d6179;
}

nav ul li a:hover {
  /*background: #333333;*/
  border-top: 1px solid white;
  color:white;
  //color: #0d6179;
  //background: #daecf0;
  //border-radius: 10px 10px 0 0;
}

nav ul li a.active
{
	//background: #daecf0;
	color: white;
	//border-radius: 10px;
	border-top: 1px solid white;	
}

nav ul li:hover > a{
	//color:white;
}

nav ul li:hover > ul {
  //display: block;
  height: 45px;
}

nav ul li ul {
  background: #daecf0;
  text-align: center;
  width: auto;
  height: auto;
  height: 0;
  //display:none;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 70px;
  left: 0px;
  //line-height: 70px;
  padding:0;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;

}

nav ul li ul li a, nav ul li ul li a:visited
{
	//display: block;
	//margin: 0;
	//padding: 0;
	color: #0d6179;
	border: 0;
}

nav ul li ul li a:hover
{
	color: #0d6179;
	text-decoration: underline;
	border: none;
}
/*------------ Header CTA --------------*/

.header-cta
{	
	display: block;
	float: right;
	width: 27%;
	margin-left: 3%;
}

button.header-demo
{
	display: block;
	float: left;
	width: 125px;
	margin: 5px 20px 5px 0;
	padding: 10px 5px;
	border: none;
	background-color: white;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
	font-family: 'LatoBold';
}

button.header-demo a, button.header-demos a:visited
{
	color: #0d6179;
	font-size: 1em;
}

button.header-demo:hover, button.header-demo:focus
{
	transform: scale(1.05);
}

.bottom-curve-nav
{
	position: fixed;
	float: left;
	z-index: 99;
	width: 100%;
	height: 25px;
	margin: 75px 0 0 0;
	padding: 0;
}

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

.nav
{
	/*position: fixed;*/
	float: right;
	width: 20%;
	/*height: 2em;*/
	margin: 0em 0 0 0;
	padding: 30px 0 0 0;
	text-align: right;
	background-color: transparent;
	font-family: 'LatoMedium';
}

.symbol-holder
{
	float: right;
	width: 50px;
	height: 44px;
	/*min-width: 150px;*/
	color: white;
	margin: 0 auto;
	padding: 0;
}

.symbol-holder:hover
{
	color: #a7a7a5;
}

p.menu-symbol
{
	font-size: 2.0em;
	text-align: center;
	padding: 0;
	margin: 0;
}

.symbol-holder-scroll
{
	margin: 0 auto;
	padding: 0 0;
	color: white;
}

.symbol-holder-scroll:hover
{
	color: rgb(58,170,53);
	color: #a9bba7;
}

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

.sidenav {
  height: 0;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  padding-top: 0vw;
  /*background: #b6df1e;*/
  /*background-image: linear-gradient(90deg, #b6df1e, #b6df1e 90%, #daecf0 90%,#daecf0 95%, #0d6179 95%, #0d6179 95%);*/
  overflow-x: hidden;
  transition: 0.5s;
  border-radius: 0 0 0 150px;
}

.menu-container
{
	float: left;
	width: 100%;
	height: 1200px;
	//min-height: 1100px;
	margin: 0;
	padding: 4em 0 10em 0 ;
	text-align: left;
	background-color: transparent;
}

.sidenav a {
  padding: 8px 20px 5px 10px;
  text-decoration: none;
  font-size: 5vw;
  line-height: 1em;
  text-align: right;
  color: white;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover, .sidenav a:focus
{
  color: #0d6179;
}

.sidenav a.active
{
	color: #0d6179;
}

.sidenav .closebtn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 40px;
  margin-left: 0px;
  font-family: sans-serif;
}

a.submenu
{
	display: block;
	font-size: 4vw;
	margin-right: 0px;
}

.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: right;
}

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



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

.banner-section-home, .banner-section
{
	
	position: relative;
	float: left;
	z-index:4;
	resize: horizontal;
	width: 100%;
	margin: 70px 0 0 0;
	padding: 0 0 0 0;
	padding-top: calc(5em);
	font-family: 'LatoThin';
}

.banner-section h1
{
	color: white;
}

/*.banner-section img
{
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	max-width: 1280px;
}*/

img.laptop
{
	display: block;
	position: relative;
	z-index: 5;
	float: right;
	width: 100%;
	margin: -210px 0 0 0;
	padding: 0;
	max-width: 1280px;
	transform: translateY(200px);
}

img.ThreeD-screens
{
	display: block;
	position: relative;
	z-index: 5;
	float: right;
	width: 100%;
	margin: -200px 0 0 0;
	padding: 0;
	max-width: 900px;
	transform: translateY(200px);
}

video.demo
{
	display: block;
	position: relative;
	z-index: 5;
	float: right;
	width: 80%;
	margin: -200px 0 0 0;
	padding: 0;
	max-width: 800px;
	transform: translateY(200px);
	border: 20px solid black;
	border-radius: 15px;	
}

.top-banner-curve
{
	position: relative;
	z-index: 3;
	float: left;
	width: 100%;
	padding: 5em 0;
}

img.home-banner
{
	display: block;
	width: 90%;
	max-width: 550px;
	margin: 2em auto 0 auto;
}

.banner-caption
{
	float: left;
	width: 100%;
	padding-bottom: 56.25%;
}

.caption
{
	float: left;
	width: 100%;
	margin: -50px 0 0 0;
	padding: 0 0 1em 0;
	color: white;
}

.caption img
{
	display: block;
	float: left;
	width: 50%;
	max-width: 380px;
	
}

.float-right
{
	float: right;	
}

.caption h1
{
	width: 70%;
}

.caption h2
{
	width: 100%;
	font-size: 2.5em;
	font-family: 'LatoMedium'; 
	margin-bottom: 0;
	line-height: 1.1em;
	color: white;
}

.caption h3
{
	width: 100%;
	font-size: 1.7em;
	font-family: 'LatoMedium'; 
	margin-top: 0;
	line-height: 1.1em;
}

.caption p
{
	width: 100%;
	font-size: 1.4em;
	font-family: 'LatoLight'; 
}

.top-banner-curve + .content-strip
{
	position: relative;
	z-index: 2;
	margin-top: -100px;
	padding-top: 100px;
}

img.cmts
{
	display: block;
	float: left;
	width: 50%;
	max-width: 300px;
	margin-top: 2em;
}

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

.trusted
{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	/*opacity: 40%*/
}

.client-logo-section
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.client-logos
{
	float: left;
	width: 200px;
	margin: 0 20px 2em 20px;
	/*filter: grayscale(100%) opacity(80%);*/
}

.client-logos img
{
	display-block;
	width: 100%;
}



img.home-equip-icon
{
	display: inline-block;
	float: left;
	width: 120px;
	margin: 0 2% 0 0;
}

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

.col img
{
	display: block;
	width: 90%;
	margin: 0 auto;
}

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

.col-4
{
	width: 100%;
	margin: 0;
}

.col-3 img
{
	display: block;
	width: 50%;
	margin: 0 50% 0 0;
}

.blob-borders
{
	border-radius: 70% 60% 65% 60%;
}

button.savings-button, button.download-button, button.how-works-button
{
	display: block;
	width: 44%;
	max-width: 200px;
	margin: 0em auto;
	padding: 10px;
	border: none;
	/*background-color: #b6df1e;*/
	/*background-color: #daecf0;*/
	background-color: white;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
	font-family: 'LatoBold';
}

button.how-works-button
{
	display: block;
	float: none;
	clear: none;
	margin: 0 auto 1em auto;
	background-color: #0d6179;
}

button.savings-button a, button.savings-button a:visited, button.download-button a, button.download-button a:visited, button.how-works-button a, button.how-works-button a:visited
{
	color: #0d6179;
	font-size: 1.9em;
}

button.how-works-button a, button.how-works-button a:visited
{
	color: white;
	font-size: 1.9em;
}

button.savings-button:hover, button.savings-button:focus, button.download-button:hover, button.download-button:focus, button.how-works-button:hover, button.how-works-button:focus
{
	transform: scale(1.05);
}

.float-right
{
	float: right;
}

.divider
{
	clear: both;
	float: right;
	width: 50%;
	margin: 2em 0;
	border-bottom: 3px solid #a9bba7;
}

img.solution-logo
{
	display: block;
	width: 50%;
	max-width: 150px;
	margin: 1em auto;
}

.solution-container
{
	/*position: relative;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	z-index: 0;*/
	float: left;
	width: 100%;
	margin: 0em 0 0em 0;
	padding: 4em 0;
	/*background: url(../images/blue-bubble.png) no-repeat 50% 50%;
	background-size: contain;*/
	/*background-color: rgba(148, 217, 99, 0.2);*/
	/*background: url(../images/circleofdots.png) no-repeat 50% 50%;*/
	background-size: 20%;
}

.solution-col
{
	float: left;
	width: 91%;
	margin: 0em 0%;
	padding: 3em 4%;
	background-color: transparent;
	border-bottom: 2px solid #acced7;
}

.solution-col:last-child
{
	border-bottom: none;
}

.solution-icon
{
	float: left;
	width: 33%;
}

.solution-icon img
{
	display: block;
	width: auto;
	padding: 0;
	max-width: 200px;
	margin: 0 auto;
}

.solution-text
{
	float: left;
	width: 61%;
	margin: 0 0 0 6%;
}

.solution-col h3, .solution-col h4
{
	color: #0d6179;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	line-height: 1.1em;
}

/*.solution-container:nth-child(even) > .solution-col:nth-child(1)
{
	float: right;
}

.solution-container:nth-child(odd) > .solution-col:nth-child(1)
{
	float: left;
}

.solution-container:nth-child(odd) > .solution-col:nth-child(2)
{
	text-align: left
}

.solution-container:nth-child(even) > .solution-col:nth-child(2)
{
	text-align: right;
}*/



/*.solution-container:nth-child(odd) >  .solution-col:nth-child(1) img
{
	float: right;
	width: 50%;
	padding: 0;
	max-width: 200px;
	margin: 0;
}

.solution-container:nth-child(even) >  .solution-col:nth-child(1) img
{
	float: left;
	width: 50%;
	padding: 0;
	max-width: 200px;
	margin: 0;
}*/

button.see-features, button.see-features-v2
{
	display: block;
	width: 78%;
	margin: 1em auto;
	padding: 10px 1%;
	border: none;
	background-color: #b6df1e;
	/*background-color: #90d461;*/
	background-color: #0d6179;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
	font-family: 'LatoBold';
}

button.see-features a, button.see-features a:visited, button.see-features-v2 a, button.see-features-v2 a:visited
{
	color: white;
	font-size: 1.2em;
}

button.see-features:hover, button.see-features:focus, button.see-features-v2:hover, button.see-features-v2:focus
{
	transform: scale(1.05);
}

button.see-features-v2
{
	max-width: 500px;	
}

/*--------- Videos --------------*/

.TextformatterVideoEmbed
{
	border: 3px solid #0d6179;
}


  .youtube-player {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	border: 5px solid #0d6179;
  }

  .youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
  }

  .youtube-player img {
	background-size: contain;
	display: block;
	left: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
  }

  .youtube-player img:hover {
	filter: brightness(75%);
  }

  .youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url('//i.imgur.com/TxzC70f.png') no-repeat;
	cursor: pointer;
  }


/*---------------- Services Page ---------------*/

.features-section
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;	
}

.features-section:nth-child(3n+1)
{
	background-color: #daecf0;
}

.features-section:nth-child(3n+3)
{
	background-color: #b6df1e;
}

.features-section:nth-child(3n+2)
{
	background-color: white;
}

.comparison-divider
{
	position: relative;
	z-index: 3;
	float: left;
	width: 100%;
	padding: 5em 0;
	background: url(../images/curve-top-white.png) no-repeat 0% 0%;
	background-size: cover;
}

.wave-divider
{
	position: relative;
	z-index: 3;
	float: left;
	width: 100%;
	padding: 5em 0;
}

.wave-divider:nth-child(3n+2)
{
	/*background: red;*/
	background: url(../images/curve-top-light-blue.png) no-repeat 0% 0%;
	background-size: cover;
}

.wave-divider:nth-child(3n+1)
{
	/*background:  blue;*/
	background: url(../images/curve-top-green.png) no-repeat 0% 0%;
	background-size: cover;
}

.wave-divider:nth-child(3n+3)
{
	/*background:  green;*/
	background: url(../images/curve-top-white.png) no-repeat 0% 0%;
	background-size: cover;
}

.wave-divider:last-child
{
	background: #daecf0;
	background-size: cover;	
}

.services-section
{
	float: left;
	width: 100%;
	margin: 1em 0;
}

.service-col-1
{
	float: left;
	width: 100%;
	padding: 1em 0% 1em 0;
}

.service-col-2
{
	float: left;
	width: 100%;
	padding: 1em 0% 1em 0%;
}

/*.features-section:nth-child(even)
{
	background-color: #0d6179;
	color: white; 
}*/

.features-section img
{
	display: block;
	width: 80%;
	min-width: 350px;
	margin: 0 auto 2em auto;
	padding: 0;
}

.features-section:nth-child(4n+3) .service-col-1
{
	float: right;
	padding: 1em 0% 1em 4%;

}

.features-section:nth-child(4n+3) .service-col-2
{
	padding: 1em 4% 1em 0%;
}

.service-col-1 h3, .service-col-2 h3
{
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

/*.features-section:nth-child(even) .service-col-1 h3
{
	color: white;
}*/

img.service-icon
{
	display: block;
	width: 35%;
	margin: 0 auto;
	transition: all 0.5s ease-in-out;
}

.col:hover > a img.service-icon
{
	transform: rotateY(180deg);
}

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

img.excerpt-image
{
	display: block;
	width: 300px;
	margin: 0 auto 2em auto; 
}

/*--------------- Clients Logo Strip -------------*/

.logo-grid
{
	float: left;
	width: 48%;
	margin: 2em 1%;
	padding: 0;
}

.logo-grid img
{
	display: block;
	width: 70%;
	margin: 0 auto;
	filter: grayscale(100%);
}


/*--------- Feature Pages -----------*/


.feature-col
{
	float: left;
	width: 38%;
	margin: 1em 4%;
	padding: 1em 2%;
	background-color: rgba(255, 255, 255, 0.87);
	box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.05);
	border-radius: 40px;
}

.feature-col h2, .feature-col h3, .feature-col h4
{
	color: #40a230;
}

/*--------- Service Pages -----------*/


.service-box
{
	float: left;
	width: 38%;
	margin: 1em 4%;
	padding: 1em 2%;
	background-color: rgba(255, 255, 255, 0.87);
	box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.05);
	border-radius: 40px;
}

.service-box h2, .service-box h3, .service-boxl h4
{
	color: #40a230;
	/*color:  #93d863;*/
}

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

.cta-col
{
	float: left;
	width: 96%;
	margin: 2em 0 0 0;
	padding: 2em 2%;
}

.cta-col:first-child
{
	width: 96%;
	padding-top: 7em;
	margin: 0em 0 0 0;
}

.box-gradient
{
	float: left;
	width: 46%;
	margin-top: -2em;
	background: linear-gradient(135deg,#90d461, #40a230);
	border-radius: 40px;
	box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);
}

.cta-col h2
{
	line-height: 1em;
}

.cta-col h3
{
	width: 80%;
	font-family: 'InterstateLight';
	font-size: 5vw;
	line-height: 1em;
	margin: 0em 0 0 0;
	padding: 0 18% 0 2%; 
}

.cta-col p
{
	width: 100%;
	font-family: 'InterstateLight';
	font-size: 4vw;
	line-height: 1.3em;
	margin: 0em 0 0 0;
	color: white;
}

.cta-col p a, .cta-col p a:visited
{
	color: white;
}

a.cta-book-demo, a.cta-book-demo:visited
{
	display: block;
	color: green;
	text-align: center;
	background-color: white;
}

button.book-demo
{
	margin: 1em 0;
	padding: 0.5em 20px;
	border: none;
	font-size: 1.5em;
	border-radius: 20px;
	/*background-image: linear-gradient(135deg,#40a230 30%,#91d566 60%);*/
	background-color: #0d6179;
	box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);
	color: white;
	transition: all 0.3s ease-in-out;
}

button.book-demo:hover, button.book-demo:focus
{
	transform: scale(1.05);
}

.cta-col button.book-demo
{
	float: right;
	width: 50%;
	margin: 0em 50% 1em 0%; 
}

button.book-demo a, button.book-demo a:visited
{
	color: white;
}


/*----------------------- Blog Pages ----------------*/

.blog-grid
{
	float: left;
	width: 96%;
	margin: 1em 1%;
	padding: 0.5em 1%;
	border: none;
	font-size: 1.5em;
	border-radius: 20px;
	box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
	background-color: white;
	
}

.blog-grid h3
{
	font-family: 'LatoLight';
	font-size: 0.8em;
	line-height: 1em;
	padding-bottom: 1em;
}

.blog-grid p
{
	font-size: 0.8em;
	font-family: 'LatoThin';
}

.blog-grid p a:visited, .blog-grid p a:hover
{
	font-family: 'LatoThin';
	color: #0d6179;
}

/*.blog-grid a, .blog-grid a:visited
{
	color: #3f3e40;
}*/

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

.blog-grid:hover, .blog-grid:focus
{
	transform: scale(1.04);
}

.blog-grid h2, .blog-grid h3
{
	font-family: 'LatoThin';
	text-align: center;
	margin: 0;
	font-size: 6vw;
}

p.date
{
	font-size: 1.3em;
	text-align: center;
	margin-top: 1em;
}

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

h3.newsletter-button
{
	padding: 1.2em 1% 0.3em 1%;
	font-size: 7vw;
	background-color: #a9bba7;
}

a h3.newsletter-button, a h3.newsletter-button:visited
{
		color: white;
}

/*-------------- 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:#3f3e40;
	font-size: 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;
}

button.back
{
	width: 100px;
	margin: 0 auto;
	padding: 10px;
	border: none;
	border-radius: 20px;
	color: white;
	background-color: #0d6179;
	font-size: 1.3em;
	/*box-shadow: 0px 1px 20px 5px rgba(0, 0, 0, 0.1);*/
}

button.back a, button.back a:visited
{
	color: white;
}

/*------------ Calculators ------------*/

button.saving-calc-link
{
	display: block;
	width: 350px;
	margin: 5em auto 0 auto;
	padding: 2em 20px;
	border: none;
	font-size: 2em;
	border-radius: 20px;
	/*background-image: linear-gradient(135deg,#91d566 ,#40a230);*/
	background-color: white;
	box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);
	/*color: white;*/
	transition: all 0.3s ease-in-out;
}

button.saving-calc-link:hover, button.saving-calc-link:focus
{
	transform: scale(1.05);
}

button.saving-calc-link a, button.saving-calc-link a:visited
{
	/*color: white;*/
}

form#calc
{
	margin-top: 0em;
}

form#calc-detailed
{
	float: left;
	width: 86%;
	margin: 0 6% 2em 6%;
	padding: 2em 0%;
	border-radius: 40px;
	/*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.08);*/
}

li.calculator-input, li.calc
{
	list-style-image: none;
}

li.calculator-input label
{
	font-size: 0.8em;
	margin: 0;
	padding: 0 2%;
}

li.calculator-input input
{
	width: 96%;
	height: 2em;
	font-size: 0.9em;
	border: none;
	text-align: left;
	margin: 0;
	padding: 0 2%;
	font-family: 'InterstateLight';
	background-color: #f5f5f5;
	border-radius: 10px;
	
}

li.calculator-input input.range-slider
{
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 96%;
	height: 20px;
	margin-top: 1em;
	/*background: linear-gradient(90deg,#0d6179, #b6df1e);*/
	background-color: #b6df1e;
	outline: none;
	opacity: 1; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

li.calculator-input input.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 35px; 
  height: 35px;
  background: white;
  cursor: pointer; 
  border: none;
  border-radius: 50%;
  box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.08);
}

li.calculator-input input.range-slider::-moz-range-thumb {
  width: 35px; 
  height: 35px;
  background: white;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.15);
}

span.units
{
	font-size: 0.8em;
}

span.units-result
{
	font-size: 0.5em;
	font-family: 'InterstateLight';
}

p.savings
{
	
	margin-top: 2em;
	font-size: 1.5em;
}

span.average-percentage
{
	font-size: 3em;
	font-family: 'LatoBold';
	color: #b6df1e;
}

li.calc input
{
	list-style-image: none;
	display: block;
	width: 140px;
	margin: 1em auto;
	font-family: 'InterstateLight';
	font-size: 1em;
	cursor: pointer;
	padding: 0.5em 20px;
	text-align: center;
	background-image: linear-gradient(135deg,#51c934 30%,#91d566 60%);
	transition: all 0.3s ease-in-out;
	-webkit-appearance: none;
	border: none;
	color: white;
	border-radius: 20px;
	
}

li.calc input:hover, li.calc input:focus
{
	transform: scale(1.05);
}

div#costYear, div#costsYear, div#costWeek, div#savingYear
{
	display: block;
	float: left;
	width: 73%;
	margin: 1em 15% 1em 0%;
	padding: 0.7em 1%;
	background-color: #b6df1e;
	text-align: center;
	font-family: 'LatoBold';
	color: white;
	font-size: 2.5em;
	border-radius: 40px;
}

div#costsYear, div#savingYear
{
	float: none;
	margin: 1em auto;
}

div#costYear p
{
	padding: 0;
	
}

/*--------- Comparison Table --------------*/


h2.comparison-title
{
	margin: 1em 0 0 0;
	padding: 0;
	line-height: 1.4em;	
}

h3.comparison-subtitle
{
	font-size: 1.7em;
	margin: 0 0 2em 0;
	padding: 0;
	line-height: 1em;
	font-family: 'LatoLight';
}

.plan-card
{
	float: left;
	width: 46%;
	margin: 2em 1%;
	padding: 1em 1%;
	background-color: whitesmoke;
	border-radius: 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.plan-card h3
{
	margin: 0;
}

.plan-card blockquote
{
	margin-top: 2em;
	margin-bottom: 2em;
	color: #0d6179;
}

.plan-card p
{
	font-size: 1.1em;
	line-height: 1.3em;
}

.plan-card ul li
{
	font-size: 0.9em;
	line-height: 1.2em;
	list-style-image: none;
	list-style-type: disc;
}

.plan-card hr
{
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0.5em 0;
	background-color: #0d6179;
	background-color: #b6df1e;
	border: none;
}

.plan-card:nth-child(3)
{
	transform: scale(1);
	background-color: #b6df1e;
	margin-top: -0.2em;
	
}

.most-popular
{
	width: 80%;
	margin: 0 auto;
	padding: 6px 0px;
	background-color: #0d6179;
	border-radius: 15px;
	text-align: center;
	line-height: 0.5em;
}

.most-popular h3
{
	color: white;
	line-height: 1.1em;
}

.plan-card:nth-child(3) hr
{
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0.5em 0;
	background-color: #0d6179;
	border: none;
}

.plan-card a, .plan-card a:visited
{
	display: block;
	width: 200px;
	margin: 2em auto;
	padding: 0.5em 20px;
	border: none;
	font-size: 1.5em;
	border-radius: 20px;
	/*background-image: linear-gradient(135deg,#40a230 30%,#91d566 60%);*/
	background-color: #0d6179;
	/*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);*/
	color: white;
	transition: all 0.3s ease-in-out;
	text-align: center;
}

.plan-card a:hover, .plan-card a:focus
{
	transform: scale(1.05);
}

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


.col-contact
{	
	float: left;
	width: 96%;
	margin: 3em 0 0 0;
	padding: 2em 2%;
}

.col-contact:first-child
{
	float: left;
	width: 96%;
	/*padding-top: 7em;*/
	padding: 2em 2%;
	margin: 0em 0 0 0;
}

.col-contact h3, .col-contact h4
{
	margin: 0 0 1em 8%;	
}

.col-contact p
{
	font-size: 1.5em;
	color: #0d6179;
	margin-left: 8%;
}

.col-contact a, .col-contact a:visited
{
	color: #0d6179;	
}

.contact-page p
{
	font-family: 'LatoLight';
	font-size: 2em;
}

.contact-page p a, .contact-page p a:visited
{
	color: #3f3e40;
}

h2.book-demo-title
{
	margin: 0 0 1em 8%;
	padding: 0;
	color: white;
	font-size: 2.5em;
}

form#book-demo-form
{
	float: left;
	width: 80%;
	font-size: 1.3em;
	padding: 1em 2%;
	margin: 1em 8% 0 8%;
	background-color: white;
	border-radius: 20px;
}

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

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;
	font-family: 'LatoMedium';
}

li.input-line input
{
	width: 99%;
	min-height: 2em;
	font-size: 0.9em;
	border: none;
	border: none;
	text-align: left;
	margin: 0;
	padding: 0 0 0 1%;
	font-family: 'InterstateLight';
	border-radius: 10px;
}

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

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

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

li.submit input
{
	display: block;
	float: right;
	width: 140px;
	margin: 0em 0;
	font-family: 'LatoBold';
	font-size: 1em;
	cursor: pointer;
	padding: 0.5em 20px;
	text-align: center;
	background-color: #0d6179;
	/*background-color: #b6df1e;*/
	transition: all 0.3s ease-in-out;
	-webkit-appearance: none;
	border: none;
	color: white;
	border-radius: 10px;	
}

li.submit input:hover, li.submit input:focus
{
	transform: scale(1.05);
}


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

form#book-demo-form li.input-line input
{
	border: 1px solid  #0d6179;
}

/*----------- Login/Member Profile Forms --------------*/

.LoginRegisterPro
{
	width: 90%;
	margin: 5em auto;
}

.LoginRegisterPro h2
{
	font-family: 'LatoThin';
	color: #0d6179;
	background-color: white;
	margin-bottom: 1em;
	padding: 10px 3%;
}

.InputfieldHeader
{
	font-size: 1.3em;
}

.FieldtypePassword, .FieldtypeEmail, .InputfieldMaxWidth
{
	padding: 10px 10px;
	font-size: 1.4em;
	border: 0;
}

p.description
{
	font-size: 1em;
}

button[name="profile_submit"], button[name="login_submit"]
{
	display: block;
	width: 200px;
	margin: 2em auto;
	font-family: 'Lato';
	font-size: 1.6em;
	color: white;
	cursor: pointer;
	padding: 15px 0;
	text-align: center;
	border: none;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	background-color: #0d6179;
}

button[name="profile_submit"]:hover, button[name="login_submit"]:hover
{
	border-radius: 50px;
}

ul.LoginRegisterLinks li
{
	width: 25%;
	margin: 1em auto;
	list-style: none;
	font-size: 1.3em;
	background-color: #0d6179;
	padding: 10px;
	color: white;
	text-align: center;
	transition: all 0.2s ease-in-out;
	font-family: 'Interstate';
	text-align: center;
}

ul.LoginRegisterLinks li:hover
{
	border-radius: 50px;
}

ul.LoginRegisterLinks li a, ul.LoginRegisterLinks li a:visited
{
	color: white;
}

li.LoginRegisterLinksForgot a
{
	
}

a.login-dashboard-link
{
	display: block;
	text-align: center;
	margin: -6em 0 3em 0;
	font-size: 1.4em;
	color: #9d9d9d;
}

img.login-dashboard-icon
{
	display: block;
	width: 120px;
	margin: 0 auto;
}

h4.provided-by
{
	font-family: 'LatoBold';
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 0;
}

.invisu-client-link
{
	float: left;
	width: 29%;
	margin: 1em 1%;
	padding: 0.5em 1%;
	border: none;
	font-size: 1.5em;
	border-radius: 20px;
	/*background-image: linear-gradient(135deg,#40a230 30%,#91d566);*/
	background-color: white;
	box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
	
}

.invisu-client-link img
{
	display: block;
	width: 50%;
	margin: 0 auto;
}

.invisu-client-link h2, .invisu-client-link h3, .invisu-client-link h4
{
	margin: 0;
	font-size: 1.4em;
}

.invisu-client-link a, .invisu-client-link a:visited
{
	display: block;
	color: #3f3e40;
	text-align: center;
}

/*----------- Brochure Download Page -----------*/

.download-area
{
	display: block;
	/*float: left;*/
	width: 60%;
	/*max-width: 400px;*/
	margin: 1em auto;
	padding: 0;	
}

.brochure-col
{
	float: left;
	width: 46%;
	margin: 1em 1%;
	padding: 1em 1%;
}

img.brochure-thumb
{
	display: block;
	width: 90%;
}

.brochure-col h3
{
	clear: both;
	font-family: "LatoLight";
	line-height: 1.1em;
	text-align: center;
	margin-top: 0.0em;
}

.brochure-col h4
{
	clear: both;
	font-family: "LatoLight";
	line-height: 1.1em;
	text-align: center;
	margin-top: 0.3em;
}

/*--------- FAQs Page -------------*/

.accordion
{		
  	position: relative;
	background-color: #daecf0;
  	color: #0d6179;
  	cursor: pointer;
  	/*padding: 18px;*/
  	width: 100%;
  	border: none;
  	text-align: left;
  	outline: none;
  	font-size: 1.5em;
  	transition: 0.4s;
  	border-radius: 20px;
  	line-height: 1em;
	padding-right: 5%;
}

.accordion h2
{
	font-family: 'LatoMedium';
	font-size: 1.2em;
	line-height: 1em;
	margin: 0.5em 0 1em 0;
	transition: 0.4s;
}

.accordion:hover
{
  	background-color: #0d6179;
  	/*background-color: #daecf0;*/
  	color: white;
  	/*color: #0d6179;*/
  	/*border-radius: 20px 20px 0 0;*/
}

.accordion:hover h2
{
	color: white;
	background-color: transparent;
}

.active-answer
{
  	background-color: #0d6179;
  	background-color: #daecf0;
  	color: white;
  	color: #0d6179;
  	border-radius: 20px 20px 0 0;
}

.accordion:after
{
	position: absolute;
	top: 1em;
	right: 2%;	
    content: '\002B';
    color: #0d6179;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion:hover:after
{
	color: white;
}

.active-answe:after
{
  	content: "\2212";
  	color: white;
	color: #0d6179;
}

.panel
{
  	padding: 0 2%;
  	background-color: #daecf0;
  	/*background-color: #b6df1e;*/
  	/*background-color: #0d6179;*/
  	color: #0d6179;
  	/*color: white;*/
  	font-size: 1.2em;
  	max-height: 0;
  	overflow: hidden;
  	transition: max-height 0.2s ease-out;
  	border-radius: 0 0 20px 20px;
}


/*------------- Team Page ------------------*/

.team-member
{
	float: left;
	width: 94%;
	padding: 0 3%;
	margin: 1em 0;
}

.team-member img
{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.team-member h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1em;	
	
}

.team-member h4
{
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1em;
	font-family: LatoLight;
	font-size: 1.3em;
	
}

hr.team
{
	width: 100%;
	height: 2px;
}

.team-member p
{
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.2em;
	font-family: LatoLight;
}

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

.Inputfield_first_name
{
	
}

.Inputfield_first_name label
{
	color: white;
}


/*---------- CAD to 3D --------------*/

.step
{
	float: left;
	margin-bottom: 1.5em;
}

.badge
{
	float: left;
	margin-right: 2%;
	width:2.2em;
	height:2.2em;
	border-radius:10px;
	background:#0d6179;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family: 'LatoBold';
	font-size: 3em;
}

.step p
{
	margin-top: 0;
}

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

footer
{
	position: relative;
	clear: both;
	float: left;
	width: 98%;
	background-color: white;
	font-size: 0.9em;
	margin: 0em 0 0 0;
	padding: 3em 1%;
	text-align: left;
	/*border-top: 3px solid #91d566;*/
}

footer h4
{
	text-transform: uppercase;
	font-family: 'LatoMedium';
}

footer a, footer a:visited
{
	text-decoration: underline;
}

.footer-left
{
	float: left;
	width: 100%;
}

.footer-left p, .footer-centre p, .footer-right p
{
	line-height: 1.1em;
	font-family: "Interstate";
}

.footer-left a, .footer-left a:visited
{
	display: block;
	line-height: 1.4em;
	text-decoration: none;
	color: #0d6179;
}

.footer-right a, .footer-right a:visited, .footer-centre a, .footer-centre a:visited
{
	display: block;
	line-height: 1.4em;
	text-decoration: none;
	color: #0d6179;
}

.footer-right a:hover, footer-right a:focus, .footer-centre a:hover, footer-centre a:focus
{
	color: #0d6179;
	text-decoration: underline;
}

.footer-left a:hover, .footer-left a:focus
{
	color: #0d6179;
	text-decoration: underline;
}

.indent
{
	margin-left: 10px;
}

.footer-right, .footer-centre
{
	float: left;
	width: 100%;
	text-align: left;
}

.footer-centre p
{
	//margin-top: 1em;
	//font-family: "InterstateMonoBold";
}

.footer-centre a
{
	//font-size: 1.7em;
}

.footer-centre img, .footer-left img, .footer-right img
{
	display: block;
	width: 50%;
	max-width: 200px;
	margin: 0 auto;
}

img.cyber-logo
{
	clear: both;
	display: block;
	width: 200px;
	padding-top: 2em;
}

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

img.accreditation-logo
{
	display: inline-block;
	float: left;
	width: 200px;
	margin: 2em auto;
	padding: 1em; 
}

.footer-top-curve
{
	float: left;
	width: 100%;
	height: 260px;
	padding: 3em 0;
	margin: 0;
}

footer.legals
{
	clear: both;
	float: left;
	width: 100%;
	background-color: #3f3e40;
	font-size: 0.9em;
	padding: 0em 0%;
	text-align: center;
	margin: 0;
}

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

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

.social-container
{
	width: 190px;
	margin: 0 auto;
	text-align: center;
}

img.social-icon
{
	display: inine-block;
	float: left;
	/*width: calc(50% - 10px);*/
	width: 75px;
	
	margin: 0em auto;
	padding: 0 10px;
}

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

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

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

.ITAP
{
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
}