/*	
	Written by Kolen Mackey for Datadial Ltd on January 15, 2013
	This website uses the responsive Foundation grid sytem: http://foundation.zurb.com
	Many styles have been customised from foundation.css 
*/


/* -----------------------------------------
   Fonts
----------------------------------------- */
/* Special Fonts*/ 
 @import url(http://fonts.googleapis.com/css?family=Muli);
 @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

/*Load Icon fonts css*/
@import '/wp-content/themes/datadial-prima/css/entypo.css';

/* --------------------------------------------------------------------------------------------------------------------- Start Entypo icon font */

/* --------------------------------------------------------------------------------------------------------------------- End Entypo Icon font */
@font-face {
    font-family: 'wc_mano_negra_btaregular';
    src: url('WCManoNegraBta-webfont.eot');
    src: url('WCManoNegraBta-webfont.eot?#iefix') format('embedded-opentype'),
         url('WCManoNegraBta-webfont.woff') format('woff'),
         url('WCManoNegraBta-webfont.ttf') format('truetype'),
         url('WCManoNegraBta-webfont.svg#wc_mano_negra_btaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Reset*/ 
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
 }

/* --------------------------------------------------------------------------------------------------------------------- Type */
body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {font-size: 18px;}

h1,h2,h3,h4,h5 {
	font-family: 'Roboto Condensed',Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin:15px 0;
	font-weight:400;
	letter-spacing:0.5px;
	color:#f5f5f5;
}
h1 {
	font-family: 'Roboto Condensed',Helvetica, Arial, sans-serif;
	color:#fff;
	margin:15px 0 30px;
	letter-spacing:-1.5px;
	text-transform:uppercase;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}
h1.alt, h2.alt, h3.alt, h4.alt {
	font-family: 'wc_mano_negra_btaregular','Roboto Condensed',Helvetica, Arial, sans-serif;
}
h1.default, h2.default, h3.default, h4.default {
	font-family: 'Roboto Condensed',Helvetica, Arial, sans-serif !important;
}
h1 strong {
	font-weight:400;
	color:#df5a18;
}
.post h1,.post h2,.post h3,.post h4,.post h5 {
	color:inherit;
}
p {
  font-size: 18px;
  line-height: 26px;
  margin: 15px 0;
}

img,
object,
embed {
  max-width: 100%;
  height: auto; 
}
img { 
	display: inline-block;
  	vertical-align: middle;
}
.midtext{
	margin: 0 auto;
	max-width:940px;
	display:block;
}
.chalk .entry h2, .chalk .entry h3, .chalk .entry h4 {
	margin:40px auto 0;
}
.chalk .entry ul, .chalk .entry ol {
	padding:0 0 0 20px;
}
.chalk .entry ul li, .chalk .entry ol li {
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	font-size: 18px;
  	line-height: 26px;
}
.whitebox {
	color:#252627 !important;
}
.servicetitle {
	margin-bottom:10px;
}
.servicetitle strong {
	color:#df5a18;
	font-weight:normal;
}
.servicetitle span {
	color:#a5adb6;
}
a, a:hover, a:focus, a:active {
	color:#df5a18; 
	text-decoration:none; 
	outline: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1 a, h2 a, h3 a {text-decoration:none;}

.post ul, .post ol, .cs-content ul, .cs-content ol{
	margin:0 0 0 15px;
	padding:20px 0;
}
.cs-content ol:after, .cs-content ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
.post ul li, .post ol li, .cs-content ul li, .cs-content ol li {
	padding:0 0 0 15px;
	margin:5px 0;
}
.cs-content ul li, .cs-content ol li {
	width:49%;
	float:left;
}
.childpage {
	padding:15px 0 20px;
	border-top:1px dotted #65839b;
	margin:0 auto 20px auto;
}
.childpage ul {
	padding:0;
	margin:0;
}
.childpage ul ul {
	display:none;
}
.childpage ul li {
	display:inline-block;
	vertical-align:top;
	margin:2px -1px;
}
.childpage ul li.parent {
	position:relative;
	display:block;

}
.childpage ul li.parent a{
	display:inline-block;
}
.childpage ul li.parent a:after, .childpage ul li.grandparent a:after {
	content:"\e6be";
	display:inline-block;
	margin-left:20px;
	font-family:icomoon;
	color:inherit;
}
.childpage ul li a {
	display:block;
	padding:4px 15px;
	color:#65839b;
	border:1px solid #65839b;
	background:#fff;
}
.childpage ul li.parent a{
	color:#fff;
	background:#65839b;
	border:1px solid #65839b;
	position:relative;
}
/*.childpage ul li.current_page_item a {
	color:#df5a18;
}*/
.childpage ul li.current_page_item a:after {
	content:"\e61f";
	display:inline-block;
	margin-left:20px;
	font-family:icomoon;
	color:#inherit;
}
.childpage ul li.grandparent a {
	background:#3b5467;
	border-color:#3b5467;
	color:#fff;
}

.childpage ul li a:hover {
	color:#fff;
	border:1px solid #444;
	background:#444;
}
.childpage ul li a:hover:after {
	border-color: transparent transparent transparent #444;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
iframe[name="google_conversion_frame"] {
	height:0;
	top:-20px;
}
/* --------------------------------------------------------------------------------------------------------------------- Body and Main UI */


body {
	background-color:#1a1e22;
	background-image:url(/wp-content/themes/datadial-prima/img/Chalkboard.jpg);
	background-position:center;
	background-size: auto;
	background-repeat:repeat;
	background-attachment: fixed;
	color:#222;
	font-family:"Muli","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:400;
}
body:after {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(/wp-content/themes/datadial-prima/img/dd_badge.svg);
	background-position:center 20%;
	background-size: auto;
	background-repeat:no-repeat;
	background-attachment:fixed;
	z-index:-21;
	
}
/*SEASONAL CREATIVE*/
body.home #container,
body.blog #container{
	/*background:url(/wp-content/themes/datadial-prima/img/haloween_2015.svg) center 0 / 95% auto no-repeat fixed;*/
}

#container:before{
	content:" ";
	display:block;
	width:30%;
	height:100%;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
#container:after {
	content:" ";
	display:block;
	width:30%;
	height:100%;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */


}


section.main-section{
	padding:180px 0 120px 0;
}
body.page-template-page_services section.main-section,
body.page-template-full-width section.main-section{
	padding:0 0 120px 0;
}
body.page-template-full-width #main{
	position:static;
	z-index:10;
	
}
body.page-template-full-width #wrapper{background:none;}
body.page-template-full-width #maincontent {
	padding:50px 0;
}
body.page-template-full-width #headerimg.fullwidth {
	height:100%;
	top:0;
	position:fixed;
	z-index:;
}
body.page-template-full-width .innerframe.title {
	position:relative;
	z-index:10;
}
body.page-template-full-width #maincontent.whitebox {
	background:rgba(255,255,255,1);
	margin:0 auto;
	display:block;
	position:relative;
	z-index:100;
	padding:50px 20px;
}
#headerimg{ 
	background-color:rgba(0,0,0,0.4);
	position:relative;
	margin:0 auto;
	max-width:1200px;
	display:block;
	height:450px;
	position:relative;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:scroll;
}
#headerimg.fullwidth {
	max-width:100%;
	width:100%;
	border:none;
	background-attachment:fixed;
	position:absolute;
	background-position:center 0;
	top:0;
	left:0;
	z-index:-11;
	height:550px;
	margin:0;
}
#headerimg.fullwidth:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
}
#headerimg .innerframe {
	background-image:url(../img/dd_badge2.png);
	background-position:center -175px;
	background-size:auto;
	background-repeat:no-repeat;
	height:100%;
}
#headerimg.fullwidth .innerframe {
	padding-top:140px;
	border:none;
	height:480px;
	position:relative;
}
#headerimg.fullwidth .caption {
	bottom:0;
	right:0;
}
#headerimg.fullwidth + #maincontent {
	margin-top:290px;
}
.innerframe {
	margin:0 auto;
	max-width:1200px;
	display:block;
	padding:0;
	position:relative;
	
}
/* --------------------------------------------------------------------------------------------------------------------- Main Navigation */
#wrapper, #navframe, .nav-menu {
-webkit-transition: left ease-in-out 0.6s;
	transition: left ease-in-out 0.6s;
}

#offcanvas {
	display:block;
	position:realtive;
	overflow:hidden;
	min-height:100%;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.13);
	border-top:3px solid #df5a18;
	border-bottom:3px solid #df5a18;

}
#wrapper {
  margin:0;
  width:100%;
  position:relative;
  left:0;
	background:url(../img/splash.svg) center 50px / 150% auto no-repeat scroll;
}
#offcanvas.active #navframe {
	left:0;
}


#navframe {
	width:320px;
	display:block;
	min-height:100%;
	position:fixed;
	top:0;
	left:-324px;
	background-color:rgba(26,33,40,0.95);
	background:#1a2128 url(../img/Chalkboard.jpg);
	/*border-right:1px solid #262a2e;*/
	/*background-image:url(../img/dd_badge.png);
	background-position:center bottom;
	background-size:800px auto;
	background-repeat:no-repeat;*/
	
	padding:40px 0;
	z-index:9900;
	border-right:1px solid rgba(240,240,240,0.1);

}

#offcanvas.active #navframe {
	-webkit-box-shadow: 3px 0px 4px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 0px 4px 0px rgba(0,0,0,0.6);
	box-shadow: 3px 0px 4px 0px rgba(0,0,0,0.6);
}

#navframe #menu_icon {
	position:absolute;
	top:20px;
	right:-48px;
	z-index:5000;
	display:block;
	height:44px;
	line-height:44px;
	width:44px;
	font-weight:bold;
	font-size:13px;
	padding:0;
	background:#df5a18;
	-webkit-transition: right ease-in-out 0.6s;
	transition: right ease-in-out 0.6s;
	
}

#offcanvas.active #menu_icon {
	background:#414d5a;
	right:10px;
	
}
#menu_icon:after {
	content:"menu";
	font-family: 'Roboto Condensed', sans-serif;
	position:absolute;
	left:0;
	top:46px;
	padding:2px;
	width:100%;
	line-height:20px;
	text-align:center;
	color:#fcfcfc;
	font-size:13px;
	text-transform:uppercase;
	background:inherit;
}
#navframe #menu_icon:hover {
	background:rgba(123, 130, 134, 0.4);
}
#navframe #menu_icon span:before {
	color:#fff;
	line-height:44px;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	display:block;
}
#navframe #menu-toggle {
	position:fixed;
	top:0;
	width:8px;
	left:0;
	z-index:0;
	display:block;
	height:100%;
	padding:0;
}
#offcanvas.active #menu-toggle {
	display:none;
}
#navframe .scroll {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background-color:rgba(26,33,40,0.4);
	background-image:url(../img/dd_badge.png);
	background-position:center bottom;
	background-size:800px auto;
	background-repeat:no-repeat;
}
#navframe .scrollnav {
	display:block;
	position:absolute;
	padding:5px 5px;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25);
   -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25);
		box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25);
}
.scrollnav .up, .scrollnav .down {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	line-height:40px;
	height:40px;
	color:#ccc;
	bottom:15px;
	background:none;
	border:1px solid rgba(240,240,240,0.13);
	background-color:rgba(0,0,0,0.4);
	width:48%;
	padding:5px;
}
.scrollnav .up {
	float:right;
}
.scrollnav .down {
	float:left;
}
.scrollnav a:hover {
	background:rgba(240,240,240,0.13);
}
.scrollnav:before, .site-title:after {
	content:"";
	display:block;
	height:13px;
	position:absolute;
	top:-13px;
	left:0;
	width:100%;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 33%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(33%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.75) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.75) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */

}
.scrollnav:before {
	border-bottom:1px solid rgba(240,240,240,0.1);
}
.site-title:after {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
	top:145px;
	z-index:500;
	border-bottom:1px solid rgba(240,240,240,0.13);
}
ul.nav-menu {
	display: block;
	padding:0 40px 50px 0;
	position:absolute;
	width:360px;
	left:0;
	top:150px;
	bottom:50px;
	margin:0;
	overflow:auto;
	border-top:1px solid rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(240,240,240,0.13);
}

ul.nav-menu > li{
	width:320px;
	display:block;
	list-style-type:none;
	text-align:left;
	min-height:40px;
	line-height:40px;
	border-top:1px solid rgba(240,240,240,0.15);
	border-bottom:1px solid rgba(0,0,0,0.4);
	color:#ccc;
	padding:0 4%;
	-webkit-transition: background ease-in-out 0.4s;
		transition: background ease-in-out 0.4s;
}
ul.nav-menu > li > a:first-of-type {
	font-size:20px;
	line-height:35px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
}

ul.nav-menu li a {     
	display:block;
	color:#cbd7d7;
	font-weight:400;
	text-decoration:none;  
	height:52px;    
	text-align:left;
	padding: 10px 20px 10px  0;
	line-height:30px;
}
ul.nav-menu li.hasdrop {
	position:relative;
	padding-right:55px;
}
ul.nav-menu li.hasdrop span.trigger {
	display:block;
	width:50px;
	height:50px;
	cursor:pointer;
	position:absolute;
	top:1px;
	right:0;
	
}
ul.nav-menu li.hasdrop span.trigger:after {
	content:"\e681";
	font-family:icomoon;
	font-weight:normal;
	color:#c4c6c9;
	float:right;
	font-size:20px;
	width:60px;
	line-height:50px;
	text-align:center;
	padding-left:10px;

}
ul.nav-menu li.hasdrop.active > span.trigger:after {
	content:"\e680";
	color:#df5a18;
}
ul.nav-menu .hasdrop span.trigger:hover:after {
	color:#df5a18;
}
ul.nav-menu li.hasdrop > a {
	display:inline-block;
}

/*dropdowns - main nav*/
ul.nav-menu li ul  {
	margin:0 0 0 -5%;
	display:none;
	padding:0;
	width:322px;
	position:relative;
	-webkit-transition: height ease-in-out 0.6s;
	transition: height ease-in-out 0.6s;

}


ul.nav-menu li ul.active{
	display:block;
}

ul.nav-menu > li.current-menu-ancestor,
ul.nav-menu > li.current_page_item {
	background-color:rgba(0,0,0,0.25);
}
ul.nav-menu > li.current-menu-ancestor > a,
ul.nav-menu > li.current_page_item > a{
	color:#df5a18;
}

ul.nav-menu > li.hasdrop.active ul {
	background-color:rgba(0,0,0,0.45);
	border-top:1px solid #df5a18;
	border-bottom:1px solid #df5a18;
	
}
ul.nav-menu li li.hasdrop.active ul { /*2nd level down*/
	/*background:#262a2e;*/
	background-color:rgba(0,0,0,0.6);
	border-top:1px solid rgba(240,240,240,0.13);
	border-bottom:1px solid rgba(240,240,240,0.13);
	padding-left:20px;
}

ul.nav-menu li li li.hasdrop.active ul { /*3rd level down*/
	background:rgba(100,100,100,0.4);
	border-top:1px solid rgba(240,240,240,0.3);
	border-bottom:1px solid rgba(240,240,240,0.3);
}
ul.nav-menu .hasdrop.active ul{
	
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.45);
	   -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.45);
            box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.45);
			padding:10px 0;
}

ul.nav-menu > .hasdrop.active > ul {
	border-color:#df5a18;

}
ul.nav-menu li.current-menu-item > a:first-of-type,
ul.nav-menu > li.hasdrop.active .current-menu-item > a:first-of-type{
	color:#df5a18;
	
}

ul.nav-menu li ul li {
	display:block;
	margin:0;
	padding:0 4%;
}

ul.nav-menu li ul li a {    
	display:block;	
	margin:0;
	text-align:left;
	text-transform:capitalize;
	padding:10px 0;
	color:#d3dbe8;
	font-size:16px;
	line-height:20px;
	height:auto;
	min-height:45px;
}
ul.nav-menu li ul ul {
	padding:0;
}
ul.nav-menu li a:hover {
	/*background-color:rgba(0,0,0,0.25);*/
	color:#fff;
}
ul.nav-menu li.tel:hover {
	background:none;
}
.site-title {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	padding:20px 0 0 4%;
	margin:0;
	color: #df5a18;
	color:#dfc063;
	letter-spacing:4.5px;
	font-weight:700;
	display:block;
	height:150px;
	cursor:pointer;

}
.site-title, .scrollnav {

}
.site-title a, #tel a {
	color:#fff;
	display:block;
	line-height:30px;
}
#tel {
	display:block;
	padding:0 4%;
	margin:0;
	color:#fff;	
}
p.site-description {
	padding:4px 15px;
	margin:5px 0 10px;
	color:#ccc;
}

/*----------------------------------------------------------------------------------BOX FRAMES*/
[class*="box-"], div[class*="box-"] {
	display:inline-block;
	vertical-align:top;
	margin:0 -2px;
}

.box-10, input[type="text"].box-10, input[type="password"].box-10 {
	width:10%;
}
.box-20, input[type="text"].box-20, input[type="password"].box-20 {
	width:20%;
}
.box-30, input[type="text"].box-30, input[type="password"].box-30 {
	width:30%;
}
.box-35, input[type="text"].box-35, input[type="password"].box-35 {
	width:35%;
}
.box-40, input[type="text"].box-40, input[type="password"].box-40 {
	width:40%;
}
.box-45, input[type="text"].box-45, input[type="password"].box-45 {
	width:45%;
}
.box-50, input[type="text"].box-50, input[type="password"].box-50 {
	width:50%;
}
.box-55, input[type="text"].box-55, input[type="password"].box-55 {
	width:55%;
}
.box-60, input[type="text"].box-60, input[type="password"].box-60 {
	width:60%;
}
.box-65, input[type="text"].box-65, input[type="password"].box-65 {
	width:65%;
}
.box-70, input[type="text"].box-70, input[type="password"].box-70 {
	width:70%;
}
.box-80, input[type="text"].box-80, input[type="password"].box-80 {
	width:80%;
}
.box-90, input[type="text"].box-90, input[type="password"].box-90 {
	width:90%;
}
.box-100, input[type="text"].box-100, input[type="password"].box-100 {
	width:100.2%;
}

.pad-5 { padding:5px;}
.pad-0-5 { padding:0 5px; }

.pad-10 { padding:10px; }
.pad-0-10 { padding:0 10px; }

.pad-10-l { padding:0 0 0 10px; }
.pad-10-r { padding:0 10px 0 0; }

