/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL


font-family:'HelveticaNeueW01-55Roma';
font-family:'HelveticaNeueW01-56It';
font-family:'HelveticaNeueW01-75Bold';
font-family:'HelveticaNeueW01-55Roma';
font-family:'HelveticaNeueW01-75Bold';
font-family:'HelveticaNeueETW01-46Lt';
font-family:'HelveticaNeueW01-55Roma';



*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


@font-face {
  font-family: 'fonts/HelveticaNeueLTStd-BdCn';
  src: url('fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),  url('fonts/HelveticaNeueLTStd-BdCn.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('HelveticaNeueLTStd-BdCn.ttf')  format('truetype'), url('fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
  font-weight: normal;
  font-style: normal;
}


em {font-family:'HelveticaNeueW01-56It';}

div.wpcf7-mail-sent-ok {border:0 !important;}
.work-category h2 {margin-top:2vw;}
p {letter-spacing:-.02vw;}
body {
    font-family:'HelveticaNeueW01-55Roma';
	
	background:#121212;
	color:#fff;
}
body.page-id-1000 {background:#222222}


.container {
   /* max-width: 1400px;*/
    margin: 0 auto;
    width: 100%;
}
	.desktop-only{display:block;}
	.mobile-only{display:none;}
#toggle-menu {
	display: none;
}
#mti_wfs_colophon {display:none!important}
h1 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 2vw;
	font-weight:normal;
	font-family:'HelveticaNeueW01-75Bold';
    padding: 3vw 0;
    text-align: center;
}
.home h1:first-child {margin-top:0; padding-top:.5vw;}
#featured h1 {padding-top:2.5vw;}
h2 {
    color: #fff;
    font-size: 1.7vw;
}
strong{
	font-weight:normal;
	font-family:'HelveticaNeueW01-75Bold';
}
#header {
    height: 130px;
    background: #121212;
	margin-bottom: 10px;
}
#branding{
    padding-top: 26px;
	text-align:center;
}
#phone {    padding-top: 65px; padding-left:25px;
font-size:26px}


#tagline {    padding-top: 38px; padding-left:25px;
font-size: 14px;
line-height:18px}



.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea {
    width: 100%;
    padding: .6vw;
    font-size: 1.2vw;
    border: 0;
    background-color: #545454;
    margin-bottom: 1vw;
    color: #FFF;
    font-family: helvetica, arial, san-serif;
}

.wpcf7-spinner {display:block !important;}

input[type=submit] {
    background-color: #B48F5E;
    color: #000;
    padding: 1vw 2vw;
    font-weight: bold;
    border: 0;
    font-family: 'HelveticaNeueW01-75Bold'; 
}

.grecaptcha-badge {display:none!important;}


#request-form {padding:2vw 5vw; }
#request-form h2 {text-align:center; padding:2vw; margin-bottom:2vw; font-family: 'HelveticaNeueW01-75Bold'; font-size:3vw; letter-spacing: -.06vw;}

#social img {
    width: 36px;
    margin: 0 5px;
}
#social {
    text-align: right;
    padding-top: 56px;
}
#mobile-menu {
    display: none;
}
div.wpcf7 img.ajax-loader {position:absolute;}
.main-nav .menu-item {
    float: left;
    padding: 14px 22px;
    /*background-image: url('img/nav-bg.png');
    background-size: cover;*/
    margin-top: 9px;
    /*width: 10vw;*/
    text-align: center;
	background-color: #E03427;
    border: 3px solid #CB2426;
	
	border-right:0;
}

