html, body {
	font-family: 'Lato', Arial;
}

/* Default Styles */

.heavy { font-weight: 900;}
.bold, strong {	font-weight: bold;}
.light { font-weight: 300!important;}
.normal {font-weight: 400!important;}
.italic, em { font-style: italic;}
.uppercase { text-transform: uppercase;}
.relative { position: relative;}
.no-margin { margin: 0px!important;}
.no-margin-btm { margin-bottom: 0px!important;}
.no-margin-top { margin-top: 0px!important;}
.no-underline {	text-decoration: none;}
.extra-line-height {line-height: 1.6!important;}
.no-line-height { line-height: 1.2!important;}

.default-padding {padding:60px 0;}
.default-padding-full {padding:60px;}
.default-padding-top {padding-top: 60px;}
.default-padding-bottom {padding-bottom: 60px!important;}
.default-padding-left {padding-left: 60px;}
.default-padding-right {padding-right: 60px;}

.padding-20 {padding: 20px;}
.padding-20-top {padding-top: 20px;}
.padding-20-bottom {padding-bottom: 20px;}
.padding-20-left {padding-left: 20px;}
.padding-20-right {padding-right: 20px;}

.padding-30 {padding: 30px;}
.padding-30-top {padding-top: 30px;}
.padding-30-bottom {padding-bottom: 30px;}
.padding-30-left {padding-left: 30px;}
.padding-30-right {padding-right: 30px;}

.padding-40 {padding: 40px;}
.padding-40-top {padding-top: 40px;}
.padding-40-bottom {padding-bottom: 40px;}
.padding-40-left {padding-left: 40px;}
.padding-40-right {padding-right: 40px;}

.padding-60 {padding: 60px;}
.padding-60-top {padding-top: 60px;}
.padding-60-bottom {padding-bottom: 60px;}
.padding-60-left {padding-left: 60px;}
.padding-60-right {padding-right: 60px;}

.padding-100 {padding: 100px;}
.padding-100-bottom {padding-bottom: 100px;}
.padding-150-bottom {padding-bottom: 150px;}

.header-pad-top{
	padding-top: 160px;
}

.margin-10-top{
	margin-top: 10px;
}
.margin-10-left{
	margin-left: 10px;
}

.margin-20-left{
	margin-left: 20px;
}

.margin-60-top{
	margin-top: 60px;
}

.no-margin{
	margin: 0;
}

.centre {
	text-align: center;
	margin: auto;
}
.centre-text {
	text-align: center;
}
.centre-items {
	align-self: center;
}

.justify-centre-items .flex-container {
	justify-content: center;
}

.centre-button .button{
	margin:40px auto 0;
	display: block;
}

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

.clear, .fivegap, .tengap, .twentygap {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	width: 100%;
}
.fivegap {height: 5px; width: 100%; font-size:0px; line-height:0px; clear:both;}
.tengap {height: 10px; width: 100%; font-size:0px; line-height:0px; clear:both;}
.twentygap {height: 20px; width: 100%; font-size:0px; line-height:0px; clear:both;}

.resp {
	max-width: 100%!important;
	height: auto!important;
}
a.button, .button, .frm_submit input[type="submit"], .frm_style_formidable-style.with_frm_style input[type="submit"]{
    color: #2e2f57!important;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    border: solid 2px #6f923b;
    padding: 10px 50px 10px 15px!important;
    background-color: transparent;
    font-weight: 700;
	text-align: left;
	margin-top: 10px;
	border-radius: 0px!important;
	position: relative;
	transition:all ease-in .3s;
}

div.frm_style_formidable-style.with_frm_style input[type="submit"]{
	padding-right: 15px !important;
}

a.button.white{
	color: #fff!important;
	transition:all ease-in .3s;
}

.button:before, .frm_style_formidable-style.with_frm_style input[type="submit"]:before {
  content: "\2192";
  position: absolute;
  top: calc(50% - 12px);
  right: 10px;
  font-size: 20px;
  color: #6f923b;
  transition:all ease-in .3s;
}


a.button:hover, .button:hover, li.get-started a:hover, .frm_style_formidable-style.with_frm_style input[type="submit"]:hover {
    color: #6f923b !important;
    cursor: pointer;
	text-decoration: none;
	transition:all ease-in .3s;
}

div.frm_style_formidable-style.with_frm_style input[type="submit"]:hover{
	color: #fff !important;
}

.button-block{
	width: 100%;
	text-align: left !important;
}

.button-block-50{
	width: 50%;
	text-align: left !important;
	max-width: 300px;
}
/*
.frm_submit input[type="submit"]:hover {
    background-color: #3a3b74!important;
}*/