.pad-20 { padding:20px; }
.pad-0-20 { padding:0 20px; }

.pad-20-l { padding:0 0 0 20px; }
.pad-20-r { padding:0 20px 0 0; }
/*----------------------------------------------------------------------------------FOUNDATION FORM ELEMENTS*/

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }
  input[type="text"].radius,
  input[type="password"].radius,
  input[type="date"].radius,
  input[type="datetime"].radius,
  input[type="datetime-local"].radius,
  input[type="month"].radius,
  input[type="week"].radius,
  input[type="email"].radius,
  input[type="number"].radius,
  input[type="search"].radius,
  input[type="tel"].radius,
  input[type="time"].radius,
  input[type="url"].radius,
  textarea.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }

/* Add height value for select elements to match text input height */
select {
  height: 2.3125rem; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; 
}

.hidden { display:none;}



/*----------------------------------------------------------------------------------SERVICES PAGE TEMPLATE*/

.innerframe.title {
	position:relative;
	min-height:340px;
}

.innerframe.title h1 {
	position:absolute;
	right:20px;
	bottom:60px;
	text-align:right;
}
.innerframe.title h3.caption {
	position:absolute;
	right:20px;
	bottom:30px;
}

.alphabox {
	display:block;
	position:relative;
	color:#ccc;
	background:rgba(0,0,0,0.4);
	border:1px dashed #666;
}
#container {
	position:relative;
}


#main {
	padding:10px;
	z-index:10;
}
#maincontent:after, .innerframe:after {
	content:".";
	position:relative;
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}

/* --------------------------------------------------------------------------------------------------------------------- Social Media Icons */


/* --------------------------------------------------------------------------------------------------------------------- Masthead */
#masthead {

}
#logo {
	display:block;
	width:200px;
	height:150px;
	background:url(../img/dd_badge2.svg) center /180px auto no-repeat;
	margin:0 auto;
	padding:150px 0 0 0;
	text-align:center;
	overflow:hidden;
	position:absolute;
	top:15px;
	left:0;
	right:0;
	z-index:8000;
}

section.left-small {
  border: 1px solid #fff;
  box-shadow:none;
  height:auto;
  left:20px;
  position: absolute;
  top: 0;
  width:auto;
}




/* --------------------------------------------------------------------------------------------------------------------- General Styles */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.shadow {
	-moz-box-shadow: 0px 2px 3px #acacac;
	-webkit-box-shadow: 2px 0px 3px #acacac;
	box-shadow: 0px 2px 3px #acacac;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac');
}

.rounded {
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;

}
iframe { 
	max-width:100% !important;
	margin:0 auto; 
	position:relative;
	display:block;
}



/*---------------------------------------------------------------------------------------------------------------------- Form Elements*/

.sidebar form {
	display:block;
	padding-bottom:20px;
}
input, select{
	padding:4px 6px;
	display:block;
	width:100%;
	border:1px solid #e6e5e6;
	margin:0 0 8px 0;
	font-family:inherit;
	font-size:14px;
	outline: none;
	-webkit-appearance: none;
    border-radius: 0;
}

select option {
	padding:2px 4px;
}
textarea{
	font-size:13px;
	padding:8px;
	color:#999;
	display:block;
	width:100%;
	border:1px solid #e6e5e6;
	margin:0 0 8px 0;
	font-family:inherit;
	height:150px;
	outline: none;
	-webkit-appearance: none;
    border-radius: 0;

}
label {display:block; margin-bottom:4px;}
input[type="submit"] {
	background:#df5a18;
	color:#fff;
	border:none;
	cursor:pointer;
	padding:6px;
}
.button, .button:focus {
	background:#df5a18;
	color:#fff;
	border:none;
	cursor:pointer;
	padding:8px 45px 8px 15px;
	display:inline-block;
	text-align:left;
	font-weight:400;
	font-size:15px;
	position:relative;
	font-family:inherit;
}
.button:after {
	content:"\e60c";
	font-family:'icomoon';
	font-weight:normal;
	color:#fff;
	float:right;
	font-size:20px;
	line-height:35px;
	display:block;
	position:absolute;
	right:5px;
	top:0;
	height:100%;
}
.button:hover {
	background:#484d54;
}
/*---------------------------------------------------------------------------------------------------------------------- Sidebar*/
aside.widget {
	padding:0;
}
#sidebar {
	color:#ccc;
}
#sidebar .widget-title {
	border:none;
	padding:0 0 5px 0;
	font-size:20px;
	margin:10px 0 10px 0;
	font-weight:400;
	color:#fff;
	
}
#sidebar aside > ul, #sidebar aside > ol {
	
	padding:10px 0;
	margin:0;
	list-style:none;
}

#sidebar ul li, #sidebar ol li {
	margin:0 -1px 4px -1px;
	padding: 0;
	font-weight:normal;
	list-style:none;
	display:inline-block;
}
#sidebar ul li:last-of-type, #sidebar ol li:last-of-type {
	border:none;
}
#sidebar ul ul, #sidebar ol ol {
	border-top:1px solid #a8afb9;
	padding:3px 0 3px 15px;
	font-size:13px;
}

#sidebar ul li a {
	text-decoration:none;
	font-weight:normal;
	display:block;
	color:#a8afb9;
	padding:4px 10px;
	background:rgba(148,157,104,0.85);
	color:#fff;
}

#sidebar .current-cat a{
	background-color:#7b8286;
}
#sidebar ul ul li a {
	text-decoration:none;
	font-weight:normal;
	display:block;
	color:#728294;
}

#sidebar ul li.current_page_item a {
	color:#df5a18;
}
#sidebar #tweet-list a:after {
	content:"";
	display:none;
}
#sidebar ul ul a:after, #sidebar ol ol a:after {
	content:"";
}
#sidebar a:hover {
	color:#fff;
	background:#7b8286;
}
#sidebar form{
	display:block;
}
#sidebar label{

}
#sidebar input{

}
#sidebar aside > ul, #sidebar aside > ol {
	padding:0;
	margin:0;
	list-style:none;
}

#sidebar .widget-title {
	padding:0;
	position:relative;
}

#sidebar #categories-2 ul {
	display:block;
}
#sidebar #searchform label {
	display:none;
}

#sidebar #archives-2, #sidebar #search-2  {
	display:inline-block;
	vertical-align:top;
	width:45%;
	padding:10px 0;
}
#sidebar #search-2 { 
	float:right;
}
#sidebar #search-2 input[type="text"], #sidebar #archives-2 select {
	background:rgba(0,0,0,0.4);
	border:1px solid #444;
	color:#f5f5f5;
}
#sidebar #search-2 input[type="submit"] {
	width:100px;
	float:right;
}
#sidebar #archives-2 label {
	display:none;
}

#content-frame.blank #sidebar select, #content-frame.blank #sidebar input[type="text"] {
	background:#a8afb9;
	color:#fff;
	border:none;
}
#content-frame.blank #sidebar #searchsubmit {
	background:#9eaf9f;
}
#content-frame.blank #sidebar label {
	color:#ccc;
}
#content-frame.blank #sidebar h3 {
	color:#f5f5f5;
}
#content-frame.blank #sidebar select, #content-frame.blank #sidebar input[type="text"] {
  background:rgba(0, 0, 0, 0.2);
  border: 1px solid #666;
  color: #fff;
  margin:0 0 5px 0;
}
/*------------------------------------------------------------------------------------------------------- Category and Archive Display*/

.postwrap {
	width:100%;
	display:block;
	background-color:#c4c9c5;
	margin:0 auto 40px auto;
	padding:20px 0 0 0;
	color:#404244;
	position:relative;
	min-height:330px;
	
}
.postwrap.careers {
	min-height:100px;
	max-width:100%;
	width:100%;
	padding:20px;
}
.postwrap:nth-of-type(4n+2) {
	background-color:#717578;
	color:#cbd7d7;
}
.postwrap:nth-of-type(2n+3) {

	background-color:#c5c5a3;
}
.postwrap:nth-of-type(3n+5) {
	background-color:#787274;
	color:#e1dfd1;
}
.postwrap img {
	max-width:100%;
	height:auto;
	display:block;
}
.postwrap .leftbox img {
	width:100%;
	max-height:245px;
}
.postwrap .custom-bg {
	height:250px;
}
.postwrap .post{
	width:100%;
	height:auto;
	min-height:210px;
	padding:0 20px;
	margin:0 0 10px 0;
	position:relative;
}
.postwrap .date-time {
	font-size:14px;
}
.postwrap a {
	color:#949d68;
	color:#fff;
}
.postwrap .button {
	background:#949d68;
	background:#a8afb9;
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0;
	color:#fff;
	margin:0;
}
.postwrap .featimg {
	display:block;
	vertical-align:top;
	width:100%;
	height:180px;
	background:#e6e5e6;
	padding:0;
	z-index:10;
	margin:0 auto;
	position:relative;
}
.featimg img {
	display:block;
	height:100%;
	width:auto;
}
.featimg a { 
	display:block;
	width:100%;
	height:100%;
}
.postwrap .date-time {
	display:inline-block;
	vertical-align:top;
	line-height:18px;
}

.paging {
	height:40px;
	display:block;
	margin:6px auto 0;
}
.paging a {
		display:inline-block;
		vertical-align:top;
		margin:0;
		padding:4px 15px;
		line-height:30px;
		color:#ccc;
		border:1px solid #ccc;
}
.paging a:hover {
	color:#fff;
	background-color:#df5a18;
}
.paging div {
	display:inline-block;
	vertical-align:top;
}
.paging .navleft {
	float:left;
}

.paging .navright {
	float:right;
}
/*------------------------------------------------------------------------------------------------------- Clearfixes*/
.entry:after {
	content:".";
	display:block;
	height:0;
	overflow:hidden;
	clear:both;
}
/*------------------------------------------------------------------------------------------------------- Single Post pageDisplay*/
.contentpad {
	padding:50px 20px 20px;
	position:relative;

}
.textpad {
	padding:40px 0;
	position:relative;

}

.alphabox.contentpad {
	color:#fff;
}
.blog > div[id^='post-'] h1, .blog > div[id^='post-'] h2, .blog > div[id^='post-'] h3, .blog > div[id^='post-'] h4, .blog > div[id^='post-'] h5, .blog > div[id^='post-'] h6, #content-frame.blank .blog > div[id^='post-'] h1 {
	color:#fff;
}
.singlepost{
	background:#fff;
	margin:6px 0 20px 0;
	color:#2222;
}
.singlepost .post {
	display:block;
	margin:0 auto;
	max-width:940px;
}
.singlepost h1, .singlepost h2, .singlepost h3, .singlepost h4, .singlepost h5, .singlepost h6, .singlepost p {
	color:#222;
}

#Postimg{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

#Postimg h1 {
	color:#fff;
	position:relative;
	padding:0;
	z-index:10;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}


.post img {
	display:block;
	max-width:100%;
	height:auto;
}
.sharecount aside {
	display:inline-block;
	vertical-align:top;
}
.sharecount .mashsb-buttons {
	display:none;
}
.sharecount .mashsb-count .counts, .sharecount .mashsb-count .mashsb-sharetext {
	display:inline-block;
	vertical-align:top;
	line-height:30px;
}
.sharecount .mashsb-count .counts {
	margin:0 10px 0 0;
}

.blog > div[id^='post-'] ul, .blog > div[id^='post-'] ol {
	padding:0;
}
.blog > div[id^='post-'] ul li, .blog > div[id^='post-'] ol li {
	padding:0 15px;
	margin:0 0 15px 0;
}

.aligncenter {
	margin:0 auto 20px;
}
#maincontent #commentrow, #maincontent #commentrow label {
	color:#f5f5f5;
	font-size:inherit;
}
#maincontent #commentrow {
	max-width:900px;
	margin:0 auto;
	display:block;
}
#maincontent #commentrow #respond {
	max-width:600px;
	margin:30px auto 0 auto;
	display:block;
}
#maincontent #commentrow ol, #maincontent #commentrow ul {
	padding:0;
	margin:0;
	list-style:none;
}
#maincontent #commentrow ol, #maincontent #commentrow ul {
	padding:0;
	margin:10px 0;
	list-style:none;
}
#maincontent .postnav {
	display:block;
	min-height:30px;
	margin:20px 0;
	padding:10px 0;
}
#maincontent .postnav span {
	display:inline-block;
	vertical-align:middle;
}
#maincontent .postnav span.next {
	float:right;
}
#maincontent .postnav span a {
	border:1px solid rgba(168, 175, 185, 0.85);
	padding:10px 20px;
	display:block;
	font-weight:bold;
	color:rgba(168, 175, 185, 0.85);
	font-size:13px;
	text-transform:uppercase;
}
.vcard {
  border: none;
  display: inline-block;
  margin: 0;
  padding:0;
}
.vcard, .vcard .fn{
	font-size:18px;
	font-style:normal;
	font-weight:normal;
	padding:0;
	margin:0;
}
.vcard cite{
	text-transform:capitalize;
}
.commentmetadata {
  border: none;
  display:inline-block;
  margin:0 0 0px 70px;
  padding:0;
  font-size:14px;
  color:#a8afb9;
  float:right;
  line-height:50px;
}
.vcard .avatar {
	border-radius: 50%;
	border:3px solid #666;
	margin:0 10px 0 0;
}
.comment-body p {
	margin-left:70px;
	color:#e6e5e6;
}
.comment-body a {
	color:#9eaf9f;
}
.comment-body .reply {
	border-top:1px dotted #595d5f;
	text-align:right;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:15px;
	padding:5px 0;
}
/* --------------------------------------------------------------------------------------------------------------------- Our Team  */



/*Our Team*/
.toptitle {
	padding:0 0 50px;
	display:block;
	
}
.toptitle.angle {
	text-align:center;
	margin-bottom:0;
	min-height:230px;
}
.toptitle.angle h1 {
	display:inline-block;
	vertical-align:top;
	-ms-transform: rotate(-9.6deg); /* IE 9 */
    -webkit-transform: rotate(-9.6deg); /* Safari */
    transform: rotate(-9.6deg);
	display:inline-block;
	padding:10px 30px;
	border-top:3px solid rgba(255,255,255,0.2);
	border-bottom:3px solid rgba(255,255,255,0.2);
	background:url(../img/charchoal.svg) 0 center /  cover repeat-x;
	margin:20px 0 10px 0;
	min-width:550px;
	letter-spacing:3px;
	font-size:60px;
	line-height:62px;
	max-width:600px;
}
/*Our Team*/
body.page-id-4566 .toptitle.angle h1:after { 
	content:"\e61f\e61f\e61f\e61f\e61f";
	font-family:icomoon;
	white-space:pre;
	text-align:center;
	position:relative;
	font-size:22px;
	color:rgba(255,255,255,1);
	position:absolute;
	top:-60px;
	right:0;
	width:100%;
	letter-spacing:10px;
	text-indent:10px;
}


/* --------------------------------------------------------------------------------------------------------------------- Blog Homepage V2 */
#bloghome h1 {

}
#bloghome h1 strong {
	display:block;
}
.maindate {
	text-transform:uppercase;
	color:#a8afb9;
	height:25px;
	border-bottom:1px solid #a8afb9;
	width:180px;
	font-size:14px;
	display:block;
	margin:-15px 0 0 4px;
}
#mag-block .postpad {
	padding:30px 0;
}
#mag-block .post-wrap {
	background:#f5f5f5;
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin:0 0 50px 0;
	padding:4px;
	position:relative;
	min-height:380px;
	background:#c4c9c5;
	color:#404244;
}
#mag-block .featimg{
	display:block;
	height:200px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0;
	border:1px solid #e6e5e6;

}
#mag-block .datecat {
	background:#f5f5f5;
	color:#444;
	width:auto;
	position:absolute;
	top:-38px;
	left:0;
	height:30px;
	line-height:26px;
	padding:0 15px;
	background:#c4c9c5;
	color:#404244;

}
#mag-block .authorbox {
	position:relative;
	padding:5px 0 0 70px;
	margin-bottom:20px;

}
#mag-block .authorbox h5 {
	padding:0;
	margin:0;
}
#mag-block h4 {
	padding:6px;
}
#mag-block h4 a, #mag-block h5 a {
	color:inherit;
}

#mag-block .avatar {
	display:block;
	width:51px;
	height:51px;
	border:1px solid #fff;
	background:#fff;
	position:absolute;
	top:-15px;
	left:10px;

}
#mag-block .avatar img {
	position:relative;
	margin:0;
	top:auto;
	left:auto;
	border:none;
}
#mag-block .post-wrap, #mag-block .datecat {

}
#mag-block .columns:nth-of-type(4n+4) .post-wrap, #mag-block .columns:nth-of-type(4n+4) .post-wrap .datecat {
	background:#717578;
	color:#cbd7d7;
}
#mag-block .columns:nth-of-type(2n+3) .post-wrap, #mag-block .columns:nth-of-type(2n+3) .post-wrap .datecat {

	background:#c5c5a3;
}
#mag-block .columns:nth-of-type(5n+2) .post-wrap, #mag-block .columns:nth-of-type(5n+2) .post-wrap .datecat {
	background:#787274;
	color:#e1dfd1;
}
#wpp-4 .widget-title {
	color:#fff;
	display:block;
	margin:20px 0;
}
#wpp-4 ul.wpp-list  {
	counter-reset: custom-counter;
	padding:20px 0 0;
	margin:0;
	text-align:justify;
}
#wpp-4 ul.wpp-list:after {
	content:"";
	display:inline-block;
	width:100%;
}
#wpp-4 ul.wpp-list li {
	padding:10px;
	position:relative;
	vertical-align:top;
	display:inline-block;
	text-align:left;
	width:31.6%;
	margin:0 0 30px 0;
	background-color:#c4c9c5;
	min-height:365px;
	color:#f5f5f5;
}
#wpp-4 ul.wpp-list li:before {
	content: counter(custom-counter);
	counter-increment: custom-counter;
	width:40px;
	height:40px;
	line-height:40px;
	background:#262a2e;
	/*background:#df5a18;*/
	color:#f5f5f5;
	text-align:center;
	position:absolute;
	top:10px;
	left:10px;
	font-size:16px;
}
#wpp-4 ul.wpp-list li a {
	margin:0;
	padding:0;
	color:inherit;
	display:block;
}
#wpp-4 ul.wpp-list li a.wpp-post-title {
	min-height:100px;
	font-family: 'Roboto Condensed',Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:24px;
	line-height:26px;
}
#wpp-4 ul.wpp-list li .post-stats {
	display:block;
	text-align:right;
	color:inherit;
	font-size:12px;
	text-transform:uppercase;
}

