@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500');
@import url('../fonts/stylesheet.css');
@import url("https://use.typekit.net/ply8mgf.css");

.neusa-next-light {
	font-family: neusa-next-std-compact, sans-serif;
	font-weight: 300;
	font-style: oblique;nt-style: normal;
}

.neusa-next-normal {
	font-family: neusa-next-std-compact, sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* W3C Markup, IE10 Release Preview */ 
h1,.h1 {font-size:28px;font-weight:400;margin-bottom:15px;margin-top:0;line-height:1.25;}
h1.small {font-size:24px}
h1 span {font-size:70%;vertical-align:top;}
h2,.h2 {font-size:21px;line-height:46px;font-weight:300;margin-bottom:15px;margin-top:0;line-height:1.4;}
h3 {font-size:16px;font-weight:700;margin-top:0;margin-bottom:20px;}
h4 {font-size:18px;font-weight:700;margin-top:16px;margin-bottom:16px;}
h5 {font-size:16px;font-weight:500;margin-top:20px;margin-bottom:5px;}
p {font-size:16px;line-height:22px;margin-bottom:15px;}
a {color:#1D242B}
a:hover,a.active {color:#1D242B;text-decoration:none;}
b,strong {font-weight:500;}
ul {font-size:16px;line-height:22px;margin:0 0 15px 15px;padding:0;}
li {padding-bottom:5px;}

ul.bluesq {list-style-image: url('../images/bullet.png')}
ul.bluesq li {padding-bottom:10px;}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s linear;
       -o-transition: height .35s linear;
          transition: height .35s linear;
}

/* Bootstrap overrides */
body {font-family: neusa-next-std-compact, sans-serif;color:#2c3b45;font-weight:300;font-size:16px;}
.navbar {padding-top:20px;padding-bottom:20px;margin-bottom:0;background-color:transparent;border:none}
.navbar-toggle {    position: absolute;    float: none;    margin: 0;    padding: 5px 10px 10px 10px;right:0px;}
.navbar-toggle .icon-bar {    background-color:#FFFFFF;}			
.navbar-toggle.alt .icon-bar {   background-color: #000000;}
.navbar-brand {    float: none;    padding: 0;    height: 26px;	display:block;	}
.navbar-brand img{    margin:0 0 0 0;}
.navbar-toggle .icon-bar + .icon-bar {    margin-top: 3px;}
.navbar-toggle .icon-bar {   width: 40px;    height: 4px;    border-radius: 0;}
.navbar-collapse {padding:0 0 50px 0;text-align:center;background-color:#FFFFFF;border-top:20px solid #FFFFFF;max-height:none !important;}
.navbar-collapse a{font-size:24px;color:#000000;display:block;font-weight:bold;text-transform: uppercase;font-family: 'Bebas Neue Book';font-size:32px; font-weight:bold;}
.navbar-collapse a:hover {text-decoration:none;}
.navbar-nav {    margin: 7.5px 0;}
.nav > li > a:hover, .nav > li > a:focus {    text-decoration: none;    background-color: transparent;color:#F24F68}
.navbar-nav > li > a {    line-height: 1;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {    background-color: transparent;    border-color: transparent;}
.navbar-nav  ul {    list-style:none;margin-left:0;}
.navbar-nav  ul li a {    line-height: 30px;font-size:18px;text-align:center;color:#2F2F2D;}
.navbar-nav  ul li a:hover,.navbar-nav  ul li a:focus {    color:#009FE3}
.nav-services {display:none}
.navbar-toggle .icon-bar {
	  position: relative;
	  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
		margin-left:5px;
}
.nav-title {display: none}
.navbar-collapse .nav > li {height:0;overflow:hidden; 
-webkit-transition: all 500ms linear; -webkit-transition-delay: 0.2s;
   -moz-transition: all 500ms linear; -moz-transition-delay: 0.2s;
     -o-transition: all 500ms linear; -o-transition-delay: 0.2s;
        transition: all 500ms linear; transition-delay: 0.2s;
}
.navbar-collapse.in .nav > li {height:65px;}
.navbar-collapse.in .nav > li.dropdown {height:auto !important;}
.navbar-nav .open .dropdown-menu > li > a {padding:8px 20px}


.mobile-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg) translateY(1px);
	  -webkit-transform: rotate(42deg) translateY(1px);
	  -moz-transform: rotate(45deg) translateY(1px);
	  -o-transform: rotate(45deg) translateY(1px);
}

.mobile-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.mobile-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg) translateY(-3px);
	  -webkit-transform: rotate(-42deg) translateY(-3px);
	  -moz-transform: rotate(-45deg) translateY(-3px);
	  -o-transform: rotate(-45deg) translateY(-3px);	  
}

.lightblue {color:#61FFF9 !important}

/* Layout */
.fullwidth {padding:0;width:100%}
.visible-xxs {display:none;}
.top-buffer {padding-top:30px;}
.top-buffer10 {padding-top:10px;}
.bottom-buffer {padding-bottom:30px;}
.text-center .img-responsive {margin:0 auto;}
.containergutter-0.container{padding-left:0px;padding-right:0px;}
.containergutter-0.container-fluid{padding-left:0px;padding-right:0px;}
.containergutter-100.container{padding-left:100px;padding-right:100px;}
.containergutter-100.container-fluid{padding-left:100px;padding-right:100px;}
.gutter-40.row{margin-right:-20px;margin-left:-20px;}
.gutter-40 > [class^="col-"], .gutter-40 > [class^=" col-"]{padding-right:20px;padding-left:20px;}
.gutter-20.row{margin-right:-10px;margin-left:-10px;}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"]{padding-right:10px;padding-left:10px;}
.gutter-10.row{margin-right:-5px;margin-left:-5px;}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"]{padding-right:5px;padding-left:5px;}
.gutter-0.row{margin-right:0;margin-left:0;}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{padding-right:0;padding-left:0;}
.vcenter {    display: inline-block;    vertical-align: middle;    float: none;}
.vbottom {    display: inline-block;    vertical-align: bottom;    float: none;}
.main-banner {height:560px;text-align:center;position:relative;}
.main-banner .item{background-size:cover;background-position:center center;}
.banner-content {  position: absolute;  top: 50%;  transform: translateY(-50%);color:#FFFFFF;width:100%;}
#mainCarousel h1 {font-size:36px;margin-bottom:15px;}
#mainCarousel a.find-out-more {font-size:16px;line-height:16px;color:#d7df23;display:inline-block;padding:10px;border:1px solid #d7df23;margin-top:10px;}
#mainCarousel a.find-out-more:hover {color:#ffffff;background-color:#d7df23;}
#mainCarousel a.scroll-down {position:absolute;left:50%;margin-left:-11px;bottom:20px;}
.content-panel {padding-top:40px;padding-bottom:25px;}
footer {font-family: 'Open Sans', sans-serif;background-color:#393939;color:#FFFFFF}
footer p {line-height: 2}
footer a{color:#FFFFFF}
footer i {font-size:22px;margin:0 5px 0}

.charities {display:inline-block;font-size:14px;line-height:30px;padding-left:50px;background-image:url(../images/charities.png);background-position: left;background-repeat: no-repeat}
.home-panels {padding-top:20px;}
.home-panels div {position: relative;background-size:cover;background-repeat: no-repeat;margin-bottom:15px;}
.home-panels a {display:block;width:100%;padding-bottom:150%;box-sizing: border-box;border:10px solid transparent;}
.home-panels a:hover {border:10px solid #009FE3}
.home-panels a div {position: absolute;bottom:30px;left:30px;right:30px;color:#FFFFFF;font-size:50px;line-height:52px;font-family: 'Bebas Neue';font-weight:bold;padding-left:60px;opacity:1;transition: opacity .25s ease-in-out;   -moz-transition: opacity .25s ease-in-out;   -webkit-transition: opacity .25s ease-in-out;}
.home-panels a:hover div {opacity:1;}
.home-panels a div.single {line-height:104px;}
.home-panels a div.home-panel-arrow {bottom:56px;left:30px;width:53px;height:52px;padding-left:0;opacity:1;}
.home-panels a div.home-panel-arrow img {}
.home-panels a:hover div.home-panel-arrow {opacity:1;transform:rotate(0);}
.work-example {padding:40px 0;margin:25px 0;
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #eaeaea 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%,#eaeaea 100%); 
	background: linear-gradient(to right, #ffffff 0%,#eaeaea 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=1 ); 
}
.work-example:nth-child(2n) {
	background: #eaeaea;
	background: -moz-linear-gradient(left, #eaeaea 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(left, #eaeaea 0%,#ffffff 100%);
	background: linear-gradient(to right, #eaeaea 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 );
}
.banner.casestudy {padding:70px 0 40px 0}
.casestudy-panel {padding:40px 0;margin:25px 0;}
.about-panel {padding-top:40px;padding-bottom:30px;}
.services-panel {padding-top:40px;padding-bottom:30px;}
.contact-panel {padding-top:40px;}

/* Format */
.bebas {font-family: 'Bebas Neue Book';}
 p.bebas {font-size:20px}
 h2.bebas {font-size:60px;line-height:65px;font-family: 'Bebas Neue';font-weight:bold;}
 h3.bebas {font-size:36px;line-height:40px;margin-bottom:10px;}
.copy-xsmall {font-size:10px;line-height:12px;-webkit-text-size-adjust: 100%;}
.bg-grey {background-color:#EDEDED;}
.bg-cityescape {background-color:#E7E7E7;}
.bg-blw {background-color:#5A3A63;color:#FFFFFF;padding-left:15px;padding-right:15px;}
.banner {padding:40px 0;background-size:cover;background-position: center center;}
.banner h1 {font-family: 'Bebas Neue';font-weight:bold;font-size:54px;line-height:0.8;color:#000000}
.banner.casestudy h1 {color:#FFFFFF;margin-bottom:50px;}
.work-example h2 {font-size:22px;font-family: 'Bebas Neue Book';margin-top:30px;}
.casestudy-nav {color:#FFFFFF;font-family: 'Bebas Neue';font-weight:bold;font-size:22px;}
.casestudy-panel h2 {font-size:26px;font-family: 'Bebas Neue Book';margin-bottom:10px;}
.about h1,.about p.large,.h1 {font-size:40px;font-family: 'Bebas Neue';font-weight:bold;margin-bottom:10px;line-height:36px;color:#000000}
.about h2,.about .h2 {font-family: 'Bebas Neue Book';margin-bottom:10px;font-size:32px;line-height:46px;}
.btn-arrow {color:#009FE3;font-size:18px;font-family: 'Bebas Neue';font-weight:bold;line-height:90px;vertical-align: middle;padding-left:60px;background-image:url(../images/blue-arrow.png);background-position: left center;background-repeat: no-repeat;height:90px;display:inline-block}
.btn-arrow.grey {color:#A5B0B4;background-image:url(../images/grey-arrow.png);}
.services-panel h2{color:#009FE3;font-family: 'Bebas Neue';font-weight:bold;font-size:32px;}
 .services-panel p {font-size:18px;font-family: 'Bebas Neue';font-weight:normal;}
.services-panel img {margin-right:10px;}
.team {background-image:url('../images/team.png');background-repeat: no-repeat;background-position: top center;background-size:contain;display:none;}
.team.active {display:block;}

.red {color:#DC0064}
.blue {color:#3D9CE1}
.green {color:#98CDB4}
.purple {color:#651E81}

.homeVideo {  width: 100%    !important;  height: auto   !important;}
.home-video {margin-top:-68px;background-color:#000000}
.home-video.nomargin {margin-top:0 !important}

.work-panel {display:block;min-height:250px;position: relative;background-size:cover;background-position: center center}
.work-panel .mask{position: absolute;top:0;bottom:0;left:0;right:0;opacity:0;padding:30px 15px; -webkit-transition: opacity .5s linear;       -o-transition: opacity .5s linear;          transition: opacity .5s linear;background-color:rgba(255,255,255,0.4);opacity:1}
.work-panel .caption {position: absolute;bottom:15px;}
.work-panel:hover .mask{opacity: 1;background-color:rgba(255,255,255,0.8);}
.work-panel h2{font-family: 'Bebas Neue';font-weight:bold;font-size:32px;margin-bottom:10px;}

.contact-details p {font-size:20px;line-height:26px;}
.contact-details p span{font-size:14px;}
.contact-details i{font-size:24px;color: #009FE3;}
p.copy-large {font-size:20px;line-height:26px;}

.map,.map iframe {width:100%;height:300px;}

.v_hidden{	opacity: 0;}
.v_visible{	opacity: 1;}

.embed-container { position: relative; padding-bottom: 48%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.v-link {display:inline-block;padding-right:40px;background-image:url('../images/v-link.svg');background-position: center right;background-repeat: no-repeat;background-size:25px;min-height:27px;font-weight:600;font-size:110%}

.about-dark {color:#FFFFFF}
.about-dark ul {font-size:21px;font-weight:300;line-height:1.4;list-style:none;padding-left:40px;margin-left:0;}
.about-dark li span {font-weight:600;display: block;background-image: url('../images/v-list.png');background-position: left;background-repeat: no-repeat;padding-left:40px;margin-left:-40px;}
.about-dark li {margin-bottom:10px;margin-top:20px;}

.heading {padding:50px 0;font-size:80px;line-height:70px;color:#000000;font-weight:600;letter-spacing:-1px;text-align:center}
.heading span {color:#FFFFFF;font-weight:300;}

.content-panel.intro p{font-size:18px;color:#000000}
.white {color:#FFFFFF !important}
.nomargin {margin-bottom:0}
.v-list-small {font-size:18px;font-weight:300;line-height:1.4;list-style:none;padding-left:20px;margin-left:0;}
.v-list-small li span {font-weight:400;display: block;background-image: url('../images/v-list-small.png');background-position: left center;background-repeat: no-repeat;padding-left:20px;margin-left:-20px;}
.v-list-small li {margin-bottom:0px;margin-top:5px;padding-bottom:0;}

.services-nav {padding-top:50px;font-size:24px;color:#FFFFFF;font-weight:600;line-height:27px;text-align: center}
.services-nav span {display: inline-block;background-image:url('../images/v-services.png');background-repeat: no-repeat;background-position: right;padding-right:40px;padding-top:3px;cursor: pointer}
.services-nav a {color:#FFFFFF;font-weight:300;margin:0 0 0 30px;display: none;padding-top:3px;}
.services-nav a.visible {display: block;margin:10px auto;}
.services-nav a:hover,.services-nav a.current {color:#000000}

.home-video.services {background-color:#F24F68;}


footer {padding-top:15px;padding-bottom:30px;}
footer img {max-width:100%}
footer p {line-height:1.7;font-size:14px;letter-spacing: 0.5px;}
footer h3 {font-family: 'Bebas Neue';font-size:42px;margin-bottom:30px}
footer h3 span {font-family: 'Bebas Neue Book';font-weight:normal}
footer h4 {margin-top:28px;margin-bottom:5px;font-size:18px;}
			
footer .strapline {font-family: 'Bebas Neue';font-size:42px;margin-bottom:30px;line-height:0.8}
footer .strapline span {display: block;color:#41FFF8;font-weight:bold;padding-left:40px;background-image:url('../images/footer-v.svg');background-position: left center;background-repeat: no-repeat;background-size:32px;padding-top:4px;line-height:44px;}
			
.container-nav {padding-left:15px;position: relative;    z-index: 999;}

.dba {margin:-20px 0 60px 0}
.dba img {display:block;padding-top:10px;}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 479px) {
  .visible-xxs {   display: block !important;  }
  .hidden-xxs {    display: none !important;  }
}

/* Very Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
	.grid-sizer,
	.grid-item {
	  width: calc(50% - 3px);
	  display:block;
	  position:relative;
	}

	.grid-item {
		float: left;
	}
	.banner h1 {font-size:80px;}

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1 {font-size:34px;}
	h2 {font-size:23px;}
	.text-sm-left {text-align: left !important}
	.container-fluid.narrow {padding-left:45px;padding-right:45px;}
	.navbar {padding-top:30px;padding-bottom:30px;}
	.navbar-toggle {    right:0px;}
	.navbar-brand img{    margin-left:0px;}
	.navbar-collapse a{font-size:40px;}
	.navbar-nav > li > a {    line-height: 1;}
	.navbar-nav  ul li a {    font-size:20px;}
	.navbar-collapse {padding:50px 0;margin-bottom:60px;}
	.content-panel {padding-top:50px;padding-bottom:35px;}
	.banner h1 {font-size:120px;}
	.nav-title {position: absolute;right:100px;top:30px;display: block;color: #009FE3;font-family: 'Bebas Neue';font-weight:bold;font-size:23px;}
	.nav-title span{font-weight:300;margin-left:10px}
	.casestudy-panel {padding:70px 0;}
	.work-panel {min-height:350px;background-size:100%;-webkit-transition: background-size .5s linear;       -o-transition: background-size .5s linear;          transition: background-size .5s linear;background-position: center center}
	.work-panel:hover {background-size:105%;}
	.work-panel .mask{padding:30px 45px;opacity:0}
	.work-panel .mask .caption {bottom:30px}
	.contact-details {padding-bottom:60px}
	.map,.map iframe {width:100%;height:400px;}
  .home-panels div {margin-bottom:0;}
  .home-panels a div {opacity:0}
  .home-panels a div.home-panel-arrow {opacity:0.5;transform:rotate(-90deg);transition: all .25s ease-in-out;   -moz-transition: all .25s ease-in-out;   -webkit-transition: all .25s ease-in-out;}
	.text-sm-right {text-align:right}
	.text-sm-left {text-align:left}
	.text-sm-right img,.text-sm-left img {display: inline;}	
	.home-video {margin-top:-88px}
	.about-dark ul {font-size:23px;}
	.heading {padding:60px 0;font-size:120px;line-height:100px;letter-spacing: -3px;text-align:left}
	.home-video.services {background-position: right top;background-size:50%;padding-bottom:0;background-repeat: no-repeat}
	.services-nav {text-align: left;}
	.services-nav a {display: inline-block;}
	.services-nav a.visible {display: inline-block;margin:0 0 0 30px;}
	.services-nav span {cursor: default}
	footer {padding-top:0px}
	footer p {font-size:16px;}
	footer h3 {font-family: 'Bebas Neue';font-size:36px;margin-bottom:15px}
	footer h4 {font-size:18px}
	footer .strapline {font-size:48px;line-height:1.1;margin-bottom:15px;}
	.container-nav {max-width:750px;margin:0 auto;}
	.dba {display: flex;height:228px;align-items: flex-end;justify-content: flex-end;line-height:1;margin:0;}
	.dba img {padding-left:10px;display:inline;}
				
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	h1 {font-size:40px;}
	h2 {font-size:25px;}
	.container-fluid.narrow {padding-left:60px;padding-right:60px;}
	.navbar-collapse a{font-size:50px;}
	.navbar-nav  ul li a {    font-size:22px;}
	h2.bebas {font-size:80px;line-height:90px;}
	.home-panels {padding-top:30px;}
	.banner h1 {font-size:140px;}
	.banner.casestudy {padding:90px 0 50px 0}
	.nav-title {right:110px;}
	.casestudy-panel {padding:100px 0;}
	.work-panel {min-height:450px;}
	.work-panel .mask{padding:30px 60px;}
	.our-view {column-count: 2;	column-gap: 30px}
	.contact-details {padding-bottom:100px}
	.map,.map iframe {width:100%;height:500px;}
	.about h1,.about p.large,.h1 {font-size:100px;line-height:90px;}
	.about-dark ul {font-size:25px;}
	.heading {padding:80px 0}
	footer h3 {font-family: 'Bebas Neue';font-size:42px}
	footer h4 {font-size:20px}
	footer .strapline {font-size:56px;}
	.container-nav {max-width:970px;}
	.dba {height:199px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	h1 {font-size:48px;margin-bottom:40px;}
	h2 {font-size:27px;}
	.container-fluid.narrow {padding-left:75px;padding-right:75px;}
	h1.small {font-size:32px}
	.content-panel {padding-top:60px;padding-bottom:45px;}
	.navbar-collapse a{font-size:60px;}
	.navbar-nav  ul li a {    font-size:24px;}	
	.banner h1 {font-size:160px;}
	.banner.casestudy {padding:120px 0 80px 0}
	.nav-title {right:125px;}
	.casestudy-panel {padding:120px 0;}
	.navbar-collapse.in .nav > li {height:100px;}
	.work-panel {min-height:550px;}
	.work-panel .mask{padding:30px 75px;}
	.map,.map iframe {width:100%;height:600px;}
	.about-dark ul {font-size:27px;}
	.heading {padding:100px 0}
	footer h3 {font-family: 'Bebas Neue';font-size:48px}
	footer h4 {font-size:22px}
	footer .strapline {font-size:64px;}
	.container-nav {max-width:1170px;}
}

@media (min-width: 1500px) {
	.container-fluid.narrow {padding-left:115px;padding-right:115px;}
	.content-panel.intro {padding-top:80px;padding-bottom:65px;}	
	.navbar-collapse a{font-size:80px;}
	.navbar-nav  ul li a {    font-size:27px;}
	/*.container {    width: 1470px;  }*/
	.banner h1 {font-size:180px;}
	.banner.casestudy {padding:140px 0 100px 0}
	.nav-title {right:165px;}
	.work-panel .mask{padding:30px 115px;}
	.heading {padding:120px 0}
}