.main-nav .menu-item:last-child {border: 3px solid #CB2426; border-right:0;}
.main-nav .menu-item:first-child {border: 3px solid #CB2426; border-left:0; border-right:0; border-top:0; border-bottom:0;}
.main-nav .menu-item, .main-nav .menu-item:last-child {border-top:0;
	border-bottom:0;}
.menu-main-menu-container{
    width: 650px;
    margin: 0 auto;
    display: block;
    height: auto;
}

.menu-item a:hover  {color:#FFF !important;}


.category-container a {display:inline-block; margin:2vw 1vw; background-color:#000; color:#FFF; padding:.7vw; font-size:1.2vw; line-height:1.6vw; font-weight:bold;}

#content {margin-top:48px;}
.home #content {margin-top:7px;}

.current-menu-item a {color:#E03427 !important;}



.home .product-section-title {padding:2vw; display:block; text-align:center; font-size:3vw; line-height:3vw; color:#FFF; background-color:#1F1F1F; margin:2vw 0;}




.main-nav {text-align:center; margin-top: -25px;}
.main-menu-container{
	
	
	/*box-shadow: -2px 15px 0 0px #A72722;*/

	box-shadow: -5px 15px 0px 0px #A72722;

	height: 45px;
    width: auto;
	display:inline-block;
    
	position:relative;
	z-index:33;
}
#menu-item-63{
	background-image: url('img/nav-first-bg.png');
}
.main-nav .menu-item a {
    color: #000;
    text-decoration: none;
    font-size: 17px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight:normal;
}

p.location {text-align:left; display:block; margin-top:2vw;}
.itemDominator .work-category-box {height:22vw; background-position:top center; position:relative; 
}
	.itemDominator .work-category-box {
transition: background-size .3s ;
-moz-transition: background-size .3s ;
-ms-transition: background-size .3s ;
-o-transition: background-size .3s ;
-webkit-transition: background-size .3s ;
		


background-size:100% auto; 
}


.featured-name {line-height:1vw; padding-top:.2vw; text-align:center; display:block; padding-bottom:.8vw; transition: background-size .5s ;
-moz-transition: background-color .5s ;
-ms-transition: background-color .5s ;
-o-transition: background-color .5s ;
-webkit-transition: background-color .5s ;
-webkit-transition-delay: .3s; /* Safari */
    transition-delay: .3s;
}

.portfolio-overlay {opacity:0; position:absolute; top:0; bottom:0; right:0; left:0; color:#FFF; background-color:hsla(0,0%,0%,0.80); padding:2vw;
transition: opacity .5s ;
-moz-transition: opacity .5s ;
-ms-transition: opacity .5s ;
-o-transition: opacity .5s ;
-webkit-transition: opacity .5s ;
	
	-webkit-transition-delay: .3s; /* Safari */
    transition-delay: .3s;
	

}
.portfolio-overlay h2{font-size:2vw; font-family:'HelveticaNeueW01-75Bold'; margin-bottom:1vw;}

span.location-span {line-height: 1.1vw; padding:0;
font-size: 1vw; font-family:'HelveticaNeueW01-75Bold' !important; margin-bottom:.5vw;}

.portfolio-overlay ul li {line-height:1.6vw; font-size:1.1vw;}

.portfolio-overlay {position:relative; height:100%;}

.portfolio-buttons a {color:#E03427; font-size:1vw;}

.portfolio-buttons {bottom:0; position:absolute; width:100%; left:0; right:0;}
.portfolio-buttons div {margin-left:0; padding:0 2vw; padding-bottom:1vw;}

.itemDominator {-webkit-font-smoothing: antialiased;}

.itemDominator:hover .work-category-box {background-size:110% auto;}


.itemDominator:hover .work-category-box   {
	
	  -webkit-box-shadow:inset 0px 0px 0px 4px #fff;
    -moz-box-shadow:inset 0px 0px 0px 4px #fff;
    box-shadow:inset 0px 0px 0px 4px #fff;
	
}

.itemDominator:hover  .featured-name {background-color:#E03427; }

.featured-name:hover {background-color:#E03427; }

.page-template-page-work-template #content {margin-top:0;}

.page-id-7 #myCarousel, .page-template-page-work-template #myCarousel{
    position: relative;
    z-index: 1;
    top: -39px;
    width: 99%;
    margin: 0 auto;
	}
	 .page-template-page-work-template #myCarousel {  top: -32px;}

.page-id-7 .carousel-inner > .item > img, .page-id-7 .carousel-inner > .item > a > img {
    line-height: 1;
    margin: 0 auto;
}

.page-id-7 .carousel-inner .item img {height: calc(100vh - 139px);  width:auto;}

.page-id-7 .carousel-inner{
	background-color: #1DBB8F;
}
.page-id-7 .carousel-indicators .active {
	background-color:#000;
	width:14px;
	height:14px;
}
.page-id-7 .carousel-indicators{
	z-index: 9999;
}
.page-id-7 .carousel-indicators li{
    border: 1px solid #000;	
	width:13px;
	height:13px;
}




.menu-item a:hover  {color:#FFF !important;}

.page-id-115 div#cat-web-design-development-box.work-category.first-cat { background-color: #f7c046 !important;}



.page-id-119 div#cat-logo-branding-box.work-category {background-color: #2bb991 !important;}

.page-id-123 div#cat-ecommerce-box.work-category {background-color: #6370e8 !important;}

.page-id-55 .company-btn a:hover, .page-id-22 .work-btn a:hover, .page-template-page-work-template .work-btn a:hover, .page-id-93 .services-btn a:hover, .page-id-17 .contact-btn a:hover {color:#000 !important;}

.page-id-125 div#cat-photography-box.work-category {background-color: #fe8384 !important;}

.page-id-127 div#cat-packaging-print-box {background-color: #f86e44 !important;}


#services{
	background:#925d1d;
	width:99%;
	margin: -30px auto 10px;
    padding: 0 5px;
}
.services {    
	background: #9e6f31;
    padding: 2vw;
    width: 19.6%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 10px;
	height: 15vw;
}
.services img {
    width: 6vw;
}
.single-project #featured, .category #container {
	background:#2a2a2a;
	width:99%;
	margin:0 auto;
    padding: 0 5px;
}

.featured {
   
    padding: 40px 10px;
    width: 99.9%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin:0 auto 10px;
}
.featured img {
    width: 100%;
    border: 5px solid #3b3b3b;
}


.single-project .featured img {border:0;}


.featured-name {
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
	font-family:'HelveticaNeueW01-75Bold';
    font-size: 2.2vw;
}
.category .featured-name {text-align:center; margin-bottom:3vw;}
.category .featured-name a {color:#FFF; }
.featured-loc {
    text-align: left;
    text-transform: uppercase;
    font-size: 1.3vw;
    margin-top: 5px;
}
.featured-desc {
    text-align: left;
    line-height: 2.8vw;
    font-size: 1.7vw;
    margin-top: 0;
}

.featured-desc p {margin-bottom:1vw;}
.featured-desc a  {color:#fff}
.featured-desc a:hover {color:#CCC; text-shadow:0 0 4px #000000;}
.slider {background-size:contain; background-position:center center; background-repeat:no-repeat; height:60vh; width:100%;}
.item {}

.featured-name a {font-size: 1.2vw !important;}

.work-content1 { margin: -85px 10px 0;
   
	background: #2a2a2a; padding:60px 10px;
	padding-bottom:0 !important;
	}
	
	.page-id-119 .work-content {}
#about {
    background: #2a2a2a;
    width: 99%;
    margin: -80px auto 0;
    padding: 70px 5px 0;
}
.about {
   
    padding: 40px 10px;
	padding-top:4vw;
    width: 99.9%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin:0 auto 10px;
}
#about p, .about p {
    font-size: 1.2vw;
	line-height:1.8vw;
    text-align: justify;
    width: 90%;
    margin: 0 auto 10px auto;
}
#team{
	background:#121212;
	color:#000;
	width: 100%;
	margin: 0;
    padding: 0;
}
.team {    
	background: #FFF;
    padding: 5vw 2vw;
    width: 19.6%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 10px;
	height: 12vw;
	border-right:.5vw solid #121212;
	
	display: table-cell;
vertical-align: middle;
}
.team img {
    width: 4vw;
    margin-bottom: 20px;
}
#team h2 {
    font-weight: normal;
	font-family:'HelveticaNeueW01-75Bold';
    font-size: 1.3vw;
    margin-bottom: 5px;
	color:#000;
}

#team h3 {
    font-weight: normal;
	font-family:'HelveticaNeueW01-75Bold';
    font-size: 1vw;
    margin-bottom: 5px;
}

.ninetynine {width:99%; margin:0 auto;}



#team-ind1, #team-ind2, #team-ind3, #team-ind4, #team-ind5{
	background:#2bb991;
	width:100%;
	margin:0;
    padding: 0 5px;
	display:none;
}

.team-ind h1 {text-align:left; padding-top:0;}

#team-ind2{
	background:#f7c046;}

#team-ind3{
	background:#6370e8;}

#team-ind4{
	background:#e13427;}

#team-ind5{
	background:#f86e44;}



.team-ind {
   /* background: #1dbb90;*/
    padding: 40px 10px;
    width: 99.9%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin:0 auto 10px;
}
.team-ind img {
    width: 80%;
    border: 5px solid #000;
    height: auto;
    padding: 0px;
}
.ind-tagline {
    text-align: left;
    font-weight: normal;
	font-family:'HelveticaNeueW01-75Bold';
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 1.2vw;
}
.ind-desc {
    text-align: left;
    margin-bottom: 10px;
    font-size: 1vw;
    line-height: 1.6vw;
}
.ind-email {
    text-align: left;
    margin-bottom: 10px;
    font-size: 1.2vw;
    line-height: 1.8vw;
    color: #000;
    text-decoration: none;
    display: block;
}
.services-p {
    color: #fff;
    font-size: 1.5vw;
    width: 90%;
    margin: 0 auto;
    text-align: justify;
    line-height: 2vw;
}
.services-full {
    width: 90%;
    margin: 70px auto;
    text-align: center;
}
.services-full h3 {
    font-size: 1.2vw;
    text-transform: uppercase;
    margin: 10px 0 30px;
}
.services-full p {
    font-size: 1.3vw;
    line-height: 1.7vw;
    color: #000;
	padding: 20px;
	text-align:left;
}
a:hover {text-decoration:none;}
.cat-select {margin-top:30px; padding-top:35px !Important;}
.industry h3 {font-family:'HelveticaNeueW01-55Roma'; text-align:center; color:#909090; text-transform:uppercase; margin:30px 0; font-size:1.4vw;}
.industry .or {font-family:'HelveticaNeueW01-55Roma'; text-align:center; display:block; color:#909090; font-size:1.4vw; margin-top:2vw;}
.industry .menu-industry-menu-container {margin:0 5%; margin-bottom:7vw;}
.industry .menu-industry-menu-container li.menu-item a {color:#FFF; font-size:1.4vw;}

.industry .menu-industry-menu-container li.menu-item a:hover {color:#E03427 !important; text-decoration:none;}

.industry .menu-industry-menu-container li.menu-item:nth-child(1) a:hover {color:#f9c148 !important; }

.industry .menu-industry-menu-container li.menu-item:nth-child(2) a:hover {color:#f36849 !important; }

.industry .menu-industry-menu-container li.menu-item:nth-child(3) a:hover {color:#2db994 !important; }

.industry .menu-industry-menu-container li.menu-item:nth-child(4) a:hover {color:#ff8385 !important; }



.industry .menu-industry-menu-container li.menu-item:nth-child(5) a:hover {color:#48a6e8 !important; }

.industry .menu-industry-menu-container li.menu-item:nth-child(6) a:hover {color:#7b85e4 !important; }




.industry .menu-industry-menu-container li.menu-item:nth-child(7) a:hover {color:#f36849 !important; }

.industry .menu-industry-menu-container li.menu-item:nth-child(8) a:hover {color:#2db994 !important; }




.industry .menu-industry-menu-container li.menu-item:nth-child(9) a:hover {color:#f9c148 !important; }

.industry .menu-industry-menu-container li.menu-item:nth-child(10) a:hover {color:#f36849 !important; }

.industry .menu-industry-menu-container li.menu-item:nth-child(11) a:hover {color:#2db994 !important; }

.industry .menu-industry-menu-container li.menu-item:nth-child(12) a:hover {color:#ff8385 !important; }





.industry .menu-industry-menu-container li.menu-item {margin-bottom:25px; margin-bottom:2.5vw; text-align:center;}
.industry ul#menu-industry-menu {
	-moz-column-count:3; 
-webkit-column-count:3; 
column-count:3;

-moz-column-gap:40px; 
-webkit-column-gap:40px; 
column-gap:40px;

	}

#web-design-dev-full p, #web-design-dev-full span{
	background-color:#f7c046;
}
#logo-branding-full p, #logo-branding-full span{
	background-color:#2bb991;
}
#ecommerce-full p, #ecommerce-full span{
	background-color:#6370e8;
}
#photography-full p, #photography-full span{
	background-color:#fe8384;
}
#packaging-print-full p, #packaging-print-full span{
	background-color:#f86e44;
}
#web-design-dev-full h3{
	color:#f7c046;
}
#logo-branding-full h3{
	color:#2bb991;
}
#ecommerce-full h3{
	color:#6370e8;
}
#photography-full h3{
	color:#fe8384;
}
#packaging-print-full h3{
	color:#f86e44;
}
.view-process-link{
	display:block;
	color:#000;
	font-size:1vw;
	font-weight:normal;
	font-family:'HelveticaNeueW01-75Bold';
    padding-bottom: 20px;
}
.view-process-link:hover{ 
	color:#fff;
	text-decoration:none;
}
.summary-expand{
	display:none;
	width:100%;
}
#work-category{
	width:100%;
	margin: 0;
    padding: 0 0;
}
#work-category .first-cat.work-category{margin-left:.5vw;}
.work-category {    
	background: #fff;
    padding: 2vw;
    width: 24%;
	margin-right:.5vw;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 10px;
	height: 15vw;
}
.work-category h2{
	font-size:1.3vw;
	color:#5f5f5f;	
}
.work-category:hover h2 {color:#000 !important;}
.work-category img {
    width: 6vw;
    margin: 0 auto;
}
.cat-select {
    display: block;
    color: #909090;
    text-transform: uppercase;
    text-align: center;
    margin: 30px;
}
.web-design-dev-hover, .logo-branding-hover, .ecommerce-hover, .photography-hover, .packaging-print-hover{
	display:none;	
}
.page-template-page-work-template .carousel-inner > .item > img, .page-template-page-work-template .carousel-inner > .item > a > img{
	width:100%;
    max-height: 50vw;	
}
.page-template-page-work-template .carousel-indicators {
    bottom: -30px;
}
.page-template-page-work-template .left.carousel-control, .page-template-page-work-template .right.carousel-control {
   width:5%;
    background-color: transparent;
    /*border-radius: 15px;
	position: relative;
	left:auto;
	right:auto;
	display:inline-block;*/
	background-image: none;
	text-shadow: none;
    opacity: 1;
	color:#cecece;
    /*margin: 30px 10px;*/
}
/*.controls{
	width:auto;
	text-align:center;
	margin:0 auto;	
}
*/
.item-desc a {color:#FFF; font-size:2vh;}
.item-desc a:hover, .client-link a:hover {color:#000 !important;}
.item-desc{
    background-color: rgba(0, 0, 0, 0.2);
color: #FFF;
  
    width: 100%;
    margin-top: -3px;
  /*  max-width: 1400px;*/
    margin: 10px auto 0;
	padding: 20px 0;
}
.client-name {
    font-weight: normal;
	font-family:'HelveticaNeueW01-75Bold';
    font-size: 2vh;
    margin-left: 0px;
}
.client-year{
	font-size: 1.7vh;
}
.align-right{text-align:right;}
.centered {text-align:center;}
.client-link{
	font-size: 1.7vh;
	margin-left: 0;
	
}

.client-link a{
    color: #fff !important;	
}
.client-link a:hover{
    color: #000;	
}
.item-desc hr {display:none;}
.item-desc hr.active{
	display:block;
	border-top:1px solid #FFF;
	width: 100%;
    margin: 1vh auto;	
}
.item-desc p{
	font-size:1.3vh;
	margin-top:20px;
	
    margin: 0; }
.page-template-page-work-template .glyphicon{    
	width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 20px;
    color: #cecece !important;
}
#contact {
    background: #8B8B8B;
    width: 99%;
    margin: -80px auto 0;
    padding: 70px 5px 0;
}
#contact h3 {
    font-size: 2vw;
    text-align: center;
    margin: 30px 0;
}
.contact-detail {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: #000;
    font-weight: normal;
	font-family:'HelveticaNeueW01-75Bold';
    font-size: 1.8vw;
}
.contact-detail a{
	color:#000;
}
.contact-detail a:hover{
	color:#fff;
	text-decoration:none;
}
#contact-social{
	text-align:center;
	padding-bottom:30px;
}
.contact-social{
	width:40px;
	height:auto;
	margin:10px;
}
#wpcf7-f101-p17-o1 {
    width: 30%;
    text-align: center;
    margin: 0 auto 40px;
}
#wpcf7-f101-p17-o1 input {
    width: 100%;
    margin: 5px 0;
	background-color:#9e6f31;
	color:#fff;
    border: none;
    padding: 10px;
    font-size: .9vw;
}
#wpcf7-f101-p17-o1 textarea {
    width: 100%;
    height: 6vw;
    margin: 5px 0;
	background-color:#9e6f31;
	color:#fff;
    border: none;
    padding: 10px;
    font-size: .9vw;
}
.wpcf7-submit {
    background-color: #e13427 !important;
    width: 30% !important;
    font-size: 1.3vw !important;
    text-transform: uppercase;
    font-weight: normal;
	font-family:'HelveticaNeueW01-75Bold';
}
#footer-email a {
    line-height: 70px;
    font-size: 2vw;
    color: #fff !important;
	text-decoration:none;
	font-weight:bold;
}
#footer-phone {
    line-height: 70px;
    font-size: 2vw;
    color: #fff !important;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
}
#footer-phone a{color: #925d1d !important;}
#copyright {
    font-size: 1.2vw;
	line-height:1.6vw;
    text-align: center;
    margin-top: 20px;
}
#footer {
    padding: 1vw;
    height: 13vh;
}
#mobile-footer{
	display:none;
}
#mobile-footer #footer-email {
    text-align: center;
}
#mobile-footer #footer-email a {
	font-size: 3.5vw !important;
    line-height: 4.8vw;
	text-align:center;
}
#mobile-footer #footer-phone {
    font-size: 6vw !important;
    line-height: 7.8vw;
	text-align:center;
}
#mobile-footer #footer-social img {
    width: 10vw;
    margin: 2vw 1vw;
}
#mobile-footer #footer-social {
    text-align: center;
}
#mobile-footer #copyright {
    font-size: 2vw !important;
	line-height: 2.8vw;
    text-align: center;
	margin-top:0;
}

