body{
	text-align:center;
	margin:0px;
	/*padding:100% 0px 0px 0px;*/
	padding:0px;
	width:100%;
	height:100%;
	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	
	position: absolute;
	overflow: auto;
	background:#060d20;
}

.background,
.background .inside{
	position:absolute;
	top:0px;
	left:0px;
	
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

button.two-page-down,
button.two-page-down:hover,
button.two-page-down:focus{display:none;}

.background{
	position:fixed;
	overflow:hidden;
}
.background .inside{
	/*transform: translate(0%, 66%) matrix(1, 0, 0, 1, 0, 0);*/
	transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
	
	height: 150%;
		position: relative;
		/*top: -100%;*/
		top:0%;
		
	background:url('images/background-other.jpg') center top no-repeat;
	background-size:cover;
}

/*html.touch body{
    padding: 0px;
    overflow: auto;
}*/

body .everything{
   	/*position:relative;*/
}

/*html.touch body .everything{
	position:absolute;
	top:0px;
    left:0px;
    float:left;
    display:block;
    width:100%;
    height:100%;
	overflow:auto;
}*/

#wpadminbar{opacity:0;}
html.desktop #wpadminbar:hover{opacity:1;}

input,
textarea{
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

a,
a:link,
a:visited,
a:focus,
a:active{
	-webkit-transition:-webkit-border-radius 0.3s ease-in-out;
    -moz-transition:-moz-border-radius 0.3s ease-in-out; 
    -o-transition:border-radius 0.3s ease-in-out;
	transition:border-radius 0.3s ease-in-out;
	color:#4583bc; text-decoration:none;
}



header h1{
	text-align:left;
    word-spacing:-6px;
	padding:0px;
	margin:0px;
	font:normal 900 42px/42px "ff-good-headline-web-pro-con",sans-serif; color:#fff;
}

header a.main-title,
header a.main-title:hover{
	text-decoration:none;
	color:#fff;
}


.big-ol-wrap{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	clear:both;
	position:relative;
	margin:0px auto;
	text-align:left;
	width:100%;
	padding:0px 80px;
	max-width:1320px;
}
.big-ol-wrap.columns{max-width:1115px;}
.big-ol-wrap.contact{max-width:900px;}

.big-ol-wrap.columns h1,
.big-ol-wrap.contact h1{margin-top:110px;}


.big-ol-wrap.contact h3{
	display:block;
	width:100%;
	
	padding:0px;
	margin:0px 0px 50px 0px;
	font:normal 400 26.578px/37.969px "proxima-nova",sans-serif; color:#fff;
}

.big-ol-wrap.contact img{
	max-width: 377px;
	margin: 0px auto 20px auto;
    float: none;
}

.big-ol-wrap.contact h3 a,
.big-ol-wrap.contact h3 span{
	padding:0px 10px;
    display:inline-block;
	color:#fff;
}

.big-ol-wrap.contact h3 img{
    float:left;
	margin:8px 7px 0px 0px;
	max-width:25px;
}

.big-ol-wrap.contact p{
	opacity:0.5;
	padding:0px;
	margin:0px 0px 30px 0px;
	font:normal 300 25px/28px "proxima-nova",sans-serif; color:#fff;
}

.big-ol-wrap.contact small{
	opacity:0.5;
	padding:0px;
	margin:0px 0px 110px 0px;
	display:block;
	font:normal 400 14px/20px "proxima-nova",sans-serif; color:#fff;
}

.big-ol-wrap.contact small a{color:#fff;}

.big-ol-wrap.columns ol{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	float:left;
	display:block;
	width:100%;
	max-width:48.5%;
	padding:0px 0px 0px 28px;
	
	font:normal 400 20px/24px "proxima-nova", sans-serif; color:#fff;
}
.big-ol-wrap.columns ol.second{float:right;}

.big-ol-wrap.columns ol li{padding:0px 0px 20px 0px;}

h2{
	padding:0px 0px 30px 0px;
	margin:0px;
	font:normal 400 25px/28px "proxima-nova",sans-serif; color:#fff;
}

.big-ol-wrap.contact p,
.big-ol-wrap.contact h2{
	font-size:20px;
    line-height:24px;
}

.big-ol-wrap.columns h2#webonezeroone{padding:0px 0px 110px 0px;}

.centered{text-align:center;}

.clear{clear:both;}




.header-img{
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:480px;
	background:#0f0;
}

.header-img-first{
	float:left;
	display:block;
	width:100%;
	height:480px;
	background:url('images/header-img1.jpg') center center no-repeat;
	background-size:cover;
}

.text-banner{
	float:left;
	display:block;
	width:100%;
	padding:13px 0px;
	background:#b87751;
}

.text-banner h3{
	padding:0px;
	margin:0px;
	font:normal 300 26px/31.2px "museo-sans",sans-serif; color:#fff;
}

.text-banner h3 strong{
	font:normal 700 26px/31.2px "museo-sans",sans-serif;
}





img{
	float:left;
	display:block;
	width:100%;
	height:auto;
}


header{
	position:fixed;
	top:36px;
	left:0px;
	z-index:2000;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	float:left;
	display:block;
	width:100%;
	padding:0px 80px;
}

header .big-ol-wrap{
	/*max-width:1320px;*/
	max-width:100%;
}

header a h1 img{
	max-width:345px;
}

section.home{
	/*position:absolute;*/
	position:relative;
	top:0px;
	left:0px;
	z-index:100;
	
	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
	
	float:left;
	display:block;
	width:100%;
	height:100%;
	background:url('images/background-home.jpg') center center no-repeat;
	/*background-attachment:fixed;*/
	background-size:cover;
	
	-moz-box-shadow:0px 0px 30px rgba(0,0,0,1);
	-webkit-box-shadow:0px 0px 30px rgba(0,0,0,1);
	box-shadow:0px 0px 30px rgba(0,0,0,1);
}

section.apage{
	float:left;
	/*display:block;*/
	display: table;
	width:100%;
	height:100%;
	
	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
}

/*section.apage .vcent,
section.apage footer,*/
section.home .big-ol-wrap{
	/*position: relative;*/
	position:absolute;
	top: 50%;
	padding: 0px 48% 0px 80px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	
	max-width:100%;
}
section.apage .vcent,
section.apage footer{
	/*position:absolute;*/
	padding:0px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


footer h1{
	font-size:42px;
	line-height:42px;
}



ul.nav{
	position:absolute;
	top:-22px;
	right:0px;
	
	float:right;
	padding:0px;
	margin:0px;
	list-style:none;
}

ul.nav li{
	float:left;
	margin:0px 0px 0px 28px;
}

ul.nav li a{
	opacity:0.5;
	text-transform:uppercase;
	font:normal 600 17.5px/20px "proxima-nova",sans-serif; color:#fff;
}




h1{
	padding:0px;
	margin:0px 0px 34px 0px;
	font:normal 400 35px/38px "ff-good-headline-web-pro-con",sans-serif; color:#faaf4c;
}

section#webonezeroone h1{
	font-size: 42px;
	line-height: 42px;
}

h1#make-websites-that-work{
	text-align:center;
	font-size:68px;
	line-height:70px;
	padding:110px 0px 0px 0px;
}

section.home h1{
	padding:0px;
	margin:0px 0px 10px -1%;
	font:normal 400 70px/0.9 "ff-good-headline-web-pro-con",sans-serif; color:#faaf4c;
}

section.home p{
	padding:0px;
	margin:0px 0px 0px -0.4%;
	font:normal 400 33.75px/1.1 "ff-good-headline-web-pro-con",sans-serif; color:#fff;
}

.main{
	/*margin:49% 0px 0px 0px;*/
	position:relative;
	float:left;
	display:block;
	width:100%;
	/*height:100%;*/
	/*padding:146px 0px 0px 0px;*/
}

.make-websites-that-work{
	/*float:left;*/
	display:block;
	margin:0px auto;
}

.make-websites-that-work a{
	/*-webkit-transition:-webkit-border-radius 0.3s ease-in-out;
    -moz-transition:-moz-border-radius 0.3s ease-in-out; 
    -o-transition:border-radius 0.3s ease-in-out;
	transition:border-radius 0.3s ease-in-out;*/
	
	position:relative;
	float:left;
	display:block;
	width:32.188%;
	margin-right:1.7%;
	margin-bottom:1.7%;
	overflow:hidden;
}

.make-websites-that-work a.last{margin-right:0px;}
.make-websites-that-work a.last.bottom{margin-bottom:110px;}

.make-websites-that-work a div{
	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
	
	position:absolute;
	top:0px;
	left:0px;
	
	float:left;
	display:block;
	width:100%;
	height:100%;
	
	text-align:center;
	
	background:rgba(68, 93, 131, 0.9);
	opacity:0;
	transition: opacity .2s ease-out;
  	-moz-transition: opacity .2s ease-out;
  	-webkit-transition: opacity .2s ease-out;
  	-o-transition: opacity .2s ease-out;
}

.make-websites-that-work a div span{
	position:absolute;
	top: 50%;
	left: 0px;
    width: 100%;
	
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.make-websites-that-work a:hover div{
	opacity:1;
	transition: opacity .2s ease-out;
  	-moz-transition: opacity .2s ease-out;
  	-webkit-transition: opacity .2s ease-out;
  	-o-transition: opacity .2s ease-out;
}

.make-websites-that-work a div h6{
	padding:0px;
	margin:0px 0px 4px 0px;
	font:normal 600 23px/23px "proxima-nova",sans-serif; color:#fff;
}

.make-websites-that-work a div p{
	padding:0px;
	margin:0px 0px 8px 0px;
	font:normal 400 12px/14.6px "proxima-nova",sans-serif; color:#fff;
}

.make-websites-that-work a div img{
	float:none;
	width:38px;
	margin:0px auto;
}














html.tablet .make-websites-that-work a div{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;

	top:inherit;
	bottom:0px;
	left:0px;

	text-align:left;
	opacity:1;
	height:50px;
	width:100%;
}
html.tablet .make-websites-that-work a div h6{
	position:absolute;
	top:50%;
	left:13px;
	width:100%;
	
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	
	font-size:18px;
	line-height:18px;
}
html.tablet .make-websites-that-work a div p{display:none;}
html.tablet .make-websites-that-work a div img{
	position:absolute;
	top:50%;
	right:13px;
	width:21px;
	
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}













.dotnav{
	position:fixed;
	top:0px;
	right:0px;
	z-index:1000;
	
	float:left;
	display:table;
	width:40px;
	
	padding:0px;
	margin:0px;
	
	/*float:left;*/
}

.dotnav .ins{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.dotnav a{
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
		
	margin: 0px 0px 10px 13px;
    float:left;
	display:block;
	width:9px;
	height:9px;
	border:1px solid #fff;
}

.dotnav a:hover,
.dotnav a.highlighted{
	background:#fff;
}

.dotnav a.unhighlighted{
	background:none;
}



.page-scroll-buttons{
   display:none;
}








body.onhome .dotnav .ins a.work,
body.onhome .dotnav .ins a.webonezeroone,
body.onhome .dotnav .ins a.contact{background:none;}

body.onhome .dotnav .ins a.home{background:#fff;}

body.onhome ul.nav li.work a,
body.onhome ul.nav li.webonezeroone a,
body.onhome ul.nav li.contact a{opacity: 0.5;}

body.onhome .one-page-down{display:block;}
body.onhome .two-page-down{display:none;}
			
			
			
			
			
body.onwork ul.nav li.work a{opacity: 1;}

body.onwork .dotnav .ins a.home,
body.onwork .dotnav .ins a.webonezeroone,
body.onwork .dotnav .ins a.contact{background:none;}

body.onwork .dotnav .ins a.work{background:#fff;}

body.onwork ul.nav li.webonezeroone a,
body.onwork ul.nav li.contact a{opacity: 0.5;}
			
body.onwork .one-page-down{display:none;}
body.onwork .two-page-down{display:block;}
	 
	 
	 
	
	
body.onwebonezeroone ul.nav li.webonezeroone a{opacity: 1;}

body.onwebonezeroone .dotnav .ins a.home,
body.onwebonezeroone .dotnav .ins a.work,
body.onwebonezeroone .dotnav .ins a.contact{background:none;}

body.onwebonezeroone .dotnav .ins a.webonezeroone{background:#fff;}

body.onwebonezeroone ul.nav li.work a,
body.onwebonezeroone ul.nav li.contact a{opacity: 0.5;}

body.onwebonezeroone .one-page-down{display:none;}
body.onwebonezeroone .two-page-down{display:block;}
				
			
			
			
			
body.oncontact ul.nav li.contact a{opacity: 1;}

body.oncontact .dotnav .ins a.home,
body.oncontact .dotnav .ins a.work,
body.oncontact .dotnav .ins a.webonezeroone{background:none;}

body.oncontact .dotnav .ins a.contact{background: #fff;}

body.oncontact ul.nav li.work a,
body.oncontact ul.nav li.webonezeroone a{opacity: 0.5;}

body.oncontact .one-page-down{display:none;}
body.oncontact .two-page-down{display:block;}




ul.nav li.home{display:none;}


.head-gradient{
	position:fixed;
    top:0px;
    left:0px;
	z-index:500;
	
	float:left;
    display:block;
    width:100%;
    height:140px;
    
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}

.make-websites-that-work img.by43{display:none;}
.make-websites-that-work img.by169{display:block;}



html.tablet .two-page-down,
html.tablet .one-page-down{display:none !important;}

html.tablet .big-ol-wrap.columns h2#webonezeroone{
	padding:0px;
}

html.tablet .make-websites-that-work a.last.bottom{
	margin-bottom:0px;
}

html.tablet .big-ol-wrap.contact h1{margin-top:150px;}

.mobile-show{display:none;}





/* DESKTOP */
@media only screen
and (min-width: 1005px)
{
	ul.nav li a:hover{
		opacity:1 !important;
		color:#faaf4c;
		text-decoration:none;
	}

	body > *{
		/*-webkit-transform:translate3d(0,0,0);*/
		-moz-osx-font-smoothing:grayscale;
	}
	
	body{
		-webkit-transform:none;
	}
	
	.example
	{
		-webkit-transition:all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
		-moz-transition:all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
		-o-transition:all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
		transition:all 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
	}
	
	.example-just-corners{
		-webkit-transition:
		   -webkit-border-radius 0.3s ease-in-out;
	 
		-moz-transition:
		   -moz-border-radius 0.3s ease-in-out;
	 
		-o-transition:
		   border-radius 0.3s ease-in-out;
	
		transition:
			border-radius 0.3s ease-in-out;
	}
	
	.example:hover
	{
		-webkit-border-radius:25px 0px 25px 0px;
		-moz-border-radius:25px 0px 25px 0px;
		border-radius:25px 0px 25px 0px;
	}
	
	.example-shadow{
		-moz-box-shadow:#000 0px 0px 5px;
		-webkit-box-shadow:#000 0px 0px 5px;
		box-shadow:#000 0px 0px 5px;
		
		-moz-box-shadow:5px 4px rgba(0,0,0,0.70);
		-webkit-box-shadow:5px 4px rgba(0,0,0,0.70);
		box-shadow:5px 4px rgba(0,0,0,0.70);
	}
	
	.example-shadow-inset{
		-moz-box-shadow:inset #000 0px 0px 5px;
		-webkit-box-shadow:inset #000 0px 0px 5px;
		box-shadow:inset #000 0px 0px 5px;
	}
	
	.example-multiple-shadow{
		-moz-box-shadow:inset #000 0px 0px 5px, 5px 4px rgba(0,0,0,0.70);
		-webkit-box-shadow:inset #000 0px 0px 5px, 5px 4px rgba(0,0,0,0.70);
		box-shadow:inset #000 0px 0px 5px, 5px 4px rgba(0,0,0,0.70);
	}
	
	.example-border-box{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.example-multiple-background{
		background:url('images/header.png') top left no-repeat; /*for browsers that won't work with*/
		background: url('http://burkedesign.ca/sites/_experiments/css2-and-css3/abstract_0007.jpg') 40px 40px no-repeat, 
					url('http://burkedesign.ca/sites/_experiments/css2-and-css3/abstract_0008.jpg') 280px 0px no-repeat, 
					url('http://burkedesign.ca/sites/_experiments/css2-and-css3/abstract_0009.jpg') 520px 80px no-repeat;
	}
	
	.rgba-example{
		float:left;
		display:block;
		width:100%;
		background:rgba(255,255,255,0.60);
	}
	/* for ie8 and lower (thank you modernizr) */
	.ie8 .rgba-example{
		/*http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/*/
		background:transparent;
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF)";
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
		zoom:1;
	}
	
	/* Examples end */
	
	
	
	a:hover{text-decoration:underline;}
	
	a:focus, button:focus{outline: none !important;}
	img{border:none;}
	
	
	
	a.menu-on,
	a.menu-off,
	a.retract-nav{display:none !important;}
	
	
	
	/*PEFRECT SCROLL BAR CUSTOM*/
	
	#scroll-left{
		position:relative;
		top:0px;
		left:-4px;
		width:278px;
		height:175px;
		padding:0px 0px 0px 26px;
		margin:0px;
		overflow:hidden;
	}
	
	#scroll-right{
		position:relative;
		width:435px;
		height:175px;
		padding:0px 0px 0px 26px;
		margin:20px 0px 0px 0px;
		overflow:hidden;
	}
	
	#wide-scroller{
		position:relative;
		float:left;
		display:block;
		width:929px;
		height:120px;
		padding:0px 0px 0px 33px;
		overflow:hidden;
	}
	
	#wide-scroller p{padding:0px;}
	
	.ps-scrollbar-y-rail{
		right:inherit !important;
		left:0px;
	}
	.ps-container .ps-scrollbar-y-rail{
		width:6px;
		/*background:rgba(0,0,0,0.5);*/
		opacity:1;
		filter:alpha(opacity = 1);
	}
	.ps-container:hover .ps-scrollbar-y-rail,
	.ps-container.hover .ps-scrollbar-y-rail{
		/*background:rgba(0,0,0,0.5);*/
		opacity:1;
		filter:alpha(opacity = 1);
	}
	
	.ps-container .ps-scrollbar-y-rail:hover,
	.ps-container .ps-scrollbar-y-rail.hover{
		background-color:inherit;
		/*background:rgba(0,0,0,0.5);*/
		opacity:1;
		filter:alpha(opacity = 1);
	}
	
	
	
	#wide-scroller.ps-container .ps-scrollbar-y-rail,
	#wide-scroller.ps-container:hover .ps-scrollbar-y-rail,
	#wide-scroller.ps-container.hover .ps-scrollbar-y-rail,
	#wide-scroller.ps-container .ps-scrollbar-y-rail:hover,
	#wide-scroller.ps-container .ps-scrollbar-y-rail.hover{
		background:url('images/scroller-back.gif') top left repeat-y;
	}
	
	
	
	
	
	.ps-container .ps-scrollbar-y-rail.in-scrolling{
		opacity:1;
		filter:alpha(opacity = 1);
	}
	
	.ps-container .ps-scrollbar-y{
		width:6px;
		background-color:inherit;
		background:#808080;
	}
	
	.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
	.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y{
		background-color:inherit;
		background:#808080;
	}
	
	.ps-container.ie .ps-scrollbar-x,
	.ps-container.ie .ps-scrollbar-y{
		visibility:visible;
	}
	
	/*PERFECT SCROLL BAR CUSTOM END*/
	
	
	
	/*section.home h1{
		font:normal 400 70px/75px "fira-sans",sans-serif; color:#faaf4c;
	}
	
	section.home p{
		font:normal 200 33.75px/45px "fira-sans",sans-serif; color:#fff;
	}*/
	
	
	
	
	
	
	
	.page-scroll-buttons{
		display:block;
	}
	
	/*.page-scroll-buttons button{
		left:50%;
	}*/
	
	.position-style-0 button.one-page-up{display:none;}
	
	
	.page-scroll-buttons button,
	.page-scroll-buttons button:hover,
	.page-scroll-buttons button:focus,
	button.two-page-down,
	button.two-page-down:hover,
	button.two-page-down:focus{
		opacity:0.3 !important;
		bottom:20px !important;
		right:50% !important;
		margin-right:-22.5px !important;
		background:url('images/next-section-button.png') top left no-repeat !important;
		background-size:cover !important;
	}
	.page-scroll-buttons button:hover,
	button.two-page-down:hover{opacity:1 !important;}
	
	body.oncontact .two-page-down{background:url('images/prev-section-button.png') top left no-repeat !important;background-size:cover !important;}
	
	
	header a h1 img{opacity:1;}
	header a h1 img:hover{opacity:0.75;}
	
	
	
	
	
	
	button.two-page-down{
		position: fixed;
		z-index: 100;
		width: 45px;
		height: 45px;
		background: url('images/next-section-button.png');
		border: 0;
		border-radius: 4px;
		margin: 0;
		padding: 0;
		transition: opacity 0.2s linear;
		text-indent: -99999px;
		cursor: pointer;
	}
	
	
	
	
	
	
	

	body.onhome .one-page-down{display:block;}
	body.onhome .two-page-down{display:none;}
				
	body.onwork .one-page-down{display:none;}
	body.onwork .two-page-down{display:block;}
		
	body.onwebonezeroone .one-page-down{display:none;}
	body.onwebonezeroone .two-page-down{display:block;}
		
	body.oncontact .one-page-down{display:none;}
	body.oncontact .two-page-down{display:block;}
	
	html.desktop .make-websites-that-work a div{
		padding:10%;
		margin:-10% 0px 0px -10%;
	}
}


/* TABLETS */
@media only screen
and (min-width: 546px)
and (max-width: 1004px)
{	
	h1{
		font-size:33.75px;
		line-height:35px;
	}
	
	
	.two-page-down{display:none !important;}
	
	h1#make-websites-that-work,
	.big-ol-wrap.columns h1,
	.big-ol-wrap.contact h1{
		padding:0px;
	}
	
	html.tablet .make-websites-that-work a div h6{
		font-size:13px;
    	line-height:15px;
	}
	
	html.tablet .make-websites-that-work a div h6{
		font-size:16px;
    	line-height:16px;
	}
	
	h1#make-websites-that-work,
	.big-ol-wrap.columns h1,
	.big-ol-wrap.contact h1{margin-top:170px;}
	
	
	
	#webonezeroone h1.centered,
	#webonezeroone h2.centered{
		text-align:left;
	}
	
	#webonezeroone h2.centered{
		font-size:23px;
		line-height:27px;
	}
	
	.dotnav{display:none;}
	
	.big-ol-wrap.contact small{margin: 0px 0px 300px 0px;}
	
	.big-ol-wrap.contact h1{margin-top:110px;}
}

@media only screen and (orientation : portrait){
	/*.make-websites-that-work a{
		padding:0px 0px 50px 0px;
	}*/
	
	section.home .big-ol-wrap{
    	top: 41%;
	}
	
	.big-ol-wrap.contact h1 br{display:none;}
}

@media only screen
and (min-width: 546px)
and (max-width: 800px){
	ul.nav{
		top: 10px;
		right: inherit;
		left: -29px;
	}
	
	h1#make-websites-that-work, .big-ol-wrap.columns h1{
		text-align:left;
	}
	
	section#webonezeroone h1{
		font-size: 30px;
    	line-height: 35px;
	}
	
	html.tablet .make-websites-that-work a div h6{
		font-size:13px;
    	line-height:15px;
	}
	
	.make-websites-that-work img.by43{display:block;}
	.make-websites-that-work img.by169{display:none;}
}