#wpp-4 ul.wpp-list  li a:after {
	content:"";
}
#wpp-4 ul.wpp-list  li .wpp-thumbnail {
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	float:none;
	display:block;
	max-height:270px;
}
#wpp-4 ul.wpp-list li:nth-of-type(4n+2), #wpp-4 ul.wpp-list li:nth-of-type(4n+2) .datecat {
	background:#717578;
	color:#cbd7d7;
}
#wpp-4 ul.wpp-list li:nth-of-type(2n+3), #wpp-4 ul.wpp-list li:nth-of-type(2n+3) .datecat {
	background:#c5c5a3;
}
#wpp-4 ul.wpp-list li:nth-of-type(6n+4), #wpp-4 ul.wpp-list li:nth-of-type(6n+4) .datecat {
	background:#787274;
	color:#e1dfd1;
}
/* --------------------------------------------------------------------------------------------------------------------- Services Page Tempalte */

#headerimg .caption {
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0;
	position:absolute;
	right:0;
	bottom:-45px;
	max-width:550px;
	text-align:right;
	z-index:300;
}
#headerimg.clientbox{
	height:600px;
	
}
#headerimg.clientbox .caption {
	bottom:50px;
	max-width:100%;
}
#headerimg.clientbox:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.13);
}
#headerimg.clientbox .caption h1 { 
	display:block;
}
#headerimg.clientbox .caption h3 a {
	color:#fff;
	font-size:18px;
}
#headerimg .caption h1, h3.caption {
	display:inline-block;
	vertical-align:top;
	padding:10px;
	color:#fff;
	margin:0 0 5px 0;
	position:relative;
}
#headerimg .caption h1 {
	padding:10px 20px 10px;
	margin:0;
	z-index:10;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	display:block;
}

.whitebox {
	background:#fcfcfc url(../img/paper.jpg);
	padding:60px 0;
	
}
.whitebox h1, .whitebox h2, .whitebox h3, .whitebox h4, .whitebox h5, .whitebox p, .whitebox ul, .whitebox ol {
	color: #252627 !important;
}

.captionpad{
	padding:15px 20px 10px;
}
div.[class^="bg-"] {
	color:#fff;
}

.bg-dd {
	background:#df5a18;
}
.bg-xmas {
	background:#8c0303;
}

.bg-0 {
	/*black*/
	background:rgba(22,28,33,0.85);
}
.bg-1 {
	/*Yellow*/
	background:rgba(233,192,99,0.85);
}
.bg-2 {
	/*Dove Grey*/
	background:rgba(168,175,185,0.85);
}
.bg-3 {
	/*Brown*/
	background:rgba(78,74,75,0.85);
}
.bg-4 {
	/*Dark Grey*/
	background:rgba(113,117,120,0.85);
}
.bg-5 {
	/*Dark Blue*/
	background:rgba(67,87,103,0.85);

}
.bg-6{
	/*Dark Brown*/
	background:rgba(65,54,58,0.85);
}
.bg-7{
	/*Charchoal*/
	background:rgba(38,42,46,0.85);
}
.bg-8{
	/*Green*/
	background:rgba(148,157,104,0.85);
}
.bg-9{
	/*Sage*/
	background:rgba(158,175,159,0.85);
}
#enquirybox {
	padding:20px 0;
}
#enquirybox:after {
	content:".";
	width:100%;
	height:1px;
	overflow:hidden;
	clear:both;
	display:block;
}
#enquirybox .call2action-title {
	display:inline-block;
	vertical-align:top;
	padding:15px 20px 10px;
	color:#fff;
	margin:0 0 15px 0;
	position:relative;
	left:0;
	top:0;
	z-index:10;
}
#enquirybox input[type="text"],#enquirybox input[type="email"],#enquirybox input[type="tel"], #enquirybox textarea,
.enquire input[type="text"],.enquire  input[type="email"],.enquire input[type="tel"], .enquire textarea {
	background:rgba(38,42,46,0.85);
	background:rgba(255,255,255,0.15);
	color:#f5f5f5;
	border:1px solid #3f454c;
	border:1px solid #a8afb9;
	margin-bottom:8px;
	font-size:inherit;
}


#enquirybox input.wpcf7-acceptance {
	display:inline-block;
	width:auto;
	margin:10px 0 0;
}
#enquirybox p {
	padding:0;
	margin:0;
	font-size:14px;
	color:#f5f5f5;
}
#enquirybox .optional {
	padding:10px 0 0;
	margin:0 0 15px 0;
	color:#a8afb9;
	color:#fff;
}
#enquirybox .join {
	margin:0 0 5px 0;
	text-align:right;
}
#enquirybox p.enquire-button {
	display:block;
	margin:5px 0 0 0;
	text-align:right;
	position:relative;
}
#enquirybox input[type="submit"] {
	background:#949d68;
	background:#df5a18;
	font-size:16px;
	display:inline-block;
	width:auto;
	padding:10px 30px;
	color:#fff;
}
#enquirybox p.enquire-button .ajax-loader {
	position:absolute;
	top:0;
	right:0;
	background:#fff;
	padding:2px;
}
#enquirybox .wpcf7-quiz-label, #enquirybox input.wpcf7-quiz,
.enquire .wpcf7-quiz-label, .enquire input.wpcf7-quiz {
	display:inline-block;
	vertical-align:top;
	color:#f5f5f5;
}

#enquirybox p.human, .enquire p.human {
	text-align:right;
}
.enquire p.human { font-size:13px;}
#enquirybox .wpcf7-quiz-label ,
.enquire .wpcf7-quiz-label{
	width:70%;
	line-height:37px;
	padding:0 10px 0 0;
}
#enquirybox input.wpcf7-quiz,
.enquire input.wpcf7-quiz{
	width:28%;
}
#enquirybox span[role="alert"] {
	margin:-5px 0 0 0;
	display:block;
	font-size:14px;
}

#enquirybox input[type="checkbox"] {
	display:inline-block;
	vertical-align:top;
	margin:8px 0 0 10px;
	width:auto;
}
#enquire-overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	padding:10% 20px 0;
	z-index:9000;
	margin:0 auto;
	
}
#enquire-overlay.active {
	display:inline-block;
}
.enquire {
	display:inline-block;
	margin:0 auto;
	padding:20px;
	width:100%;
	max-width:360px;
	color:#fff;
	position:relative;
	text-align:left;
}
.enquire .icon-cross2 {
	position:absolute;
	top:10px;
	right:10px;
	color:#fff;
	text-align:center;
	font-size:24px;
	cursor:pointer;
}
.enquire input[type="text"], .enquire input[type="email"] {
	border:1px solid #ccc;
}
.enquire p {
	padding:0;
}
.enquire input[type="submit"] {
  background: #df5a18 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  font-size:18px;
  text-transform:uppercase;
  font-weight:bold;
  border-radius:4px;
  background:#222;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
	border:none;
	text-align:right;
	color:
}
#service-section3 .call2action-title {
	display:inline-block;
	vertical-align:top;
	padding:15px 20px 10px;
	color:#fff;
	margin:0 0 -15px 0;
	position:relative;
	left:0;
	top:-25px;
	z-index:10;
}
#sector {
	
}

ul.tiles {
	padding:0;
	margin:6px 0 0;
	text-align:center;
}
ul.tiles li{
	display:inline-block;
	vertical-align:top;
	width:33%;
	height:220px;
	margin:0 0 4px;
	text-align:left;
	position:relative;
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
	background-size:120% auto;
	-webkit-transition: background ease-in-out 1.5s;
	transition: background ease-in-out 1.5s;
}
ul.tiles li.titlebox {
	padding:30px 20px;
	color:#fff;
	background-position: 40px 40px;
	background-size:100% auto;
}
ul.tiles li.titlebox:hover {
	background-position: 40px 40px;
	background-size:100% auto;
}
ul.tiles li.titlebox2{
	background-position: -250px -20px;
	background-size:auto;
}
ul.tiles li.titlebox2:hover{
	background-position: 0 -20px;
	background-size:auto;
}
ul.tiles li.titlebox2 h3{
}

ul.tiles li.titlebox2 a {
	padding:15px 30px;
	color:#fff;
	text-align:right;
}

ul.tiles li a {
	display:block;
	width:100%;
	height:100%;
	color:#262a2e;
}
ul.tiles li a h3 {
	color:inherit;
	vertical-align:middle;
}

ul.tiles li a .hoverwrap {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  display: inline-block;
  height: 80px;
  left: 0;
  line-height: 100px;
  margin: 0 auto;
  padding: 20px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  transition: bottom 0.3s ease-in-out 0s;
  width: 100%;
}
ul.tiles li a span.sector {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #ccc;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
  right: 0;
  text-transform: uppercase;
  top: auto;
  vertical-align: top;
}
ul.tiles li a p{
	margin:0;
	padding:0;
	line-height:22px;
}
ul.tiles li a h4{
	padding:0;
	margin:0;
	color:#262a2e;
	color:#fff;
	font-size:22px;
}

ul.tiles li:hover .hoverwrap {
	bottom:0;
}
#servicelist {

}
#servicelist ul {
	padding:10px 0;
	margin:0;
}
#servicelist #sidebar {
	color:#fff;
	padding:20px 0;
}
ul.sectors, ul.services {
	padding:10px 0;
	margin:0;
	list-style:none;
	position:relative;
}

ul.sectors li, #servicelist #sidebar ul li, ul.services li {
	display:inline-block;
	margin:0 -1px 4px 0;
	padding:0;

}
ul.sectors li a, #servicelist #sidebar ul li a, ul.services li a {
	display:block;
	color:#fff;
	background:rgba(148,157,104,0.85);
	padding:8px 20px;
	text-transform:capitalize;
	font-size:16px;
}

/*-----------*/
#servicelist #sidebar ul li a {
	background:rgba(78,74,75,0.85);
}
#servicelist #sidebar ul li a:after {
	display:none;
}
ul.sectors li a:hover, #servicelist #sidebar ul li a:hover, ul.services li a:hover, ul.sectors li.active a {
	background:rgba(113,117,120,0.85);
}
#sidebar ul li ul{
	display:none;
}
h5.tel {
	color:#df5a18 ;
	font-size:30px;
	line-height:32px;
	padding:0;
}
h5.tel span {
	color:#cbd7d7;
	display:inline-block;
	padding:0 20px 0 0;
}

#servicelist #sidebar h3 strong {
	font-weight:normal;
	color:#dfc063;
}

#servicelist #sidebar ul li.current_page_item a{
	background:rgba(113,117,120,0.85);
}
#servicelist #sidebar ul li.current_page_ancestor a{
	background:rgba(113,117,120,0.85);
	color:#fff;
}
ul.feedback {
	display:block;
	list-style:none;
	position:relative;
	padding:0;
	margin:0
}
ul.feedback li{
	display:inline-block;
	vertical-align:top;
	margin:0 -4px 0 0;
	width:25%;
	padding:10px;
	

}
ul.feedback.stack li{
	display:block;
	vertical-align:top;
	margin:0 0 10px 0;
	width:100%;
	padding:10px;
	

}
ul.feedback h4 {
	height:80px;
	margin:10px 0 0 0;
	font-weight:400;
	text-transform:capitalize;
	color:#949d68;
}
ul.feedback.stack h4 {
	height:auto;
	margin:0 0 10px 0;
}
ul.feedback p{
	text-align:left;
	position:relative;
	padding:10px 0 0 0;
}
ul.feedback p:before{
	content: "\275e";
	font-family:"entypo";
	position:absolute;
	top:5px;
	left:-20px;
	color:#c4c9c5;
	font-size:22px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}



blockquote {
	width:100%;
	margin:0;
	border:none;
	padding:10px 0;
	position:relative;
	border-radius: 6px;
	text-align:center;
	
}
blockquote:before {
	content:"";
	position:relative;
	width:100px;
	height:2px;
	background:#666;
	display:block;
	margin:0 auto 20px auto;
	color:#666;
}
blockquote cite {
	position:relative;
	color:#222;
	display:block;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	text-transform:capitalize;
	font-family: "wc_mano_negra_btaregular";
	font-size:32px;
	font-style:normal;
	line-height:38px;
}
blockquote cite:after {
	content:"\e61d";
	font-family:icomoon;
	/*width:40px;*/
	height:100%;
	color:#df5a18;
	font-size:32px;
	line-height:26px;
	font-style:normal;
	position:relative;
	display:block;
	vertical-align:middle;
	margin:5px 0;
	
}


/* --------------------------------------------------------------------------------------------------------------------- Clients */

h3.sector, h4.sector {
  color: #fff;
  display: inline-block;
  padding: 5px 20px;
  position: absolute;
  right:0;
  bottom: -55px;
}
h3.sector a, h4.sector a{
	color: #fff;
}
.caseimg {
	position:relative;
	margin:8px 0;
}
.caseimg h4 {
	position:absolute;
	bottom:0;
	left:0;
	display:inline-block;
	padding:10px 20px;
}
.clientlogo {
	display:block;
	width:100%;
	height:200px;
	background:url() center no-repeat;
	position:absolute;
	top:0;
	left:0;
}
.caseimg img {
	display:block;
	width:100%;
	height:auto;
}
/* --------------------------------------------------------------------------------------------------------------------- Case Studies */
.cs-frame {
}
.casestudy {
	display:block;
	margin:20px auto 20px auto;
	max-width:1200px;
	position:relative;
}
.casestudy h2.cs-title {
	background-color:#c4c9c5;
	
	min-height:140px;
	margin:0;
	cursor:pointer;
	position:relative;
	/*background:#c4c9c5 url(../img/services.png) 92% 0 / 160px auto no-repeat;
	padding:40px 200px 40px 30px;*/
	padding:40px;
	background:#c4c9c5;
}
.casestudy h2.cs-title:after {
	content:"\e67e";
	color: #fff;
	display: block;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right:10px;
	text-align: center;
	top:10px;
	width: 40px;
	font-size:20px;
	font-family:icomoon;
}
.casestudy.active h2.cs-title:after {
	content:"\e67d";
}
.casestudy.brand.active h2.cs-title {
	background:rgba(0,0,0,0.6);
	padding:40px;
}
.casestudy h2.cs-title span {
	font-size:24px;
	line-height:24px;
	color:#717578;
	display:block;
	margin:10px 0 0 0;
}
.casestudy.active .cs-content, .casestudy.active .cs-img, .casestudy.active .feat{
	display:block;
	
}
.casestudy .cs-content{
	display:none;
	padding:0 30px;
	position:relative;
	margin:0;
	border-top:1px solid #666;
}
.casestudy .cs-brand {
	display:block;
	height:150px;
	background-color:#f5f5f5;
	background-position:center 80%;
	background-repeat:no-repeat;
	background-size:cover;
	padding:150px 0 0 0;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.casestudy.brand.active .cs-brand, .casestudy.brand.active h2.cs-title {
	height:360px;
}
.casestudy .feat {
	display:none;
	position:absolute;
	bottom:0;
	left:10px;
}
.casestudy.active .cs-content:before{
	content:"\e648";
	width:40px;
	height:40px;
	position:absolute;
	top:-20px;
	right:30px;
	display:block;
	background:#fff;
	border-radius:50%;
	font-family:icomoon;
	text-align:center;
	line-height:35px;
	font-size:20px;
	color:#666;
	z-index:10;
	border:1px solid #666;
}
.cs-content:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
.casestudy .cs-img {
	display:none;
	margin:0;
	position:relative;
	
}
.casestudy .cs-img img {
	width:100%;
	height:auto;
}
.casestudy .cs-img h4{
	position:relative;
	padding:10px 20px;
	display:block;
	margin:0;
	text-align:left;
	text-transform:none;
}
.casestudy .cs-content blockquote {
	width:80%;
	margin:0 auto;
}
.casestudy .cs-content blockquote:before {
	content:"";
	width:100px;
	margin:0 auto;
	display:block;
	border-bottom:1px solid #222;
}

.casestudy:nth-of-type(4n+2) h2.cs-title {
	background-color:#717578;
	color:#cbd7d7;
}
.casestudy:nth-of-type(4n+2) h2.cs-title span {
	color:#e1dfd1;
}
.casestudy:nth-of-type(2n+3) h2.cs-title {
	background-color:#c5c5a3;
}
.casestudy:nth-of-type(3n+5) h2.cs-title{
	background-color:#787274;
	color:#e1dfd1;
}
.casestudy:nth-of-type(3n+5) h2.cs-title span{
	color:#e1dfd1;
}
.casestudy .button.profile {
	position:absolute;
	top:-80px;
	right:0;
}
/* --------------------------------------------------------------------------------------------------------------------- Picture Lists */
ul.picturelist {
	margin:0 0 20px 0;
	padding:0;
	position:relative;
}
ul.picturelist li .imgbox{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
ul.picturelist li .txtbox {
	background:#c4c9c5;
	-webkit-transition: background ease-in-out 0.5s;
	transition: background ease-in-out 0.5s;
	text-align:center;
	float:right;
}
ul.picturelist>li:nth-of-type(4n+3) .txtbox {
	background:#717578;
	color:#cbd7d7;
}
ul.picturelist>li:nth-of-type(2n+2) .txtbox {
	background:#c5c5a3;
}
ul.picturelist>li:nth-of-type(3n+6) .txtbox {
	background:#65839b;
	color:#e1dfd1;
}
ul.picturelist>li:nth-of-type(6n+2) .txtbox {
	background:#787274;
}
ul.picturelist .txtbox h4 {
	display:inline-block;
	color:#fff;
	text-align:center;
	position: relative;
	margin:0;
	padding:10px 0;
	/*font-family: 'wc_mano_negra_btaregular';*/
}
ul.picturelist .txtbox .clientlogo {
	position: relative;
	width:100%;
	height:100%;
}

[class*="svg-"] {
	position:relative;
}

/* --------------------------------------------------------------------------------------------------------------------- Devices UI */


.overlay {
	position:relative;
	background-attachment:fixed;
	background-size:cover;
}
.overlay .innerframe {
	position:relative;
}

.overlay:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-10%;
	width:120%;
	height:100%;
	background-color:rgba(0,0,0,0.65);
	z-index:0;
-webkit-box-shadow: inset 0px 0px 8px 3px rgba(0, 0, 0, 0.85);
-moz-box-shadow:    inset 0px 0px 8px 3px rgba(0, 0, 0, 0.85);
box-shadow:         inset 0px 0px 8px 3px rgba(0, 0, 0, 0.85);
border:1px solid #2a2a2a;W
	
}

.overlay h4, .chalk h2, .chalk h3, .chalk h4, .chalk h5, body.home #third .widget-title, .deviceframe h4, #wpp-4 .widget-title {
	color:#fff;
	font-family: 'wc_mano_negra_btaregular';
	text-transform:uppercase;
}
.chalk h3, .widget-title{
	font-size:36px;
	line-height:42px;
	margin:20px 0 10px;
	
}
.chalk h2, body.home #third .widget-title,.whitebox h2 {
	font-size:50px;
	line-height:52px;
	margin:25px 0 5px;
}

