/*
Theme Name: Typework

Author: Typework Studio
Author URI: https://typeworkstudio.com
Description: A Typework Studio 
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset
-------------------------------------------------------------- */





html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body, html {
	height:100%;
	
	
}
body {
	font-size:18px !important;
	line-height:1.6em !important;
	color:#4b4b4b !important;font-family: sweet-sans-pro, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin:0;
	padding:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

img {
	border: 0;
}
.desktop{ display: block;}
.device, .mobile {display:none;
}

.royalSlider {
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;
		
}
.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	-webkit-backface-visibility: hidden;
}



/* TWS Links*/
a{outline:none;color: #464646;   -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out; }
a:hover {color: #000;}
a:focus {
	outline:none;
}
a.cta  {display:inline-block;
	border:0px solid #464646;
    background-color: #333;
	margin-top:20px;
	color:#4b4b4b !important;
	padding:10px 20px;
	border-radius: 4px;
	text-transform:uppercase;
	letter-spacing:.1em;font-family: sweet-sans-pro, sans-serif;
	 
	font-size:14px;
	text-decoration:none;border:solid 3px #333; text-decoration:none !important; color:#fff !important; background-color: #333;}
a.cta:hover, #port a.cta:hover {border:solid 3px #333; text-decoration:none !important; color:#fff !important; background-color: #000;}
.whoweare a.cta{ margin-left:50%;}


/* TWS Headlines */
h1, h2, h3, h4, h5, h6 {font-family: sweet-sans-pro, sans-serif;font-family: sweet-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 600;
	clear: both;
}
h1 {
	font-size:40px;
	font-weight:300;
	margin-top:20px;
	letter-spacing:.1em;
	margin-bottom: 10px;
	padding-left: 0px;
	color: #4b4b4b;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height:1.35em;
}
h2 {
	font-size:30px;
	font-weight:300;
	margin-top:0px;
	margin-bottom: 14px;
	padding-left: 0px;
	color: #4b4b4b;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height:1.4em;
}
/* TWS Frames */
.frame {
	width: 1400px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	padding-top:0px;
}
.frame-1400 {
	width:1400px;
	margin:0 auto;
	position:relative;
}
.frame-1200 {
	width:1200px;
	margin:0 auto;
	position:relative;
}

/* TWS Header */
.site-header {
	padding: 0 0 5px 0;	position:fixed;
	top:0;left:0;
	width:100%;
	float:left;
	background: rgba(255, 255, 255, 0.95);
	z-index:9999;
	 -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;
}
.site-header:hover {
	background: rgba(255, 255, 255, 0.99);
}
.logonew {
	width:25%;
	float:left;
	padding-top: 10px;
	padding-bottom:0px;z-index: 99999;
}

.tws-cta{ position: absolute; right: 0; top: 25px; font-size: 16px;}
.tws-cta a{ border-bottom:solid 0px #4b4b4b ; padding: 15px 25px; border-radius: 4px;font-family: sweet-sans-pro, sans-serif;font-weight: normal !important; background-color: #333; color: #fff!important; line-height:1.2em !important;
font-size:16px !important; }
.tws-cta a:hover{ text-decoration: none; background-color: #d9d330;}

.dpsp-no-label{ background-color: #333!important; border-color: #333!important;}
/* Assistive text */



.do {
	width:100%;
	font-size:1em;
	line-height:1.6em !important;
	color: #4b4b4b !important;
	float:left;
	clear:left;
	position:relative;
	padding:150px 0px 60px;
}
.do ul{ list-style: none!important;}
.do ul li{ width: 23%; float:left; margin-right: 2%; display: block!important;}
.do .ssba{ display:none;}
.do h3 {
	font-size:30px !important;
	padding-bottom:30px;
	line-height:34px !important;
	color: #4b4b4b !important;
	padding-top:20px !important;
	text-transform:none !important; font-weight: 300;
	letter-spacing:0 !important;
}
.do h4 {
	font-size:16px;font-family: sweet-sans-pro, sans-serif; text-transform:uppercase !important;
	text-align:center !important;
	letter-spacing:0.2em !important;
	line-height: 1.3em;
	
	padding-top:10px;
	color:#4b4b4b;
	display:block !important;
	margin:0 auto;
	padding-bottom:60px;
	width:auto;
}
.do a {font-family: sweet-sans-pro, sans-serif;
	font-size: 16px!important;
	text-transform:uppercase;
 letter-spacing:.1em;

	color:#4b4b4b!important;
	text-decoration:none !important;
	padding-top:35px;
	padding-bottom: 10px;
	display:inline-block;
	border-bottom:solid 2px #333;
}
.ready {
	width:100%;
	font-size:14px!important;
	text-align:center !important;
	float:left;
	padding:100px 0 60px;
}
.ready .frame{ width: 700px; margin: 0 auto;}
.ready a.cta {
	display:inline-block;
	

	font-size:16px;
	text-transform:uppercase;
	letter-spacing:.1em;font-family: sweet-sans-pro, sans-serif; text-decoration:none !important;
	margin-top:25px; padding: 15px 20px;
	border-radius: 4px;
	
 background-color: #333 !important; color: #fff!important; 
}
.ready a.cta:hover {
	background-color: #000 !important;
}
.ready h3 {
	font-size:30px; font-weight: 300; line-height: 1.2em!important;
	text-transform:none !important;
	padding-bottom:0px !important;
	text-align:center !important;
	letter-spacing:0em !important;
}
.ready p span {
	display:block;
		margin: 20px 0;
	padding:0;font-size: 16px!important;
	line-height:1.6em;
	padding-top:0px !important;
} .ready p span a{ text-decoration:none !important; font-weight: bold}

.white-info {	width: 100%;float:left;font-size:14px; clear: left;	border-top: solid 1px #ccc;
	padding-top:20px;	color: #4b4b4b !important;	padding-bottom: 40px;	position: relative;text-align:center  !important;
}.white-info a {color: #4b4b4b;	text-decoration: none;}
.white-info a:hover {
	color: #000;
	text-decoration: none;}
.white-info a.ss-icon {
	display:inline-block;
	padding-right:14px;
	font-size:1.4em;}



/*Home Page Intro and Slideshows*/
#mslides {
	float:left;
	width:100%; position: relative;
	height:100%;
	max-height:100%;
	overflow:hidden;}
#mslides .rsDefaultInv, #mslides .rsContent{background-color: #fff!important;}
#mslides .rsSBlock h1{	text-transform:none !important;font-family: sweet-sans-pro, sans-serif;
	font-weight:inherit;
	font-size:40px !important;
	width: 100%!important;
	padding-top: 250px;
	color:#4b4b4b;
	text-align:center;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	letter-spacing:0;}
#mslides .rsSBlock h1 span {font-family: sweet-sans-pro, sans-serif;font-size:60px !important;  line-height:1.1em !important;   letter-spacing: .0em; padding-top:0px;display: block; }
#lslides {
	float:left;
	width:100%;
	height:650px;
	max-height:650px;
	overflow:hidden;}
#full-width-slider, #port-slider {	position:relative;
	width: 100%;
	height:100%;
	min-height:100%;
	padding-top: 0px;
	z-index: 1;}
.infoBlock {position: absolute;
	top: 350px;
	text-align:center;
	left: 0px;
	color:#464646;
	width:100%;
	max-width: 100%;
	padding-bottom: 0;
	overflow: hidden;
	padding: 0px;
}.infoBlock h1 {
	text-transform:none !important;font-family: sweet-sans-pro, sans-serif;
	font-weight:inherit;
	font-size:40px !important;
	padding-top: 250px;
	color:#4b4b4b;
	text-align:center;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	letter-spacing:0;
} .infoBlock h1 span{font-family: sweet-sans-pro, sans-serif;font-size:60px !important;  line-height:1.1em !important;   letter-spacing: .0em; padding-top:0px;display: block;}


/* Home Page Breaker */
.breaker {
	clear:left;
	position:relative;
	width:100%;	float:left;	background-image:url(/images/break.jpg);
	background-repeat:no-repeat;	background-position:top center;	height:560px;	opacity:0;	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.photobreaker {
	clear:left;
	position:relative;
	width:100%;	float:left;	background-image:url(/images/18-photo-spread.jpg);	background-image:url(/images/break.jpg);color: #fff;
	background-repeat:no-repeat;	background-position:top center;	height:650px;}
.breaker h3 {
	font-size:30px !important;
	line-height:1.6em !important;
	color:#fff !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	margin-left:50%;
	margin-right:10%;
	padding-top:180px !important
}
.photobreaker h3 {
	font-size:40px !important;color: #fff;
	line-height:1.1em !important;
	color:#fff !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	margin-left:50%;
padding-bottom: 14px;
	padding-top:180px !important
}
.photobreaker p{ margin-left: 50%;}
/* Home Page Port */
#port {
	clear:both;
	position:relative;
	text-align:center;
	padding-bottom:85px;
	width:100%;
	color: #4b4b4b !important;
	float:left;
	padding-top: 120px;
	  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */ 
	
}
#port h3{ font-weight:300!important;
font-size:40px!important; line-height: 1.2em;
	text-transform:none;
	width:100%;
	float:left;
	padding-top:0px;
	padding-bottom:40px;
	margin-bottom:0px;
	color:#4b4b4b;
	text-align:center;}
.introquote{ font-size: 16px; padding-bottom: 20px; text-align: center; text-transform: uppercase; letter-spacing: .1em;}
.introquote:after,  .do h4:after,  h3.line:after, h1.headtitle:after, .logomain h2:after,  a.whatwedolink:after, .tws-project h3:after, h3.whatwedolink:after, h2.whatwedolink:after{ content:"";display: block; border-bottom: solid 3px #dadada; width: 70px; height: 3px; margin: 7px auto 20px!important;}
.introp{text-align: center !important; width: 50%; margin: 0 25% 14px 25%; padding-bottom: 20px!important}
.introp a{ font-weight: bold}

/* --- Home and Portfolio Hovers
		font configuration ---------------------------------------------------------- */
        .viewport {

	background-size:100%;	background-position:center center;
	background-repeat:no-repeat;
	float: left;
	overflow: hidden;
	width: 48%;
	height:auto;
	text-transform: capitalize;
	margin-top: 0px;
	margin-right:2%;
	margin-bottom: 30px;
	padding: 0px;
}
/* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
	width:100%;
	display: block;
	position: relative;

	height: 100%;
	
	color: #4b4b4b;
	text-decoration: none;
}
.viewport a img {	left: 0px;
	position: relative;
	top: 0px;
	overflow: hidden;
	width:100%;
	height:auto;
	max-width: 100%;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/* --- Label configuration -------------------------------------------------------------- */
         .viewport a span {
	display: none;
	font-size: 1em;

	height: 100%;
	padding-top: 20%;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 81%;
	z-index: 49;
	line-height: 1.2em;
	padding-right: 10%;
	padding-left: 10%;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-position:center 65px;
	background-repeat:no-repeat;
}
       
#port .viewport h3, .viewport h3 {
	font-size:18px !important;font-family: sweet-sans-pro, sans-serif; color:#ccc !important; padding-bottom: 0; margin-bottom: 14px!important;
	text-transform:none !important;
	line-height:1.3em;
	letter-spacing: 0.15em;
}
#port .viewport h4, .viewport h4 {
	font-size:16px !important;
	color:#ccc;
	clear:left;
	text-transform:none !important;
	line-height:1.3em;
	letter-spacing: 0em;
}
#port .viewport h5, .viewport h5 {
	font-size:16px !important;
	border-top:solid 2px #666;
	display:inline-block;
	color: #999;
	margin-top: 25px;
	padding-top:15px;
	clear:left;
	line-height:1.3em;font-family: sweet-sans-pro, sans-serif;
	letter-spacing: 0.2em;
}

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background, .light-background {width: 100%;
	background-color: rgba(25, 50, 100, 0.9) !important;font-size:20px !important;font-family: sweet-sans-pro, sans-serif;
	color:#fff !important;
	text-transform:none !important;
	line-height:1.3em;
	letter-spacing: 0.05em;
}
/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
      

