@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
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;
}
/*--!Reset Styles--*/
/*------------Constant Classes------------*/
.clearIt 
{
    clear: both;
    display: block;
}
.clearfix:after
{
    content: "";
    display: table;
    clear: both;
}
.boldIt 
{
    font-weight: bold;
}
.block 
{
    margin: 0px;
    padding: 0px;
    display: block;
}
.strikeIt 
{
    text-decoration: line-through;
}
.italIt 
{
    font-style: italic;
}
.red {
	border: 1px solid #f00;
}
/*--------------!Constant Classes--------------*/

/*--Primary Styles--*/
body
{
	margin: 0%;
	padding: 0%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
}
a:hover {
	cursor: pointer;
}
div.container {
	margin: 0%;
	padding: 0%;
	width: 100%;
	height: 100%;
}
div.container img {
	margin: 0%;
	padding: 0%;
	/*width: 100%;*/
}
div.case {
	margin: 0% auto;
	padding: 0% 0% 0% 0%;
	width: 100%;
	max-width: 960px;
	position: relative;
}
div.header {
	margin: 0% auto;
	padding: 2% 0%;
	width: 100%;
	display: block;
	position: relative;
	/*border: 1px solid #f00;*/
}
div.header div.hamburger-shell {
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	width: 100%;
	height: 1px;
	max-width: 50px;
	clear: both;
	display: none;
	position: absolute;
	z-index: 100;
	right: 1%;
}
div.header div.hamburger-shell a {
	display: block;
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	width: 100%;
}
div.header div.hamburger-shell img {
	display: block;
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	width: 100%;
}
div.header div.logo-shell {
	margin: 0% 3% 0% 0%;
	padding: 0%;
	width: 28%;
	text-align: center;
	float: left;
	border-right: 1px solid #ddd;
}
div.header div.logo-shell img {
	margin: 0% auto;
	padding: 0%;
	width: 50%;
}
div.header div.nav-case {
	margin: 0% 0% 0% 0%;
	padding: 0%;
	width: 100%;
}
div.header div.nav-case div.logo-shell-m {
	margin: 0% 0% 0% 0%;
	padding: 0%;
}
div.header div.nav-case div.logo-shell-m a {
	margin: 0% 0% 0% 0%;
	padding: 0%;
	text-decoration: none;
	color: #383839;
}
div.header div.nav-case div.logo-shell-m h1 {
	margin: 1% 0% 0% 0%;
	padding: 0% 0%;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	line-height: 100%;
	font-weight: 600;
	color: #383839;
	text-transform: uppercase;
}
div.header div.nav-case div.logo-shell-m p {
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
}
div.header div.nav-case div.contact-shell {
	margin: 0% 0% 0% 0%;
	padding: 2% 0% 0% 0%;
}
div.header div.nav-case div.contact-shell ul {
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
}
div.header div.nav-case div.contact-shell ul li {
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	display: inline;
	vertical-align: middle;
}
div.header div.nav-case div.contact-shell ul li.divide {
	margin: 0% 1%;
	padding: 0% 0%;
}
div.header div.nav-case div.contact-shell ul li a {
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	text-decoration: none;
	vertical-align: middle;
	color: #555;
}
div.header div.nav-case div.contact-shell ul li img {
	margin: -5px 0% 0% 0%;
	padding: 0% 0%;
	width: 22px;
	max-width: 22px;
	vertical-align: middle;
}
div.header div.nav-case div.spc {
	margin: 0% 0%;
	padding: 0% 0%;
	display: none;
}
div.header div.nav-case div.nav-shell {
	display: block;
	margin: 1.5% 0% 0% 0%;
	padding: 0% 0%;
}
div.header div.nav-case div.nav-shell ul {
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	font-family: 'Arvo', serif;
	font-size: 100%;
	line-height: 100%;
}
div.header div.nav-case div.nav-shell ul li {
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	font-family: 'Arvo', serif;
	font-size: 18px;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: inline;
	vertical-align: middle;
}
div.header div.nav-case div.nav-shell ul li.nav-m {
	display: none;
}
div.header div.nav-case div.nav-shell ul li.divide {
	margin: 0% 1.5%;
	padding: 0% 0%;
}
div.header div.nav-case div.nav-shell ul li a {
	margin: 0% 0% 0% 0%;
	padding: 0% 0%;
	text-decoration: none;
	vertical-align: middle;
	color: #555;
}
div.header div.nav-case div.nav-shell ul li a:hover {
	color: #f9ef20;
}
div.inner-cont {
	margin: 0% auto;
	padding: 2% 0% 2% 0%;
	width: 100%;
	background-image: url(../images/hl-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	border-top: 1px solid #ddd;
	clear: both;
}
div.inner-cont div.sec-00, div.sec-01, div.sec-02 {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 0% 0%;
	width: 90%;
}
div.inner-cont div.box {
	margin: 0% 0%;
	padding: 0% 0%;
	width: 100%;
	text-align: center;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 102%;
	overflow: hidden;
}
div.inner-cont div.box a {
	display: block;
	margin: 0% 0%;
	padding: 100% 0%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	text-indent: -99999px;
	position: absolute;
	z-index: 100;
}
div.inner-cont div.box p {
	display: block;
	background-image: url(../images/bg-trans-black.png);
	background-repeat: repeat;
	background-position: center center;
}
div.inner-cont div.box-00 {
	margin: 0% 0%;
	padding: 0% 0%;
	width: 32%;
	text-align: center;
	background-image: url(../images/bg-home-harlem.jpg);
	float: left;
}
div.inner-cont div.box-00 p {
	display: block;
	margin: 0% auto;
	padding: 68% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
}
div.inner-cont div.box-01 {
	margin: 0% 0%;
	padding: 0% 0%;
	width: 66%;
	text-align: center;
	background-image: url(../images/bg-home-nature-made.jpg);
	float: right;
}
div.inner-cont div.box-01 p {
	display: block;
	margin: 0% auto;
	padding: 33% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
}
div.inner-cont div.box-02 {
	margin: 1.5% 0%;
	padding: 0% 0%;
	width: 100%;
	text-align: center;
	background-image: url(../images/bg-home-2k.jpg);
	float: right;
}
div.inner-cont div.box-02 p {
	display: block;
	margin: 0% auto;
	padding: 15% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
}
div.inner-cont div.box-03 {
	margin: 0% 0%;
	padding: 0% 0%;
	width: 66%;
	text-align: center;
	background-image: url(../images/bg-home-womenheart.gif);
	float: left;
}
div.inner-cont div.box-03 p {
	display: block;
	margin: 0% auto;
	padding: 33% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
}
div.inner-cont div.box-04 {
	margin: 0% 0%;
	padding: 0% 0%;
	width: 32%;
	text-align: center;
	background-image: url(../images/bg-home-edgebooks.jpg);
	float: right;
}
div.inner-cont div.box-04 p {
	display: block;
	margin: 0% auto;
	padding: 68% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
}
div.inner-cont div.box p span.btn {
	margin: 0% auto;
	padding: 5px 10px;
	width: 100%;
	text-align: center;
	color: #f9ef20;
	border: 1px solid #fff;
}
/*--| ABOUT |--*/
div.about-pg {
	margin: 0% auto;
	padding: 0% 0% 20% 0%;
	width: 100%;
	background-image: url(../images/bg-about-main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #c6c6c6;
	background-size: 100%;
	clear: both;
}
div.about-pg div.content {
	display: block;
	margin: 24% 0% 0% 10%;
	padding: 0% 0% 0% 0%;
	width: 50%;
	/*background-image: url(../images/bg-trans-black.png);*/
	background-repeat: repeat;
}
div.about-pg div.article {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 0% 0%;
	width: 100%;
	background-image: url(../images/bg-article-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
div.about-pg div.article div.article-inner {
	display: block;
	margin: 0% auto;
	padding: 15% 10% 15% 10%;
    width: 80%;
	background-image: url(../images/bg-article-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
div.about-pg div.article h2 {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 10% 0%;
	width: 100%;
	font-family: 'Arvo', serif;
    font-size: 32px;
    line-height: 100%;
    font-weight: 400;
	letter-spacing: 1px;
	color: #f7ed21;
	text-align: center;
}
div.about-pg div.article p {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 6% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 150%;
	font-weight: 300;
	text-align: left;
	color: #fff;
}
div.about-pg div.article p span.lead {
	margin: 0% 0%;
	padding: 0% 3% 0% 0%;
    font-family: 'Arvo', serif;
    font-size: 80px;
    line-height: 86%;
    font-weight: 400;
	float: left;
}
/*--| END ABOUT |--*/

/*--| CONTACT PG. |--*/
div.contact-pg {
	background-color: #eeeef1;
	clear: both;
}
div.contact-pg div.contact-inner {
	margin: 0% auto;
	padding: 0% 0%;
	width: 94%;
	text-align: center;
}
div.contact-pg div.contact-inner div.intro {
	margin: 0% auto;
	padding: 2% 2%;
	width: 96%;
	text-align: center;
	background-color: #444;
}
div.contact-pg div.contact-inner div.intro h2 {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 2% 0%;
	width: 100%;
	font-family: 'Arvo', serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1px;
	color: #f9ef20;
}
div.contact-pg div.contact-inner div.intro p {
	display: block;
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 150%;
	font-weight: 300;
	color: #fff;
}
div.contact-pg div.contact-inner div.intro span.br-txt {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
div.contact-pg div.contact-inner div.protocol {
	display: block;
	margin: 0% auto;
	padding: 3% 2%;
	width: 96%;
	text-align: center;
}
div.contact-pg div.contact-inner div.protocol div.steps {
	display: inline-block;
	margin: 0% auto;
	padding: 3% 0%;
	width: 32%;
}
div.contact-pg div.contact-inner div.protocol div.step-01 {
	border-left: 1px solid #c6c6c7;
	border-right: 1px solid #c6c6c7;
}
div.contact-pg div.contact-inner div.protocol div.steps div.num {
	display: block;
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	max-width: 45px;
}
div.contact-pg div.contact-inner div.protocol div.steps h2 {
	display: block;
	margin: 0% auto;
	padding: 4% 0%;
	width: 100%;
	font-family: 'Arvo', serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 120%;
	color: #444;
}
div.contact-pg div.contact-inner div.protocol div.steps p {
	display: block;
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 150%;
	color: #444;
}
div.contact-pg div.contact-inner div.protocol div.steps p span.txt-br {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
div.contact-pg div.contact-inner div.protocol div.steps div.num p {
	display: block;
	margin: 0% auto;
	padding: 30% 0%;
	width: 100%;
	color: #f9ef20;
	font-size: 18px;
	line-height: 100%;
	font-family: 'Arvo', serif;
	font-weight: 400;
	background-color: #444;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%;
}
div.contact-pg div.contact-inner h3 {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 2% 0%;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 100%;
	color: #444;
	text-transform: uppercase;
}
div.contact-pg div.contact-inner a.cta {
	display: block;
	margin: 0% auto;
	padding: 2% 2%;
	width: 100%;
	max-width: 30%;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 100%;
	color: #444;
	background-color: #fff;
	text-decoration: none;
}
/*--| END CONTACT PG. |--*/

/*--| PROJECTS |--*/
div.project {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 0% 0%;
	width: 100%;
	background: none;
	background-color: #eeeef1;
}
div.project div.proj-details {
	margin: 0% 0%;
	padding: 3% 3%;
    width: 29%;
	float: left;
	position: relative;
	/*border: 1px solid #f00;*/
}
div.project div.proj-details div.proj-inner {
	display: block;
	margin: 0% 0%;
	padding: 0% 0% 0% 0%;
    width: 100%;
	/*border: 1px solid #f00;*/
	/*border-bottom: 1px solid #444;*/
}
.sticky {
  	position: fixed;
	top: 0;
  	z-index: 100;
  	border-top: 0;
}
div.project div.proj-details div.proj-inner h2 {
	display: block;
	margin: 0% 0%;
	padding: 0% 0% 2% 0%;
    width: 100%;
    font-family: 'Arvo', serif;
    font-size: 24px;
	font-weight: 400;
	line-height: 150%;
	color: #444;
}
div.project div.proj-details div.proj-inner p.sub-header {
	display: block;
	margin: 0% 0%;
	padding: 0% 0% 6% 0%;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 150%;
	color: #444;
}
div.project div.proj-details div.proj-inner h3 {
	display: block;
	margin: 0% 0%;
	padding: 0% 0% 0% 4%;
    width: 96%;
    font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 150%;
	font-weight: 500;
	color: #444;
}
div.project div.proj-details div.proj-inner p.detail {
	display: block;
	margin: 0% 0%;
	padding: 0% 0% 6% 4%;
    width: 96%;
    font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 150%;
	font-weight: 300;
	color: #444;
}
div.project div.proj-details div.proj-inner h3:before {
	content: "•";
    color: #444;
    position: absolute;
    margin: 0% 0% 0% -4%;
}
div.project div.proj-details div.proj-inner div.controls {
	display: block;
	margin: 20% auto 0% auto;
	padding: .5% 0% 0% 0%;
    width: 100%;
    max-width: 220px;
    text-align: center;
    background-color: #f9ef20;
}
div.project div.proj-details div.proj-inner div.controls ul {
	display: block;
	margin: 0% 0%;
	padding: 0% 0% 0% 0%;
    width: 100%;
}
div.project div.proj-details div.proj-inner div.controls ul li {
	display: inline;
	margin: 0% 0%;
	padding: 0% 0% 0% 0%;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 150%;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	vertical-align: middle;
	color: #444;
}
div.project div.proj-details div.proj-inner div.controls ul li.mid-l {
	margin: 0% 2%;
	padding: 0% 0% 0% 0%;
	font-weight: 300;
}
div.project div.proj-details div.proj-inner div.controls ul li a {
	display: inline;
	margin: 0% 0%;
	padding: 0% 0%;
    width: 100%;
    color: #444;
    text-decoration: none;
}
div.project div.proj-details div.proj-inner div.controls ul li a:hover {
    color: #9c9a68;
}
div.project div.proj-details div.proj-inner div.controls ul li span.arrows {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 150%;
	font-weight: 300;
}
div.project div.gallery-shell {
	display: block;
	margin: 0% auto;
	padding: 3% 0%;
	width: 64%;
	float: right;
	background-color: #fff;
	/*border: 1px solid #f00;*/
}
div.project div.gallery-shell ul {
	margin: 0% auto;
	padding: 0% 0%;
	width: 90%;
	text-align: center;
}
div.project div.gallery-shell ul li {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 3% 0%;
	width: 100%;
}
div.project div.gallery-shell ul li picture {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 0% 0%;
	width: 100%;
}
div.project div.gallery-shell ul li img {
	display: block;
	margin: 0% auto;
	padding: 0% 0% 0% 0%;
	width: 100%;
	border: 1px solid #ddd;
}
/*--| END PROJECTS |--*/

/*--| FOOTER |--*/
div.footer {
	margin: 0% auto;
	padding: 30px 0% 10px 0%;
	width: 100%;
	text-align: center;
	display: block;
	/*border: 1px solid #f00;*/
}
div.footer nav {
	margin: 0% auto;
	padding: 0% 0% 10px 0%;
	width: 100%;
	text-align: center;
	display: block;
}
div.footer nav a {
	margin: 0% 10px;
	padding: 0;
	max-width: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 100%;
	/*color: #27aae1;*/
}
div.footer nav a.phn-icon {
	display: none;
}
div.footer nav img {
	margin: 0% auto;
	padding: 0;
	width: 5%;
	max-width: 51px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 100%;
	color: #27aae1;
	opacity: 0.5;
}
div.footer nav img:hover {
	opacity: 0.9;
}
div.footer small {
	margin: 0% auto;
	padding: 0;
	width: 100%;
	text-align: center;
	font-family: Arial, Helvetica, san-serif;
	font-size: 70%;
	color: #999;
	line-height: 90%;
}
@media only screen and (max-width: 950px) {
	div.about-pg div.content {
		display: block;
		margin: 10% 0% 0% 10%;
		padding: 0% 0% 0% 0%;
		width: 50%;
		/* background-image: url(../images/bg-trans-black.png); */
		background-repeat: repeat;
	}
}
@media only screen and (max-width: 860px) {
	div.contact-pg div.contact-inner div.intro p {
		display: block;
		margin: 0% auto;
		padding: 0% 0%;
		width: 100%;
		font-size: 14px;
		line-height: 150%;
		font-weight: 300;
	}
}
@media only screen and (min-width: 769px) {
	div.header div.nav-case div.nav-shell {
		display: block !important;
	}
}
/*---Tablet Mode---*/
@media only screen and (max-width: 768px) {
	div.header {
		margin: 0% auto;
		padding: 2% 0% 0% 0%;
	}
	div.header div.hamburger-shell {
		display: block;
		margin: 4% 0% 0% 0%;
		padding: 0% 0%;
		width: 100%;
		right: 3%;
	}
	div.header div.nav-case div.logo-shell-m h1 {
    	margin: 4% 0% 0% 0%;
    	padding: 0% 0%;
	}
	div.header div.nav-case div.contact-shell {
		display: none;
	}
	div.header div.nav-case div.spc {
		margin: 0% 0%;
		padding: 1% 0%;
		clear: both;
		display: block;
	}
	div.header div.nav-case div.nav-shell {
		display: none;
		clear: both;
		margin: 0% 0% 0% 0%;
		padding: 0% 0%;
		width: 100%;
		border-top: 1px solid #555;
	}
	div.header div.nav-case div.nav-shell ul {
		margin: 0% auto;
		padding: 0% 0%;
		text-align: center;
	}
	div.header div.nav-case div.nav-shell ul li {
		margin: 0% auto;
		padding: 0% 0%;
		font-size: 18px;
		line-height: 100%;
		font-weight: 400;
		display: block;
	}
	div.header div.nav-case div.nav-shell ul li.nav-m {
		display: block;
	}
	div.header div.nav-case div.nav-shell ul li.l-mid {
		border-top: 1px solid #555;
		border-bottom: 1px solid #555;
	}
	div.header div.nav-case div.nav-shell ul li.divide {
		display: none;
		margin: 0% 0%;
		padding: 0% 0%;
	}
	div.header div.nav-case div.nav-shell ul li a {
		display: block;
		margin: 0% auto;
		padding: 3% 0%;
	}
	div.header div.nav-case div.nav-shell ul li a:hover {
		background-color: #f1f0f0;
	}
	div.project div.proj-details {
		display: block;
		margin: 0% auto;
		padding: 5% 5%;
		width: 90%;
		float: none;
	}
	.sticky {
  		position: static !important;
  		width: 100% !important;
	}
	div.project div.gallery-shell {
    	display: block;
    	margin: 0% auto;
    	padding: 5% 0%;
    	width: 100%;
    	float: none;
	}
	div.project div.proj-details div.proj-inner p.sub-header {
    	display: block;
    	margin: 0% 0%;
    	padding: 0% 0% 4% 0%;
    	width: 100%;
	}
	div.project div.proj-details div.proj-inner p.detail {
    	display: block;
    	margin: 0% 0%;
    	padding: 0% 0% 4% 4%;
    	width: 96%;
	}
	div.project div.proj-details div.proj-inner div.controls {
    	display: block;
    	margin: 3% auto 0% auto;
    	padding: 1% 0% 1% 0%;
    	width: 100%;
    	max-width: 220px;
	}
	div.project div.gallery-shell ul li {
    	display: block;
    	margin: 0% auto;
    	padding: 0% 0% 6% 0%;
    	width: 100%;
	}
}
@media only screen and (max-width: 700px) {
	div.footer nav a.phn-icon {
		display: inline;
	}
}
@media only screen and (max-width: 675px) {
	div.contact-pg div.contact-inner div.intro {
    	margin: 0% auto;
    	padding: 6% 6%;
    	width: 88%;
    	text-align: center;
    	background-color: #444;
	}
	div.contact-pg div.contact-inner div.intro h2 {
		display: block;
		margin: 0% auto;
		padding: 0% 0% 2% 0%;
		width: 100%;
		font-size: 26px;
		font-weight: 400;
		line-height: 100%;
	}
	div.contact-pg div.contact-inner div.intro span.br-txt {
		display: inline;
	}
	div.contact-pg div.contact-inner div.protocol {
		display: block;
		margin: 0% auto 4% auto;
		padding: 3% 0%;
		width: 88%;
		text-align: center;
		border-bottom: 1px solid #444;
	}
	div.contact-pg div.contact-inner div.protocol div.steps {
		display: block;
		margin: 0% auto;
		padding: 6% 0%;
		width: 100%;
	}
	div.contact-pg div.contact-inner div.protocol div.steps h2 {
		display: block;
		margin: 0% auto;
		padding: 3% 0%;
		width: 100%;
		font-size: 22px;
		font-weight: 400;
		line-height: 120%;
	}
	div.contact-pg div.contact-inner div.protocol div.step-01 {
		border: none;
	}
	div.contact-pg div.contact-inner h3 {
		display: block;
		margin: 0% auto;
		padding: 0% 0% 3% 0%;
		width: 100%;
		font-size: 14px;
		line-height: 150%;
		text-transform: uppercase;
	}
	div.contact-pg div.contact-inner a.cta {
		display: block;
		margin: 0% auto;
		padding: 3% 2%;
		width: 100%;
		max-width: 200px;
		font-size: 16px;
		line-height: 100%;
		background-color: #fff;
		text-decoration: none;
	}
}
@media only screen and (max-width: 650px) {
	div.about-pg {
		margin: 0% auto;
		padding: 0% 0% 10% 0%;
		width: 100%;
		background-image: url(../images/bg-about-main.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-color: #c2c3c5;
		background-size: 100%;
		clear: both;
	}
	div.about-pg div.content {
		display: block;
		margin: 10% 0% 0% 10%;
		padding: 0% 0% 0% 0%;
		width: 56%;
		/* background-image: url(../images/bg-trans-black.png); */
		background-repeat: repeat;
	}
	div.about-pg div.article {
    	display: block;
    	margin: 0% auto;
    	padding: 0% 0% 0% 0%;
    	width: 100%;
    	background-image: none;
	}
	div.about-pg div.article div.article-inner {
		display: block;
		margin: 0% auto;
		padding: 10% 10% 10% 10%;
		width: 80%;
		background: none;
	}
	div.about-pg div.article h2 {
		display: block;
		margin: 0% auto;
		padding: 0% 0% 10% 0%;
		width: 100%;
		font-family: 'Arvo', serif;
		font-size: 26px;
		line-height: 100%;
		font-weight: 400;
		letter-spacing: 1px;
		color: #f7ed21;
		text-align: center;
	}
	div.about-pg div.article p {
		display: block;
		margin: 0% auto;
		padding: 0% 0% 6% 0%;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		line-height: 150%;
		font-weight: 300;
		color: #fff;
	}
	div.about-pg div.article p span.lead {
		margin: 0% 0%;
		padding: 0% 3% 0% 0%;
		font-family: 'Arvo', serif;
		font-size: 65px;
		line-height: 86%;
		font-weight: 400;
		float: left;
	}
}
@media only screen and (max-width: 580px) {
	div.header div.nav-case div.logo-shell-m h1 {
    	margin: 9% 0% 0% 0%;
    	padding: 0% 0%;
	}
	div.header div.hamburger-shell {
		display: block;
		margin: 9% 0% 0% 0%;
		padding: 0% 0%;
		width: 100%;
		right: 5%;
	}
	div.header div.nav-case div.contact-shell {
    	margin: 0% 0% 0% 0%;
    	padding: 4% 0% 0% 0%;
	}
	div.header div.nav-case div.contact-shell ul li {
    	margin: 0% 0% 0% 0%;
    	padding: 0% 0% 2% 0%;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	line-height: 100%;
    	display: block;
    	vertical-align: middle;
	}
	div.header div.nav-case div.contact-shell ul li.divide {
		display: none;
		margin: 0% 1%;
		padding: 0% 0%;
	}
	div.header div.logo-shell {
		margin: 0% 3% 0% 0%;
		padding: 0%;
		width: 34%;
	}
	div.header div.logo-shell img {
		margin: 0% auto;
		padding: 0%;
		width: 75%;
	}
	/*BOXES*/
	div.inner-cont {
    	margin: 0% auto;
    	padding: 4% 0% 4% 0%;
    	width: 100%;
	}
	div.inner-cont div.sec-00, div.sec-01, div.sec-02 {
		display: block;
		margin: 0% auto;
		padding: 0% 0% 0% 0%;
		width: 92%;
	}
	div.inner-cont div.box {
		display: block;
		margin: 0% 0% 4% 0%;
		padding: 0% 0%;
		width: 100%;
		text-align: center;
		position: relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 102%;
		float: none;
	}
	div.inner-cont div.box p {
		margin: 0% auto;
		padding: 25% 0%;
		display: block;
		background-image: url(../images/bg-trans-black.png);
		background-repeat: repeat;
		background-position: center center;
	}
	div.inner-cont div.box-00 {
		background-image: url(../images/bg-home-harlem-m.jpg);
	}
	div.inner-cont div.box-01 {
		background-image: url(../images/bg-home-nature-made-m.jpg);
	}
	div.inner-cont div.box-02 {
		background-image: url(../images/bg-home-2k-m.jpg);
	}
	div.inner-cont div.box-03 {
		background-image: url(../images/bg-home-womenheart-m.gif);
	}
	div.inner-cont div.box-04 {
		background-image: url(../images/bg-home-edgebooks-m.jpg);
	}
	div.about-pg {
		margin: 0% auto;
		padding: 0% 0% 10% 0%;
		width: 100%;
		background-image: url(../images/bg-about-main-m.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-color: #8f8f8f;
		background-size: 100%;
		clear: both;
	}
	div.about-pg div.content {
		display: block;
		margin: 40% auto 0% auto;
		padding: 4%;
		width: 77%;
		background-image: url(../images/bg-trans-black-mid.png);
		background-repeat: repeat;
	}
	div.about-pg div.article p span.lead {
		margin: 0% 0%;
		padding: 0% 3% 0% 0%;
		font-family: 'Arvo', serif;
		font-size: 42px;
		line-height: 86%;
		font-weight: 400;
	}

}
@media only screen and (max-width: 430px) {
	div.header div.nav-case div.contact-shell {
    	margin: 0% 0% 0% 0%;
    	padding: 1% 0% 0% 0%;
	}
	div.header div.nav-case div.contact-shell ul li {
    	margin: 0% 0% 0% 0%;
    	padding: 0% 0% 1% 0%;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	line-height: 100%;
    	display: block;
    	vertical-align: middle;
	}
	div.about-pg {
		margin: 0% auto;
		padding: 0% 0% 10% 0%;
		width: 100%;
		background-image: url(../images/bg-about-main-m.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-color: #8f8f8f;
		background-size: 135%;
		clear: both;
	}
	div.about-pg div.content {
		display: block;
		margin: 55% auto 0% auto;
		padding: 4%;
		width: 77%;
		background-image: url(../images/bg-trans-black-mid.png);
		background-repeat: repeat;
	}
	div.about-pg div.article div.article-inner {
		display: block;
		margin: 0% auto;
		padding: 7%;
		width: 84%;
	}
	div.contact-pg {
		margin: 0% auto;
		padding: 3% 0% 6% 0%;
		width: 100%;
	}
	div.contact-pg div.contact-inner div.protocol {
		display: block;
		margin: 0% auto 4% auto;
		padding: 3% 0%;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #444;
	}
	div.contact-pg div.contact-inner div.intro {
		margin: 0% auto;
		padding: 6% 6%;
    	width: 88%;
		text-align: center;
		background-color: #444;
	}
	div.contact-pg div.contact-inner div.intro h2 {
		display: block;
		margin: 0% auto;
		padding: 0% 0% 2% 0%;
		width: 100%;
		font-size: 22px;
		font-weight: 400;
		line-height: 100%;
	}
	div.contact-pg div.contact-inner div.protocol div.steps h2 {
		display: block;
		margin: 0% auto;
		padding: 3% 0%;
		width: 100%;
		font-size: 18px;
		font-weight: 400;
		line-height: 120%;
	}
	div.project div.proj-details div.proj-inner div.controls ul li {
    	display: inline;
    	margin: 0% 0%;
    	padding: 0% 0% 0% 0%;
    	width: 100%;
    	font-family: 'Montserrat', sans-serif;
    	font-size: 16px;
    	line-height: 150%;
    	font-weight: 500;
	}
}
@media only screen and (max-width: 330px) {
	div.header div.hamburger-shell {
    	display: block;
    	margin: 10% 0% 0% 0%;
    	padding: 0% 0%;
    	width: 100%;
    	max-width: 40px;
    	right: 5%;
	}
	div.header div.nav-case div.logo-shell-m h1 {
		font-size: 18px;
		font-weight: 600;
	}
	div.header div.nav-case div.logo-shell-m p {
		margin: 0% 0% 0% 0%;
		padding: 0% 0%;
		font-size: 12px;
	}
}
/* saf 3+, chrome 1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    
}
/*-- IE10+ --*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    
}