.wpp-list h3 {
	font-size:25px;
	line-height:28px;
	
}
.chalkline {
	background:url(../img/chalkline.svg) center bottom / 100% auto no-repeat;
	padding-bottom:50px;
	margin-bottom:20px;
}
/* --------------------------------------------------------------------------------------------------------------------- Homepage */
body.home #main {
	padding:0;
	min-height:1000px;
}

#main .story { 
	min-height:900px; 
	padding:0; 
	margin: 0; 
	width: 100%; 
	margin: 0 auto;
	background:center / cover no-repeat fixed;
	overflow:hidden;
	position:relative;
	display:block;
}

body.home p.scroll{
  display: inline-block;
  position: absolute;
  right:50px;
  left:50px;
  top: 750px;
  z-index: 4;
  padding:0;
}
body.home #first p.scroll {
	top: 600px;
}
body.home p.scroll .prev {
	float:left;
}
body.home p.scroll .next {
	float:right;
}

body.home p.scroll a{
  color: #fff;
  display:inline-block;
  height: 45px;
  text-align: center;
  width: 45px;
  z-index: 9000;
  border:1px solid #ccc;
  border-radius:50%;
}
body.home p.scroll a span:before {
  display: inline-block;
  font-size: 26px;
  line-height: 45px;
  width: 100%;
}
body.home p.scroll a:hover {
	background-color:rgba(0,0,0,0.4);
}
/*.tabframe {
	position:relative;
	height:620px;
	margin:0;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
.tabframe p {
	font-size:22px;
	line-height:30px;
	margin: 15px 0 25px;
	color:#fff;
}
.tabframe .tablabels {
	display:block;
	position:absolute;
	top:0;
	right:15px;
	width:30px;
	list-style:none;
	padding:20px 0 0 0;
	margin:0;
}
.tabframe .tablabels li {
	list-style:none;
	margin:0 0 15px 0;
}
.tabframe .tablabels li.title {
	list-style:none;
	margin:0 0 30px 0;
}
.tabframe .tablabels li a{
	color:#ccc;
	position:relative;
	border:1px solid #fcfcfc;
	padding:0;
	display:block;
	font-size:16px;
}
.tabframe .tablabels li a:hover {
	background:#444;
}
.tabframe .tablabels li a.active, .tabframe .tablabels li a.active:hover{
	color:#fff;
	border:1px solid #fff;
	background:#fcfcfc;
}

.tabframe div.tabbox {
	display:none;
	position:absolute;
	left:0;
	width:95%;
	height:100%;
}

.tabframe div.tabbox.active {
	display:block;
	border-right:1px dashed #666;
	
}
.tabframe .tabbox .txtbox {
	padding:0;
	top:0;
	width:100%;
	position:absolute;
	height:100%;
}
.tabframe .tabbox .button {
	padding:10px 35px 10px 15px;
	position:relative;

	background:none;
	color:#fff;
	border:1px dashed #666;
}
.tabframe .tabbox .button:after {
	line-height:42px;
}
.tabframe .tabbox .button:hover {
	background:#434343;
	border:1px solid #666;
	color:#fff;
}
.tabframe .tabbox img.feat {
	display:inline-block;
	float:right;
	margin:0 0 20px 20px;
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
.tabframe .tabbox .servicelist ul {
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:20px 10px 0 0;
	width:50%;
	float:left;
}
.tabframe .tabbox .servicelist ul li {
	display:block;
	margin:0 0 5px 0;
}
.tabframe .tabbox .servicelist ul li h5 {
	margin:0 0 15px 0;
}
.tabframe .tabbox .txtbox h2 {
	margin:0 0 20px;
}
.tabframe .tabbox .txtbox h4 {
	margin:0 0 5px 0;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	line-height:26px;
}
.tabframe .tabbox .servicelist ul li a {
	color:#fff;
}
.tabframe .tabbox .servicelist ul li a:hover {
	color:#fb7f05;
}*/
body.home .deviceframe .device, 
body.home h1, 
body.home .deviceframe h3{
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

/* --------------------------------------------------------------------------------------------------------------------- Homepage*/


body.home ul.quotes {
	padding:20px 0 20px;
	display:block;
	margin:0;
	text-align:justify;
}
body.home ul.quotes:after {
	content:"";
	display:inline-block;
	width:100%;
}
body.home ul.quotes li {
	text-align:left;
	width:46%;
	display:inline-block;
	vertical-align:top;
	margin:10px 0;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	

}
body.home ul.quotes li blockquote {
	padding:0;
}
.alignleft {
	float:left;
	margin:0 20px 20px 0;
	display:block;
}
.alignright {
	float:right;
	margin:0 0 20px 20px;
	display:block;
}
.aligncenter {
	display:block;
	margin:10px auto;
}

.postnav.swipeBoth {
	background:url(../img/swipeBoth.svg) center / auto 50px no-repeat;
}




/* --------------------------------------------------------------------------------------------------------------------- Contact */
/*Contact Page*/
body.page-id-4570 #maincontent {
	background:url(../img/dd_map.svg) center 0 /100% auto no-repeat;
	
}
body.page-id-4570 #maincontent .entry {
	background:rgba(0,0,0,0.50);
	padding:20px 30px;
	border-radius: 8px;
	border:1px solid #262a2e;
}
body.page-id-4570 #maincontent .entry .button {
	margin:4px 0;
	width:100%;
	max-width:350px;
	line-height:20px;
	font-weight:bold;
	text-transform:uppercase;
}
body.page-id-4570 #maincontent .entry .button:before {
	margin-right:20px;
	font-size:24px;
	vertical-align:middle;
	font-weight:normal;
}
body.page-id-4570 #maincontent .entry .button:nth-of-type(1) {
	background-color:#717578;
}
body.page-id-4570 #maincontent .entry .button:nth-of-type(2) {
	background-color:#c5c5a3;
}
body.page-id-4570 #maincontent .entry .button:nth-of-type(3) {
	background-color:#787274;
	color:#e1dfd1;
}
body.page-id-4570 #maincontent .entry .button:hover {
	background:#444;
	color:#fff;
}
/* --------------------------------------------------------------------------------------------------------------------- Footer */
a#gotop {
  color: #fff;
  display: block;
  margin:0 auto;
  height: 50px;
  position: relative;
  text-align: center;
  width: 50px;
  top:-50px;
  border:1px solid #666;
   border-radius:50%;
}
a#gotop span:before {
	line-height:50px;
	font-size:26px;
	width:100%;
	display:inline-block;
}
a#gotop:hover {
	background:#444;
}
#footer {
	display:block;
	padding:10px 20px;
	position:relative;
	
	left:0;
	width:100%;	
	background-position:center 104%;
	background-repeat:no-repeat;
	background-size:102% auto;
	background-color: rgba(0,0,0, 0.6);
	background-image:url(../img/hammersmith.svg);
	border-top:2px solid #444;
}

#footer a {
	color:#fff;
	color:#cbd7d7;
}

#footer #footer_content {
	display:block;
	min-height:350px;
	position:relative;
	color:#fff;
	z-index:1;
}

#footer_content h2.dd {
	min-height:80px;
	line-height:80px;
	padding:0 20px 0 0;
}
#footer_content p.site-description {
	min-height:80px;
	padding:5px 20px 5px 20px;
	border-left:1px solid #efefef;
	color:#fff;
	margin-bottom:20px;
}

ul.affiliates  {
	margin:0 0 10px;
	padding:10px 0;
	text-align:left;
} 
ul.affiliates li{
	display:inline-block;
	vertical-align:top;
	width:145px; 
	margin:4px 0 8px; 
	height:70px; 
	background-position:0 0; 
	background-repeat:no-repeat;
	padding-top:69px;
	overflow:hidden;
	
}
ul.affiliates li a{
	display:block;
	height:70px; 
	padding-top:69px;
	overflow:hidden;
	
}
ul.affiliates li.nominet{background-image:url(../img/icon_nominet.png); }
ul.affiliates li.google{background-image:url(../img/icon_google.png);}
ul.affiliates li.magento{background-image:url(../img/icon_magento.png);}
ul.affiliates li.sagepay{background-image:url(../img/icon_sagepay.png);}
ul.affiliates li.adestra{background-image:url(../img/icon_adestra.png);}
ul.affiliates li.telecity{background-image:url(../img/icon_telecity.png);}
ul.affiliates li.iwdro{background-image:url(../img/icon_iwdro.png);}

#footer_content .footer-menu {
	padding:10px 0;
	margin:0;
}
#footer_content .footer-menu li {
	display:inline-block;
	vertical-align:top;
	padding:4px;
	margin:0;
}
#footer_content .footer-menu li a {
	display:block;
	font-size:13px;
	padding:4px;
	margin:0;

}
/* --------------------------------------------------------------------------------------------------------------------- Sharing tools */
#posthead #atstbx .addthis_sharing_toolbox {
	text-align:right;
}
#posthead .addthis_sharing_toolbox #atstbx .at-icon-wrapper {
	background:rgba(0,0,0,0.4) !important;
	border-radius:4px;
}
/* --------------------------------------------------------------------------------------------------------------------- 404 pages and no-content */
.character_frame {
	display:block;
	/*background:url(../img/character2.png) center 0 no-repeat;*/
	position:relative;
	padding:130px 0 20px;
	margin:0 auto;
	max-width:800px;

}
.character_frame:before {
	content:"";
	display:block;
	background:url(../img/character1.png) center 0 no-repeat;
	position:relative;
	margin:0 auto;
	width:100%;
	height:200px;
	position:absolute;
	top:0;
	
}
.character_frame .page-content {
	color:#fff;
	padding:40px 20px 20px;
	text-align:center;
	border:1px dashed #666;	
}
.character_frame #searchform { 
	width:100%;
	max-width:300px;
	display:block;
	margin:0 auto;

}
.character2 {
	display:block;
	background:url(../img/character2.png) center 0 no-repeat;
	margin:0 auto;
	min-height:500px;
	padding:0;
	
}
.notfound:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	background:url(../img/404.svg) center / 100% auto no-repeat;
	z-index:-10;
	margin:0 auto;
	max-width:1000px;
}

.character2 .page-content {
	padding:200px 0 0 0;
	margin:0;
	text-align:center;
}
/* --------------------------------------------------------------------------------------------------------------------- xxx */
ul.blocklist li {
	color:#fff;
	text-align:left;
}
ul.blocklist li:nth-of-type(2) h4x {
	background-color:#717578;
	color:#cbd7d7;
}
ul.blocklist li:nth-of-type(3) h4x {
	background-color:#c5c5a3;
}
ul.blocklist li:nth-of-type(4) h4x{
	background-color:#787274;
	color:#e1dfd1;
}

ul.blocklist li:nth-of-type(5) h4x {
	background-color:#65839b;
}
ul.blocklist li a, ul.blocklist li h3 {
	display:block;
	color:inherit;
	
}



/* --------------------------------------------------------------------------------------------------------------------- xxx */
/* --------------------------------------------------------------------------------------------------------------------- xxx */
/* --------------------------------------------------------------------------------------------------------------------- xxx */



/* --------------------------------------------------------------------------------------------------------------------- Responsive Queries */

/* ------------------------------------------------------Min Withs Smallest to largest */
@media only screen and (min-width: 768px) { 
	
	#headerimg .caption {
		right:0;
	}
	#main {
		padding:10px 20px;
	}
	#headerimg .caption h1, #headerimg .caption h3 {
	  padding: 15px 20px 10px;
	  min-width:300px;
	}
	
	#sidebar #wpp-4 ul{
	 text-align:left;
	}
	#sidebar #wpp-4 ul li {
		padding:0 0 5px;
		border-bottom:1px dashed #666;
		margin-bottom:10px;
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:280px;
		text-align:left;
		margin:0 10px 10px;
		min-height:280px;
	}
	#sidebar #wpp-4 ul li:nth-of-type(2n){
		float:right;
	}
	
	.contentpad {
		padding:50px 40px;
	
	}
	#postlist {
		padding:0 15px;
	}
	/*Careers*/
	body.page-id-4590 #postlist {
		padding:0;
	}
	#postlist .postwrap {
		padding:20px;
	}
	#postlist .leftbox {
		display:inline-block;
		vertical-align:top;
		width:32%;
		max-width:360px;
	}
	#postlist .post, #postlist .page {
		display:inline-block;
		vertical-align:top;
		width:66%;
		margin:0 -4px 0 0;
	}
	
	#postlist .featimg {
		display:block;
		width:100%;
		height:250px;
		background:#e6e5e6;
		padding:0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	#wpp-4 #mag-block li {
		margin:10px 2.6% 60px 0;
		width:30%;
	}
	.single-head {
		position:relative;
		padding:20px 20px 20px 320px;
		min-height:220px;
		margin:0 0 6px;
		background:#595d5f;
	}
	.single-head h1 {
		margin:0 0 20px;
	}
	.postwrap .date-time {
		display:block;
		vertical-align:top;
		line-height:18px;
		padding:10px 0;
	}
	ul.blocklist li {
		width:49.6%;
	}
	ul.blocklist li img.blankimg {
		background:url() center 0 no-repeat;
		background-size:auto;
		width:100%;
		height:auto;
	}
	ul.tiles li {
		width:49.6%;
	}
	body.single-careers .menu-item-5649 {
		background: rgba(0, 0, 0, 0.25);
	}
	body.single-careers .menu-item-5649 > a, body.single-careers .menu-item-4590 > a {
		color:#df5a18;
	}
	#Postimg {
		test-align:justify;
		padding:10px;
		margin-bottom:6px;
		position:relative;
	}
	#Postimg.careers {
		background-image:url(../img/our-work.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		background-size:auto 100%;
		min-height:250px
	}
	#Postimg.careers .date-time {
		position:absolute;
		bottom:20px ;
		font-size:14px;
		color:#fff;
	}
	.postwrap.careers {
		background-image:url(../img/our-work.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		background-size:300px auto;
	}
	.postwrap.careers h2 {
		margin-right:250px;
	}
	#postlist .postwrap.careers .post {
		margin:0;
		padding:0;
		text-align:justify;
	}
	#Postimg .leftbox {
	  display: inline-block;
	  vertical-align: top;
	  width: 30%;
	  text-align:left;
	}
	#Postimg #posthead {
	  display: inline-block;
	  margin: 0 -4px 0 1.6%;
	  vertical-align: top;
	  width: 68%;
	  text-align:left;
	}
	
	#Postimg .leftbox, #Postimg .leftbox p, #Postimg .leftbox a {
		color:#fff;
		font-size:14px;
		line-height:20px;
	}
	#Postimg .leftbox .avatar {
		float:left;
		margin:0 10px 0 0;
		vertical-align:top;
		border:1px solid #fff;
		width:60px;
		height:60px;
	}
	#Postimg .leftbox p {
		padding:0;
		margin:6px 0 10px 0;
	}
	#Postimg.careers {
		background-image:url(../img/our-work.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		background-size:auto 220px;
		min-height:260px
	}
	#Postimg.careers .date-time {
	  bottom: 20px;
	  color: #fff;
	  font-size: 14px;
	  position: absolute;
	  margin:0;
	}
	body.home #third, body.home #fourth,  body.home #fifth {
		padding:20px;
	}
	.overlay {
		margin:0 -20px;
		padding-left:20px;
		padding-right:20px;
	}
	/*---------------hexagon list*/
	.post ul.services {
		position:relative;
		display:block;
		max-width:500px;
		margin:0 auto;
		height:180px;
	}
	.post ul.services.medium {
		height:310px;
	}
	.post ul.services.large {
		height:460px;
	}
	.post ul.services li {
	  display:block;
	  vertical-align:middle;
	  position: relative;
	  width: 150px; 
	  height: 86.60px;
	  background-color: rgba(0, 0, 0, 0.6);
	  margin: 43.30px 0;
	  position:absolute;
	  top:0;
	  left:0;
	}
	
	.post ul.services li:before,
	.post ul.services li:after{
	  content: "";
	  position: absolute;
	  width: 0;
	  border-left: 75px solid transparent;
	  border-right: 75px solid transparent;
	  left:0;
	}
	
	.post ul.services li:before {
	  bottom: 100%;
	  border-bottom: 43.30px solid rgba(0, 0, 0, 0.6);;
	}
	.post ul.services li:after {
	  top: 100%;
	  width: 0;
	  border-top: 43.30px solid rgba(0, 0, 0, 0.6);
	}
	.post ul.services li a,.post ul.services li:hover a {
		background:none;
		display:block;
		text-align:center;
		  position: relative;
		  top: 50%;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
		  padding:0 10px;
		  color:#fff;
	}
	
	.post ul.services li:nth-of-type(1) {
		top:0;
		left:-1px;
	}
	.post ul.services li:nth-of-type(2) {
		top:0;
		left:155px;
	}
	.post ul.services li:nth-of-type(3) {
		top:0;
		left:310px;
	}
	.post ul.services li:nth-of-type(4) {
		top:133px;
		left:78px;
	}
	.post ul.services li:nth-of-type(5) {
		top:133px;
		left:232px;
	}
	.post ul.services li:nth-of-type(6) {
		top:133px;
		left:387px;
	}
	.post ul.services li:nth-of-type(7) {
		top:267px;
		left:0;
	}
	.post ul.services li:nth-of-type(8) {
		top:267px;
		left:155px;
	}
	.post ul.services li:nth-of-type(9) {
		top:267px;
		left:310px;
	}
	.post ul.services li:nth-of-type(10) {
		top:267px;
		left:464px;
	}
	
}
@media screen and (min-width:940px) {
	
}
@media screen and (min-width: 1024px ){
	body:after {
		 background-size: 450px auto;
		 background-attachment:fixed;
		 background-position: center 80px;
	}
	
	nav.tab-bar {
		border-top:1px solid rgba(255,255,255,0);
		border-bottom:1px solid rgba(255,255,255,0);
		background:rgba(0,0,0,0.0);
		height:50px;
		position:relative;
	}
	#main {
		position:relative;
	}
	h1 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:102px;
		line-height:102px;
		margin:15px 0 30px;
		letter-spacing:-2px;
		text-transform:uppercase;
	}
	h1.alt {
		font-size:113px;
	}
	#posthead h1 { /*this is for the blog pages*/
		font-family: 'Roboto Condensed', sans-serif;
		font-size:58px;
		line-height:62px;
	}
	h2 { 
		font-size:36px; 
		line-height:40px;
		margin:20px 0;
		letter-spacing:-0.5px;
	}
	.chalk h2,  {
		font-size:42px;
	}
	h3 { 
		font-size:24px; 
		line-height:30px; 
		letter-spacing:-0.5px; 
		margin:15px 0 5px;
	}
	h4 {
		font-size:20px; 
		line-height:28px; 
		letter-spacing:0.5px;  
		margin:15px 0 ;
	}
	h5 { 
		font-size:20px; 
		line-height:28px; 
		letter-spacing:0.5px;
		margin:10px 0 ;
	}
	p {
		font-size:18px;
		line-height:26px;
		margin:5px 0 15px;
		padding:0;
	}
	
	body.tax-sector ul.nav-menu #menu-item-4576 > a, body.single-clients ul.nav-menu #menu-item-4576 > a {
		color:#df5a18;
	}
	body.single-clients .nav-menu #menu-item-4574.current_page_parent > a {
		border:none;
	}
	body.tax-sector ul.nav-menu #menu-item-4576:hover > a, 
	body.tax-sector ul.nav-menu #menu-item-4576:hover > a:active, 
	body.single-clients ul.nav-menu #menu-item-4576:hover > a,
	body.single-clients ul.nav-menu #menu-item-4576:hover > a:active{
		color:#fff;
	}
	body.single-clients #wpp-4{
		padding-top:40px;
	}
	.innerframe .blog {
		display:inline-block;
		vertical-align:top;
		width:680px;
		min-height:600px;
		float:right;
		padding:0;
		margin:0;
	}
	.contentpad {
		padding:50px;
	}
	
	div.minusmargin {
		margin-top:-40px;
		padding-top:40px;
	}

	#sidebar ul {
		padding:5px 0 15px;
		margin:0;
	}
	#sidebar #wpp-4 ul li .wpp-thumbnail {
		max-width:250px;
		max-height:160px;
		margin:0;
		float:none;
		display:block;
	}
	#sidebar #wpp-4 ul li {
		padding:0 0 5px;
		border-bottom:1px dashed #666;
		margin:30px 0 20px;
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:100%;
		min-height:200px;
	}

	
	
	
	
	ul.tiles li {
		height:250px;
	}
	
	
	#headerimg .caption {
		max-width:1100px;
	}
	
