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

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

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

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

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

html{ width:100%; height:100%; }
body{ width:100%; height:100%; font-size:12px; margin:0; background-color:#f3f3f3; }
a{ border:0; text-decoration:none; }
main, header, footer{ float:left; width:100%; max-width:100%; }
header{ margin-top:75px; }

.m0{ margin:0; }
.p0{ padding:0; } 
.holder{ margin:0 auto; max-width:1095px; width:100%; padding:0 15px; }
.content-container{ min-height:350px; height:100%; }
.bg1{ background:url('../images/bg1.jpg') no-repeat top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.bg2{ background:url('../images/bg2.jpg') no-repeat top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.bg3{ background:url('../images/bg3.jpg') no-repeat top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.bg4{ background:url('../images/bg4.jpg') no-repeat top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.bg5{ background:url('../images/bg5.jpg') no-repeat top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.mini-description{ font-family: 'museo_sans700'; font-size:13px; color:#000; line-height:25px; }
.description{ font-family: 'museo_sans300'; color:#000; margin:0; line-height:25px; font-size:13px; }
.table{ margin-bottom:0; display:table; height:100%; }
.cell{ display:table-cell; text-align:center; vertical-align:middle; }
.cell span{ font-family: 'gotham_mediumregular'; font-size:10px; text-transform:uppercase; color:#fff; letter-spacing:2px; }
.cell p{ font-size:9px; margin:0; text-transform:uppercase; letter-spacing:2px; font-family: 'gotham_bookregular'; color:#fff; }
.menu-table{ margin-bottom:0; display:table; }
.menu-cell{ display:table-cell; vertical-align:middle; }

#toggle div{
	margin:4px auto;
	transition:all 0.3s;
	backface-visibility:hidden;
}

#toggle.on .one{
	transform:rotate(45deg) translate(4px, 4px);
}

#toggle.on .two{
	opacity:0;
	filter:alpha(opacity=0);
}

#toggle.on .three{
	transform:rotate(-45deg) translate(4px, -5px);
}

.menu-absolute-container{
	padding-top:18px;
	width:100%;
	left:0;
	position:absolute;
	z-index:999;
	background-color:#f3f3f3;
	display:none;
}

.menu-absolute-container a{
	float:left;
	width:100%;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:1px;
	background-color:#f3f3f3;
	padding:10px;
	text-align:center;
	font-family: 'gotham_boldregular';
}

/*-----------/ LANDING PAGE /-----------*/

.landing-bg{ padding-top:239px; }
.landing-bg img{ cursor:pointer; }
.menu-container { width:100%; max-width:100%; text-align:center; border-bottom:2px solid #e9e9e9; padding-bottom:15px; margin-top:72px; margin-bottom:95px; }
.landing-menu-container{ margin-top:211px;  margin-bottom:181px; }
.menu-container .menu{ font-family: 'gotham_boldregular'; text-transform:uppercase; color:#000; font-size:10px; text-decoration:none; letter-spacing:2px; padding-bottom:17px; margin-right:65px; }
.menu-container .menu:hover{ border-bottom:2px solid #000; } 
.menu-container .menu-no-margin{ margin-right:0; }
.footer-container{ width:100%; max-width:100%; text-align:center; padding-bottom:100px; padding-top:160px; font-family: 'gotham_boldregular'; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#000; line-height:20px; }
.footer-container span{ font-family: 'gotham_bookregular'; font-size:9px; color:#646464; }
.home-back-bg{ position:fixed; z-index:-1; width:100%; }
.home-content-container { margin-top:0; }


/*-----------/ SERVICES PAGE /-----------*/

.services-categories-container{ margin-top:90px; width:100%; max-width:100%; font-family: 'gotham_mediumregular'; font-size:10px; letter-spacing:2px; color:#9a9a9a; text-transform:uppercase; margin-bottom:30px; }
.services-categories-container .category-grey{ color:#9a9a9a; cursor:pointer; }
.services-categories-container .gallery-grey{ color:#9a9a9a; cursor:pointer; }
.load{ cursor:pointer; margin-top:52px; }
.services-container{ padding:5px; cursor:pointer; }
.services-container img{ max-width:100%; width:100%; }
.absolute-services{ position:relative; max-width:100%; width:100%; }
.absolute-services2{ position:absolute; top:0; width:100%; height:100%; z-index:2; }
.absolute-services2 .grey-image{ -webkit-filter: grayscale(1); filter: grayscale(1); position:absolute; top:0; z-index:-1; left:0; }
.services-load-container{ display:none; }

/*-----------/ GALLERY PAGE /-----------*/

.gallery-container{ padding:5px; }
.gallery-container .image-container{ height:340px; width:100%; cursor:pointer; position:relative; }
.gallery-container .image-container .image{ -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:340px; width:100%; }
.gallery-container .image-container .greyimage{ filter: grayscale(1); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:340px; width:100%; position:absolute; top:0;  }
.gallery-pop-container{ float:left; max-width:100%; width:100%; background-color:#efefef; border:1px solid #cdcdcd; position:relative; padding:50px 90px 0 90px; display:none; }
.gallery-pop-close{ position:absolute; z-index:2; top:8px; right:10px; cursor:pointer; }
.gallery-btn-container{ float:left; width:100%; text-align:center; padding:28px 0; }
.gallery-prev{ cursor:pointer; }
.gallery-next{ cursor:pointer; }
.gallery-pop-cont{ float:left; position:relative; max-width:100%; width:100%; }

/*-----------/ CONTACT PAGE /-----------*/

.contact-info{ margin:0; font-family: 'gotham_boldregular'; text-transform:uppercase; font-size:13px; letter-spacing:2px; color:#000; line-height:37px; margin-top:40px; }
.contact-info a{ color:#000; text-decoration:none; }

@media(max-width:991px){
	main{ padding-top:30px; float:left; }
	.gallery-pop-container{ padding:50px 30px 0 30px; }
	.home-content-container{ margin-top:150px; }
}