.whoweare {
	width:100%;
	float:left;
	height:800px;
	padding-top:170px;
	background-image:url(/images/who.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment: fixed; 
}
.whoweare h3 {
	text-transform:none;
	font-size:40px; font-weight: 300;
	line-height:1.2em;
	margin-bottom:0px;
	letter-spacing:0em;
}
.whoweare p {
	margin-left:50%;
	width:40% !important;
	line-height:1.6em; margin-top:-60px !important; padding-top:0 !important;
	font-size:20px !important;
}





/* About - Section
-------------------------------------------------------------- */

.about-header {	border-top:solid 0px #efefef;
	border-bottom:solid 0px #efefef;
	width:100%;
	float:left;
	min-height:700px;
	max-height:700px;
	
	text-align:center;
	color:#4b4b4b;
	background-image:url(/images/craft.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
}
.about-header h1 {  font-size: 40px; font-weight:300 !important;	margin-left:50%; text-transform:none !important;
	text-align:left !important;
	line-height: 1.2em;
	padding-top:180px;
	letter-spacing:0 !important;
	padding-bottom:20px;
	margin-bottom:0;
	
}
.about-header h2 {  
	font-size:20px; margin-right:15%;
	margin-left:50%; text-transform:none !important;
	text-align:left !important;
	padding-top:0px; margin-top:0 !important;
	letter-spacing:0 !important;
	padding-bottom:0;
	margin-bottom:0;
	
}
.about-page{ clear:left; width:100%; float:left; padding:60px 0; font-size: 18px;  /*   -webkit-user-select: none; 
  -moz-user-select: none;    
  -ms-user-select: none;    
  user-select: none;*/   }
.about-page .frame{ width:770px; margin: 0 auto !important; text-align: left!important;}
.about-page h3 {font-size:16px !important;	text-transform:uppercase !important;font-family: sweet-sans-pro, sans-serif;
	text-align:center !important;	letter-spacing:0.1em !important;
	padding-top:10px;	color:#4b4b4b;	display:inline-block !important;
	margin:0 auto;	padding-bottom:10px;	width:auto;}
.about-page h4{padding-top:20px !important;	padding-bottom:30px;font-size:30px!important; font-weight: 300 !important; line-height:1.3em; margin-top: 0;
	 text-transform:none !important; letter-spacing:0 !important;text-align:center !important;}
.about-page h5{ font-style: italic!important; font-size: 22px!important}
.about-page a  { font-weight:bold;	text-decoration:none !important;}
.about-page a:hover {text-decoration:underline !important;}



/* Design Services - Section
-------------------------------------------------------------- */
.tws-page{ width:100%;    /* -webkit-user-select: none; Chrome all / Safari all */
  /*  -moz-user-select: none;     /* Firefox all */
   /* -ms-user-select: none;      /* IE 10+ */
  /*  user-select: none;   */
float:left; padding:75px 0; }
.tws-page .frame{ width:720px; margin:0 auto;}
.tws-page h1{ font-size:2em; letter-spacing:0; text-transform:none !important; text-align:center !important; padding-top:24px !important}
.tws-page h1.headtitle, .tws-page h2.headtitle, .tws-page h3.headtitle {font-size:20px!important;font-family: sweet-sans-pro, sans-serif;
	text-transform:uppercase !important;
	text-align:center !important;
	letter-spacing:0.2em !important;

	padding-top:10px;
	color:#4b4b4b;
	display:inline-block !important;
	margin:0 auto;
	padding-bottom:20px;
	width:auto;
}


.tws-page h3{ font-size:1.5em !important; text-align:center !important; padding:20px 0 20px;
 text-transform:none; letter-spacing:0em; line-height: 1.2em!important; font-weight: 300!important; margin-top:0; } 
.tws-page h2{ margin-bottom: 0!important; margin-bottom: 0!important; padding-bottom: 20px!important; font-size: 40px;}
div.frm_submit{ text-align: center;}
.frm_html_container{font-size: 12px!important; line-height: 1.2em; }
.frm_html_container a{font-family: usual, sans-serif!important;}
.tws-page ul{ list-style: square; margin: 20px!important}
.tws-page ul li{ padding: 7px 0!important;}
.tws-page p a, .tws-page .frm_fields_container a, .pp a, .pp strong a{font-family: sweet-sans-pro, sans-serif; text-decoration:underline;}
body.page-template-contact .ready{ display: none!important;}

.hire, .twsheader {
	
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment: fixed;
	float:left;
	min-height:450px !important;
	width: 100%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding-top:0px;
	margin-bottom:0px;
}
.hire h1 {
	font-size:50px;
	margin-left: 50%; width: 40%;
	width: 500px; line-height: 1.2em; text-transform: none; letter-spacing: 0;
	text-align: left!important;
	padding-top:175px;
	color:#fff;  font-weight: 300!important;
}






/* Project Page/Single
-------------------------------------------------------------- */
.tws-project{ width:100%;
float:left; padding:850px 0 100px!important;}
.short{padding:150px 0 100px!important;}
.project-header{ position:absolute; top:0; left:0; background-position:center top !important; background-repeat:no-repeat; min-height:800px !important; height:800px !important; min-width:100% !important; float:left !important;}
.tws-project .frame{ width: 1140px!important; margin: 0 auto;}
.tws-project .frame p{ font-size:18px !important; line-height:1.5em !important; }



.tws-project h1{font-size:40px!important; padding:20px 0 24px 0;font-family: sweet-sans-pro, sans-serif; text-transform:none!important;letter-spacing:0px!important;text-align:center!important; line-height: 1em;}
.tws-project h2{ letter-spacing:0 !important; margin:30px 25% 40px !important;text-transform:none !important; font-size: 20px; width:50% !important;text-align:center !important;}
.tws-project h3{font-family: sweet-sans-pro, sans-serif; line-height:1.2em !important; font-size: 30px!important; font-weight: 300!important; margin: 20px 0; text-align: center;}
.tws-project ul { margin: 20px 0; margin-left: 20px;}
.tws-project ul li{ list-style: square; list-style-position:outside; padding: 7px 0!important; }
.tws-project .postmetadata{ margin-bottom: 14px; width: 100%;}
.project-txt{ width:60%;margin:0 20% !important; }
h3.whatwedolink, h2.whatwedolink {
		font-size:16px!important;font-family: sweet-sans-pro, sans-serif; text-transform:uppercase !important;
	text-align:center !important;
	letter-spacing:0.2em !important;
text-decoration: none;
	padding-top:10px;
	color:#4b4b4b;
	display:block !important;
	margin:0 auto;
	padding-bottom:60px;
	width:auto;
}
.related ul {	margin:0 !important;	width:100%;
	padding:0 !important;list-style: none!important;}
.related ul li { list-style: none!important;	margin:0 !important;
	width:31%;
	margin-right:2% !important;
	padding:0 !important;
	float:left !important;
	padding:0 !important;}
.related ul li .viewport {width:100%;}
.related ul li .viewport:hover{background-color: rgba(0, 0, 0, 0.8) !important;}




/* Services- Section
-------------------------------------------------------------- */
.tws-services{ width: 100%; float: left; margin-top:92px; }
.tws-services h1{ letter-spacing: 0; font-size: 2em!important; line-height: 1em!important; padding-top: 100px!important;}
.left{width: 50%; min-height: 650px; float: left;}
.right{ width:50%;min-height:650px; float:left;}
.text-frame{ width:600px;}
.fr{ float: right; padding-right: 100px;}
.fl{ float:left; padding-left: 100px;}

.service-section {
	float:left;
	width:100%;
	margin-top:90px;
}
.s1 {
	width:25%;
	position:relative;
	float:left;
	background-color:#464646;
	height:550px;
}
#logospace {
	background-image:url(/images/about-logo.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:900px;
	-webkit-transition: background .3s ease;
	-moz-transition:background .3s ease;
	-o-transition:background .3s ease;
	transition:background .3s ease;
}
#logospace:hover {
	background-size:1000px;
}
#printspace {
	background-image:url(/images/about-print.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:900px;
	-webkit-transition: background .3s ease;
	-moz-transition:background .3s ease;
	-o-transition:background .3s ease;
	transition:background .3s ease;
}
#printspace:hover {
	background-size:1000px;
}
#webspace {
	background-image:url(/images/about-web.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:900px;
	-webkit-transition: background .3s ease;
	-moz-transition:background .3s ease;
	-o-transition:background .3s ease;
	transition:background .3s ease;
}
#webspace:hover {
	background-size:1000px;
}
#photospace {
	background-image:url(/images/about-photo.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:900px;
	-webkit-transition: background .3s ease;
	-moz-transition:background .3s ease;
	-o-transition:background .3s ease;
	transition:background .3s ease;
}
#photospace:hover {
	background-size:1000px;
}
.s1 div {
	display:none;
	position:relative;
}
.s1:hover div {
	display:block;
	width:100%;
	text-align:center;
	color:white;
	min-height:100%;
	position:relative;
}
.s1:hover div a {
	max-width:100%;
	display:block;
	text-decoration:none;
	width:100%;
	height:550px;
	min-height:100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color:white;
	background: rgba(0, 0, 0, 0.6);
}
.s1:hover div a:hover {
	max-width:100%;
	display:block;
	text-decoration:none;
	width:100%;
	height:550px;
	min-height:100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color:white;
	background: rgba(0, 0, 0, 0.4);
}
.s1:hover div h3 {
	font-size:1.3em;
	width:60%;
	margin:0 20%;
	padding-top:150px;
}
/* Logo Main Page 2016*/
a.whatwedolink, .whatwedolink{ font-size: 16px!important; letter-spacing: .2em!important; text-decoration: none; text-transform: uppercase!important;font-family: sweet-sans-pro, sans-serif;}


