html, button, input, select, textarea { color: #222; }
body { font-size: 1em; line-height: 1.4; font-family: 'Open Sans', sans-serif; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
/*
 * A better looking default horizontal rule
 */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img { vertical-align: middle; }
/*
 * Remove default fieldset styles.
 */

fieldset { border: 0; margin: 0; padding: 0; }
/*
 * Allow only vertical resizing of textareas.
 */

textarea { resize: vertical; }
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body, html { height: 100%; min-height: 100%; background-color: #FFF; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; position:relative; }
p a { color:inherit;}
p a:hover { color:#999; }
#form13 .wdform_column { padding-right:2%; }
#header { position:fixed; z-index:999999;left:-1300px; margin-left:50%; top:0; }
footer { clear:both; }
.no-js {  }
h2, h3 { margin-top: 0; line-height:1.1; font-weight:300; }
h3 { text-transform:uppercase; }
#stafftext h3 { text-transform:uppercase; }
.loading { background: url('../../../images/ico_loading.gif') no-repeat center center; }
.loaded section, .no-js section { opacity: 1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
main { overflow-x: hidden; }
#preload { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 0; left: 0; }
.bcg { background-position: center center; background-repeat: no-repeat; background-attachment: fixed;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
  height: 100%; width: 100%; }
.mobile-device .bcg {
  background-attachment: inherit;
}
.hsContainer { width: 100%; height: 100%; overflow: visible; position: relative; }
video#bgvid { right: 0; top:-100px; min-width: 100%; min-height: 100%; width: auto; height: auto;  }
video#bgvid2 { min-width: 100%; min-height: 100%; width: auto; height: auto; }
video#bgvid3 { min-width: 100%; min-height: 100%; width: auto; height: auto; position:absolute; top:-400px; }
.hsContainerVid { width:100%; height:100%; overflow:hidden; display:block; position:absolute; z-index:0; min-height:1080px  }
.hsContainerVid2 { width:100%; height:700px; overflow:hidden; display:block; position:absolute; z-index:0; background-image:url(../../../images/home#slide-1-bg.jpg); background-size:cover; background-repeat:no-repeat;  }
.hsContent { max-width: 1180px; margin: 0 auto; padding: 210px 10px 0; overflow:visible; }
.fullover { position: absolute; display: block; width:100%; height:100%; background-color:rgba(0,0,0,0.7); min-height:1080px; top:0px; bottom:0px;  }
.fullover1 { position: absolute; display: block; width:100%; height:100%; background-color:rgba(0,0,0,0.7); color:#FFF; min-height:1080px;  }
.fullover2 { position: absolute; display: block; width:100%; height:700px; background-color:rgba(0,0,0,0.5);   }
.fullover3 { position: absolute; display: block; width:100%; height:100%; background-color:rgba(0,0,0,0.7); color:#FFF; min-height:1080px;    }
.fullover4 { position: absolute; display: block; width:100%; height:100%; background-color:rgba(255,255,255,0.92); color:#000; min-height:1080px;   }

.regtext2, .stafftext, .devtext { z-index:-1; overflow:hidden; color:#FFF; }
.webtext { z-index:-1; overflow:hidden; color:#000; }
.regtext2 h1, .devtext h1, .stafftext h1, .webtext2 h1 { color:#FFF; margin:20px 0; }
.stafftext h2 { text-transform:uppercase; line-height:1.4; }
.regtext2 li { list-style:none; }
.regtext2 p, .stafftext p, .stafftext ul, .devtext ul, .devtext p, .webtext ul, .webtext p, .regtext p { font-size:16px; line-height:1.7; }
.regtext div.quote p, .stafftext2 div.quote p, .devtext div.quote p, .leftcol3 div.quote p, .webtext div.quote p { font-size:18px; }
.stafftext i { color:ff706e; }
.devtext i { color:#ffef67; }
.webtext i { color:#000; }
.fullover1 div.quote { color:#FFF; font-size:18pt; }
.quote { background:url(../../../images/quote-1.png) top left no-repeat, url(../../../images/quote-2.png) bottom right no-repeat; font-style:italic; font-weight:400; padding:20px 0 0 0; font-size:19px !important; }
.quote p { margin:0 0 10px 0; }
.rightcola .quote p { font-size:19px !important; }
.quote2 {  font-style:italic; font-weight:400; font-size:20px !important;  }
.quote2 img { width:25%; height:auto; float:right; }
.quote2 ul { width:65%; float:left; background:url(../../../images/quote-left2.png) top left no-repeat, url(../../../images/quote-right2.png) bottom right no-repeat; display:block; min-height:150px; overflow:visible; color:#FFF !important; padding:20px !important; margin-bottom:6em !important; }
.name { text-align:right; font-style:normal; font-weight:600; padding:0; }
img#symantec { position:absolute; top:74px; width:70%; }
.icons { text-align:center; font-size:50px; }
#socialimg, #exhibimg { width:90%; float:right; }
section { min-height:1080px; }
.bcg { position:relative;}
.moduletablepeople ul#jumplinks span { text-transform:none; font-weight:300;}






/* ----------------------MENU-------------------------- */

#menu {
   overflow:visible;
  position:fixed;
  width:100%;
  z-index:9999;
	}

#navarea {
  background-color:#FFFFFF;
  padding-top:13px;
}

.main-navigation {
  float: right;
}

.item {
  font-size: 15px;
  float:left;
  margin-right:26px;
  margin-bottom:5px;
  margin-top:20px;

}

.item a {
  text-transform: uppercase;
  text-decoration: none;
  color:#000;
}

.item:hover {
  color: #666;
  border-bottom-color: #000000;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.regitem {
  border-bottom: 12px solid #87f1fe;
}

.webitem {
  border-bottom: 12px solid #adec6e;
}

.devitem {
  border-bottom: 12px solid #ffed71;
}

.staffitem {
  border-bottom: 12px solid #ff7171;
}

.last-item {
  margin-right:0px;
}


/*--------------- Logo, Social Icons and Number Bar ------------------ */

.main-logo {
  width:280px;
  height:auto;
  float:left;
  margin-right:20px;
  margin-bottom:15px;
}

#social-bar {
    background-color: #f0f0f0;
  	background-color: rgba(255, 255, 255, 0.7);
    padding: 6px 0;
    text-align: right;
}

#social-bar a {
  color:#000000;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

#social-bar a {
  margin-right: 10px;
  color:#000000;
}

#social-bar a:hover {
  color:#333333;
}

#social-icons.mobile-social {
  margin-top: 8px;
  margin-bottom: 8px;
}

#number-bar, #social-icons {
  float:right;
  margin-left:40px;
}

#number-bar {
  font-size:16px;
  text-decoration:none!important;
}

#number-bar.mobile-number {
  width: auto;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 8px 24px;
  background-color: #d6d6d6;
  text-transform: uppercase;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}



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

#footer {
		min-height: 160px;
		background: #ebebeb;
		padding:20px 0px 40px 0px;
	}

#footer a {
  color:#000000;
}

#footer a:hover {
  color:#333333;
}

.essalogo {
  width:165px;
  margin-bottom:45px;
}

.icon {
  float: left;
  clear: both;
  margin-right:20px;
}

.smallicon {
  margin-right:20px;
  width:40px;
  margin-bottom:20px;
}

.footer-contact {
  padding-left:48px;
  padding-top:8px;
}

.twitter-icon a, .contact-icon a {
  display: block;
  font-size: 20px;
  margin: 1.33em 0;
}

	#bottomfooter {
		background: #363636;
		padding:10px 0px;
	}

	#bottomfooter p {
		color: #FFFFFF;
		text-align: center;
		font-size: 10px;
		padding-bottom:0px;
		margin-bottom:10px;
	}

	#bottomfooter a {
		color: #FFFFFF;
	}

	#bottomfooter span {
		margin: 0 15px;
	}

	#actions {
		min-height: 100px;
		padding:40px 0px 0px 0px;
  		text-align:center;
        overflow:auto;
        border-top:1px solid #DDDDDD;
}