.citystate {font-size: 1vh; }


/* website development page */

.product-preview-img {height:8vw;  background-postion:top center; background-repeat:no-repeat; margin-bottom:15px;}
.page-id-1000 .section-title {text-align:center; padding:2vw; font-family:'HelveticaNeueW01-75Bold'; margin-bottom:1vw; font-size:2vw;}
.portfolio-overlay h2 {font-size:1vw;}
.page-id-1000 .itemDominator {margin-bottom:30px;}
.page-id-1000 a.item-title {color:#FFF; font-size:1.2vw; line-height:1.2vw; }
.page-id-1000 .portfolio-overlay ul li {font-size:1vw; line-height:1.1vw;}
.website-address a {display:block; width:100%; padding:1vw; background-color:#E03427; color:#FFF; text-align:center; font-family:'HelveticaNeueW01-75Bold';}
.page-id-1000 .itemDominator .work-category-box {height:22vw; background-repeat: no-repeat; box-shadow:0 0 2vw #000;}
.itemDominator {padding:4vw; padding-top:0;}
.page-id-1000 .portfolio-overlay {padding:1vw;}
.itemDominator:hover .work-category-box {background-position: center top; background-size: 100% auto; }
.itemDominator .work-category-box {background-position: center top;  background-size: 100% auto;}
	.portfolio-title {font-family:'HelveticaNeueW01-75Bold' !important; font-size:1.7vw; text-align:center; padding-top:1vw; padding-bottom:.5vw;}
.product-list-section {padding:0 4vw;}
span.location-span {display:block; text-align:center;}




/*@media screen and (min-width: 1780px){
	.product-list-section {width:1778px; margin:0 auto;}
	
	.page-id-1000 .itemDominator .work-category-box {height:391.8125px !important; }
	
	.portfolio-title {font-size:30.395999908447266px;}
	span.location-span {font-size:17.8799991607666px}
	.page-id-1000 .itemDominator {padding-bottom:65.95999908447266px; padding-left:65.95999908447266px; padding-right:65.95999908447266px;}
	
	#branding img {width:552.984375px; height:auto;}
	
	
}*/
/*

  __  __       _     _ _      
 |  \/  |     | |   (_) |     
 | \  / | ___ | |__  _| | ___ 
 | |\/| |/ _ \| '_ \| | |/ _ \
 | |  | | (_) | |_) | | |  __/
 |_|  |_|\___/|_.__/|_|_|\___|
                              
							  

*/

.page-template-page-work-template div.item, .home div.item {background-size: auto 120% !important;}

@media screen and (max-width: 1600px){
	
	.page-template-page-work-template div.item, .home div.item {background-size: auto 120% !important;}
	
	
	.work-category{
		
		
	}
	.slider{
		height: 47vh;
	}
}	
@media screen and (max-width: 1365px){
	.work-category{
		
	}
}	
@media screen and (max-width: 1185px){
	.work-category{
		
	}
}
@media screen and (max-width: 1035px){
	.work-category{
	
	}
}


/* MOBILE */


@media screen and (max-width: 768px) {
	
	.page-id-1000 .itemDominator .work-category-box {height:50vw;}
	.page-id-1000 .portfolio-overlay ul li {
font-size: 3vw;
line-height: 3vw;
}
.portfolio-title {font-size: 5vw; font-family:'HelveticaNeueW01-75Bold' !important;}
.page-id-1000 .portfolio-overlay h2 {
font-size: 3vw;
}
.page-id-1000 .section-title {font-size: 4vw;}
		.citystate {font-size: 1.5vh; text-align:center; display:block; padding:2vw;}
	.desktop-only{display:none;}
	.mobile-only{display:block;}
	#mobile-footer{
	display:block;
}

#work-category .first-cat.work-category{margin-left:0;}
	span.location-span {font-size:3vw; line-height:5vw;}
	.work-category-box {height:50vw;}
	.category .featured-name {padding: 3vw 0;}
	
	.itemDominator .work-category-box {height:57vw;}
.work-category{
	width: 100% !important;
	height: auto; 
	padding:5vw 0;
	margin: 1vw 0;}
.slider{height: 35vh;}
.work-category img {
    width: 15vw;
}.industry ul#menu-industry-menu {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 1;
}
.industry .menu-industry-menu-container li.menu-item a {
    font-size: 3vw;
}
h2 {
    font-size: 4.7vw;
}
.work-category h2 {
    font-size: 3.3vw;
}
#footer{
	display:none;
}
.work-content{
	    padding: 10px 10px;
}
.controls h1 {
    display: none;
}
	.team {width:19%;}
	
	#content {margin-top:99px;}
.home #content {margin-top:7px;}
#about {padding:0;} 

	.main-nav {margin:0;}
	
#toggle-menu {
	display: block;
	position: absolute;
	width: 50px;
	top: 0px;
	right: 10px;
	padding: 15px 10px;
	border: 0px;
}
#toggle-menu img {
	width: 100%;
	height: auto;
}


