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

/* RESET STYLES */
ol,ul,li { margin:0; padding:0; }
table { border-collapse:collapse; margin:0; padding:0; border-spacing:0; }

/* ELEMENT STYLES */
body,html { font-family:'Source Sans Pro',sans-serif; font-weight:400; font-style:normal; margin:0; padding:0; text-align:center; color:#FFF; font-size:18px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; height:100%; }

h1,h2,h3 { margin:0; padding:0; font-weight:600; }
h1 { font-size:40px; }
h2 { font-size:40px; }
h3 { font-size:27px; }
h2+p,
h3+p { margin-top:0; }

hr { border:0; height:1px; background:#FFF;}

strong { font-weight:600; }
em { font-weight:400; font-style:italic;  }

a { color:#FFF; text-decoration:none; }
a,a img,#trigger,nav,input[type="submit"] { transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out; }
a:hover,#trigger:hover { opacity:0.5; }

/* GENERIC ITEM STYLES */
.inner { width:95%; max-width:1140px; margin:0 auto; padding:2em 2.5% 4em; }

/* HEADER STYLES */
header { width:100%; height:150px; background:#FFF; position:fixed; top:0; z-index:9999; }
header a { margin:20px 0 0; display:inline-block; }
header a img { width:460px; height:auto; }
#trigger { width:90px; height:30px; display:none; position:fixed; top:60px; right:10%; border-top:2px solid #414042; border-bottom:2px solid #414042; cursor:pointer; }
#trigger.show { display:block; }

/* SLIDESHOW STYLES */
#slideshow { width:100%; height:400px; margin-top:150px; color:#414042; overflow:hidden; font-size:27px; }
#slideshow ul { width:100%; height:400px; list-style:none; }
#slideshow ul li { width:100%; height:400px; background-position:50% 50%; background-size:cover; }
#slideshow ul li .outer { width:100%; height:400px; display:table; }
#slideshow ul li .outer div { display:table-cell; vertical-align:middle; padding-bottom:1em; text-shadow:0 0 20px #FFF; }
#slideshow p { margin:0; }
#slideshow i { font-size:80px; }
#slideshow h2 { font-size:60px; line-height:0.75em; margin-bottom:0.25em; }
#slideshow .cta { text-transform:uppercase; border:2px solid #414042; color:#414042; display:inline-block; padding:0 1em; margin:0.5em 0 0; }
.flex-control-nav { position:relative; top:-50px; }
.flex-control-nav li { display:inline-block; }
.flex-control-nav li a { display:block; height:10px; width:10px; border:1px solid #414042; background:#414042; border-radius:6px; text-indent:-9999px; margin:0 6px; }
.flex-control-nav li a.flex-active { background:none; cursor:default; }
.flex-control-nav li a.flex-active:hover { opacity:1; }

#masthead { width:100%; height:400px; margin-top:150px; color:#414042; overflow:hidden; background-position:50% 50%; background-size:cover; font-size:27px; text-shadow:0 0 20px #FFF; }
#masthead .outer { width:100%; height:400px; display:table; }
#masthead .outer div { display:table-cell; vertical-align:middle; }
#masthead p { margin:0; }
#masthead i { font-size:80px; }
#masthead h1 { font-size:60px; line-height:0.75em; margin-bottom:0.25em; }
#masthead .cta { text-transform:uppercase; border:2px solid #414042; color:#414042; display:inline-block; padding:0 1em; margin:0.5em 0 0; }

/* NAV STYLES */
nav { width:100%; background:url('../images/nav-bg.gif') 50% 50% #414042 repeat; margin-bottom:-90px; }
nav ul { list-style:none; font-size:40px; }
nav ul li { display:inline; }
nav ul li a { display:inline-block; line-height:90px; margin:0 1em; }
nav.detatch { position:fixed; top:60px; z-index:9998; }
nav.down { top:150px; }
.blank nav { margin-top:150px; }
.blank nav.detatch { margin-top:0; }

/* CONTENT STYLES */
.copyarea { width:100%; background:#B0362D; margin-top:90px; }
.copyarea .strapline { font-size:40px; padding:1em 0 0; font-weight:600; }
.copyarea .inner { -webkit-column-count:2; -moz-column-count:2; column-count:2; text-align:left; }
.copyarea .inner p:first-of-type { margin-top:0; font-weight:600; }

#services { width:100%; list-style:none; background:#E1362C; }
#services:after { content:''; display:table; clear:both; }
#services li { float:left; width:30.333%; padding:2em 1.5%; background:url('../images/service-grad.png') 50% 50% #E1362C; background-size:cover; }
#services li a { display:block; width:100%; }
#services p { margin:0; }
#services i { font-size:60px; }
#services .cta { text-transform:uppercase; border:2px solid #FFF; display:inline-block; padding:0 1em; margin:1em 0 0; }

.app { width:100%; background:#FFF; font-size:27px; color:#000; }
.app .inner { padding:2rem 22.5% 2rem 2.5%; width: 75%; background: url('../images/app.jpg') 100% 50% no-repeat; background-size: contain; }
.app .cta { border:2px solid #000 !important; color:#000; background: #FFF; font-size: 2rem !important; margin: 0.5em 0 !important; }

.bbox { width:100%; background:#FFF; font-size:27px; color:#000; }
.bbox .inner { padding:2rem 2.5% 2rem 22.5%; width: 75%; background: url('../images/bbox.jpg') 0% 50% no-repeat; background-size: contain; }
.bbox .cta { border:2px solid #000 !important; color:#000; background: #FFF; font-size: 2rem !important; margin: 0.5em 0 !important; }

.takeover { width:100%; background:#B0362D; padding:1em 0 2em; font-size:27px; }
.takeover .inner { padding:0 2.5%; }
.takeover a { display:block; width:100%; }
.takeover p { margin-top:0; }
.takeover i { font-size:80px; display:block; }
.takeover .tocta { text-transform:uppercase; border:2px solid #FFF; display:inline-block; padding:0 1em; }
.services .takeover { background:url('../images/service-grad.png') 50% 50% #E1362C; background-size:cover; }

#payment { width:95%; padding:2.5%; background:url('../images/nav-bg.gif') 50% 50% #414042 repeat; text-align:center; font-size:27px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:1em; }
#payment div { display:inline-block; }
input[type="text"],
input[type="submit"] { font-size:27px; line-height:1.25em; padding:0 0.25em; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
input[type="submit"] { background:#E1362C; color:#FFF; cursor:pointer; text-transform:uppercase; margin-left:1em; }
input[type="submit"]:hover { background:#B0362D; }
label { font-weight:600; }

#clients { width:100%; background:#E6E7E8; color:#414042; }
#clients #logos { width:100%; font-size:0; /* REMOVED UNTIL QUOTES PROVIDED -- background:url('../images/clients-hr.png') 50% 100% no-repeat; background-size:contain;*/ }
#clients #logos img { width:19%; height:auto; margin:3%; }
#clients #quotes { list-style:none; }
#clients #quotes li { width:100%; }
#clients #quotes q { font-style:italic; font-size:30px; margin:1em 0; display:inline-block; }
#clients .credit { font-size:20px; }
.services #clients #logos { background:none; }
.services .cta { text-transform:uppercase; border:2px solid #FFF; display:inline-block; padding:0 1em; margin:0 0 2em; font-size:2em; }

#contact { width:100%; background:url('../images/nav-bg.gif') 50% 50% #414042 repeat; }
#contact ul { width:100%; max-width:1200px; list-style:none; margin:0 auto; }
#contact ul:after { content:''; display:table; clear:both; }
#contact li { float:left; width:28.33333%; padding:2em 2.5%; }
#contact li a { display:block; width:100%; }
#contact p { margin:0; }
#contact i { font-size:80px; }
#contact tel { font-size:30px; }

.blank .copyarea h1 { padding-top:1em; }
.blank .copyarea .inner { -webkit-column-count:1; -moz-column-count:1; column-count:1; }
.blank .copyarea .inner h2 { margin-top:1em; line-height:1em; }
.blank .copyarea .inner h2:first-of-type { margin:0; }
.blank .copyarea .inner h2+p { margin-top:0; }
.blank .copyarea .inner ul,
.blank .copyarea .inner ol { margin:1em 0; padding-left:2em; }
.roman { list-style: lower-roman; }
.abc { list-style: lower-alpha; }


/* FOOTER STYLES */
footer { width:100%; background:#B0362D; border-top:5px solid #E1362C; padding:2em 0 4em; }
footer .partners { width:100%; height:auto; max-width:1140px; margin:0 auto; }
footer #creds { width:100%; background:#FFF; padding:1em 0; }
footer #creds img { width:auto; height:70px; }
#social { list-style:none; font-size:0; margin:30px 0; }
#social li { display:inline-block; }
#social li a { width:50px; height:50px; display:block; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; margin:10px; }
#social .twit a { background-image:url('../images/social-twitter.png'); }
#social .link a { background-image:url('../images/social-linkedin.png'); }
#social .inst a { background-image:url('../images/social-instagram.png'); }
#social .emai a { background-image:url('../images/social-email.png'); }

.subnav li { display:inline-block; margin:0; padding:0 1em; border-left:1px solid #FFF; }
.subnav li.first { border-left:none; }

#notifier { width:100%; padding:5px 0; background:#FFF; position:fixed; left:0; bottom:0; font-size:0; }
#notifier img { height:70px; }

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

/* ELEMENT STYLES */
body,html { font-size:24px; }

/* GENERIC ITEM STYLES */
.inner { width:90%; padding:2em 5% 4em; }
	
/* HEADER STYLES */
header a { float:left; margin-left:5%; }
#trigger { right:5%; }

/* NAV STYLES */
nav ul { font-size:30px; }

/* CONTENT STYLES */
.copyarea .inner { -webkit-column-count:1; -moz-column-count:1; column-count:1; }
#services li { width:47%; }
.app .inner { padding:2rem 2.5% 300px; width: 95%; background: url('../images/app.jpg') 50% 100% no-repeat; background-size: 40%; }
.bbox .inner { padding:2rem 2.5% 400px; width: 95%; background: url('../images/bbox.jpg') 50% 100% no-repeat; background-size: 100%; }
#contact h2 { font-size:34px; }
#payment div { display:block; text-align:right; }
input[type="submit"] { width:100%; padding:0; margin:0.75em 0; }

/* FOOTER STYLES */
#social li a { width:100px; height:100px; margin:20px; }
.subnav li { display:block; border-left:none; font-size:36px; }

}