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, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, u, i, center,dl, dt, dd, 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; } blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0; }


body { background:#fbf9ed;  margin:0; padding:0; font-family:'raleway', Helvetica, Arial, sans-serif;  line-height: 1.62em;  color: #666666; letter-spacing:0.02em; font-size:1.1em; overflow-x: hidden;}
a, a:active {color: #fff;}
a:hover {color: #fff; text-decoration:none;}
a.order {color:#FF2651; font-weight:800;}

p {padding:0 0 20px 0;}
p.green {color:#2BB673; font-weight:700;}
p.black {color:#111; font-weight:700;}

#genius_bar {width:100%; height:3px; background:black;}

h1 {font-size:2.1em;  font-weight:800;line-height:-0.8em; color:#3a3e35; padding:10px 0px 25px 0px; }
h2 {font-size:3.05em;  font-weight:200;line-height:1.1em; color:#3a3e35; padding:0px 0px 25px 0px;  }
h3 {font-size:1.05em; font-weight:800;line-height:1.46em; color:#111;padding:0px 0px 5px 0px;  }
h4 {font-size:1.05em; font-weight:800;line-height:1.46em; color:#111;padding:0px 0px 5px 0px;  }
h5 {font-size:2.1em;  font-weight:800;line-height:1.9em; color:#3a3e35;}
h6 {font-size:1.325em; font-weight:100;line-height:1.56em; color:#ffffff;  background-color:#53b0e6;padding:0.2em 0.4em 0.2em 0.4em; display:inline; position:absolute; margin-top:0.4em;}

.container {width:90%; max-width:1300px; margin-left:auto; margin-right:auto;  }
.clear {clear:both; margin:0px; padding:0px;}

.header_banner {width:100%; background:#1f2229 url('../img/manchester.gif') top center no-repeat; background-size:100%; padding:30px 0px 430px 0px;}

.logo {float:left; width:159px;}
.logo img {width:100%;}
.nav {float:left; width:20%; text-align:left; border-left:1px solid #29537E; margin:0 0 0 40px; padding:0 0 0 40px;  }
.nav ul {list-style:none; margin:0; padding:0; }
.nav ul li {padding:0px 0px 0px 0px; }
.nav ul li a:link {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:700; letter-spacing:3px; font-size:0.60em; line-height:0.7em; // set animation-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav ul li a:hover {color:#fff; text-decoration:none; border-left:16px solid #2BB673; padding:0px 0px 0px 11px; // set animation-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.tagline {float:right; width:60%; color:#2BB673; font-size:1.5em; line-height:1.52em; font-weight:700; }
.tagline span { color:#fff; font-weight:700; }

.tagline_banner {color:#fff; background:#282828; padding:30px 0 30px 0; text-align:center; font-size:1.7em;line-height:1.4em;}
.tagline_banner span {color:#2BB673; font-weight:700; }

.what_we_do {padding:90px 0 90px 0;margin:90px 0 90px 0;}
.promotional_services {padding:190px 0 90px 0;margin:90px 0 90px 0;}
.immersive_advertising {padding:190px 0 90px 0;margin:90px 0 90px 0;}
.showcase_your_brand {padding:190px 0 90px 0;margin:90px 0 90px 0;}
.get_drawn_in {padding:190px 0 90px 0;margin:90px 0 90px 0;}
.talk_to_us {margin:190px 0 0px 0; background:#2BB673; color:#fff; padding:60px 0 90px 0;}
.talk_to_us h2 { color:#fff;}

.text_wrapper {width:58%;}
.left {float:left;}
.right {float:right;}

ul.social_logos {list-style:none; margin:0; padding:6px 0 20px 0;}
ul.social_logos  li {display:inline-block; padding:0px 30px 0px 0px; }
ul.social_logos  li img {width:90px;}

.rotate{	-webkit-transition-duration: 0.8s;	-moz-transition-duration: 0.8s;	-o-transition-duration: 0.8s;	transition-duration: 0.8s;		-webkit-transition-property: -webkit-transform;	-moz-transition-property: -moz-transform;	-o-transition-property: -o-transform;	transition-property: transform;		overflow:hidden;	}
.rotate:hover	{ 	-webkit-transform:rotate(360deg);	-moz-transform:rotate(360deg); 	-o-transform:rotate(360deg);}

.form_wrapper {margin:0 auto; width:50%;}

.crowd1 {background:url(../img/crowd1.png) bottom right no-repeat; background-position:73% 220px; background-size:120px;}
.crowd2 {background:url(../img/crowd2.png) bottom right no-repeat; background-position:10% 60px;  background-size:220px;}
.crowd3 {background:url(../img/crowd3.png) bottom right no-repeat; background-position:76% 80px;  background-size:190px;}
.crowd4 {background:url(../img/crowd4.png) bottom right no-repeat; background-position:0% 0px;  background-size:320px;}
.crowd5 {background:url(../img/crowd5.png) bottom right no-repeat; background-position:86% 40px;  background-size:500px;}

#order_form_col1 {float:left;width:36%; margin:0px 0px 12px 0px;}
#order_form_col2 {float:right;width:56%; margin:0px 0px 12px 0px;}
#order_dots {width:100%; padding:0px 0px 10px 0px; margin:10px 0px 20px 0px; border-bottom:3px dotted #d5d5d5;}
input,textarea {background:#fff; padding:3%; border:0; width:94%; font-size:14px; -webkit-box-shadow: inset 0 0 10px #fff;box-shadow: inset 0 0 10px #fff; -moz-box-shadow: inset 0 0 10px #fff; font-family:Arial, sans-serif;}
textarea {margin-top:10px;}

#send_button  { display:inline-block; float:right; color:#fff; font-weight:700; letter-spacing:3px; background:#111; padding:11px 21px 12px 21px;  margin:18px 0px 0px 0px;  text-transform:uppercase;  // set animation-webkit-transition: all 1.2s ease;transition: all 1.2s ease;}
#send_button:hover  { background:#333; cursor:pointer;}

.footer1 {float:left; width:50%; padding:20px 0px 20px 0px; border-top:1px solid #fff; margin:60px 0px 0px 0px;}
.footer1 img {width:80px; opacity:0.5; margin:10px 0px 0px 0px;}
.footer2 img {width:170px; opacity:0.5; margin:30px 0px 0px 0px;}
.footer2 {float:right; width:50%; padding:20px 0px 20px 0px; border-top:1px solid #fff; margin:60px 0px 0px 0px; text-align:right;}

.mobile_crowd_wrapper {display:none;}




/* ------------------MEDIA QUERIES---------------------- */

/* ----------------------  BIG TABLET  ------------------------ */
@media only screen and (max-width: 70em) {
.header_banner { background:#1f2229 url('../img/manchester.gif') top center no-repeat; background-size:1600px; }
}




/* ----------------------  on way to TABLET  ------------------------ */
@media only screen and (max-width: 58em) {
.header_banner { background:#1f2229 url('../img/manchester.gif') top center no-repeat; background-size:1200px; }
#genius_bar {background:yellow;}
.logo {float:left; width:50%; text-align:right;}
.logo img {width:100%; max-width:159px;}
.nav {width:41%;  border-left:1px solid #29537E; margin:0 0 0 4%; padding:0 0 0 4%;  }
.tagline_banner { font-size:1.4em;line-height:1.28em;}
.form_wrapper {width:60%;}
}





/* ----------------------  on way to TABLET  ------------------------ */
@media only screen and (max-width: 48em) {
.header_banner { background:#1f2229 url('../img/manchester.gif') top center no-repeat; background-size:2000px; }
#genius_bar {background:green;}
.logo {float:left; width:50%; text-align:right;}
.logo img {width:100%; max-width:159px;}
.nav {width:41%;  border-left:1px solid #29537E; margin:0 0 0 4%; padding:0 0 0 4%;  }
.tagline_banner { font-size:1.4em;line-height:1.28em;}

.text_wrapper {width:78%;font-size:0.9em;}
.left {float:left;}
.right {float:left;}
.crowd1 {background:none;}
.crowd2 {background:none;}
.crowd3 {background:none;}
.crowd4 {background:none;}
.crowd5 {background:none;}

.form_wrapper {width:80%;}


.mobile_crowd_wrapper {display:block;}
.mobile_crowd_wrapper img{width:100%;}

}


/* ----------------------  on way to TABLET  ------------------------ */
@media only screen and (max-width: 38em) {
#genius_bar {background:red;}
.text_wrapper {width:78%;font-size:0.8em; line-height:1.64em;}
ul.social_logos  li img {width:60px;}
.form_wrapper {width:100%;}
.footer1 {float:none; width:100%; padding:20px 0px 20px 0px; border-top:1px solid #fff; margin:60px 0px 0px 0px;text-align:center;}
.footer1 img {width:80px; opacity:0.5; margin:0px 0px 0px 0px;}
.footer2 img {width:110px; opacity:0.5; margin:0px 0px 0px 0px;}
.footer2 {float:none; width:100%; padding:20px 0px 0px 0px; border-top:0px solid #fff; margin:0px 0px 0px 0px; text-align:center;}
}


/* ----------------------  on way to TABLET  ------------------------ */
@media only screen and (max-width: 32em) {
#genius_bar {background:teal;}
.logo {float: none; width: 100%; text-align: center; margin-bottom: 40px;}
.nav {width: 100%;}
.nav ul li a {font-size: 0.9em;}
h2 {font-size: 2.5em;}
.text_wrapper {width: 100%; float: none;}
}