#copyright {height:10vw; font-size:5vw; margin-top:2vw;}

nav#the-main-menu {
	width: 100%;
	position: absolute;
	top: 90px;
	z-index: 999;
	background-color: hsla(27,41%,91%,0.9);
	display: none;
}
navv#the-main-menu ul {
	list-style-type: none;
}
nav#the-main-menu li {
	list-style: none;
	text-align: center;
	-webkit-transition: background-color .5s, -webkit-transform .5s;
}

#header {height:15vw;}

#social {
    text-align: center;
    padding-top: 0px;
	margin-top:2vw;
}
#branding {
    padding-top: 10px;
    text-align: center;
}
#branding img {width:60%; height:auto; }
#menu{
	display:none;	
}
.main-nav .menu-item {
    float: none;
    padding: 2.5vw;
    background-image: none;
    margin-top: 0;
    width: 100%;
    text-align: center;
    /*background: rgba(0, 0, 0, 0.75);*/
}
.main-nav .menu-item a {
    color: #fff;
    text-decoration: none;
    font-size: 4vw;
}
.menu-main-menu-container {
    width: 100%;
}
.page-id-7 #myCarousel{
	top:0;
}
.main-menu-container{
	display:none;
}
.container{
	padding:0;
}
#services {margin-top:5vw;}
 h1 {font-size:7vw;}
 #services h2 {font-size:5vw;}
 .services img {width:15vw;}
 