/*	#blogframe:before {
		content:"";
		display:block;
		position:fixed;	
		width:100%;	
		height:100%;	
		z-index:-1000;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:url(../img/blog-title.svg) center 50px /95% auto no-repeat;
	}*/
	.svg-trophy {
		min-height:200px;
		position:relative;
	}
	.svg-trophy h1{
		margin:0 0 20px;
		min-height:100px;
		padding-left:10px;
	}
	.svg-trophy:before {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:400px;	
		z-index:-2;
		margin:0 auto;
		top:-50px;
		left:0;
		right:0;
		bottom:0;
		background:transparent url(../img/wreath1.svg) center 0 /400px auto no-repeat;
	}
	#OurTeam.story {
		padding: 50px 0 0;
	}
	.svg-wreath {
		margin:45px auto 20px;
		min-height:100px;
		padding:0;
	}
	.svg-wreath:before {
		content:"";
		display:block;
		position:absolute;	
		width:600px;	
		height:600px;	
		z-index:0;
		margin:0 auto;
		top:-110px;
		left:0;
		right:0;
		bottom:0;
		background:url(../img/wreath2.svg) center 0 /65% auto no-repeat;
	}

	body.tax-sector .svg-trophy:before {
		background-position:center 0;
	}
	body.tax-sector .svg-trophy h1 {
		margin:0 auto;
		padding: 60px 0 0 0;
		text-align:center;
		width:60%;
	}
	body.tax-sector .svg-trophy {
		min-height:250px;
		text-align:center;
	}
	body.tax-sector h4.sectorlabel {
	  display:inline-block;
	  vertical-align:top;
	  padding:8px 20px;
	  -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    		transform: rotate(7deg);
	}

	.chalk, .chalk h2, .chalk h3, .chalk h4, .chalk p  {
		color:#fff;
		color:#e6e5e6;
		
	}
	blockquote {
		
	}
	.chalk blockquote {
		margin:20px auto;
		display:block;
		background-image: none;
		border-radius: 6px 6px 0;
		padding:20px;
		position: relative;

	}
	.chalk blockquote p {
		font-size:22px;
		line-height:30px;
	}
	.chalk blockquote cite {
		 color:#fff;
	}
	.whitebox {
		background:#fcfcfc url(../img/paper.jpg);
		padding:40px 20px;
		margin:0 -20px;
		display:block;
		
	}
	blockquote.heart {
		position:relative;
		padding:20px 5%;
		margin:20px auto 40px;
		border:none;
		border-radius:0;
		background:none;
		text-align:center;
	
	}
	blockquote.heart:after {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:130%;	
		margin:0;
		left:0;
		right:0;
		bottom:0;
		top:-10%;
		background:url(../img/heart.svg) center /auto 100% no-repeat;
		z-index:-1;
	}
	blockquote.heart cite {
		left:0;
		right:0;
		margin:0 auto;
		text-align:center;
		background:none;
		border:none;
	}
	blockquote.heart cite:after {
		display:none;
	}
	blockquote.heart p {
		color:#cbd7d7;
	}

	body.home #first {
		-webkit-animation-delay: 0.5s;
			 animation-delay: 0.5s;
	}
	body.home #main {
		padding:0;
	}
	body.home ul.quotes li blockquote p {
		font-size:22px;
		line-height:30px;
		padding:0;
		margin:0;
	
	}
	body.home #fifth {
		margin-bottom:100px;
	}
	/*---------------------------ul.picturelist = Case Studies and ul.blocklist = services on homepage*/
	ul.picturelist, ul.blocklist {
		margin:0 0 50px 0;
		padding:0;
		position:relative;
	}
	ul.blocklist {
		text-align:justify;
		margin:20px auto 0;
	}
	ul.picturelist.wideframe {
		margin:0 0 30px;
	}
	ul.picturelist:after, ul.picturelist.wideframe:after, ul.blocklist:after {
		content:".";
		display:block;
		height:0;
		overflow:hidden;
		clear:both;
	}
	ul.blocklist:after {
		display:inline-block;
		width:100%;
	}
	ul.picturelist li, ul.blocklist li{
		display:inline-block;
		vertical-align:top;
		margin:0;
		padding:0;
		width:50%;
		height:250px;
		float:left;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		border:1px solid transparent;
		overflow:hidden;
		position:relative;
	}
	ul.blocklist li {
		width:31%;
		height:auto;
		text-align:center;
		margin:2px 2px 20px 2px;
		float:none;
		position:relative;
		overflow:hidden;
		
	}
	
	ul.blocklist li h4{
		padding:10px 15px;
		background:rgba(0,0,0,0.3);
		/*background-color:#c4c9c5;*/
		margin:0;
		min-height:20px;
		z-index:5;
		position:relative;
	}
	
		
	ul.blocklist li:hover a {
		/*background:rgba(0,0,0,0.4);*/
	}
	ul.picturelist.bigbox li {
		height:230px;
	}
	ul.picturelist li .imgbox, ul.picturelist li .txtbox {
		display:inline-block;
		vertical-align:top;
		margin:0;
		padding:0;
		width:50%;
		height:100%;
		position:relative;
		-webkit-transition: background ease-in-out 0.5s;
		transition: background ease-in-out 0.5s;
	}
	
	ul.picturelist.bigbox>li:nth-of-type(1), 
	ul.picturelist.bigbox>li:nth-of-type(5), 
	ul.picturelist.bigbox>li:nth-of-type(9),
	ul.picturelist.bigbox>li:nth-of-type(13){
		height:460px;
	}
	
	ul.picturelist.bigbox>li:nth-of-type(3),
	ul.picturelist.bigbox>li:nth-of-type(7), 
	ul.picturelist.bigbox>li:nth-of-type(11) {
		height:460px;
		float:right;
	}
	ul.picturelist.bigbox>li:nth-of-type(1) .imgbox, 
	ul.picturelist.bigbox>li:nth-of-type(3) .imgbox,
	ul.picturelist.bigbox>li:nth-of-type(5) .imgbox, 
	ul.picturelist.bigbox>li:nth-of-type(7) .imgbox,
	ul.picturelist.bigbox>li:nth-of-type(9) .imgbox,
	ul.picturelist.bigbox>li:nth-of-type(11) .imgbox,
	ul.picturelist.bigbox>li:nth-of-type(13) .imgbox{
		border:none;
		width:100%;
	}
	ul.picturelist.bigbox>li:nth-of-type(1) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(3) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(5) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(7) .txtbox,
	ul.picturelist.bigbox>li:nth-of-type(9) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(11) .txtbox,
	ul.picturelist.bigbox>li:nth-of-type(13) .txtbox{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}
	
	ul.picturelist .imgbox:before {
		content:"";
		display:block;
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0);
		-webkit-transition: background ease-in-out 0.5s;
		transition: background ease-in-out 0.5s;
	}
	
	ul.picturelist li:hover .imgbox:before, ul.picturelist li:hover .txtbox:before {
		background:rgba(0,0,0,0.3);
		
	}
	ul.picturelist li:hover .imgbox {
		-webkit-filter: grayscale(1);
  		filter: grayscale(1);
		transition: background 0.6s ease-in-out 0s;
	}
	ul.picturelist.bigbox>li:nth-of-type(1) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(3) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(5) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(7) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(9) .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(11) .txtbox,
	ul.picturelist.bigbox>li:nth-of-type(13) .txtbox{
		background:transparent;
		opacity:0.3;
	}
	ul.picturelist.bigbox>li:nth-of-type(1):hover .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(3):hover .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(5):hover .txtbox, 
	ul.picturelist.bigbox>li:nth-of-type(7):hover .txtbox,
	ul.picturelist.bigbox>li:nth-of-type(9):hover .txtbox,
	ul.picturelist.bigbox>li:nth-of-type(11):hover .txtbox,
	ul.picturelist.bigbox>li:nth-of-type(13):hover .txtbox{
		background:transparent;
		z-index:200;
		display:block;
		opacity:1;
	}
	
	ul.picturelist li:hover .txtbox {
		background-color:#404244;
		z-index:20;
	}
	ul.picturelist .txtbox h4 {
		display:inline-block;
		color:#fff;
		text-align:center;
		position: relative;
		top: 50%;
			-ms-transform: translateY(-50%); /* IE 9 */
    	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    			transform: translateY(-50%);
		
		
		margin:0 auto;
		padding:10px;
		/*font-family: 'wc_mano_negra_btaregular';*/
		font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
		font-size:28px;
	}
	
	ul.picturelist .txtbox .clientlogo {
		position: relative;
		top: 50%;
			-ms-transform: translateY(-50%); /* IE 9 */
    	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    			transform: translateY(-50%);
		width:100%;
		height:100%;
		background-size: auto 150px;
	}
	ul.picturelist .txtbox span.sector {
		display:inline-block;
		color:#fff;
		position:absolute;
		bottom:10px;
		left:0;
		font-size:14px;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	
	
	.deviceframe {
		position:relative;
		display:block;
		padding:0;
		height:750px;
		margin:0 20px;
	}
	.deviceframe h3, .deviceframe h4 {
		position:absolute;
		display:inline-block;
		margin:0;
		padding:10px 20px;
		z-index:2;
	}
	
	.deviceframe h1 {
		font-family: 'wc_mano_negra_btaregular';
		font-size:72px;
		line-height:72px;
		text-align:right;
		display:inline-block;
		position:absolute;
		z-index:4;
		max-width:580px;
		top:150px;
		right:140px;
	}
	.deviceframe h3 {
		bottom:100px;
		right:60px;
		text-align:right;
		width:550px;
	}
	.deviceframe h2 a, .deviceframe h3 a, .deviceframe h4 a {
		color:#fff;
		display:block;
	}
	.deviceframe h4 {
		bottom:40px;
		right:0px;
		padding-right:50px;
	}
	.deviceframe .mobile h4 {
		bottom:105px;
		right:0px;
		padding:10px;
		width:100%;
		text-align:center;
		font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
	}
	.deviceframe h5.feat-caption {
		display:block;
		color:#fff;
		letter-spacing:2px;
		text-align:center;
		padding:0;
		margin:0;
		position: relative;
		top: 50%;
			-ms-transform: translateY(-50%); /* IE 9 */
    	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    			transform: translateY(-50%);
	}
	
	.display {
		position: relative;
		left: 0px;
		height: 600px;
	}
	.device{
		background-repeat: no-repeat;
		background-size: 100% auto;
		overflow: hidden;
	}
	
	.device .pic {
		margin: 0;
		padding: 0;
		position: relative;
		background-color: rgba(0,0,0,0.4);
		background-position:center 0;
		background-repeat:no-repeat;
		background-size:cover;
		border:none;
	}
	
	.device.tablet .pic {
		background-position:0 bottom;
	}

	.device.tablet h3 a {
		display:block;
		text-transform:uppercase;
	}
	.device.tablet h3:hover, .deviceframe .mobile h4:hover {
		background:rgba(0,0,0,0.6);
	}
	.device.laptop .pic {
		background-size:cover;
		background-position:center 0;
	}
	.device.tablet .pic:before, 
	.device.laptop .pic:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.20);
	}
	body.home .device.tablet.heart:before {
			content:"";
			display:block;
			position:absolute;	
			width:100%;	
			height:100%;	
			margin:0;
			left:0;
			right:0;
			bottom:0;
			top:0;
			background:url(../img/heart.svg) center /60% auto no-repeat;
			z-index:20;
		}
	body.home #third {
		padding:20px 50px;
	}
	body.home #fourth {
		padding:50px 80px;
	}
	.device.laptop .pic:before {
		background:rgba(0,0,0,0.35);
	}
	.device.tablet .clientlogo {
		left:0;
		right:0;
		margin:0 auto;
		top:30%;
	}
	.device.mobile {
		background-image: url("../img/mobile-outline.svg");
		position: absolute;
		width: 238px;
		height: 430px;
		bottom: 0;
		left: 330px;
		z-index: 5;
		-webkit-box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.40);
		-moz-box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.40);
		box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.40);
		border-radius:18px;
		background-position:0 -2px;
	}
	.device.mobile .pic {
	  height: 349px;
	  left: 16px;
	  top: 37px;
	  width: 206px;
	}
	.device.tablet {
		background-image: url("../img/tablet-outline.svg");
		z-index: 4;
		position:absolute;
		left:0;
		top:100px;
		-webkit-box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.60);
		-moz-box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.60);
		box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.60);
		border-radius:20px;
		background-position:-6px -5px;
		background-size:398px auto;
		width:386px;
		height:547px;
		
	}

	/*--------------------*/
	.device.tablet .pic {
		left: 27px;
    	top: 51px;
		width:333px;
		height:444px;
		
	}
	
	.device.laptop {
		background-image: url("../img/laptop-outline.svg");
		width: 1020px;
		height: 580px;
		top: 0;
		right: -8px;
		position: absolute;
		z-index: 2;
	}
	.videobox {
		height:auto;
	}
	.videobox .device.laptop {
		position:relative;
		margin:0 auto;
		right:auto;
	}
	.device.laptop .pic, .device.laptop iframe {
		height: 439px;
		left: 127px;
		top: 52px;
		width: 766px;
		margin:0;
	}
	.device.desktop {
		position: absolute;
		width: 566px;
		height: 538px;
		background-image: url("../img/device/large-screen-optimised.png");
		top: 0px;
		left: 220px;
		z-index: 1;
	}
	
	ul.tiles li:hover{
		background-size:100% auto;
	}
	.deviceframe h3 {
	  font-size: 18px;
	  line-height:22px;
	}
	
	#bloghome h1 {
		text-indent:35px;
		margin-top:0;
	}
	.maindate {
 		-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    		transform: rotate(-90deg);
		text-align:right;
		text-transform:uppercase;
		position:absolute;
		top:90px;
		left:-70px;
		color:#a8afb9;
		height:25px;
		display:inline-block;
		border-bottom:1px solid #a8afb9;
		width:180px;
		font-size:14px;
		font-weight:bold;
		letter-spacing:1.5px;
		margin:0;
	}
	#servicelist {
		margin-bottom:50px;
	}
	.innerframe.title {
	  height: 452px;
	}
	#headerimg.fullwidth {
		height:462px;
		/*background-attachment:scroll;*/
		background-size:100% auto;
	}
	body.page-id-4570 #maincontent {
		min-height:550px;
		
	}
	body.page-id-4570 #maincontent .entry {
		width:450px;
		top:50px;
		right:0;
		position:absolute;
	}
	body.page-id-4570 #service-section2, body.page-id-4570 #maincontent {
		padding:0 50px;
	}
	body.page-id-4570 #service-section2 {
		margin-top:-100px;
	}
	#wrapper {
		background:url(../img/splash.svg) center -100px / cover no-repeat fixed;
	}
	
}
@media screen and (min-width: 1260px){
	body {
		background-attachment:fixed;
	}
	body:after { 
		 background-size: 980px auto;
		 background-attachment:fixed;
		 background-position: center;
	}
	section.main-section {
		min-height:940px;
	}
	#headerimg.fullwidth {
		height:555px;

	}
	
	.innerframe .blog {
		display:inline-block;
		vertical-align:top;
		width:850px;
		min-height:600px;
		float:right;
		padding:0;
		margin:0;
		color:#f5f5f5;
	}
	.innerframe.title {
	  height: 550px;
	}
	#sidebar {

	}
	#sidebar #wpp-4 ul li .wpp-thumbnail {
		max-width:100%;
		max-height:auto;
		margin:0;
		float:none;
		display:block;
	}
	
	.entry img {
		display:block;
		max-width:100%;
		height:auto;
	}

	

	#commentbox, #respond {
		margin:30px 0 0 0;
	}
	ul.tiles.wideframe {
		margin:0 8% 30px;
	}
	ul.tiles li {
		width:49.5%;
		height:240px;
	}
	ul.tiles.wideframe li {
		height:330px;
	}
	ul.tiles li a .hoverwrap {
		display:inline-block;
		padding:30px 10px;
		position:absolute; 
		bottom:10%;
		left:0;
		right:0;
		width:80%;
		margin:0 auto;
		text-align:center;
		-webkit-transition: bottom ease-in-out 0.3s;
		transition: bottom ease-in-out 0.3s;
		height:120px;
		line-height:100px;
		background: rgba(0, 0, 0, 0.15);
		color:#666;
	
	}
	ul.tiles li a span.sector {
	  background: none;
	  color: #ccc;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: bold;
	  line-height: 30px;
	  padding: 0 10px;
	  position: relative;
	  right: 0;
	  text-transform: uppercase;
	  top: auto;
	  vertical-align: top;
	}
	ul.tiles li a .hoverwrap h4 {
		font-size:40px;
	}
	ul.tiles li:hover a .hoverwrap {
		background: rgba(0, 0, 0, 0.55);
		color:#fff;
	}
	ul.picturelist .txtbox .clientlogo {
		background-size: auto;
	}
	ul.sectors li a, #servicelist #sidebar ul li a, ul.services li a {
	  font-size: 18px;
	}
	#main {
		padding:4px 0;
		max-width:1980px;
		margin:0 auto;
	}
	body.single-clients #service-section3 ul.tiles li {
		height:380px;
	}
	body.single-clients #service-section3 ul.tiles li.titlebox2 {
	  background-position: -250px bottom;
	  background-size: auto auto;
	}
	body.single-clients #service-section3 ul.tiles li.titlebox2:hover{
		background-position: center bottom;
		background-size:auto;
	}
	ul.picturelist.bigbox li{
		height:350px;
	}
	ul.picturelist.bigbox>li:nth-of-type(1), 
	ul.picturelist.bigbox>li:nth-of-type(5), 
	ul.picturelist.bigbox>li:nth-of-type(9),
	ul.picturelist.bigbox>li:nth-of-type(13){
		height:700px;
	}
	
	ul.picturelist.bigbox>li:nth-of-type(3),
	ul.picturelist.bigbox>li:nth-of-type(7), 
	ul.picturelist.bigbox>li:nth-of-type(11) {
		height:700px;
	}
	ul.picturelist.bigbox.alt1 li{ /*ALTERNATE LAYOUT*/
		height:350px;
	}
	ul.picturelist.bigbox h4 {
		font-size:36px;
		line-height:40px;
	}
	body.single-post #topbar {
		display:none;
	}
	#social {
		right:0;
		position:absolute;
		top:50px;
		list-style:none;
		z-index:9999;
		padding:0;
		margin:0;
		display:inline-block;
	}
	#social li {
		margin:0;
		position:absolute;
		right:-181px;
		display:block;
		vertical-align:top;
		height:43px;
		width:180px;
		-webkit-transition: right 0.4s ease-in-out 0.3s;
		transition: right 0.4s ease-in-out 0.3s;
		background:#7b8286;
	}
	#social a {
		background:#7b8286;
		background:rgba(123,130,134,0.4);
		border: medium none;
		display: block;
		width:100%;
		line-height:14px;
		margin: 0;
		padding:0 0 0 20px;
		height:100%;
		color:#fff;
		font-size:13px;
		position:relative;
		text-align:center;
		line-height:45px;
		text-align:left;
	}
	#social a:before {
		width:43px;
		line-height:43px;
		color:#fff;
		background-color:inherit;
		position:absolute;
		left:-45px;
		top:0;
		text-align:center;
	}
	#social li:hover {
		right:0;
	}
	#social #email {
		top:0;
	}
	#social #facebook {
		top:50px;
	}
	#social #twitter {
		top:100px;
	}
	#social #blog {
		top:150px;
	}
	#social #phone {
		top:200px;
	}
	
	#social #email:hover a {
		background:#9eaf9f;
	}
	#social #facebook:hover a {
		background:#dfc063;
	}
	#social #twitter:hover a {
		background:#787274;
	}
	#social #blog:hover a {
		background:#65839b;
	}	
	#social #phone:hover a {
		background:#717578;
	}	
	.svg-trophy h1 {
		margin:0;
		padding:0;
		width:80%;
	}
	ul.picturelist.wideframe {
		margin:0 4% 30px;
	}
	.deviceframe {
		margin:0 auto;
	}
	.deviceframe h3 {
		width:550px;
		right:100px;
	}
	/*.tabframe .tabbox .txtbox {
		right:100px;

	}*/
	body.home #second{
		
	}
	body.page-id-4570 #maincontent {
		min-height:780px;
		
	}
	body.page-id-4570 #maincontent .entry {
		width:450px;
		top:100px;
		right:0;
	}
	
	body.page-id-4570 #service-section2, body.page-id-4570 #maincontent {
		padding:0;
	}
	body.page-id-4570 #service-section2 {
		margin-top:-50px;
	}
	body.home #third {
		padding:20px 80px 50px;
	}
	ul.blocklist li:hover span {
		top:0;
	}
	/*Sidepanel*/
	#sidepanel {
		display:block;
		width:1000px;
		padding:60px 50px 20px;
		margin:0 auto;
		position:fixed;
		top:150px;
		right:-990px;
		z-index:9000;
		-webkit-transition: right ease-in-out 0.8s;
		transition: right ease-in-out 0.8s;
	}
	#sidepanel.active {
		right:0;
	}
	#sidepanel #dd-blog {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:60px;
		background:none;
		padding:10px 50px 0;
		text-align:left;
	}
	#sidepanel #dd-blog:hover h2 {
		color:#df5a18;
	}
	#sidepanel #dd-blog h2 {
		padding:0;
		margin:0;
		line-height:60px;
		letter-spacing:2px;
	}
	#sidepanel #dd-blog:after { content:"";}
	#panelhandle {
		display:inline-block;
		height:35px;
		position:absolute;
		left:-35px;
		top:50px;
		text-align:center;
		color:#df5a18;
		padding:10px;
		-moz-border-radius: 6px 0 0 6px;
		-webkit-border-radius: 6px 0 0 6px;
		border-radius: 6px 0 0 6px; /* future proofing */
		-khtml-border-radius: 6px 0 0 6px; /* for old Konqueror browsers */
		width:35px;
		-webkit-transition: background 0.4s ease-in-out 0.3s;
		transition: background 0.4s ease-in-out 0.3s;	
	}
	#sidepanel.active, #panelhandle.active {
		background-color: rgba(26, 33, 40, 0.9);
		color:#fff;
	}
	#panelhandle.active {
		border-right:0;
	}
	#sidepanel:hover .sidetitle img {
		background:#df5a18;
	}
	#sidepanel.active .sidetitle img {
		background-color: rgba(26, 33, 40, 0.9);
	}
	#panelhandle span {
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		top:6px;
		left:6px;
		-webkit-transition: transform 0.4s ease-in-out 0.3s ;
				transition: transform 0.4s ease-in-out 0.3s;
	}
	#panelhandle span:before {
		display:block;
		text-align:center;
		font-size:22px;
	}
	#panelhandle span.rotate {
		/* Safari */
		-webkit-transform: rotate(-45deg);
	
		/* Firefox */
		-moz-transform: rotate(-45deg);
		
		/* IE */
		-ms-transform: rotate(-45deg);
		
		/* Opera */
		-o-transform: rotate(-45deg);
		
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
		color:#fff;
	}
	
	#sidepanel p {
		color:#262a2e;
	}
	
	#sidepanel .sidetitle {
		color:#fff;
		display:inline-block;
		position:absolute;
		left:-33px;
		top:90px;
		cursor:pointer;
	}
	ul.blocklist li img {
	
	}
	ul.blocklist li span {
		display:block;
		color:#fff;
		position:absolute;
		left:0;
		top:100%;
		width:100%;
		height:100%;
		text-align:left;
		z-index:20;
		padding:20px;
		background:rgba(64,66,68,0.95);
		background-color:rgba(0,0,0,0.8);
		-webkit-transition: top ease-in-out 0.5s;
		transition: top ease-in-out 0.5s;
	}
}

