@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { font-size: 68.8%; /* sets font size to 11px, for 12px change to 75% */ font-family: 'Open Sans', sans-serif; }
img, img a { outline: none; border: none; }

.nav-mobile-menu { display: none; }
.mobile-show { display: none; }


/* HEADER
========================================================= */
header { width:100%; border-bottom:2px solid #f1f1f1; }
.header-wrap { width:960px; margin:0 auto; padding:20px 0; overflow:hidden; }
.header-wrap img, .nav-hold { float:left; display:inline; }
.call-us { width: 50%; text-align: right; padding-right: 10px; }
.call-us p { margin:20px 2px 0; color: #9c9c9c; }
.enquire-online, .caption a.enquire-online { background:#ff4100; border-radius:2px; border:1px solid #c33200; padding:5px 0px; white-space:nowrap; text-decoration:none; text-transform:uppercase; color:#FFF; text-shadow: 0px -1px 0px #533741; box-shadow:inset 0px 1px 1px #FCC4C4; margin-left: 10px; font-weight: 600; }
.enquire-careers { background:#6470F5; border-radius:2px; border:1px solid #5661D4; padding:5px 0px; white-space:nowrap; text-decoration:none; text-transform:uppercase; color:#FFF; text-shadow: 0px -1px 0px #533741; box-shadow:inset 0px 1px 1px #FCC4C4; margin-left: 10px; font-weight: 600; }
.call-us .enquire-online, .call-us .enquire-careers { margin-top:20px; display: inline-block; text-align:center; padding:2% 2%; height: 1.2em;}
.enquire-online:hover, .caption a.enquire-online:hover { background:#EC3C00; }
.enquire-careers:hover, .caption a.enquire-careers:hover { background:#4E57BF; }
.caption a.enquire-online a.enquire-careers { font-size:.8em; margin-left: 0; }

.bold { font-weight:bold; color:#ff4200; font-size: 1.3em; }
.bold a { color:#ff4200; text-decoration:none; }
/* nav */
nav { width:94.5%; margin-top: 22px; }
nav, .call-us { float: right; display: inline; margin-top: 17px; }
.nav-hold { width:75%; float:right; }
nav ul {display: block; text-align:right;}
nav li { display:inline; }
nav li a { text-decoration:none; text-transform:uppercase; color: #565656; padding:2% 2%; }
nav li a:hover, nav li a.home.active, nav li a.about.active, nav li a.products.active, nav li a.team.active, nav li a.case-studies.active, nav li a.faq.active, nav li a.contact.active { color:#355fb6; border-bottom:2px solid #355fb6;  }
nav li a.no-marg { margin-right:0; }


/* SLIDER AREA
=================================================================================== */
.slider-wrap { background: red /*#eaeaea*/; padding-top:10px; }
.slider-hold { width:960px; margin:0 auto; height:370px; }
#slider { /*background: #BFBFBF;*/  }
#slides { z-index:0; width: 960px; margin: 0 auto; position:relative; }
.slides_container { width:960px; overflow:hidden; position:relative; display:none; }
#slides .slides_container.first { display:block; }
.slides_container div.slide { width:960px; height:340px; display:block; }
#slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; }
#slides .next { left:585px; }
.pagination { display:none; position: absolute; top: 20px; z-index: 66666; right: 20px; }
.pagination li { display:inline; }
.pagination li a { display:inline; margin-right: 5.3%; padding: 7px 11px; text-decoration:none; font-weight:bold; border-radius:100px; background:#ccc; }
/* Caption */
.caption { z-index:500; position:absolute; top:0px; left:20px; padding:20px; width:475px; font-size:1.3em; line-height:1.33; color:#fff; text-shadow:none; font-family: 'Open Sans', sans-serif; }
.caption span { display:block; line-height:47px; }
/*.top-title { font-size:2.5em; color:#4a4a4a; font-weight:600; }*/
/*.sub-title { color:#355fb6; font-weight:600; font-size:2.2em; }*/
.top-title { font-size:2.5em; color:white; font-weight:600; }
.sub-title { color:#FFC600; font-weight:600; font-size:2.2em; }
.slide-title { color:#fcdd62; font-size:1.6em; font-weight:700; }
.caption ul { margin: 5px 0px; }
/*.caption p, .caption li { font-size:1em; color:#464646; font-weight: bold; line-height: 1.5em; }*/
.caption p, .caption li { font-size:1em; color:white; font-weight: bold; line-height: 1.5em; }
.caption a { /*display:block; */margin-top:10px; width:19%; }
.caption a { display:inline; margin-right: 5.3%; padding: 7px 11px; text-decoration:none; font-weight:bold;  }
#slider ul { list-style: disc; padding-left: 40px; }
p.action { padding-top: 10px; }
/*p.action a { font-size: 0.9em; background:#FF4100; border-radius:2px; border:1px solid #c33200; padding:3px 8px; white-space:nowrap; text-decoration:none; text-transform:uppercase; color:#FFF; text-shadow: 0px -1px 0px #533741; box-shadow:inset 0px 1px 1px #FCC4C4; margin-left: 10px; font-weight: 600; }*/
p.action a { font-size: 0.9em; background:#FFD900; border-radius:2px; border:1px solid #C9AC05; padding:3px 8px; white-space:nowrap; text-decoration:none; text-transform:uppercase; color:black; box-shadow:inset 0px 1px 1px #F6FCC4; margin-left: 10px; font-weight: 600; }

/* CONTENT
========================================================= */
.custom-navigation li { display:inline-block; }
.custom-navigation a { color:#fff; display:block; background:#000; height:150px; width:100px; }
.wrap { background:#f5f6f7; }
#contentwrap { width:960px; margin:0 auto;  }
.service-tabs { width:960px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #f2f2f2));
background: -webkit-linear-gradient(#FAFAFA, #f2f2f2);
background: -moz-linear-gradient(#FAFAFA, #f2f2f2);
background: -o-linear-gradient(#FAFAFA, #f2f2f2);
background: linear-gradient(#FAFAFA, #f2f2f2);
background-color: #f2f2f2; height:144px; padding-top: 10px; }
.cl1 i { color:#58aad8; }
.cl2 i { color:#b452c4; }
.cl3 i { color:#00b664; }
.cl4 i { color:#fcc800; }
.tab { float:left; display:inline; width:236px; height:130px; padding: 7px 0px; position:relative; border-right: 1px solid #dcdcdc; }
.cl2, .cl3, .cl4 { border-left:1px solid #FFF; }
.cl4 { border-right:0 }
.tab .test { cursor: default; position:absolute; bottom:0px; z-index:9999; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #f2f2f2));
background: -webkit-linear-gradient(#FAFAFA, #f2f2f2);
background: -moz-linear-gradient(#FAFAFA, #f2f2f2);
background: -o-linear-gradient(#FAFAFA, #f2f2f2);
background: linear-gradient(#FAFAFA, #f2f2f2);
background-color: #f2f2f2; transition: bottom 0.2s ease-in; padding: 5%;  width: 90%; }
.tab .tabfooter { width: 100%; position:absolute; bottom:0px; z-index:9999; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #f2f2f2));}
.tab .test.tabactive, .tab .test.tabactive .item-0 { bottom:30px !important;   }
.tab .test.tabhover, .tab .test.tabhover .item-0 { bottom:5px; }
.tab span { color:#4a4a4a; font-size:1.4em; font-weight:600; margin-bottom:10px; display:block; }
.tab p { color:#4D4D4D; font-weight:400; line-height:18px; font-size:1em; min-height: 100px; width: 100%;}
.tab .test .icon-play:hover { /* Safari */
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Safari and Chrome */ }
.icon-play { color:#f44c0e; }
.cl1 a, .cl2 a, .cl3 a, .cl4 a { font-weight:bold; text-decoration:none; font-size:1.3em; display:block; margin-top:5px; float: right; padding: 5%; }
.cl1 a { color:#58aad8; }
.cl2 a { color:#b452c4; }
.cl3 a { color:#00b664; }
.cl4 a { color:#ab8800; }
.cl1 .test { border-top:3px solid #5eadd9; }
.cl2 .test { border-top:3px solid #b452c4; }
.cl3 .test { border-top:3px solid #00b664; }
.cl4 .test { border-top:3px solid #fcc800; }
.main-section { background:#FFF; overflow:hidden; }
.text-area, .sidebar { overflow:hidden; padding:20px 0; width:68%; float:left; display:inline; }
.sidebar { width:32%; }
.text-area div { border:1px solid #FFF; }
.text-area div:hover { border:1px solid #f1f1f1; background:#FDFDFD; }
.text-area span { font-weight:600; display: block; margin: 36px 0 0; font-size: 1.1em; text-align:center; }
.text-area p { color: #7A7A7A; line-height:18px; width: 100%; text-align:center; }
.info1, .info2, .info3, .info4 { float:left; display:inline; width:21%; padding: 5% 1% 1%; position: relative; height: 270px; }
.info1 a, .info2 a, .info3 a, .info4 a { border-bottom: 0!important; text-decoration:none!important;}
.info1 { margin-left:1%; }
.icon-globe, .icon-lightbulb, .icon-thumbs-up-alt, .icon-signin { font-size:40px; background:#ef776a; padding:18% 21%; color:#FFF; border-radius:100px; text-align:center; display: block; margin-left: 17%; }
.icon-lightbulb { background:#399cbe; }
.icon-thumbs-up-alt { background:#75a97c; }
.icon-signin { background:#ffb400;
}
.info2 i { padding:18% 25%; }
.text-area .enquire-online { display:block; margin-top:10px; width: 68%; text-align: center; padding:4% 8%; margin-left: 0; position: absolute; bottom: 0; }
.text-area a i { text-decoration:none; }
.sidebar .grey-b { background:#ededed; padding:3% 5%; color:#9c9c9c; margin-bottom:5px; display:block; border-top:1px solid #0044aa }
.sidebar li { padding:10px 0; border-bottom:1px solid #ededed; }
.sidebar li a { color: #0D5DD5; text-decoration:none; font-weight:700; }
.sidebar li a:hover { color: #00b664; }
.sidebar .icon-arrow-right { color:#dcdcdc; margin-right:2%; }
.sidebar ul { border-bottom:1px solid #0044aa; }
.case-study { overflow:hidden; }
.featured-tx span { font-weight:700; color:#4a4a4a; font-size:1.15em; display:block; margin-bottom:5px; }
.featured-tx, .featured-img { float:left; display:inline; }
.featured-tx { width:60%; margin-right:6%; }
.case-study p { line-height:18px; color:#9a9a9a; }
.featured-img a { display:block; margin: 5px 0; }

#click-role { font-size: 1.2em; text-align: center; color:black; padding: 30px 15px; }
#strapline { font-size: 1.9em; text-align: center; color:#464646; color: #ff4200; padding: 30px 15px; }

/*ABOUT US
========================================================= */
.alt-wrap { background:#FFF; }
.text-caption span.meaning { color:#ff4200; font-size:1.2em; display:inline; }
.text-caption .philos { color:#333; }
.text-caption span.italic, .italic { font-size:1.05em; font-style:italic; display:inline; }
.static-img { position:relative; }
.text-caption { background:url(../images/about-textbox-bg.png) repeat; position:absolute; top: 40%; width: 40%; padding: 2%; left: 2%; }
.text-caption span { font-size:2em; display:block; margin-bottom:10px; color:#4a4a4a; }
.text-caption p { line-height:18px; font-size:1.2em; color:#355fb6; font-weight:600; }
.alt-wrap #contentwrap { overflow:hidden; }
.intro-text, .alt-wrap #contentwrap img { float:left; display:inline; }
.about-layout .intro-text, .theteam #contentwrap .intro-text { width:47%;  }
.teampage .intro-text { width:100%; }
#contentwrap .careers { margin-left:1%; position:absolute; bottom: 0px; z-index: 555; }
#contentwrap .computer { margin-left:11%; position:absolute; bottom: -42px; z-index: 555; }
#contentwrap .phone { margin-left:18%; position:absolute; bottom: 0px; z-index: 555; }
#contentwrap.benefits { margin-bottom: 20px; }
.benefits ul li { list-style: none; padding-bottom: 5px; }
.benefits ul li:before { content: "\2714"; color: green; margin-left: -30px; float: left; }

.alt-wrap h1, .privacy h2 { font-size:2.2em; font-weight:300; margin:20px 0 40px; }
.about-layout {  position:relative; width:960px; margin:0 auto; }
.alt-wrap #contentwrap { padding:40px 0; }
.alt-wrap .intro-text p { line-height:20px; color:#4D4D4D; margin-bottom:10px; font-size:1.5em; }

.alt-wrap .intro-text ul { list-style: disc; padding-left: 40px; color:#4D4D4D; font-size:1.5em; line-height:20px; }

table.summary  { border-top: 1px solid; }
table.summary td, table.summary th { line-height:20px; color:#262626; margin-bottom:10px; font-size:1.3em; text-align: center; padding: 10px; font-weight: normal; }
table.summary tr.yes td  { color: green; font-weight: bold;}
table.summary tr.no td { color: red; font-weight: bold; }


.section2 { background:#E8E6E5; padding:20px 0; }
.section2-wrap { width:960px; margin:0 auto; overflow:hidden; }
.section2-wrap ul { list-style: none;  }
.section2-wrap .col { float:left; display:inline; width:30%; margin-right:2%; }
.section2-wrap .col.no-m { margin-right:0; }
.col p, .section2-wrap li { line-height:20px; font-size:1.3em; color:#6f6f6f; }
.section2 h2 { font-size:1.8em; display:block; margin-bottom:20px; font-weight:300; }
.mar { margin-top:39px; }

.centre { text-align: center; }

/*TEMPLATE PAGE
========================================================= */
.the-team { width:960px; margin:0 auto; overflow:hidden; padding:20px 0 40px; }
.team-title { font-size:2em; font-weight:300; color:#ff4100; display:block; border-bottom:2px solid #484c4f; background:#FFF; padding-bottom:20px; margin-bottom:40px; }
.member { display:inline-block; text-align:center; width:24%;   vertical-align: text-top; margin-bottom: 20px; }
.theteam .member { width: 21%; margin-right: 3%; }
.theteam .no-m { margin-right:0; }
.member-title { font-size:1.8em; display:block; font-weight:400; margin:20px 0; }
.role { font-size:1.3em; font-weight:600; display:block; margin:0 0 10px; }
.member p { line-height:20px; font-size:1.1em; color:#6f6f6f; width:90%; }
.member ul li.question { font-weight: bold; }
.member ul li.answer { padding-left: 20px; }
.email-info { display:block; margin-top:15px; font-size:1.1em; font-weight:600; color:#2ccd9a; }
.help { font-size:2.1em; color:#45484c; font-weight:300; padding:20px 0; margin-left:11%; }
.get-in-touch, .help { float:left; display:inline; }
.get-in-touch, .submit-contact, #goog-wm-sb { background:#ff4100; border-radius:2px; border:1px solid #c33200; color:#FFF; text-transform:uppercase; font-size:1.2em; padding:1.5% 4%; margin:13px 0 0 2%; text-decoration:none; box-shadow:inset 0px 1px 1px #FFF; }
.get-in-touch:hover, .submit-contact:hover, #goog-wm-sb:hover { background:#EC3C00; }
.teampage #contentwrap .computer { margin-left:4%; }
.m-t { margin-top:10px; }
.specs li { margin:5px 0; font-size:1.1em; color:#FF7A00; }
.product-section .member { margin-left: 1.5%; margin-right: 1.5%; width:21.5%; position: relative; }
.product-section .member p { width:100%; }
.product-section .no-m  { margin-right:0; }
.product-section .member a.play  { background-image: url("/images/play_video.png"); height: 60px; width: 60px; display: block; position: absolute; top: 50px; left: 75px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.product-section .member a.play:hover  { opacity: 0.4;}
.line { text-decoration:line-through; }
#managers, #sales-role, #finances, #directors { }
.member .accordion { padding: 10px; 0px; }

#playback-background {display: none; top: 0;left: 0;position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 10000;}
#playback-background #playback-wrap { width: 768px; height: 432px; z-index: 10002; background-color: black; position: fixed; }
#playback-background #close {  background-image: url("/images/close_popup.png"); height: 26px; width: 77px; display: block; position: absolute; top: -50px; right: -50px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#playback-background #close:hover { opacity: 0.4;}

/*CONTACT PAGE
========================================================= */
.contact-wrap { border:1px solid #E9E9E9; padding:2%; overflow:hidden; }
.title { border-left:1px solid #E9E9E9; border-right:1px solid #E9E9E9; padding:2%; }
.main-form { width:60%; float:left; display:inline; }
.our-office { float:right; display:inline; margin-top:29px; background:#f7f4f3; }
.main-form label { display:block; margin:10px 0 4px; font-size:1.2em; font-weight:300; color:#333; }
.formStyle-contact, textarea, #code, #goog-wm-qt { border:1px solid #E9E9E9; padding:1%; width:93%; }
textarea.error, input.error { border: 1px solid red; }
#code { width:50%; margin-right:10%; padding:2% 1%; }
.code { display:block; color:#BFD3D8; }
#code, .secure-img { float:left; display:inline; }
.spam-styling { overflow:hidden; }
.formStyle-contact { padding:1.5% 1%; width:93%; }
.submit-contact { margin-left:0; }
.title p { font-size:1.5em; line-height:18px; color:#333; }
#address { padding:6%; }
#address li { margin-bottom:5px; font-size:1.1em; color:#858585; }
.title .secure { font-size:.9em; color:#CCC; margin-top:10px; }
.required, label span { color:#ff4100; }

/*CONTACT PROCESS
========================================================= */
.c-process { min-height:700px; padding-top:40px; }
.process-message { padding:60px 0; }
.process-message, .process-error { font-size:1.1em; color:#666; font-family: 'Open Sans', sans-serif; }
.process-message a { color:#122535; text-decoration:none; font-weight:bold; }
.error { margin-bottom:10px; }
.c-process { height:650px; }
.process-error, .process-success { background:url(../images/error.png) 765px 1px no-repeat; padding-top:100px; }
.process-success { background:url(../images/success.png) 710px 1px no-repeat; }

/*FAQ
========================================================= */
.faq .intro-text { width:100%; }
#accordion .accordion { clear: both; width: 100%; margin: 0px; }
#accordion .accordion div { line-height:18px; width: 100%; margin: 0px; background: white; float: none; }
#accordion .accordion span.ui-accordion-header { background: #ECECEC; margin-bottom:1px; padding:1% 2%; display:block;  font-weight:700; color:black; font-weight:300; font-size:1.4em; cursor:pointer; outline: none; }
#accordion .accordion span.ui-accordion-header:hover { background: #E9DBBC;  }
#accordion .accordion span.ui-accordion-header-active { background:#F55E09; color:#FFF; box-shadow:none;  }
#accordion .accordion li, #accordion .accordion p, .cms-services .std p { color:#5C5B5B; text-shadow:1px 1px 1px #FAF8F8; margin: 0px 10px;}
#accordion .accordion p { margin-bottom: 10px; padding: 20px; }
#accordion .accordion p, .accordion li { font-size:1.3em; line-height:20px; }
#accordion .accordion ul { margin-left: 40px; list-style-type: disc; }
.cms-services .main-section { box-shadow: inset 0px 2px 1px #E0E0E0; border-top: 1px solid #C2C2C2; }
#accordion .ui-accordion-content { padding:20px 0; }
.faq .help { margin-left:19%; }



/*CASE STUDIES
========================================================= */
.casestudies .member { float:none; display:block; overflow:hidden; width:90%; text-align:left; margin-bottom: 40px; }
.casestudies .member div, .casestudies .member img { float:left; display:inline; }
.casestudies .member div { width:70%; margin-left:5%; }
.casestudies .member .slidingdiv { margin:0 0 10px 0; width: 100%; display: none; }
.casestudies .member .slidingdiv p { margin-bottom:5px; }
.read-more { display:block; margin:20px 0; width:20%; text-align:center; }
.casestudies .member p { }
.casestudies .show_hide { cursor:pointer; margin-left:0; display:block; margin:20px 0; width:20%; text-align:center; }
.casestudies .email-info { margin-top:10px; display:block; margin-bottom: 10px; color:#0F0F0F; }
.role2 { font-size:1.1em; color:#1595D1; margin-bottom:10px; display:block; }
.border a { color:#399cbe; font-weight:bold; text-decoration:none; }




/*SITEMAP
========================================================= */
#container { width:960px; margin:0 auto; }
.sitemap-img { height:460px; padding-top:105px; position:relative; }
.sitemap-pic { position:absolute; left:32%; top:52px; }
.box-shad { box-shadow: 1px 4px 13px #CCC; width:400px; margin:0 auto;  }
.horz-nav-hold { width:400px; margin:0 auto; padding:20px 0 0; border-radius:3px; background:#0FBAF0; box-shadow: inset 0px 1px 2px #FFF; overflow:hidden; border: 1px solid #CCC; }
.horz-nav-hold h1 { margin:20px 20px 35px 0; font-family: 'Open Sans', sans-serif; float:right; display:inline; font-size:1.6em; color:#FFF; font-weight:300; }
.horz-nav-hold img { float:left; display:inline; border:1px solid #fee996; margin:0 0 20px 20px; }
.horz-nav-hold ul { background:#FFF; padding:0px 0 20px; border-top: 1px solid #E6C96E; clear:both; }
.horz-nav-hold li {  }
.horz-nav-hold li a { padding:15px; display:block; font-family: 'Open Sans', sans-serif; font-weight:600; color:#756e6e; font-size:1.1em; text-decoration:none;  }
.horz-nav-hold li a:hover { background:#f8f5f5; border-left:3px solid #20CC7A; -webkit-transition: background-color 0.8s; -moz-transition: background-color 0.8s; -o-transition: background-color 0.8s; -ms-transition: background-color 0.8s; transition: background-color 0.8s; transition: all 0.2s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; }
.horz-nav-hold li a i { float:right; display:inline; font-size:16px; }
.sitemap-text { width:960px; margin:0 auto; padding:20px 0; }
.sitemap-text p { font-size:1.1em; font-family: 'Open Sans', sans-serif; color:#666; line-height: 18px; }
.sitemap-text ul { margin-top:20px; text-align: center; }
.bold-li { font-weight:bold; color:#666; margin-bottom:10px; font-size:1.3em; }
.sitemap-text li a { margin-bottom:10px; display:block; text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight:600; color:#756e6e; }

/*COOKIE LAW*/
#cookie-law { width:100%; background:#F1F1F1; margin:0 auto; }
#cookie-law p { padding:10px; font-size:1.2em; text-align:center; color:#7A7A7A; margin:0;}
#cookie-law a { color: #355fb6; font-weight:700; }
.cookiebanner .the-team li h3 { margin-bottom: 10px; display: block; font-size: 1.1em; text-decoration: none; font-weight: bold; }

.cookie-list li { display:block; margin-bottom:10px; color:#646464; font-size: 1.08em; }
tbody { font-size: 1.08em; color: #646464; margin-bottom: 10px; line-height: 18px; }
.the-team h3 { margin:20px 0; font-size:1.5em; }
.the-team p, .the-team li { font-size:1.3em; color:#666; line-height:20px; margin-bottom: 10px; }
.the-team ul { margin:20px 0; }
.the-team li a { color:#403d79; font-weight:600; }
.body-links { color:#f85439; }





/*404 ERROR PAGE
========================================================= */
#goog-wm-qt { width:50%; }
#goog-wm-sb { padding:1% 4%; }


/* FOOTER
========================================================= */
footer { width:949px; margin:1px auto; background:#FFF; padding:0.3%; }
.footer-wrap { border:1px solid #f1f1f1; background:#fafafa; padding:1%; overflow:hidden; }
.footer-wrap ul { text-align:center; }
.footer-wrap li { display:inline; margin-right:3%; }
.footer-wrap li a { color:#474747; text-decoration:none; font-size:1.1em; }
.footer-wrap .address, .registered  { text-align:center; margin:10px 0 0; color:#8a8a8a; }
.border { border-left:1px solid #8a8a8a; padding:0 2%; margin-left:1.2%; }
.holder { width: 72%; margin-left:13%; font-size: 0.9em; text-transform: uppercase;}
.holder a.email { text-transform: lowercase !important;}
.holder, .footer-wrap a img { float:left; display:inline;}

@media all and (max-device-width: 480px) {
    html,body { -webkit-text-size-adjust:none; }
}
/* iPad, portrait & landscape. */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
    html,body { -webkit-text-size-adjust:none; }
}


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

    header { position: fixed; top: 0; left: 0; z-index: 1000; background: white; overflow: auto;}
    #main-body { margin-top: 65px; }
    .header-wrap { width:100%; margin:0px; padding:0px; overflow:both; }
    .header-wrap img { float:left; display:inline;  width: 100px; height: auto; padding: 10px; }
    footer { width:100%; margin:1px auto; background:#FFF; padding:0.3%; }
    footer a { display: none; }

    .mobile-show { display: inline; }

    nav { float: none; display: none; padding-top: 50px; width: 100%; }
    nav ul { display: block; background: black; }
    nav ul { text-align: left; width: 100%; margin: 0px; padding: 0px; }

    nav li { display:block; margin: 0px; padding-left: 30px; }
    nav li a { text-decoration:none; font-size: 15px; text-transform:none; color: white; padding:0px; line-height: 45px; }
    nav li a:hover, nav li a.home.active, nav li a.about.active, nav li a.products.active, nav li a.team.active, nav li a.case-studies.active, nav li a.faq.active, nav li a.contact.active { font-weight: bold; color:white; border-bottom:0px;  }

    .call-us { display: none; }

    .nav-hold { float: none; }
    a.nav-mobile-menu { display: block; float:right; font-size: 16px; padding: 10px; padding-top: 35px; color: #002473;  text-decoration:none; float: right; display: block; }
    a.nav-mobile-menu span { padding-right: 15px; }

    #contentwrap { width:100%; margin:0 auto; }
    .alt-wrap #contentwrap { padding:5px 0; }

    .section2-wrap { width:100%; margin:0; overflow:hidden; text-align: center; }
    .section2-wrap p, .section2-wrap p.help { margin:10px; }
    .section2-wrap a { text-align: center; margin: 0 auto;}

    .section2-wrap .col { float:none; display:inline; width:100%; margin: 10px; }
    .section2-wrap .col.no-m { margin: 10px; }

    .the-team { width:100%; }
    .about-layout {  width:100%; margin:0 auto; }
    .intro-text { float:none; display:inline; }
    .alt-wrap h1, .privacy h2 { font-size:2.2em; font-weight:300; margin:10px 0 20px; }
    .about-layout .intro-text, .theteam #contentwrap .intro-text { width:100%;  }
    .wrap { padding: 10px; }
    .wrap.wrap-index { padding: 0px; }
    table.summary  { overflow: scroll;  }
    .table-wrap { overflow: scroll; overflow-x: visible; }

    .get-in-touch, .help { float: none; display:inline-block; }

    .slider-hold { width:100%; margin:0 auto;  }
    .slide { width: 100%; margin: 0; }
    #slider { width: 100%; margin: 0; }
    #slides { z-index:0; width: 100%; margin: 0; position:relative; }
    .slides_control { width:100% !important;   }
    .slides_container { width:100%; overflow:hidden; position:static; display:none; background-color: black; }
    .slides_container div.slide { width:100%; display:block; }
    .slides_container img { width:auto; height: 100%; border: 10px red; float: left; clear:all; overflow: hidden; right: -60px; position: absolute; opacity: 0.75; background: black; }

    .service-tabs { display: none; }


    /* caption */
    .caption { z-index:500; padding:10px; width:80%; font-size:1.1em; line-height:1; color:#fff; text-shadow:none; font-family: 'Open Sans', sans-serif; left: 0;}
    .caption span { line-height:34px; }
    .top-title { font-size:1.5em; color:white; font-weight:600; height: auto; }
    .sub-title { color:#FFC600; font-weight:600; font-size:1.2em; }
    .slide-title { color:#fcdd62; font-size:1.6em; font-weight:700; }
    .caption ul { margin: 5px 0px; width: 100%; }
    .caption p, .caption li { font-size:1em; color:white; font-weight: bold; line-height: 1.4em; white-space: normal;  width: 100%; }
    .caption a { display:inline; margin-right: 5.3%; padding: 7px 11px; text-decoration:none; font-weight:bold;  }

    #strapline { font-size: 1.5em; text-align: center; color:#464646; color: #ff4200; padding: 15px 7px; }


    .alt-wrap #contentwrap img { display: none; }
    #contentwrap .intro-text img.computer { display: none; }
    #contentwrap .intro-text img.phone { display: none; }
    #contentwrap .intro-text img.benefits { display: none; }

    .product-section .member { margin-right: 0px; width: 200px; height: 500px; }
    .member { float:left; display:inline; text-align:center; width:220px; }
    .theteam .member { width: 200px; margin-right: 0px; }

    .our-office { float:none; display:inline-block; width: 100%; margin-top:0px; background:white; }

    .process-error, .process-success { background:url(../images/error.png) 10px 1px no-repeat; padding-top:100px; }
    .process-success { background:url(../images/success.png) 10px 1px no-repeat; }


    .the-team { width:100%; margin:0; padding:0px; }
    .casestudies .member { width:100%; }
    .casestudies .member div { width:100%; margin-left:0; }

}