.services{
	width: 100%; height:auto; padding:5vw 0;
}
.featured-desc {font-size:4vw; line-height:4.5vw;}
.featured-desc p {margin-bottom:2vw;}
.featured-name a {font-size:4vw !important; line-height:4vw; margin-top:2vw; text-align:center; display:block; width:100%;}

.carousel-indicators {display:none; }
.menu-main-menu-container {height:auto;}

.page-id-7 .carousel-inner .item img {height:auto; width:100%; }

.align-right {text-align:center;}
.page-template-page-work-template div.item{background-size: 120% auto !important; height: calc(90vh - 15vw) !important; background-position: top center !important;}

.item {background-size: 90% auto !important;}


.home div.item {background-size: auto 100% !important; height: calc(55vh - 15vw) !important; background-position: center center !important;}


.page-id-119.page-template-page-work-template .item {background-size: 80% auto !important;}

	.citystate {font-size:3vw; line-height:3vw;}
.page-template-page-work-template #myCarousel {top:0 !Important;}



.home h1:first-child {
    margin-top: 0;
    padding: 5vw;
}
#about p, .services-p, .services-full h3, .services-full p, .view-process-link, #contact h3, .contact-detail, #wpcf7-f101-p17-o1 input, #wpcf7-f101-p17-o1 textarea{
    font-size: 4vw !important;
    line-height: 5vw !important;
}