.logosecond h1, .logomain h1{ text-align:center !important; letter-spacing: 0em!important; font-size: 40px; width:100%; margin:0%; line-height:1.25em; margin-bottom:24px !important; padding-bottom:0px !important;  font-weight: 300!important;}
.logosecond h1 span{ line-height:1.25em !important; font-size:.65em !important;
display:block !important; }
.logosecond h4{ padding: 24px 0 14px; font-size: 20px!important;
}
.logofirst{ padding-top: 100px;}
.logomain{ padding-top: 100px!important;}
.logomain h2{ font-size: 30px!important;}
.logomain h3{ font-size: 30px!important; font-weight: 300!important;}

.portfoliosection{ padding: 20px 0 20px 0; clear: left; float: left; width: 100%;}
.servicenav{ position: absolute; top: 0px; left: 0px; width: 200px;z-index: 99!important; background-color: rgba(255,255,255,.95); border-right: 0px solid #000; text-align: left!important; padding: 0px; font-size: 16px!important; display: none!important}

.design-service-boxes{ width: 100%; float: left; padding: 60px 0; text-align: center;}
.design-service-boxes .frame{ width: 1200px; margin: 0 auto;}
.design-service-boxes h2{ font-size:40px!important; font-weight: 300!important;  text-align:center !important; text-transform:none !important; letter-spacing:0 !important; line-height: 1.2em;font-family: sweet-sans-pro, sans-serif; padding: 0; margin: 40px 0 20px 0; }
.design-service-boxes h3{ font-size:30px!important; font-weight: 300!important; line-height: 1.2em; padding-top: 20px; }

.brandingtext .frame .servicenav{ left: -350px!important;font-family: sweet-sans-pro, sans-serif; font-weight: normal;}
.servicenav ul, .brandingtext .servicenav ul{ list-style: none!important; padding: 20px;}
.servicenav ul li, .brandingtext .servicenav ul li{line-height: 1.2em!important;padding: 8px 0!important; text-transform: uppercase;font-family: sweet-sans-pro, sans-serif; }
.servicenav span.insidetitle{ font-weight: normal!important; font-size: 1em!important;font-family: sweet-sans-pro, sans-serif; display: block; line-height: 1em!important; text-align: left!important; margin-bottom:0px!important;padding-top: 14!important;  background-color: rgba(0,0,0,.95); color: #fff; padding: 10px 20px;}
/* Logo Design Intro Page*/
.brandingtext{ width:100%; float:left;   -webkit-user-select: none;  /* Chrome all / Safari all */  -moz-user-select: none;     /* Firefox all */  -ms-user-select: none;      /* IE 10+ */  user-select: none; font-size: 18px; line-height: 1.6em;  }
.brandingtext .frame{position: relative; width:770px !important; margin:0 auto !important;}
.brandingtext h2{ font-size:30px!important; font-weight: 300!important; padding: 20px 0; line-height: 1.4em; }

.brandingtext h3{ font-size:30px!important; font-weight: 300!important;  text-align:center !important; text-transform:none !important; letter-spacing:0 !important; line-height: 1.2em;font-family: sweet-sans-pro, sans-serif; padding: 0; margin: 40px 0 15px 0; }
.brandingtext h4{ letter-spacing:0 !important; text-transform:none !important;font-family: sweet-sans-pro, sans-serif; text-align:left !important;font-size:24px !important; }
strong{ line-height:32px !important }
.brandingtext ul{ list-style:square !important; list-style-position:inside !important;}
.brandingtext ul li { padding-bottom:14px !important}
.brandingtext p a{ font-weight:bold!important;}
.brandingtext strong{font-family: sweet-sans-pro, sans-serif; }
.brandingtext .servicenav a{ font-weight:300!important;}
.logosecond{ padding: 75px 0!important; font-size: 18px; line-height: 1.6em;}
.first{ padding-bottom:0!important;  font-size: 18px; line-height: 1.6em; }
.flowingservice{ width:100%; float:left; padding:50px 0;}
.flowingservice h3{ font-size:30px;  text-align:left !important; text-transform:none !important; letter-spacing:0 !important;
padding-bottom:30px !important;font-family: sweet-sans-pro, sans-serif; margin-top:50px; line-height:1.2em !important}
.flowingservice a.cta{ clear: left!important; display:inline-block;text-decoration:none !important}
.flowingservice a.cta:hover{ text-decoration:none !important}
.serviceleft, .serviceright{ width:50% !important; 
min-height:600px !important; float:left !important; }
.serviceleft .frame, .serviceright .frame{ width:550px;}
.serviceleft .frame{float:right; margin-right:150px; padding-top:50px;}
.serviceright .frame{float:left; margin-left:150px; padding-top:50px;}

/*Secondary Services*/
.full{ width: 100%; text-align: center; background-position: top center; min-height: 650px; float: left!important;}
.full h1{ text-align: center; padding-top: 250px!important; font-size: 50px; line-height: 1.1em; font-weight: 300; letter-spacing: 0em; color: #fff;}
.full h1 span{font-size: 18px;display: block; text-transform: uppercase; letter-spacing: .1em;}
/* CMS Section
-------------------------------------------------------------- */

/* Form fields, general styles first */
button, input, textarea {
	
	border: 1px solid #ccc;
	border-radius: 4px; -webkit-appearance: none;
	
}
button, input {
	line-height: normal; -webkit-appearance: none;

}
textarea {
	font-size: 100%;
	
	overflow: auto;
	vertical-align: top; -webkit-appearance: none;
}
/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"] {
	border: 0;
	border-radius: 0;
	padding: 0; -webkit-appearance: none;
}
/* Buttons */
 input[type="submit"] {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	/*background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);*/
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); -webkit-appearance: none;
}
 button, input[type="submit"] {
	cursor: pointer;
	background-color:#1a1a1a; -webkit-appearance: none;
}
 button:hover, input[type="submit"]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb); -webkit-appearance: none;
}
 button:active, input[type="submit"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; -webkit-appearance: none;
	border: none;
}
/* Responsive images */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, img.size-large, img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {
	max-width: 100%;
}
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	
}