/* MOBILE */

@media only screen and (max-width: 545px), only screen and (max-device-width: 545px)
{
	body{
		text-align:center;
		margin:0px;
		padding:0px;
		width:100%;
		height:100%;
	}
	
	#wpadminbar{display:none;}
	
	span.menu-on, span.menu-off{
		cursor:pointer;
		position:fixed;
		top:14px;
		right:0px;
		z-index:2000;
		border-radius:8px 0px 0px 8px;
		-moz-box-shadow:0px 3px 4px rgba(0,0,0, 0.57);
		-webkit-box-shadow:0px 3px 4px rgba(0,0,0, 0.57);
		box-shadow:0px 3px 4px rgba(0,0,0, 0.57);
		float:left;
		display:block;
		width:35px;
		height:27px;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		border-left:1px solid #FFF;
		background:url('images/menu-on.png') center center no-repeat;
	}
	
	/*span.menu-on, span.menu-off, #mobile-nav-scroller {
		background-color:rgba(0,0,0,0.5);
	}*/
	
	span.menu-on{background-color:rgba(0,0,0,0.5);}
	
	#mobile-nav-scroller{background-color:rgba(0,0,0,0.5);}
	
	span.menu-off{
		z-index:1;
		background:rgba(0,0,0,0.5) url('images/menu-off.png') center center no-repeat;
	}
	
	
	
	
	
	
	
	
	
	
	
	/*PEFRECT SCROLL BAR CUSTOM*/
	
	#mobile-nav-scroller{
		position:fixed;
		z-index:1000;
		top:0px;
		left:0px;
		float:left;
		display:block;
		width:100%;
		padding:0px;
		max-height:100%;
		overflow:hidden;
		
		height:163px;
	}
	
	.ps-scrollbar-y-rail{
		/*right:inherit !important;
		left:0px;*/
		right:0px;
		left:inherit !important;
	}
	.ps-container .ps-scrollbar-y-rail{
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		
		width:6px;
		background:url('images/scrollbar-y-rail-back.jpg') top center repeat-y;
		opacity:1;
		filter:alpha(opacity = 1);
	}
	.ps-container:hover .ps-scrollbar-y-rail,
	.ps-container.hover .ps-scrollbar-y-rail{
		background:url('images/scrollbar-y-rail-back.jpg') top center repeat-y;
		opacity:1;
		filter:alpha(opacity = 1);
	}
	
	.ps-container .ps-scrollbar-y-rail:hover,
	.ps-container .ps-scrollbar-y-rail.hover{
		background-color:inherit;
		background:url('images/scrollbar-y-rail-back.jpg') top center repeat-y;
		opacity:1;
		filter:alpha(opacity = 1);
	}
	
	
	
	/*#mobile-scroller.ps-container .ps-scrollbar-y-rail,
	#mobile-scroller.ps-container:hover .ps-scrollbar-y-rail,
	#mobile-scroller.ps-container.hover .ps-scrollbar-y-rail,
	#mobile-scroller.ps-container .ps-scrollbar-y-rail:hover,
	#mobile-scroller.ps-container .ps-scrollbar-y-rail.hover{
		background:url('images/scroller-back.gif') top left repeat-y;
	}*/
	
	
	
	
	
	.ps-container .ps-scrollbar-y-rail.in-scrolling{
		opacity:1;
		filter:alpha(opacity = 1);
	}
	
	.ps-container .ps-scrollbar-y{
		/*-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;*/
		
		width:6px;
		background-color:inherit;
		background:rgba(0,0,0,0.5);
	}
	
	.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
	.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y{
		background-color:inherit;
		background:rgba(0,0,0,0.5);
	}
	
	.ps-container.ie .ps-scrollbar-x,
	.ps-container.ie .ps-scrollbar-y{
		visibility:visible;
	}
	
	/*PERFECT SCROLL BAR CUSTOM END*/
	
	ul.nav{
		top:10px;
		width:100%;
		float:right;
		padding:0px;
		margin:0px;
		list-style:none;
		/*display:none;*/
		display:block;
	}
	
	ul.nav li{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
		float:left;
		display:block;
		width:100%;
		padding:0px 20px;
		margin:0px 0px 5px 0px;
	}
	
	ul.nav li.about{margin:5px 0px;}
	
	.big-ol-wrap.mobile-wide{
		width:100%;
		max-width:100%;
		padding:0px;
	}
	
	ul.nav li a{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
		float:left;
		display:block;
		width:100%;
		padding:5px 10px;
		background:rgba(0,0,0,0.5);
	}
	
	
	
	
	
	
	body.onhome ul.nav li.home a,
	body.onhome ul.nav li.work a,
	body.onhome ul.nav li.webonezeroone a,
	body.onhome ul.nav li.contact a{
		opacity: 1; /*color:rgba(255,255,255,0.7);*/
    	background: #faaf4c;
    	font-weight: bold;
	}
	
	
	
	
	
	
	
				
				
				
				
				
	body.onwork ul.nav li.work a{opacity: 1; color:rgba(255,255,255,1);}
	
	body.onwork ul.nav li.webonezeroone a,
	body.onwork ul.nav li.contact a{opacity: 1; color:rgba(255,255,255,0.7);}
				
		 
		 
		
		
	body.onwebonezeroone ul.nav li.webonezeroone a{opacity: 1; color:rgba(255,255,255,1);}
	
	body.onwebonezeroone ul.nav li.work a,
	body.onwebonezeroone ul.nav li.contact a{opacity: 1; color:rgba(255,255,255,0.7);}
	
	
	
	body.oncontact ul.nav li.contact a{opacity: 1; color:rgba(255,255,255,1);}
	
	body.oncontact ul.nav li.work a,
	body.oncontact ul.nav li.webonezeroone a{opacity: 1; color:rgba(255,255,255,0.7);}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	header .big-ol-wrap,
	header a h1 img{max-width:none;}
	
	header a h1 img{max-width:240px;}
	
	
	
	h1,
	h1#make-websites-that-work,
	section#webonezeroone h1,
	.big-ol-wrap.contact h1{
		font-size:24.75px;
		line-height:32.75px
	}
	
	
	
	section.home h1{
		padding:0px;
		font:normal 400 30px/35px "fira-sans",sans-serif; color:#faaf4c;
	}
	
	section.home p{
		font:normal 200 15px/22px "fira-sans",sans-serif; color:#fff;
	}
	
	
	
	
	
	
	
	.make-websites-that-work a{
		margin:0px 0px 10px 0px;
		width:100%;
	}
	
	
	
	.make-websites-that-work a div{
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	
		top:inherit;
		bottom:0px;
		left:0px;
	
		text-align:left;
		opacity:1;
		height:50px;
		width:100%;
	}
	.make-websites-that-work a div h6{
		position:absolute;
		top:50%;
		left:13px;
		width:100%;
		
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		
		font-size:18px;
		line-height:18px;
	}
	.make-websites-that-work a div p{display:none;}
	.make-websites-that-work a div img{
		position:absolute;
		top:50%;
		right:13px;
		width:21px;
		
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	h1{
		font-size:33.75px;
		line-height:35px;
	}
	
	
	.big-ol-wrap.columns ol{max-width:none;}
	.big-ol-wrap.columns ol.second{float:left;}
	
	
	section.home{
		background: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	section.home .big-ol-wrap{
		padding:0px;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		position: relative;
		top: 73%;
		left: inherit;
		right: inherit;
		bottom: inherit;
	}
	
	
	section.home .big-ol-wrap h1,
	section.home .big-ol-wrap p{
		padding-left:40px;
		padding-right:40px;
	}
	
	.mobile-head-img{
		position: absolute;
		top: 0px;
		left: 0px;
		
		-moz-box-shadow: 0px 0px 30px rgba(0,0,0,1);
		-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,1);
		box-shadow: 0px 0px 30px rgba(0,0,0,1);
		
		float: left;
		display: block;
		width: 100%;
		height: 70%;
		margin-top: 0px;
		/*background: url('images/background-home.jpg') 100% 0% no-repeat;*/
		/*background-size: 153%;*/
		background: url('images/background-home.jpg') center right no-repeat;
		background-size:cover;
	}
	
	
	.big-ol-wrap.columns h1,
	.big-ol-wrap.contact h1{margin-top:50px;}
	.big-ol-wrap.contact small{margin:0px 0px 50px 0px;}
	.big-ol-wrap.columns h2#webonezeroone{padding:0px;}
	/*h1#make-websites-that-work{padding:50px 0px 0px 0px;}*/
	.make-websites-that-work a.last.bottom{margin-bottom:0px;}
	
	
	.two-page-down{display:none !important;}
	
	h1#make-websites-that-work,
	section#webonezeroone h1,
	.big-ol-wrap.contact h1,
	section.apage h2{text-align:left;}
	
	br.mobile-hide{display:none;}
	
	.big-ol-wrap.contact h3{
		font-size: 19px;
    	line-height: 36px;
    	text-align: left;
	}
	
	.dotnav{display:none;}
	
	header,
	.big-ol-wrap{padding:0px 40px;}
	
	.big-ol-wrap.columns ol{padding:0px;}
	
	.big-ol-wrap.columns ol.second{margin-top:-20px;}
	
	.mobile-show{display:block;}
	
	.big-ol-wrap.contact h3 a,
	.big-ol-wrap.contact h3 span{padding:0px 10px 0px 0px;}
	
	.make-websites-that-work img.by43{display:block;}
	.make-websites-that-work img.by169{display:none;}
	
	header h1{
		font-size:24px;
		line-height:26px;
		word-spacing:-4px;
	}
	
	header{top:15px;}
	
	ul.nav li.home{display:block;}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (-moz-min-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2/1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 2dppx)
{
	span.menu-on{background:rgba(0,0,0,0.5) url('images/menu-on-2x.png') center no-repeat;}
	span.menu-off{background:rgba(0,0,0,0.5) url('images/menu-off-2x.png') center no-repeat;}
	span.menu-on,
	span.menu-off{
		-webkit-background-size:30px 25px; /* Safari and Chrome */
		-moz-background-size:30px 25px; /* Firefox */
		-ms-background-size:30px 25px; /* Internet Explorer */
		-o-background-size:30px 25px; /* Opera */
		background-size:30px 25px; /* CSS3 */
	}
}