/**
  Theme Name: Dataquest 2024-reskin
  Version: 1.0
  Author: Jan Leeks
  Author URI: http://www.janleeks.com
  Description: A bespoke theme for Dataquest
*/


/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}
@font-face {
	font-family: 'SharpSansNo1-Bold';
		src: url('webfonts/SharpSansNo1-Bold.eot'); /* IE9 Compat Modes */
		src: url('webfonts/SharpSansNo1-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('webfonts/SharpSansNo1-Bold.woff') format('woff'), /* Modern Browsers */
		url('webfonts/SharpSansNo1-Bold.svg#SuperiorTitle-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'SharpSansNo1-Medium';
		src: url('webfonts/SharpSansNo1-Medium.eot'); /* IE9 Compat Modes */
		src: url('webfonts/SharpSansNo1-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('webfonts/SharpSansNo1-Medium.woff') format('woff'), /* Modern Browsers */
		url('webfonts/SharpSansNo1-Medium.svg#SuperiorTitle-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'SharpSansNo1-Semibold';
		src: url('webfonts/SharpSansNo1-Semibold.eot'); /* IE9 Compat Modes */
		src: url('webfonts/SharpSansNo1-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('webfonts/SharpSansNo1-Semibold.woff') format('woff'), /* Modern Browsers */
		url('webfonts/SharpSansNo1-Semibold.svg#SuperiorTitle-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('webfonts/MonoSocialIconsFont-1.10.eot');
    src: url('webfonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('webfonts/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('webfonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('webfonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('webfonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body{
 height: 100%;
 width: 100%;
 
 
}


 .mobilenav {display: none;}

.banner {background-color: #222; width: 100%; height: 65vh;}
.banner.home {height: 80vh;}

.banner .inner {
    height: 100%;
    position: relative;
}
.banner .inner .flexslider {
    height: 100%;
    
}
.banner .inner .flexslider ul {
    height: 100%;
}

.banner .inner .flexslider ul li {
    height: 100%;
}

.banner .header-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center; }

.banner .header-video video {
  object-fit: cover;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 0.3s; }


.banner .overslides {width: 100%; position: absolute; top: 20%; left: 0;}

.banner .tint {width: 100%; position: absolute;height: 100%; background-color: rgba(22,29,38,0.35);}


.banner.generic .overslides{
    width: 100%;
    position: absolute;
  top: 50%;
  transform: translateY(-50%);}



.nobanner .overslides {
    width: 100%;
    position: absolute;
  top: 60%;
  transform: translateY(-50%);}


.banner .overslides h1{
    font-size: 66px;
    color: #FFF;
    font-family: 'SharpSansNo1-Bold';
    margin-bottom: 60px;
    line-height: 68px;
    letter-spacing: 0.025em;
	word-wrap: normal;
}

.banner .overslides h1.black{
    color: #161D26;
}

.banner .overslides h1.smaller{
   font-size: 60px;
}


.nobanner .overslides h1{
    font-size: 50px;
    color: #FFF;
    font-family: 'SharpSansNo1-Bold';
    margin-bottom: 0px;
    line-height: 100%;
}

.banner.generic .overslides h1,
.nobanner .overslides h1{
    margin-bottom: 0px;
}

.banner.generic .overslides .downindicator,
.nobanner .overslides .downindicator {
 display: block;
	width: 52px;
	height: 52px;
	margin: 50px 0 0 0;
	background-color: #FF10F0;
	border-radius: 52px;
	position: relative;
	cursor: pointer; 
}

.print .banner.generic .overslides .downindicator,
.print .nobanner .overslides .downindicator{
	 background-color: #00b48f;
}

.it .banner.generic .overslides .downindicator,
.it .nobanner .overslides .downindicator{
	 background-color: #ff10f0;
}

.devices .banner.generic .overslides .downindicator,
.devices .nobanner .overslides .downindicator{
	 background-color: #6eacc6;
}

.security .banner.generic .overslides .downindicator,
.security .nobanner .overslides .downindicator{
	 background-color: #f28724;
}

.cloud .banner.generic .overslides .downindicator,
.cloud .nobanner .overslides .downindicator{
	 background-color: #575e73;
}

.comms .banner.generic .overslides .downindicator,
.comms .nobanner .overslides .downindicator{
	 background-color: #5C5DAA;
}

.channel .banner.generic .overslides .downindicator,
.channel .nobanner .overslides .downindicator{
	 background-color: #52aac3;
}

.banner.generic .overslides .downindicator img,
.nobanner .overslides .downindicator img{
position: absolute;
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 18px;
	height: auto;
	 transition: all 0.3s ease-in-out;
}

.banner.generic .overslides .downindicator:hover img,
.nobanner .overslides .downindicator:hover img{

  transform: translate(-50%, -35%);

}



.banner .overslides p{
    font-size: 20px;
    color: #FFF;
    margin-bottom: 20px;
    font-family: 'SharpSansNo1-Semibold';
}


.banner .flex-control-nav{
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: 20px;
}

.banner .flex-control-nav li {
    margin: 0 10px;
}

.banner .flex-control-paging li a {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: transparent;
    border: solid 1px #CCC;
    
}
.banner .flex-control-paging li a:hover {
 border: solid 1px #FFF;
}


.banner .flex-control-paging li a.flex-active {
   background-color: #FF10F0;
    border: solid 1px #FFF;
}

.banner ul.links {list-style: none; margin: 60px 0 0 0;}

.banner ul.links li{display: inline; margin: 0 30px 0 0;}

.banner ul.links li a{
  display: inline-block;
  line-height: 100%;
  transition: .50s ease-in-out;
  margin: 0;
  font-size: 18px;
  -moz-transition: .50s ease-in-out;
  -webkit-transition: .50s ease-in-out;
  font-family: 'SharpSansNo1-Semibold';
  border-radius: 30px;
  border: solid 2px #FFF;
color: #FFF;
  padding: 15px 40px;
}

.banner ul.links li a:hover{
	border: solid 2px #161D26;
	color: #FFF;
	background-color: #161D26;
}




.nobanner {background-color: #161D26;width: 100%; height: 300px; position: relative; padding: 0 0 100px 0;}
.nobanner.casestudyfilter {height: 350px; }

.nobanner.customerportal {height: 250px; color: #FFF;}

.nobanner.customerportal h1{font-size: 40px; margin-bottom: 20px;}
.nobanner.customerportal h2{font-size: 30px; margin-bottom: 20px;}
.nobanner.customerportal h3{font-size: 20px; margin-bottom: 0px; }

.nobanner.customerportal h3 a{color: #FFF; position: relative;font-family: 'SharpSansNo1-Semibold';}

.nobanner.customerportal h3 a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.nobanner.customerportal h3 a:hover:before {
  visibility: visible;
  width: 100%;
}


.nobanner.casestudyfilter .taxonomy-filter {
list-style: none; margin: 60px 0 0 0; text-align: left;
}
.nobanner.casestudyfilter .taxonomy-filter li {
   display: inline; margin: 0 20px 0 0;
}
.nobanner.casestudyfilter .taxonomy-filter a {
color: #FFF; font-size: 16px; margin: 0 0 10px 0; position: relative;font-family: 'SharpSansNo1-Semibold'; border: solid 2px #FFF; border-radius: 40px; padding: 5px 20px; display: inline-block;
}

.nobanner.casestudyfilter .taxonomy-filter li:nth-child(1) a:hover,
.nobanner.casestudyfilter .taxonomy-filter li:nth-child(2) a:hover,
.nobanner.casestudyfilter .taxonomy-filter li:nth-child(1) a.active,
.nobanner.casestudyfilter .taxonomy-filter li:nth-child(2) a.active{
background-color: #FF10F0;
}

.nobanner.casestudyfilter .taxonomy-filter li:nth-child(3) a:hover,
.nobanner.casestudyfilter .taxonomy-filter li:nth-child(3) a.active{
background-color: #575e73;
}

.nobanner.casestudyfilter .taxonomy-filter li:nth-child(4) a:hover,
.nobanner.casestudyfilter .taxonomy-filter li:nth-child(4) a.active{
background-color: #f28724;
}

.nobanner.casestudyfilter .taxonomy-filter li:nth-child(5) a:hover,
.nobanner.casestudyfilter .taxonomy-filter li:nth-child(5) a.active{
background-color: #615398;
}

.nobanner.casestudyfilter .taxonomy-filter li:nth-child(6) a:hover,
.nobanner.casestudyfilter .taxonomy-filter li:nth-child(6) a.active{
background-color: #6eacc6;
}

.nobanner.casestudyfilter .taxonomy-filter li:nth-child(7) a:hover,
.nobanner.casestudyfilter .taxonomy-filter li:nth-child(7) a.active{
background-color: #00b48f;
}


.nobanner.casestudyfilter .taxonomy-filter a:hover {
 background-color: #161D26; color: #FFF;
}







header {
	width:100%;	
	z-index:100;
	position:fixed;
 font-family: 'SharpSansNo1-Bold';
}

.topgap{height: 90px;}
.topgap.home{height: 0px;}



.sectornav{ background-color: #161D26;}

.sectornav .row{ margin-bottom: 0px;}

.sectornav ul{ margin: 0 0 0 -10px; padding: 0; list-style: none; letter-spacing: 0.05em;}

.sectornav ul li{ display: inline-block; text-transform: uppercase; font-size: 12px; margin: 0 10px 0 0;line-height: 13px;}

.sectornav ul li a{color: #FFF; padding: 13px 15px 10px 15px; background-color: transparent; display: block; margin: 0;}

.sectornav ul li.current-page-ancestor a, .sectornav ul li.current_page_item a, .sectornav ul li.current-menu-ancestor a{background-color: #161D26;}

.sectornav ul li:first-child a:hover{background-color: #FF10F0;}
.sectornav ul li:last-child a:hover{background-color: #52aac3;}



.desktopnav.row{ margin-bottom: 0px;}

.desktopnav { background-color:transparent; text-align:center; height:90px; padding-top:0px; -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.desktopnav.single { background-color:#161D26}

.desktopnav.scrolled { background-color:#FFF !important; -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);}

.desktopnav.engaged, .desktopnav.searchinitiated { background-color:#161D26;}

.desktopnav .desklogo {width: 308px; height: 90px; display: block; text-align: left; position: absolute; z-index: 2;}

.desktopnav .desklogo img{
    width: 90%;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    max-width: 210px;}

.desktopnav .desklogo img#reversed_logo{opacity:0; -webkit-transition: opacity 300ms linear; -ms-transition: opacity 300ms linear;}
.desktopnav.scrolled .desklogo img#reversed_logo{opacity:1; -webkit-transition: opacity 300ms linear; -ms-transition: opacity 300ms linear;}


	/* Richards css starts*/
#search{display:none;}

#nav,#nav ul,#nav li,#nav a {margin: 0; padding: 0; line-height: normal; list-style: none; display: block; text-align: left; white-space:normal;}

.desktopnav  ul#nav{
	width: 100%;
	display: flex;
	margin: 0;
	list-style: none;
	position: relative;
	padding: 0;
	flex-direction: row;
	justify-content: flex-end;
	z-index: 1;
}
.desktopnav ul#nav > li {
	line-height: 20px;
	margin: 0; 
}
.desktopnav ul#nav ul.sub-menu li a{color:#161D26;}
.desktopnav ul#nav ul.sub-menu li a:hover{color:#FF10F0;}

#nav li.menu-item-5396 ul.sub-menu li a,
#nav li.menu-item-3489 ul.sub-menu li a{
	font-size: 13px;
	font-family: 'SharpSansNo1-Medium';}


#nav li.menu-item-5396 ul.sub-menu li.current_page_item a,
#nav li.menu-item-3489 ul.sub-menu li.current_page_item a{
	color: #FF10F0!important;}



#nav li:nth-child(1) ul.sub-menu li:nth-child(1) a:hover{color:#ff10f0;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(2) a:hover{color:#575e73;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(3) a:hover{color:#f28724;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(4) a:hover{color:#5C5DAA;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(5) a:hover{color:#6eacc6;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(6) a:hover{color:#00b48f;}

#nav li:nth-child(1) ul.sub-menu li:nth-child(1) li a:hover{color:#ff10f0;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(2) li a:hover{color:#575e73;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(3) li a:hover{color:#f28724;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(4) li a:hover{color:#5C5DAA;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(5) li a:hover{color:#6eacc6;}
#nav li:nth-child(1) ul.sub-menu li:nth-child(6) li a:hover{color:#00b48f;}

#nav li:hover ul.sub-menu .sub-menu li.current-menu-item a{color: #FF10F0;}


 .desktopnav ul#nav > li > a {
    padding: 40px 35px 30px 35px;
	color:#FFF;
    display: block;
    font-size: 16px;
    -webkit-transition: color 300ms linear; -ms-transition: color 300ms linear;
}

 .desktopnav ul#nav > li.current-menu-item > a, .desktopnav ul#nav > li.custom-custom-post-type-parent > a{
    color: #FF10F0;
}

 .desktopnav.scrolled ul#nav > li > a {color:#000; -webkit-transition: color 300ms linear; -ms-transition: color 300ms linear;}

 	.desktopnav li#searcher #s-logo-wrapper{ position:relative; /*padding: 40px 30px 40px 30px;*/}
 	.desktopnav li#searcher img{position:absolute; left:0; top:0px; width:14px; height:auto;}
 	.desktopnav li#searcher img#reversed_search{display:none;}
 	.desktopnav.scrolled li#searcher img#reversed_search{display:block;}
	.desktopnav.scrolled li#searcher img#normal_search{display:none;}



 .desktopnav ul#nav > li.menu-item-has-children > a {
	 background-image: url("images/nav-chevron24-white.svg");
	 background-repeat: no-repeat;
	 background-size: 8px 4px;
	 background-position: right 10px top 48px;
}

.desktopnav.scrolled ul#nav > li.menu-item-has-children > a {
	 background-image: url("images/nav-chevron24-black.svg");
}
 .desktopnav ul#nav > li.menu-item-has-children > a:hover {
	 background-image: url("images/nav-chevron24-purple.svg");
}

.desktopnav ul#nav > li.menu-item-has-children:hover > a{ background-image: url("images/nav-chevron24-purple.svg");color: #FF10F0;}

.desktopnav ul#nav > li.menu-item-has-children.current_page_item > a,
.desktopnav ul#nav > li.menu-item-has-children.current_page_ancestor > a{ background-image: url("images/nav-chevron24-purple.svg");color: #FF10F0;}


.desktopnav ul#nav > li.menu-item-has-children:hover .sub-menu a{ background-image: none;}

 .desktopnav ul#nav > li > a:hover{
   color: #FF10F0;
}


#nav li ul.sub-menu{display:none;}
/* #nav ul {display:none; opacity: 0; position: absolute;  z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; background-color: #FFF; left: 0;} */

 
#nav li:hover ul{ display:block; opacity: 1; }

#nav li:hover ul.sub-menu {display: block;  position:absolute;  background-color:#FFF; border-bottom: 4px solid #FF10F0; margin-bottom:10px; margin-left: 0px; width: auto; padding: 20px 40px; }


#nav li:hover:nth-child(1) ul.sub-menu {display: flex;  justify-content: space-between; position:absolute; left:0; background-color:#FFF; border-bottom: 4px solid #FF10F0; margin-bottom:10px; margin-left: -40px; width: calc(100% + 80px); padding: 20px 40px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);}


#nav li:hover:nth-child(1) ul.sub-menu ul.sub-menu{box-shadow: none;}





#nav li:hover:nth-child(1) ul.sub-menu li{width: 20%;}

#nav li:hover ul.sub-menu li{width: auto;}


#nav li ul li a{padding: 0 0 10px 0;}

#nav li:nth-child(1) ul li a{padding: 0 0 30px 0;}


#nav li ul li.current_page_item > a,
#nav li ul li.current_page_ancestor > a{color: #FF10F0;}

.desktopnav ul#nav ul.sub-menu li.current_page_item:nth-child(1) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(1) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(1) a:hover,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(1) ul.sub-menu li.current-menu-item a{color: #ff10f0;}

.desktopnav ul#nav ul.sub-menu li.current_page_item:nth-child(2) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(2) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(2) a:hover,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(2) ul.sub-menu li.current-menu-item a{color: #575e73;}

.desktopnav ul#nav ul.sub-menu li.current_page_item:nth-child(3) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(3) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(3) a:hover,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(3) ul.sub-menu li.current-menu-item a{color: #f28724;}

.desktopnav ul#nav ul.sub-menu li.current_page_item:nth-child(4) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(4) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(4) a:hover,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(4) ul.sub-menu li.current-menu-item a{color: #5C5DAA;}

.desktopnav ul#nav ul.sub-menu li.current_page_item:nth-child(5) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(5) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(5) a:hover,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(5) ul.sub-menu li.current-menu-item a{color: #6eacc6;}

.desktopnav ul#nav ul.sub-menu li.current_page_item:nth-child(6) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(6) a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(6) a:hover,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor:nth-child(6) ul.sub-menu li.current-menu-item a{color: #00b48f;}


.desktopnav ul#nav ul.sub-menu li.current_page_item ul.sub-menu li a,
.desktopnav ul#nav ul.sub-menu li.current_page_ancestor ul.sub-menu li a{color: #161D26;}



#nav li:nth-child(1) ul li ul li a{padding: 0 0 15px 0;}


#nav li:hover ul.sub-menu .sub-menu{display: flex; flex-direction: column; position:relative; background-color:transparent; border-bottom: 0px solid pink; padding: 0; width: 100%; margin-left: 0px;}

#nav li:hover ul.sub-menu .sub-menu li{width: 95%;}

#nav li:hover ul.sub-menu .sub-menu li a{font-size: 13px;
font-family: 'SharpSansNo1-Medium';}


#nav li ul.sub-menu .sub-menu .sub-menu{display: none;}


.nav-center { float: right; right: 50%; }
.nav-center > li { left: 50%; }


#nav a {
  padding: 0 10px;
  color: #161D26;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
}

#nav > li > .nav-active { background-color: rgba(22,29,38,0.05); }


#nav li {
	cursor: default;
	}

/* blur stuff */
/* 
#nav > li:hover:before{
	content:"";
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	
	backdrop-filter:blur(10px);
	pointer-events: none;
	z-index:-1;
}
 */
 header.blocked:before{
	content:"";
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	
	backdrop-filter:blur(10px);
	pointer-events: none;
	z-index:-1;
}
/* Richards css ends */

.desktopnav #search {
    width: 60%;
    display: none;
    text-align: center;
    z-index: 110;
	height: 100px;
float: right;
}

.desktopnav  #search form {
    position: relative;
    display: inline;
    z-index: 120;	
}

.desktopnav  input[type="submit"] {
    display: none;
}

.desktopnav input[type="text"] {
    border-right: 0px;
    background-color: #161D26;
    color: #FFF;
    background-image: url(images/search-icon.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px auto;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0px 50px 0 30px;
    font-size: 20px;
    border: none;
    border-radius: 0px!important;
	margin: 32px auto 0 auto;
    font-family: 'SharpSansNo1-Medium';
	transition: all 1ms linear;
}

 .desktopnav.scrolled input[type="text"] {
    background-color: #FFF;
    color: #161D26;
    background-image: url(images/search-icon-black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px auto;
	 transition: all 1ms linear;
}


 .desktopnav.scrolled input[type="text"]::placeholder {
	 color: #161D26;
}


.desktopnav  #search form a.search-close {
    position: absolute;
    right: 10px;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url("images/search-close.svg") 0 0 no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: translateY(-50%);
	text-align: left; text-indent: -99999px;
    padding: 10px;
}

.desktopnav.scrolled  #search form a.search-close {
    background: url("images/search-close-black.svg") 0 0 no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    transform: translateY(-50%);
	text-align: left; text-indent: -99999px;
    padding: 10px;
}


	/* Nav Hovers */

.nav-hover{
	display:none;
	position:relative;
	min-height: 180px;
	left:0;
	width:100%;
	background:rgba(255,255,255, 1.0);
	z-index:99;
	text-align:left;
	padding:40px 0;
    color:#161D26;
    webkit-box-shadow: 0px 5px 90px -2px rgba(22,29,38,0.06);
-moz-box-shadow: 0px 5px 90px -2px rgba(22,29,38,0.06);
box-shadow: 0px 5px 90px -2px rgba(22,29,38,0.06);
}


.nav-hover h2{
	font-size:30px;
	margin:0px;
	text-transform:uppercase;
	font-family: 'SharpSansNo1-Bold';
	margin-bottom:20px;
	letter-spacing: 0.05em;
	
}
.nav-hover p{
	 
			font-size:18px;
		    line-height:150%;
}


.desktopnav .nav-hover ul{
	text-align: left;
  column-count: 2;
    list-style: none;
}

.desktopnav .nav-hover li{
	padding:0px;
	margin: 0px;
    vertical-align: top;
    
}

.desktopnav .nav-hover li a{ 
	text-decoration: none;
	font-size:18px;
	padding:0px;
	line-height:180%;
	font-family: 'SharpSansNo1-Semibold';
    color: #161D26;
    text-transform: none;
    
}

.desktopnav .nav-hover li a:hover{ 
    background: transparent;
     color: #FF10F0;
      text-transform: none;
}

.nav-hover .row { margin:0px 0px;}


.nav-hover img {margin: 0 0 10px 0; width: 100%; height: auto;}

.desktopnav .nav-hover ul.servicenav{
	display: flex;
    margin: 0;
}




.desktopnav .nav-hover ul.servicenav li{
	width: 40%;text-align: center;
     padding: 10px;border-radius: 12px;
    margin: 0 5px;
}


.desktopnav .nav-hover ul.servicenav li a{
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-family: 'SharpSansNo1-Bold';
    margin: 0 10px;
    line-height: 100%;
     transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
   
   
}

.desktopnav .nav-hover ul.servicenav li a img{
  width: 60%;
    height: auto;
    display: block;
    margin: 0 auto 10px auto;
}


.desktopnav .nav-hover ul.servicenav li.active  {
       background: #EEE;
    color: #161D26;
    
    
}

.desktopnav .nav-hover ul.servicenav li:hover{
    background: #EEE; color: #161D26;
     transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
}

section.header-video-block
{
width: 100%;
height: 100%;
background-color: #161D26;}




section.header-video-block .bg-video
{
 position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


section.header-video-block .tint {
  width: 100%;
  position: absolute;
  height: 100%;
  background-color: rgba(22,29,38,0.35);
}


 section.header-video-block .bg-video video{
    object-fit: cover;
	 background-repeat: no-repeat;
	  background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }


 section.header-video-block .headlinewrap{
	height: 100vh;
	 width: 100%;
	 position: relative;
}

 section.header-video-block .headlinewrap .headline{
	 position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

 section.header-video-block .headlinewrap .headline h1{
	font-size: 66px;
	 line-height: 68px;
	 font-family: 'SharpSansNo1-Bold';
	 margin: 0;
}

 section.header-video-block .headlinewrap .headline h1 span{
	 color: #FF10F0;
}


section.header-video-block.black
{
color: #161D26;}

section.header-video-block.white
{
color: #FFF;}




/*new flexi styles 2021*/

section.magenta-contact-bar{background-color: #FF10F0; color: #FFF; padding: 30px 0;}

section.magenta-contact-bar p{margin: 0; font-family: 'SharpSansNo1-Semibold'; font-size: 22px;}

section.magenta-contact-bar p a{color: #FFF;}
section.magenta-contact-bar p a:hover{color: #161D26;}


section.magenta-contact-bar p span{
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 22px;
}
section.magenta-contact-bar p .tel{background-image: url("images/phone-icon.svg");padding: 0 20px 0 25px;}
section.magenta-contact-bar p .email{background-image: url("images/email-icon.svg");padding: 0 20px 0 42px;}

section.text-block {padding: 100px 0; background-color: #161D26; color: #FFF; }	

section.text-block.first {padding: 200px 0 100px 0; margin-top: 0!important;}	
	

section.text-block.white{background-color: #FFF; color: #161D26;}
section.text-block.magenta{background-color: #FF10F0; color: #FFF;}

section.text-block.grey{background-color: #D2D1E1; color: #161D26;}

section.text-block.darkgrad{
	 background: rgb(26,15,84);
background: linear-gradient(270deg, rgba(26,15,84,1) 0%, rgba(32,32,33,1) 100%); 
	color: #FFF;}





section.text-block h2, section.half-half h2, section.services-block h2, section.text-block.first h1, section.text-block.news2021 h1 {
    font-family: 'SharpSansNo1-Bold';
    font-size: 55px;
    line-height: 100%;
    margin-bottom: 55px;
}

section.getintouch.text-block.resources h2{

    font-size: 30px;
    margin-bottom: 30px;
}


section.text-block h2 span, section.half-half h2 span, section.services-block h2 span, section.text-block.first h1 span, section.banner h1 span, section.text-block.news2021 h1 span{
	 color: #FF10F0;
}
section.text-block.beginquest h2 span{
	 color: #FF10F0!important;
}

.print section.text-block h2 span, .print section.half-half h2 span, .print section.services-block h2 span, .print section.text-block.first h1 span, .print section.banner h1 span{
	 color: #00b48f;
}

.it section.text-block h2 span, .it section.half-half h2 span, .it section.services-block h2 span, .it section.text-block.first h1 span, .it section.banner h1 span{
	 color: #ff10f0;
}

.devices section.text-block h2 span, .devices section.half-half h2 span, .devices section.services-block h2 span, .devices section.text-block.first h1 span, .devices section.banner h1 span{
	 color: #6eacc6;
}

.security section.text-block h2 span, .security section.half-half h2 span, .security section.services-block h2 span, .security section.text-block.first h1 span, .security section.banner h1 span{
	 color: #f28724;
}
.cloud section.text-block h2 span, .cloud section.half-half h2 span, .cloud section.services-block h2 span, .cloud section.text-block.first h1 span, .cloud section.banner h1 span{
	 color: #575e73;
}

.comms section.text-block h2 span, .comms section.half-half h2 span, .comms section.services-block h2 span, .comms section.text-block.first h1 span, .comms section.banner h1 span{
	 color: #615398;
}

.channel section.text-block h2 span, .channel section.half-half h2 span, .channel section.services-block h2 span, .channel section.text-block.first h1 span, .channel section.banner h1 span{
	 color: #52aac3;
}



section.text-block.iconrepeater .flex{ display: flex; width: 100%;flex-wrap: nowrap;justify-content: center;}

section.text-block.iconrepeater .flex .block-wrap{text-align: center; width: 80%;}

section.text-block.iconrepeater .flex .block-wrap img{width: 100%; max-width: 100px; height: auto; display: inline-block; margin: 0;}

section.text-block.iconrepeater .flex .block-wrap h3{font-size: 20px; margin: 0 0 10px 0;}

section.text-block.iconrepeater .flex .block-wrap p{font-size: 14px; margin: 0; line-height: 130%;}

section.text-block.iconrepeater .flex .block-wrap .icon-wrap{margin: 20px;}
section.text-block.iconrepeater .flex .block-wrap .text-wrap{margin: 20px;}



section.text-block h2.wsp-pages-title{
    display: none;
}

section.text-block h3, section.half-half h3  {
    font-family: 'SharpSansNo1-Bold';
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 20px;
}
section.text-block p, section.half-half p {
    font-size: 20px;
    line-height: 135%;
    margin-bottom: 20px;
}

section.text-block p a, section.half-half p a{
    color: #FF10F0;
}

section.text-block p a:hover, section.half-half p a:hover{
	text-decoration: underline;
}

.it section.text-block p a, .it section.half-half p a{
    color: #ff10f0;
}

.print section.text-block p a, .print section.half-half p a{
    color: #00b48f;
}

.devices section.text-block p a, .devices section.half-half p a{
    color: #6eacc6;
}

.security section.text-block p a, .security section.half-half p a{
    color: #f28724;
}

.cloud section.text-block p a, .security section.half-half p a{
    color: #575e73;
}

.comms section.text-block p a, .security section.half-half p a{
    color: #615398;
}




section.text-block.magenta p a {
   color: #FFF;
}



section.text-block p strong, section.half-half p strong{
    font-family: 'SharpSansNo1-Bold';
}
section.text-block.magenta p strong{
   color: #161D26;
}

section.text-block ul, section.half-half ul {
    font-size: 22px;
    line-height: 135%;
    margin-bottom: 20px;
    list-style: disc;
    padding-left: 20px;
    
}


section.text-block ul.wsp-pages-list {
    font-size: 20px;
    line-height: 150%;
    
}

section.text-block ul.wsp-pages-list ul {
    font-size: 18px;
    line-height: 150%;
    margin-top: 10px;
    
}

section.text-block ul.wsp-pages-list a{
    color: #161D26;
    
}

section.text-block ul.wsp-pages-list a:hover{
    color: #FF10F0;
    
}



section.text-block.bleed {padding:  10px 0;}

section.text-block.bleed .flex{display: flex;flex-flow: row nowrap;}

section.text-block.bleed .flex .calltoactionmutli{width: 100%; color: #FFF; background-color: #161D26; overflow: hidden;}

section.text-block.bleed.services .flex .calltoactionmutli{margin: 10px;}


section.text-block.bleed .flex .calltoactionmutli .imagewrap{
    width: 100%;
    position: relative;
    overflow: hidden;
   text-align:center;
    height: 75vh;
background-size: cover;
background-position: center;
    background-repeat: no-repeat;
    transition: all ease 0.5s;}


section.text-block.bleed.services .flex .calltoactionmutli .imagewrap{

    height: 400px;}




/*section.text-block.bleed.services .flex .calltoactionmutli:nth-last-child(3) .imagewrap, section.text-block.bleed.services .flex .calltoactionmutli:nth-last-child(3) ~ .calltoactionmutli .imagewrap
{height: 350px !important;}
*/



section.text-block.bleed .flex .calltoactionmutli .imagewrap .tint{width: 100%; height: 100%; background-color: rgba(22,29,38,0.20); position: absolute; top:0; left: 0;transition: all ease 0.5s;}

section.text-block.bleed .flex .calltoactionmutli.darker .imagewrap .tint{background-color: rgba(22,29,38,0.40); }

section.text-block.bleed .flex .calltoactionmutli .imagewrap .tint .content-over{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
text-align: center;
width: 90%;}

section.text-block.bleed.services .flex .calltoactionmutli .imagewrap .tint .content-over{position: absolute;
  top: 30px;
  left: 30px;
text-align: left;
width: calc(75% - 20px);
transform: translate(0%, 0%);
}


section.text-block.bleed .flex .calltoactionmutli .imagewrap .tint .content-over h2{ font-size: 40px; margin-bottom: 30px; color: #FFF;}

section.text-block.bleed.services .flex .calltoactionmutli .imagewrap .tint .content-over h2{ text-transform: none; font-family: 'SharpSansNo1-Semibold'; line-height: 100%;}

section.text-block.bleed.services .flex .calltoactionmutli .imagewrap .tint .content-over p{color: #FFF; margin: 0px; opacity: 0;transition: all ease 0.5s;}



section.text-block.bleed .flex .calltoactionmutli:hover .imagewrap .tint{background-color: rgba(229,0,125,0.50);transition: all ease 0.5s;}

section.text-block.bleed.services .flex .calltoactionmutli:hover .imagewrap .tint .content-over p{opacity: 1;transition: all ease 0.5s;}


section.text-block.bleed .flex .calltoactionmutli .imagewrap .tint  .link{color: #FFF; font-size: 18px; margin: 0; position: relative;font-family: 'SharpSansNo1-Semibold';display: inline; border: solid 2px #FFF;padding: 15px 40px;}

section.text-block.bleed .flex .calltoactionmutli:hover .imagewrap .tint  .link{border: solid 2px #161D26;
	color: #FFF;
	background-color: #161D26;}

section.text-block.bleed.services .flex .calltoactionmutli .imagewrap .tint  .link{color: #FFF; font-size: 18px; margin: 0; position: absolute;bottom: 30px; left: 30px;}



/*DW*/
section.text-block.bleed.services .flex{flex-wrap: wrap;}
section.text-block.bleed.services .flex .calltoactionmutli{width: calc(50% - 20px);}






section.text-block.beginquest {
    background-color: #FFF;
    color: #262626;
    overflow: hidden;
background-size: cover;
background-position: center; 
    text-align: center;
    padding: 200px 0;}



section.text-block.beginquest ul.links {list-style: none; margin: 60px 0 0 0; text-align: center;}

section.text-block.beginquest ul.links li{display: inline; margin: 0 30px 0 0;}

section.text-block.beginquest ul.links li a{color: #161D26; font-size: 26px; margin: 0; position: relative;font-family: 'SharpSansNo1-Semibold'; border: solid 2px #161D26; border-radius: 40px; padding: 13px 30px; display: inline-block;}
section.text-block.beginquest ul.links li a:hover{background-color: #161D26; color: #FFF; }


section.text-block.linkblock {padding: 30px 0; }



section.text-block p.link{
	display: inline-block;
	line-height: 100%;
	transition: .50s ease-in-out;
	margin: 30px 0 0 0;
	font-size: 20px;
	-moz-transition: .50s ease-in-out;
	-webkit-transition: .50s ease-in-out;
	font-family: 'SharpSansNo1-Semibold';
	border-radius: 30px;
	border: solid 2px #161D26;
}
section.text-block  p.link a{
    color: #161D26;
    border-radius: 20px;
	padding: 15px 40px;
	display: inline-block;
	line-height: 100%;
	transition: .50s ease-in-out;
	-moz-transition: .50s ease-in-out;
	-webkit-transition: .50s ease-in-out;}

section.text-block  p.link a:hover{ 
	background-color: #161D26;
	transition: .50s ease-in-out;
	color: #FFF;}


section.text-block.darkgrad p.link, section.text-block.black p.link,section.text-block.magenta p.link{
	border: solid 2px #FFF;
}

section.text-block.darkgrad  p.link a, section.text-block.black  p.link a, section.text-block.magenta  p.link a{
    color: #FFF;
}

section.text-block.darkgrad  p.link a:hover, section.text-block.black  p.link a:hover, section.text-block.magenta  p.link a:hover{ 
	background-color: #FFF;
	color: #161D26;}



section.text-block ul.links-channel {list-style: none; margin: 60px 0 0 0; text-align: left; padding: 0!important;}

section.text-block ul.links-channel li{display: inline; margin: 0 30px 0 0;}

section.text-block ul.links-channel li a{color: #FFF; font-size: 20px; margin: 0; position: relative;font-family: 'SharpSansNo1-Semibold';}

section.text-block ul.links-channel li a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #52aac3;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

section.text-block ul.links-channel li a:hover:before {
  visibility: visible;
  width: 100%;
}




section.text-block.news2021 h2{ margin-bottom: 60px;}


section.text-block.news2021 form{margin: 0 0 20px 0;}

section.text-block.news2021 select{margin: 0 20px; border: solid 1px #161D26; padding: 5px; border-radius: 0; width: calc(33% - 40px);}

section.text-block.news2021 .news-item{width: 100%; margin: 0 0 60px 0;}

section.text-block.news2021 .news-item .news-thumb{width: 100%; margin: 0 0 20px 0;}
section.text-block.news2021 .news-item .news-thumb img{width: 100%; height: auto; display: block;}

section.text-block.news2021 .news-item .date{ color: #161D26;
font-size: 14px;}


section.text-block.news2021 .news-item h3{ color: #161D26;font-family: 'SharpSansNo1-Semibold';
font-size: 30px;}

section.text-block.news2021 .news-item .link{
    color: #161D26;
    display: inline-block;
    font-size: 18px;
    font-family: 'SharpSansNo1-Semibold';
    position: relative;
	
  line-height: 100%;
  transition: .50s ease-in-out;
  margin: 0;

  border-radius: 30px;
  border: solid 2px #161D26;
  padding: 15px 20px;
	
}

section.text-block.news2021 .news-item:hover .link{
    color: #FFF;
    background-color: #161D26;
  border: solid 2px #161D26;
	
}



section.text-block .pagination{
    width: 100%;
text-align: center;}

section.text-block .pagination .page-numbers{margin: 0; padding: 0; font-size: 16px; font-weight: 600; border-radius: 20px;}

section.text-block .pagination .page-numbers.current{margin: 0 0 0 5px; padding: 10px 15px; display: inline-block; background-color: rgba(0, 0, 0, 1); color: #FFF;}

section.text-block .pagination a.page-numbers{margin: 0 0 0 5px; padding: 10px 15px; display: inline-block;  background-color: rgba(100, 100, 100, 0.75); color: #FFF;}

section.text-block  .pagination a.page-numbers:hover{background-color: rgba(100, 100, 100, 1); }



section.text-block.article h1{
   font-family: 'SharpSansNo1-Semibold';
font-size: 60px;
line-height: 100%;
letter-spacing: 0em;
margin-bottom: 20px;}


section.text-block.article p.date{
font-size: 20px; color: #666;    font-family: 'SharpSansNo1-Semibold'; margin: 0 0 60px 0;}


section.text-block .endofarticle{margin-top: 100px;}




.socials2 li .symbol, li .symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.socials2 li .symbol:before {
    content: attr(title);
    margin-right: 0em;
    font-size: 130%;
}

section.text-block.article ul.socials2{
		padding:0px;
	margin: 0px 0 20px 0;
	list-style: none;
	text-align:left;
		}

		
		
section.text-block.article .socials2 li {
			text-decoration: none;
			font-size:30px;
			color:#161D26;
			cursor:pointer;
			list-style: none;
    display:inline-block;
		}

section.text-block.article .socials2 li span{
position: relative;
    top: 2px;
		}
		
section.text-block.article .socials2 li::before {
			display: none;
}
		
		
section.text-block.article	.socials2 li:hover{
			
			color:#FF10F0;
		}
		
section.text-block.article .socials2 li.share {
			
			font-size:18px;
			color: #161D26;
    margin-right: 20px;
		}



section.text-block.article .alignright
{text-align: right;}


section.text-block.article .newslinks{
font-size: 20px;
    color: #161D26;
    text-align: right; background-image: url("images/news-arrow-black.svg");
background-repeat: no-repeat;
background-position: right 5px center;
background-size: 18px auto;
    padding-right: 30px;
    display: block;
}

section.text-block.article .newslinks:hover{

background-position: right  center;
}

section.text-block ul.downloads{list-style: none; margin: 0; padding: 0; font-size: 22px;}

section.text-block ul.downloads li {padding:  10px 0; margin:  10px 0; border-bottom: 1px solid #CCC;}

section.text-block ul.downloads li a{color: #FFF;
background-image: url("images/down-arrow-white.svg");
background-repeat: no-repeat;
background-position: right 5px center;
background-size: auto 18px;
padding-right: 30px; display: block;
}


section.text-block ul.downloads li a:hover{
background-position: right 5px bottom;
}

section.text-block.white ul.downloads li {border-bottom: 1px solid #333;}

section.text-block.white ul.downloads li a{color: #161D26;
background-image: url("images/down-arrow-black.svg");
}

section.text-block.servicechooser h2{margin-bottom: 60px!important;}


section.text-block .productservice{width: 40%; display: inline-block; vertical-align: top;}
section.text-block .productservice .itemtitle{font-size: 22px;font-family: 'SharpSansNo1-Semibold'; margin: 0 0 10px 0; color: #CCC;}
section.text-block .productservice .itemtitle:hover{color: #eb5b91;}
section.text-block .productservice .itemtitle.current{color: #eb5b91;}
section.text-block .hiddenservices{width: 40%; display: inline-block; vertical-align: top; }
section.text-block .hiddenservices ul{list-style: none; margin: 0; padding: 0; font-size: 22px;font-family: 'SharpSansNo1-Semibold'; }
section.text-block .hiddenservices ul li{margin: 0 0 5px 0; padding: 0;}
section.text-block .hiddenservices ul li a{margin: 0; color: #eb5b91;}
section.text-block .hiddenservices ul li a:hover{color: #FF10F0;}

section.text-block .ppc-login-form-container .ppc-login-form-password { border: solid 1px #161D26;}
section.text-block .ppc-login-form-container .ppc-login-form-password:focus{ border: solid 1px #FF10F0;}
section.text-block .ppc-login-form-container .ppc-login-form-submit { font-family: 'SharpSansNo1-Semibold' !important; border: none; text-transform: none; color: #161D26; font-size: 18px; letter-spacing: 0; padding: 0 20px;}
section.text-block .ppc-login-form-container .ppc-login-form-submit:hover {color: #FF10F0;}


section.text-block .pull-out{ display: block; background-color: #FFF; padding: 30px; border-radius: 10px; position: relative; top: -150px; color: #161D26; text-align: center;}

section.text-block .imcolwrap{width: 100%; height: auto; margin: 0; padding: 0;}

section.text-block .imcolwrap img{width: 100%; height: auto; margin: 0; padding: 0; display: block;}

section.text-block.gradient{
	background: rgb(196,14,145);
	background: linear-gradient(90deg, rgba(196,14,145,0.55) 0%, rgba(196,14,145,1) 100%);
	color: #FFF;
padding: 50px 0;}

.print section.text-block.gradient{
	background: rgb(0,180,143);
	background: linear-gradient(90deg, rgba(0,180,143,0.55) 0%, rgba(0,180,143,1) 100%);
}


.it section.text-block.gradient{
	background: rgb(255,16,240);
	background: linear-gradient(90deg, rgba(255,16,240,0.55) 0%, rgba(255,16,240,1) 100%);
}


.devices section.text-block.gradient{
	background: rgb(110,172,198);
	background: linear-gradient(90deg, rgba(110,172,198,0.55) 0%, rgba(110,172,198,1) 100%);
}

.security section.text-block.gradient{
	background: rgb(242,135,36);
	background: linear-gradient(90deg, rgba(242,135,36,0.55) 0%, rgba(242,135,36,1) 100%);
}

.cloud section.text-block.gradient{
	background: rgb(87,94,115);
	background: linear-gradient(90deg, rgba(87,94,115,0.55) 0%, rgba(87,94,115,1) 100%);
}


.comms section.text-block.gradient{
	background: rgb(97,83,152);
	background: linear-gradient(90deg, rgba(97,83,152,0.55) 0%, rgba(97,83,152,1) 100%);
}

section.text-block.gradient.white{
	background: rgb(255,255,255);
	background: linear-gradient(none);
	color: #161D26;}

section.text-block.gradient.grey{
	background: rgb(210,209,225);
	background: linear-gradient(none);
	color: #161D26;}



section.text-block.gradient .row{
	margin:  50px 0;
display: flex;
align-items: center;
	justify-content: center;}

section.text-block.gradient .row:nth-child(odd){ flex-direction:row-reverse}



section.text-block.gradient .textcolumn{width: 56%;  margin: 0 4% 0 0;  vertical-align: middle;}
section.text-block.gradient .row:nth-child(odd) .textcolumn{margin: 0 0 0 4%; }

section.text-block.gradient .imagecolumn{width: 40%;  vertical-align: middle;}


section.text-block.thin {padding: 60px 0;text-align: center;}




.print .text-block.thin{
	 background-color: #00b48f;
}

.it .text-block.thin{
	 background-color: #ff10f0;
}

.devices .text-block.thin{
	 background-color: #6eacc6;
}

.security .text-block.thin{
	 background-color: #f28724;
}

.cloud .text-block.thin{
	 background-color: #575e73;
}

.comms .text-block.thin{
	 background-color: #5C5DAA;
}

.text-block.thin.grey{
	 background-color: #D2D1E1!important;
	color: #161D26;
}


section.text-block.thin p.link{
	
	border: solid 2px #FFF;
}
section.text-block.thin  p.link a{
    color: #FFF;}

section.text-block.thin  p.link a:hover{
    background-color: #FFF;
	color: #161D26;}


section.text-block.thin.grey p.link{
	
	border: solid 2px #161D26;
}
section.text-block.thin.grey  p.link a{
    color: #161D26;}

section.text-block.thin.grey  p.link a:hover{
    background-color: #161D26;
	color: #FFF;}






section.articlebanner{margin: 100px 0 0 0;}


section.articlebanner img{ width: 100%; height: auto; display: block; margin: 0; padding: 0;}



section.half-half {margin: 0; padding: 10px 0; background-color: #FFF;}
section.half-half.black {background-color: #161D26;}

section.half-half .hhrow{display: flex; flex-wrap: nowrap; margin-bottom: 20px; background-color: #EEE;}

section.half-half .hhrow .content, section.half-half .hhrow .halfim{width: 50%; position: relative;}


section.half-half .content-middle{position: absolute;
  top: 50%;
  transform: translateY(-50%); width: 70%; padding: 15%;}


section.half-half .halfim img{width: 100%; height: auto; display: block;}
section.half-half .halfim.magenta{background-color: #FF10F0;}

section.half-half .halfim.magenta .over-content{position: absolute; width: 100%; height: 100%; top:0;}

section.half-half .halfim.magenta .over-content .flex{display: flex; flex-wrap: wrap;}

section.half-half .halfim.magenta .over-content .flex .cell{width: 40%; text-align: center; color: #FFF; margin: 5%;}

section.half-half .halfim.magenta .over-content .flex .cell img{width: 60%; height: auto; margin: 0 20%;}

section.half-half .halfim.magenta .over-content .flex .cell p{margin: 0; font-size: 20px;}



section.half-half .halfim .imagewrap{position: relative;}

section.half-half .hhrow:nth-of-type(even){background-color: #161D26; flex-direction: row-reverse; color: #FFF;}



section.half-half .hhrow .link a{color: #161D26; font-size: 18px; margin: 0; position: relative;}


section.half-half.enhanced .hhrow.magenta .link a
{color: #FFF;}
section.half-half.enhanced .hhrow.white .link a
{color: #161D26!important;}


section.half-half .hhrow:nth-of-type(even)  .link a{color: #FFF!important;}


section.half-half.enhanced .hhrow.black{background-color: #161D26;  color: #FFF;}
section.half-half.enhanced .hhrow.white{background-color: #FFF;  color: #161D26;}
section.half-half.enhanced .hhrow.grey{background-color: #EEE;  color: #161D26;}
section.half-half.enhanced .hhrow.magenta{background-color: #FF10F0;  color: #FFF;}



section.half-half .hhrow .link a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
section.half-half .hhrow .link a:hover:before {
  visibility: visible;
    width: 100%;
}

section.half-half.enhanced .hhrow.magenta .link a:before {

  background-color: #FFF;
}










section.news-carousel
{background-color: #161D26; padding: 100px 0;}
section.news-carousel.white
{background-color: #FFF;}

section.news-carousel.white.grey
{background-color: #EEE;}

section.news-carousel.landing
{padding: 200px 0 100px 0;}

section.news-carousel .alignright
{text-align: right;}

section.news-carousel h2{
    font-family: 'SharpSansNo1-Bold';
font-size: 55px;
line-height: 100%;
margin-bottom: 50px;
    color: #FFF;
}
section.news-carousel h2 span{color:#FF10F0}
section.news-carousel.white h2{
    color: #161D26;
}
section.news-carousel.white h2 span, section.news-carousel.black h2 span{
	 color: #FF10F0;
}

.print section.news-carousel.white h2 span, .print section.news-carousel.black h2 span{
	 color: #F28724;
}

section.news-carousel .newslinks{
font-size: 20px;
    color: #FFF;
    text-align: right; background-image: url("images/news-arrow.svg");
background-repeat: no-repeat;
background-position: right 5px center;
background-size: 18px auto;
    padding-right: 30px;
}

section.news-carousel.white .newslinks{
color: #161D26;
    background-image: url("images/news-arrow-black.svg");

}

section.news-carousel .newslinks:hover{

background-position: right  center;
}


section.news-carousel .extend-news {
    width: calc(100% + ((100vw - 100%)/2));
position: relative;
    
}



section.news-carousel.white  .extend-news.logos:after{
   background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
}

section.news-carousel .extend-news.version24:before{
	content: "";
height: 100%;
width: 100px;
position: absolute;
top: 0;
left: 0;
background: rgb(213,215,220);
background: linear-gradient(90deg, rgba(213,215,220,1) 0%, rgba(213,215,220,0) 100%);
z-index:2;}

section.news-carousel .extend-news.version24:after{content: "";
height: 100%;
width: 100px;
position: absolute;
top: 0;
right: 0;
background: rgb(213,215,220);
background: linear-gradient(270deg, rgba(213,215,220,1) 0%, rgba(213,215,220,0) 100%);}

/* Ricardo Start */
section.news-carousel .extend-news.version24.anim_strip{width:100vw; overflow-x:scroll; display:flex; flex-direction:row; justify-content:flex-start;}

section.news-carousel .extend-news.version24.anim_strip ul{min-width:max-content; will-change: transform;}


/* Ricardo end */

section.news-carousel ul {
    display: flex;
    overflow: scroll;
    list-style: none;
    flex-wrap: nowrap;
    -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
section.news-carousel ul::-webkit-scrollbar {
    display: none;
}


section.news-carousel ul li{
   min-width: 300px;
    margin-right: 20px;
    
}
section.news-carousel .logos ul li{
  margin-right: 100px;
    max-width: 100px;
    
}

section.news-carousel ul li img{
    width: 100%; height: auto; display: block;
    margin-bottom: 20px;
    
}

section.news-carousel.twentyfour ul{
    margin-bottom: 0px;
    
}

section.news-carousel.twentyfour ul li img{
    margin-bottom: 0px;
    
}


section.news-carousel ul li h3{
    font-family: 'SharpSansNo1-Semibold';
font-size: 26px;
line-height: 100%;margin-bottom: 20px;
    color: #FFF;
    
}

section.news-carousel.white ul li h3{
    color: #161D26;
    
}

section.news-carousel p.date{
    color: #fff;font-size: 14px;
    
}


section.news-carousel ul li .link{
    color: #FFF;
    display: inline-block;
    font-size: 20px;
    font-family: 'SharpSansNo1-Semibold';
}

section.news-carousel.white ul li .link{
    color: #161D26;
}




section.news-carousel ul li .link:after {
  content: "";
  position: inherit;
  width: 0;
  height: 2px;
  bottom:10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
    display: block;
}

section.news-carousel ul li:hover .link:after {
  visibility: visible;
  width: 100%;
}



section.news-carousel .scrollbar-wrapper{width: 100%; height: 20px; background-color: rgba(255,255,255,0.15); border-radius: 10px; position: relative;}
section.news-carousel.white .scrollbar-wrapper{background-color: rgba(22,29,38,0.15); }
section.news-carousel .scrollbar-wrapper .scrollbar-scroll{width: 100px; height: 16px; background-color: #FF10F0; border-radius: 8px; top:2px; display: inline; position: absolute; left: 2px;}


section.news-carousel .casestudywrap {margin: 0; padding: 0; position: relative;}

section.news-carousel  img{margin: 0; padding: 0; display: block; width: 100%; height: auto;}

section.news-carousel .casestudywrap .tint{width: 100%;
  position: absolute;
  padding: 0px 0;
  bottom: 0px;
  background: rgb(70,69,69);
  background: linear-gradient(180deg,rgba(22,29,38,0) 0%,rgba(22,29,38,0.75) 100%);
}

section.news-carousel .casestudywrap .tint .contentwrap{
	padding: 20px;
	display: block;
}
section.news-carousel .casestudywrap .tint .contentwrap h3{
	color: #FFF;
	padding: 0px;
	bottom: 0;
	margin: 0 0 10px 0;
	font-family: 'SharpSansNo1-Bold';
	font-size: 26px;
}


section.news-carousel .casestudywrap .tint .contentwrap .arrow{
	color: #FFF;
	bottom: 0;
	margin: 0;
	font-size: 20px;
	 background-image: url("images/news-arrow.svg");
	background-repeat: no-repeat;
background-position: right 5px center;
background-size: 18px auto;
	display: inline;
	padding: 0 30px 0 0;
	transition: all 0.3s ease-in-out;
}


section.news-carousel .casestudywrap:hover .tint .contentwrap .arrow{
background-position: right center;
}


section.news-carousel.twentyfour
{background-color: #D5D7DC; padding: 50px 0;}





 section.proportionalbanner{
	   height: auto;
     background-color: #161D26;
		}

 section.proportionalbanner img{
	  width: 100%;
     height: auto;
     display: block;
		}

.services-block{background-color: #E4E2E1!important; color: #161D26!important; padding: 60px 0;}







.services-block .service-index{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
height: 100%;
 align-items: center;
  justify-content: center;
}




.services-block .service-index a {
    border: 0px; padding:0px; margin: 0px}
.services-block .service-index .single-service-wrap{
margin: 0px 5px;
 width: calc(20% - 10px);   
}

.services-block.small .service-index .single-service-wrap {
    margin: 0px 5px;
    width: calc(15% - 10px);
}


.services-block .service-index .single-service-wrap .single-flex{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
   transition: all .2s ease-in-out;
    border-radius: 10px;
}
.services-block .service-index .single-service-wrap .single-flex:hover{
transform: scale(1.02);
    background-color: #FFF;
}

.services-block.intelligentbuildings .service-index .single-service-wrap .single-flex:hover{

    background-color: #FFF;
}

.services-block .service-index .single-service-wrap .single-service-imagewrap{
width: 100%;
    text-align: center;
}
.services-block .service-index .single-service-wrap  img{
width: 80%!important; height: auto; margin: 0px auto; padding: 0; display: block;
}

.services-block .service-index .single-service-wrap .single-service-contentwrap{
width: 100%;
    position: relative;
    height: auto;
    display: block;
    border-top: 0px;
    transition: all .2s ease-in-out;
    min-height: 60px;
}

.services-block .service-index .single-service-wrap .single-service-contentwrap .title-wrap{
  top: 50%;
  left: 10%;
  transform: translateY(-50%); position: absolute;
    width: 80%;
    
}
.services-block .service-index .single-service-wrap .single-service-contentwrap h3{
font-size: 22px;
    margin: 0;
  line-height: 130%;
    color: #161D26;
    font-family: 'SharpSansNo1-Bold';
}



.services-block24 {
	background-color: #FFF!important;
	color: #161D26!important;
	padding: 0 0 100px 0;
	text-align: left;
}

.services-block24 .service-index {
  display: flex;
  text-align: center;
  margin: 20px 0 0 0;
  height: 100%;
  align-items: auto;
  justify-content: center;
	flex-wrap: wrap;
}


.services-block24 .service-index .single-service-wrap{
	margin: 0px 10px 20px 10px;
	width: calc(33% - 40px);
	background-color: #EDECF2;
	border-bottom: solid 2px #FF10F0;
	position: relative;
}

.print .services-block24 .service-index .single-service-wrap{
	border-bottom: solid 2px #00b48f;
}


.it .services-block24 .service-index .single-service-wrap{
	border-bottom: solid 2px #ff10f0;
}

.devices .services-block24 .service-index .single-service-wrap{
	border-bottom: solid 2px #6eacc6;
}

.security .services-block24 .service-index .single-service-wrap{
	border-bottom: solid 2px #f28724;
}

.cloud .services-block24 .service-index .single-service-wrap{
	border-bottom: solid 2px #575e73;
}

.comms .services-block24 .service-index .single-service-wrap{
	border-bottom: solid 2px #615398;
}



.services-block24 .service-index .single-service-wrap img{
width: 100%;
height: auto;
margin: 0px;
padding: 0;
display: block;
}



.services-block24 .service-index .single-service-wrap .single-wrap{
padding: 20px 20px 60px 20px;
	text-align: left;
}

.services-block24 .service-index .single-service-wrap .single-wrap p{
font-size: 16px;
	line-height: 22px;
	margin: 0 0 20px 0;
	color: #161D26;
}

.services-block24 .service-index .single-service-wrap .single-wrap:hover p,
.services-block24 .service-index .single-service-wrap .single-wrap:hover h3{
color: #161D26!important;
}


.services-block24 .service-index .single-service-wrap .single-wrap .service-icon{
	display: inline-block;
	width: 50px;
	height: auto;
	margin: 0 0 20px 0;
	text-align: left;
	vertical-align: middle;
}

.services-block24 .service-index .single-service-wrap .single-wrap .service-icon img{
	width: 40px;
	height: auto;
	margin: 0;
}

.services-block24 .service-index .single-service-wrap .single-wrap .service-title{
	width: calc(100% - 60px);
	height: auto;
	margin: 0 0 20px 0;
	display: inline-block;
	vertical-align: middle;
}

.services-block24 .service-index .single-service-wrap .single-wrap .service-title h3{
	font-size: 22px;
	margin: 0;
	line-height: 26px;
}


.services-block24 .service-index .single-service-wrap  .more{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	margin: 0 20px;
}

.services-block24 .service-index .single-service-wrap  .more p{
font-size: 20px;
    color: #FFF;
    text-align: right; background-image: url("images/news-arrow.svg");
background-repeat: no-repeat;
background-position: right 5px center;
background-size: 18px auto;
    padding-right: 30px;
	 transition: all ease 0.3s;
	margin: 0 0 10px 0;
}

.services-block24 .service-index .single-service-wrap  .more p{
color: #161D26;
    background-image: url("images/news-arrow-black.svg");

}

.services-block24 .service-index .single-service-wrap:hover  .more p{

background-position: right  center;
}





    section.whoweare { background-color:#FFF; padding:20px 0px;}	
	section.whoweare.partners .biogrwap{ min-height: 220px;}
    
    section.whoweare .biogrow{display: flex;}
	section.whoweare .biogwrap{ width: calc(50% - 20px); background-color: #EEE; color: #161D26; margin: 10px; border-radius: 20px;}	
	
	
	
	section.whoweare .biogwrap img{ float:left; margin-right:20px; margin-bottom:20px; width: 160px; height: 160px;}	
	
	section.whoweare .biogwrap .imagewrap{ width: calc(40% - 40px); display: inline-block; vertical-align: top; margin: 20px;}	
	section.whoweare .biogwrap .nameblock { width: calc(60% - 40px); display: inline-block; vertical-align: top; margin: 20px;}
	section.whoweare .biogwrap .imagewrap img{ width: 100%; height: auto; display: block;border-radius: 20px;}
    
	
	section.whoweare .readmorewrap{ text-align:center; margin-top:30px; margin-bottom:30px;}
	
	
	section.whoweare .biogwrap .actual-biog{width: calc(100% - 40px); margin:  0px 20px;}


	section.whoweare h2{color:#161D26; font-size: 36px;  font-family: 'SharpSansNo1-Bold'; margin-bottom:10px; line-height: 100%;}
	section.whoweare p{color:#161D26; font-size: 16px; line-height:135%;}
	section.whoweare p.title {color:#FF10F0; font-size: 20px; line-height:135%; font-family: 'SharpSansNo1-Semibold'; margin-bottom:5px;}
	section.whoweare p.area {color:#161D26; font-size: 20px; line-height:135%; font-family: 'SharpSansNo1-Semibold';}
	section.whoweare .biogrwap .actual-biog p { margin:5px;}	

	
section.careersindex{ background-color:#FFF; text-align:left; padding:30px 0px 60px 0px;}
section.careersindex .jobwrap{ margin-bottom: 40px; padding: 30px; background-color: #efefef; border-radius: 20px;}
	
	section.careersindex.apply{ padding-bottom:100px; background-color:#FFF;  color:#161D26;}
	
	section.careersindex.none{ background-color:#161D26; color:#FFF;}
	
	section.careersindex.none p{color:#FFF;}

section.careersindex.none p a{color:#FFF; text-decoration: underline;}
	
section.careersindex p.link {color: #161D26; font-size: 20px; margin: 0; position: relative;font-family: 'SharpSansNo1-Semibold'; display: inline;}

section.careersindex p.link:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

section.careersindex .jobwrap:hover p.link:before {
  visibility: visible;
  width: 100%;
}

  
   section.careersindex h3{color:#161D26; font-size: 30px; font-family: 'SharpSansNo1-Semibold';}
   section.careersindex p {color:#161D26; font-size: 20px; line-height:150%;}
   section.careersindex.apply p {color:#161D26;}






footer, section.getintouch {
        background-color:#161D26;
		padding:75px 0;
		}
footer img{
        margin-bottom:60px;
        width: 170px;
        height: auto;
        }		
footer h2
        {
		font-family: 'SharpSansNo1-Semibold';
		font-size:24px;
		color:#FFF;
		line-height:150%;
	    margin-bottom:20px;
		}		


footer p {
		font-size:18px;
		color:#FFF;
	    line-height:200%;
	    margin-bottom:30px;
		}


footer p.larger, .getintouch p.larger{	
	font-size:24px;
	color:#FFF;
	line-height:135%;
	margin-bottom:10px;
    font-family: 'SharpSansNo1-Semibold';}




footer  p.larger a, .getintouch  p.larger a{	
	color:#FFF;}

footer  p.larger a:hover, .getintouch  p.larger a:hover{	
	color:#FF10F0;}


footer  p.larger strong, .getintouch  p.larger strong{		
	
    font-family: 'SharpSansNo1-Bold';
    color:#FF10F0;}
		
.gform_wrapper {
    border: none;
}

.getintouch .gform_heading, .text-block .gform_heading{display: none;}


.getintouch .gform_wrapper, .text-block .gform_wrapper {
    margin-bottom: 0px!important;
    margin-top: 0px!important;
   
}
.getintouch .gform_wrapper ul li.gfield, .text-block .gform_wrapper ul li.gfield {
    margin-top: 0px!important; font-size: 18px!important;
}

.getintouch .ginput_container input, .text-block .ginput_container input{background-color: transparent; border: 1px solid #FFF; border-radius: 20px; color: #FFF; padding:  0 15px!important; width: 100%!important; margin: 0!important;}
.getintouch .ginput_container input:focus, .text-block .ginput_container input:focus{ border: 1px solid #FF10F0!important; }

.text-block.magenta .ginput_container input{background-color: #FFF; border: 1px solid #FFF;color: #161D26!important;}
.text-block.magenta .ginput_container input:focus{ border: 1px solid #161D26!important; }

.text-block .pull-out .ginput_container input{background-color: #EFEFEF; border: 1px solid #EFEFEF;color: #161D26!important;}
.text-block .pull-out .ginput_container input:focus{ border: 1px solid #161D26!important; }



.getintouch .lefthalf, .text-block .lefthalf{width: 50%; display: inline-block;}
.getintouch .righthalf, .text-block .righthalf{width: 50%;display: inline-block;}

.getintouch textarea.medium, .text-block textarea.medium {
  background-color: transparent; border: 1px solid #FFF; border-radius: 20px; color: #FFF; padding:   15px!important; width: 100%!important; margin:5px 0 0 0!important;
}

.getintouch textarea.medium:focus, .text-block textarea.medium:focus {
 border: 1px solid #FF10F0!important;
}

.text-block.magenta textarea.medium {
  background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; color: #161D26; }

.text-block.magenta textarea.medium:focus {
 border: 1px solid #161D26!important;
}


.text-block .pull-out textarea.medium {
  background-color: #EFEFEF; border: 1px solid #EFEFEF; border-radius: 10px; color: #161D26; }

.text-block .pull-out textarea.medium:focus {
 border: 1px solid #161D26!important;
}



.getintouch .gform_wrapper input[type="submit"], .text-block .gform_wrapper input[type="submit"]{
    background-color: transparent;
    color: #fff;
    border: none;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0!important;
    padding: 0;
    font-family: 'SharpSansNo1-Semibold'!important;
}

.getintouch.resources .gform_wrapper input[type="submit"]{
margin: 20px 0 0 0;
}






.getintouch .gform_wrapper input[type="submit"]:hover, .text-block .gform_wrapper input[type="submit"]:hover
{
   color: #FF10F0;
}
.text-block.magenta .gform_wrapper input[type="submit"]{
    background-color: #161D26;
    display: block;
    color: #fff;
    border: none;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0!important;
    padding: 0;
    font-family: 'SharpSansNo1-Semibold'!important;
    width: calc(100% - 15px);
    border-radius: 10px;
    background-image: url("images/button-arrow.svg");
    background-repeat: no-repeat;
    background-size: 11px auto;
    background-position: center right 10%;
}


.text-block.magenta .gform_wrapper input[type="submit"]:hover
{ background-color: #FFF;
   color: #161D26;
}


.text-block .pull-out .gform_wrapper input[type="submit"]{
    background-color: #FF10F0;
    display: block;
    color: #fff;
    border: none;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0!important;
    padding: 0;
    font-family: 'SharpSansNo1-Semibold'!important;
    width: calc(100% - 15px);
    border-radius: 10px;
    background-image: url("images/button-arrow.svg");
    background-repeat: no-repeat;
    background-size: 11px auto;
    background-position: center right 10%;
}


.text-block .pull-out .gform_wrapper input[type="submit"]:hover
{ background-color: #161D26;
   color: #FFF;
}





.getintouch .gform_legacy_markup_wrapper .top_label .gfield_label,.getintouch  .gform_legacy_markup_wrapper legend.gfield_label,
.text-block .gform_legacy_markup_wrapper .top_label .gfield_label,.text-block  .gform_legacy_markup_wrapper legend.gfield_label
{
   font-size: 22px;
line-height: 135%;
margin-bottom: 20px;
    font-weight: 300!important;
}


.getintouch  .gform_legacy_markup_wrapper ul.gfield_checkbox li, .getintouch  .gform_legacy_markup_wrapper ul.gfield_radio li,
.text-block  .gform_legacy_markup_wrapper ul.gfield_checkbox li, .text-block  .gform_legacy_markup_wrapper ul.gfield_radio li{
   width: 48%;
    display: inline-block;
    vertical-align: top;
}


.text-block.magenta  .gform_legacy_markup_wrapper ul.gfield_checkbox li, .text-block.magenta .gform_legacy_markup_wrapper ul.gfield_radio li,
.text-block .pull-out  .gform_legacy_markup_wrapper ul.gfield_checkbox li, .text-block .pull-out .gform_legacy_markup_wrapper ul.gfield_radio li{
   width: 100%;
}


.gform_legacy_markup_wrapper .gfield_checkbox li input, .gform_legacy_markup_wrapper .gfield_checkbox li input[type="checkbox"], .gform_legacy_markup_wrapper .gfield_radio li input[type="radio"] {

    display: inline-block!important;
    background-color: #CFC!important;
    width: 20px!important;
    
}
.gform_legacy_markup_wrapper .gfield_checkbox li label, .gform_legacy_markup_wrapper .gfield_radio li label {
font-size: 14px!important;
    color: #FFF;
    font-weight: 300;
}

.text-block .pull-out .gform_legacy_markup_wrapper .gfield_checkbox li label,.text-block .pull-out .gform_legacy_markup_wrapper .gfield_radio li label {

    color: #161D26;
}


.getintouch .gform_footer,
.text-block .gform_footer{
    padding: 0px 0 10px 0!important;
    margin: 0px 0 0 0!important;
}

.getintouch.resources a.dl-25-close{
color: #FFF;
font-family: 'SharpSansNo1-Semibold' !important;
}
.getintouch.resources a.dl-25-close:hover{
   color: #FF10F0;
}


.getintouch.resources a.resourcebutton{color: #FFF; font-size: 18px; margin: 0 0 30px 0; position: relative;font-family: 'SharpSansNo1-Semibold'; border: solid 2px #FFF;padding: 10px 30px;border-radius: 30px; display: inline-block;}

.getintouch.resources a.resourcebutton:hover{
	border: solid 2px #FF10F0;
	color: #FFF;
	background-color: #161D26;}





/* gform placeholders*/
::-webkit-input-placeholder { color:#FFF; }
:-moz-placeholder { opacity: 1; color:#FFF; } /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#FFF; } /* firefox 19+ */
:-ms-input-placeholder { color:#FFF; } /* ie */
input:-moz-placeholder { color:#FFF; }


/* gform placeholders*/
.magenta ::-webkit-input-placeholder { color:#666; }
.magenta :-moz-placeholder { opacity: 1; color:#666; } /* Firefox 18- */
.magenta ::-moz-placeholder { opacity: 1; color:#666; } /* firefox 19+ */
.magenta :-ms-input-placeholder { color:#666; } /* ie */
.magenta input:-moz-placeholder { color:#666; }

/* gform placeholders*/
.pull-out ::-webkit-input-placeholder { color:#161D26!important; }
.pull-out :-moz-placeholder { opacity: 1; color:#161D26!important; } /* Firefox 18- */
.pull-out ::-moz-placeholder { opacity: 1; color:#161D26!important; } /* firefox 19+ */
.pull-out :-ms-input-placeholder { color:#161D26!important; } /* ie */
.pull-out input:-moz-placeholder { color:#161D26!important; }




.getintouch .gform_validation_errors,
.text-block .gform_validation_errors{
    width: 100%;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.getintouch .gform_validation_errors > h2::before,
.text-block .gform_validation_errors > h2::before{
    display: none;
}

.gform_validation_errors > h2 {
    font-size: 16px!important;
    color: #FFF!important;
}

.pull-out .gform_validation_errors > h2 {
    font-size: 16px!important;
    color: #161D26!important;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error{
    background-color: rgba(255,225,225,.0)!important;
    border-top: none!important;
    border-bottom: none!important;
}

.getintouch .gform_legacy_markup_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.getintouch .gform_legacy_markup_wrapper li.gfield_error textarea,
.text-block .gform_legacy_markup_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.text-block .gform_legacy_markup_wrapper li.gfield_error textarea
{
    border: 2px solid #FFF!important;
}



.text-block .gform_legacy_markup_wrapper div.validation_error
{
    border-top: 2px solid #FFF!important;
        border-bottom: 2px solid #FFF!important;
}

.getintouch .gform_legacy_markup_wrapper .validation_message,
.text-block .gform_legacy_markup_wrapper .validation_message,

.gform_wrapper.gravity-theme .gfield_description

{
    color: #FF10F0!important;
	background-color: transparent!important;
	border: 0px!important;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
  border: 1px solid #FF10F0!important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
  background: transparent!important;
  border-radius: 0px;
  border: 1px solid #FF10F0!important;
  box-shadow: 0px;
  margin-block-end: 0px;
  margin-block-start: 0px;
  padding-block: 0px;
  padding-inline-end: 0px;
  padding-inline-start: 0px;
  position: relative;
	width: 100%;}



.text-block.magenta .gform_legacy_markup_wrapper .validation_message{
    color: #161D26!important;
}

/*Default styles for Gravity Forms single-column-form class*/

.getintouch ul.gfield_checkbox li input[type=checkbox]:checked+label,.getintouch ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label,
.text-block ul.gfield_checkbox li input[type=checkbox]:checked+label,.text-block ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label{
  margin-left:0px;
  font-weight: 400;
  font-size: 15px!important;
    padding-bottom: 10px;
}

/*Custom subscribe box for .single-column-form class*/
.getintouch [type="checkbox"]:not(:checked), .getintouch [type="checkbox"]:checked,
.text-block [type="checkbox"]:not(:checked), .text-block [type="checkbox"]:checked{
  position: absolute!important;
  left: -9999px;
}

.text-block .wpcf7-form [type="checkbox"]:not(:checked), .text-block .wpcf7-form [type="checkbox"]:checked{
  position: relative!important;
  left: 0px;
}


.getintouch [type="checkbox"]:not(:checked) + label,
.text-block [type="checkbox"]:not(:checked) + label{
  position: relative!important;
  padding-left: 30px!important;
  cursor: pointer!important;
    font-weight: 300!important;
}






.getintouch [type="checkbox"]:checked + label,
.text-block [type="checkbox"]:checked + label{
  position: relative!important;
  padding-left: 30px!important;
  cursor: pointer!important;
    font-weight: 300!important;
}

.getintouch [type="checkbox"]:not(:checked) + label:before,
.text-block [type="checkbox"]:not(:checked) + label:before{
  content: ' ';
  position: absolute!important;
  left: 0px;
  top: 2px;
  width: 21px;
  height: 21px;
  border: 1px solid #FFF;
  background: transparent;
  padding: 2px;
  border-radius: 5px;
}



.text-block .pull-out [type="checkbox"]:not(:checked) + label:before{
  border: 1px solid #161D26;
}

.getintouch [type="checkbox"]:checked + label:before,
.text-block [type="checkbox"]:checked + label:before{
  content: ' ';
  position: absolute!important;
  left: 0px;
  top: 2px;
  width: 21px;
  height: 21px;
  border: 1px solid #FFF;
  background: transparent;
  padding: 2px;
    border-radius: 5px;
}

.text-block .pull-out [type="checkbox"]:checked + label:before{
  border: 1px solid #161D26!important;
}


.getintouch [type="checkbox"]:not(:checked) + label:after,
.text-block [type="checkbox"]:not(:checked) + label:after{
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  top: 6px;
  left: 4px;
  font-size: 1.3em;
  line-height: 0.8;
  background-color: transparent;
  transition: all .2s;
    border-radius: 2px;
}

.getintouch [type="checkbox"]:checked + label:after,
.text-block [type="checkbox"]:checked + label:after{
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  top: 6px;
  left: 4px;
  font-size: 1.3em;
  line-height: 0.8;
  background-color: #FFF;
  transition: all .2s;
    border-radius: 2px;
}


.text-block .pull-out [type="checkbox"]:checked + label:after{
  background-color: #161D26;
}



/* checked mark aspect changes */
.getintouch [type="checkbox"]:not(:checked) + label:after,
.text-block [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.getintouch [type="checkbox"]:checked + label:after,
.text-block [type="checkbox"]:checked + label:after{
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.getintouch [type="checkbox"]:disabled:not(:checked) + label:before,
.getintouch[type="checkbox"]:disabled:checked + label:before,
.text-block [type="checkbox"]:disabled:not(:checked) + label:before,
.text-block[type="checkbox"]:disabled:checked + label:before{
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.getintouch [type="checkbox"]:disabled:checked + label:after,
.text-block [type="checkbox"]:disabled:checked + label:after{
  color: #FFF;
}

.getintouch [type="checkbox"]:disabled + label,
.text-block [type="checkbox"]:disabled + label {
  color: #aaa;
}


	.socials li .symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.socials li a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}

.socials{
	padding:0px;
	margin: 0px 0 30px 0;
	list-style: none;
	text-align:left;
}
		
.socials li{
	padding:0px;
	margin: 0 10px 0 0px;
	display:inline-block;
}
	
.socials li a{
	text-decoration: none;
	font-size:35px;
	color:#FFF;
}

.socials li a:hover{
	color:#FF10F0;
}
		
footer .footerutils {
    list-style: none;
    text-align:left;
    margin: 60px 0 0 0;
}

footer .footerutils li {
    display: inline-block;
    color:#CCC;
    margin:0 10px 0 0;
    padding:0 10px 0 0;
    font-size: 12px;
    border-right: 1px solid #AAA;
    line-height: 100%;
}
footer .footerutils li a{
    color: #CCC;
}

footer .footerutils li a:hover{
    color: #FF10F0;
}

footer .footerutils li:last-of-type {
    border-right: none;
}

footer .links {
    list-style: none;
    text-align:left;
    margin: 0;
}

footer .links li {
    display: block;
    color:#FFF;
   margin: 0 0 10px 0; padding: 0;
    font-size: 16px;
    line-height: 100%;
}
footer .links li a{
    color: #FFF;
}

footer .links li a:hover{
    color: #FF10F0;
}






.video-overlay {width: 100%!important; height: 100%!important;  background: rgba(22, 29, 38, 0.95); position: fixed; top: 0; left: 0; overflow: hidden; z-index: 3000;}

.video-overlay .closer img{width: 30px; float: right; opacity: 0.75; position: absolute; top:10px; right: 10px; background-color: #FF10F0;; height: 30px; z-index: 3001; padding: 5px;}

.video-overlay .closer img:hover{opacity: 1;}

.video-overlay .central-block{ width: 100%; position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


.vimeo-embed-container {position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;}


.youtube-embed-container {position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;}



.video-overlay iframe { position: absolute;
    top:10%;
    left: 10%;
    width: 80%;
    height: 80%; border: none;}


.respvid-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.respvid-wrap iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

svg#wheelSVG{opacity:0}
svg#wheelSVG a.size .wrapper {
  transform: scale(1);
  transform-origin: center center;
  transition: all 0.4s;
  transition-timing-function: cubic-bezier(0.2, 2.4, 0.73, 0.46);
  transform-box: fill-box;
}
svg#wheelSVG a.size.disabled{pointer-events:none;}


svg#wheelSVG a.size.outer.disabled circle:first-of-type{stroke:rgb(38, 38, 38) !important;}


svg#wheelSVG a.size:hover .wrapper {
  transform: scale(1.06);
  transform-origin: center center;
  transition: all 0.4s;
  transition-timing-function: cubic-bezier(0.2, 2.4, 0.73, 0.46);
  transform-box: fill-box;
}
.video .thumbwrap{ position: relative; margin-bottom:0px;}
.video .thumbwrap img{ width: 100%; height: auto; display: block;}

.video .thumbwrap .thumbover {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
	height:100%;
	z-index: 99;
	text-align: center;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
    background-color: rgba(22,29,38,0.25)
}
.video .thumbwrap.wheel {
 margin: 0;
}

.video .thumbwrap .thumbover .caption {
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.video .thumbwrap .thumbover .caption p{
    margin: 0;
    padding: 0 20px 0 0;
    font-family: 'SharpSansNo1-Semibold';
    color: #FFF;background-image: url("images/mini-play.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px 14px;
}


.video .thumbwrap .thumbover .caption p:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.video .thumbwrap:hover .thumbover .caption p:before {
  visibility: visible;
  width: 100%;
}





.video .thumbwrap:hover .thumbover {
    background-color: rgba(229,0,125,0.20);
}


.video .thumbwrap .thumbover2 {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
	height:100%;
	z-index: 99;
    transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
    background-color: rgba(22,29,38,0.10);
	background-image: url("images/video-play-white24.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px 100px;
}

.video .thumbwrap .thumbover2:hover {
    background-color: rgba(22,29,38,0.20);
    background-size: 105px 105px;
}

.video .logoafter { margin: 30px 0; width: 100%; text-align: right;}

.video .logoafter img{margin: 0; padding: 0; display: inline-block; width: 40%; height: auto;}


@media only screen and (min-width: 961px) and (max-width: 1100px) {
#nav li ul.sub-menu li ul.sub-menu li .final-wrapper ul.sub-menu a {
  font-size: 15px;
  margin: 0 0 2px 0;
}	
#nav li .sub-wrapper ul li ul li .final-wrapper ul.sub-menu .sub-menu a {
  font-size: 11px;
  padding: 2px 0;
}
	
#nav li ul.sub-menu li ul.sub-menu a {
  font-size: 17px;
  font-family: 'SharpSansNo1-SemiBold';
}	
	
}

@media only screen and (min-width: 1101px) and (max-width: 1200px) {
#nav li ul.sub-menu li ul.sub-menu a {
  font-size: 17px;
  font-family: 'SharpSansNo1-SemiBold';
}	
}


@media only screen and (max-width: 1380px) {
.desktopnav ul#nav > li > a {
    padding: 40px 25px 30px 25px;
}
}
@media only screen and (max-width: 1280px) {
    
.desktopnav ul#nav > li > a {
    padding: 40px 20px 30px 20px;
}    
    
    
  .banner .overslides h1{
 font-size: 60px;
}

.banner .overslides h1.smaller {
    font-size: 40px;
}
.banner .overslides p{
    font-size: 16px;
}


.banner ul.links {
    margin: 30px 0 0 0;}


.banner ul.links li a{
    font-size: 16px;
    } 
    
    
section.text-block h2 {
    font-size: 40px;
}    
  section.text-block p {
    font-size: 18px;
}
    
section.text-block ul, section.half-half ul {
    font-size: 18px;
}    
    
    
section.text-block.bleed .flex .calltoactionmutli .imagewrap .tint .content-over h2 {
    font-size: 30px;
    margin-bottom: 40px;
} 
    
    
section.news-carousel h2 {
   
    font-size: 40px;
}    
 section.news-carousel ul li h3 {
    font-size: 26px;
}  
    
section.news-carousel .newslinks{
font-size: 18px;
}    
    
 
footer .larger p {
    font-size: 20px;
}    
 footer h2 {
    font-size: 20px;
} 
    
footer p {
    font-size: 16px;
}    
    
}

@media only screen and (max-width: 1180px) {
    
.desktopnav ul#nav > li > a {
    padding: 40px 20px 30px 15px;
    font-size: 15px;
} 
	
.desktopnav ul#nav > li.menu-item-has-children > a {
  background-position: right 10px top 45px;
}	
	
#nav li:nth-child(1) ul li a {
  padding: 0 0 20px 0;
}	
    
footer p.larger, .getintouch p.larger {
    font-size: 20px;
} 
    
.services-block .service-index .single-service-wrap .single-service-contentwrap h3 {
    font-size: 18px;
}    
 section.news-carousel ul li {
    min-width: 200px;
    margin-right: 20px;
}
    
    section.text-block h2, section.half-half h2, section.services-block h2, section.text-block.first h1 {
   font-size: 40px;
}
 section.text-block ul.downloads {

    font-size: 18px;
} 
section.whoweare h2 {
    font-size: 26px;
    margin-bottom: 5px;
}    
section.whoweare p.title {
    font-size: 18px;
}
    
section.whoweare p.area {
    font-size: 18px;
    margin-bottom: 5px;
}    
 section.whoweare p {
    font-size: 14px;
} 
    
section.ourcurrentvacancies h2 {

    font-size: 30px;
}    
section.careersindex h3 {
    font-size: 20px;
}
section.careersindex p {
    font-size: 14px;
}    
  section.careersindex p.link {
    font-size: 14px;
}  
    
section.news-carousel.landing {
    padding: 130px 0 100px 0;
} 
    
section.articlebanner {
    margin: 50px 0 0 0;
}    
  section.text-block.article h1 {
    font-size: 50px;
}  
 section.text-block.article p.date {
    font-size: 18px;
}  
    
section.text-block h3, section.half-half h3 {
    font-size: 30px;
}    
    
}

@media only screen and (max-width: 1040px) {
    
.desktopnav ul#nav > li > a {
    padding: 40px 20px 30px 5px;
    font-size: 14px;
} 
	
}


@media only screen and (max-width: 960px) {
    
.topgap{height: 60px;}
.topgap.home{height: 0px;}
    
   .sectornav {
   display: none;
} 
    
    .desktopnav { display: none;}
 
    .mobilenav {display: block;}
header .mobilenav{ display: block; text-align: center; height: 60px;}
header { background-color: #161D26;height: 60px; padding: 0;}	
header .mobilenav img.headlogo { width: auto; height: 30px; display: inline-block; float: left;}

header .mobilenav .logowrap{position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);}

    
    header .mobilenav .button-wrap {
    display: block;
    float: right;
    width: 30%;
    text-align: right;
    margin-right: 0%;margin-right: 20px;
}
    
 section.text-block ul.downloads {

    font-size: 18px;
}   
    
section.whoweare .biogrow {
    display: flex;
    flex-wrap: wrap;
} 
    
section.whoweare .biogwrap {
    width: calc(100% - 20px);
    margin: 10px;
} 
    
    section.whoweare .biogwrap .imagewrap {
    width: calc(30% - 40px);
}
    
section.whoweare .biogwrap .nameblock {
    width: calc(70% - 40px);
}    
    
 section.news-carousel.landing {
    padding: 50px 0 60px 0;
}   
    
footer p.larger, .getintouch p.larger  {
    font-size: 15px!important;
}    
 footer h2 {
    font-size: 15px;
} 
    
footer p {
    font-size: 14px;
}
    
    
section.half-half .halfim.magenta .over-content .flex .cell{width: 46%;margin: 2%;}


section.half-half .halfim.magenta .over-content .flex .cell p{font-size: 16px;}    
    
 section.text-block p, section.half-half p {
    font-size: 18px;
} 
	
	
section.header-video-block
{
height: 50%;}




section.header-video-block .bg-video
{
  height: 50%;
}


section.header-video-block .tint {
  height: 50%;
}

 section.header-video-block .headlinewrap{
	height: 50vh;
}

 
 section.header-video-block .headlinewrap .headline h1{
	font-size: 66px;
	 line-height: 68px;
}
	
	
	section.text-block.bleed .flex{
		
		display: flex;
  flex-flow: row wrap;
		
	}	
	
	section.text-block.bleed.services .flex .calltoactionmutli {
  margin: 10px;
  width: calc(100% - 20px);
}
	
.services-block24 .service-index .single-service-wrap {
  width: calc(50% - 40px);
}	
	
section.text-block.iconrepeater .flex{flex-wrap: wrap;}

section.text-block.iconrepeater .flex .block-wrap{width: 33.33%;}	
}


@media only screen and (max-width: 768px) {
    
    
    .banner.home {
    height: 60vh;
}
    
    
 
 .banner .overslides h1{
 font-size: 60px;
}
.banner .overslides h1.smaller {
    font-size: 40px;
}

.banner .overslides p{
    font-size: 16px;
}


.banner ul.links {
    margin: 30px 0 0 0;}


.banner ul.links li a{
    font-size: 16px; white-space: nowrap;
    }

   section.header-video-block .headlinewrap .headline h1 {
    font-size: 36px;
    line-height: 38px;
  }   
    
section.text-block.bleed .flex .calltoactionmutli .imagewrap {

    height: 50vh;
}    
 section.news-carousel ul li {
    min-width: 150px;
}   
  section.news-carousel ul li h3 {
    font-size: 20px;
} 
    
 section.news-carousel ul li {
    min-width: 200px;
    margin-right: 20px;
}      
    
    
section.news-carousel .newslinks{
font-size: 16px;
}

  section.text-block h2, section.half-half h2, section.services-block h2, section.text-block.first h1 {
   font-size: 30px;
}   
    
 footer .larger p {
    font-size: 15px;
}    
 footer h2 {
    font-size: 15px;
} 
    
footer p {
    font-size: 14px;
}     
  
section.text-block .pull-out {
   
    top: 0px;
}    
 section.magenta-contact-bar p {
    font-size: 18px;
}  
	
	
section.news-carousel .casestudywrap {
  margin: 20px 0;
}
	
.services-block24 .service-index .single-service-wrap {
  width: calc(100% - 40px);
}	
section.text-block.gradient .row {display: block;}
section.text-block.gradient .row:nth-child(odd){}
section.text-block.gradient .textcolumn{width: 100%;  margin: 0 0% 0 0;}
section.text-block.gradient .row:nth-child(odd) .textcolumn{margin: 0 0 0 0%; }
section.text-block.gradient .imagecolumn{width: 100%;}	
	
	
section.text-block.iconrepeater .flex{flex-wrap: wrap;}

section.text-block.iconrepeater .flex .block-wrap{width: 50%;}		
.video .thumbwrap.wheel {
 margin: 50px 0 0 0;
}	
}

@media only screen and (max-width: 480px) {
 header .mobilenav img.headlogo { height: 20px;}   
    
   .banner.home {
    height: 50vh;
}    
    
  .banner .overslides h1{
 font-size: 30px;
}
.banner .overslides h1.smaller {
    font-size: 20px;
}

.banner .overslides p{
    font-size: 14px;
}


.banner ul.links {
    margin: 20px 0 0 0;}


.banner ul.links li a{
    font-size: 14px;
    }
    
.banner.home {
    height: 60vh;
}    
    
section.text-block.bleed .flex {
    display: block;
}    
    
section.text-block.bleed .flex .calltoactionmutli .imagewrap {
    height: 30vh;
}
    
    section.news-carousel .alignright{text-align: left;}    
    
section.news-carousel .newslinks{
font-size: 16px;
}    
 section.text-block h2, section.half-half h2, section.services-block h2, section.text-block.first h1 {
   font-size: 30px;
}
section.news-carousel ul li {
    min-width: 150px;
    margin-top: 20px;
}    
 .banner .flex-control-nav {

    bottom: 10px;
}   
section.text-block.bleed.services .flex .calltoactionmutli {
    margin: 0px 0px 10px 0;
}    
 
 section.text-block.bleed.services .flex .calltoactionmutli .imagewrap .tint .content-over {
   
    top: 20px;
    left: 20px;
    width: calc(95% - 20px);
}  
    
section.text-block.bleed.services .flex .calltoactionmutli .imagewrap .tint .link {
    bottom: 20px;
    left: 20px;
}    
    
 section.whoweare .biogwrap .imagewrap {
    width: calc(50% - 20px);
     margin: 10px;
} 
section.whoweare .biogwrap .nameblock {
    width: calc(100% - 20px);
    margin: 10px;
}    
 section.whoweare .biogwrap img {
    margin-right: 10px;
    margin-bottom: 10px;
}   
  section.whoweare .biogwrap .actual-biog {
    width: calc(100% - 20px);
    margin: 0px 10px;
}  
    
    
  section.text-block.article h1 {
    font-size: 40px;
}  
 section.text-block.article p.date {
    font-size: 14px;
}  
    
section.text-block h3, section.half-half h3 {
    font-size: 20px;
}     
    
    
 footer {
    text-align: left;
}
    
    
    
 .socials {
    text-align: left;
}       
    
  
}

	
@media only screen and (max-width: 320px) {
    
    .banner.home {
    height: 60vh;
} 
    
.banner .overslides h1{
 font-size: 26px;
}
 
 .banner .overslides h1.smaller {
    font-size: 20px;
}   
    
    
}

@media only screen and (max-height: 800px) {
    .banner .overslides {
    top: 30%;
}
    .banner.home {
    height: 90vh;
} 
    
.banner .overslides h1{
 font-size: 40px;
}
 .banner .overslides h1.smaller {
    font-size: 30px;
}  
}



.solutionsnavigation{background-color: rgba(22,29,38,0.5); text-align: center; margin: 0;}
.solutionsnavigation ul{list-style: none; margin: 0; padding: 0;}

.solutionsnavigation ul li{display: inline-block; margin: 0;}

.solutionsnavigation ul li a{color: #FFF; font-size: 14px; text-transform: uppercase; padding: 20px; letter-spacing: 0.1em; display: block;font-family: 'SharpSansNo1-Semibold';}
.solutionsnavigation ul li a:hover{background-color: #161D26;}

/*section.topbanner.solutions .solutionsnavigation.bread .container {
    height: auto!important;
}*/
.solutionsnavigation.bread{background-color: rgba(22,29,38,0.5); text-align: left; margin: 0;}

.solutionsnavigation.bread ul li{color: #FFF;font-size: 13px; text-transform: uppercase; padding: 0px; letter-spacing: 0.1em;}

.solutionsnavigation.bread ul li a{color: #FFF; font-size: 13px; text-transform: uppercase; padding: 10px; letter-spacing: 0.1em; display: block;font-family: 'SharpSansNo1-Semibold';}
.solutionsnavigation ul li a:hover{background-color: #161D26;}





#logoWrapper{
	width:100px;
	height:100px;
	margin-bottom:30px;
	overflow: visible;
	margin-left:auto;
	margin-right: auto;
}

	

section.video-block  p{
		
		color:#FFF;
	font-size:32px;
	line-height:120%;
	margin-bottom:60px;
	}

section.video-block a.read-more-box1 {
			
			font-size:20px;
			text-transform: uppercase;
			border:1px solid #FFF;
			padding:20px 20px 15px 20px;
			color:#FFF;
			letter-spacing:0.2em;
			line-height:100%;
		}
		
		section.video-block a.read-more-box1:hover {
			
			
			text-transform: uppercase;
			border:1px solid #F0008F;
			color:#FFF;
			background-color:#F0008F;
		}
		
		

	
		
		
		

	

	
  
  
  
  
#category-login{
	text-align: center;
}





#category-login label {
    width: 100%;
    float: left;
    font-weight: 400;
	display: block;
	font-size: 22px;
}

#category-login input {
  height: 38px;
padding: 6px 10px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
	width: 30%;
}
#category-login input:focus {
background-color: #555;
border: 1px solid #555;
	color: #FFF;
}

#category-login input[type="submit"] {
	margin-left: auto;
	margin-right: auto;
    font-size: 20px;
    color: #FFF;
    font-weight: normal;
    font-style: normal;
    border: none;
    padding: 20px 20px;
    background-color: #FF10F0;
    cursor: pointer;
    line-height: 0%;
	display: block;
	text-align: center;
	wdith: auto;
}

#category-login input[type="submit"]:hover {
    background-color: #555;
}






section.customerportalindex { padding:100px 0px; background-color:#FFF;}

section.customerportalindex .portalnav {text-align: center;  list-style: none; padding: 0px 0px 100px 0px;}

section.customerportalindex .portalnav a{text-align: center;font-family: 'SharpSansNo1-Semibold'; display: block; font-size: 22px; line-height: 110%; color: #161D26; position: relative;}

section.customerportalindex .portalnav a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

section.customerportalindex .portalnav a:hover:before {
  visibility: visible;
  width: 100%;
}


section.customerportalindex .portalnav a.selected{background-color: #fff; color: #161D26;}

section.customerportalindex .portalnav a.selected:before{
    
  content: "";
  position: absolute;
 
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
   visibility: visible;
  width: 100%;
  transition: all 0.3s ease-in-out;    
    
}

	section.customerportalindex .portalnav h2 {
    color: #161D26;
    font-size: 20px;
    letter-spacing: 0.075em;
	text-transform: uppercase;
	margin: 10px 0px 20px 0px;
	font-family: "SharpSansNo1-Medium",sans-serif;
	display:none;
}
section.customerportalindex h2 {
font-family: 'SharpSansNo1-Bold';
font-size: 40px;
line-height: 100%;
letter-spacing: 0.025em;
margin-bottom: 20px;
text-transform: uppercase;
    text-align: center;
}

	section.customerportalindex ul { margin:20px 0px; font-size:22px; list-style: none;text-align: center; font-family: 'SharpSansNo1-Semibold';} 
	
	section.customerportalindex ul a{ color:#161D26; position: relative;}


  section.customerportalindex ul a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

section.customerportalindex ul a:hover:before {
  visibility: visible;
  width: 100%;
}

	
	
	section.customerportalindex h2 a{ color:#FFF;} 
	section.customerportalindex h2 a:hover{ color:#FF10F0;} 




.portalindex {padding: 20px 0; background-color: #FFF;}

.portalfilters {list-style: none; margin:20px 0px; font-size:20px;text-align: center; font-family: 'SharpSansNo1-Semibold';}
.portalfilters li{display: inline-block; margin: 0 20px;}
.portalfilters li a{color:#161D26; position: relative;}
.portalfilters li a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.portalfilters li a:hover:before {
  visibility: visible;
  width: 100%;
}

.portalfilters li a.current:before{
content: "";
  position: absolute;
 width: 100%;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: visible;
    
}

section.portalgrid{background-color: #FFF; padding: 50px 0;}


section.portalgrid .one-third .news-wrap-image {text-align:center; color:#FFF; border: 0px solid #161D26; background-color: #FFF;}

section.portalgrid .one-third .news-wrap-image .imagewrap{position: relative; border: 0px solid #161D26; margin: 10px;}
section.portalgrid .one-third .news-wrap-image .imagewrap img{display: block; width: 100%; height: auto;}



section.portalgrid .one-third .news-wrap-image{text-align:center; color:#FFF; border: 0px solid #161D26;}


section.portalgrid .one-third .news-wrap-image .news-content-image{
	position:relative;
    width: 100%;
    margin: 0%;
    border: none;
    text-align: center;
    text-decoration: none; top: 0px;
    transition:  .50s ease-in-out;
    -moz-transition:  .50s ease-in-out;
    -webkit-transition:  .50s ease-in-out;}


section.portalgrid .news-wrap-image .news-content-image h2{
	font-size:22px;
	line-height:120%;
	color:#FFF;
	padding:20px 10px;
    background-color: #161D26;
    font-family: 'SharpSansNo1-Semibold';
    display: block;
    margin: 0;
	
	}

section.portalgrid .news-wrap-image .bottom{position: relative; width: 100%; bottom: 0px; margin: 20px 0 0 0;}


section.portalgrid p.read-more-box1 {
		font-size:18px;
		font-family: 'SharpSansNo1-Semibold';	
			position: relative;
			color:#161D26;
			line-height:100%;
    transition:  .25s ease-in-out;
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
    display: inline-block;}
		
section.portalgrid p.read-more-box1:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FF10F0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}


section.portalgrid .one-third:hover p.read-more-box1:before  {
  visibility: visible;
  width: 100%;
}



section.portalgrid .one-third:hover h2{
		background-color: #161D26;
		}
	










	
	
	
	section.ourcurrentvacancies { background-color:#161D26; text-align:left; padding:40px 0px;}
	section.ourcurrentvacancies h2{font-family: 'SharpSansNo1-Bold';

line-height: 100%;
letter-spacing: 0.025em;
margin-bottom: 20px;
text-transform: uppercase;
color: #FFF;
font-size: 40px;}
	

   


/* Group styles*/

section.intro-block {padding: 60px 0; background-color: #161D26; color: #FFF;}	
section.intro-block.linkblock {padding: 30px 0; }	
	

section.intro-block.white{background-color: #FFF; color: #161D26;}


section.intro-block h2  {
    font-family: 'SharpSansNo1-Semibold';
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0.01em;
    margin-bottom: 20px;
}
section.intro-block p {
    font-size: 18px;
    line-height: 135%;
    margin-bottom: 20px;
}












	



section.intro-block .fullimage img{width:100%; height: auto; position: relative; display: block;}

section.intro-block .fullimage{position: relative; margin-bottom: 20px;}

section.landscape-image img, section.intro-block .fullimage img{margin: 0;
padding: 0;
display: block;
width: 100%;
    height: auto;
    margin-bottom: 20px;

}




 section.proportionalbanner{
	   height: auto;
     background-color: #CCC;
		}

 section.proportionalbanner img{
	  width: 100%;
     height: auto;
     display: block;
		}


section.landscape-image{
    padding: 30px 0 30px 0;
margin: 0; position: relative;
background-color: #161D26;}


section.landscape-image.white{
   background-color: #FFF;}






section.landscape-image img, section.intro-block .fullimage img{margin: 0;
padding: 0;
display: block;
width: 100%;
    height: auto;
    margin-bottom: 20px;

}

section.landscape-image .caption, section.intro-block .caption {
   margin: 0px 0 0px 0;
}


section.landscape-image.white .caption p, section.intro-block.white .caption p{
    color: #161D26;
    font-size: 16px;
    margin: 0;
}


section.landscape-image .caption p, section.intro-block .caption p{
    color: #FFF;
}








		
		
  @media only screen and (min-width: 300px) and (max-width: 767px){
	.desknav { height:70px; background-color:#FFF;}
	

	
	
	section.newsindex .news-wrap .news-content h2{font-size:20px;}
	
	
   
/*	section.topbanner .container{height:200px;}
	section.topbanner .banner-wrap {height:200px;}
	section.topbanner  .banner-wrap .banner-center h1{font-size:40px;}*/
	section.servicesindexrow .servicenav a{width:81px; height:81px;  background-size:81px 166px;}
	section.servicesindexrow .servicenav h2 {font-size: 11px;
}
section.servicesindexrow ul {font-size:20px; } 

	  
	  
	section.customerportalindex .servicenav a{font-size: 12px; height: 30px; margin-bottom: 10px;}
	section.customerportalindex h2 {font-size: 20px;}
	  section.customerportalindex ul {
    font-size: 14px;
}
	
	section.nobanner.customerportal .banner-wrap .banner-center h1 {
    font-size: 20px;
}
	  section.nobanner .banner-wrap .banner-center h2 {
    font-size: 16px !important;
}
	  
	  section.nobanner .banner-wrap .banner-center h3 {
    font-size: 12px !important;
}
	  .portalfilters li a {
    font-size: 12px;
}
	  
	  
	
	#logoWrapper{
	width:50px;
	height:50px;
	margin-bottom:10px;
}


section.nobanner .banner-wrap .banner-center h1 {
    font-size: 30px;
}


		
	
      
       section.half-half .hhrow {

display: flex;
      flex-wrap: wrap;  

}  
      
      
    section.half-half .hhrow .halfim {

    width: 100%;

} 
      section.half-half .hhrow .content {

    width: 100%;

} 
      
      
     section.half-half h2 {
    font-size: 14px!important;
}
      
      section.half-half p {
    font-size: 12px;
    margin-bottom: 10px;
}
      
     section.half-half .content-middle {
    width: calc(100% - 40px);
    padding: 20px;
         position: relative;
} 
      
      
	

		}
	
	
		
	
	@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.desknav { height:74px;}
	
	.desknav .desklogo img{ width: 180px; height: auto;}	
	.desknav  ul li a{padding:30px 10px 25px 10px; font-size:11px;}
	
	
	
	
	section.newsindex .news-wrap .news-content h2{font-size:30px;}

	section.general {padding:30px 0px;}	
	section.general .intro{font-size: 28px;}

   
  

	section.servicesindexrow .servicenav a{width:81px; height:81px;  background-size:81px 166px;}
	section.servicesindexrow .servicenav h2 {font-size: 12px;
	}

		#logoWrapper{
	width:70px;
	height:70px;
	margin-bottom:20px;
}


section.nobanner .banner-wrap .banner-center h1 {
    font-size: 40px;
}

		
		.desknav  ul li#searcher  {top:25px;}
		.desknav .nav-hover li a{ font-size:12px;}	
	.nav-hover h2{font-size:14px;}
	.nav-hover p{font-size:14px;}
	}
	
	@media only screen and (min-width: 1001px) and (max-width: 1290px) {
	.desknav { height:83px;}
	
	
	.desknav .desklogo img{ width: 210px; height: auto;}	
	.desknav  ul li a{padding:33px 20px 28px 20px; font-size:14px;}
	.desknav .nav-hover li a{ font-size:13px;}	
	.nav-hover h2{font-size:16px;}
	.nav-hover p{font-size:16px;}
	}
	
@media only screen and (max-width: 959px) {
    
 .services-block .service-index .single-service-wrap{
 width: calc(33% - 10px);
    
}   
 .services-block.small .service-index .single-service-wrap {
    margin: 0px 5px;
    width: calc(25% - 10px);
}   
    
}


@media only screen and (max-width: 767px) {
    
 .services-block .service-index .single-service-wrap{
 width: calc(50% - 10px);
    
}  
    
.services-block.small .service-index .single-service-wrap {
    margin: 0px 5px;
    width: calc(33.33% - 10px);
}    
    
    
 .services-block .service-index .single-service-wrap .single-service-contentwrap h3{
font-size: 16px; 
}    
   
  .solutionsnavigation {
   display: none;
}  
    
/*section.topbanner.solutions .banner-wrap .banner-center h1 {
    font-size: 30px;
} */   
 section.intro-block h2 {
  
    font-size: 26px;
} 
    
section.intro-block p {
    font-size: 14px;
}    
 section.half-half h2 {
    font-size: 26px;
}
    
section.half-half p {
    font-size: 14px;}    
    
}


@media only screen and (max-width: 480px) {
    
 .services-block .service-index .single-service-wrap{
 width: calc(50% - 10px);
    
}   

    
 .services-block .service-index .single-service-wrap .single-service-contentwrap h3{
font-size: 14px; 
}
   
}









button#catapultCookie {
    border: 0 none;
    border-radius: 1px;
    padding: 0px;
	background-color:#FF10F0;
	line-height:100%;
	font-size:14px;
    font-family: 'SharpSansNo1-Medium';
}
button#catapultCookie {
    cursor: pointer;
    margin: 0 20px 0 0;
}


#catapult-cookie-bar {font-size: 14px; font-family: 'SharpSansNo1-Medium';
    color: #ffffff;
}

#catapult-cookie-bar  a{font-size: 14px; font-family: 'SharpSansNo1-Bold';
    color: #ffffff;
}

.wpcf7 span.required { color:#900;}

.wpcf7 .wpcf7-list-item { display:block;margin-bottom: 0px;}
.wpcf7 .wpcf7-list-item-label { display:inline-block;margin-bottom: 10px; width: 60%;}



.wpcf7 form input, .wpcf7 form textarea { 
    background-color: transparent!important;
		width: 80%;
		padding:15px;
		font-size:18px;
		color:#FFF;
		font-weight: 400;
    	font-style: normal;
		border: solid 1px #CCC;
		height: auto;
		margin-bottom:0px;}
		
		
		.wpcf7 form select { 
		
		padding:15px;
		font-size:18px;
		color:#333;
		font-weight: 400;
    	font-style: normal;
		border: solid 1px #CCC;
		height: auto;
		margin-bottom:0px;}
		
		
	
	.wpcf7 form input[type="checkbox"] {  width: 5%; }
	
	.wpcf7 form input[type="radio"] {  width: 5%; }
	.wpcf7 form input:focus, .wpcf7 form textarea:focus { 
	  border: solid 1px #FF10F0;
	}
	
	.wpcf7 form select:focus {    border: solid 1px #FF10F0; color:#FFF;}
	
	
	.wpcf7 form .wpcf7-submit{  width: auto;
			font-size:20px;
			color:#FFF;
			font-weight: normal;
    		font-style: normal;
			border: none;
			padding:20px 20px;
			background-color:#FF10F0!important;
			cursor:pointer;
			line-height:0%; }


	.magenta .wpcf7 form .wpcf7-submit{ 
			background-color:#161D26;}

	
	.wpcf7 form .wpcf7-submit:hover{
			background-color:#555;}
			
		.wpcf7 form	span.wpcf7-not-valid-tip {
    color: #FF10F0;
    display: block;
    font-size: 1em;
}
			
	
	.wpcf7 form  div.wpcf7-mail-sent-ok {
	border: 0px;
	background-color: #FF10F0;
	font-size:18px;
	color:#FFF;
	font-weight: 600;
    font-style: normal;
	line-height:150%;
	margin: 0px;width: 70%;
}


.wpcf7 form div.wpcf7-mail-sent-ng {
	border: 0px;
	background-color: #FF10F0;
	font-size:18px;
	color:#FFF;
	font-weight: 600;
    font-style: normal;
	line-height:150%;
	margin: 0px;width: 70%;
}

.wpcf7 form div.wpcf7-spam-blocked {
	border: 0px;
	background-color: #FF10F0;
	font-size:18px;
	color:#FFF;
	font-weight: 600;
    font-style: normal;
	line-height:150%;
	margin: 0px;width: 70%;
}

.wpcf7 form div.wpcf7-validation-errors {
	
	border: 0px;
	background-color: #FF10F0;
	font-size:18px;
	color:#FFF;
	font-weight: 600;
    font-style: normal;
	line-height:150%;
	width: 70%;
	margin: 0px;
}


 div.wpcf7-form-control-wrap {
	left:35%; 
}

.wpcf7-form .formspacer1 { margin-bottom:30px;}


 #mc4wp-form-1 label { width:35%; float:left; font-weight:400;}

 #mc4wp-form-1 input {  width: 60%; padding:5px;
			font-size:14px;
			color:#333;
			font-weight: 400;
    font-style: normal; border: solid 1px #CCC;
	height: auto; margin-bottom:0px;
border-radius: 2px;
	
	
	}
	
	
	#mc4wp-form-1 input[type="submit"]{  width: 100%;  
			font-size:18px;
			color:#FFF;
			font-weight: normal;
    font-style: normal;
	border: none;padding:20px 0px; background-color:#3997BC; cursor:pointer; line-height:0%;}
	
	
	#mc4wp-form-1  input:focus { 
	background-color: #3997BC;  border: solid 1px #3997BC; color:#FFF;
	}
	#mc4wp-form-1 .formspacer1 { margin-bottom:30px;}
	
	
	.mc4wp-alert.mc4wp-notice p
	
	{ font-weight: bold; color:#900; text-transform: uppercase; font-size:18px;}


#dd-form .error{
	color: #FF10F0;
}
#dd-form input[type="submit"]{
	background: #FF10F0;
	color: #fff;
}
#dd-form input[type="submit"]:hover{
	background: #555;
}

section.map .mapp-layout{margin: 0!important; border: none!important;}





/* DW 04/01/21 */

.dw-fb-form h2{background: #EEE; text-align: center; padding: 50px;margin: 0; font-family: 'SharpSansNo1-Semibold'; font-size: 2em;}
#gform_wrapper_1.gform_wrapper{margin: 0;}
#gform_wrapper_1 .gf_progressbar_wrapper{background: #EEE; padding-bottom: 50px}
#gform_1 .gform_body{width: 80%; max-width: 1140px;margin: 0 auto; padding: 50px 0;}

#gform_wrapper_1 .gf_progressbar_title{display: none;}

#gform_wrapper_1 .gf_progressbar{padding: 0; background-color: #ffffff;width: 80%; max-width: 1140px;margin: 0 auto;}
#gform_wrapper_1 .gf_progressbar:after{height: 16px; margin-top: -16px;background-color: transparent;}
#gform_wrapper_1 .percentbar_gray{background: #FF10F0;}
#gform_wrapper_1 .gf_progressbar_percentage{font-size: 0!important; height: 16px;}
#gform_wrapper_1 .gf_progressbar_percentage span{ width: 30px; height: 30px; background:#FF10F0; border-radius: 30px; border: 2px solid #fff; margin-right: -15px; margin-top: -7px; }
#gform_wrapper_1 .gf_progressbar_percentage.percentbar_0 span{position: absolute;left: 0;margin-right: 0; margin-left: 0;}

#gform_wrapper_1 p{max-width: 50%; font-size: 1.2em;}
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{font-size: 1.5em; font-family: 'SharpSansNo1-Semibold';}

#input_1_15{display: flex; justify-content: space-between;}
#input_1_15 li{border: 1px solid #808080; border-radius: 10px; width: calc(16.666667% - 10px); padding: 0 0 20px 0!important; background-size: 50px; background-position: top -190px center; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
#input_1_15 li input{order: 1;}
#input_1_15 li label{order: 0; text-align: center;font-family: 'SharpSansNo1-Semibold'; color:#808080; font-size: 1.1em; line-height: 1.3em; max-width: none; padding: 80px 20px 10px 20px!important;  }

#input_1_15 li.gchoice_1_15_1{background-image: url("images/form-unified-comms.svg");}
#input_1_15 li.gchoice_1_15_1.active{background-position: top 10px center; background-color: #f2deeb; border-color: #a72077;}
#input_1_15 li.gchoice_1_15_1.active label{color: #a72077;}

#input_1_15 li.gchoice_1_15_2{background-image: url("images/form-it-services.svg");}
#input_1_15 li.gchoice_1_15_2.active{background-position: top 10px center; background-color: #e3f5f6; border-color: #45b9c1;}
#input_1_15 li.gchoice_1_15_2.active label{color: #45b9c1;}

#input_1_15 li.gchoice_1_15_3{background-image: url("images/form-print-services.svg");}
#input_1_15 li.gchoice_1_15_3.active{background-position: top 10px center; background-color: #fdedde; border-color: #f18623;}
#input_1_15 li.gchoice_1_15_3.active label{color: #f18623;}

#input_1_15 li.gchoice_1_15_4{background-image: url("images/form-mail-services.svg");}
#input_1_15 li.gchoice_1_15_4.active{background-position: top 10px center; background-color: #efeaf2; border-color: #9173ab;}
#input_1_15 li.gchoice_1_15_4.active label{color: #9173ab;}

#input_1_15 li.gchoice_1_15_5{background-image: url("images/form-cloud-services.svg");}
#input_1_15 li.gchoice_1_15_5.active{background-position: top 10px center; background-color: #e2f2e1; border-color: #3fa535;}
#input_1_15 li.gchoice_1_15_5.active label{color: #3fa535;}

#input_1_15 li.gchoice_1_15_6{background-image: url("images/form-intelligent-buildings.svg"); background-size: 60px;}
#input_1_15 li.gchoice_1_15_6.active{background-position: top 10px center; background-color: #fff8d9; border-color: #ffcf00;}
#input_1_15 li.gchoice_1_15_6.active label{color: #ffcf00;}

#gform_1 table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {background-color: #FF10F0!important; background-image: url(images/active0.svg)!important;}


#gform_1 .gfield_checkbox li input, #gform_1 .gfield_checkbox li input[type=checkbox], #gform_1 .gfield_radio li input[type=radio]{margin: 0;}

.gform_wrapper input[type="button"], .gform_wrapper input[type="submit"], .button{background-color: #FF10F0; color: #fff; border: none; font-family: 'SharpSansNo1-Bold'; font-size: 1em;}

#gform_1 .gform_next_button{background: #FF10F0 url("images/form-arrow-right.svg") center right 15px no-repeat; background-size: 10px auto; padding-right: 45px;}

#gform_wrapper_1 h3{font-family: 'SharpSansNo1-Semibold'; font-size: 1.6em; margin: 0; padding: 0 0 30px 0;}
#gform_wrapper_1 h3.space-above{padding: 30px 0;}

#gform_confirmation_wrapper_1{width: 80%; max-width: 1140px;margin: 50px auto 50px auto; font-size: 1.2em;}
#gform_confirmation_wrapper_1 .gform_confirmation_message{max-width: 50%;}
#gform_confirmation_wrapper_1 .button, #gform_confirmation_message_2 .button{margin-top: 50px;}
#gform_confirmation_wrapper_1 .button:hover, #gform_confirmation_message_2 .button:hover{color: #fff;}

#dw-overlay{display: none;position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(22,29,38,0.85);z-index: 999; overflow: scroll;}
#dw-overlay .inner{background: #fff; border-radius: 5px; width: 70%; max-width: 540px; padding: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#dw-overlay .inner h2{font-family: 'SharpSansNo1-Semibold'; font-size: 1.6em; margin: 0; padding: 0 0 20px 0; color: #FF10F0;}
#dw-overlay .dw-close{position: absolute; top: 20px; right: 20px;font-family: 'SharpSansNo1-Bold'; font-size: 1.4em;color: #FF10F0; cursor: pointer;}

#gform_wrapper_2.gform_wrapper{margin: 0;}
#gform_wrapper_2 p, #gform_confirmation_message_2{font-size: 1.2em;}

#gform_wrapper_2 input[type=text]{width: 100%;}

#gform_fields_2{display: flex; flex-wrap: wrap;}
#gform_fields_2 li{width: 100%;}
#gform_fields_2 li#field_2_6, #gform_fields_2 li#field_2_8{width: 50%;}

@media only screen and (max-width: 767px) {
	.dw-fb-form h2 {padding: 30px; font-size: 1.5em;}
	#gform_wrapper_1 p {max-width: 100%; font-size: 1em;}
	.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{font-size: 1.1em;}
	#gform_1 .gform_body { padding: 30px 0;}
	#gform_wrapper_1 .gf_progressbar_wrapper {padding-bottom: 30px; margin-bottom: 0;}
	.gform_wrapper input[type="button"], .gform_wrapper input[type="submit"], .button, #gform_1 .gform_next_button, #gform_1 .gform_previous_button{ font-size: 0.9em;}
	#input_1_15{flex-wrap: wrap;}
	#input_1_15 li{width: calc(33.3333333% - 10px);}
	#gform_confirmation_wrapper_1 .gform_confirmation_message {max-width: none;}
}
@media only screen and (max-width: 499px) {
	#input_1_15 li{width: calc(50% - 5px);}
	#input_1_15 li label {font-size: 0.9em; line-height: 1.3em; width: 100%!important; padding: 80px 10px 10px 10px!important;}
	#gform_wrapper_1 table.gsurvey-likert{width: auto;}
	#gform_wrapper_1 h3 {font-size: 1.2em; padding: 0 0 10px 0;}
	#gform_wrapper_1 h3.space-above{padding: 20px 0 10px 0;}
	#gform_confirmation_wrapper_1{font-size: 1em;}
	#dw-overlay .inner{top: 30px; transform: translateX(-50%); margin-bottom: 30px; padding: 50px 20px 20px 20px;}
	#dw-overlay .inner h2 {font-size: 1.4em; padding-bottom: 10px;}
	#gform_wrapper_2 p, #gform_confirmation_message_2 {font-size: 1em; margin: 0 0 15px 0;}
	#gform_wrapper_2 ul li.gfield{margin: 0!important;}
	#gform_wrapper_2 .top_label .gfield_label, #gform_wrapper_2 legend.gfield_label {font-size: 1em;}
}

/*hide recaptcha*/
.grecaptcha-badge { 
    visibility: hidden;
}


:active, :focus {
   outline: none;
}