a:link, a:visited {
	color: #4b4b4b;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	margin-bottom:12px !important;
	font-size:18px !important;
	line-height: 1.6em;
}
blockquote {
	font-style:italic !important;
	margin-left:70px !important;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
table, td, th {
	vertical-align:middle;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
tr.even td {
	background:#1a1a1a;
}
tfoot {
	font-style:italic;
}
caption {
	background:none repeat scroll 0 0 #EEEEEE;
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
caption, th, td {
	font-weight:strong;
	text-align:left;
}
#error {
	font-size:21px;
	font-weight:normal;
	line-height:1.2;
	margin:15px 15px 45px 15px;
}

.port-links {
	margin:0 auto;

	width:1200px;
	
	position:relative;
	z-index:100;
	padding-top:25px;
	padding-bottom:15px;
}
.port-links ul {
	margin:0 auto;
	padding:0;
	
	position:absolute;
	top:0;
	left:0;
}
.port-links ul li {
	float:left;
	
	display:block;

	padding:0 16px 0;
	border-right:solid 1px #dadada;
}
.port-links ul li:first-child {
	text-transform:uppercase;
	letter-spacing:.1em;
	
	padding-left:0px;
}
.port-links ul li:last-child {
	border-right:solid 1px #efefef;
}
.port-links a {
	color: #4b4b4b;
	letter-spacing:.0em;
	text-decoration:none;
}
.port-links a:hover {
	color:#000;
	text-decoration:none;
}




.about-secondary {
	padding:140px 0 40px 0;
}.about-secondary h1 {
font-size:16px;font-family: sweet-sans-pro, sans-serif;
	text-transform:uppercase !important;
	text-align:center !important;
	letter-spacing:0.2em !important;
	border-top:solid 2px #efefef;
	padding-top:10px;
	line-height:28.8px !important;
	color:#4b4b4b;
	display:block !important;
	margin:0 auto;
	padding-bottom:40px;
	width:200px;
}
.about-secondary h2{ font-size:40px !important; line-height:1.4em !important; text-align:center !important;
text-transform:none !important; letter-spacing:0 !important}
.about-secondary h3, h3.consistent{ padding:40px 0 20px 0; border-top:0px;
 text-align:center !important; font-size:20px !important; text-transform:uppercase !important; display:block !important;}
.service-secondary {
	padding:35px 0 40px 0;
}
.journal ul {
	list-style:square !important;
	margin:20px;
}
.about-secondary ul {
	width:25%;
	margin:0;
	padding:0;
	padding-bottom:75px;
	list-style:none !important;
	float:left;
}
.about-secondary ul li em {
	font-size:.8em;
}


h1.post-title {
	text-transform:none;
	letter-spacing:0;
	font-size: 40px !important;
	
	text-align:center;
	color:#4b4b4b!important;
	line-height: 1.2em;
	padding:0px 0 24px;
	font-weight: normal;
	margin-bottom:0;
}

/* -------------------------Portfolio Items --------------------------------*/

.postmetadata {
	line-height:1.6em !important;
	font-size:.65em !important;
	width:50%;
}


.postmetadata a{font-family: sweet-sans-pro, sans-serif; background-color:#efefef; margin:2px 2px !important;
text-transform:capitalize !important; display: inline-block !important;
padding:2px !important}





.wp-pagenavi a, .wp-pagenavi span {
	line-height:25px;
	padding:5px 7px;
	margin-right:3px;
}
.wp-pagenavi .current {
	border-bottom:solid 1px #1a1a1a;
}
.wp-pagenavi a {
	color:#555;
	text-decoration:none !important;
}
.wp-pagenavi a:hover {
	color:#555;
	border-bottom:solid 1px #1a1a1a;
}
.nextpostslink, .previouspostslink {
	display:none;
}

/* WP image classes */

.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.alignnone, img.alignnone {
/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
}
.wp-caption img {
	border: 1 solid #eeeeee;
	padding: 0;
	margin: 0;
}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	font-style: italic;
}



#port a {
	text-decoration:none !important;font-family: sweet-sans-pro, sans-serif;
}
#port a:hover {
	text-decoration:underline !important;
}
#port span {
	font-size:1.8em;
}
#port h1 {
	font-size:40px;
	
	width:100%;
	text-align:left;
	color: #4b4b4b !important;
	margin:0px 0 0px!important;font-family: sweet-sans-pro, sans-serif;
	padding:0;  float:left;
	
	text-transform:none;
	letter-spacing:0em;
}




ul.mainservices {
	margin: 0;
	width:100%;
	padding: 0;
	list-style:0;
	float:left;
	margin-bottom:25px;
}
ul.mainservices li {
	display:inline-block;
	border-left:solid 1px #dadada;
	padding: 0 10px;
}
ul.mainservices li:last-child {
	border-right:solid 1px #dadada;
}
ul.mainservices li a {
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:.1em;
	font-size:.9em;
}
ul.mainservices li a:hover {
	color:#999;
}
a.more {
	display:inline-block;
	clear:left;
	padding: 10px 0px;
	margin-top:15px;
	text-decoration:none;
	border-bottom:solid 2px #dadada !important;
	font-size:1.4em !important;
}
a.more:hover {
	text-decoration:none !important;
	border-bottom:solid 2px #333 !important;
	font-size:1.4em;
}






img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

select {
	display:none;
}.mobile{ display:none;}

/*2018 Styles*/
.tws-phone{ float: right;font-size:14px !important;font-family: sweet-sans-pro, sans-serif; padding: 0px 10px;}
.tws-phone span{ display: inline-block; padding-right: 20px;}

/*Header Services Menu*/


.navsearch{ position: absolute; top: 5px; right: 0px;}
.navsearch img{width: 15px; height: auto;}


/*Popup Styles*/



.wrap {
	color:#fff;
	text-align:center!important;
	max-width:100%;
	margin:0 auto;
}
.wrap h3{ padding-top: 250px; font-size: 30px; padding-bottom: 40px;}
.wrap input#s{ background-color: transparent; border: 0px;font-family: sweet-sans-pro, sans-serif; border-bottom: solid 1px #ccc; border-radius: 0px; color: #fff; min-height: 52px; font-size: 24px; padding-left: 20px;}
.wrap input#s:focus{outline-width: 0;border-bottom: solid 1px #fff;}
.wrap input#searchsubmit{ background-color: #fff; min-height: 50px;font-family: sweet-sans-pro, sans-serif; padding: 20px; text-transform: uppercase;}
.wrap label{display: none;}

