.hide{ display: none !important;}
.show{ display: block !important;}
.mobile-lab-filter ul{display:none;}
/*FONTS*/
.cta, 
.lab .left .archive li a, 
.more, 
.less,
.input { font-family: 'Yanone Kaffeesatz', sans-serif !important; }

 a, 
 a:hover { color:#B1B3B4; text-decoration:none; }

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url('/boxsizing.htc');
}

 .filter_select { color:#D6D6D6 !important; border-bottom:solid 2px #D6D6D6 !important; }

ul { margin-left: 15px; }
ul li { list-style-image:url(/images/list-image.png);}

a.disabled {
    opacity: .6;
    pointer-events: none;
    cursor: default;
}

/*COLOURS*/
.indigo, 
.indigo a, 
.indigo h1, .indigo h2, .indigo h3     { color:#263693; }
.yellow, 
.yellow a, 
.yellow h1, .yellow h2, .yellow h3     { color:#D0C541; }
.purple,
.purple a, 
.cta.purple, 
.purple h1, .purple h2, .purple h3 { color:#6C4988; }
.blue, 
.blue a, 
.blue h1, .blue h2, .blue h3       { color:#35A8AC; }
.green, 
.green a, 
.green h1, .green h2, .green h3       { color:#77B696; }
.orange, 
.orange a, 
.orange h1, .orange h2, .orange h3     { color:#F5A757; }

.indigo #breadcrumb .crumb-trigger { background-color:#263693; }
.yellow #breadcrumb .crumb-trigger { background-color:#D0C541; }
.purple #breadcrumb .crumb-trigger { background-color:#6C4988; }
.blue #breadcrumb .crumb-trigger   { background-color:#35A8AC; }
.orange #breadcrumb .crumb-trigger { background-color:#F18F2C; }
.g-recaptcha div{max-width:100%;}


.yellow li.selected a:after { border-bottom-color:#D0C541; }
.indigo li.selected a:after { border-bottom-color:#263693; }
.purple li.selected a:after { border-bottom-color:#6C4988; }
.blue   li.selected a:after { border-bottom-color:#35A8AC; }
.orange li.selected a:after { border-bottom-color:#F5A757; }

.indigo ::selection { background-color:#263693;color:#fff; }
.yellow ::selection { background-color:#D0C541;color:#fff; }
.purple ::selection { background-color:#6C4988;color:#fff; }
.blue ::selection   { background-color:#35A8AC;color:#fff; }
.orange ::selection { background-color:#F18F2C;color:#fff; }

.form-error{color:#cc0000}

/*CSS TRANSITIONS*/
.left .archive ul,
.back-to-top,
.breadcrumb ul li a,
.cta, .cta *,
.more,.more:after , .less,.less:after,
.home-slider *, .message .outer, /*#nav,*/.enq-trig ,.enq-trig span ,
.text-section.lab a .bubble,
nav ul li a,
.what-we-do .service,
.what-we-do .service *,
.method-nav li a,
.method-nav li a *,
.method-nav li a .icon:after,
.timeline-item .icon,

/*.lab a*/ { transition: .2s all !important; -o-transition: .2s all !important; -moz-transition: .2s all !important; transition: .2s all !important; }

.five-bnr { position:fixed; top: 0; right: 120px; z-index: 100000; } 


@media only screen and (max-width: 1520px) {
    .five-bnr { top:auto; bottom:0; right: auto; left:0; width:  100px; height: 100px; }
}

.parent-name{display:none;}

/*CSS LETTER SPACING*/
.categories li a,
.lab-item .text,
.input, 
.checkboxes label,
.calls-to-action a,
.lab-item .heading { letter-spacing:1px; }
 a:hover { color:#B1B3B4; text-decoration:none; }

/*HEADER*/
header                     { background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 85px; }
.mobile-home header        { display: table; width: 100%; background-position: center center; }
.mobile-home header .outer { display: table-cell; vertical-align: middle; width: 100%; padding:20px 0; }

.blue .coloured-outer,nav.blue     { background:#71B9BC; background:rgb(113,185,188);}
.green .coloured-outer,nav.green   { background:#77B696; background:rgb(119,182,150); }
.purple .coloured-outer,nav.purple { background:#6C4988; background:rgb(108,73,136); }
.indigo .coloured-outer,nav.indigo { background:#263693; background:rgb(38, 54, 147); }
.orange .coloured-outer,nav.orange { background:#F5A757; background:rgb(245,167,87);        }
.yellow .coloured-outer,nav.yellow { background:#D0C541; background:rgb(208, 197, 65);          }
.indigo .coloured-outer,nav.indigo { background:#263693; background: rgba(38, 54, 147, 0.95);   }

header.blue .coloured-outer,   .blue header   .coloured-outer { background: #71B9BC; background: rgba(113,185,188,0.85);   }
header.green .coloured-outer,  .green header  .coloured-outer { background: #77B696; background: rgba(119, 182, 150, 0.85);    }
header.purple .coloured-outer, .purple header .coloured-outer { background: #6C4988; background: rgba(108,73,136,0.85);    }
header.indigo .coloured-outer, .indigo header .coloured-outer { background: #263693; background: rgba(38, 54, 147, 0.85);  }
header.orange .coloured-outer, .orange header .coloured-outer { background: #F5A757; background: rgba(245,167,87,0.85);    }
header.yellow .coloured-outer, .yellow header .coloured-outer { background: #D0C541; background: rgba(208, 197, 65, 0.85); }
header.indigo .coloured-outer, .indigo header .coloured-outer { background: #263693; background: rgba(38, 54, 147, 0.85);  }

.text-section.blue .coloured-outer   { background:#71B9BC; background:rgb(113,185,188);}
.text-section.green .coloured-outer  { background:#D0C541; background:rgb(208,197,65); }
.text-section.purple .coloured-outer { background:#6C4988; background:rgb(108,73,136); }
.text-section.indigo .coloured-outer { background:#263693; background:rgb(38, 54, 147); }
.text-section.orange .coloured-outer { background:#F5A757; background:rgb(245,167,87);        }
.text-section.yellow .coloured-outer { background:#D0C541; background:rgb(208, 197, 65);          }
.text-section.indigo .coloured-outer { background:#263693; background: rgba(38, 54, 147, 0.95);   }
.text-section.white-sec .coloured-outer { background:#2E2C2F !important;  }

.text-section.white-sec .coloured-outer *   { color: #fff; }
.text-section.orange-text h3 a, 
.text-section.orange-text p a               { color: #F18F2C !important; }
.text-section.orange-text a:hover           { color: #B1B3B4 !important; }
.text-section.white-sec .six::after, 
.text-section.white-sec .six::before        { border-bottom: 20px solid #2E2C2F !important; -moz-transition: .5s all ease-in; -o-transition: .5s all ease-in; transition: .5s all ease-in; transition: .5s all ease-in; }
.text-section.white-sec .six:hover::before  { width: 70%; }
.text-section.white-sec .six:hover::after   { width: 35%; }

.move-below-h3 { margin-top: 50px; }

.home-head.blue .coloured-outer,   .blue     header.home-head .coloured-outer { background: #263693 !important; background: rgba(38, 54, 147, 0.85) !important;   }
.home-head.green .coloured-outer,  .green    header.home-head .coloured-outer { background: #263693 !important; background: rgba(38, 54, 147, 0.85) !important;   }
.home-head.purple .coloured-outer, .purple   header.home-head .coloured-outer { background: #263693 !important; background: rgba(38, 54, 147, 0.85) !important;   }
.home-head.indigo .coloured-outer, .indigo   header.home-head .coloured-outer { background: #263693 !important; background: rgba(38, 54, 147, 0.85) !important;   }
.home-head.orange .coloured-outer, .orange   header.home-head .coloured-outer { background: #263693 !important; background: rgba(38, 54, 147, 0.85) !important;   }
.home-head.yellow .coloured-outer, .yellow   header.home-head .coloured-outer { background: #263693 !important; background: rgba(38, 54, 147, 0.85) !important;   }
.home-head.indigo .coloured-outer, .indigo   header.home-head .coloured-outer { background: #263693 !important; background: rgba(38, 54, 147, 0.85) !important;   }

.js-logo   { position:relative; width: 240px !important; height: 51px;margin-top:-2px; }
.js-logo a { height:100%; width: 100%; display:block; background-image: url(/images/IDW-logo.png); background-image: url(/images/logo.svg), none; background-repeat: no-repeat; background-position: top center; z-index: 99; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: cover; }

/*SVG Logo Fallback w/modernizr*/
.no-svg .js-logo a { background-image: url(/images/IDW-logo.png) !important; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-size: contain; }


header.white,.white .outer,nav.white {background:#fff; }
 
/*TAGLINE - MESSAGE*/
.message h1, 
.message h3        { text-align: center; font-size:4em;color:#fff;font-weight:normal; text-transform: uppercase;line-height: 1.2em; letter-spacing:3px;}
.message h3        { font-size: 3em; }
.message h2,
.message h2 strong { text-align: center; font-size:1.25em; color:#fff;font-weight:normal; text-transform:uppercase; padding-left: 26px;padding-right: 26px;}
.message .outer    { padding-top: 130px; padding-bottom: 80px;	}
.message h2 span   { height:2px; width:12%; background:#fff; background:rgba(255,255,255,0.5); display:inline-block; line-height: 28.048px; position: relative; top:-8px; }
.message h2 a:hover strong { color:#B0B0B0;    }

.double-chevron                    { display:block;text-align: center; }
.double-chevron a.inner            { background-color: #fff; display: inline-block; width: 24px;height:24px;border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px; line-height: 24px;}
.double-chevron a:hover.inner      {background-color:#58585A;}
.double-chevron a.inner span       { font-size: 20px; display:inline-block; height: 20px;width:20px; padding-top:3px;}
.double-chevron a:hover.inner span {color:#fff;}

.hr60 {	color:#fff;	color:rgba(255,255,255,0.5); background:#fff; background:rgba(255,255,255,0.5);	border:none; height:2px; padding: 0; margin: 0;	margin: 0 auto;	width:60%; }

.message .hr60       { margin-bottom: 10px; }
.text-message .outer { padding:40px 0; }


/*NAVIGATION*/
nav { padding-top: 20px; padding-bottom: 1px; background-color: #2E2C2F; display: none; position: fixed; top: 0; width: 100%; z-index: 10000; -moz-transition: none !important; -o-transition: none !important; transition: none !important; transition: none !important; }

.visible { display:block; }

nav ul       { float:right; }
nav ul li    { float: left; height:auto; list-style-image:none;}
nav ul li a  { color: #fff !important; text-transform: uppercase; font-size: 20px; line-height: 1em; text-decoration: none; display: inline-block; padding: 10px; position: relative; overflow: hidden; letter-spacing: 1px; font-smoothing: antialiased !important; border-bottom: 2px solid transparent; } 

nav ul li:hover > a     { display:block; }
nav ul li:hover ul      { display:block; }
nav ul li ul            { float:none; position:absolute; margin:0; border:none; display:none; }
nav ul li ul li         { margin: 0 !important; width: 100%;  border:none;}
nav ul li ul li a       { background-color:#2E2C2F; margin: 0; width: 100%; display:block; border:none !important;}
nav ul li ul li a:hover { background-color:#58585A; margin: 0; width: 100%; display:block; border:none !important;}

.enq-trig            { position: fixed; top: 100px; right: 10px; height: 73px; width: 73px; border: 2px solid #58585A; background-color: #fff; z-index: 9999999999999; padding: 10px 12px; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; border-radius: 50%; text-transform:uppercase; color:#5D5C5D !important; *display:none !important; }
.enq-trig span       { position: absolute; left: 50%; top: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); transform: translateX(-50%); }
.enq-trig:hover      { border-color: #fff; background-color: #58585A; color: #fff !important; }
.enq-trig.open span  { font-size: 28px; }
.enq-trig:hover span { color: #fff; }
.enq-con             { position: fixed; background-color: #fff; width: 100%; z-index: 99999; height: auto; overflow: hidden; top:-1000px; -moz-transition: none !important; -o-transition: none !important; transition: none !important; transition: none !important; display:none; }

.text-nav { background-color:#2F2B30; }

.menu-padding {padding-top:40px;}

.sticky {  position: fixed !important; margin: 0 auto; width: 100%; z-index: 10000; background-color: rgba(0,0,0,0.85) !important;-moz-transition: .3s all;-o-transition: .3s all;transition: .3s all;transition: .3s all;}

body:not(.mobile-home) .sticky { display:block; top:0 !important; }

nav ul li:hover > a, nav ul li a:hover, nav ul li.selected a { border-bottom: 2px solid #fff;}


/*HOME SLIDER*/
.nav-spacer.menu-padding { height: 85px !important; width:100%; padding:0; }
.nav-spacer              { background-color:#D6CC5C !important; }

.home-slider, .home-slider .container img { transition: .2s all ease-out; -o-transition: .2s all ease-out; -moz-transition: .2s all ease-out; transition: .2s all ease-out;  }
.home-slider .container img               { transition: 1s all ease-out; -o-transition: 1s all ease-out; -moz-transition: 1s all ease-out; transition: 1s all ease-out; }
.home-slider .container                   { padding-bottom: 40px;padding-top: 60px;}
.home-slider .container h3                { text-align: center; font-size:3.647em;line-height: 1.049em;color:#fff; text-transform: uppercase;padding-top:110px;}
.home-slider .container h4                { text-align: center; font-size:2.45em;line-height: 1.2em;color:#fff; text-transform: uppercase;}
.home-slider .outer                       { position:relative; overflow:hidden; background-image:url('/images/IDW-worldmap.png'); background-repeat: no-repeat;background-position: center top; }

/*CSS TRANSITIONS FOR SLIDER CONTENT*/
.tagline { -moz-transform: translate(400px); -ms-transform: translate(400px); -o-transform: translate(400px); transform: translate(400px); transform: translate(400px); }
.image   { -moz-transform: translate(-400px); -ms-transform: translate(-400px); -o-transform: translate(-400px); transform: translate(-400px); transform: translate(-400px); } 

.active .tagline.slide-left { -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); transform: translate(0px); -moz-transition: 1s all !important; -o-transition: 1s all !important; transition: 1s all !important; transition: 1s all !important; }
.active .image.slide-right  { -moz-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); transform: translate(0px); -moz-transition: 1s all !important; -o-transition: 1s all !important; transition: 1s all !important; transition: 1s all !important; }

/*SLIDER CONTENT*/
.slider-items                  { text-align: center;background-color:#fff;padding-top:40px;padding-bottom: 40px;}
.slider-items a.thumb          { text-decoration: none; cursor: pointer;}
.slider-items a.thumb strong   { color:#707173;text-transform: uppercase;font-size: 1.529em;line-height: 1.2em;padding-top: 10px;font-weight: 400;display:block;text-decoration: none;}
.slider-items .icon-outer span { font-size:32px; line-height: 68px; color:#fff;}
.slider-items .icon-outer      { height:68px; width:68px; display: inline-block;border-radius: 68px;-moz-border-radius: 68px;border-radius: 68px;}
.slider-items a.thumb          { padding:20px;display:inline-block; }

.slider-items div .icon-outer,
.slider-items div:hover .icon-outer,
.slider-items div strong,
.slider-items div:hover strong { transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; }

.slider-items         a.thumb:hover strong,            .slider-items  div.thumb.selected strong       { color:#000; }
.slider-items .green  a.thumb:hover .icon-outer,.slider-items .green  div.thumb.selected .icon-outer  { background:#D0C541;background:rgba(208,197,65,1);  }
.slider-items .blue   a.thumb:hover .icon-outer,.slider-items .blue   div.thumb.selected .icon-outer  { background:#35A8AC;background:rgba(53,168,172,1);  }
.slider-items .purple a.thumb:hover .icon-outer,.slider-items .purple div.thumb.selected .icon-outer  { background:#6C4988;background:rgba(108,73,136,1);  }
.slider-items .orange a.thumb:hover .icon-outer,.slider-items .orange div.thumb.selected .icon-outer  { background:#F18F2C;background:rgba(241,143,47,1);  }
.slider-items .indigo a.thumb:hover .icon-outer,.slider-items .indigo div.thumb.selected .icon-outer  { background:#263693;background:rgba(38, 54, 147,1); }

.slider-items .indigo a.thumb .icon-outer { background:#263693;background:rgba(38, 54, 147, 0.70); }
.slider-items .purple a.thumb .icon-outer { background:#6C4988;background:rgba(108,73,136,0.7); }
.slider-items .green  a.thumb .icon-outer { background:#D0C541;background:rgba(208,197,65,0.7); }
.slider-items .blue   a.thumb .icon-outer { background:#35A8AC;background:rgba(53,168,172,0.7); }
.slider-items .orange a.thumb .icon-outer { background:#F18F2C;background:rgba(241,143,47,0.7);}


.pi-revolution-slider li.green   { background-color:#D0C541 !important; background-image: url(/images/IDW-worldmap.png) !important; background-repeat: no-repeat; background-position: center; }
.pi-revolution-slider li.blue    { background-color:#35A8AC !important; background-image: url(/images/IDW-worldmap.png) !important; background-repeat: no-repeat; background-position: center; }
.pi-revolution-slider li.purple  { background-color:#6C4988 !important; background-image: url(/images/IDW-worldmap.png) !important; background-repeat: no-repeat; background-position: center; }
.pi-revolution-slider li.orange  { background-color:#F18F2C !important; background-image: url(/images/IDW-worldmap.png) !important; background-repeat: no-repeat; background-position: center; }
.pi-revolution-slider li.indigo  { background-color:#263693 !important; background-image: url(/images/IDW-worldmap.png) !important; background-repeat: no-repeat; background-position: center; }

/*TEXT SECTIONS*/
.text-section               { position:relative; }
.text-section .container    { padding-top: 40px;padding-bottom: 40px; color:#fff; }
.text-section h2            { text-transform: uppercase; color:#fff;font-size: 2.352em; line-height: 1em;}
.text-section p
,.text-section p.large      { font-size: 1.176em; line-height: 1.1em;font-weight: 200; color:#fff;}
.text-section p.large       { font-size: 1.411em; line-height: 1.25em;font-weight: 400;}

.text-section .six, 
.text-page .right .text-right-img .right-image-box         { position: relative; width:auto; }
.text-page .right .text-right-img .right-image-box img,    
.text-section .six img                    { vertical-align: middle; display:block; }
.text-page .right .text-right-img .right-image-box:after, 
.text-page .right .text-right-img .right-image-box:before, 
.text-section .six:after, 
.text-section .six:before                 { content: ''; height: 0; width: 15%; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; bottom: 0; left: 0; position: absolute; border-bottom: 20px solid #fff; border-right: 20px solid transparent; z-index: 9; }

.text-page .right .text-right-img .right-image-box:after, 
.text-page .right .text-right-img .right-image-box:before { bottom: 0; }

.text-page .right .text-right-img .right-image-box:first-child:after, 
.text-page .right .text-right-img .right-image-box:first-child:before { bottom: auto; top:0; border-bottom: 0px solid transparent; border-top: 20px solid #fff; }

.text-page .right .text-right-img .right-image-box:last-child:after, 
.text-page .right .text-right-img .right-image-box:last-child:before { top: auto; bottom:0; border-top: 0px solid transparent; border-bottom: 20px solid #fff; }

.text-page .right .text-right-img .right-image-box:after, 
.text-page .right .text-right-img .right-image-box:before  { border-bottom: 20px solid #fff; }

.text-page .right .text-right-img .right-image-box,        
.text-section .six                        { overflow: hidden; }
.text-page .right .text-right-img .right-image-box:after,   
.text-section .six:after                  { left: auto; right: -20px; width: 90%; border-right: 0; border-left: 20px solid transparent; }

.white.text-section p,.white.text-section h2 { color:#58585A; }
#buckets.text-section
{
    top: 40px;
    margin-bottom: 50px;
}

.what-we-do .bucket            { display:inline-block !important; height: 180px;}
.what-we-do .what-row          { display:block !important; height: 180px;}

.bucket a.inner                { position:relative;display:block; text-decoration:none;}
.bucket a.inner img            { position:relative;margin-left:60px; border-radius: 70px;-moz-border-radius: 70px;border-radius: 70px; transform:rotate(0deg); }
.bucket a.inner .text          { text-decoration: none;display:block; margin-top:40px; letter-spacing: 1px;}
.bucket a.inner .bubble        { display:table; height:130px;width:130px; border-radius: 70px;-moz-border-radius: 70px;border-radius: 70px; text-align: center; position:absolute;z-index: 100;top:26px;left:0px; transform:rotate(0deg); }
.bucket a.inner .bubble span   { display: table-cell; vertical-align: middle; font-size: 26px;line-height: 28px;color:#fff;text-transform: uppercase;height:130px;width:130px;}
.bucket a.inner .bubble.green  { background:#D0C541;background:rgba(208,197,65,0.7); }
.bucket a.inner .bubble.blue   { background:#35A8AC;background:rgba(53,168,172,0.7); }
.bucket a.inner .bubble.purple { background:#6C4988;background:rgba(108,73,136,0.7); }
.bucket a.inner .bubble.orange { background:#F18F2C;background:rgba(241,143,47,0.7); }

.bucket a, .bucket a * { transition: .2s all ease-out; -o-transition: .2s all ease-out; -moz-transition: .2s all ease-out; transition: .2s all ease-out; }
.bucket a:hover img { margin-left: 0; }
.bucket a:hover .bubble { margin-left: 60px; }


.bubble.indigo { background:#263693;background:rgba(38, 54, 147, 1); }
.bubble.green  { background:#D0C541;background:rgba(208,197,65,1); }
.bubble.blue   { background:#35A8AC;background:rgba(53,168,172,1); }
.bubble.purple { background:#6C4988;background:rgba(108,73,136,1); }
.bubble.orange { background:#F18F2C;background:rgba(241,143,47,1); }
.bubble.yellow { background:#D0C541;background:rgba(208, 197, 65, 1); }

.text-section.orange:before,
.text-section.blue:before,
.text-section.blue:after,
.tp-banner:after,
.text-section.white:before,
.text-section.white-sec:before,
.text-section.white-sec:after,
.text-section.purple:before,
.text-section.orange:after,
.text-section.green:before,
.text-section.green:after   { content: ""; background-color:#fff; height:30px; width:30px; color:red; position:absolute; display:inline-block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); left:28%; margin-left:-15px; }
.text-section.orange:before,
.text-section.blue:before,
.text-section.green:before,
.text-section.white-sec:before,
.text-section.white:before,
.text-section.purple:before { top:-15px; }
.text-section.orange:after,
.text-section.blue:after,
.tp-banner:after,
.text-section.white-sec:after,
.text-section.green:after   { bottom:-15px; }

.text-section.orange.hidden:before, .text-section.orange.hideOniPad:before, .text-section.orange.hideOniPad:after{ display: none !important; }

/* HOME QUOTE */
.home-quote            { background-image:none; display:table;  background-size: cover; background-position: bottom left; background-repeat:repeat; width: 100%; }
.home-quote .outer     { background:#D0C541;background:rgba(208,197,65,0.85); height:100%; display:table-cell; vertical-align:middle; width:100%; }
.home-quote .xlarge    { font-size:3.764em; line-height: 1.062em; }
.home-quote .stache    { background-image:url('/images/IDW-moustache.png');  background-repeat: no-repeat;  background-position: -20px 40px;  display:inline-block;  height:auto;  width:530px;  padding:38px 0px 65px 120px;  margin-left: 140px;  } 
.home-quote .container { padding-bottom: 44px; }

/* HOME LAB */
.text-section.lab h3              { font-size:3.764em; text-transform: uppercase; padding-top:22px; }
.text-section.lab .bubble         { display:table; height:90px;width:90px; border-radius: 70px;-moz-border-radius: 70px;border-radius: 70px; text-align: center; }
.text-section.lab .bubble span    { display: table-cell; vertical-align: middle; font-size: 40px;line-height: 40px;color:#fff;text-transform: uppercase;height:90px;width:90px;}
.text-section.lab .bubble.green   { background:#D0C541;background:rgba(208,197,65,1); }
.text-section.lab .bubble.blue    { background:#35A8AC;background:rgba(53,168,172,1); }
.text-section.lab .bubble.purple  { background:#6C4988;background:rgba(108,73,136,1); }
.text-section.lab .bubble.orange  { background:#F18F2C;background:rgba(241,143,47,1); }
.text-section.lab a:hover .bubble { background-color:#58585A; }



/* HOME FEATURED */

.text-section.home-featured .project {display:block; float:left; position: relative; overflow: hidden; margin: 5px; width: 204px; text-decoration: none; height:200px;}
.no-initial-hide .project            { display:inline-block !important; }
.showing                             { display: inline-block !important; -moz-animation: blink .5s linear; -o-animation: blink .5s linear; -webkit-animation: blink .5s linear; animation: blink .5s linear; }

@-moz-keyframes blink { 
    from { -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
    to { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}

@-ms-keyframes blink { 
    from { -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
    to {     -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes blink { 
    from { -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
    to { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes blink { 
    from { -moz-transform: scale(0) !important; -ms-transform: scale(0) !important; -o-transform: scale(0) !important; -webkit-transform: scale(0) !important; transform: scale(0) !important; }
    to { -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; }
}


.text-section.home-featured .project div.img         { position: relative; z-index: 5; overflow: hidden; width: 201px; height: 200px; }
.text-section.home-featured .project.wide div.img     { height: 218px; }
.text-section.home-featured .project img             { display: block; height: 100%; transition: all ease .3s; -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transform: scale(1.0);max-width: 416px; }
.text-section.home-featured .project strong          { display: block; padding: 10px 10px 0px 15px; color: #fff; text-decoration: none; font-weight: normal; font-size: 1.117em; -moz-opacity: 0; opacity: 0; -moz-transform: translate(0,15px); -ms-transform: translate(0,15px); -o-transform: translate(0,15px); -webkit-transform: translate(0,15px); -moz-transition: .2s all; -o-transition: .2s all; -webkit-transition: .2s all; transition: .2s all; -moz-transition-delay: 0.1s, 0.1s; -o-transition-delay: 0.1s, 0.1s; -webkit-transition-delay: 0.1s, 0.1s; transition-delay: 0.1s, 0.1s; transform: translate(0,15px); }
.text-section.home-featured .project span            { display: block; padding: 0px 10px 10px 15px; color: #fff; text-decoration: none; font-weight: 200; font-size: 0.788em; -moz-opacity: 0; opacity: 0; -moz-transform: translate(0,15px); -ms-transform: translate(0,15px); -o-transform: translate(0,15px); -webkit-transform: translate(0,15px); -moz-transition: .2s all; -o-transition: .2s all; -webkit-transition: .2s all; transition: .2s all; -moz-transition-delay: 0.2s, 0.2s; -o-transition-delay: 0.2s, 0.2s; -webkit-transition-delay: 0.2s, 0.2s; transition-delay: 0.2s, 0.2s; transform: translate(0,15px); }
.text-section.home-featured .project .text .inner    { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.text-section.home-featured .project:hover img       { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transition: .2s all; -o-transition: .2s all; -webkit-transition: .2s all; -webkit-transition: .2s all; transition: .2s all; transition: .2s all; transform: scale(1.3); }
.text-section.home-featured .project:hover strong,   
.text-section.home-featured .project:hover span      { -moz-opacity: 1 !important; opacity: 1 !important; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); }
.text-section.home-featured .project div.text        { position: relative; display: block; overflow: visible; text-align: left; -moz-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s; }
.text-section.home-featured .project div.text:before { position: absolute; top: 0px; left: 15px; z-index: 63; margin-top: -30px; width: 0px; height: 0; border: 15px solid transparent !important; border-bottom: 15px solid rgba(0,0,0,.8) !important; background-color: transparent; content: ''; -moz-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s; }

.our-work-container .our-work .project.open div.text, 
.text-section.home-featured .project:hover div.text  { -moz-opacity: 1; opacity: 1; -moz-transition: .2s all !important; -o-transition: .2s all !important; -webkit-transition: .2s all !important; transition: .2s all !important; }

.text-section.home-featured .project:hover div.text:before  { border-bottom: 15px solid rgba(0,0,0,.8) !important; }
.text-section.home-featured h3                              { margin-bottom: 0px; color: #fff; text-transform: uppercase; font-size: 1.529em; }
.text-section.home-featured a.portfolio                     { color: #fff; text-decoration: none; font-weight: 200; font-size: 1.176em; }
.text-section.home-featured a.portfolio:hover               { color: #D1D1D1; }
.text-section.home-featured .project.wide div.img, 
.text-section.home-featured .project.wide                   { width: 416px; }

.hvr                 { position: relative; z-index: 5; display: block; overflow: hidden; }
.hvr img             { display: block; width: 100%; height: 100%; transition: all ease .3s; -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transform: scale(1.0); }
.hvr strong          { display: block; padding: 10px 10px 0px 15px; color: #fff; text-decoration: none; font-weight: normal; font-size: 1.117em; -moz-opacity: 0; opacity: 0; -moz-transform: translate(0,15px); -ms-transform: translate(0,15px); -o-transform: translate(0,15px); -webkit-transform: translate(0,15px); -moz-transition: .2s all; -o-transition: .2s all; -webkit-transition: .2s all; transition: .2s all; -moz-transition-delay: 0.1s, 0.1s; -o-transition-delay: 0.1s, 0.1s; -webkit-transition-delay: 0.1s, 0.1s; transition-delay: 0.1s, 0.1s; transform: translate(0,15px); }
.hvr span            { padding: 10px; background-color: #fff; }
.hvr .text .inner    { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hvr:hover strong    { -moz-opacity: 1 !important; opacity: 1 !important; -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); }
.hvr div.text        { position: absolute; top: 0; display: block; overflow: visible; width: 100%; height: 100%; text-align: center !important; text-align: left; -moz-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s; }
.hvr:hover div.text  { background-color: #263693; background-color: rgba(38, 54, 147, 0.80); }
.hvr div.text:before { position: absolute; top: 0px; left: 15px; z-index: 63; margin-top: -30px; width: 0px; height: 0; border: 15px solid transparent !important; border-bottom: 15px solid rgba(0,0,0,.8) !important; background-color: transparent; content: ''; -moz-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s; }
.hvr span:hover      { background-color: #58585A; color: #fff; }



.our-work-section                                            { overflow: hidden; text-align: center ; }
.our-work-container .our-work .project div.text              { position: absolute; bottom: 0; z-index: 10; width: 100%; height: 100%; background-color: #000 !important; -moz-opacity: 0; opacity: 0; -moz-transition: .2s all; -o-transition: .2s all; -webkit-transition: .2s all; transition: .2s all; -moz-transition-delay: 0,.2s; -o-transition-delay: 0,.2s; -webkit-transition-delay: 0,.2s; transition-delay: 0,.2s; }
.our-work-container .our-work .project div.text:before       { z-index: 50; border-bottom: 15px solid rgba(0,0,0,.8) !important; }
.our-work-container .our-work .project:hover div.text,       
.our-work-container .our-work .project.open div.text         { margin-top: -62px; background-color: rgba(0, 0, 0, 0.8) !important; }
.our-work-container .our-work .project.open div.text         { background-color: rgba(0, 0, 0, 0.8) !important; }
.our-work-container .our-work .project:hover div.text:before { z-index: 50; border-bottom: 15px solid rgba(0, 0, 0, 0.8) !important; }
.our-work-container .our-work .project.open div.text:before  { z-index: 50; border-bottom: 15px solid rgba(0, 0, 0, 0.8) !important; }
.our-work                                                    { margin: 0 auto; width: 100%; text-align: center;  }
.filter-section{max-width:857px}
.project .hidden                { display: inline-block; height: 0; }
.project.open                   { overflow: visible !important; }
.project.open .text             { position: relative !important; margin-top: -62px; width: 446px; height: 290px !important; -moz-transition: .3s height; -o-transition: .3s height; -webkit-transition: .3s height; transition: .3s height; }
.project.open .text .hidden p a { float: right; color: #fff; text-align: right; text-decoration: none; text-transform: uppercase; font-weight: 400; }
.project.open .text .hidden     { position: relative !important; padding: 0 15px 20px 15px !important; }
.project.open .text .hidden *   { display: none; }
.project.right-box .text        { left: -228px !important; }
.project.right-box .text:before { right: 20px !important; left: auto !important; }
.project .text .hidden          { height: 0; font-size: 14px; }
.project .text .hidden h2       { font-size: 1.4em; }

/* FOOTER */
.footer.black, .footer.black .outer { background-color:#2E2C2F !important; }

.text-section.footer img            { float:left; margin-right: 20px; position:relative; bottom: -5px; }
.text-section.footer a.social       { font-size: 1.882em; color:#949599; text-decoration: none; display:inline-block; text-align:center; width: 40px}
.text-section.footer a:hover.social { color:#000; }
.social-container                   { width: 100%; border-bottom: 1px dotted #D1D1D1; padding-bottom:10px; }
.social-container .umbraco-partner   {display:inline-block;float: right;}
.social-container .umbraco-partner img{height: 40px; bottom: 0;}
.text-section.footer .container     { padding-top: 30px; }
.footer-info p, .footer-info p a    { font-size : 9px; line-height: 1.77em; color:#B1B3B4 !important; font-family: Arial, sans-serif; text-decoration:none !important; text-align:right; }
.footer-info                        { padding-top: 20px; }
.footer-info p a:hover              { color:#58585A !important; }


/* BREADCRUMB */
.breadcrumb                  { min-height: 39px; }
.breadcrumb ul li            { display:inline-block;list-style-image:none; *float:left; }
.breadcrumb ul li a          { color:#fff; font-size: 1em; line-height: 1.2em; text-transform:uppercase; padding: 8px 10px;  display:block; text-decoration:none; }
.breadcrumb ul li a:hover    { color:#D1D1D1; }
.breadcrumb ul li a.selected { border-bottom: 2px solid #fff !important; }


/* TEXT/NON-HOMEPAGE CONTENT */
.content { padding-top: 20px; padding-bottom: 80px; }


/* OUR WORK */
.back-link-work a.back { position:relative; margin-top:10px; margin-bottom:30px; display:inline-block; bottom: auto; background-color:#263693; color:#fff; padding:10px;float:left; }
.back-link-work a.back:hover { background-color:#808080; color:#fff; }

.website-link a { position:relative; margin-top:10px; margin-bottom:30px; display:inline-block; bottom: auto; background-color:#263693; color:#fff; padding:10px; float:right; }
.website-link a:hover { background-color:#808080; color:#fff; }

.content .home-featured .container { padding-top: 0; }
.content .calls-to-action a { display: block; font-size: 1em; line-height: 1.235em; text-decoration: none; }

.content .content-left  { width: 49%; float:left; }
.content .content-right { width: 39%; float:right; }
.content-right video { max-width: 100%; }

.bc-fixed { position: fixed; top: 105px; z-index: 10000; width: 100%; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; transition: .3s all; }

.home-about{ top: 40px; z-index: 1000; }
.about-text {width: 70%;float: left;margin-top: 30px;}
.home-about .about-text p.large { font-weight: 200; }
.about-image { float: left;width: 30%; }

#featured .our-work{ text-align: left !important; }
.no-pad,.no-pad .outer>.container { padding: 0 !important; }
 
.cta             { font-size: 1em; line-height: 1.235em; padding: 8px 0px; font-weight:bold; letter-spacing:1px; }
.cta:hover       { color:#5D5C5D !important; }
.cta:hover .icon { background-color:#5D5C5D !important; }
.cta .icon       { margin-right: 10px; }

.green .back-link-work a.back,.website-link a { background-color:#77B696; }
.green .back-link-work a:hover.back, .green .website-link a:hover { background-color: #4E9270; }

.green .hvr:hover div.text { background-color: #77B696; background-color: rgba(119,182,150, 0.80); }

.blue .back-link-work a.back, .blue .website-link a { background-color: #71B9BC; }
.blue .back-link-work a:hover.back, .blue .website-link a:hover {
    background-color: #71B9BC;
}
.blue .hvr:hover div.text {
    background-color: #71B9BC;
    background-color: rgba(113,185,188, 0.80);
}

.indigo .back-link-work a.back, .indigo .website-link a {
    background-color: #2D3D95;
}

    .indigo .back-link-work a:hover.back, .indigo .website-link a:hover {
        background-color: #243177;
    }

.indigo .hvr:hover div.text {
    background-color: #2D3D95;
    background-color: rgba(45,61,149, 0.80);
}

.orange .back-link-work a.back, .orange .website-link a {
    background-color: #F5A757;
}

    .orange .back-link-work a:hover.back, .orange .website-link a:hover {
        background-color: #F28F2D;
    }

.orange .hvr:hover div.text {
    background-color: #F5A757;
    background-color: rgba(245,167,87, 0.80);
}
.yellow .back-link-work a.back, .yellow .website-link a {
    background-color: #D0C541;
}

    .yellow .back-link-work a:hover.back, .yellow .website-link a:hover {
        background-color: #B5AA2D;
    }

.yellow .hvr:hover div.text {
    background-color: #D0C541;
    background-color: rgba(208,197,65, 0.80);
}

.purple .back-link-work a.back, .purple .website-link a {
    background-color: #6C4988;
}

    .purple .back-link-work a:hover.back, .purple .website-link a:hover {
        background-color: #54396A;
    }

.purple .hvr:hover div.text {
    background-color: #6C4988;
    background-color: rgba(108,73,136, 0.80);
}

/*THE LAB*/
.lab .left {
    float: left;
    width: 205px;
}
.lab .right { width: 668px; float: right; }

.lab .left .details                  { margin-bottom: 0; padding-bottom: 4px; }
.lab .left .categories p             { margin-bottom: 0; padding-bottom: 0; }
.lab .left .categories a             { text-decoration: none;  }
.lab .left .categories               { list-style-image:none; }
.lab .left .categories li a          { font-size: 17px; line-height: 19px; display: block; text-decoration: none; color: #5E5C5D;}
.lab .left .categories li a:hover    { color: #000;}
.lab .left .categories li a.selected { color: #000;}

.archive                       { width: 185px; }
.left .archive ul              { margin: 0; }
.lab .left .archive li         { display: inline-block; margin-right: 4px; margin-bottom: 6px; text-align: center; width: 41px; } 
.lab .left .archive li a       { font-size: 20px; line-height: 15px; color: #B1B3B4;  font-weight: 400;padding: 5px 0; background-color: #F1F2F2; display: block;  text-decoration: none; text-transform: uppercase; }
.lab .left .archive li a span  { font-size: 0.823em; line-height: 1.142em; color: #B1B3B4; font-weight: 400; display: block; }
.lab .left .archive li a:hover { color: #fff; background-color:#58585A; }

.testimonial { padding-top: 14px; }

.more, 
.less       { font-size: 15px; line-height: 17px; text-align: center; color: #fff; background-color: #F5A757; text-transform: uppercase; text-decoration: none; }
.more:hover, 
.less:hover { background-color: #B1B3B4; cursor: pointer; }

.less { display: none; }

.lab .left .archive li.hidden { display: none; }

.lab-item.hidden { display:none;height: 0; overflow:hidden; }
.lab-item.was-hidden { display:block; height: auto; overflow:hidden; }

.lab-item { display: inline-block; width: 325px; height: auto; margin: 0px 8px 10px 0; margin-bottom: 10px; text-decoration: none; position:relative; vertical-align:top; padding-bottom: 20px; }
.lab-item span, 
.lab-item img { display: block; }

.lab-items { text-align: center; }

.load-triggers .more span,
.load-triggers .less span { width: 180px; display: block; background-color: #F5A757; margin: 7px auto; z-index: 10000; position: relative; color: #fff !important;     }
.navigation .less,
.load-triggers .more { display:block !important; }
.navigation .hidden.more,
.navigation .hidden.less,
.load-triggers .hidden { display:none !important; }
.navigation { padding-bottom: 20px;  width: 185px; }

.load-triggers .more,
.load-triggers .less              { background-color: #fff; margin: 0 auto; border-top: 1px solid #B1B3B4; border-bottom: 1px solid #B1B3B4; width: 100%; } 
.load-triggers .more              { overflow: hidden; position: relative; }
.load-triggers .more:after        { content: ''; width: 100%; height: 0;top: 50%; left: 50%; background: #F5A757; position: absolute; z-index: 1; opacity: 0; transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.load-triggers .more:hover, 
.load-triggers .more:active       { color: #0e83cd; }
.load-triggers .more:hover:after  { height: 1000%; opacity: 1; }
.load-triggers .more:active:after { height: 400%; opacity: 1; }

.load-triggers .less              { overflow: hidden; position: relative; }
.load-triggers .less:after        { content: ''; width: 100%; height: 0;top: 50%; left: 50%; background: #F5A757; position: absolute; z-index: 1; opacity: 0; transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.load-triggers .less:hover, 
.load-triggers .less:active       { color: #0e83cd; }
.load-triggers .less:hover:after  { height: 1000%; opacity: 1; }
.load-triggers .less:active:after { height: 400%; opacity: 1; }

.lab-item span       { text-align:left; }
.lab-item img        { margin-bottom: 10px; }
.date                { font-size: 30px; line-height: 30px; color:#B1B3B4; background-color:#F1F2F2; width: 118px; text-align:center !important; position:absolute; top:0; right: 10px; padding: 10px 0px; text-transform:uppercase; } 
.date span           { display:block; font-size: 25px; line-height: 25px; text-align:center!important; }
.lab-item .heading   { line-height: 28px; font-size: 25px; margin-bottom: 10px; color:#F5A757; }
.indigo .lab-item .heading   { color:#263693; }
.green .lab-item .heading   { color:#77B696; }
.blue .lab-item .heading   { color:#35A8AC; }
.yellow .lab-item .heading   { color:#D0C541; }
.purple .lab-item .heading   { color:#6C4988; }

.lab-item .text      { font-size: 17px; line-height: 22px; color:#58585A; }     
.lab-item .link      { font-size: 17px; line-height: 22px; color:#A9ABAD; text-transform:uppercase; padding-top: 10px; }

a:hover.lab-item .link,a:hover.lab-item .heading { color:#58585A }

.blog-top  { position:relative;  }
.blog-item { padding-bottom: 80px; border-bottom: 1px solid #B1B3B4; margin-bottom: 40px; position:relative; }
.blog-item a:hover { color:#2E2C2F; }

a.back { font-size: 17px; line-height: 21px; color: #B1B3B4; text-transform: uppercase; font-weight: normal; text-decoration:none; position:absolute; bottom:20px; right:0; }


/* DATE EFFECT */

a .date         { position: absolute; display: inline-block; background: #EDEDEE; box-shadow: inset 0 3px #2f4351; transition: background 0.6s; 	-moz-transition: background 0.6s; transition: background 0.6s; transform-origin: 50% 0; -moz-transform-origin: 50% 0; 	transform-origin: 50% 0; 	transform-style: preserve-3d; -moz-transform-style: preserve-3d; 	transform-style: preserve-3d; transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; } 
a .date::before { position: absolute; top: 0; left: 0; 	width: 100%; height: 100%; padding-top: 20px; background: #EDEDEE; color: #58585A; box-sizing: border-box; -moz-box-sizing: border-box; content: attr(data-hover); transform: rotateX(270deg); -moz-transform: rotateX(270deg); transform: rotateX(270deg); transition: transform 0.6s; 	-moz-transition: -moz-transform 0.6s; transition: transform 0.6s; transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none;  }

a:hover .date ,
a:focus .date { background: #B1B3B4 !important; }

a:hover .date::before,
a:focus .date::before{ transform: rotateX(10deg);	 -moz-transform: rotateX(10deg); transform: rotateX(10deg); }



/*TEXT PAGES*/
.text-page        { padding-bottom: 50px !important; display:block; }
.text-page .inner { margin: 0 auto; width: auto; }
.text-page .left  { width: 505px; float:left; }
.text-page .right { width: 384px; float:right; }


/*CONTACT*/
.contact-page .left           { width: 261px; float:left; }
.contact-page .right          { width: 613px; float:right; }
.contact-right                { position:relative; }
.contact-right .bubble        { display:table; height:130px;width:130px; border-radius: 70px;-moz-border-radius: 70px;border-radius: 70px; text-align: center; position:absolute;z-index: 100;transform:rotate(0deg); right: 0; bottom: -27px; left: auto; top: auto; -moz-opacity: .85; opacity: .85; } 
.contact-right .bubble span   { display: table-cell; vertical-align: middle; font-size: 26px;line-height: 28px;color:#fff;text-transform: uppercase;height:130px;width:130px;}
.contact-page .inner          { padding: 0 0 40px 0; display:block; }
.contact-page h1              { font-size: 2.352em; line-height: 1em; color:#58585A !important; text-transform:uppercase; }

.info-section   { margin:0 0 20px 0; }
.info-section p { margin:0; font-size: 1em; line-height: 1em; letter-spacing: 1px; }
.info-section a { text-decoration:none; }

.contact-page .info-section p { margin-bottom: 5px; }

.contact-lower .left      { width: 540px; float:left; }
.contact-lower .right     { width: 309px; float:right; }
.contact-lower .right img { border-radius: 155px; -moz-border-radius: 155px; border-radius: 155px; }
.contact-lower .form      { width: 100%; display:block; }

.send-button { background-color:#D0C541; text-transform:uppercase; font-size: 1.1em; line-height:1em; display:inline-block; color:#fff !important; padding: 8px; text-decoration:none; letter-spacing:1px; font-weight:normal; margin-top: 10px; }

.indigo .send-button { background-color: #263693 !important; }
.yellow .send-button { background-color: #D0C541 !important; }
.green .send-button { background-color: #77B696 !important; }
.purple .send-button { background-color: #6C4988 !important; }
.blue   .send-button { background-color: #35A8AC !important; }
.orange .send-button { background-color: #F18F2C !important; }

 
a.send-button:hover       {color:#333 !important;}
.indigo .send-button:hover { color: #ccc !important; }
.input, .checkboxes label { width: 100% !important; display: block !important; font-size: 17px !important; line-height: 22px !important;     color: #7E7F81 !important; text-transform: none !important; font-weight: normal !important;     margin: 0 0 5px 0 !important;     border: 1px solid #E1E2E2 !important; padding: 5px !important; }
.checkboxes               { padding: 12px 0; }
.skinny-input             { width: 50% !important; }
.checkboxes label         { border:none !important; display: inline-block !important; width: 32% !important; padding: 0 !important; }



a.back-to-top       { background-color: #000; display: block; position: fixed; bottom: 20px; right: 20px; color: #fff; text-align: center; font-size: 40px; line-height: 35px; width: 40px; height: 40px; -moz-border-radius: 40px; border-radius: 40px; border-radius: 40px; text-decoration:none; z-index: 10000; } 
a.back-to-top:hover { background-color:#fff; color:#000; cursor:pointer; }


.arrow-trigger { display:none; }

.cta .icon { width: 40px; line-height: 40px; -moz-border-radius: 40px; border-radius: 40px; border-radius: 40px; display: inline-block; text-align: center; color: #fff; }

.MapLink { display:none; }


/*OUR METHOD*/

.timeline                   { border-left: 1px dotted #35A8AC; padding-top: 20px; }
.timeline-item              { padding-left: 20px; border-bottom: 1px dotted #35A8AC; width: 70%; position:relative; padding-top:140px;margin-top:-140px;}
.timeline .left-aligned     { float: left; padding-left: 5%; }
.timeline .right-aligned    { float: right; padding-left:0%; }
.timeline .right-aligned h2 { text-align: right;  }
.timeline-item span.number          { position: absolute; top: 115px; left:-25px; background-color:#35A8AC; color:#fff;-moz-border-radius: 160px; border-radius: 160px; border-radius: 160px;display:inline-block;height:48px;width:48px;line-height:48px;text-align:center;font-size:18px;font-family:Arial;font-weight:bold; }
.timeline-item h2           { margin-top:-20px; }
.timeline-item.right-aligned span.number { left:auto; right:12%; }

.timeline-item .icon                  { -moz-border-radius: 50%; border-radius: 50%; border-radius: 50%; display: inline-block; font-size: 70px; line-height: 130px; cursor: pointer; margin: 15px 30px; width: 130px; height: 130px; -moz-border-radius: 50%;     border-radius: 50%; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #35A8AC; position: absolute; right: -36%; top: 50%; margin-top: 0px; } 
.timeline-item:first-child .icon      { width: 120px; height: 120px; line-height:120px; }
.timeline-item.right-aligned .icon    { right:auto; left: -36%; } 
.timeline-item .icon:after            { background-color: rgba(255,255,255,0.1); transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
.timeline-item .icon:after            { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 8px #35A8AC; transition: transform 0.2s, opacity 0.2s; transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); -moz-border-radius: 50%; border-radius: 50%; border-radius: 50%; position:absolute; width:100%; height:100%; content:''; } 
.timeline-item.top-active .icon       { background-color: rgba(255,255,255,1); color: #35A8AC; }
.timeline-item.top-active .icon:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.timeline-item.top-active .icon       { background-color: rgba(255,255,255,1); color: #B1B3B4; }

.method-nav { position:relative; text-align:center; }

.method-nav ul                          { margin:0 auto; }
.method-nav li                          { display: inline-block; margin: 0 16px  20px 16px; } 
.method-nav li a                        { display: table; text-align: center; position: relative; overflow: visible; height: 155px; width: 90px; -moz-border-radius: 125px; border-radius: 125px; border-radius: 125px; text-decoration: none; }
.method-nav li a .overlay-title         { position: relative; top: 130px; }
.method-nav li a .overlay-title .inner  { padding: 8px 0px; display: block; color: #000; vertical-align: middle; font-size: 22px; font-weight: 700; }
.method-nav li a .icon:after, 
.method-nav li a .icon                  { -moz-border-radius: 50%; border-radius: 50%; border-radius: 50%; position: absolute; }
.method-nav li a .icon                  { width: 90px; line-height: 90px; top: 50%; left: 50%; background-color: #35A8AC; color: #fff; font-size: 42px; text-align: center; margin-top: -45px; margin-left: -45px; z-index: 99; }
.method-nav li:first-child a .icon            { font-size:56px; }
.method-nav li a .icon:after            { content: ''; top: 0%; left: 0%; height: 90px; padding: 0px; width: 90px; display: block; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; transition: .3s all; -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); transform: rotate(0); background-color: transparent; z-index: -1; }
.method-nav li a:hover .icon:after      { top: -10px; left: -10px; padding: 5px; background-color: transparent; border: 5px dashed #35A8AC; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transform: rotate(360deg); }


/* WHAT WE DO LANDING PAGE */
.what-we-do .service        { display:block; text-decoration:none; border:none; }
.what-we-do .inner          { font-size: 40px; height:100%;  text-align:center;  -moz-border-radius: 50%; border-radius: 50%; border-radius: 50%; }
.what-we-do span            { font-size: .80em; color: #fff; line-height: 1em; position: absolute; top: 50%; left: 0; width:100%; padding: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); transform: translateY(-50%); }
.what-we-do .service        { background-repeat: no-repeat; background-size: cover; width: 20%; height: 192px; display: block; position: relative; margin-bottom: 15px; margin: 10px 24px; float:left; }
.what-we-do a .img          { position: absolute; top: 0; right: 40px; font-size: 150px; line-height: 200px; z-index: -1; -moz-border-radius: 50%; border-radius: 50%; border-radius: 50%; color:#ccc; }
.what-we-do a:hover .img    { color: #333; }
.what-we-do a:hover .inner  { box-shadow: 0 0 0 5px #ccc; }
 
 
.wwd-section .left  { float:right !important; }
.wwd-section .right { float:left !important; }
.wwd-section .left  { float:right; }
.wwd-section .right { float:left; }

/*BACKEND NOTE:  THIS SHOULD BE FREELY CUSTOMISABLE VIA BACKEND*/


.what-we-do .service.blue   .inner { background:rgb(53, 168, 172); background:rgba(53, 168, 172, 0.80); }
.what-we-do .service.green  .inner { background:rgb(87, 166, 125); background:rgba(87, 166, 125, 0.80); }
.what-we-do .service.purple .inner { background:rgb(108, 73, 136); background:rgba(108, 73, 136, 0.80); }
.what-we-do .service.yellow .inner { background:rgb(208, 197, 65); background:rgba(208, 197, 65, 0.80); }
.what-we-do .service.orange .inner { background:rgb(41, 143, 44);  background:rgba(241, 143, 44, 0.80); }
.what-we-do .service.indigo .inner { background:rgb(38, 54, 14);  background:rgba(38, 54, 147, 0.80); }
.what-we-do .service.grey   .inner { background:rgb(177, 179, 180);  background:rgba(177, 179, 180, 0.80); }





/*COLOURS*/
.cta.yellow .icon { background-color: #D0C541; }
.cta.purple .icon { background-color: #6C4988;}
.cta.indigo .icon { background-color: #263693;}
.cta.blue   .icon { background-color: #35A8AC; }
.cta.orange   .icon { background-color: #F18F2C; }

.cta.yellow { color: #D0C541; }
.cta.indigo { color: #263693;}
.cta.purple { color: #6C4988;}
.cta.blue   { color: #35A8AC; }
.cta.orange { color: #F18F2C; }

.indigo .breadcrumb { background-color:#263693 !important; } 
.purple .breadcrumb { background-color:#6C4988 !important; } 
.orange .breadcrumb { background-color:#F5A757 !important; } 
.yellow .breadcrumb { background-color:#D0C541 !important; } 
.blue   .breadcrumb { background-color:#35A8AC !important; } 
.green  .breadcrumb { background-color:#77B696 !important; } 

.yellow .breadcrumb a:hover,
.orange .breadcrumb a:hover { color:#dfdfdf !important; } 

.indigo .back:hover { color:#263693; }
.purple .back:hover { color:#6C4988; }
.orange .back:hover { color:#F5A757; } 
.yellow .back:hover { color:#D0C541; } 
.blue   .back:hover { color:#35A8AC; }

.indigo p span, .indigo p span strong { color:#263693; }
.purple p span, .purple p span strong { color:#6C4988; }
.orange p span, .orange p span strong { color:#F5A757; } 
.yellow p span, .yellow p span strong { color:#D0C541; } 
.blue   p span, .blue   p span strong { color:#35A8AC; }
.green   p span, .green   p span strong { color:#77B696; }

.crumb-trigger { display:none; }

.nav-reveal a                        { position: fixed; top: 50%; display: block; outline: none; text-align: left; z-index: 1000; transform: translateY(-50%); transform: translateY(-50%); }
.nav-reveal a.prev                   { left: 0; }
.nav-reveal a.next                   { right: 0; }
.nav-reveal a                        { overflow: hidden; width: 40px; height: 120px; background-color: #263693; transition: width 0.4s, background-color 0.4s; transition: width 0.4s, background-color 0.4s; transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); }
.nav-reveal .icon-wrap               { position: absolute; z-index: 100; padding: 44px 4px; width: 40px; }
.nav-reveal a.prev .icon-wrap:before { content:''; border:10px solid transparent; border-right-color:#fff; height:0; width:0; position:absolute;top: 50px;left: 2px; }
.nav-reveal a.next .icon-wrap:before { content:''; border:10px solid transparent; border-left-color:#fff; height:0; width:0; position:absolute;top: 50px;right: 4px; }
.nav-reveal div                      { position: absolute; top: 0; padding: 0 50px; width: 380px !important; height: 100%; }
.nav-reveal a.prev div               { left: 0; padding-right: 130px; text-align: right; }
.nav-reveal a.next div               { right: 0; padding-left: 130px; right: 0; }
.nav-reveal a.next .icon-wrap        { right: 0; }
.nav-reveal h3                       { position: relative; margin: 0; padding: 20px 0; color: #fff; font-weight: 300; font-size: 1.45em; line-height: 1.2; width:100%; }
.nav-reveal div h3 span              { display: block; padding-top: 10px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; font-size: 50%; }
.nav-reveal img                      { position: absolute; top: 10px; height: 100px;  }
.nav-reveal a.prev img               { right:10px; }
.nav-reveal a.next img               { left: 10px; }
.nav-reveal a:hover                  { width: 380px; background-color: #263693; }

.no-csstransforms .nav-reveal a      { width: 48%; height:150px; position:relative; }
.no-csstransforms .nav-reveal a.prev { float:left }
.no-csstransforms .nav-reveal a.next { float:right }



img { max-width: 100%; height: auto; }


 /* #Media Queries
================================================== */

@media only screen and (max-width: 1024px)  {
    .project.hvr{ display:inline-block; margin: 0 auto !important; padding: 0; width: auto !important; }
}

@media only screen and (min-width: 960px) {
    #nav > ul { display: block !important; float: right; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    nav ul li a                 {font-size: 14px; }
    .bucket a.inner img         { margin-left:40px; }
    .home-slider .container h3  { padding-top:80px; }
	.home-quote .stache         { margin-left:10px; }
	.bubble,.bubble span        { height:76px; width:76px; }
    .content-left, 
    .content-right              { width: 100% !important; float:none !important; }
    .content .left, 
    .content .right             { width: 100% !important; float:none !important; }
    .checkboxes label           { width: 100% !important;  }
    .input                      { width: 100% !important; box-sizing: border-box !important; -moz-box-sizing: border-box !important; }
}
@media only screen and (max-width: 959px) {
/*LAB*/

    .bc-fixed             { position:relative; }
    .service,
    .service .inner,
    .service .inner span  { -moz-border-radius: 0; border-radius: 0; border-radius: 0; position:relative; }
    .service              { height:auto !important; margin: 10px 0 !important; }
    .service .inner       { padding: 20px; }
    .service .img         { line-height: normal !important;font-size: 50px !important;text-align: center;right: 10% !important;top: 50% !important;-moz-transform: translateX(-50%) translateY(-50%) !important;-ms-transform: translateX(-50%) translateY(-50%) !important;-o-transform: translateX(-50%) translateY(-50%) !important;transform: translateX(-50%) translateY(-50%) !important;transform: translateX(-50%) translateY(-50%) !important; }
    .what-we-do .service  { width: 43% !important;margin:1% 3% !important;float:none;display:inline-block !important;vertical-align:middle; }
    header                { padding-top:79px; }
/*LAB*/
    .content.lab .left                    { -moz-transition: .2s all; -o-transition: .2s all; transition: .2s all; transition: .2s all; position: fixed !important; left: -300px; width: 300px !important; box-sizing: border-box; top: 0; background-color: #fff; margin-right: 30px; z-index: 99999999; }
    .overflow-div                         { padding: 30px 30px 40px 50px; overflow-y: scroll; position:absolute; height:100%; }
    .lab .left.open                       { left: 0; background-color:rgba(255, 255, 255, 0.9); }
    .content.lab .left span.arrow-trigger { position: fixed !important; left: 5px; top: 100px !important; color: #fff; background-color: #000; height: 40px; width: 40px; display: block; text-align: center; font-size: 40px; line-height: 30px; -moz-border-radius: 40px; border-radius: 40px; border-radius: 40px; -moz-transition: .2s all; -o-transition: .2s all; transition: .2s all; transition: .2s all; z-index: 999999999999999999; display:none;}
    .open .arrow-trigger                  { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transform: rotate(180deg); }
    .MapLink                              { display:block; }
    .MapInteractive                       { display:none; }
        .enq-con .js-Source,
    .enq-con .checkboxes {
        display:none !important;
    }

        .js-logo {
            width: 220px !important;
        }

}

@media only screen and (max-width: 850px) {
    /*DISPLAY*/
    #StickyNav ul           { display:none; }
    #nav ul                 { margin:0 auto; display:block; width:100%; text-align:center;padding-bottom:10px; }
    #nav ul li              { display: block; float:none; margin:0;} 
    #nav ul li a            { display: inline-block; float:none;  padding: 0px; margin: 0; }
    #nav ul li a:after      { display: none; }
    #nav .container .eleven { display: none;}
    #nav                    { display: block !important; top:0 !important; }
    #nav ul li ul           { display: none; position: relative; }
    #nav ul li ul           { display: none; position: relative; }
    #nav ul li:hover ul     { display: block; }
    #nav ul li ul li a      { border: none !important; padding: 5px 0; }
    header                  { padding-top:15px; }

    /*MENU*/
    .js-logo                              { width: 200px !important; }
    .menu-button                          { display:block; }
    .nav-spacer                           { display:none; }
    .sticky .burger                       { background-color:#B1B3B4; }
    .sticky .burger::after                { content: ''; width: 9px; height: 10px; position: absolute; display: block; background-color: #B1B3B4; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform: rotate(45deg); bottom: -5px; left: 11px; } 
    .burger                               { width: 32px; height: 30px; position:absolute; right: 14px; top: 5px; padding: 4px 6px; z-index:9989; }
    .burger span                          { width: 20px; height: 4px; margin: 2px 0; background-color:#fff; display:block; }
    .open                                 { display: block !important; }
    #breadcrumb ul                        { padding-top: 20px; }
    #breadcrumb .crumb-trigger            { line-height: 45px; color: #fff !important;float:right; }
    #breadcrumb .crumb-trigger .container { color: #fff !important; text-transform:uppercase;width:auto!important; } 
    #filters .crumb-trigger{display:inline-block;}
    #breadcrumb.open ul                   { display:block; }
}

@media only screen and (max-width: 832px) and (min-width:768px) {
    
     .menu-animated .columns.js-logo {
            width: 185px !important;
        }
}

@media only screen and (max-width: 860px) and (min-width:768px) {
    #slideritems .columns,
    .bucket {
        display:inline-block !important;
        width: 45% !important;
    }
}

@media only screen and (max-width: 767px) {
    .parent-name{display:inline-block;}
    .parent-name h2{display:inline-block;color:#fff;padding-left:20px;margin-bottom:0;}
    .text-section:before,.text-section:after{content:"";display:none!important;}
    .mobile-lab-filter ul{display:block;}
    #nav ul li:hover ul{display:none;}
    .enq-con .js-Source,
    .enq-con .checkboxes { display:none !important; }
    .enq-con             { height: 395px; top: -395px; position:absolute; }
    .enq-trig            { position:absolute; top:auto; bottom:10px; display:none;}

    #loader { display: none !important; }
    body    {  margin-top: 56px !important; } 
    .tp-banner-container{ display: none; }
 
/*HOME*/
    /*header     {  display:none !important; }*/
    .slider-items a         { padding: 0; display: inline-block;         }
    .slider-items div.four  { display: inline-block; width: 25% !important; }
    .home-slider .tagline   { position:relative !important; }
    .home-quote .stache     { background-image:none; padding:38px 0px 65px 0px; margin-left:0px; height:auto;width:auto; }
	.home-quote .xlarge     { font-size: 45px; padding:0px; }

    .bucket a.inner { clear:both; }

    .bucket a.inner .text   { float:right; width: 60%; }
    .bucket a.inner .left   { float:left; width: 40%; }

    .bucket a.inner .left .bubble { margin-top:15px; }
    .bucket a:hover img { margin-left: 60px; }
    .bucket a:hover .bubble { margin-left: 0;background-color:rgba(0, 0, 0 ,0.9) !important; }

    .home-quote,section#lab,.bucket a.inner img { display:none; }

    section#lab              { text-align:center; }
    section#lab .two         { width: 25%; }
    .home-slider .eight      { width: 45% !important; height: auto; float:left; vertical-align:middle }
    .home-slider img         { width: auto; }
    .home-slider .tagline    { width: 50% !important; height: auto; right:0; position:absolute; height: 100%; top:0; text-align:center; }
    .home-slider .tagline h3 { padding-top: 0px; font-size: 30px; }
    .home-slider .tagline h4 { font-size: 24px; }
    .home-slider .container  { padding-top: 20px; }

    #whatwedo .bucket {
        width: auto !important;
        margin-right: 10px !important;
        float:none;
        display:inline-block;
    }
    #whatwedo .row{text-align:center;}

    #whatwedo .bucket a.inner .left { float: none !important;}

    #whatwedo .bucket a.inner .bubble {
        position: relative;
        display: inline-block;
        top: 0;
    }

    #buckets.text-section,.home-about {
        top: 0;
    }


    .bucket a.inner .text { display: none; }
    .home-about.text-section .container { padding-bottom: 0 !important;}

    .text-section.home-featured .project.wide { margin-bottom:10px; }

    .lab-item       {  padding: 40px 20px 0px 20px !important; }

    .about-image { display: none; }
    .about-text{ width: 100%;font-size: 0.8em;margin-top: 0;}

/*OUR WORK*/
    .our-work-container                                  { text-align: center !important; margin:0 auto; }
    .calls-to-action                                     { margin-bottom: 20px; }
    .text-section.home-featured .project.right-box .text { left: -200px !important; }
    .text-section.home-featured .project                 { width: 50% !important;max-width:200px;  text-align:left !important; margin: 0; float:none;margin-bottom:10px    }
    .text-section.home-featured .project.wide            {margin-bottom:10px;  }
    #showcase .sixteen                                   { width: 100%; margin:0 auto; }
    .project img,                                        
    .img                                                 { max-width: 100% !important;  height: auto !important; margin: 0 auto; }
    .text-section.home-featured .project strong          { font-size:1em; color:#fff; line-height: 1em; margin-bottom: 2px; }
    .text-section.home-featured .project span            { font-size:1em; line-height: 1.2em; color:#fff; }

    #featured .our-work {
        text-align: center !important;
    }

/*CONTENT*/
    .content-left, 
    .content-right  { width: 100% !important; float:none !important; }

    .content .left,
    .content .right { width: 100% !important; float:none !important; }

/*CONTACT*/
    .checkboxes label { width: 100% !important;  }
    .input            { width: 100% !important; box-sizing: border-box !important; -moz-box-sizing: border-box !important; }
/*OTHER*/
    .text-section.footer img { float: none; margin-right: 20px; position: relative; bottom: 0px; margin-bottom: 10px; }
    .footer-info p,          
    .footer-info p a         { font-size: 10px; }

/*OUR METHOD*/
    .method-nav li                          { width: 25%; text-align:center !important; margin:0; padding:0; }
    .method-nav li a                        { height: 80px; }
    .method-nav li a .icon                  { top:auto; height: 50px; width:50px; font-size:25px; overflow:visible; line-height:50px; left: 50%; margin: 0; margin-left: -25px;  }
    .method-nav li a .icon:after            { display:none; }
    .method-nav li a .overlay-title         { top:50px; left: auto;right: auto; margin: 0 auto;  display:block; width: 100%; text-align:center;}
    .method-nav li a .overlay-title .inner  { font-size: 18px; }
    .timeline-item                          { width: 100%; padding: 0 !important; padding: 20px !important; left: 0; right: auto; float: none !important; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; padding-top:20px;margin-top:-20px; border-bottom:none; }
    .timeline-item .icon                    { display:none; }
    .timeline-item span.number              { display:none; }
    .timeline .right-aligned h2             { text-align:left;}
    .timeline h2                            { border-top: 1px dotted #35A8AC;}

    .what-we-do span                        { line-height:1em; }
    .nav-reveal a img                       { display:none; }
    .nav-reveal a div                       { width:100% !important; padding: 20px 30px !important; position:relative; left: auto; right: auto; }
    .nav-reveal a                           { width: 48% !important; height: 150px; position: relative !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; transform: none !important; }
    .nav-reveal a.prev                      { float: left; }
    .nav-reveal a.next                      { float: right; }
    #StickyNav ul                           { width:100%; }
    .what-we-do .service                    { width: 100% !important; margin: 0 !important; }
    .crumb-trigger                          { display:block; }
    #breadcrumb ul                          { display:none; }
    #breadcrumb ul li                       { display:block; float:none; }
    .method-nav li:first-child a .icon      { font-size:30px; }

    .five-bnr {
        display:none;
    }

     .menu-animated .columns.js-logo {
            width: 220px !important;
        }
}

@media only screen and (max-width: 705px) {
    .lab-item{width:80%;margin: 0 auto;margin-left:10%;}
    .lab-item img{margin:0 auto;}
    .lab-item .heading{margin-top:10px;}
    .lab-item .heading{text-align:center;}
    .lab-item .link{text-align:center;}
}
	
@media only screen and (max-width: 479px) {
    body {  font-size: 17px; line-height: 19px; }
    .social-container .umbraco-partner{width:100%;float:none;margin-top:10px;}
    .text-section.home-featured .project{height:auto;margin-bottom:10px;width:200px!Important}
/*HOME*/
    

    .text-section.orange:before,
    .text-section.purple:before,
    .text-section.orange:after,
    .text-section.green:before,
    .text-section.green:after      { display:none; }
 
    .slider-items .icon-outer span, 
    .text-section.lab .bubble span { font-size: 26px; line-height: 50px; padding:0 !important; margin:0 !important;height: 50px;width: 50px; }
    .bucket a.inner .text          { float:right; width: 100%; }
    .bucket a.inner .left          { float:left; width: 100%; }
    .home-slider .container img    { display:none; }
    .home-slider .container div    { float:none; position:relative; }
    .lab h3                        { margin-bottom: 20px; }
    .message .outer                { padding-bottom: 50px; width:100% !important; }
    header.message .coloured-outer { width: 100% !important; }
    .message h1                    { font-size: 20px; }
    .message h2 strong             { font-size: 20px; }
    .message                       { display:none; }
/*OUR WORK*/
    .project                       { width: 46% !important;  text-align:left !important; margin-right: 0;     }
    .project img, 
    .img                           { max-width: 100% !important;  width: auto !important; height: auto !important; margin: 0 auto;         }
    .nav-reveal a                  { height: 180px; }
    .breadcrumb                    { position:relative;top: 15px !important; }
    .breadcrumb .burger            { top: 8px; }
    .method-nav                    { margin-top: 10px; }
    .what-we-do a .img             { right: 0 !important; }
    .what-we-do .inner             { font-size: 32px; }
    a .date                        { margin-right: 10px; }
}


/*Post front-end styles/testing*/
img                 { max-width: 100%;  height: auto; }
.menu-animated      { animation-duration: 1s;  animation-duration: 1s;  animation-fill-mode: both;  animation-fill-mode: both; } 
.fixed              { position:fixed; }
.js-img             { -moz-opacity: 0; opacity: 0; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; transition: .3s all; }
.konami-inner       { padding: 20px; color:#fff; font-size: 20px; }
.close-btn          { color:#fff; font-size: 40px; position:absolute; right: 10px; top: -50px; z-index:9999; }
.close-btn:hover    { color:#6C4988; cursor:pointer; }

.main-cap-head             { z-index: 5; text-align: center; font-size: 3.647em; line-height: 1.049em; color: rgb(255, 255, 255); text-transform: uppercase; padding-top: 110px; }
.cap-head                  { z-index: 6; text-align: center; font-size: 2.45em; line-height: 1.2em; color: rgb(255, 255, 255); background: rgba(33, 37, 43, 0.8); padding: 10px 20px; text-transform: uppercase; }
.cap-link a                { z-index: 7; text-align: center; font-size: 2em; line-height: 1.2em; color: #fff !important; background: transparent; padding: 0; text-transform: uppercase;padding-bottom:5px;border-bottom:solid 2px Transparent; }
.cap-link a:hover          { border-bottom:solid 2px #fff; }
.lower-imgs img            { width: 49%; margin: .5%; float:left; display:block; }
#map                       { width: 100% !important; overflow:hidden; height:400px !important; }
.right-image-box           { position:relative; margin-bottom: 40px; }
.container .eleven.columns { float:right !important; }


.tp-banner-container {
    margin-top: 43px;
}

#umbracoPreviewBadge {display:none !important; }

img[style*="float: right"] {
    padding-left:10px;padding-bottom:10px;
}

@media screen and (max-width: 575px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

p img { height:auto !important; }