.contact-detail {   font-size: 6vw !important;
    line-height: 7vw !important;}

.page-id-55 h1, .page-id-93 h1, .page-id-17 h1 {
    font-size: 5vw;
	line-height:6vw;
}
.page-id-22 #content, .page-id-93 #content {
    margin-top: 0;
}


.page-id-17 #contact  {padding-top:0;}
.cat-select{
	margin: 0 auto 5vw;
    padding-top: 5vw !important;
}
.client-name, .client-link{
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	line-height: 7vw;
	font-size:6vw;
}
.item-desc p {font-size:3vw; line-height:3.5vw;}
.services-full {
    margin: 36px auto;
}
#wpcf7-f101-p17-o1 {
    width: 90%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    max-width: 100%;
	height:20vw !important;
    max-height: 35vw;
}
#about p, .services-p{
	text-align:left;
}
#team{
	width: 100%;
    margin: 0;
	float:left;
}
.team {
    width: 100%;
    display: block;
    margin-bottom: 1vw;
    height: auto;
	
}
/*.team h2, .team h3{
	display:none;
}*/
.team img {
    width: auto;
    height: 100%;
}
#team-ind1, #team-ind2, #team-ind3, #team-ind4, #team-ind5{
	width:75vw;
	float:left;
	margin-left: 1vw;
    height: 104vw;
}