/*Featherlight*/
.lightbox{display: none;}
html.with-featherlight{overflow:hidden}
.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(58,85,159,0)}
.featherlight:last-of-type{background:rgba(58,85,159,.95)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.featherlight .featherlight-content{position:relative;text-align:left;
	vertical-align:middle;display:inline-block;overflow:auto;padding:0px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%; min-width: 400px!important; background:transparent;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}

.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0px;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;background:#fff;background:rgba(255,255,255,.0);color:#fff;border:0;padding:0}
.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}
@media print{html.with-featherlight>*>:not(.featherlight){display:none}}
.btn{ position: absolute; top:20px; right: 0; margin-left: 40px; }
.btn img{width:15px; height: auto;} 
#fl1 h3{color: #fff; font-weight:100; font-size: 30px; margin-bottom: 24px; }
#fl1 input#s{ background-color: transparent; color: #fff!important; border:none; border-bottom: solid 1px #ccc; border-radius: 0px!important; min-height: 45px; }
#fl1 input#searchsubmit{ background-color: transparent; color: #fff!important; border-color: none!important; min-height: 44px; border-radius: 0px!important; width:150px;font-family: sweet-sans-pro, sans-serif; text-transform: uppercase; padding-left: 20px; padding-right: 20px;}
#fl1 input::placeholder{color:#ccc;}
#fl1 label{display: none!important;}
#fl1 input#searchsubmit:hover{ color:#000!important;}

/*2019 Header*/


.tws-header-19{ width:100%;padding: 0; position: fixed; top: 0; left: 0; margin-top: 0px; background-color: rgba(255,255,255,1);
 z-index: 9999; min-height: 65px;}
.tws-header-19 .frame{ width: 95%; margin: 0 2.5%;}
.logo-19{ width: 140px; text-align:left; float: left; padding: 10px 0;  position: absolute; top: 0; left: 0;}