/* ----------------------------------------------------------MAX Withs largest to smallest */
@media screen and (max-width: 1259px) {
	
	#social {
		position: relative;
		list-style:none;
		padding:20px;
		margin:0;
		text-align:right;
		display:block;
		overflow:hidden;
		min-height:45px;
	}
	
	#social li {
		margin:0;
		display:inline-block;
		vertical-align:top;
		height:43px;
		width:150px;
		position:absolute;
		top:-43px;
		right:0;
		/*-webkit-transition: top 0.4s ease-in-out 0.3s;
		transition: top 0.4s ease-in-out 0.3s;*/
		background:#728294;
		border-right: 1px solid transparent;
	}
	#social a {
		background:#ccc;
		border: medium none;
		display: block;
		width:100%;
		line-height:14px;
		margin: 0;
		padding:0;
		height:100%;
		color:#fff;
		font-size:13px;
		position:relative;
		text-align:center;
		line-height:45px;
	}
	#social a:before {
		width:44px;
		line-height:44px;
		color:#fff;
		background-color:inherit;
		position:absolute;
		bottom:-44px;
		right:-1px;
		text-align:center;
		border-right: 1px solid #efefef;
	}
	#social li:hover a {
		padding:0;
	}
	#social #email {
		right:0;
	}
	#social #facebook {
		right:44px;
	}
	#social #twitter {
		right:88px;
	}
	#social #blog {
		right:132px;
	}
	#social #phone {
		right:176px;
	}
	
	#social #email a {
		background:#9eaf9f;
	}
	#social #facebook a {
		background:#dfc063;
	}
	#social #twitter a {
		background:#979ca0;
	}
	#social #blog a {
		background:#65839b;
	}	
	#social #phone a {
		background:#df5a18;
	}	
	.device.laptop {
	  right: -100px;
	}
	.deviceframe h1 {
	  right: 50px;
	}
	.overlay {
		background-attachment:scroll;	
	}
	body.page-template-page_chalkboard #postlist {
	  padding: 0;
	}

	body.home #second{
		padding:50px;
	}
	body.home #fourth{
		background-attachment:scroll;
	}
	#main .story {
		min-height:100px;
	}
	body.home p.scroll {
		display:none;
	}
	ul.picturelist li {
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  border: 1px solid transparent;
	  display: inline-block;
	  float: left;
	  height: 250px;
	  margin: 0;
	  overflow: hidden;
	  padding: 0;
	  position: relative;
	  vertical-align: top;
	  width: 100%;
	}
	ul.picturelist li a {
		display:block;
		width:100%;
		height:100%;
	}
	ul.picturelist li .imgbox {
	  width: 60%;
	}
	ul.picturelist li .txtbox {
	  width: 40%;
	}
	#sidepanel {
	  margin: 0 0 6px 0;
	  padding: 60px 0 0;
	  position: relative;
	  background:none;
	}
	
	#sidepanel:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		overflow:hidden;
	}
	#sidepanel #dd-blog {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:60px;
		background-color:#65839b;
		padding:0 20px;
		/*background:transparent url(../img/blog-title.svg) center / cover no-repeat;*/
	}
	#sidepanel #dd-blog h2 {
		padding:0;
		margin:0;
		line-height:60px;
		letter-spacing:2px;
	}
	#sidepanel #dd-blog:after { content:"";}
	#sidepanel #panelhandle {
		display:none;
	}
	#sidepanel aside, #sidebar #archives-2, #sidebar #search-2{
		padding:0;
		background-color: rgba(26, 33, 40, 0.9);
		background:rgba(43,57,58,0.85);
		margin:2px 0;
	}
	#sidepanel #panelhandle, #sidepanel .sidetitle {
		display:none;
	}
	#sidepanel .widget-title {
		padding:10px 20px;
		margin:0;
	}
	/*#sidebar .widget-title, #sidebar .widget {
		margin:5px 0;
		padding:3px 0;
	}*/
	#sidebar #categories-2 h3, #sidebar #archives-2 h3, #sidebar #search-2 h3 {
		cursor:pointer;
	}
	#sidebar #categories-2 ul, #sidebar #archives-2 select, #sidebar #search-2 form {
		display:none;
	}
	#sidebar .widget-title:after {
		content:"\e681";
		display:inline-block;
		float:right;
		padding:0 10px;
		font-family:icomoon;
	}
	#sidebar .active > .widget-title:after {
		content:"\e680";
	}
	#sidebar #categories-2 h3, #sidebar #archives-2 h3, #sidebar #search-2 h3 {
		cursor:pointer;
	}
	#sidebar #archives-2 h3, #sidebar #search-2 h3 {
		padding:10px 0;
	}
	#sidebar #categories-2 ul, #sidebar #archives-2 select, #sidebar #search-2 form {
		display:none;
	}
	#sidebar #categories-2.active ul {
		display:block;
		padding:10px 20px;
	}
	#sidebar #archives-2.active select, #sidebar #search-2.active form {
		display:block;
		margin:10px 0;
		
	}
	#sidebar #archives-2, #sidebar #search-2 {
		width:49.8%;
		padding:0 20px;
		
	}
	#sidebar  #searchsubmit {
		background:#222;
	}
	ul.blocklist li {
		width:48%;
	}
	
	ul.blocklist li span {
		display:block;
		color:#fff;
		text-align:left;
		z-index:0;
		padding:20px;
		background:rgba(34,36,38,0.65);
		-webkit-transition: top ease-in-out 0.5s;
		transition: top ease-in-out 0.5s;
	}
	
}

