/********************INTRO STYLES***************************************************************************************************************************/
/*LANDING*/
.container{
max-height:100%;
overflow:hidden;
}
.intro {
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left:0;
}
.fullscreen_gallery {
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left:0;
	overflow: hidden;
	opacity: 1;
}
.fullscreen_gallery img {
	width: 100vw;
	height: 100vh;
}
#landing-2 {
	background: url(../img/landing-gallery/landing-1.jpg);
	background-size: cover;
	background-position: center 40%;
}
#landing-5 {
	background: url(../img/landing-gallery/landing-4.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-7 {
	background: url(../img/landing-gallery/landing-5.jpg);
	background-size: cover;
	background-position: center 55%;
}
#landing-9 {
	background: url(../img/landing-gallery/landing-6.jpg);
	background-size: cover;
	background-position: right 70%;
}
#landing-13 {
	background: url(../img/landing-gallery/landing-7.jpg);
	background-size: cover;
	background-position: center 70%;
}
#landing-15 {
	background: url(../img/landing-gallery/landing-8.jpg);
	background-size: cover;
	background-position: 65% 65%;
}
#landing-19 {
	background: url(../img/landing-gallery/landing-9.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-20 {
	background: url(../img/landing-gallery/landing-10.jpg);
	background-size: cover;
	background-position: right center;
}
#landing-8 {
	background: url(../img/landing-gallery/landing-11.jpg);
	background-size: cover;
	background-position: center bottom;
}
#landing-18 {
	background: url(../img/landing-gallery/landing-12.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-14 {
	background: url(../img/landing-gallery/landing-13.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-3 {
	background: url(../img/landing-gallery/landing-14.jpg);
	background-size: cover;
	background-position: center center;
}

#landing-12 {
	background: url(../img/landing-gallery/landing-1.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-4 {
	background: url(../img/landing-gallery/landing-16.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-17 {
	background: url(../img/landing-gallery/landing-17.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-10 {
	background: url(../img/landing-gallery/landing-18.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-1 {
	background: url(../img/landing-gallery/landing-19.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-6 {
	background: url(../img/landing-gallery/landing-20.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-11 {
	background: url(../img/landing-gallery/landing-21.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-16 {
	background: url(../img/landing-gallery/landing-22.jpg);
	background-size: cover;
	background-position: center center;
}
#landing-21 {
	background: url(../img/listings/nld/4/gallery/img-1.jpg);
	background-size: cover;
	background-position: center center;
}
.intro_scroll {
	width: 60%;
	margin: 0 20%;
	height: 40vh;
	top: 30vh;
	position: absolute;
	fill: #fc7142;
}
.intro_scroll:hover {
	fill: #f8f8f8;
}
.intro_logo {
	width: 100%;
	height: 100%;
}
/*PAGE ELEMENTS*/
.header_logo {
	width: 100%;
	height: 10vh;
	padding: 1vh;
	position: absolute;
	top: 100vh;
	fill: #fc7142;
	background-color: #f8f8f8;
	/*background-image: url(../img/bg/structure-footer.png);
	background-size: cover;*/
	border-top: 1px solid rgba(252,106,57,0.4);
	border-bottom: 1px solid rgba(252,106,57,0.4);
}
.header_logo .logo {
	width:50vw;
	height:100%;
	margin:0 25vw;
}
.content {
	width: 100%;
	min-height:90vh;
	position: absolute;
	top: 110vh;
	left:0;
	padding:0;
	background-color: #f8f8f8;
	background-image: url(../img/bg/blueprint_orange.png);
	background-size: cover;
}
.footer_wrap {
	width:100%;
	height:10vh;
	position: relative;
}
.intro__footer {
	width:100vw;
	height:6vh;
	position:absolute;
	bottom:0;
	overflow:hidden;
	background-color: #f8f8f8;
	/*background-image: url(../img/bg/structure-footer.png);
	background-size: cover;*/
	border-top: 1px solid rgba(252,106,57,0.4);
}
.intro__footer p {
	font-size:2.5vh;
	line-height:6vh;
	padding:0;
	color:#5d6169;
}
.intro__footer a {
	font-size:5vh;
	line-height:6vh;
	padding:0;
	margin:0;
	color:#5d6169;
}
.intro__footer a:hover {
	color:#44c6b5;
}
.footer_left {
	float:left;
	margin-left:10px;
}
.footer_right {
	float:right;
	margin-right:10px;
	text-align:right;
}
/*MENU*/
.nav__wrapper {
	width:100%;
	height:auto;
	min-height:80vh;
	position: relative;
	margin-top:4vh;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	background:none;
}
.menu_tagline {
	width:auto;
	padding:6px;
	letter-spacing: 1px;
	font-size: 40px;
	line-height: 40px;
	text-align:center;
	text-align:-moz-center;
    text-align:-webkit-center;
	color:#fc7142;
}
#grid_nav {
	width: 900px;
	height:900px;
	margin: 0 auto;
	padding: 0;
}
.item {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 5px;	
	
}
.menu_link a {
	color:#f8f8f8;
}
.menu_link a:hover {
	color: #f8f8f8;
}
.item .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
}
.item a h5 {
	position: absolute;
	padding: 6px;
	/*margin:3px;*/
	font-family: 'Comfortaa';
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
}
.link_text {
	background:rgba(46,50,62,0.7);
	border: 1px solid rgba(248,248,248,0);
}
.overlay:hover + .link_text, .link_text:hover {
	background:#fc7142;
	border-color:#fc7142;
}
.item .screen {
	width: 100%;
	height: 100%;
	position: relative;
	background: rgba(252,113,66,0);
}
.item .screen:hover {
	background: rgba(252,113,66,0.5);
	}
.item .social_link {
	padding:0;
	font-size: 75px;
	width: 100%;
	line-height: 100%;
	color: #f8f8f8;
	background: #44c6b5;
}
.social_link:hover {
	background: #fc7142;
	color: #f8f8f8;
}
.item_1 {
	width: 360px;
	height: 360px;
}
.item_2 {
	width: 360px;
	height: 450px;
}
.item_3 {
	width: 180px;
	height: 180px;
}
.item_4 {
	width: 360px;
	height: 270px;
}
.item_5 {
	width: 360px;
	height: 180px;
}
.item_6 {
	width: 180px;
	height: 450px;
}
.item_7 {
	width: 180px;
	height: 180px;
}
.item_8 {
	width: 720px;
	height: 180px;
}
#nav_about, #nav_listings, #nav_portfolio, #nav_services, #nav_corporate, #nav_contact, #nav_facebook, #nav_instagram {
	height: 100%;
	width: 100%;
}
#nav_about {
	background: url(../img/main-menu/about.jpg);
	background-size: cover;
	background-position: center center;
}
#nav_listings {
	background: url(../img/main-menu/listings.jpg);
	background-size: cover;
	background-position: center center;
}
#nav_portfolio {
	background: url(../img/main-menu/portfolio.jpg);
	background-size: cover;
	background-position: center center;
}
#nav_services {
	background: url(../img/main-menu/services.jpg);
	background-size: cover;
	background-position: center center;
}
#nav_contact {
	background: url(../img/main-menu/contact.jpg);
	background-size: cover;
	background-position: center center;
}
#nav_corporate {
	background: url(../img/main-menu/corporate.jpg);
	background-size: cover;
	background-position: center center;
}
#nav_facebook {
	width: 100%;
	height: 100%;
}
#nav_instagram {
	width: 100%;
	height: 100%;
}
/*TEXT*/
#nav_about h5 {
	right: 100%;
	-moz-transform-origin: right top;
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#nav_listings h5 {
	right:0;
	top: 0;
}
#nav_services h5 {
	top: 0;
}
#nav_contact h5 {
	bottom:0;
	left:0;
}
#nav_corporate h5 {
	left: 100%;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#nav_portfolio h5 {
	right:0;	
	bottom:0;
}

/**********INTRO TRANSITIONS*********************************************************************************/

.item, .item a, .item .screen, .intro_scroll {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
}

.item_1, .item_2, .item_3, .item_4, .item_5, .item_6, .item_7, .item_8, #grid_nav, .overlay, .link_text {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-timing-function: ease;
	
}