.tws-menu{font-family: sweet-sans-pro, sans-serif; width:80%; float: right; text-align: right; margin-top: 13px;}
.tws-memu ul{margin: 0; padding: 30px 0 0; float: right;  }
.tws-menu ul li{ display: inline-block; text-transform:normal; font-size: 15px; padding: 5px 25px; letter-spacing: .0em; font-weight: 600!important; position: relative;}
.tws-menu ul li a{color: #333;}
.tws-menu ul li.cta{font-family: sweet-sans-pro, sans-serif;background-color: #99cc66!important; padding: 10px 15px; }
.tws-menu ul ul{ display: none;}
.tws-menu ul li:hover ul{display: block; background-color: #fff; padding: 10px 20px 20px 20px; margin: 0; position: absolute; width: 175px; left:0px;}
.tws-menu ul li:hover ul li{ display:block!important; text-align: left; padding: 7px 0; float: none; font-size: 15px; font-weight: 600!important; line-height: 1.2em; text-transform: none;}
.tws-menu ul li a:hover, .tws-menu ul li:hover ul li a:hover{color: #3a559f; text-decoration: none;}
.tws-menu ul li.cta a:hover{ color:#fff!important; text-decoration: none;}
.tws-menu ul li.newcta{font-family: sweet-sans-pro, sans-serif; display: inline-block; text-transform: normal; border-radius: 4px; margin-left: 15px;  border: solid 0px #333; background-color: #333!important; }
.tws-menu ul li.newcta a{ color: #fff!important;}.tws-menu ul li.newcta a:hover, .tws-menu ul li.newcta:hover a{color: #3a559f!important;}
.tws-menu ul li.newcta:hover{ background-color: #243271!important; color: #fff!important; border: solid 0px #243271!important;}
.tws-menu ul li.newcta:hover a{ color: #fff!important;}
.tws-header-19 .navsearch{ right: 1.5%; top: 1px;
}
/*Sticky Footer*/
.hello{width: 100%; background-color:#fff; padding: 10px 0; float:left;  position: fixed; bottom:0; left: 0;z-index: 999; text-align: center;

	position: -webkit-sticky; /* Safari */
	position: sticky;
 }
_:-ms-lang(x), _:-webkit-full-screen, .hello
{ 
  position: fixed; bottom:0; left: 0;
}
.hello h1{font-family: sweet-sans-pro, sans-serif; font-size: 50px; letter-spacing: -0em!important;line-height: 1.2em; text-align: center; margin: 0; padding: 0; font-weight: 600}
.hello h1 span{ text-align: center; font-size: 18px; line-height: 1em; font-weight: 600; display: block; padding:5px 0px 10px;}

/* Home Page Who */
.whom {	width:100%; clear: left;	float:left;
	text-align:left;
	color:#4b4b4b !important; font-size: 18px!important;
	height:auto;	padding:140px 0;
	position:relative; border-bottom: solid 1px #dadada;}
.whom h2{ font-size: 35px!important; margin: 0; padding: 0 0 20px 0;text-align: center!important; text-transform: none; line-height: 1.2em; letter-spacing: 0;font-family: sweet-sans-pro, sans-serif; font-weight: 600;}
.whom h3{font-size:24px; line-height: 1.2em; padding-bottom: 40px;
	letter-spacing:0 !important;	
	text-transform:none !important;
	color:#4b4b4b !important;
	padding-bottom:0px;
}
.whom p a{font-family: sweet-sans-pro, sans-serif;}
.whom p {width:60%;
	margin: 14px 20% 0; font-size:18px!important; font-weight: 600;}



 /* Home Page Who */
.whom {	width:100%; clear: left;	float:left;
	text-align:left;
	color: #333 !important; 
	height:auto;	padding:60px 0;
	position:relative;}
.whom .frame{ width: 700px; margin: 0 auto;}
.whom h1, .whom h2.serv{ padding: 0; font-size: 40px; letter-spacing: 0em;  padding-bottom: 0px;  font-weight:300; margin: 0 auto; line-height: 1.1em; text-align: center;}

.whom h2, .whom h3{ font-size: 30px!important; margin: 0; padding: 40px 0 10px;text-transform: none; line-height: 1.1em;font-family: realistwide, sans-serif; }
.whom h4{  margin: 0 auto; font-weight: 700; font-size: 20px; text-align: left; border-left:solid 3px #000; padding-left: 14px; padding-top: 0;
margin-top: 20px;}
.whom blockquote, blockquote{  padding: 14px 14px 24px 14px;  margin:30px auto 10px; text-align: center; font-size: 24px!important; }
.whom blockquote p, blockquote p{margin: 0!important;font-size: 24px!important;}
.whom blockquote a{ font-size: 15px!important;}
/*Hover Underline*/
.whom ul li a.effect-underline:after {
top: 20px;
border-bottom:#333 4px solid;
  
}
/*Hover Underline*/
.whom ul.smaller li a.effect-underline:after {
	
	top: 15px;
border-bottom:#333 4px solid;
  
}
.whom ul li a:hover{ text-decoration: none; color: #333;}


.whom ul, .whom ol{  margin: 30px auto!important; }
.whom ul li, .whom ol li{ font-size: 18px!important; line-height: 1.6em!important; text-align: left;font-family: sweet-sans-pro, sans-serif;  padding: 0 0 20px 0px; margin: 0 20px;  }
.whom ul li strong{font-family: realistwide, sans-serif; font-size: 18px!important; font-weight: 700!important; display: block; padding-bottom: 7px;}
.whom ul li:after{ display: none;}


.what{ width: 100%;float: left; padding: 40px 0;}
.what-box{ width:98%; float: left;}
.what-text{ width: 25%; float: left; margin-right: 50%; margin-left: 25%; padding: 20px 0 40px;
 clear: left!important;}
.what-text-l{ width: 25%; float: left; padding-left: 0%; margin-left: 50%; clear: left;padding: 20px 0 40px;}
.what-text h3, .what-text-l h3{ font-weight: 700;}
.what a{font-size: 14px; text-transform: uppercase; letter-spacing:.2em;font-family: realistwide, sans-serif; font-weight: 700; position: relative;}
.what h2{font-size:40px; margin:20px 0 40px; text-align: center; line-height: 1.2em!important;}

.breaker{ background-image: url(/images/white.jpg); background-position: top center; background-repeat: no-repeat; min-height: 500px;
    width:100%; float: left; padding-top: 190px!important;
}

.whom p a{font-family: sweet-sans-pro, sans-serif; text-align: center;
text-transform: uppercase; letter-spacing: .1em; font-weight: 800; font-size: 15px; display: inline-block; padding-bottom: 1px; border-bottom: solid 3px #333; background-position: right 13px;}
.whom p a:hover{border-bottom: solid 3px #000; color: #333; text-decoration: none; padding-right: 20px; background-image: url("/images/barrow.png"); background-repeat: no-repeat; background-position: right 13px; background-size: 10px;}
.whom p { color: #333; line-height:1.7em;
	margin: 14px auto; text-align: left;}

/*Home Work*/
.homework{ width: 100%; float: left; padding: 100px 0 40px; clear: left!important; display: flex!important; flex-wrap: wrap!important;}
.homework h3, .homework h1, .homework h2{ font-size: 40px; text-align: left; padding:10px 0; margin: 0; letter-spacing: 0;}
.homework h1{text-align: left; padding-bottom: 0px; margin-bottom: 0;}
.homework p{ text-align: left;font-family: realistwide, sans-serif; font-weight: 300; padding: 0 0 20px; margin: 0; font-size:18px; }
.homework h3 span{ font-size: 30px!important; text-align: center; padding-bottom: 30px; display: block;}
.homework h4{ font-size: 20px;  padding-bottom: 0px; padding-top: 20px; line-height: 1.4em; font-weight: 300!important;
}
.homework ul{ margin: 0 0 0px 0; padding: 0; list-style: none; width: 100%; float: left;}
.homework ul li{width: 47%; margin-right: 3%; float: left; padding-bottom: 40px; position: relative;}
.homework .eael-post-grid article{ display: inline-block!important; float: left!important; clear: none!important;}
.homework ul li:first-child, .homework ul li:nth-child(5n+1){ width: 97%!important; margin-right: 2%!important; text-align: center;}
 .homework .eael-post-grid article:first-child, .homework .eael-post-grid article:nth-child(5n+1){ width: 100%!important; margin-right: 0%!important; text-align: center;}
.homework .eael-entry-wrapper{ padding: 0!important;}
.homework h3.eael-entry-title{ padding: 0!important;}
.homework ul li:first-child img{max-width: 100%; height: auto; width: 100%!important; min-width: 100%!important;}

.homework ul li h3{font-size: 18px; font-weight: 700!important;  letter-spacing: .1em; margin-top: 0; padding-top: 0;font-family: realistwide, sans-serif;text-transform: uppercase; text-align: left; padding-bottom: 0; line-height: 1.6em;}
.homework ul li h3 span{ font-size: 14px!important; display: block;  letter-spacing: 0em; text-transform: none;font-family: sweet-sans-pro, sans-serif; font-weight:normal;  text-align: left; line-height: 1.4em; padding: 0; margin: 0; color:#666; }
.homework ul li a{color:#666;}
.homework ul li a:hover, .homework ul li a:hover h3 span{color: #333; text-decoration: none!important;}
.homework ul li img{  opacity: 1;border: 1px solid #fff;
  display: block;
  width: 100%;
  height: auto;
	margin-bottom: 0px;
  transition: .5s ease;
  backface-visibility: hidden;-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}

.related h3{ font-size: 30px;}
.related ul li{width: 31.333333%; margin-right: 2%; float: left; padding-bottom: 30px; position: relative;}
.related ul li:first-child, .related ul li:nth-child(5n+1){ width: 31.333333%; margin-right: 2%; text-align: center;}
.related ul li h3{ line-height: 1em; font-size: 14px; padding: 20px 0;}


.homework ul li a:hover div p{ padding-top: 30px!important; color: #fff; text-transform: uppercase;}

.homework ul#menu-product-filters { list-style:none;   margin:20px 0 10px; clear:left !important; width:100% !important; float:left !important;font-family: realist, sans-serif!important;}
.homework ul#menu-product-filters li{  width: auto!important;font-family: realistwide, sans-serif;display:inline-block!important; padding:0px 10px 5px 10px!important; margin: 0;  font-size:.8em  !important; float:left !important; position: relative;
border-left:solid 1px #dadada !important; text-align: center;}
.homework ul#menu-product-filters li svg{ width: 15px!important; height: 15px!important; margin-left: 5px; padding-top: 5px;}
.homework ul#menu-product-filters li:last-child{border-right:solid 1px #dadada !important}
.homework ul#menu-product-filters li:first-child{ }
.homework ul#menu-product-filters li a{}
.conversation{ text-align: center; width: 100%; float: left; padding: 20px 0 40px;}
.conversation h3{ font-size: 40px; padding: 20px 0; margin: 0;}
.conversation a{ font-weight: bold;}
.homework ul#menu-product-filters ul{ display: none;}
.homework ul#menu-product-filters a{color: #333;}
.homework ul#menu-product-filters a:hover{ color: #333;} 
.homework ul#menu-product-filters li:hover ul{ display: block; width: 200px; background-color: #fff; position: absolute; top: 35px; left: 0px; z-index: 9999}
.homework ul#menu-product-filters li:hover ul li{ display: block!important; text-transform: none!important; border: 0px!important; clear: left!important;}
.homework ul#menu-product-filters li:hover ul li:first-child{ text-transform:none!important;}




@media all and (max-width:1425px){

/* TWS Header */
.site-header {
	padding: 0 0 10px 0 !important;	position:fixed;
	top:0;left:0;
	width:100%;
	float:left;
	background: rgba(255, 255, 255, 0.95);
	z-index:9999;
	 -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;
}
	.frame-1400, .frame, .frame-1200 {
	width:90%!important;
	margin:0 5%!important;
	position:relative;
}
	.logonew{ padding-top:10px !important; padding-bottom:0 !important; float:left!important; width: 20%;}
	.logonew img {max-width:145px !important;	height:auto; }
	
	
	

.navsearch{ position: absolute; top: 25px; right: 0px;}
.navsearch img{width: 15px; height: auto;}
	.tws-header-19 .navsearch{ right: 3.5%; top: 3px;
}
	.whom p {width:70%;
	margin: 14px 15% 0; font-size: 18px!important}
	.photobreaker h3 {
	font-size:30px !important;
	line-height:1.1em !important;
	color:#fff !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	
padding-bottom: 14px;
	padding-top:180px !important
}
	
	
	.homework h4{ font-size: 20px; line-height: 1.2em;}
	.homework ul li{ overflow: hidden;}
	.homework ul li a:hover div{display:none; }
	.homework ul li img:hover{ }
	.homework ul li h4{text-align: left;}
}
@media all and (max-width: 1205px){.tws-phone{display: none;
	}
	.design-service-boxes .frame{ width: 90%; margin: 0 5%;}
}
@media all and (max-width: 1139px){
	
	.logonew{ width: 20%;}
	.tws-project .frame{ width: 85%!important; margin: 0 7.5%;}
	
	 .whom h1{ font-size: 35px!important; margin: 0; padding: 0 0 20px 0; text-transform: none; line-height: 1em; letter-spacing: 0;}
	.photobreaker h3 br{display: none;}
	
	
}
 @media all and (max-width:1024px) {
	 .logonew{ padding-top:10px !important; padding-bottom:0 !important; float:left!important;}
	.logonew img {max-width:115px !important;	height:auto; }
	 .navsearch, .tws-nav-18, .tws-menu { display: none;}
.tws-cta{ position: absolute; right: 0; top: 25px; font-size: 16px!important; display: none;}

	 .startproject{ display: block; float:right; margin-right: 55px!important; padding-top: 20px!important }
	 .startproject a{border-bottom:solid 0px #4b4b4b ; padding: 15px 20px; border-radius: 4px; text-transform: uppercase;font-family: sweet-sans-pro, sans-serif;font-weight: normal !important; background-color: #333; color: #fff!important; line-height:1.2em !important;
font-size:14px !important;}
	 .startproject a:hover{ text-decoration: none; background-color: #2C303F;}

.infoBlock {
	position: absolute;
	top: 250px;
	text-align:center;
	left: 0px;
	color:#464646;
	width:100%;
	max-width: 100%;
	padding-bottom: 0;
	overflow: hidden;
	padding: 0px;
}

	#mslides {
	float:left;
	width:100%;
	height:960px;
	max-height:960px;
	overflow:hidden;
		position:relative;
	}#new-royalslider-2 { max-height: 960px!important}
#full-width-slider, #port-slider {
	position:relative;
	width: 100%;
	height:600px;
	min-height:100%;
	padding-top: 0px;
	z-index: 1;
}
.heroSlider .rsOverflow, .royalSlider.heroSlider {
	height: 100% !important;
	max-height:600px!important;
}
	 	      .viewport {
	background-image:url(/images/typework-viewport.jpg);
	background-size:100%;	background-position:center center;
	background-repeat:no-repeat;
	float: left;
	overflow: hidden;
	width: 48%;
	height:auto;
	text-transform: capitalize;
	margin-top: 0px;
	margin-right:2%;
	margin-bottom: 25px;
	padding: 0px;
}
	 .whom h1{ font-size: 30px!important; margin: 0; padding: 0 0 20px 0; text-transform: none; line-height: 1em; letter-spacing: 0;}
	 .whom p {width:100%;
	margin: 14px 0% 0; font-size: 18px!important}
	 .do ul li{ width: 48%; float:left; margin-right: 2%; display: block!important;}
	 .do h3 {
	font-size:30px !important;
	padding-bottom:30px;
	line-height:34px !important;
	color: #4b4b4b !important;
	padding-top:20px !important;
	text-transform:none !important; font-weight: 300;
	letter-spacing:0 !important;
}
	 	.ready p span {
	display:block;
			font-size: 18px!important;
		width:100% !important;
	margin:0 0% !important;
	padding:0;
	line-height:1.6em;
	padding-top:0px !important;
}
	 .ready p span br{display: none;}
	 	.whoweare {
	width:100%;
	float:left; 
	height:auto;  text-align: center;
	padding-top:250px;
	background-image:url(/images/who.jpg);
	background-position:top center;
	background-repeat:no-repeat; background-size: 150%;
	background-attachment: scroll; 
}
	 .whoweare p{ margin-left: 0!important; margin-top: 0 !important; padding-top: 20px !important; width: 100%!important; }
	 .whoweare a.cta{ margin-left: 0}
	 .s1 {
	width:50%;
	position:relative;
	float:left;
	background-color:#464646;
	height:550px;
}
	 .related ul li { list-style: none!important;	margin:0 !important;
		 overflow: hidden;
	width:48%;
	margin-right:2% !important;
	padding:0 !important;
	float:left !important;
	}
	 .homework{text-align: center;}
	 .homework ul li{width: 48%; margin-right:2%; float: left; padding-bottom: 40px; position: relative;}
	 .homework ul li:nth-child(3n+1){clear: none;}
	 .homework ul li:nth-child(2n+1){clear: left;}
	 .homework ul li img{  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
	margin-bottom: 20px;
  transition: .5s ease;
  backface-visibility: hidden;}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 33%;background-color: rgba(0,0,0,.75);
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.what-box h3.btype{ font-size: 40px; margin-top:70px;font-family: sweet-sans-pro, sans-serif; margin-bottom:20px;}
.homework ul li:hover img {
  opacity: 1;
}

	 .homework ul li .viewport .light-background{display: none!important;}
}
@media all and (max-width:960px){.mobile{display: block;}
	.desktop{ display: none;}

	
}
@media all and (max-width:800px){
	#mslides {
	float:left;
	width:100%;
	height:800px;
	max-height:800px;
	overflow:hidden;
	}#new-royalslider-2 { max-height: 800px!important}
.brandingtext .frame{position: relative; width:85% !important; margin:0 7.5% !important;}
.logomain p{ width:100% !important; margin:0% !important; padding-bottom:100px !important; text-align:left!important;}
	.viewport {	background-size:100%;	background-position:center center;
	background-repeat:no-repeat;
	float: left;
	overflow: hidden;
	width: 100%;
	height:auto;
	text-transform: capitalize;
	margin-top: 0px;
	margin-right:0%;
	margin-bottom: 25px;
	padding: 0px;}
	.project-txt{ width:100%;margin:0 0% !important; }
	.tws-project h2{ letter-spacing:0 !important; margin:30px 0% 40px !important;text-transform:none !important; width:100% !important;text-align:center !important;}
	.hire h1 {
	font-size:30px;
	margin-left: 0;
	width: 100%; line-height: 1.2em; text-transform: none; letter-spacing: 0;
	text-align: left!important;
	padding-top:175px;
	color:#4b4b4b;  font-weight: 300!important;
}
	.ready .frame{ width:85%; margin: 0 7.5%;}
	.what-box h3.btype{ font-size: 40px; margin-top: 20px;font-family: sweet-sans-pro, sans-serif; margin-bottom:20px;}

}

@media all and (max-width:760px){
	

	.whom{ padding: 80px 0; height: auto}
	.whom p {width:100%;
	margin: 0 0%;}
	.breaker h3 {
	font-size:20px!important;
	line-height:1.6em !important;
	color:#fff !important;
	text-transform:none !important;
		text-align: center;
	letter-spacing:0 !important;
	margin-left:0%;
	margin-right:0%;
	padding-top:200px !important
}
	.whoweare {
	width:100%;
	float:left; 
	height:auto;  text-align: center;
	padding-top:450px;
	background-image:url(/images/who.jpg);
	background-position:top center;
	background-repeat:no-repeat; background-size: 100%;
	background-attachment: scroll; 
}
.whoweare h3 {
	text-transform:none;
	font-size:40px; font-weight: 300;
	line-height:1.2em; text-align: center;
	margin-bottom:0px;
	letter-spacing:0em;
}
.whoweare p {
	margin-left:0%; text-align: center;
	width:100% !important;
	line-height:1.6em; margin-top:0px !important; padding-top:20px !important;
	font-size:20px !important;
}
	.whoweare a.cta{ margin-left: 0;}
	
	.do {
	width:100%;
	font-size:1em; text-align: center;
	line-height:1.6em !important;
	color: #4b4b4b !important;
	float:left;
	clear:left;
	position:relative;
	padding:80px 0px 60px;
}
	 .do ul li{ width: 100%; float:left; margin-right: 0%; display: block!important;}
	
.do .ssba{ display:none;}
.do h3 {
	font-size:3vh !important;
	padding-bottom:30px;
	line-height:34px !important;
	color: #4b4b4b !important;
	padding-top:20px !important;
	text-transform:none !important; font-weight: 300;
	letter-spacing:0 !important;
}
.do h4 {
	font-size:20px;font-family: sweet-sans-pro, sans-serif;
	text-transform:uppercase !important;
	text-align:center !important;
	letter-spacing:0.2em !important;
	line-height: 1.3em;
	
	padding-top:10px;
	color:#4b4b4b;
	display:block !important;
	margin:0 auto;
	padding-bottom:60px;
	width:170px;
}
.do a {font-family: sweet-sans-pro, sans-serif;
	text-transform:uppercase;
 letter-spacing:.1em;

	color:#4b4b4b!important;
	text-decoration:none !important;
	padding-top:35px;
	padding-bottom: 10px;
	display:inline-block;
	border-bottom:solid 2px #333;
}
	.ready h3{ font-size: 3vh;}
	.ready p span {
	display:block;
		width:100% !important;
	margin:0 0% !important;
	padding:0;
	line-height:1.6em;
	padding-top:0px !important;
}
	
		/* Service Nav*/
.servicenav{ display: none;}
.brandingtext .frame{position: relative; width:85% !important; margin:0 7.5% !important;}
.logomain p{ width:75% !important; margin:0 0 0 25% !important; padding-bottom:100px !important; text-align:left!important;}
	.photobreaker {
	clear:left; background-color: #e4e4e4;
	position:relative; padding-bottom: 60px; text-align: center;
	width:100%;	float:left;	background-image:url(/images/18-photo-spread-mobile.png);
	background-repeat:no-repeat;	background-position:top center;	height:auto;}

.photobreaker h3 {
	font-size:30px !important;
	line-height:1.1em !important;
	color:#333 !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	margin-right:0%; text-align: center; margin-left: 0;
padding-bottom: 14px;
	padding-top:800px !important
}
	.photobreaker p{color:#333; margin-left: 0;}

	.homework h3, .homework h1, .homework h2{ font-size: 30px; line-height: 1.2em;}
	 .homework ul li{width:100%; margin-right:0%; float: left; padding-bottom: 40px; position: relative;}
	 .homework ul li:nth-child(3n+1){clear: none;}
	 .homework ul li:nth-child(2n+1){clear: none;}
	.what-img{ float: left; width: 100%; overflow: hidden; height: auto; vertical-align: middle!important;}	
	.what-img img{width: 100%; height: auto; margin: 0;}
.what-txt{ float: left; width: 100%; overflow: hidden; padding: 30px 0; height: auto; vertical-align: middle!important;}	
	.what-txt h3{ padding-top: 0px; margin-top: 0px}
		#new-royalslider-2{ min-height: 400px; max-height: 400px; height: 400px}
	
	
	
}
@media all and (max-width:600px){
	.tws-header-19{min-height: 55px; max-height: 55px;}
	.tws-header-19 .frame{ position: relative!important;}
	
.startproject{ display: block;  float: right!important; text-align: right; padding-top: 0px!important;  margin-right: 0!important; padding-top: 0px!important; position: fixed!important; top: 0px!important; right: 55px!important;}
.startproject a{border-bottom:solid 0px #4b4b4b ; padding: 20px 15px 0px!important;font-family: sweet-sans-pro, sans-serif; text-transform: uppercase; font-size:14px!important; line-height: 1em!important; background-color: #000; color: #fff!important; display: block; margin-top: 0!important; min-height: 35px!important;max-height: 35px!important;height: 35px!important; border-radius: 0px!important;}
	
	.startproject a:hover{ text-decoration: none;}
	.logo-19{ padding-top:10px !important; padding-bottom:0 !important; float:left!important;}
.logo-19 img {max-width:75px !important;	height:auto; }
	.hello h1{font-family: sweet-sans-pro, sans-serif; font-size: 30px; line-height: 1.2em;letter-spacing: 0; text-align: center; margin: 0; padding: 0; font-weight: 600}

.hello h1 span{ text-align: center; font-size: 20px; line-height: 1.2em; font-weight: 300; display: block; padding-bottom: 14px;}
	.whom h2{ font-size: 30px!important; line-height: 1.2em;}
	#mslides {
	float:left;
	width:100%;
	height:550px;
	max-height:550px;
	overflow:hidden;
	}
	#new-royalslider-2{ min-height: 550px; max-height: 550px; height: 550px!important}
	
}
/*Iphone*/
@media all and (max-width:499px){



#new-royalslider-2 { max-height: 550px!important}
	
	

	.whom {	height:auto;padding:80px 0;
	}

	.whom h2{font-size:24px; line-height: 1.2em;font-family: sweet-sans-pro, sans-serif;
	}
	.whom h2 br{ display: none!important;}
.whom p {width:100%; font-size: 16px!important;
	margin: 0 0%; }
	.breaker h3 {
	font-size:24px!important;
	line-height:1.4em !important;
	color:#fff !important;
	text-transform:none !important;
		text-align: center;
	letter-spacing:0 !important;
	margin-left:0%;
	margin-right:0%;
	padding-top:200px !important
}
.introp{text-align: center !important; width: 100%; margin: 0 0% 14px 0%; padding-bottom: 20px!important}
#port h3{ font-size: 24px; margin-top: 0; padding-top: 0;}

.viewport {	background-size:100%;	background-position:center center;
	background-repeat:no-repeat;
	float: left;
	overflow: hidden;
	width: 100%;
	height:auto;
	text-transform: capitalize;
	margin-top: 0px;
	margin-right:0%;
	margin-bottom: 25px;
	padding: 0px;}
.whoweare {
	width:100%;
	float:left; 
	height:auto;  text-align: center;
	padding-top:350px;
	background-image:url(/images/who.jpg);
	background-position:top center;
	background-repeat:no-repeat; background-size: 500px;
	background-attachment: scroll; }
.whoweare h3 {
	text-transform:none;
	font-size:30px; font-weight: 300;
	line-height:1.2em; text-align: center;
	margin-bottom:0px;
	letter-spacing:0em;}
.whoweare p {
	margin-left:0%; text-align: left;
	width:100% !important;
	line-height:1.6em; margin-top:0px !important; padding-top:20px !important;
	font-size:16px !important;}
.whoweare a.cta{ margin-left: 0;}
.do {
	width:100%;
	font-size:16px!important; text-align: left;
	line-height:1.6em !important;
	color: #4b4b4b !important;
	float:left;
	clear:left;
	position:relative;
	padding:80px 0px 60px;
}
.do .ssba{ display:none;}
	.do ul li{ width: 100%; float:left; margin-right: 0%; display: block!important;}
.do h3 {
	font-size:30px !important;
	padding-bottom:30px;
	line-height:34px !important;
	color: #4b4b4b !important;
	padding-top:20px !important;
	text-transform:none !important; font-weight: 300;
	letter-spacing:0 !important;
}
.do h4 {
	font-size:20px;font-family: sweet-sans-pro, sans-serif;
	text-transform:uppercase !important;
	text-align:center !important;
	letter-spacing:0.2em !important;
	line-height: 1.3em;
	
	padding-top:10px;
	color:#4b4b4b;
	display:block !important;
	margin:0 auto;
	padding-bottom:60px;
	width:auto;
}
.do a {font-family: sweet-sans-pro, sans-serif;
	text-transform:uppercase;
 letter-spacing:.1em;

	color:#4b4b4b!important;
	text-decoration:none !important;
	padding-top:35px;
	padding-bottom: 10px;
	display:inline-block;
	border-bottom:solid 2px #333;
}
	.ready h3{ font-size: 5.5vh;}
	.ready p span {
	display:block;
		width:100% !important;
	margin:0 0% !important;
	padding:0;
	line-height:1.6em;
	padding-top:0px !important;
} 
	
	
	/*Iphone About*/
	.about-header {	border-top:solid 0px #efefef;
	border-bottom:solid 0px #efefef;
	width:100%;margin-top: 80px;
	float:left;
	min-height:auto;
	max-height:auto;
	
	text-align:center; background-size: 500px;
	color:#4b4b4b;
	background-image:url(/images/craft.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: scroll;
}
.about-header h1 {  font-size: 30px; font-weight:300 !important;	margin-left:0%; text-transform:none !important;
	text-align: center!important; line-height: 1.1em;
	padding-top:150px;
	letter-spacing:0 !important;
	padding-bottom:20px;
	margin-bottom:0;
	
}
.about-header h2 {  
	font-size:20px; margin-right:0%;
	margin-left:0%; text-transform:none !important;
	text-align:center !important;
	padding-top:0px; margin-top:0 !important;
	letter-spacing:0 !important;
	padding-bottom:0;
	margin-bottom:0;
	
}
	.s1 {
	width:100%;
	position:relative;
	float:left;
	background-color:#464646;
	height:550px;
}
	.hire, .twsheader {
	
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment: scroll;
		background-size: 500px;
	float:left;
	min-height:100px !important;
	width: 100%;
	margin:80px auto 0;
	text-align:center;
	color:#fff;
	padding-top:0px;
	margin-bottom:0px;
}
.hire h1 {
	font-size:30px;
	margin-left: 50%;
	width: 500px; line-height: 1.2em; text-transform: none; letter-spacing: 0;
	text-align: left!important;
	padding-top:175px;
	color:#4b4b4b;  font-weight: 300!important;
}
	.tws-page{ width:100%;    
float:left; padding:50px 0; }
.tws-page .frame{ width:85%; margin:0 7.5%;}
	.tws-page h1{ font-size: 30px!important; line-height: 1em!important;}
	.tws-page h2{ font-size: 30px!important; line-height: 1em!important;}
	
	/* Service Nav*/
.servicenav{ display: none;}
/*Secondary Services*/
	
.full{ width: 100%; text-align: center; background-position: top center; min-height: 650px; float: left!important;}
.full h1{ text-align: center; padding-top: 250px!important; font-size: 40px; font-weight: 300; letter-spacing: 0em; color: #fff;}
	
	.related ul li { list-style: none!important;	margin:0 !important;
	width:100%;
	margin-right:0 !important;
	padding:0 !important;
	float:left !important;
}
.brandingtext h2{ font-size:30px!important; font-weight: 300!important; padding-bottom: 20px; line-height: 1.1em; }

.brandingtext h3{ font-size:30px!important; font-weight: 300!important;  text-align:center !important; text-transform:none !important; letter-spacing:0 !important;
padding-bottom:20px !important;font-family: sweet-sans-pro, sans-serif; margin-top:50px;}
	/* Contact */
	.hire h1 {
	font-size:30px;
	margin-left: 0%; width:0%;
	width: 100%; line-height: 1.2em; text-transform: none; letter-spacing: 0;
	text-align: left!important;
	padding-top:100px; text-align: center;
	color:#333;  font-weight: 300!important; display: none;
}
	.contact .frame h2{ display: none!important;}
	.homework h3, .homework h1, .homework h2{ font-size: 30px; line-height: 1.2em;}
	
	.ready h3{ font-size: 30px; padding-bottom: 20px;}
#lslides {
	float:left;
	width:100%;
	height:450px;
	max-height:450px;
	overflow:hidden;}
#new-royalslider-1{height:450px;
	max-height:450px;}

}




 
/* =Main content and comment content
-------------------------------------------------------------- */








/* =Print
----------------------------------------------- */

@media print {
body {
	background: none !important;
	color: #000;
	font-size: 10pt;
}
footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after {
	content: " [" attr(href) "] "; /* Show URLs */
}
a {
	text-decoration: none;
}
.entry-content img, .comment-content img, .author-avatar img, img.wp-post-image {
	border-radius: 0;
	box-shadow: none;
}
.site {
	clear: both !important;
	display: block !important;
	float: none !important;
	max-width: 100%;
	position: relative !important;
}
.site-header {
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	text-align: left;
}
.author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation {
	display: none;
}
.wrapper {
	border-top: none;
	box-shadow: none;
}
.site-content {
	margin: 0;
	width: auto;
}
.singular .entry-header .entry-meta {
	position: static;
}
.singular .site-content, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular .comments-title {
	margin: 0;
	width: 100%;
}
.entry-header .entry-title, .entry-title, .singular .entry-title {
	font-size: 21pt;
}
footer.entry-meta, footer.entry-meta a {
	color: #444;
	font-size: 10pt;
}
.author-description {
	float: none;
	width: auto;
}
/* Comments */
	.commentlist > li.comment {
	background: none;
	position: relative;
	width: auto;
}
.commentlist .avatar {
	height: 39px;
	left: 2.2em;
	top: 2.2em;
	width: 39px;
}
.comments-area article header cite, .comments-area article header time {
	margin-left: 50px;
	margin-left: 3.57142857rem;
}
}