@media screen and (max-width: 1023px ){
	body {
		background-attachment:scroll;
	}
	body:after {
		 background-size: 650px auto;
		 background-attachment:scroll;
		 background-position: center 200px;
	}
	#navframe .scrollnav {
		height:13px;
	}
	#navframe .scrollnav a {
		display:none;
	}
	#navframe ul.nav-menu {
		bottom:13px;
	}
	#navframe #menu-toggle {
		display:none;
	}
	/*SEASONAL CREATIVE*/
	body.home #container,
	body.blog #container{
		background:none;
	}
	#logo {
		width:150px;
		height:100px;
		background-size:100% auto;
		top:0;
	}
	
	section.main-section{
		padding:180px 0 200px 0;
	}
	body.page-template-page_services section.main-section,
	body.single-clients section.main-section,
	body.home section.main-section
	{
		padding:0 0 120px 0;
	}

	
	#main { position:relative; padding:0 20px 10px;}
	#headerimg.fullwidth {
		background-attachment:scroll;
	}
	
	#commentbox {
		padding:20px 0;
	}
	h1 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:52px;
		line-height:56px;
		margin:15px 0 30px;
		letter-spacing:-1.5px;
	}
	h1.alt {
		font-size:80px;
		line-height:84px;
	}
	h2 { 
		font-size:32px; 
		line-height:36px;
		margin:10px 0 20px;
		letter-spacing:-0.5px;
	}
	h3 { 
		font-size:24px; 
		line-height:30px; 
		letter-spacing:-0.5px; 
		margin:5px 0 15px 0;
	}
	h4 {
		font-size:24px; 
		line-height:30px; 
		letter-spacing:-0.5px;  
		margin:5px 0 15px 0;
	}
	h5 { 
		font-size:18px; 
		line-height:20px; 
		letter-spacing:-0.5px;
	}
	p  {
		font-size:18px;
		line-height:26px;
		margin:10px 0 15px 0;
		padding:5px 0 0;
	}
	.chalk, .chalk h2, .chalk h3, .chalk h4, .chalk p {
	  color: #e6e5e6;
	}
	.svg-trophy:before {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:450px;	
		z-index:-2;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:transparent url(../img/wreath1.svg) right 50px /350px auto no-repeat;
	}
	ul.picturelist li {
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  border: 1px solid transparent;
	  display: inline-block;
	  float: left;
	  height: 250px;
	  margin: 0;
	  overflow: hidden;
	  padding: 0;
	  position: relative;
	  vertical-align: top;
	  width: 100%;
	}
	ul.picturelist li a {
		display:block;
		width:100%;
		height:100%;
	}
	ul.blocklist {
	  text-align: justify;
	  margin:0 auto;
	}
	ul.blocklist::after {
	  content:"";
	  display: inline-block;
	  width: 100%;
	  height:0;
	}
	ul.blocklist li {
	  float: none;
	  height: auto;
	  margin: 5px 0 15px;
	  text-align: center;
	  width: 49%;
	  display:inline-block;
	  vertical-align:top;
	  position:relative;
	  overflow:hidden;
	 
	}
	ul.blocklist li h4 {
		padding:10px 20px;
		margin:0;
		min-height:80px;
		/*background:rgba(0,0,0,0.3); */
		background-color:#c4c9c5;
		text-align:left;
	}
	
	ul.blocklist li img.blankimg {
		background:url() center 0 no-repeat;
		background-size:auto 100%;
		width:100%;
		height:auto;
	}
	
	#footer {
		display:block;
		margin:0;
		left: 0;
		padding: 10px;
		position: relative;
		width: 100%;
	}

	#footer a.gotop {
	  color: #fff;
	  display: block;
	  margin:0 auto;
	  height: 50px;
	  position: absolute;
	  text-align: center;
	  width: 50px;
	  z-index: 9000;
	  left:0;
	  right:0;
	  top:-55px;
	}
	#footer a.gotop span:before {
	  display: inline-block;
	  font-size: 26px;
	  line-height: 50px;
	  width: 100%;
	}
	
	#postlist {
		text-align:justify;
	}
	
	#postlist:after {
		content:"";
		display:inline-block;
		width:100%;
		height:1px;
	}
	#postlist .postwrap {
	  padding: 10px;
	  display:inline-block;
	  vertical-align:top;
	  text-align:left;
	}
	#postlist .leftbox {
	  width: 33%;
	  text-align:left;
	  margin:0;
	}
	#postlist .post, #postlist .page {
	  width: 66%;
	  text-align:left;
	  margin:0;
	}
	
	#wpp-4 ul.wpp-list {
		text-align:justify;
	}
	#wpp-4 ul.wpp-list:after {
		content:"";
		display:inline-block;
		width:100%;
		height:1px;
	}
	#wpp-4 ul.wpp-list li {
		max-width:48%;
		width:48%;
		display:inline-block;
		vertical-align:top;
		margin:0 0 40px;
		padding:6px;
		text-align:left;
	}
	ul.picturelist > li a  {
		
		
	
	 }
	ul.picturelist > li {
		min-height: 180px;
		height:250px;
		margin-bottom:6px;
		float:none;
		
	}
	ul.picturelist li .imgbox, ul.picturelist li .txtbox {
	  display: inline-block;
	  margin: 0;
	  padding: 0;
	  vertical-align: top;
	  width: 50%;
	  height:100%;
	  border:none;
	  position:relative;
	  float:none;
	  
	}
	ul.picturelist li .imgbox {
		width: 60%;
	}
	ul.picturelist li .txtbox {
		width: 40%;
		float:right;
		margin:0;
		position:relative;
	}
	ul.picturelist .txtbox h4 {
		position: relative;
		top: 50%;
			-ms-transform: translateY(-50%); /* IE 9 */
    	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    			transform: translateY(-50%);
		margin:0 auto;
		padding:0 10px;
		
	}
	ul.picturelist .txtbox .clientlogo {
		background-size:auto 150px;
		background-position: center;
		position:absolute;
		top:0;
	}
	ul.picturelist .txtbox span.sector {
		 display: block;
		color:#fff;
		position:absolute;
		bottom:10px;
		left:0;
		font-size:14px;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		padding: 5px 0;
	}
	.svg-trophy h1 {
		margin:20px 0 0 0;
		padding:60px 0 0 20px;
	}
	body.page-id-4568 .svg-trophy h1 {
		margin: 20px 0 0;
		padding: 40px 0 0 0;
	}
	
	.chalk h2, body.home #third .widget-title {
	  font-size: 40px;
	  line-height: 40px;
	}
	body.tax-sector .svg-trophy:before {
		background-position:center 0;
	}
	body.tax-sector .svg-trophy {
		min-height:280px;
		text-align:center;
		padding:0;
	}
	body.tax-sector .svg-trophy h1 {
		margin:0 auto;
		padding: 100px 0 0 0;
		text-align:center;
		width:80%;
	}
	
	body.tax-sector h4.sectorlabel {
	  display:inline-block;
	  vertical-align:top;
	  padding:6px 15px;
	  font-size:20px;
	  line-height:24px;
	  -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    		transform: rotate(7deg);
	}
	#headerimg.fullwidth {
		height:720px;
	}
	.innerframe.title {
	 	height:720px;
	}
	.deviceframe{
		position:relative;
		height:720px;
		border-bottom:2px solid #666;
		margin:0 -20px;
		padding:120px 20px 10px 20px;
		top:0;
		overflow:hidden;
		
	}
	.device.laptop {
	  right: -8px;
	}
	.device.laptop {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;

	}
	.device.laptop .pic {
		margin: 0;
		padding: 0;
		position: relative;
		background-position:center 0;
		background-repeat:no-repeat;
		background-size:cover;
		border:none;
		overflow: hidden;
		width:100%;
		height:100%;
		display:block;
	}
	.device.laptop:before,
	body.page-template-page_services #headerimg:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
		background:rgba(0,0,0,0.31);
	
	}
	.deviceframe a {
		color:#fff;
	}
	
	.deviceframe h1{
		font-family: 'wc_mano_negra_btaregular';
		font-size:72px;
		line-height:72px;
		text-align:center;
		z-index:500;
		position:absolute;
		left:30px;
		right:30px;
		top:250px;

	}
	.deviceframe .mobile h4, .deviceframe h3 {
		position:absolute;
		bottom: 0;
		padding:10px 20px;
		right: 0;
		text-align: center;
		width: 100%;
		z-index:15;
	}	
	.deviceframe .mobile {
		z-index:1000 !important;
		position:absolute;
		width:100%;
		top:100%;
		left:0;
	}
	.deviceframe .mobile .pic {
		position:absolute;
		display:inline-block;
		width:100%;
		bottom:0;
		right:0;
		left:0;
		background-image:none !important;
		
	}
	.deviceframe .mobile h4 {
		width:60%;
		right:0;
		text-align:left;
		font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
		display:block;
		z-index:30;
		
	}
	.deviceframe h3{
		bottom:11%;
		font-size:16px;
		text-align:right;
		width:70%;
		left:0;
	}
	.deviceframe h3 a span {
		display:none;
	}
	
	.device .clientlogo{
	  background:no-repeat scroll center center;
	  background-size: auto;
	  display: block;
	  height: 180px;
	  width: 100%;
	  left: 0;
	  position: absolute;
	  top:50%;	  
	  z-index:10;
	}

	.deviceframe h3 a {
	  color: #fff;
	}
	.deviceframe .device.tablet {
		position:absolute;
		z-index:50;
		width:100%;
		display:inline-block;
		top:70%;
		margin:0 auto;
		right:0;
	}
	body.single-clients .deviceframe .device.tablet {
		top:50%;
	}
	.deviceframe .device.tablet .pic {
		background:none !important;
	}
	
	.deviceframe h5.feat-caption {
		display:block;
		color:#e6e5e6;
		letter-spacing:2px;
		text-align:center;
		padding:0;
		margin:0;
		position: relative;
		z-index:50;
		top: 0;
			-ms-transform: translateY(0%); /* IE 9 */
    	-webkit-transform: translateY(0%); /* Chrome, Safari, Opera */
    			transform: translateY(0%);
	}
	body.home #main p.scroll {
	  display: none;
	}
	#main .story {
		background-attachment:scroll;
	}
	.overlay {
		margin:0 -20px;
		padding-left:20px;
		padding-right:20px;
		background-attachment:scroll;
	}
	body.home #second {
		padding:30px 20px;
	}
	
	
	body.single-clients .post .box-40, body.single-clients .post .box-60 {
		width:100%;
		padding:0;
	}
	body.single-clients #service-section3, 
	body.single-clients #service-section5, 
	body.page-template-page_services #service-section2 {
		padding:30px 20px;
	}
	.innerframe.title {
		min-height:540px;
		padding:250px 0 0 0;
	}
	.innerframe.title h1 {
		bottom:auto;
		width:100%;
		position:relative;
		text-align:center;
		right:auto;
	}
	.innerframe.title h3.caption {
	  bottom:auto;
	  right:auto;
	  font-size: 20px;
	  line-height:22px;
	  text-align: center;
	  position:relative;
	  margin:0;
	  width:100%;
	}
	#main .story {
		min-height:100px;
	}
	
	
	#main .chalk blockquote p {
		color:#cbd7d7;
		font-style:italic;
	}
	#main .chalk blockquote cite {
		color:#f5f5f5;
	}
	.whitebox {
		margin:0 -20px;
		padding:0 20px;
	}
	body.page-template-page_chalkboard #postlist {
		padding:0;		
	}
	
	.toptitle.svg-wreath {
		padding:80px 0 0 0;
	}
	.svg-wreath:before {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:100%;	
		z-index:0;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:url(../img/wreath2.svg) center 0 /350px auto no-repeat;
	}
	.toptitle.angle {
		text-align:center;
		margin:0;
		min-height:400px;
	}
	.toptitle.angle h1 {
		padding:10px 30px;
		margin:55px 0 10px 0;
		min-width:100px;
		letter-spacing:3px;
		font-size:60px;
		line-height:62px;
		max-width:100%;
	}
	body.page-id-4566 .toptitle.angle h1:after {
		text-indent:10px;
	} 
	/*Contact Page*/
	body.page-id-4570 #maincontent .entry {
		position:relative;
		margin-top:250px;
	}
	body.page-id-4570 #service-section2 {
		padding:0 50px;
	}
	body.page-id-4570 #maincontent {
		padding:0 50px;
		background-position:-80px 50px;
		background-size:130% auto;
	}
	body.home .deviceframe .clientlogo {
		background:none !important;
	}
	.deviceframe.videobox {
		height:auto;
		padding:20px 0;
		border:none;
	}
	.deviceframe.videobox .device.laptop{
		position:relative;
		top:0;
		left:0;
		width:100%;
		z-index:0;
	}
	.deviceframe.videobox .device.laptop:before {
		display:none;
	}
}

