/*
Theme Name: Version 3
Author: Asher Charles
Version: 3.0
*/


/* NORMALIZE - RESET */

.beta{background:#1CADEB;color:#fff;font-weight:700;text-align:center}
.beta a{color:#fff}
.container.beta{padding-top:1%;padding-bottom:1%}
.beta span{display:inline-block;background:#0b75a1;width:20px;height:20px;line-height:20px;font-size:10px;color:#fff;float:right;margin-top:10px}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a:focus,:focus{outline:0;border:none}
a:active,a:hover{outline:0}
h1{font-size:2.2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:\201C\201D\2018\2019}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure{margin:0}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* FRAMEWORK */

.container{padding:10% 40px;position: relative;}
.row{width:100%;max-width:1100px;min-width:600px;overflow:hidden;margin:0 auto}
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol{margin-right:3.8%;float:left;min-height:1px}
.onecol{width:4.85%}
.twocol{width:13.45%}
.threecol{width:22.05%}
.fourcol{width:30.75%}
.fivecol{width:39.45%}
.sixcol{width:48%}
.sevencol{width:56.75%}
.eightcol{width:65.4%}
.ninecol{width:74.05%}
.tencol{width:82.7%}
.elevencol{width:91.35%}
.twelvecol{width:100%;float:left}
.last{margin-right:0}
img,object,embed{max-width:100%}
img{height:auto}
img.alignright{float:right;margin:0 0 5% 5%}



/* DESKTOP */




#parallax img {
	position: absolute;
				top: 0;
				left:0;
				width:100%;
				z-index: -1;
				min-height: 100%;
				max-width: 100%;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{background:#111;padding:0}
body{font-family:'Sintony',sans-serif;font-size:1.2em;line-height:1.7em;color:#646669}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.5em;color:#5a5a5a;margin-top:0}
a,a.button,.button{transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-webkit-transition:.25s ease-in-out}
blockquote{margin:0;padding:0;font-size:1.3em;line-height:1.4em}
.content{background:#f5f5f5;overflow:hidden;padding-top:5%;padding-bottom:5%}
.header{background:#111;min-height:80px;line-height:80px;padding-top:0;padding-bottom:0;width:100%;top:0;z-index:1;position:relative;}
.header .row{max-width:1600px}
.header .logo{text-indent:-9999em;display:block;float:left;margin:22px 0;height:40px;width:40px;background:url(images/logo-desktop@2x.png) no-repeat;background-size:40px 40px}
.header .nav{float:right}
.header .nav a{list-style:none;display:inline-block;padding:0;font-size:.7em;letter-spacing:.1em;margin:0 0 0 50px;text-transform:uppercase}
.header .nav a:first-child{padding:0:}
.header .nav a i{display:none}
.header a{color:#fff;text-decoration:none}
.header .nav a:hover{color:#ccc}
.nav-lines{display:none}
.menu-list{float:left;display:block}
.quote{padding-top:20%;padding-bottom:20%;background: transparent;position: relative;}
.quote h1{text-align:center;font-size:2em;margin-left:auto;margin-right:auto;font-weight:300;text-transform:none;color:#fff;max-width:85%}
.home-buttons{margin:auto;text-align:center}
.quote .button{float:none;margin:0 10px;display:inline-block;font-size:1em;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:none;border:3px solid rgba(255,255,255,1);border-radius:0;box-shadow:none}
.quote .button:hover{background:rgba(255,255,255,1);color:#000!important}
.banner{background:#f85246;background-size:300%;overflow:hidden;padding-top:10%;padding-bottom:10%}
.featured{text-align:left;padding:0;overflow:hidden;}
.featured .sixcol:first-child {padding:100px 80px;background:#efefef;}

.featured a.button{display:inline-block;text-align:center;margin:40px 0 0 0;text-decoration:none}
.banner img{box-shadow:0 0 20px rgba(0,0,0,0.2);background:#efefef;}
.banner .row{overflow:visible}
.banner h3,.featured h3{text-transform:none;font-size:2em;font-weight:400;text-align:center;margin:0 0 5%;color:#fff}
.featured h3 {
	text-align: left;
}
.featured {
	background-image: url('images/the-alehouse-project.jpg');
	background-size:cover; 
	
}

.featured .sixcol:last-child{
	background:transparent;
}

.featured .sixcol {
	width:50%;
	margin:0;
}


.featured h3{color:#444}
.content a{color:rgba(0,0,0,0.5);transition:.2s;text-decoration: none;border-bottom:1px solid #999;}
.worked-with.content a {border-bottom:0;}
.content a:hover{color:rgba(0,0,0,1);text-decoration: none;}
.content a.more,.error404 a.more,.more{padding:20px 35px 20px 30px;position:relative;background:#efefef;color:#999;text-decoration:none;margin:auto;display:block;text-align:left;min-width:200px;max-width:230px;width:40%;font-size:1.5em;border-bottom:none;font-weight:400}
.content a.more i{position:absolute;right:0;top:0;background:#444;color:#fff}
.content a.more:hover i,.error404 a.more:hover i{background:#1CADEB;color:#fff}
.content a.more i,.error404 a.more i{padding:20px 30px;transition:.2s}
.sharing{padding:40px 0 25px;margin:40px 0;border-bottom:2px solid #efefef;border-top:2px solid #efefef;overflow:hidden;float:left;width:100%;text-align:center}
.sharing i{font-size:3em}
.sharing span{display:block;font-size:1em}
.sharing a{margin:0 25px;text-align:center;display:inline-block;overflow:hidden;border-bottom:0;}
.sharing a:hover{opacity:.7}
.single-projects .sharing{margin-top:80px;border-bottom:none;text-align:left}
.single-projects .sharing a{margin:0 50px 0 0}
.error404 .box{background:#fff;color:#222;box-shadow:5px 5px rgba(0,0,0,0.2);padding:4em;text-align:left}
.error404 .row{padding:10px}
.error404 h1{font-size:2em;font-weight:400;color:#111}
.error404 .box a{color:#222}
.services{color:#444;background:#fff;padding-top:10%}
.services .row{max-width:2560px}
.services i{height:50px;font-size:4em}
.service h3{line-height:1.5em;font-size:1.4em;font-weight:300;letter-spacing:0;margin-top:1.2em;text-transform:none;color:#757575;padding:10px 0 0;margin-right:auto;margin-left:auto;max-width:350px}
.service{width:auto}
.services .fourcol{margin-bottom:3.8%;width:33.33%;margin-right:0}
.content.services .fourcol{text-align:center}
.services .fourcol:nth-child(3n+3){margin-right:0}
.content.counter{text-align:center;border-top:1px solid #efefef;font-size:1.5em;color:rgba(0,0,0,0.5)}
.content.counter h2{color:rgba(0,0,0,0.5)}

/* ABOUT PAGE */


.who{color:#999}
.who i{font-size:5em;margin-bottom:30px;color:#cbcbcb}
.who h2{padding-top:30px;color:rgba(0,0,0,0.5)}
.who .sixcol{padding-right:5%}
.who .sixcol.last{padding-right:0;padding-left:5%}
.skills{padding-top:10%;padding-bottom:10%;background:url(images/bg_lines.png) repeat-x #fffdec;color:rgba(0,0,0,0.5)}
.skills h2{background:#fffdec;color:rgba(0,0,0,0.5)}
.my-services{padding-top:10%;padding-bottom:10%;background:url(images/bg_lines.png) repeat-x #13d0ca;color:#fff}
.my-services h2{color:#fff}
.my-services a{color:#fff;text-decoration:none}
.content.my-services a:hover{opacity:.3}
.testimonials{border:none;background:url(images/bg_lines.png) repeat-x #95a5a6;color:#fff;height:460px;padding-top:10%;padding-bottom:10%}
.testimonials i{width:100%;text-align:center;display:inline-block;margin-bottom:30px;font-size:8em;-webkit-opacity:.2;-moz-opacity:.2;opacity:.2}
.testimonials .flex-direction-nav,.banner .flex-direction-nav{display:none}
.testimonials li{max-width:70%;margin:auto;text-align:center;padding:0 15%}
.testimonials li blockquote{font-family:Georgia,serif;font-style:italic}
.testimonials li p{width:100%;font-weight:700;margin:30px 0 0;font-size:1.4em}
.testimonials li span{opacity:.5}
.worked-with{border-top:1px solid #efefef;padding-top:10%;padding-bottom:10%;text-align:center;background:#fff}
.worked-with .row{padding-left:10%;padding-right:10%}
.worked-with .fourcol{margin-top:5%}
.btn{border:3px solid #fff;padding:3% 5%;display:block;text-transform:uppercase;max-width:75%;margin:auto}
.btn:hover{background:rgba(255,255,255,1)}
.consulting-planing h2,.consulting-planing,.online-marketing h2,.online-marketing{color:#fff}
.website-design,.website-design h2{color:rgba(0,0,0,0.5)}
.consulting-planing{background:url(images/bg_lines.png) repeat-x #e16a30}
.online-marketing{background:url(images/bg_lines.png) repeat-x #13d0ca}
.website-design{background:url(images/bg_lines.png) repeat-x #fffdec}
.page-id-752 .fivecol i,.page-id-2 .fivecol i{font-size:12em}
.page-id-752 .fivecol,.page-id-2 .fivecol{padding:5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.page-id-2 .fivecol{padding:0 5%}
.content.portfolio{padding-top:6%;padding-bottom:3%}
.portfolio .fourcol{margin-bottom:3.8%}
.stats{font-size:.8em;opacity:.5}
.stats span{margin:0 10px 0 0}
.stats span a {border-bottom:none;}
.stats span i{padding-right:5px}

.aside{margin:0 0 15%}
.aside ul{margin:0 0 20%;padding:0;float:left;width:100%}
.aside li{list-style:none}
.aside li i{padding:0 10px 0 0}
a.button,.button,input#submit,.navigation a{font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:#5a5a5a;padding:1em 2em;border:3px solid rgba(0,0,0,0.05)}
.content .post-title a {border-bottom:0;}
.content .post-title a:hover,.content p.post-link a:hover{color:#1abc9c}
a.button:hover,.button:hover,input#submit:hover,.navigation a:hover{color:#000;border:3px solid rgba(0,0,0,0.1)}
.quote .button{color:#fff}
.quote .button:hover{border:3px solid #fff;}
.text{margin-bottom:20px}
.nav-folio{text-align:right;margin-top:-50px}
.nav-folio .icon-th{font-size:.8em}
.nav-folio ul{padding:0;margin:0}
.nav-folio li{list-style:none;font-size:2em;display:inline-block}
.nav-folio ul{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.nav-folio a{text-decoration:none;padding:0 20px;color:#fff;transition:.2s}
.nav-folio a:hover{opacity:.5}
.details{position:absolute;z-index:1;overflow:hidden;left:0;top:0;width:100%;font-size:1em;background:rgba(0,0,0,0.7);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:20%;opacity:0;max-height:272px;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.projects_image{max-height:520px;overflow:hidden}
a.projects{background:none;display:block;overflow:hidden;padding-bottom:0;padding-top:0;color:#ddd;position:relative;border:none;margin-top:0}
a.projects:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}
a.projects p{opacity:0;position: absolute;top:48%;width:100%;}
a.projects:hover p {opacity:1;}
.intro h1{margin:12px 0 0;float:none;width:100%;text-align:left;font-size:1.5em;color:#5a5a5a;font-weight:400}
.intro{font-size:1.25em;line-height:1.5em;padding-top:5%;padding-bottom:5%;color:#7a7a7a;background:#ededeb;}
.intro a{color:#2a2a2a}
.intro a:hover{opacity:.5}
.projects .fourcol{margin-bottom:3.8%;max-height: 479px;}
.content.projects,.content.single-projects{background:#fff}
.projects a{color:#999;text-align:center;line-height:1em;font-size:1.2em;font-weight:400;text-decoration:none}
.projects a:hover{opacity:#000}
.projects img{opacity:1;position:relative;z-index:2;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.projects img:hover{opacity:.1}
.projects ul{padding:0;margin:0}
.projects li{list-style:none;float:left;padding:0 5px 0 0;margin:0 5px 0 0;border-right:2px solid #efefef}
.projects li:last-child{border-right:none}
.projects .fourcol:nth-child(3n+3){margin-right:0}



/* BLOG */

.posts{border-top:1px solid #efefef}
.posts ul.cats{display:none;width:100%;margin:0 0 9%;padding:0}
.posts ul.cats li{list-style:none}
.posts h1,.posts h2{text-transform:none;font-weight:300}
.post h1{margin-bottom:20px;font-weight:300;font-size:1.8em}
.posts ul.cats li a{color:#fff;margin:0 10px 10px 0;background:#2e3435}
.posts ul.cats li a:hover{background:#121212}
.posts ul.cats li a:active{background:#121212;box-shadow:none}
.postmetadata{margin:10% 0}
.postmetadata ul{padding:0;margin:0}
.postmetadata li{list-style:none}
.postmetadata li a{font-weight:400}
.posts img{max-width:100%;width:100%;float:left}
.posts .post-inner{padding:7rem;margin-bottom:7rem;background:#fff;float:left}
.posts .post-inner:last-child{margin-bottom:4rem}
.posts .navigation{float:left;width:100%;text-align:center;height:90px;padding-top:40px;border-bottom:0;}
.content .post-title a{opacity:1;color:#000}
.post-link{width:100%;display:block;margin:1rem 0}
.content p.post-link a {border-bottom:0;}
.content p.post-link a:hover{color:#000}
.navigation ul{margin:0;padding:0;float:left;width:100%}
.navigation li{list-style:none;display:inline-block}
.navigation .prev-link{float:left}
.navigation .next-link{float:right}
.posts .fourcol h2{margin:30px 0 0;height:55px;overflow:hidden;font-size:1.2em}
.posts .fourcol h2 a{font-weight:400}
.posts .image{overflow:hidden;max-height:500px;float:left}
.posts h2{text-transform:none;font-size:1.5em;line-height:1.5em}
.single-post .posts .fourcol{height:auto;padding:0;background:transparent}
.sidebar{overflow:hidden}
.single-post .posts .navigation{padding:30px 0 60px;margin:20px 0 40px}
.single .posts .postmetadata{float:left;margin:20px 0 50px;padding-bottom:50px;border-bottom:2px solid #efefef;width:100%}
.single .posts .postmetadata li{line-height:2em}
.comment-body p{margin-left:70px}
.reply{text-align:right}
.commentlist ul.children li{border-top:2px solid #efefef;border-bottom:none;padding:60px 0 20px}
div#comments{float:left;width:100%}
#respond{float:left;width:100%;margin-top:20px}
#respond input[type=text],#respond textarea{background:#fff;padding:20px;border:2px solid #efefef;color:#646669;border-radius:4px}
#respond input[type=text]{width:70%}
#respond textarea{width:100%}
ol.commentlist{padding:0;margin:0}
ol.commentlist li{list-style:none;border-bottom:2px solid #efefef;margin:20px 0;padding:20px 0}
.posts .comment-author img{height:50px;width:50px;border-radius:50%;border:5px solid #efefef;float:left;margin-right:20px}
.posts .comment-meta{font-size:.8em;font-weight:400;text-transform:uppercase}
.posts .fn{font-style:normal;font-weight:600;font-size:1.2em}
.posts .says{display:none}


/* CONTACT FORMS */

div.wpcf7{margin:0;padding:0}
div.wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em}
div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}
div.wpcf7-mail-sent-ok{border:2px solid #398f14}
div.wpcf7-mail-sent-ng{border:2px solid red}
div.wpcf7-spam-blocked{border:2px solid orange}
div.wpcf7-validation-errors{border:2px solid #f7e700}
span.wpcf7-form-control-wrap{position:relative}
span.wpcf7-not-valid-tip{color:red;font-size:1em;display:block}
.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid red;background:#fff;padding:.2em .8em}
span.wpcf7-list-item{margin-left:.5em}
.wpcf7-display-none{display:none}
div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px}
div.wpcf7 div.ajax-error{display:none}
div.wpcf7 .placeheld{color:#888}
::-webkit-input-placeholder{color:#ccc;font-weight:300}
:-moz-placeholder{color:#ccc;font-weight:300}
::-moz-placeholder{color:#ccc;font-weight:300}
:-ms-input-placeholder{color:#ccc;font-weight:300}
.wpcf7 h3{margin:20px 0 50px;width:100%;float:left;line-height:54px;color:#666}
.wpcf7 h3 span{background:#666;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;padding:15px;width:50px;height:50px;line-height:20px;margin-right:10px;float:left;text-align:center;font-size:1.3em}
.wpcf7-form p{margin:0 0 20px;width:100%;float:left}
.wpcf7-form p span{color:#999;font-size:.8em}
.wpcf7-form p.left{float:left;width:48%}
.wpcf7-form p.right{float:right;width:48%}
.wpcf7-form p em{color:#999;font-size:.7em}
.wpcf7-form input[type=text],.wpcf7-form textarea,.wpcf7-form input[type=email]{background:#fff;padding:20px;width:100%;border:2px solid #efefef;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s}
.wpcf7-form textarea{width:100%;height:120px}
.wpcf7-form input.wpcf7-not-valid,.wpcf7-form textarea.wpcf7-not-valid{border:2px solid #fd6e6e}
.wpcf7-form input.wpcf7-not-valid:focus,.wpcf7-form textarea.wpcf7-not-valid:focus{border:2px solid #efefef}
.wpcf7-form input[type=text]:focus,.wpcf7-form textarea:focus,.wpcf7-form input[type=email]:focus{border:2px solid #1abc9c}
.wpcf7-form p span.our-budget{color:#2a2a2a;font-size:1em}
.customSelect{cursor:pointer;font-size:1em}
.wpcf7-select{background:#fff;padding:20px;width:100%;border:2px solid #efefef;cursor:pointer;font-size:1em!important;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s}
.wpcf7-select:after{font-family:'FontAwesome';content:'\f107';position:absolute;right:20px;font-size:2em}
span.wpcf7-form-control-wrap{position:relative;float:left;width:100%;margin:1% 0 3%}
.wpcf7-form input.watermark,.wpcf7-form textarea.watermark{color:#aaa;font-style:italic;font-weight:300}
span.wpcf7-form-control-wrap{position:relative;float:left;width:100%}
div.wpcf7-response-output{padding:20px;margin:0;border:2px solid transparent;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;float:left;font-weight:700}
div.wpcf7-validation-errors{color:#fff;background:#fd6e6e}
div.wpcf7-mail-sent-ok{color:#fff;background:#1abc9c}
div.wpcf7-spam-blocked{color:#fff;background:#e67e22}
span.wpcf7-not-valid-tip{display:none}
span.wpcf7-not-valid-tip-no-ajax{display:none}
span.wpcf7-list-item{margin-left:.5em}
.wpcf7-display-none{display:none}
div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px}
div.wpcf7 legend{color:#444;font-size:24px;padding:0 10px 0 0;margin:20px 0 30px;float:left;width:100%}
.wpcf7 input[type='checkbox']{width:20px;height:20px;margin:11px 10px 0 0;float:left}
span.wpcf7-list-item-label{float:left;margin:5px 0 0;color:#555;font-size:16px}
span.wpcf7-checkbox{margin:15px 0 0;float:left}
span.wpcf7-list-item{margin:0;height:40px;float:left;width:100%}
.single-post img{margin-bottom:10%}
.single-post .post{padding:10%;background:#fff;float:left;margin-top:80px;}

/* FOOTER */

.sub-footer p {margin:0 0 30px 0;}
.footer h3 {font-weight: 700;}
.sub-footer .row{max-width:100%}
.sub-footer .btn{border:3px solid #fff}
.sub-footer{background:#ddd;padding:0}
.sub-footer .fourcol{padding:10% 5%;float:left;margin:0;width:33.33%}
.sub-footer .overlay{display:none}
.sub-footer .fourcol:nth-child(1){background:#3b5998}
.sub-footer .fourcol:nth-child(2){background:#4099FF}
.sub-footer .fourcol:nth-child(3){background:#ea4c89}
.sub-footer a{color:#fff;font-weight:700}
.sub-footer a:hover{color:#73b4ce}
.sub-footer i{font-size:4em}
.sub-footer,.sub-footer h2{color:#fff}
.sub-footer{text-align:center}
.sub-footer i{padding:0 15px 0 0}
.copyright{margin-top:6em;text-transform:uppercase;letter-spacing:1px;color:#444}
.footer{text-transform:uppercase;letter-spacing:2px;padding-top:10%;padding-bottom:10%;color:#fff;font-size:.7em;text-align:center}
.footer ul{margin:0;padding:0}
.footer li{list-style:none}
.footer a{text-decoration:none;color:#fff}
.copyright a{color:#444}
.copyright a:hover{opacity:1;color:#666}
.footer a:hover{opacity:.7}
.footer h3{color:#fff}

/* TABLET */

@media handheld, only screen and (min-width: 767px) and (max-width: 1053px) {
	
.sub-footer{background:#ddd;padding:0}
.posts .post-inner{padding:4rem;margin-bottom:4rem}
.intro{background-size:200%}
html{padding:0}
.quote{background-size:150%;min-height:100%}
.quote h1{font-size:1.5em}
.header .nav a{margin-left:35px}
.projects .fourcol{width:48%}
.projects .fourcol:nth-child(3n+3){margin-right:3.8%}
.projects .fourcol:nth-child(2n+2){margin-right:0}
.services .fourcol{width:48%}
.services .fourcol:nth-child(3n+3){margin-right:3.8%}
.services .fourcol:nth-child(2n+2){margin-right:0}
		
}

/* MOBILE */

@media handheld, only screen and (max-width: 767px) {


.notice { 
  	position: absolute!important;
  	top:0!important;
  	left:0!important;
  	width:100%!important;
  	height:100%!important;
  	background: #80fad1!important;
    
    }
    
    
    .notice p {
    margin: 0!important;
    padding: 0 60px!important;
    position: absolute!important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate3d(-50%, -50%, 0)!important;
    -moz-transform: translate3d(-50%, -50%, 0)!important;
    -o-transform: translate3d(-50%, -50%, 0)!important;
    -ms-transform: translate3d(-50%, -50%, 0)!important;
    transform: translate3d(-50%, -50%, 0)!important;
    text-align: center!important;
    font-size: 20px!important;
    line-height: 1.4em!important;
    width:100%!important;
}
    
    
    .notice #close {
	  top:40px!important;
	  right:40px!important;
	  transform: none!important;
    }
    
    
     .notice #close:after {
 
    float: left;
    margin-top: -1px;
}
    
 .notice #close:before {
    content: 'CLOSE';
    margin-right: 5px;
    font-size: 13px;
    float: left;
}

.quote .button {width:100%;margin:10px 0}
#parallax {height:auto;}
.quote {background-image: url('images/banner-main-small4.jpg');}
.service h3 {max-width: 100%;}
.sub-footer{background:#ddd;padding:0}
.posts .post-inner{padding:2rem;margin-bottom:1rem}
html{padding:0}
.featured .sixcol {
	width:100%
}


.featured .sixcol:first-child {
	padding:40px;
	text-align: center;
}

.featured .sixcol h3 {
	text-align: center;
}

.services .fourcol {width:100%;}

body{font-size:100%;-webkit-text-size-adjust:none;height:100%}
.row,body,.container{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
 .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol{width:auto;float:none;max-width:500px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.posts .row .twelvecol {padding-left:0;padding-right:0;}
.posts .post-inner:last-child {margin-bottom:0;}
.post-type-archive-projects .row .threecol,.post-type-archive-projects .row .threecol.last{width:auto;margin-right:auto;margin-bottom:3.8%;padding-left:10%;padding-right:10%}
.projects .fourcol:nth-child(3n+3){margin-right:auto}
.projects .fourcol:nth-child(2n+2){margin-right:auto}
.flex-direction-nav{display:none}
.quote h1{max-width:100%}
h1{font-size:2em}
.header{min-height:60px;padding-top:0;padding-bottom:0;z-index:30}
.header .row{float:left;overflow:visible;transition:.5s;position:fixed;box-shadow:0 0 40px rgba(0,0,0,0.1);background:#111}
.header .logo{background-size:20px 20px;margin:22px 0;height:20px;width:20px}
.menu-list{display:none;float:left;width:100%;padding-bottom:10px}
.menu-list.open{display:block}
.header .nav{float:left;width:100%}
.header .nav a{width:100%;border-top:1px solid #222;border-right:none;line-height:50px;padding:0;margin:0;float:left}
.header .nav a i{display:inline-block;float:right;font-size:2em;margin:10px 0 0}
a.nav-button{display:block;vertical-align:middle;padding:14px 0 0;margin:10px 0 0;z-index:200;cursor:pointer;float:right}
.nav-icon{display:block;width:18px;height:3px;background-color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 auto 3px}
.nav-folio{float:none;width:100%;margin:20px 0 0;text-align:center;font-size:2em}
.post{padding:0 0 1%;border:0}
.projects{text-align:center;overflow:hidden}
.aside{margin:10% 0}
.services{font-size:2em;padding-bottom:2%}
.services h3{padding:0 20px;font-size:.9em}
.content.portfolio{padding-top:10%;padding-bottom:10%}
.content a.more{padding:6% 4%;width:100%}
.services i{font-size:1.5em}
.services h3{font-size:.6em;margin:10px 0 0;padding-left:15%;padding-right:15%}
.services .fourcol{margin-bottom:10%}
.aside.items{display:none}
a.projects:hover .details{display:none}
.wpcf7-form input[type=text],.wpcf7-form input[type=email]{width:100%}
span.wpcf7-list-item-label{float:left;margin:8px 0 0;color:#555;font-size:12px}
/.button{float:none;margin:0 auto 20px;display:block;font-size:1.1em;text-align:center}
.projects{text-align:left}
.projects h3{display:none}
.single-projects h1{text-align:center;font-size:1em}
.nav-folio li{font-size:1em}
.projects p{font-size:1.2em}
.wpcf7-form input[type=submit]{min-width:100%}
.page-id-752 .fivecol,.page-id-2 .fivecol{display:none}
.testimonials{height:100%}
.testimonials i{font-size:4em}
.testimonials li{max-width:100%;padding:0}
.testimonials li blockquote{font-size:.9em}
.sub-footer .sixcol{margin-top:10%;margin-bottom:10%}
.services .fourcol:nth-child(3n+3){margin-right:auto}
.services .fourcol:nth-child(2n+2){margin-right:auto}
.footer .threecol{padding-bottom:20px;padding-top:20px;text-align:center}
.intro.open,.quote.open,.posts.open{margin-top:265px}h1{font-size:1.5em}
.wpcf7-form input[type=text],.wpcf7-form textarea,.wpcf7-form input[type=email]{width:100%}
.wpcf7-form p.left,.wpcf7-form p.right{width:100%}
div#comments{padding-bottom:30px;margin-bottom:40px;border-bottom:2px solid #efefef}
.posts .fourcol{height:auto}
.who i{font-size:8em}
.who .sixcol.last{padding-bottom:40px;padding-top:0}
.banner{display:none}
.navigation .prev-link{margin:0 20px 0 0}
.navigation .next-link{margin:0}
.navigation a{padding:10px 15px}
.single-post .posts .navigation{padding:30px 0}
.posts .navigation{height:60px;padding-top:15px}
.navigation ul{padding:0 20px}
.posts .fourcol h2{margin:0}
.posts .fourcol .postContent{margin:0}
.row.cats{display:none}
.intro{font-size:1em;line-height:1.7em;padding:25px 0 40px}
.intro p{margin:10px 0 0}
.blogright{padding:0 20px 20px}
.posts .postblog{padding:0}
.posts .fourcol{margin-bottom:20px;padding:0}
.posts .image{max-height:auto}
.posts img{margin:0}
.footer{margin-top:10%}
.footer .fourcol{margin-bottom:10%}
.intro{background-size:200%}

}