#actions h4 {
  margin-top:15px;
  margin-bottom:30px;
}

#actions a {
  text-decoration: none;
  color:#000000;
}

#action a:hover {
  color:#333333;
}


#strapline {
  min-height: 20px;
  background: #FAFAFA;
  padding:30px 0px;
  text-align:center;
}

#strapline p {
  color:#000000;
  font-size:22px;
  line-height:26px;
  padding:0px 10px;
}


#footerlogos {
  min-height: 20px;
  background: #FAFAFA;
  text-align:center;
}

#footerlogos p {
  text-align:center;
  margin-bottom:0px;
  margin-top:20px;
}

.essalogo {
  margin:0px 25px 30px 25px;
}

.news-winner-logo {
  width:100px;
  margin:0px 25px 20px 25px;
}

.green-achiever-logo {
  width:100px;
  margin:0px 25px 20px 25px;
}

.enawards-logo {
  width:165px;
  margin:0px 25px 20px 25px;
}

.ppa-logo {
  width:130px;
  margin:0px 0px 30px 25px;
}

/*-------------- General --------------------- */
.menu-space {
  height:200px;
}



/*------------- From old site ---------------- */

.stretch {
  width:100%;
  height:auto;
}

/* our services style */

.ourservices img, .ourservices2 img, .ourservices3 img { width:100%; height:auto;}
.ourservices { width:100%; clear:both; overflow:auto; margin-bottom:20px;}
.ourservices h6 { margin-top:48px; }
.ourservices h4, .ourservices2 h4, .ourservices3 h4, .two-col-services h4 { margin-top:0.33rem; }
.ourservices p { font-size:12px; }
.two-col-services p { font-size:12px; }
.ourservices2 { width:50%; float:left; padding-bottom:20px; overflow:hidden; }
.ourservices3 { width:50%; float:left; padding-bottom:20px; overflow:hidden; }
.two-col-services { width:33%; float:left; padding:0 10px; }


/* #Buttons
================================================== */

.simple-button {
  float:left;
  margin:0px 10px 10px 0px;
  padding:10px;
  background:#EEEEEE;
  text-decoration:none !important;
  color:#000000;
}

.simple-button:hover {
  background:#DDDDDD;
}




/* --------------------------- Colour Service Links --------------------------- */

.toplinks { overflow:hidden; padding-top:226px; width:100%;}
.toplinks2 { overflow:hidden; }
.toplink a { width:100%; height:100%; display:block; z-index:999; }
.toplink img { width:100%; height:auto; z-index:-1; }
.toplink div p { display:block; }
.toplink a div p.hometitle i { padding-right:15px; }

.toplinkwrap { width:23.5%; float:left; position:relative; height:400px; overflow:hidden; margin:1% 2% 2% 0; }
.bottomrightwrap2 { margin:1% 2% 0 0; }
.toprightwrap2 { margin:1% 0% 2% 2%; }
.bottomleftwrap2 { margin:1% 0; }

.toplink { width:100%; height:400px; font-size:80%; background-position:center; background-size:cover; overflow:hidden; }
.toplink a { text-decoration:none; }
.toplink a div { width:80%; margin-left:10%; float:left; }
.toplink a div p.button { color:rgba(0,0,0,0.0); }
.toplink a:hover div p.button { color:rgba(0,0,0,1); }
.toplink a div p.hometitle { color:#000; font-size:3.9em; font-weight:300; display:block; line-height:1.8; border-bottom:2px solid rgba(0,0,0,0.0); margin-left:6%; margin-bottom:30px; }
.toplink a:hover div p.hometitle { border-bottom:2px solid #000; margin-left:0; }
.toplink a div p.homeintro, .toplink a div p.homeintro2 { color:rgba(0,0,0,0.0); text-decoration:none; font-size:13px; line-height:1.5; text-align:left; font-weight:400; }
.toplink a:hover div p.homeintro, .toplink a:hover div p.homeintro2 { color:rgba(0,0,0,1); display:block; }
.toplink a div p.homeintro2 { font-size:19px; font-weight:300; }
#slide-24 { clear:both;}

/* ----------- BLUE ----------- */

.topleft2 { background-image:url(../../../images/registration-bg.jpg); }
.topleft2 a { background-color:rgba(131,241,255,0.6); }

/* -----------YELLOW ----------- */

.topright2 { background-image:url(../../../images/contact-bg.jpg); }
.topright2 a { background-color:rgba(255,238,103,0.6); }

/* ------------- RED -------------- */

.bottomleft2 { background-image:url(../../../images/staffing-bg.jpg); }
.bottomleft2 a { background-color:rgba(255,112,110,0.75); }

/* ------------GREEN ------------ */

.bottomright2 { background-image:url(../../../images/websites-bg.jpg); }
.bottomright2 a { background-color:rgba(171,238,102,0.6); }

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

  .topleft2 a div p.hometitle { margin-left:4%; }
  .topright2 a div p.hometitle {  margin-left:1%; }
  .bottomleft2 a div p.hometitle { margin-left:15%; }
  .bottomright2 a div p.hometitle { margin-left:9%; }

}

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

  .toplink a div p.hometitle { margin-left:0%; text-align:center; margin-top:30px; }
  .toplink a div p.hometitle i { display:block; padding-right:0; }
  .toplink a:hover div p.hometitle i { display:none; }

}

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

  .toplink a div p.hometitle { margin-left:0%; text-align:center; margin-top:30px; }
  .toplink.topleft2 a div p.hometitle, .toplink.topright2 a div p.hometitle, .toplink.bottomright2 a div p.hometitle, .toplink.bottomleft2 a div p.hometitle { margin-left:0%; }
  .toplink a div p.hometitle i { display:block; }
  .toplink a:hover div p.hometitle i { display:none; }

  .toplinkwrap { width:49%; float:left; position:relative; height:400px; overflow:hidden; }
  .topleftwrap2 { margin:1% 2% 1% 0; }
  .bottomrightwrap2 { margin:1% 0; }
  .toprightwrap2 { margin:1% 0% 2% 2%; }
  .bottomleftwrap2 { margin:1% 0 2%; }
  .toplink a div p.hometitle i { display:inline; padding-right:20px; }
  .toplink a:hover div p.hometitle i { display:inline; }

}

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

  .toplink a div p.hometitle { font-size:3.6em; }

}

@media only screen and (min-width: 680px) {

  .topleft2 *, .topleft2, .topright2 *, .topright2, .bottomleft2 *, .bottomleft2, .bottomright2 *, .bottomright2 {
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  }

  .topleft2:hover, .topright2:hover, .bottomleft2:hover, .bottomright2:hover {
    -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
  }


  /* ----------- BLUE ----------- */

  .topleft2 a:hover { background-color:rgba(131,241,255,0.9); }

  /* -----------YELLOW ----------- */

  .topright2 a:hover { background-color:rgba(255,238,103,0.9); }

  /* ------------- RED -------------- */

  .bottomleft2 a:hover { background-color:rgba(255,112,110,0.9); }

  /* ------------GREEN ------------ */

  .bottomright2 a:hover { background-color:rgba(171,238,102,0.9); }

}

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

  .toplinkwrap, .toplink { width: 100%; height: 250px; }
  .toplinkwrap { margin:0 0 2%; }
  .toplink a div p.button { color:rgba(0,0,0,1); display: block; text-align: center; }
  .toplink a div p.homeintro, .toplink a div p.homeintro2, .toplink a:hover div p.homeintro, .toplink a:hover div p.homeintro2 { display:none; }
  .toplink a div p.hometitle i { display: block!important; }
  .toplink a:hover div p.hometitle { border-bottom: 0; }

}