.hover {
    position: relative;
    display: inline-block;
    background-image: -o-linear-gradient(#FFF, #FFF);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
    background-image: linear-gradient(#FFF, #FFF);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-transition: background-size .5s, color .5s;
    -o-transition: background-size .5s, color .5s;
    transition: background-size .5s, color .5s;
}
.button.full-width {
	width: 100%;
}
a.button.btn-style-2 {
    background-color: #6f923b;
    color: #fff!important;
}

a.button.btn-style-2:before {
  color: #fff;
}

a.button.btn-style-2:hover {
    color: #6f923b!important;
    background-color: #fff;
}

a.button.btn-style-2:hover:before {
  color: #6f923b;
}

a.white-button {
	background-color: transparent;
	color: #fff;
	border: solid 2px #fff;
}

a.white-button:hover {
	color: #1b1b1b !important;
	background-color: #fff !important;
	border-color: #fff !important;
}

.max {
	max-width: 1200px;
	margin: auto;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.narrow{
	max-width: 600px;
	min-width: 280px;
	margin: 0 auto;
}

.narrow-left{
	max-width: 800px;
	min-width: 280px;
}

.narrow-medium{
	max-width: 900px;
	min-width: 280px;
	margin: 0 auto;	
}

/* Colours */

.white-background{ background-color: #FFF; }
.black-background{ background-color: #000; }
.grey-background{ background-color: #e7e9f3; }
.orange-background { background-color: #e94e1c; color: #FFF!important; }
.blue-background { background-color: #0c8bcd; color:#FFF;}
.purple-background {background-color: #2e2f57;}
.purple-fade{
	background: linear-gradient( 90deg , rgba(46,47,87,1) 28%, rgba(75,74,142,1) 100%);
}

.grey-fade{
	background: linear-gradient( 180deg , rgba(231,233,243,1) 28%, rgba(255,255,255,1) 100%);
}

.gradient-arrow-bottom{
	position: relative;
	margin-bottom: 100px;
}

.gradient-arrow-bottom:after{
	content: '';
	display: block;
	background: linear-gradient( 90deg , rgb(46, 47, 87) 28%, rgb(75, 74, 142) 100%);
	width: 100%;
	height: 100px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transform: rotate(0deg);
	position: absolute;
	bottom: -100px;
	left: 0;
}

.purple-arrow-bottom{
	position: relative;
	margin-bottom: 100px;
	border-bottom: 5px solid #2e2f57;
}

.purple-arrow-bottom:after{
	content: '';
	display: block;
	background: #2e2f57;
	width: 100%;
	height: 100px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transform: rotate(0deg);
	position: absolute;
	bottom: -104px;
	left: 0;
	z-index: 1;
}

.purple-arrow-bottom:before{
	content: '';
	display: block;
	background: #fff;
	width: 100%;
	height: 100px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transform: rotate(0deg);
	position: absolute;
	bottom: -99px;
	left: 0;
	z-index: 2;
}

.white-arrow-top{
	position: relative;
	padding-top: 200px;
}

.white-arrow-top:after{
	content: '';
	display: block;
	background: #fff;
	width: 100%;
	height: 100px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transform: rotate(0deg);
	position: absolute;
	top: 0px;
	left: 0;
}

.gradient-arrow-top{
	position: relative;
}

.gradient-arrow-top:after{
	content: '';
	display: block;
	background: linear-gradient( 90deg , rgb(46, 47, 87) 28%, rgb(75, 74, 142) 100%);
	width: 100%;
	height: 100px;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	transform: rotate(0deg);
	position: absolute;
	top: -99px;
	left: 0;
}

.white-arrow-bottom{
	position: relative;
	margin-bottom: 100px;
}

.white-arrow-bottom:after{
	content: '';
	display: block;
	background: #fff;
	width: 100%;
	height: 100px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	transform: rotate(0deg);
	position: absolute;
	bottom: -100px;
	left: 0;
	z-index: 1;
}
.after-white-arrow{
	margin-top: -100px;
	padding-top: 160px;
}

.white-bottom{
	position: relative;
}

.white-bottom:after{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 250px;
	background: #fff;
	z-index: 1;
	content: "";
}

.quotebox{
	position: relative;
}

.quotebox:before{
	 background: url('/wp-content/uploads/2022/07/quote.png') no-repeat bottom right;
	 position: absolute;
	 bottom: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 content: "";
}

.white { color: #FFF; }
.black { color: #000; }
.dark { color:#333; }
.grey {color: #e7e9f3;}
.orange {color: #e94e1c;}
.blue {color: #0c8bcd;}
.green {color: #6f923b;}
.purple {color: #2e2f57;}
.mid-purple {color: #4b4a8e;}

/* Typography */

h1 {
    font-size: 65px;
    font-weight: 700;
    line-height: 1.1;
	color: #2e2f57;
}
h2 {
	font-size: 50px;
	margin-bottom: 20px;
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
	color: #4b4a8e;
}
h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #2e2f57;
	margin-bottom: 10px;
}
h4{
	font-size: 20px;
	color: #4b4a8e;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
}
h5 {
	font-size: 18px;
	color: #2e2f57;
	line-height: 1.4;
	margin-bottom: 10px;
}
h6 {
	font-size: 16px;
	color: #2e2f57;
	margin-bottom: 10px;
}
p {
	font-size: 18px;
	line-height: 1.6;
	color: #2e2f57;
	margin: 15px 0;
}
p a {
	color: #6f923b;
}
a {
	text-decoration: none;
}
ul li, ol li {
	font-size: 18px;
	line-height: 1.6;
	color: #333333;
}

.bullethead{
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 10px;
	color: #2e2f57;
}

.bullet-list h3{
 background: url('/wp-content/uploads/2022/06/tick.png') no-repeat 0;
 padding:10px 0 15px 60px;
}

.bullet-list.white h3{
	color: #fff;
}

.border-left, .border-bottom{
	position: relative;
}

.border-left-sm{
	padding-left: 15px;
	border-left: 3px solid #6f923b;
}

.border-left{
	padding-left: 33px;
	margin-left: -33px;
}

.border-bottom{
	padding-bottom: 33px;
}

.border-left:after{
	background: #6f923b;
	position: absolute;
	left: 0;
	top: 10px;
	width: 3px;
	height: 110px;
	content: "";
}

.border-bottom:after{
	background: #6f923b;
	position: absolute;
	left: calc(50% - 55px);
	bottom: 0;
	width: 130px;
	height: 3px;
	content: "";
}

.bottom-border-green{
	border-bottom: 8px solid #6f923b;
	margin-bottom: 2px !important
}

.border-bottom-img{
	border-bottom: 5px solid #6f923b;
	padding-bottom: 8px !important	
}

.rise-img{
	margin-top: -80px;
}


quote, blockquote {
	font-size: 32px;
	font-weight: 300;
	line-height: 1.3;
	color: #4b4a8e;
	letting-spacing: 0;
}

.xsmall {font-size: 12px!important;}
.small {font-size: 16px!important;}
.medium { font-size: 30px!important; }
.xmedium { font-size: 40px!important; }
.large {font-size: 60px!important;}
.xlarge {}
.font-14 { font-size: 14px!important;}
.font-26 { font-size: 26px }

.bottom-img-box{
	position: relative;
}

.bottom-img{
	position: absolute;
	bottom: 0;
	left: 0;
}

.bottom-img-right{
	position: absolute;
	bottom: 0;
	right: 0;
}

.border-top{
	border-top: 6px solid #4b4a8e;
}

.block-img{
	display: block;
	margin: 0 auto;
}

.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* Columns and Flex */

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px;
}
.flex-column-1 {
    width: calc(100% - 40px);
    margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-column-2 {
    width: calc(50% - 40px);
    margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-column-3 {
    width: calc(33.3333% - 40px);
    margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-column-4 {
    width: calc(25% - 40px);
    margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-column-5 {
    width: calc(20% - 40px);
    margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-column-6 {
    width: calc(16.6666% - 40px);
    margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-three-single {
	width: calc(33.3333% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-three-double {
	width: calc(66.6666% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-four-single {
	width: calc(25% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-four-double {
	width: calc(50% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.flex-four-triple {
	width: calc(75% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-five-single {
	width: calc(20% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-five-quad {
	width: calc(80% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-five-double {
	width: calc(40% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.flex-five-triple {
	width: calc(60% - 40px);
	margin: 0 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.icon-sm{
	max-width: 150px;
	height: auto;
}

table{
	width: 100%;
}

th, td {
  padding: 10px;
  line-height: 20px;
  vertical-align: middle;
}


/* Header and Navigation */
header {
    background-color: rgba(28,29,52,0.8);
    height: 105px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	transition:all ease-in .3s;
}
.flex-header .max {
    display: flex;
    align-content: center;
    align-items: center;
    min-height: 90px;
}

.flex-brand{
	background: #fff;
	width: 260px;
	padding: 28px;
}
.flex-nav {
	margin-left: 0;
	margin-right: auto;
}
ul#main-menu {
    display: flex;
}
ul#main-menu li {
    margin-left: 20px;
}

.mega-container {
 display:flex;
 align-content:center;
/* align-items:center;*/
 min-height:105px
}
.rhs-flex {
 margin-left:auto;
 margin-right:0
}
.menu-buttons {
 text-align:right
}
.menu-buttons>a {
 margin-bottom:20px;
 margin-top: 0;
}
.menu-buttons>a.menu-btn-02 {
 background-color:#6f923b;
 margin-left:10px
}
.mega-nav-wrapper {
 align-self:center;
 margin-left:auto;
 margin-right:0;
 position:relative
}
ul.main-nav {
 margin:0;
 padding:0
}
.main-nav li.menu-item {
 list-style:none;
 display:inline-block;
}



.main-nav li{
 padding-left: 10px;
 margin-left: 20px;
 border-left: 3px solid transparent;
 transition:max-height ease-in .3s;
 text-transform: uppercase;
}

.main-nav li .arrow{
	color: transparent;
	margin-left: 8px;
}

.main-nav li:hover, .main-nav li.active {
 border-left: 3px solid #6f923b;
 transition:max-height ease-in .3s;
}

.main-nav li:hover a, .main-nav li.active a{
 color: #6f923b;
}

.main-nav li:hover .arrow, .main-nav li.active .arrow{
	color: #fff;
	transition:all ease-in .3s;
}

.main-nav .menu-title > a{
	position: relative;
}

.main-nav .menu-title > a > .arrow{
	position: absolute;
	bottom: 0;
	right: 0;
	
}

.main-nav li.menu-item:first-child {
 margin-left:0
}
.main-nav .menu-title a {
 font-size:18px;
 color:#fff;
 font-weight:700;
 padding-bottom: 20px;
 position: relative;
 transition:all ease-in .3s;
}

/*.main-nav .menu-title.has-children a:after {
 content:'\f107';
 color:#6f923b;
 font:var(--fa-font-solid);
 margin-left:5px
}*/
.dropdown-wrapper {
 width:100%;
 background-color:#fff;
 position:absolute;
 left:0;
 top:150%;
 max-height:0;
 box-sizing:border-box;
 overflow:hidden;
 transition:max-height ease-in .3s;
 z-index:999
}
/*.dropdown-wrapper-border {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:6px;
 background:#6f923b;
 z-index:3
}*/
li.menu-item:hover .dropdown-wrapper {
 max-height:500px;
 transition:max-height ease-in .3s
}
.dropdown-inner {
 max-width:1200px;
 margin:auto;
 padding:30px;
 box-sizing:border-box;
 background: url('/wp-content/uploads/2022/06/Drop-Nav-nodes-BG_new.png') no-repeat 100%;
}
ul.main-nav ul.sub_menu li {
 list-style:none;
 padding-left:10px;
 margin-left:0;
 font-weight:700;
 font-size:18px;
 margin-bottom: 5px;
}

ul.main-nav ul.sub_menu li a {
 color:#2e2f57;
  padding: 3px 0;
}
ul.main-nav ul.sub_menu li:hover a, ul.main-nav ul.sub_menu li.active a {
 color:#6f923b
}

ul.main-nav ul.sub_menu li:hover a .arrow, ul.main-nav ul.sub_menu li.active a .arrow {
 color: #2e2f57
}

ul.main-nav ul.sub_menu li.child {
 margin-left:20px
}
.mobile-nav {
 display:none
}
.mobile_menu {
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 background-color:#f4f4f4;
 box-sizing:border-box;
 max-height:0;
 overflow:hidden;
 transition:max-height ease-out .5s;
 z-index:4
}
.mobile_menu.show-menu {
 max-height:1000px;
 transition:max-height ease-in .5s
}
.menu-main-menu-container {
 padding:40px;
 box-sizing:border-box
}
ul#menu-main-menu,
ul#menu-main-menu ul.sub-menu {
 list-style:none;
 margin:0;
 padding:0;
 text-align:left;
 width:100%
}
ul#menu-main-menu ul.sub-menu {
 display:none
}
ul#menu-main-menu>li.menu-item-has-children,
ul#menu-main-menu>li {
 font-weight:700;
 border-bottom:solid 1px #ccc;
 font-size:20px;
 position:relative;
 min-height:40px;
 align-items:center;
 line-height:40px;
 list-style:none
}
ul#menu-main-menu li.menu-item-has-children:after {
 content:'+';
 display:flex;
 background-color:#6f923b;
 width:40px;
 height:40px;
 position:absolute;
 right:0;
 top:0;
 text-align:center;
 align-content:center;
 justify-content:center;
 align-items:center;
 color:#fff;
 cursor:pointer
}
ul#menu-main-menu ul.sub-menu li {
 font-size:18px;
 line-height:34px;
 list-style:none;
 font-weight:300
}
ul#menu-main-menu>li a {
 color:#384c6f
}

header.scroll-down{
	background: #fff;
	transition:all ease-in .3s;
	border-bottom: 3px solid #2e2f57;
}

header.scroll-down .menu-title a, header.scroll-down .menu-item:hover .menu-title > a .arrow {
 color:#2e2f57;
 transition:all ease-in .3s;
}


/* Footer */

.footer-line{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #6f923b;
	width: 100%;
	display: block;
	background: #fff;
}
.footer-inner {
	background: url('/wp-content/uploads/2022/07/Footer-nodes-image_new-right-fit.png') no-repeat 100% 100% / contain;
}
footer p, footer a {
	color: #fff;
	font-size: 16px;
}
footer h4 {
	color: #fff;
	padding-bottom: 20px;
}

footer .fa-linkedin-in{
	height: 35px;
	width: 35px;
	border: 1px solid #fff;
	text-align: center;
	padding: 10px 0;
	border-radius: 50%;
}

.footer-logo-sm{
	background: #fff;
	padding: 20px;
}

/*Header images - redesign */

.header-image{
	position: relative;	

}

#home1.header-image:before, #sol1.header-image:before, #about1.header-image:before{
	 background: url('/wp-content/uploads/2022/07/top-header-nodes-image_new-left-top-fit.png') no-repeat 0 0;
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 content: "";

}

.header-image:after{
	 position: absolute;
	 bottom: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 content: "";

}

#home1.header-image:after{
	 background: url('/wp-content/uploads/2022/07/bottom-header-nodes-image_new-right-bottom-fit.png') no-repeat 100% / contain;
}

#sol1.header-image:after{
	 background: url('/wp-content/uploads/2022/07/bottom-header-nodes-image_new-right-bottom-fit.png') no-repeat 100% / contain;
}

#about1.header-image:after{
	 background: url('/wp-content/uploads/2022/07/bottom-header-nodes-image_new-right-bottom-fit.png') no-repeat 100% / contain;
}


#sol6:before{
	 background: url('/wp-content/uploads/2022/06/network_background_W1200px.png') no-repeat top center;
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
	 content: "";
}

.header-image .flex-container{
    min-height: 600px;
}

.header-image.reduced-height .flex-container{
    min-height: 400px;
    padding-top: 80px;
}


.header-image .flex-container .centre-items{
	z-index: 1;
}

/* Hero Styles */
.hero-section {
	min-height: 380px;
	position: relative;
	padding-top: 110px;
}

.hero-section.tall-hero{
	padding: 50px 0;
}

.hero-section .flex-container {
	min-height: 390px;
	position: relative;
	z-index: 2;
}
.hero-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
    background-image: linear-gradient(160deg,#d2c7e2 22%,#76699b 61%);
    opacity: .72;
    transition: background .3s,border-radius .3s,opacity .3s;
}


#home5 .rhs-bg{
	background: url('/wp-content/uploads/2022/06/io-image.png') no-repeat 100% 100%;
}

#home6 .max{
	background: url('/wp-content/uploads/2022/06/sensor-large-background.png') no-repeat center;
}

#home7 .flex-container{
	background: url('/wp-content/uploads/2022/07/infogfx_bg_w1200px_new1.png') no-repeat center / contain;
	padding-top: 200px;
	padding-bottom: 200px;
}

#home6 p{
	max-width: 80%;
	margin: 0 auto;
}

#home6 .button{
	color: #fff !important;
}

#home6 .button:hover{
	color: #6f923b !important;
}

#about3{
	position: relative;
}

#about3:after{
	 background: url('/wp-content/uploads/2022/06/nodes-corner.png') no-repeat 100% 0;
	 position: absolute;
	 top: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 content: "";

}

#about8{
	position: relative;
	padding-bottom: 250px !important;
}

#about8:before{
	 background: url('/wp-content/uploads/2022/07/nodes_bg.png') no-repeat bottom right;
	 position: absolute;
	 bottom: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 content: "";
}

#about9{
	margin-top: -250px;
	position: relative;
}

#about9 .flex-container{
	position: relative;
	z-index: 2;
}

#sol2 .lhs-box{
	background: url('/wp-content/uploads/2022/06/background-product-fade.png') no-repeat 0;
}

/* Feature Boxes */

.feature-contents .flex-container > div{
	height: 368px;
	position: relative;
	margin-bottom: 20px;
}

.feature-contents .flex-container > div:after{
	border-bottom: 5px solid #4b4a8e;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	content: "";
}

.feature-contents .flex-container > div:nth-child(even):after{
	border-bottom: 5px solid #6f923b;
}

.feature-desc{
	position: absolute;
	bottom: 10px;
	left: 100px;
}

.feature-desc h4{
	margin-bottom: 0;
}

/* Flow chart */

.purple-icon-heading{
	background: linear-gradient( 90deg, rgba(75,74,142,1) , rgba(46,47,87,1) 28% 100%);
	border-radius: 50px;
	padding: 4px 30px 4px 4px;
	color: #fff;
	display: inline-block;
}

.purple-icon-heading img{
	padding-right: 100px;
	float: left;
}

.purple-icon-heading span{
	float: right;
	padding: 25px;
}

.flow-chart .bg-circle{
	background: url('/wp-content/uploads/2022/07/sensor-large-background_new.png') no-repeat center top / contain;
}

.sensalink-icon-heading{
	background-repeat: no-repeat;
	background-size: contain;
	padding: 30px 150px;
	display: inline-block;
}

/* Solution carousel */

.sol-slider{
	z-index: 2;
}

.sol-slider .slick-slide{
	background: #fff;
}

.sol-slider .slick-slide h3, .single-ind h3{
	margin: 20px auto;
	width: 80%;
}

.sol-slider .slick-slide img{
	width: 100%;
}

.sol-slider .slick-arrow{
	color: #fff;
}

.sol-slider .slick-arrow.fa-arrow-left{
	position: absolute;
	left: -5px;
	top: 130px;
	z-index: 1;
}

.sol-slider .slick-arrow.fa-arrow-right{
	position: absolute;
	right: -5px;
	top: 130px;
	z-index: 1;
}

.prod-list{
	z-index: 2;
	position: relative;
}

.single-step{
	padding-top: 50px;
	padding-bottom: 30px;
	border-bottom: 8px solid #e7e9f3;
}

.details-box{
	text-align: left !important;
	padding-top: 10px;
}

.inno-icon{
	max-width: 130px !important;
}

.grey-boxes img{
	border: 5px solid #e7e9f3;
	margin-bottom: 20px;
}

/* T&Cs */

#cmplz-document h2{
	font-size: 30px;
	margin-top: 20px;
}

/* Quote */

.woocommerce-cart-form .coupon, .cart_totals h2, .cart_totals .shop_table, .return-to-shop, .woocommerce-form-coupon-toggle, #order_review_heading, .woocommerce-checkout-review-order-table .product-total{
	display: none !important;
}

.wc-proceed-to-checkout{
	text-align: right;
	padding-right: 12px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
	line-height: 20px !important;
	text-align: left;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
	width: 50%;
	vertical-align: middle;
	font-weight: 400 !important;
}

.woocommerce div.product form.cart .variations select{
	width: 100%;
}

.woocommerce-variation-add-to-cart label{
	margin-bottom: 10px;
}

.woocommerce .quantity .qty{
	padding: 9px;
	margin-bottom: 10px;
}

.single_add_to_cart_button{
	display: block;
}

.woocommerce button.button, .woocommerce a.button, #place_order{
    color: #fff!important;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    border: solid 2px #6f923b;
    padding: 10px 50px 10px 15px!important;
    background-color: #6f923b !important;
    font-weight: 700;
	text-align: center;
	border-radius: 0px!important;
	position: relative;
	transition:all ease-in .3s;
}

.woocommerce button.button:before, .woocommerce a.button:before, #place_order:before {
  content: "\2192";
  position: absolute;
  top: calc(50% - 12px);
  right: 10px;
  font-size: 20px;
  color: #fff;
  transition:all ease-in .3s;
}


.woocommerce button.button:hover, .woocommerce a.button:hover, #place_order:hover {
    color: #6f923b!important;
    background-color: #fff !important;
    cursor: pointer;
	text-decoration: none;
	transition:all ease-in .3s;
}


.woocommerce button.button:hover:before, .woocommerce a.button:hover:before {
  color: #6f923b;
}

#order_review{
	margin-top: 40px;
}

.select2-container--default .select2-selection--single{
	border: none !important;
}

.woocommerce table, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	border-radius: 0 !important;
}

.woocommerce form select, .woocommerce-cart select, .wcpa_form_outer .wcpa_form_item textarea, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 12px !important;
  background: transparent;
  color: #2e2f57 !important;
  border: 1px solid #2e2f57 !important;
  -webkit-border-radius:0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{
	padding: 10px 12px !important;
}

.woocommerce-tabs ul, .single-product .posted_in{
	display: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
  line-height: 25px;
}


/* Formidable Styles */
.frm_forms form label, .with_frm_style label.frm_primary_label, .with_frm_style.frm_login_form label, .frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label, .frm_style_formidable-style.with_frm_style .frm_radio label, .frm_style_formidable-style.with_frm_style .frm_checkbox label {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #2e2f57;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 6px;
}
.frm_style_formidable-style.with_frm_style input[type=number], .frm_style_formidable-style.with_frm_style input[type=url], .frm_style_formidable-style.with_frm_style input[type=tel], .frm_style_formidable-style.with_frm_style input[type=file], .frm_style_formidable-style.with_frm_style input[type=search] {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 46px;
    margin-bottom: 0;
    padding: 0 15px;
}
.frm_forms form select, .frm_style_formidable-style.with_frm_style select, .frm_forms .frm_form_field select {
    font-size: 13px;
    height: 46px;
    padding: 0 12px!important;
    color: #2e2f57;
    border: 1px solid #2e2f57;
}
.frm_forms form input[type=text], .frm_forms form input[type=email], .frm_forms form input[type=url], .frm_forms form input[type=password], .frm_forms form input[type=number], .frm_forms form input[type=tel], .frm_style_formidable-style.with_frm_style input[type=text], .frm_style_formidable-style.with_frm_style input[type=password], .frm_style_formidable-style.with_frm_style input[type=email], .frm_style_formidable-style.with_frm_style input[type=number], .frm_style_formidable-style.with_frm_style input[type=url], .frm_style_formidable-style.with_frm_style input[type=tel], .frm_style_formidable-style.with_frm_style input[type=file], .frm_style_formidable-style.with_frm_style input[type=search] {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 46px;
    margin-bottom: 0;
    padding: 0 15px;
}
.frm_forms form input[type=text], .frm_forms form input[type=email], .frm_forms form input[type=url], .frm_forms form input[type=password], .frm_forms form input[type=number], .frm_forms form input[type=tel], .frm_style_formidable-style.with_frm_style input[type=text], .frm_style_formidable-style.with_frm_style input[type=password], .frm_style_formidable-style.with_frm_style input[type=email], .frm_style_formidable-style.with_frm_style input[type=number], .frm_style_formidable-style.with_frm_style input[type=url], .frm_style_formidable-style.with_frm_style input[type=tel], .frm_style_formidable-style.with_frm_style input[type=file], .frm_style_formidable-style.with_frm_style input[type=search] {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 46px;
    margin-bottom: 0;
    padding: 0 15px;
}

/* Product Slider */

.prod-slider{
	margin-bottom: 20px;
}

.prod-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.prod-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.prod-slider .slick-dots li button:before {
    content: '•';
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: .25;
    color: black;
}

.prod-slider .slick-dots li.slick-active button:before{
	color: #343764;
}

.prod-slider .slick-slide img{
	margin: 0 auto;
}

.prod-slider .slick-arrow{
	font-size: 40px;
	cursor: pointer;
}

.prod-slider .slick-arrow.fa-angle-left{
	position: absolute;
	left: 30px;
	top: calc(50% - 20px);
	z-index: 1;
}

.prod-slider .slick-arrow.fa-angle-right{
	position: absolute;
	right: 30px;
	top: calc(50% - 20px);
	z-index: 1;
}

/* Woocommerce Styles */
.woocommerce form select, .woocommerce-cart select {
    font-size: 13px;
    height: 40px;
    padding: 0 12px!important;
    color: #6c6c6c;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.woocommerce .woocommerce-result-count {
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 0px;
}
.woocommerce ul.products, .woocommerce-page ul.products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
	padding-top: 45px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 33.3333%!important;
    margin: 0px!important;
    text-align: center;
}
/*.woocommerce a.button {
    background-color: #353764;
    color: #fff!important;
    padding: 12px 24px!important;
    font-size: 14px;
    font-weight: 400;
    border: solid 1px;
}*/
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: disc;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	color: #353764;
}

/* General Page Styles */
.contact-icons i {
    color: #75699b;
    font-size: 30px;
	margin-right: 20px;
}
.flex-element {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.product-tabs{
	margin-bottom: 40px;
}

.tabs {
	width: 100%;  
  	float: none;
  	list-style: none;
  	position: relative;
	min-height: 430px;
}
.tabs li {
	float: left;
    display: block;
}
.tabs input[type="radio"] {
    position: absolute;
    top: 0;
    left: -9999px;
}
.tabs label {
    display: block;
    padding: 15px 20px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    top: 1px;
    font-size: 13px;
    font-weight: bold;
	z-index: 3;
}
.tabs  @include transition(all 0.2s ease-in-out);
    &:hover {
      background: darken($tabs-base-color, 10);
}
.tabs .tab-content {
    z-index: 2;
    display: none; 
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    padding: 25px;  
    position: absolute;
    top: 53px;
    left: 0; 
    background: darken($tabs-base-color, 15);
  }

.tabs [id^="tab"]:checked + label {
    top: 1px;
    padding-top: 15px;
    border-left: solid 1px #75699b;
    border-top: solid 1px #75699b;
    border-right: solid 1px #75699b;
    border-bottom: solid 1px #fff;
	color: #75699b;
}
.product-tabs [id^="tab"]:checked + label {
    background-color: #f4f4f4;
    border-bottom: solid 1px #f4f4f4;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
    display: block;
    border: solid 1px #75699b;
}
.product-tabs [id^="tab"]:checked ~ [id^="tab-content"] {
    background-color: #f4f4f4;
}
.blog-container {
	max-width: 800px;
	margin: auto;
}
.blog-wrap {
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 80px;
}
.blog-wrap .button {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.blog-excerpt {
	font-size: 16px;
}
.blog-cta {
    border-top: solid 4px #6f923b;
    margin-top: 40px;
    padding-top: 20px;
}
.blog-cta p {
    width: 80%;
    margin-top: 0px;
	font-size: 22px;
}

/* Responsive Styles */



@media screen and (max-width:1000px) {
	.main-nav li{
		margin-left: 10px;
	}

	.tabs label{
		padding: 15px 5px;
	}

	#home5 .rhs-bg{
		padding-bottom: 20px !important;
	}
}

@media screen and (min-width:871px) {
	.hidden-lg{
		display: none;
	}
}

@media screen and (max-width:870px) {
 .mega-nav-wrapper {
  display:none
 }
 .mobile-nav {
  display:inline-block!important;
  margin-left:15px;
  color:#fff;
  font-size:36px;
  position:relative;
  top:8px
 }

 #menu-button svg{
 	width: 25px;
 }

 #menu-button svg path{
 	fill: #fff;
 }

 .scroll-down #menu-button svg path{
 	fill: #2e2f57;
 }

 .flex-brand{
 	padding: 13px;
 }

 header, .mega-container{
 	height: 76px;
 }

 .menu-buttons{
 	padding-top: 14px;
 }

	.header-pad-top {
	  padding-top: 90px;
	}

	h1 {
	  font-size: 35px;
	}

	h2 {
	  font-size: 28px;
	}

	h3 {
	  font-size: 20px;
	}

	h4 {
	  font-size: 18px;
	}

	.header-image .flex-container {
	  min-height: unset;
	  padding-top: 100px;
	}

	.bottom-img, .bottom-img-right {
	  position: relative;
	  margin: 20px 0;
	}

	.default-padding {
	  padding: 30px 0;
	}

	#home7 .flex-container {
	  background: none;
	  padding-top: 0;
	  padding-bottom: 0;
	}

	.purple-icon-heading img {
	  padding-right: 10px;
	}

	.purple-icon-heading span {
	  padding: 5px;
	  width: calc(100% - 90px);
	}

	.hidden-mob, .header-image .flex-five-double{
		display: none;
	}

	.sensalink-icon-heading {
	  padding: 15px 100px;
	}

	.button-block-50 {
	  width: 100%;
	}

	.white-bottom h3{
		color: #fff;
	}

	.white-bottom::after{
		height: 80px;
	}

	.white-arrow-top {
	  padding-top: 150px !important;
	}

	.details-box {
	  text-align: center !important;
	}

	.sol-slider h3{
		color: #2e2f57;
	}

	.header-image .button{
		margin-left: 0 !important;
	}


	.purple-arrow-bottom::after, .purple-arrow-bottom::before{
		display: none;
	}

	.purple-arrow-bottom {
	  margin-bottom: 30px;
	  padding-bottom: 30px;
	}

	.quotebox::before{
		background-size: 30px;
	}

	quote, blockquote{
		font-size: 22px;
	}

	.grey-boxes .flex-column-5{
		text-align: center;
	}

}

@media screen and (max-width: 750px) {
	.flex-column-2, .flex-column-3:not(.slick-slide), .flex-column-4, .flex-column-5 {
		width: 100%!important;
	}
	.flex-five-single, .flex-five-double, .flex-five-triple, .flex-five-quad, .flex-three-single, .flex-three-double, .flex-four-single, .flex-four-triple {
		width: 100%!important;
		margin: 0px 0px!important;
	}

	footer h4{
		padding: 20px 0 0;
	}

	.footer-logo-sm{
		margin-top: 20px;
	}

}


@media screen and (max-width:600px) {
	.menu-buttons .button {
	  display: none !important;
	}

	.flex-brand {
	  padding: 11px;
	  width: 210px;
	}

	header, .mega-container {
	  height: 67px;
	}
}

/**
 * Tabs
 */
.alt-tabs {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.alt-tabs label {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 20px;
	margin-right: 0.0625rem;
	cursor: pointer;
	background-color: #e7e9f3;
	color: #2e2f57;
	font-size: 13px;
	font-weight: 700;
	transition: background-color ease 0.3s;
	text-transform: uppercase;
}

.alt-tabs .tab {
	flex-grow: 1;
	width: 100%;
	height: 100%;
	display: none;
	padding: 1rem 2rem;
	color: #000;
	background-color: #fff;
	border: 1px solid #e7e9f3;
	border-top: none !important;
	text-transform: uppercase;
}

.alt-tabs .tab > *:not(:last-child) {
	margin-bottom: 0.8rem;
}

.alt-tabs [type=radio] {
	display: none;
}

.alt-tabs [type=radio]:checked + label {
	background-color: #fff;
}

.alt-tabs [type=radio]:checked + label + .tab {
	display: block;
}
@media (min-width: 768px) {

	body {
		font-size: 1.125rem;
	}

	.tabs-container {
		padding: 4rem 4rem;
	}

	.alt-tabs label {
		order: 1;
		width: auto;
	}

	.alt-tabs .tab {
		order: 9;
	}

	.alt-tabs [type=radio]:checked + label {
		border-bottom: none;
	}
}
@media (max-width: 992px) {
	.alt-tabs .tab{
		font-size: 12px;
		padding: 1rem;
	}

	.alt-tabs table img{
		max-width: 250px;
	}	
}