@media only screen  and (max-width: 767px){ 
	body {
		background-attachment:scroll;
	}
	body:after {
		 background-size: 550px auto;
		 background-attachment:scroll;
		 background-position: center 180px;
	}
	/*SEASONAL CREATIVE*/
	body.home #container,
	body.blog #container{
		background:none;
	}
	#logo {
		width:150px;
		height:100px;
		background-size:100% auto;
		top:0;
	}
	#navframe #menu_icon {
		top:10px;
		
	}
	.site-title, .site-title:before {
		height:90px;
	}
	.site-title:after {
		top:90px;
	}
	ul.nav-menu {
		top:90px;
	}
	section.main-section{
		padding:180px 0 200px 0;
	}
	nav.tab-bar {
		
	}
	#main {
		padding:6px 20px;
	}
	#headerimg {
			height:400px;
	}
	#headerimg .innerframe, .badge {
		background-size:90% auto;
	}

	#sidebar ul, #sidebar ol {
		padding:0;
		margin:0;
	}
	#sidebar ul li a {
		text-decoration:none;
		font-weight:normal;
		display:block;
		color:#e1dfd1;
		padding:4px 10px;
	}
	#sidebar h3 {
		color:#fff;
	}
	#content-frame.blank #sidebar ul li a {
		color:#e1dfd1;
	}
	#Postimg.careers {
		background-image:url(../img/our-work.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		background-size:auto 180px;
		min-height:250px
	}
	#Postimg.careers .date-time {
	  bottom: 20px;
	  color: #fff;
	  font-size: 14px;
	  position: absolute;
	}
	.postwrap .post {
		padding:10px;
	}
	#postlist .postwrap.careers .post {
		padding:20px 20px 80px;
	}
	.postwrap.careers {
		background-image:url(../img/our-work.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		background-size:250px auto;
	}
	.postwrap.careers h2 {
		margin-right:200px;
	}
	.postwrap p, .postwrap .date-time { display:none;}
	.postwrap.careers p, .postwrap.careers .date-time {
		display:block;
	}
	ul.tiles li {
		width:100%;
		height:180px;
		background-size:cover;
		background-position:0 center;
	}
	ul.tiles li a span.sector {
	  min-width:40%;
	  text-align:center;
	}
	#robbox .quote {
		color:#fff;
		display:inline-block;
		padding:10px;
		position:absolute;
		bottom:55px;
		right:0;
		margin:0;
		text-align:left;
		z-index:10;
		width:100%;
	}
	.videobox {
		display:block;
		margin:20px 0;
		padding:0;
		position:relative;
		background-image:none;
		background-position:center 0;
	
	}
	.videobox iframe {
		height:330px;
	}
	
	#postlist .postwrap {
		padding:6px;
	}
	#postlist .leftbox, #postlist .post {
		display:block;
		width:100%;
		padding:0;
	}
	h1 {
		font-size:52px;
		line-height:56px;
		letter-spacing:-1.5px;
	}
	h1.alt {
		font-size:52px;
		line-height:56px;
	}
	.chalk h2, body.home #third .widget-title, .overlay h2, body.single-clients #wpp-4 .widget-title  {
		font-size:32px;
		line-height:36px;
	}
	h2 { 
		font-size:28px; 
		line-height:32px;
		margin:10px 0 20px;
		letter-spacing:-0.5px;
	}
	h3 { 
		font-size:24px; 
		line-height:30px; 
		letter-spacing:-0.5px; 
		margin:5px 0 15px 0;
	}
	h4 {
		font-size:24px; 
		line-height:30px; 
		letter-spacing:-0.5px;  
		margin:5px 0 15px 0;
	}
	h5 { 
		font-size:18px; 
		line-height:20px; 
		letter-spacing:-0.5px;
	}
	p{
		font-size:18px;
		line-height:26px;
		margin:10px 0 15px 0;
		padding:5px 0 0;
	}
	.deviceframe h1{
		font-size:52px;
		line-height:52px;
	}
	.chalk h3, .widget-title{
		font-size:24px;
		line-height:30px;
	}
	ul.picturelist li {
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  border: 1px solid transparent;
	  display: inline-block;
	  float: none;
	  height: 250px;
	  margin: 0;
	  overflow: hidden;
	  padding: 0;
	  position: relative;
	  vertical-align: top;
	  width: 100%;
	}
	#mag-block, #wpp-4 ul.wpp-list {
		text-align:justify;
	}
	#mag-block:after, #wpp-4 ul.wpp-list:after {
		content:"";
		display:inline-block;
		width:100%;
		height:1px;
	}
	.postwrap, #wpp-4 ul.wpp-list li {
		max-width:48%;
		width:48%;
		display:inline-block;
		vertical-align:top;
		margin:0 0 40px;
		padding:0;
		text-align:left;
	}
	#wpp-4 ul.wpp-list li {
		padding:6px;
	}
	
	
	#sidebar #archives-2.active select, #sidebar #search-2.active form {
		display:block;
	}
	
	#Postimg {
	  margin-bottom: 6px;
	  padding: 20px;
	  position: relative;
	}
	#Postimg .leftbox .feat {
		width:100%;
		height:auto;
	}
	#Postimg .leftbox, #Postimg .leftbox p, #Postimg .leftbox a {
	  color: #fff;
	  font-size: 14px;
	  line-height: 20px;
	}
	ul.picturelist > li {
		min-height: 180px;
		height:220px;
		margin-bottom:6px;
		
	}
	ul.picturelist li .imgbox, ul.picturelist li .txtbox {
	  display: inline-block;
	  margin: 0;
	  padding: 0;
	  vertical-align: top;
	  width: 50%;
	  height:100%;
	  border:none;
	  position:relative;
	}
	ul.picturelist li .imgbox {
		width: 60%;
	}
	ul.picturelist li .txtbox {
		width: 40%;
		float:right;
	}
	ul.picturelist .txtbox span.sector {
		 display: block;
		color:#fff;
		position:absolute;
		bottom:10px;
		left:0;
		font-size:14px;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		padding: 5px 0;
	}
	.svg-trophy:before {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:400px;	
		z-index:-2;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:transparent url(../img/wreath1.svg) right 30px /300px auto no-repeat;
	}
	.svg-trophy h1 {
		margin:0;
		padding:50px 0 0 20px;
	}
	body.page-id-4568 .svg-trophy {
		margin:0;
	}
	body.page-id-4568 .svg-trophy h1 {
		margin: 20px 0 0;
		padding: 40px 0 0 0;
	}

	body.tax-sector .svg-trophy:before {
		background-position:center 0px;
	}
	body.tax-sector .svg-trophy h1 {
		margin:0 auto;
		padding: 55px 0 0 0;
		text-align:center;
		width:60%;
	}
	body.tax-sector .svg-trophy {
		min-height:230px;
		text-align:center;
		padding:30px 0 0 0;
	}
	body.tax-sector h4.sectorlabel {
	  display:inline-block;
	  vertical-align:top;
	  padding:4px 10px;
	  font-size:18px;
	  line-height:22px;
	}
	.deviceframe {
		position:relative;
		height:620px;
		border-bottom:2px solid #666;
		margin:0 -20px;
		padding:120px 20px 10px 20px;
		top:0;
		
	}
	.device.laptop {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:0;
	}

	.device.laptop .pic {
		margin: 0;
		padding: 0;
		position: relative;
		background-position:center 0;
		background-repeat:no-repeat;
		background-size:cover;
		border:none;
		overflow: hidden;
		width:100%;
		height:100%;
		display:block;
	}
	.device.laptop:before,
	body.page-template-page_services #headerimg:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
		background:rgba(0,0,0,0.31);
	
	}
	.deviceframe a { color:#fff;}
	.deviceframe h1 {
		font-family: 'wc_mano_negra_btaregular';
		font-size:62px;
		line-height:62px;
		text-align:center;
		position:absolute;
		z-index:500;
		width:100%;
		left:0;
		top:200px;
	}
	.deviceframe .mobile h4, .deviceframe h3 {
		position:absolute;
		bottom: 0;
		padding: 10px;
		right: 0;
		text-align: center;
		width: 100%;
		z-index:15;
	}	
	.deviceframe h3 {
		bottom:11%;
		font-size:16px;
		text-align:center;
		width:100%;
	}
	.deviceframe h3 a span {
		display:none;
	}
	
	.device .clientlogo {
	  background:no-repeat scroll center center;
	  background-size: auto;
	  display: block;
	  height: 180px;
	  width: 100%;
	  left: 0;
	  position: absolute;
	  top:45%;	  
	  z-index:10;
	}
	body.single-clients #enquirybox .columns {
		padding:0;
	}
	ul.tiles li {
	  height: 300px;
	  width: 100%;
	}
	
	.innerframe.title {
		min-height:540px;
		padding:200px 0 0 0;
	}
	.innerframe.title h1 {
		bottom:auto;
		right:auto;
		width:100%;
		position:relative;
		text-align:center;
	}
	.innerframe.title h3.caption {
	  bottom: 100px;
	  font-size: 20px;
	  line-height: 22px;
	  margin: 0;
	  position: absolute;
	  right: auto;
	  text-align: center;
	  width: 100%;
	}

	body.home #second, body.home #third, body.home #fourth, body.home #fifth {
	  padding:20px 20px 10px;
	}
	
	body.home .picturelist {
		margin:0 0 10px 0;
	}
	
	.whitebox {
		margin:0 -20px;
		padding:0 20px;
	}
	.toptitle.svg-wreath {
		padding:100px 0 0 0;
	}
	.svg-wreath:before {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:100%;	
		z-index:0;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:url(../img/wreath2.svg) center 0 /300px auto no-repeat;
	}
	.toptitle.angle {
		text-align:center;
		margin:0;
		min-height:300px;
	}
	.toptitle.angle h1 {
		padding:10px 30px;
		margin:20px 0 10px 0;
		min-width:100px;
		letter-spacing:3px;
		font-size:50px;
		line-height:52px;
		max-width:100%;
	}
	body.page-id-4566 .toptitle.angle h1:after {
		top:-50px;
		font-size:18px;
		text-indent:10px;
	}
	/*Contact Page*/
	body.page-id-4570 #maincontent .entry {
		margin-top:150px;
	}
	body.page-id-4570 #service-section2, body.page-id-4570 #maincontent {
		padding:0 50px;
		background-position:-50px 0;
		background-size:130% auto;
	}
	#enquirybox .box-50.pad-20-l, #enquirybox .box-50.pad-20-r {
		width:100%;
		padding:0;
	}
	.textpad {
		padding:20px 0;
	}
	/*.post ul.services {
		position:relative;
		min-height:350px;
	}
	
	.post ul.services li {
	  display:block;
	  vertical-align:middle;
	  position:relative;
	  width: 100%; 
	  height: auto;
	  background-color: rgba(0, 0, 0, 0.6);
	  margin: 0;
	  top:auto;
	  left:auto;
	}
	
	.post ul.services li:before,
	.post ul.services li:after{
		display:none;
	}*/
}
@media only screen and (max-width: 599px) {
	body:after {
		 background-size: 350px auto;
		 background-attachment:scroll;
		 background-position: center 100px;
	}
	#logo {
		width:130px;
		height:100px;
		background-size:100% auto;
		top:0;
	}
	
	#footer {
		position:relative;
	}
	#menu_icon:after {
		display:none;
	}
	
	.site-title, .site-title:before {
		height:60px;
	}
	.site-title:after {
		top:60px;
	}
	ul.nav-menu {
		top:60px;
	}
	ul.nav-menu li ul li a {
		padding: 10px 0;
		line-height:25px;
	}
	section.main-section{
		padding:180px 0 120px 0;
	}
	body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {font-size: 16px;}
	p{
		font-size:16px;
		line-height:22px;
		margin:10px 0 15px 0;
		padding:5px 0 0;
	}
	#postlist .postwrap, #wpp-4 ul.wpp-list li {
		width:100%;
		max-width:100%;
		display:block;
		vertical-align:top;
		margin:0 auto 40px;
		padding:6px;
		min-height:50px;
	}
	#postlist .postwrap .post {
	  min-height: 20px;
	}
	#wpp-4 ul.wpp-list li {
		padding:6px;
	}
	section.left-small {
		left:10px;
	}
	.postwrap, #wpp-4 ul.wpp-list li {
		padding:6px;
	}
	#Postimg {
	  margin-bottom: 6px;
	  padding: 10px;
	  position: relative;
	}
	#Postimg .leftbox .feat {
		width:100%;
		height:auto;
	}
	#Postimg .leftbox, #Postimg .leftbox p, #Postimg .leftbox a {
	  color: #fff;
	  font-size: 14px;
	  line-height: 20px;
	}
	#posthead h1 {
	  font-size: 38px;
	  line-height: 42px;
	}
	ul.picturelist > li {
		height:220px;
		margin-bottom:6px;
	}
	ul.picturelist .txtbox .clientlogo {
		min-height:100px;
		background-size:auto 130px;
	}
	.svg-trophy {
		text-align:center;
	}
	
	.svg-trophy:before {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:400px;	
		z-index:-2;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:transparent url(../img/wreath1.svg) center 30px /250px auto no-repeat;
	}
	.svg-trophy h1 {
		margin:40px 0 0 0;
		padding:20px 0 0 20px;
	}
	#headerimg, #headerimg.fullwidth, .overlay {
		background-attachment:scroll;
		background-size: auto 100%;
		background-position:center 0;
		
	}

	body.page-id-4568 .svg-trophy {
		margin: 20px 0 0;
	}
	body.page-id-4568 .svg-trophy h1 {
		margin: 20px 0 0;
		padding: 40px 0 0;
	}
	body.tax-sector .svg-trophy:before {
		background-position:center 0;
	}
	body.tax-sector .svg-trophy h1 {
		margin:0 auto;
		padding: 60px 0 0 0;
		text-align:center;
		width:80%;
	}
	body.tax-sector .svg-trophy {
		min-height:180px;
		padding:0;
	}
	body.tax-sector h4.sectorlabel {
	  display:inline-block;
	  vertical-align:top;
	  padding:4px 10px;
	  font-size:16px;
	  line-height:20px;
	}
	body.home #second {
		padding:20px;
	}
	.deviceframe {
		position:relative;
		height:580px;
		border-bottom:2px solid #666;
		margin:0 -20px;
		padding:120px 20px 10px 20px;
		top:0;
		
	}
	.device.laptop {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:0;
	}
	.device.laptop:before,
	body.page-template-page_services #headerimg:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
		background:rgba(0,0,0,0.31);
	
	}
	body.single-clients .device.laptop .pic {
		margin: 0;
		padding: 0;
		position: relative;
		background-position:center 0;
		background-repeat:no-repeat;
		background-size:cover;
		border:none;
		overflow: hidden;
		width:100%;
		height:100%;
		display:block;
	}
	.deviceframe a { color:#fff;}
	.deviceframe h1 {
		font-family: 'wc_mano_negra_btaregular';
		font-size:42px;
		line-height:42px;
		text-align:center;
		z-index:10;
		top:150px;
	}
	.deviceframe .mobile h4, .deviceframe h3 {
		position:absolute;
		bottom: 0;
		padding: 10px;
		right: 0;
		text-align: center;
		width: 100%;
		z-index:15;
	}	
	.deviceframe h3 {
		bottom:11%;
		font-size:16px;
		text-align:center;
		width:100%;
	}
	.deviceframe h3 a span {
		display:none;
	}
	
	.device .clientlogo {
	  background:no-repeat scroll center center;
	  background-size: auto 150px;
	  display: block;
	  height: 150px;
	  width: 100%;
	  left: 0;
	  position: absolute;
	  top:50%;	  
	  z-index:10;
	}
	.deviceframe .device.tablet {
		top:60%;
	}
	ul.tiles li {
	  height: 280px;
	  width: 100%;
	}
	ul.sectors li a, ul.services li a {
	  padding:5px 15px;
	  font-size:15px;
	}
	.innerframe.title {
		min-height:540px;
		padding:160px 0 0 0;
	}
	.innerframe.title h1 {
		bottom:auto;
		right:auto;
		width:100%;
		position:relative;
	}
	.innerframe.title h3.caption {
	  bottom: 100px;
	  font-size: 16px;
	  line-height: 20px;
	  margin: 0;
	  position: absolute;
	  right: auto;
	  text-align: center;
	  width: 100%;
	}
	.videobox iframe {
		width:100%;
		height:auto;
	}
	.deviceframe h1{
		font-size:42px;
		line-height:42px;
		padding:0 20px;
		top:200px;
	}
	.toptitle.svg-wreath {
		padding:100px 0 0 0;
	}
	.svg-wreath:before {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:100%;	
		z-index:0;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:url(../img/wreath2.svg) center 0 /260px auto no-repeat;
	}
	.toptitle.angle {
		text-align:center;
		margin:0;
		min-height:280px;
	}
	.toptitle.angle h1 {
		padding:10px 30px;
		margin:0 0 10px 0;
		min-width:100px;
		letter-spacing:3px;
		font-size:50px;
		line-height:52px;
		max-width:100%;
	}
	.casestudy h2.cs-title {
	  background-image: none;
	  cursor: pointer;
	  margin: 0;
	  min-height: 130px;
	  padding: 20px 20px ;
	  position: relative;
	}
	.casestudy .cs-content {
	  padding:30px 15px;
	}
	.cs-content ul li, .cs-content ol li {
		width:100%;
		float:none;
	}
	body.page-id-4566 .toptitle.angle h1:after {
		top:-50px;
		font-size:18px;
		text-indent:15px;
	}
	body.page-id-4566 .toptitle.angle h1 {
		white-space:nowrap;
	}
	/*Contact Page*/
	
	body.page-id-4570 #maincontent .entry {
		margin-top:150px;
		padding:0;
		background:none;
		border:none;
	}
	
	body.page-id-4570 #maincontent {
		background-position:10% 0;
		background-size:700px auto;
		padding:0;
	}
	body.page-id-4570 #service-section2 {
		padding:0;
	}
	#enquirybox .box-50.pad-20-l, #enquirybox .box-50.pad-20-r {
		width:100%;
		padding:0;
	}
	.postwrap.careers {
		background-image:none;
	}
	#sidebar #archives-2, #sidebar #search-2 {
		display:block;
		width:100%;
		padding:0;
	}
	ul.blocklist li {
		width:100%;
	}
	
}
@media only screen  and (max-width: 479px){ 
	section.main-section {
	  padding: 150px 0;
	}
	#headerimg {
			height:260px;
	}
	#main {
		position:relative;
	}	
	.postwrap, #wpp-4 ul.wpp-list li {
		width:100%;
		max-width:100%;
		display:inline-block;
		vertical-align:top;
		margin:0 auto 40px;
		padding:6px 0 0 0;
		min-height:50px;
	}
	#wpp-4 ul.wpp-list li:before {
		left:6px;
		top:6px;
	}
	#wpp-4 ul.wpp-list li {
		padding:6px;
		margin-bottom:10px;
	}
	#wpp-4 ul li .wpp-thumbnail {
	  display: block;
	  float: none;
	  margin: 0;	  
	}
	.postwrap .post {
		min-height:50px;
		margin:0;
	}
	.postwrap .post h2 {
		margin:10px 0;
	}
	.postwrap .button {
		right:15px;
		bottom:10px;
	}

	#postlist {
		padding:0 20px;		
	}
	/*Careers*/
	body.page-id-4590 #postlist {
		padding:0;
	}
	body.page-template-page_chalkboard #postlist .postwrap.careers .post {
		padding:10px 10px 100px;		
	}
	#headerimg .caption h1 {
	  padding: 10px 10px;
	}
	#maincontent #topbar {
		marign:20px 0 0;
	}
	ul.picturelist > li {
		height:auto;
		margin-bottom:6px;
	}
	ul.picturelist li .imgbox, ul.picturelist li .txtbox {
		width:100%;
		float:none;
	}
	ul.picturelist li .imgbox {
		height:160px;
	}
	ul.picturelist li .txtbox {
		height:auto;
		display:block;
		padding:10px 10px 40px 10px;
		height:150px;
	}
	body.page-id-4568 ul.picturelist li .txtbox, body.tax-sector ul.picturelist li .txtbox {
		height:150px;
		padding:15px 10px;
	}
	ul.picturelist .txtbox span.sector {
	  bottom: 0;
	}
	ul.picturelist .txtbox h4, ul.picturelist .txtbox .clientlogo {
		position: relative;
		top: 50%;
			-ms-transform: translateY(-50%); /* IE 9 */
    	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    			transform: translateY(-50%);
		margin:0 auto;
		padding:0;
		 background-size: auto 150px;
	}
	ul.blocklist li {
	  width: 100%;
	  min-height:20px;
	}
	.svg-trophy:before {
		content:"";
		display:block;
		position:absolute;	
		width:100%;	
		height:400px;	
		z-index:-2;
		margin:0 auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:transparent url(../img/wreath1.svg) center 20px /220px auto no-repeat;
	}
	
	.svg-trophy h1 {
	  font-size: 50px;
	  line-height:48px;
	  margin: 60px 0 0;
	  padding: 10px 0 0;
	  word-spacing: -5px;
	}
	body.page-id-4568 .svg-trophy {
		margin: 20px 0 0;
	}
	body.page-id-4568 .svg-trophy h1 {
		margin: 20px 0 0;
		padding: 40px 0 0 0;
	}
	body.tax-sector .svg-trophy:before {
		background-position:center 10px;
	}
	body.tax-sector .svg-trophy h1 {
		margin:0 auto;
		padding: 60px 0 0 0;
		text-align:center;
		width:100%;
	}
	body.tax-sector .svg-trophy {
		min-height:180px;
		text-align:center;
		padding:0;
	}
	body.tax-sector h4.sectorlabel {
	  display:inline-block;
	  vertical-align:top;
	  padding:4px 10px;
	  font-size:16px;
	  line-height:20px;
	}
	#headerimg.fullwidth {
		height:560px;
	}
	.innerframe.title {
	 	height:560px;
	}
	.deviceframe{
		position:relative;
		height:560px;
		border-bottom:2px solid #666;
		margin:0 -20px;
		padding:120px 20px 10px 20px;
		top:-6px;
		
	}
	
	.device.laptop{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:0;
	}
	
	.deviceframe h1 {
		z-index:10;
	}
	.deviceframe h1 {
	  position:absolute;
	  left:0;
	  right:0;
	  padding:0 10px;
	  top:180px;
	}
	
	.device.laptop:before,
	body.page-template-page_services #headerimg:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
		background:rgba(0,0,0,0.31);
	
	}
	.device.laptop .pic{
		margin: 0;
		padding: 0;
		position: relative;
		background-position:center 0;
		background-repeat:no-repeat;
		background-size:cover;
		border:none;
		overflow: hidden;
		width:100%;
		height:100%;
		display:block;
	}
	.deviceframe a { 
		color:#fff;
	}
	
	.deviceframe h1, 
	.innerframe.title h1 {
		font-family: 'wc_mano_negra_btaregular';
		font-size:40px;
		line-height:42px;
		text-align:center;
		padding:0 20px;
	}
	.deviceframe .mobile h4, .deviceframe h3{
		position:absolute;
		bottom: 0;
		padding: 10px;
		right: 0;
		text-align: center;
		width: 100%;
		z-index:15;
	}	
	.deviceframe h3{
		bottom:11%;
		font-size:16px;
		text-align:center;
	}

	.deviceframe h3 a span {
		display:none;
	}

	.device .clientlogo {
		background:no-repeat scroll center center;
		background-size: auto 150px;
		display: block;
		height: 150px;
		width: 100%;
		left: 0;
		position: absolute;
		top:250px;	  
		z-index:10;
		text-align:center;
	}
	body.home #main p.scroll{
	  display:none;
	}
	ul.tiles li {
	  height: 180px;
	  width: 100%;
	  margin-bottom:15px;
	}
	
	#main .chalk blockquote p {
		font-size:18px;
	}
	.innerframe.title {
		min-height:540px;
		padding:180px 0 0 0;
		
	}
	.innerframe.title h1 {
		bottom:auto;
		right:auto;
		width:100%;
		position:relative;
		
	}
	.innerframe.title h3.caption {
	  bottom:auto;
	  right:auto;
	  font-size: 20px;
	  line-height:22px;
	  text-align: center;
	  position:absolute;
		bottom:50px;
	  margin:0;
	  width:100%;
	}
	body.home #third, body.home #fourth ul.quotes li {
		width:100%;
	}
	/*body.home ul.quotes li blockquote p, .chalk p, .chalk .entry ul li, .chalk .entry ol li {
	  font-size: 18px;
	  line-height: 22px;
	  margin:10px 0 15px;
	}*/
	.chalk .entry ul li, .chalk .entry ol li {
		padding:0 0 0 5px;
	}
	body.home ul.quotes li{
		margin-bottom:15px;
	}
	body.home ul.quotes li blockquote cite {
		position:relative;
		margin-top:10px;
		width:100%;
	}
	.videobox iframe {
		height:180px;
	}
	ul.sectors, ul.services {
	  padding:20px 0;
	}
	ul.sectors li a, ul.services li a {
	  padding:5px 15px;
	  font-size:15px;
	}
	ul.tiles li, ul.picturelist li {
	  margin-bottom:15px;
	}
	#Postimg.careers {
		background-size:auto 150px;
		min-height:250px
	}
	#Postimg.careers .date-time {
	  bottom:auto;
	  color: #fff;
	  font-size: 14px;
	  position: relative;
	}
	.chalk .wpp-list h3 {
	  font-size: 22px;
	  line-height: 26px;
	}
	[class*="box-"], div[class*="box-"] {
		display:block;
		vertical-align:top;
		margin:0;
		padding:0;
		width:100%;
	}
	[class*="pad-"], div[class*="[pad-"]{
		padding:0;
	}
	
}

/* --------------------------------------------------------------------------------------------------------------------- Animations -------------------- */
@media only screen and (min-width: 768px) { 
	/*----------------------------------------------------------------------------taken from animate.css */
	.animated {
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}
	@-webkit-keyframes fadeInUp {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}
	
	@keyframes fadeInUp {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}
	
	.fadeInUp {
	  -webkit-animation-name: fadeInUp;
	  animation-name: fadeInUp;
	}
	
	/*----------------------------------------------------------------------------written by Kolen*/
	.fadeUpSlow {
	  -webkit-animation-name: fadeUpSlow;
	  animation-name: fadeUpSlow;
	  -webkit-animation-duration:1.6s;
	  animation-duration:1.6s;
	  -webkit-animation-count:1;
	  animation-count:1;
	  -webkit-animation-fill-mode:forwards;
	  animation-fill-mode:forwards;
	}
	.fadeDownSlow {
	  -webkit-animation-name: fadeDownSlow;
	  animation-name: fadeDownSlow;
	  -webkit-animation-duration:2.0s;
	  animation-duration:2.0s;
	  -webkit-animation-count:1;
	  animation-count:1;
	  -webkit-animation-fill-mode:forwards;
	  animation-fill-mode:forwards;
	  -webkit-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	}
	.fadeLeftSlow {
	  -webkit-animation-name: fadeLeftSlow;
	  animation-name: fadeLeftSlow;
	  -webkit-animation-duration:2.0s;
	  animation-duration:2.0s;
	  -webkit-animation-count:1;
	  animation-count:1;
	  -webkit-animation-fill-mode:forwards;
	  animation-fill-mode:forwards;
	  -webkit-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	}
	.fadeRightSlow {
	  -webkit-animation-name: fadeRightSlow;
	  animation-name: fadeRightSlow;
	  -webkit-animation-duration:2.0s;
	  animation-duration:2.0s;
	  -webkit-animation-count:1;
	  animation-count:1;
	  -webkit-animation-fill-mode:forwards;
	  animation-fill-mode:forwards;
	  -webkit-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	}
	.delay1 {
		  -webkit-animation-delay: 0.8s;
				animation-delay: 0.8s;
	}
	@-webkit-keyframes fadeUpSlow {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
		transform: translate3d(0, 15%, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}
	
	@keyframes fadeUpSlow {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
		-ms-transform: translate3d(0, 15%, 0);
		transform: translate3d(0, 15%, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	  }
	}
	
	
	@-webkit-keyframes fadeDownSlow {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}
	
	@keyframes fadeDownSlow {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		-ms-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	  }
	}
	
	/*test*/
	
	@-webkit-keyframes fadeLeftSlow {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%,0, 0);
		transform: translate3d(-20%,0, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}
	
	@keyframes fadeLeftSlow {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%,0, 0);
		-ms-transform: translate3d(-20%,0, 0);
		transform: translate3d(-20%,0, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	  }
	}
	
	/**/
	@-webkit-keyframes fadeRightSlow {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(20%,0, 0);
		transform: translate3d(20%,0, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	  }
	}
	
	@keyframes fadeRightSlow {
	  0% {
		opacity: 0;
		-webkit-transform: translate3d(20%,0, 0);
		-ms-transform: translate3d(20%,0, 0);
		transform: translate3d(20%,0, 0);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	  }
	}

/*--------------------------------------------------------------------------------END ANIMATIONS*/
}