/* --------------------------- END Colour Service Links --------------------------- */





#devtext2 {  background-color:rgba(255,239,103,0.9); padding:5% 3% 3%; z-index:-1; overflow:hidden; }
#webtext2 {  background-color:rgba(172,239,102,0.9); padding:5% 3% 3%; z-index:-1; overflow:hidden; }
#regtext { background-color:rgba(131,241,255,0.9); padding:5% 3% 3%; z-index:-1; overflow:hidden; }
#regtext h1, #devtext2 h1, #webtext h1 { color:#000; margin:20px 0; }
#devtext2 h5 { font-weight:400; font-size:20px; margin: 16px 0 34px; }
#regtext p, #regtext ul, .leftcol2 p, .leftcol2 ul, .rightcol2 p, .rightcol2 ul, .leftcol3 p, .leftcol3 ul, #devtext2 p, #devtext2 ul, #webtext2 p, #webtext2 ul, .leftcola p, .leftcola ul, .rightcola p, .rightcola ul { font-size:16px; line-height:1.5; margin:0 0 20px 0; padding:0; }
.leftcola p, .leftcola ul, .rightcola p, .rightcola ul { color:#FFF !important; }
#slide-1bb h1, #slide-1bb p, #slide-1bb ul, #slide-1bb h2, #slide-1bb h3, #slide-1bb ul#jumplinks a { color:#333;}
#slide-1bb i, #slide-1bb em, #slide-1bb ul#jumplinks a em, #slide-1bb ul#jumplinks a i { color:#999;}
#regtext li, .rightcol2 li, .leftcol2 li, .leftcol3 li { list-style:none; }
ul#bulletlist li { background:url(../../../bullet.gif) left 3px no-repeat; padding-left:20px; }
#regtext li ul li { background-image:url(../../../bullet2.gif); }
#regtext a { text-decoration:none; color:#000; }
#stafftext h2 { text-transform:uppercase; }
#regtext a:hover { }
#jumplinks a, #jumplinks2 a { color:#FFF; text-decoration:none;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#jumplinks a:hover {  color:#82f1ff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#jumplinks2 a:hover {  color:#acee66; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#jumplinks a:hover i, #jumplinks2 a:hover i { margin:0 0 0 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#jumplinks a i { margin-right:15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color:#82f1ff;  }
#jumplinks2 a i { margin-right:15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color:#acee66;  }
#jumplinks, #jumplinks2 { text-transform:uppercase; font-size:19px !important; line-height:1.74; list-style:none; }

.leftcol, .leftcol3 { width:58%; float:left; }
#arrowtext, #arrowtext2, #arrowtext3, #arrowtext4, #arrowtext5 { width:66%; }
#badging { width:80%; float:right; }
.rightcol { width:38%; float:right; padding-top:88px; }
.rightcol5 { width:30%; float:right; }
.rightcol5 img {width:100%; height:auto; }
.leftcol4, .leftcol4a { width:30%; margin-right:3%; float:left; }
.leftcol4 h4, .rightcol5 h4, .leftcol2 h4, h4 { font-weight:400; text-transform:uppercase; font-size:20px; }
.leftcol4a h4 { margin-top:68px; }
.rightcol4 { width:38%; float:right; padding-top:95px; }
.rightcol3 { width:38%; float:right; position:relative; }
.rightcol3a { width:38%; float:right; position:relative; }
.rightcol3 p { padding-left:40px; }
.rightcol3 h4 {font-weight: 300; margin: 10px 0 16px; font-size: 20px; }
.rightcol3 img { width: 48%; margin: 0 auto; text-align: center;margin-left: 12%; }
.rightcol3a img { width:70%; margin:0 auto; padding-top:100px; }
.rightcol6 { width:38%; float:right; position:relative; }
.rightcol6 img { width: 65%; margin: 0 auto; text-align: center;margin-left: 12%; }
.leftcol2, .leftcola, .leftcolb { width:47%; float:left; }
.rightcol2, .rightcola, .rightcolb {width:47%; float:right; }
.rightcola h3, .leftcola h3, .leftcola h2, .rightcola h2, .leftcola h4, .rightcola h4 { color:#FFF; }
.leftcolb h3, .leftcolb ul, .leftcolb h2, .rightcolb h2, .leftcolb h4, .rightcolb h4 {color:#000; }
.rightcola img, .leftcola img { width:100%; height:auto; }
.rightcol2 img, .leftcol2 img { width:100%; height:auto; }
.rightcol img { width:70%; height:auto; margin:0 auto; }
.maincontent2 h2 { font-weight:300; font-size:3em; }
.maincontent2 h3 {font-weight:300; font-size:1.8em; }
.maincontent3 h2, .maincontent4 h2, .maincontent3a h2 { font-weight:300; font-size:3em; }
.maincontent3 h3,.maincontent3a h3 {font-weight:300; font-size:1.8em; }
.caps { font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight:300; }
.grey { color:#999; font-weight:700; }
.maincontent2 ul, .maincontent3 ul { color:#000; list-style:none; line-height:1.7; font-weight:400; margin:0 0 20px; padding:0; }
.maincontent { width:100%; line-height:1.1; margin-top:700px; }
.maincontent2 { width:100%; line-height:1.5; margin-top:400px; }
.maincontent3 { width:100%; line-height:1.5; margin-top:200px; }
.maincontent3a { width:100%; line-height:1.5; margin-top:100px; }
.maincontent4 { width:100%; line-height:1.1; }
.maincontent5 { width:100%; line-height:1.1; text-align:center; padding-top:85px; }

section { overflow:hidden; clear:both; }

#devtext2 ul.fa-ul { margin:0 0 20px 15px; }
#greeni i { color:#acee66; }

h1 { font-weight:300 !important; font-size:3em; color:#FFF; }
.fullover h1, .fullover h2 { color:#FFF !important; }
h1 a#h1-web:hover { color:#abee66; }
h1 a#h1-dev:hover { color:#ffef67; }
h1 a#h1-staff:hover { color:#ff706e; }
h1 a#h1-reg:hover { color:#82f1ff; }
h1 a#h1-reg { color:#FFF; text-decoration:none; display:inline-block; }
h1 a#h1-web { color:#FFF; text-decoration:none; display:inline-block; }
h1 a#h1-dev { color:#FFF; text-decoration:none; display:inline-block; }
h1 a#h1-staff { color:#FFF; text-decoration:none; display:inline-block; }
.button, .button2 { color:#000; text-decoration:none; line-height:2; text-transform: uppercase; font-size: 18px; font-weight:400; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display:block; }
.button3 { color:#FFF !important; text-decoration:none; line-height:2; text-transform: uppercase; font-size: 18px; font-weight:400; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display:block; }

.button i, .button2 i, .button3 i { margin:0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
a.button:hover; a.button2:hover { color:#000 !important; }
.button:hover i, .button3:hover i { margin-left:15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  }
.button2:hover i { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align:super;  }
.button3:hover, .button3:hover i { color:#FFF !important;}

.gallery { width:100%; height:300px; background-color:#FFF; display:block; }
.gallery img { margin:25px 25px 0 0; }
footer { width:100%; height:666px; background-color:#FFF; background-image:url(../footer.jpg); background-repeat:no-repeat; background-position:center; background-size:auto; display:block; }
.ital { font-style:italic; font-weight:500;  }
.ital2 { font-style:italic; font-weight:300;  }
.bold { font-weight:600 !important; }
.more { position:absolute; top:238px; left:125px; }
#family { position:absolute; top:100px; left:100px; }
#insured { position:absolute; top:250px; left:250px; }
.hsContent { margin:0 auto; }
.hsContent p.quote, .hsContent p.quote2 { font-style:italic; font-size:17px !important; }
#map { margin-top:70px; }
#badge { margin-top:95px; }
img#hbspic { margin-top:20px;}

.pc { width:100%; background:url(../images/pc-bg.png) cover no-repeat; }
.pc img { width:100%; height:auto; }

/* Slide 1 */
#slide-1, #slide-2, #slide-3, #slide-4, #slide-5, #slide-6, #slide-7, #slide-8, #slide-9, #slide-10, #slide-11, #slide-12, #slide-13, #slide-14, #slide-15, #slide-16, #slide-17, #slide-18, #slide-19, #slide-20, #slide-21, #slide-22, #slide-23, #slide-24, #slide-25, #slide-26, #slide-1b, #slide-wales-video, #slide-1bb { z-index:100; }
section#slide-1a { height:500px !important; min-height:500px; }
#slide-1 .hsContent {   }
#slide-1 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
#slide-1c .bcg { background-image:url('../../../images/staff4.jpg'); background-color:#87f1fe; }

/* Slide 2 */
#slide-2 .bcg { background-image:url('../../../images/registration.jpg'); background-color:#87f1fe; position:relative; }
#slide-2 .hsContent {  }
#slide-2 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
/* Slide 3 */
#slide-3 .bcg { background-image:url('../../../images/websites.jpg') }
#slide-3 .hsContent {  }
#slide-3 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
/* Slide 4 */
#slide-4 .bcg { background-image:url('../../../images/development.jpg') }
#slide-4 .hsContent {  }
#slide-4 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
/* Slide 5 */
#slide-5 .bcg { background-image:url('../../../images/staffing.jpg') }
#slide-5 .hsContent {  }
#slide-5 h2 { text-align:left; font-weight:300 !important; line-height:1.2 !important; }
/* Slide 6 */
#slide-6 .bcg { background-image:url('../../../images/registration2.jpg'); position:relative; }
/* Slide 6 */
#slide-7 .bcg { background-image:url('../../../images/reg_new_oil.jpg'); background-color:#87f1fe; }
/* Slide 9 */
#slide-9 .bcg { background-image:url('../../../images/registration7.jpg'); position:relative; }
#slide-9a .bcg { background-image:url('../../../images/staff3.jpg') }
#slide-9a a { color:#FFF;}
#slide-9a a:hover { color:#ff706d; }
/* Slide 6 */
#slide-8 .bcg { background-image:url('../../../images/registration8.jpg'); background-color:#87f1fe; }
#slide-8a .bcg { background-image:url('../../../images/exhib-scanners.jpg'); background-color:#87f1fe; }

/* Slide 10 */
#slide-10 .bcg { background-image:url('../../../images/registration10.jpg'); position:relative; }
/* Slide 11 */
#slide-11 .bcg { background-image:url('../../../images/registration11.jpg'); background-color:#87f1fe; }
/* Slide 12 */
#slide-12 .bcg { background-image:url('../../../images/registration12.jpg'); position:relative; }
/* Slide 13 */
#slide-13 .bcg { background-image:url('../../../images/registration13.jpg'); background-color:#87f1fe; }
/* Slide 14 */
#slide-14 .bcg { background-image:url('../../../images/registration14.jpg'); position:relative; }
/* Slide 15 */
#slide-15 .bcg { background-image:url('../../../images/registration15.jpg'); background-color:#87f1fe; }
/* Slide 16 */
#slide-16 .bcg { background-image:url('../../../images/registration16.jpg'); position:relative; overflow:hidden; }
/* Slide 17 */
#slide-17 .bcg { background-image:url('../../../images/staff-new.jpg') }
/* Slide 18 */
#slide-18 .bcg { background-image:url('../../../images/development1.jpg') }
#slide-18a .bcg { background-image:url('../../../images/development2a.jpg') }
/* Slide 19 */
#slide-19 .bcg { background-image:url('../../../images/development2.jpg'); }
#slide-19 ul { color:#FFF !important; }
#slide-19 ul i { color:#ffef67 !important; }
/* Slide 20 */
#slide-20 { background-image:url('../../../images/websites1.jpg') }
#slide-20v { background-image:url('../../../images/wales.jpg'); }

#slide-21a { background-color:#acee66; }
#slide-21c { background-color:#ebebeb; }
.thumbnails { width:100%; background-color:#acee66; overflow:hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; }
.thumbnails2 { width:100%; background-color:#ebebeb; overflow:hidden; }
.thumbnails2 img { margin:3% 2%; width:21%; float:left; }
#thumb { margin-top:150px; }
.thumbnails img {width: 100%; height: auto;}
.thumbnails a {width: 22%; margin: 2em 0;}
@media screen and (max-width: 1200px) {
  .thumbnails a {
    width: 48%;
  }
}

@media screen and (max-width: 768px) {
  .thumbnails a {
    width: 100%;
  }
}

/* Slide 22 */
#slide-22 .bcg { background-image:url('../../../images/websites-exhibition-modules-background.jpg'); }
#slide-22 ul.fa-ul i { color:#acee66; }
#slide-22a .bcg { background-image:url('../../../images/websites-conference-modules-background.jpg'); }
#slide-22a ul.fa-ul i { color:#acee66; }
/* Slide 23 */
#slide-23 .bcg { background-image:url('../../../images/websites3.jpg') }
/* Slide 24 */
#slide-24 .bcg { background-image:url('../../../images/development-bg.jpg'); position:relative; }
#slide-24 { clear:both;}

#slide-24a .bcg { background-image:url('../../../images/office.jpg'); }
#slide-24a h1, #slide-24b h1, #slide-24a p, #slide-24a ul, #slide-24b div.quote2 ul { color:#333 !important; }
#slide-24b .bcg { background-image:url('../../../images/exhib-org-qt.jpg'); position:relative; }
/* Slide 25 */
#slide-25 .bcg { background-image:url('../../../images/website-collage-2020.jpg') }
#slide-25a .bcg { background-image:url('../../../images/websites3a.jpg') }
/* Slide 26 */
#slide-26 .bcg { background-image:url('../../../images/teamgroup.jpg') }
#slide-26 { min-height:1080px;  }
#slide-26 h1 { color:#000; }


/* Slide Wales Video */
#slide-wales-video { background-image:url('../../../images/wales.jpg') }

.wales { background-image:url('../../../images/wales.jpg') !important; }

#slide-exhib1 .bcg { background-image:url('../../../images/exhib3.jpg') }
#slide-exhib2 .bcg { background-image:url('../../../images/exhib5.jpg') }
#smartscan .bcg { background-image:url('../../../images/exhib4.jpg') }
#smartscan li i { color:#82f1ff; }



/*------------------------ About Us -------------------------*/


.member { width:23%; height:650px; float:left; padding:1%; }
.member p, .member ul { width:60%; float:right; font-size:14px; clear:right; }
.team { width:35%; margin-top:30px; float:left; height:auto; }
.team2 { width:47%; margin-top:30px; float:left; height:auto; }
.member h6 { font-size: 16px; padding: 0; margin: 0; font-weight: 600; }
.member h5 { text-transform: uppercase; font-size: 18px; font-weight: 300; margin:20px 0 0 0; }
ul.fa-ul { margin-left:30px; }

.team-top.container {
  padding: 100px 0 20px 0;
  text-align: center;
}
.team-top h2 {
  margin: 0 0 10px 0;
  font-weight: 300;
  font-size: 3em;
}
.toggle-drop-down {
    width: auto;
    height: 50px;
    padding: 6px 60px 6px 10px;
	border: 0;
	border-radius: 0;
	font-weight: 200;
	font-size: 18px;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  	background: transparent;
	background: url('../../../images/drop-down-icon-large.png') 96% / 15% no-repeat #EEEEF4;
    background-size: 30px;
}
.team-top-button {
  display: none;
  margin: 20px 0 100px 0;
}


/*------------------------ Promo Section -------------------------*/

.promosection { width:96%; padding:2% 2% 2% 2%; text-align:center; overflow:hidden; border-top: 1px solid #dddddd; }
.promosection p { font-weight:300; font-size:30px; line-height:1; margin:0 0 20px 0; }
.promosection a { text-decoration:none; color:#000; font-weight:400; }
.promosection a:hover { color:#999; }
.promosection a.simple-button { float:none; font-size:20px; }
.promosection a.simple-button:hover { color:#000;}


/*------------------------ Social Feed -------------------------*/

.feed-section h2 {
  text-align: center
}


/*------------------------ Gallery -------------------------*/

#slide-21c div.cycle-slideshow img { width:100%; height:auto; }

/* Slide 21 */
#slide-21 { background-color:#acee66; }
#slide-21 div.cycle-slideshow {width:100%; margin-top:20px; }
#slide-21 div.cycle-slideshow img { width:100%; height:auto; }
.hsContent.gallery-tabs-menu {
  padding: 100px 10px 0 10px;
  text-align: center;
}
.hsContent.gallery-container {
  padding: 40px 10px 0;
}
.hsContent.top-link {
  padding: 20px 10px 50px 10px;
}

.gallery-section h2 {
  font-weight: 300;
  font-size: 3em;
}

.gallery-pager {
  text-align: center;
  font-size: 1.4em;
  margin: 10px;
}

.gallery-pager span {
  padding: 3px;
  cursor: pointer;
}

.gallery-pager .cycle-pager-active {
  color: #f0f2ee;
}

.gallery-tabs-menu .tabs-menu li {
  list-style: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.gallery-tabs-menu .tabs-menu a {
  position: relative;
  padding: 10px 35px;
  text-decoration: none;
  color: #000;
  font-size: 1.4em;
}

.gallery-tabs-menu .tabs-menu a:before {
  content: "\f000";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 10px;
}

.gallery-tabs-menu .tabs-menu li.current a:before {
  content: "\f205";
}

.gallery-tabs-menu .tabs-menu li a:before {
  content: "\f204";
}

.tab-content, .tab-content-2, .tab-content-3 {
    display: none;
}

#tab-1, #second-tab-1, #services {
   display: block;
}

.website-slider {
  min-height: 0;
  position: relative;
  background-color: #2a2a2a;
}

.website-slider .flexslider {
  margin: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.website-slider .flexslider .slides img {
  width: auto;
  max-width: 100%;
  height: auto;
}

#slide-portfolio {
  min-height: 1080px;
}
.website-slider > .bcg {
  height: 100%;
}
.website-slider .hsContent {
  color: #FFF;
}
.website-slider h2 {
  font-size: 3em;
}
.website-slider .desktop {
  width: 900px;
  height: 750px;
  position: absolute;
  top: 15%;
  right: -90px;
  z-index: 9;
  background-image: url('../../../images/websites/desktop-image.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.website-slider .desktop img {
  position: relative;
  top: 42px;
  left: 42px;
}
.website-slider .mobile {
  width: 278px;
  height: 564px;
  position: absolute;
  top: 25%;
  right: 600px;
  z-index: 10;
  background-image: url('../../../images/websites/mobile-image.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.website-slider .mobile img {
  position: relative;
  top: 69px;
  left: 20px;
}

.slide-aidex { background-image: url('../../../images/websites/aidex-bkg.jpg'); }
.pager-aidex { background-image: url('../../../images/websites/aidex-desk.jpg'); }
.slide-rbte { background-image: url('../../../images/websites/rbte-bkg.jpg'); }
.pager-rbte { background-image: url('../../../images/websites/rbte-desk.jpg'); }


.website-cycle.flexslider .slides {
  height: 100%;
}
.website-cycle.flexslider .slides > li { 
  -webkit-transition: opacity 1s ease; 
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease; 
}

.pager-container.container {
  background-color: #acee66;
  position: absolute;
  z-index: 101;
  bottom: 0px;
  right: 0;
  left: 0;
  margin: auto;
  padding: 9px;
  text-align: center;
  overflow: visible;
}
.website-carousel .pager {
  //width: 280px!important;
  height: 370px;
  //float: left;
  //margin: 9px;
  margin: 0 4px;
  background-size: 300%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transition: background-size 1s ease;
  -moz-transition: background-size 1s ease;
  -ms-transition: background-size 1s ease;
  -o-transition: background-size 1s ease;
  -webkit-transition: background-size 1s ease;
}
.website-carousel .pager:hover {
  background-size: 260%;
}
.website-carousel .overlay {
  width: 100%;
  height: 370px;
  float: left;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(34, 34, 34);
  /* RGBa with 0.6 opacity */
  background: rgba(34, 34, 34, 0.7);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22222200, endColorstr=#22222200);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22222200, endColorstr=#22222200)";
}
.website-carousel .flex-active-slide .overlay {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(172, 238, 102);
  /* RGBa with 0.6 opacity */
  background: rgba(172, 238, 102, 0.6);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#acee6600, endColorstr=#acee6600);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#acee6600, endColorstr=#acee6600)";
}

.website-carousel.flexslider .slides img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.direction-button {
  position: absolute;
  top: 140px;
  font-size: 2.2em;
  color: #ccc;
  cursor: pointer;
}
.direction-button:hover {
  color: #acee66;
}
.prev-button {
  left: -50px;
}
.next-button {
  right: -50px;
}

/*------------------------ Contact Page -------------------------*/
.contact-page h1 {
  color: #222;
}
.contact-buttons {
  float: left;
  margin-bottom: 40px;
}
/*.contact-page .simple-button {
  background-color: #f1ede5;
}
.contact-page a.simple-button:hover {
  background-color: #ded8cb;
}
.contact-page a.simple-button:hover, .area .simple-button {
  color: #cc8703;
}*/
.contact-page .simple-button i, .contact-page h2 i {
  margin-right: 5px;
}
.map-container.container {
    width: 100%;
	position: relative;
    overflow: hidden;
}
.areas-container {
  width: 33.3%;
  float: left;
}
#map-canvas iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  min-width: 66.7%;
  height: auto;
  min-height: 100%;
  /*transform: translateX(-50%) translateY(-50%);*/
}
.area {
  position: relative;
  width: 100%;
  float: left;
  clear: left;
  background-size: cover;
  background-repeat: no-repeat;
}
.area .bg-colour {
  width: 80%;
  height: 100%;
  float: left;
  padding: 12% 10%;
}
.area ul {
  padding: 0 0 20px 20px;
}
.area li {
  list-style: none;
}
.coventry-office {
  background-image: url('../../../images/coventry-office.jpg');
}
.coventry-office, .coventry-office h2 i, .coventry-office .simple-button {
  color: #FFF;
}
.coventry-office .simple-button {
  background-color: #8c8c8c;
}
.coventry-office .simple-button:hover {
  color: #222;
  background-color: #eeeeee;
}
.coventry-office .bg-colour {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(187, 187, 187);
    /* RGBa with 0.6 opacity */
    background: rgba(187, 187, 187, 0.9);
    /* For IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efad3000, endColorstr=#efad3000);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#efad3000, endColorstr=#efad3000)";
}
.london-office {
  background-image: url('../../../images/bdc-bg.jpg');
}
.london-office .bg-colour {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(229, 229, 229);
    /* RGBa with 0.6 opacity */
    background: rgba(229, 229, 229, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb00, endColorstr=#bbbbbb00);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb00, endColorstr=#bbbbbb00)";
}


/*------------------------ Services List -------------------------*/
.services-list, .services-list h1, .services-list .droptablestable tr, .services-list .droptablestable th, .services-list .droptablestable td { color: #FFF; }
.services-list .white-logo { width: 300px; margin: 18px 0 0 -13px; }
.services-list .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #222222; opacity: 0.8; }
.services-list .hsContainerVid { position: fixed; }
.services-list .print-button { float: right; margin-right: 80px; }
.services-list .print-button i, .services-list .print-button em { color: #d6d4ca; margin-right: 10px; }
.services-list .print-button:hover i, .services-list .print-button:hover em { color: #f9c813; }
.services-list .print-button span { display: none; color: #d6d4ca; font-size: 0.8em; }
.services-list .print-button:hover span { display: inline-block; }
.services-list .droptablestable table, #droptablestable24.droptablestable table { margin: 0 0 30px 0!important; }
.services-list .services-list-menu { margin-bottom: 30px; }
.toggle-drop-down.services-list-menu { min-width: 530px; height: 35px; background-color: #f0efeb; border-radius: 10px; }
#toggle-tabs.toggle-drop-down.services-list-menu, #toggle-tabs-2.toggle-drop-down.services-list-menu { font-size: 0.85em; }
.services-list .droptablestable tr { border-radius: 10px; display: inline-block; *display: inline; zoom: 1; overflow: hidden; }
.services-list .droptablestable td { padding: 10px; vertical-align: middle; }
.services-list h2 { clear: both; }
.services-list i { color: #f9c813; font-size: 1.4em; }
.services-list div.restableOverflowShow { overflow-x: visible; }
.services-list .container .droptablestable table tr td {
  font-weight: bold;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(34, 34, 34);
  /* RGBa with 0.6 opacity */
  background: rgba(34, 34, 34, 0.4);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22222200, endColorstr=#22222200);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22222200, endColorstr=#22222200)";
}
.services-list .container .droptablestable table tr:nth-child(even) td {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(34, 34, 34);
  /* RGBa with 0.6 opacity */
  background: rgba(34, 34, 34, 0.8);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22222200, endColorstr=#22222200);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22222200, endColorstr=#22222200)";
}
.tabs-menu-3, #filter-type { float: left; margin-right: 50px; }
#droptablestable24.droptablestable table td { background: transparent; }
.droptablestable.filtered table .dtc0 { width: 870px!important; min-width: 870px!important; }
.droptablestable.filtered.full-expo .dtc2, .droptablestable.filtered.full-expo .dtc3, .droptablestable.filtered.full-expo .dtc4,
.droptablestable.filtered.onsite-expo .dtc1, .droptablestable.filtered.onsite-expo .dtc3, .droptablestable.filtered.onsite-expo .dtc4,
.droptablestable.filtered.full-conf .dtc1, .droptablestable.filtered.full-conf .dtc2, .droptablestable.filtered.full-conf .dtc4,
.droptablestable.filtered.onsite-conf .dtc1, .droptablestable.filtered.onsite-conf .dtc2, .droptablestable.filtered.onsite-conf .dtc3 { display: none; }
#droptablestable24.droptablestable table .dtc0 { width: 250px!important; min-width: 250px!important; }
#droptablestable24.droptablestable table td { display: table-cell; }
.services-list #droptablestable24.droptablestable tr { border-radius: 0; display: table-row; }



/*------------------------ Forms -------------------------*/


.com-baforms-wrapper .ba-form-field-item {
  margin: 0.4rem 0;
}
.com-baforms-wrapper .ba-form-field-item .ba-field-label-wrapper > * {
  display: inline-block;
  line-height: 1.4rem;
  font-weight: normal;
}
.com-baforms-wrapper .ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input, .com-baforms-wrapper .ba-form-page-navigation-title, .com-baforms-wrapper .upload-file-btn, .com-baforms-wrapper .upload-file-input, .com-baforms-wrapper .ba-field-container select, .com-baforms-wrapper .ba-field-container textarea[readonly], .com-baforms-wrapper .ba-field-container textarea, .com-baforms-wrapper .ba-field-container input[type="text"], .com-baforms-wrapper .ba-field-container input[type="number"], .com-baforms-wrapper .ba-field-container input[type="password"], .com-baforms-wrapper .ba-field-container input[type="email"], .com-baforms-wrapper .ba-form-calculation-price-wrapper .field-price-value, .com-baforms-wrapper .ba-form-calculation-price-wrapper .field-price-currency, .com-baforms-wrapper .ba-form-acceptance-field .ba-form-acceptance-html p {
  font-weight: normal;
  color: #222;
}
.ba-form-acceptance-field .ba-form-acceptance-html p a {
  color: #222;
}
.com-baforms-wrapper .ba-form-submit-btn, .com-baforms-wrapper .upload-file-btn {
  background: #EEEEEE!important;
  text-decoration: none !important;
  color: #000000;
  font-weight: normal;
  border-radius: 0;
  font-size: 1em;
}
.com-baforms-wrapper .ba-form-submit-btn:hover, .com-baforms-wrapper .upload-file-btn:hover {
  background: #DDDDDD!important;
}
.com-baforms-wrapper .ba-form-submit-title {
  color: #000000;
  font-weight: normal;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden;     /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 120%; }
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden { display: none !important; visibility: hidden; }
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible { visibility: hidden; }
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {  *zoom: 1;
}
 <style type="text/css">  body {
 font-family: 'Open Sans', sans-serif;
}
.back-link { position: fixed; top: 20px; left: 20px; z-index:9999; }
.back-link a { color: #fff8de; padding: 8px 10px; background-color: rgba(0,0,0,0.4); text-decoration: none; border-bottom: 1px #fff8de solid; opacity: 0.4; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.back-link a:hover,  .back-link a:focus { color: #ffffff; text-decoration: none; border-bottom: 1px #ffffff solid; opacity: 1; }
.socialLinks { position: fixed; top: 20px; right: 20px; z-index: 1000000; }
.fb-like,  .twitter-follow-button,  .twitter-share-button { margin-right: 10px; }
#carbonads-container { position: fixed; top: 20px; right: 20px; z-index: 1000000; }
 </style>
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


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

.topleft2 a div p.hometitle { margin-left:8%; }
.bottomright2 a div p.hometitle { margin-left:14%; }
.topright2 a div p.hometitle { margin-left:5%; }
.hsContent { padding-top:200px; }
#gallerypage { padding: 150px 10px 0; }

}


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

	video#bgvid3 { top:-300px; }

}

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

	video#bgvid3 { top:-200px; }

}


@media screen and (max-width: 1700px) {
  
  .member { width:31.33%; }

  .website-slider .flexslider .slides .desktop img { width: 545px; top: 29px; left: 29px; }
  .website-slider .desktop { width: 600px; height: 500px; right: -35px; }
  .website-slider .flexslider .slides .mobile img { width: 130px; top: 38px; left: 11px; }
  .website-slider .mobile { width: 150px; height: 304px; right: 520px; top: 30%; }
  
}


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

  video#bgvid3 { top:-100px; }
  #slide-21 div.cycle-slideshow { width:80%; margin:0 auto; }
  
}


@media screen and (max-width: 1450px) {
video#bgvid3 { top:-0px; }
  .hsContent { padding: 205px 0 0; padding-left:1%; padding-right:1%; }
#slide-21 div.cycle-slideshow { width:70%; margin:0 auto; }

}

@media screen and (max-width: 1300px) {
.maincontent3a {  margin-top:30px; }
#slide-21 div.cycle-slideshow { width:65%; margin:0 auto; }

}


@media screen and (max-width: 1200px) {
.hsContent, #gallerypage { max-width: 1180px; padding-left:1%; padding-right:1%; }
.leftcol { width:58%; }
.rightcol { width:41%; }
#slide-21 div.cycle-slideshow { width:60%; margin:0 auto; }



}

@media screen and (max-width: 1024px) {
  
  .hsContainerVid video, .hsContainerVid2 video { display:none; }
  .hsContainerVid2 { background-image:url(../../../images/home-bgmob.jpg);  }
  
.leftcol { width:55%; }
.rightcol { width:44%; }
.maincontent3 { margin-top:100px; }
section#slide-1 { height:100%; min-height:1550px; background-image:url('../../../images/slide-1.jpg'); background-size:cover; background-repeat:no-repeat; }
#slide-1 div.fullover1 { min-height:1550px; max-height:1550px; }

section#slide-1b { height:100%; background-image:url('../../../images/development1mob.jpg'); min-height:850px; background-size:cover; background-repeat:no-repeat; }
#slide-1b div.fullover1 { min-height:850px; max-height:850px; }

section#slide-1bb { height:100%; background-image:url('../../../images/development1mob.jpg'); min-height:1400px; background-size:cover; background-repeat:no-repeat; }
#slide-1bb div.fullover4 { min-height:1400px; max-height:1400px; }

section#slide-1c { height:100%; background-image:url('../../../images/staff4mob.jpg'); min-height:950px; background-size:cover; background-repeat:no-repeat; }
#slide-1c div.fullover { min-height:920px; max-height:950px; }

#slide-2 .bcg { background-image:none; background-color:#87f1fe; min-height:1210px; }
#slide-exhib1 .bcg, #slide-exhib2 .bcg { min-height:1110px; }
section#slide-2, section#slide-exhib1, section#slide-exhib2 { height:100%; min-height:1210px; }
#slide-2 img, #slide-exhib1 img, #slide-exhib2 img { margin-top:20px;}

#slide-3 .bcg { background-image:url('../../../images/websites.jpg') }
#slide-4 .bcg { background-image:url('../../../images/development.jpg') }
#slide-5 .bcg { background-image:url('../../../images/staffing.jpg') }


#slide-6 { background-image:url('../../../images/registration2mob.jpg'); min-height:1020px; background-size:cover; }
#smartscan {background-image:url('../../../images/smartscan_mob.jpg'); min-height:1020px; background-size:cover; }
#slide-6 .bcg { background-image:none;}
section#slide-6, section#smartscan {  height:100%; min-height:1020px; }
#slide-6 div.fullover3, #smartscan div.fullover3 { min-height:1020px; height:100%; background-size:cover; background-repeat:no-repeat; }

#slide-7 .bcg { min-height:1020px; background-image:url('../../../images/payments2mob.jpg'); background-color:#87f1fe; background-size:cover; background-repeat:no-repeat; }
section#slide-7 { height:100%; min-height:1020px; background-image:url('../../../images/payments2mob.jpg'); background-color:#87f1fe; background-size:cover; background-repeat:no-repeat; }


#slide-9 .bcg { background-image:none; }
#slide-9 { background-image:url('../../../images/registration7mob.jpg') }
section#slide-9 { height:100%; min-height:920px; }
#slide-9 div.fullover3 { min-height:920px; background-size:cover; background-repeat:no-repeat; }

#slide-9a .bcg { background-image:none; }
#slide-9a { background-image:url('../../../images/staff3mob.jpg'); background-size:cover; background-repeat:no-repeat; }
section#slide-9a { height:100%; min-height:768px; }
#slide-9a div.fullover3 { min-height:768px; max-height:768px;  }

#slide-8 .bcg { background-image:none; background-color:#87f1fe; min-height:970px; }
section#slide-8 { height:100%; min-height:970px; }
#slide-8 img { margin-top:20px;}

#slide-10 .bcg { background-image:none; }
#slide-10 { background-image:url('../../../images/registration10mob.jpg') }
section#slide-10 { height:100%; min-height:868px; }
#slide-10 div.fullover3 { min-height:868px; max-height:868px; background-size:cover; background-repeat:no-repeat; }

#slide-11 .bcg { min-height:900px; background-image:url('../../../images/registration11mob.jpg'); background-color:#87f1fe; background-size:cover; background-repeat:no-repeat; }
section#slide-11 { height:100%; min-height:900px; background-image:url('../../../images/registration11mob.jpg'); background-color:#87f1fe; background-size:cover; background-repeat:no-repeat; }

#slide-12 .bcg { background-image:none; }
#slide-12 { background-image:url('../../../images/registration12mob.jpg'); background-repeat:no-repeat; background-size:cover; }
section#slide-12 { height:100%; min-height:1020px; }
#slide-12 div.fullover3 { min-height:1020px; max-height:1020px; background-size:cover; background-repeat:no-repeat; }

#slide-13 .bcg { background-image:none; background-color:#87f1fe; min-height:868px; }
section#slide-13 { height:100%; min-height:868px; }


#slide-14 .bcg { background-image:none; }
#slide-14 { background-image:url('../../../images/registration14mob.jpg'); background-size:cover; background-repeat:no-repeat; }
section#slide-14 { height:100%; min-height:1020px; }
#slide-14 div.fullover3 { min-height:1020px; max-height:1020px; }

#slide-15 .bcg { background-image:url('../../../images/registration15mob.jpg'); min-height:1000px; background-size:cover; background-repeat:no-repeat; }
section#slide-15 { height:100%; min-height:1000px; }

#slide-16 .bcg { background-image:none; min-height:1550px; }
#slide-16 { background-image:url('../../../images/registration16mob.jpg'); background-size:cover; background-repeat:no-repeat; }
section#slide-16 { height:100%; }
#slide-16 div.fullover3 { min-height:1550px; max-height:1550px; z-index:999; }

#slide-17 .bcg { background-image:url('../../../images/staffmob.jpg'); min-height:768px; background-size:cover; background-repeat:no-repeat; }
section#slide-17 { height:100%; min-height:768px; }


#slide-18a .bcg { background-image:url('../../../images/development2amob.jpg'); min-height:768px; background-size:cover; background-repeat:no-repeat; }
section#slide-18a { height:100%; min-height:768px; }

#slide-18 .bcg { background-image:url('../../../images/development1amob.jpg'); min-height:1050px; background-size:cover; background-repeat:no-repeat; }
section#slide-18 { height:100%; min-height:1050px; }

#slide-19 .bcg { background-image:none; }
#slide-19 { background-image:url('../../../images/development2mob.jpg'); background-size:cover; background-repeat:no-repeat; }
section#slide-19 { height:100%; min-height:1550px; }
#slide-19 div.fullover3 { min-height:1550px; max-height:1550px;  }

#slide-20 { background-image:url('../../../images/websites1mob.jpg'); }
section#slide-20 { height:100%; min-height:1300px; background-size:cover; background-repeat:no-repeat; }
#slide-20 div.fullover { min-height:1300px; max-height:1300px; }

#slide-20v { background-image:url('../../../images/wales.jpg'); }
section#slide-20v { height:100%; min-height:1000px; background-size:cover; background-repeat:no-repeat; }
#slide-20v div.fullover { min-height:900px; max-height:1000px; }


#slide-21 .bcg { background-color:#acee66; min-height:600px }
section#slide-21 { height:100%; min-height:600px; }

#slide-22 .bcg { background-image:url('../../../images/websites-exhibition-modules-background-mob.jpg'); background-repeat:no-repeat; }
#slide-22 {  }
section#slide-22 { height:100%; min-height:1110px; background-image:url('../../../images/websites-exhibition-modules-background-mob.jpg'); background-repeat:no-repeat; background-size:cover; }
#slide-22 div.fullover3 { min-height:1110px; max-height:1110px;  }

#slide-22a .bcg { background-image:url('../../../images/websites-conference-modules-background-mob.jpg'); background-repeat:no-repeat; }
#slide-22a {  }
section#slide-22a { height:100%; min-height:1420px; background-image:url('../../../images/websites-conference-modules-background-mob.jpg'); background-repeat:no-repeat; background-size:cover; }
#slide-22a div.fullover3 { min-height:1420px; max-height:1420px;  }





#slide-23 .bcg { background-image:url('../../../images/websites3mob.jpg'); min-height:1350px; }
section#slide-23 { height:100%; min-height:1350px; }

section#slide-24 { height:100%; min-height:1000px; background-image:url('../../../images/development-bgmob.jpg'); background-size:cover; background-repeat:no-repeat; }
#slide-24 div.fullover1 { min-height:1000px; height:auto; }

#slide-24a .bcg { min-height:1200px; background-image:none; background-color:#FFF; }
section#slide-24a { height:100%; min-height:1200px; }
#slide-24a div.fullover4 { min-height:1200px; max-height:1200px; }


#slide-25 .bcg { background-image:url('../../../images/website-collage-2020-mob.jpg'); min-height:1350px; background-size:cover; background-repeat:no-repeat; }
section#slide-25 { height:100%; min-height:1350px; }
#slide-25a .bcg { background-image:url('../../../images/websites3amob.jpg'); min-height:1250px; background-size:cover; background-repeat:no-repeat;  }
section#slide-25a { height:100%; min-height:1250px; }



#slide-26 .bcg { background-image:url('../../../images/teamgroup.jpg'); min-height:900px; }
  #slide-26 { min-height:900px;  }


  #slide-wales-video { background-image:url('../../../images/wales-mob.jpg'); }
section#slide-wales-video { height:100%; min-height:1200px; background-size:cover; background-repeat:no-repeat; }
#slide-wales-video div.fullover { min-height:1200px; max-height:1200px; }

    .wales { background-image:url('../../../images/wales-mob.jpg') !important; }

}

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

  .hsContent { padding-top:140px; padding-left:2%; padding-right:2%; }
  .leftcol { width:50%; }
  .rightcol { width:49%; }
  .leftcol2 { width:100%; float:none; }
  .rightcol2 { width:50%; margin:0 auto; float:none; }
  .maincontent3a { width:100%; }
  #slide-21 div.cycle-slideshow { width:100%; margin:0 auto; }
  #slide-1c, #slide-20, #slide-wales-video { position:relative; }
  .contact-page .menu-space { height: 25px; }

}



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

  .topleft2 a div p.hometitle i, .topright2 a div p.hometitle i, .bottomleft2 a div p.hometitle i, .bottomright2 a div p.hometitle i { display:block; padding-right:0; }
  .topleft2 a:hover div p.hometitle i, .topright2 a:hover div p.hometitle i, .bottomleft2 a:hover div p.hometitle i, .bottomright2 a:hover div p.hometitle i { display:none; }

}

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

  .leftcol, .leftcol3 { width:100%; }
  .rightcol { width:100%; padding-top:0; }
  .rightcol3a { width:100%; float:right; position:relative; }

}


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

  .thumbnails {width: 90%; margin: 0 5%;}
  .hsContent, #gallerypage { padding-top:50px; }
  #arrowtext, #arrowtext2, #arrowtext3, #arrowtext4, #arrowtext5 {width:100%; }
  .rightcol5, .leftcola, .leftcol3, .rightcol2 { width:100%; }
  .rightcol3 { width:25%; float:none; margin:0 auto; }
  .rightcol3 img { width: 100%; margin: 0 auto; text-align: center; }
  .rightcol3a img { padding-top:30px; margin-left:10%; text-align: center; width:80%; }
  .rightcola { width:50%; float:none; margin:0 auto; }
  .rightcola img { width:100%; margin:0; padding-top:30px; }
  .rightcol3 img#symantec { position:relative; top: 0; width: 100%; }
  .rightcol5 img, .rightcol6 img#badge { width: 40%; float: none; margin: 0 auto; text-align: center; display: block; }
  #smartscan div.rightcol5 img, #slide-exhib2 div.rightcol5 img { width:100%; height:auto; }
  .rightcol6 { width:100%; }
  .rightcol6 img#badge { width:80%; margin-left:10%;}
  .rightcola { width:100%; float:none; clear:both; }
  ul.fa-ul { width:92%; float:right; display:block; }
  .leftcol4, .leftcol4a { width: 100%; margin-right: 0; float: none; }
  .fullover { position:absolute; display: block; width:100%; height:100%; background-color:rgba(0,0,0,0.6); min-height:1300px; max-height:1300px; }
  .hsContainerVid { display:none; }
  #jumplinks, #jumplinks2 { text-indent: -16px; margin-left: 46px; }
  section { min-height: 1300px; }
  .fullover3 { background-color:rgba(0,0,0,0.7); }
  h1 { line-height:1.3; }
  .quote2 img { width:35%; }
  .leftcolb { width:100%; }
  .rightcolb { width:100%; }
  .iconblock { display:block; }
  #socialimg, #exhibimg { width:100%; margin-top:20px; }
  #slide-11 div.icons { font-size:35px; }
  #slide-12 div.icons { font-size:40px; }
  #slide-19 h4 { margin-bottom:0; padding:10px 0 0 0; clear:both; margin:0; }
  #slide-19 h3 { font-size:24px; clear:both; padding:0; margin:0 0 10px; }
  #slide-21 h2 { margin-top:30px; }
  #slide-21 p { line-height:1.4; }
  #slide-23 img { margin-top:20px; }
  
  section#slide-24 {
    min-height: 1100px;
  }
  section#slide-24 div.fullover1 {
    min-height: 1100px;
  }
  
  .areas-container { width: 100%; }
  #map-canvas iframe { position: static; min-width: 100%; height: 300px; }

}

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

  .quote2 ul { width:94%; margin-bottom: 1em!important; }
  .fullover2, .hsContainerVid2 { height: 500px; }
  .toplinks { padding-top: 20px; }
  .maincontent5 h1 { font-size: 2em; }
  .maincontent3 { margin-top:50px; }
  .hsContent { padding-left:3%; padding-right:3%; height: 100%; }
  #jumplinks, #jumplinks2 { padding-left:0; font-size:80%;  }
  #slide-17 .bcg { min-height:720px; }
  section#slide-17 { min-height:720px; }
  section#slide-9a { height:100%; min-height:500px; }
  #slide-9a div.fullover3 { min-height:500px; max-height:500px;  }
  #slide-18a .bcg { min-height:750px;  }
  section#slide-18a { min-height:750px; }
  #slide-13 .bcg {  min-height:700px; }
  section#slide-13 {  min-height:700px; }
  #slide-25 h2 { font-size:45px; }
  .quote2 img { width:50%; }
  .promosection a.simple-button { display:block; width:94%; }
  .promosection p { line-height:1.3; }

  .team-top-button {
    display: block;
  }

  .map-container.container {
    margin-bottom: 100px;
  }
  .areas-container {
    width: 100%;
  }
  .area {
    /*width: 50%;
    height: 320px;*/
    clear: none;
  }
  .area ul {
    padding: 0;
  }


}

@media screen and (max-width: 500px) {
  .maincontent5 { padding-top:40px; }
  .rightcol3a { width:100%; }

}

@media screen and (max-width: 340px) {
	main { font-size: 85%; }
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
a,  a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
/*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after { content: ""; }
pre,  blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; /* h5bp.com/t */ }
tr,  img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p,  h2,  h3 { orphans: 3; widows: 3; }
h2,  h3 { page-break-after: avoid; }
}