#team h2 {font-size:6vw; line-height:8vw;}

#team h3 {font-size:4vw; line-height:8vw;}

	
	#about p, .about p, .featured-desc p {
    font-size: 4vw;
	line-height:5vw;
		margin-top:4vw;
	}
		

.team-ind{
	padding: 2vw;
    margin: 0;
    width: 100%;
}
.team-ind img {
    width: 75%;
    float: left;
    margin-right: 2vw;
}
.ind-tagline{
	font-size: 4vw;
}
.ind-desc, .ind-email{
	    font-size: 2.2vw;
    line-height: 2.8vw;
}
/*#team-ind1{
	display:block;
}*/
}

.team { -webkit-transition: all .5s; 
    transition: all .5s;}

#team1 {background-color:#FFF !important; }
#team2 {background-color:#FFF !important; }
#team3 {background-color:#FFF !important; }
#team4 {background-color:#FFF !important; }
#team5 {background-color:#FFF !important; }

#team1.active, #team1:hover {background-color:#2bb991 !important; }
#team2.active, #team2:hover {background-color:#f7c046 !important; }
#team3.active, #team3:hover {background-color:#6370e8 !important; }
#team4.active, #team4:hover {background-color:#e13427 !important; }
#team5.active, #team5:hover {background-color:#f86e44 !important; }

div#cat-web-design-development-box.work-category.first-cat:hover {background-color:#f7c046 !important; }
div#cat-logo-branding-box.work-category:hover {background-color:#2bb991 !important; }
div#cat-ecommerce-box.work-category:hover {background-color:#6370e8 !important; }
div#cat-photography-box.work-category:hover {background-color:#fe8384 !important; }
div#cat-packaging-print-box:hover {background-color:#f86e44 !important; }


@media screen and (min-width: 768px) {
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/

}

@media all and (transform-3d) and (min-width: 768px), (-webkit-transform-3d) and (min-width: 768px) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




.hide { position: absolute; left: -9999px; }


.wpcf7 .watermark {
    color: black !important;
    
}
::-webkit-input-placeholder {
    color: black !important;
  
}
:-moz-placeholder {
    color: black !important;
   
}
::-moz-placeholder {
    color: black !important;
    
}
:-ms-input-placeholder {
    color: black !important;
   
}


iframe div#tawkchat-minified-container.theme-background-color.border-corner {background-color:#E70003 !important;}