*
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	

}

/*
body
{
	height: 100%; overflow-y: auto; margin: 0;
	-webkit-overflow-scrolling: touch;
}
*/

html
{
	overflow-y:scroll;
}

body
{
	font-size:16px;
	font-family: "Open Sans";
}

a
{
	color:inherit;
	text-decoration: none;
}

img
{
	display:block;
}

#construction
{
	position: fixed;
	width:100%;
	height:100%;
	background-image: url(../images/construction.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-color: #000;
}

#placeholder
{
	width:1280px;
	background-color: rgba(255,0,0,0.1);
	height:100%;
	position: fixed;
	z-index: 100;
	top:0;
	left:50%;

	margin-left:-640px;
}

#placeholder3
{
	width:640px;
	background-color: rgba(0,0,255,0.1);
	height:100%;
	position: fixed;
	z-index: 100;
	top:0;
	left:50%;

	margin-left:-320px;
}


#placeholder2
{
	width:960px;
	background-color: rgba(0,255,0,0.1);
	height:100%;
	position: fixed;
	z-index: 100;
	top:0;
	left:50%;

	margin-left:-480px;
}


#header
{
	position:fixed;
	top:0;
	width:100%;
	left:0;
	overflow: hidden;
	background-image: url(../images/header_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1001;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
}

#header_content
{
	/*width:1024px;*/
	overflow: hidden;
	/*margin:auto;*/
	background-color: rgba(0, 0, 0, 0.25);
}

#logo
{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:25px;
	padding-right:25px;
	float:left;
	background-color: #000;
}

#logo img
{
    height:21px;
}

#menu
{
	float:right;
	color:#fff;
	overflow: hidden;
	font-weight:600;
	font-size:0.7em;
	margin-top:14px;

}

#menu a
{
	float:left;
	color: #fff;
	padding-right:40px;
	padding-left:40px;
	border-right:2px solid #fff;
	padding-top:5px;
	padding-bottom:5px;
	opacity: 0.8;
}

#menu a:nth-child(4)
{
	border-right:0 !important;
}

#menu a.toggle_menu
{
	display:none;
}


#menu li
{


	text-transform: uppercase;
}

#slogan
{
	position:absolute;
	top:80px;
	width:100%;
	left:0;
	letter-spacing: 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight:300;
	font-size:0.8em;
	z-index: 200;
	color:#fff;
	z-index: 1000
}

#slogan>span
{
	letter-spacing: 0;
}

#footer
{
	position: fixed;
	bottom: 0px;
	width:100%;
	left:0;
	color:#fff;
	padding:15px 25px 15px 25px;
	overflow: hidden;
	/*background-color: rgba(147, 149, 152, 0.9);*/
	z-index:1000;
}

#madein
{
	float:left;
}

#madein img
{
	vertical-align: middle;
	display:inline-block;
}

#madein span
{
	vertical-align: middle;
	font-weight:700;
	font-size:1.2em;
	display:inline-block;
	margin-left: 15px;
}

#social
{
	float: right;
}

#copyright
{
	font-size:0.9em;
	font-weight:300;
	vertical-align: middle;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

#social img
{
	display:inline-block;
	vertical-align: middle;
	margin-left:15px;
}


#homepage_pager
{
	position: fixed;
	right:40px;
	color:#fff;
	z-index: 200;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size:;
	background-image:url(../images/homepage/arrow.png);
	padding-bottom: 30px;
	bottom:100px;
}

#homepage_pager>a
{
	display:block;
	text-transform: uppercase;
	margin-bottom: 1em;
	text-align: right;
	opacity:0.8;
	cursor: pointer;
}

#homepage_pager>a:last-child
{
	margin-bottom: 0 !important;
}

#homepage_pager>a.active
{
	opacity: 1;
}

#homepage_pager>a>strong
{
	font-weight:700;
}

div.panel
{
	/*background-color: #f33;*/
	min-height:100px;
	margin:auto;
	background-position: center 10%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

div.panel_bg
{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.5s 0.5s ease;

}

div.panel_content
{
	margin-top:150px;
	position: absolute;
	left:100%;
	border-left: 2px solid #fff;
	padding-left:30px;
	color:#fff;
	width:512px;
	z-index: 999;
	opacity: 0;
    transition: all 1s 0.5s ease;
}

div.panel_bg.active
{
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.4);
}

div.panel_content.left.active, div.panel_content.active
{
	opacity: 1;
	left:50%;
}

div.panel_content>h1
{
	font-size:4.8em;
    font-family:'Avenir LT W01_35 Light1475496';
	text-transform: uppercase;
	margin-bottom: 20px;
}

div.panel_content>p
{
	font-size:1.3em;
	font-weight:300;
	text-align:;
	line-height: 1.5;
}

div.panel_content.left
{
	margin-left:-512px;
	left:-100%;

}


div.panel:nth-child(1)
{
	background-image:url("../images/homepage/1.jpg");
}

div.panel:nth-child(2)
{
	background-image:url("../images/homepage/2.jpg");
}

div.panel:nth-child(3)
{
	background-image:url("../images/homepage/3.jpg");
}

div.panel:nth-child(4)
{
	background-image:url("../images/homepage/4.jpg");
}

#oscar
{
	position: absolute;
	left:40px;
	color:#fff;
	width:300px;
	bottom: 0;
	opacity:0;
    transition: all 0.5s 0.5s ease;

}

#oscar.active
{
	bottom:100px;
	opacity:1;
}

#oscar>h1
{
	font-size:1.2em;
	font-weight:600;
	margin-bottom: 5px;
}

#oscar>h2
{
	font-weight:600;
	font-size:1em;
	margin-bottom: 10px;
	
}


#oscar>p
{
	font-size:0.8em;
	line-height: 1.4;
	text-align: justify;

}



/*
@media screen and (max-width: 1920px) {



};
*/

@media screen and (max-width: 1280px) {

	div.panel_content
	{
		width:360px;
		font-size:0.8em;

	}

	#slogan
	{
		letter-spacing: 15px
	}

	div.panel_content.left
	{
		margin-left:-360px;
	}

	#homepage_pager
	{
		font-size:0.8em;
	}


}

@media screen and (max-width: 960px), screen and (max-height: 640px) {

	div.panel_content
	{
		width:280px;
		font-size:0.7em;

	}

	#slogan
	{
		letter-spacing: 7px;
		top:130px;
	}

	div.panel_content.left
	{
		margin-left:-280px;
	}

	#logo
	{
		float:none;
	}

	#logo img
	{
		margin:auto;
	}

	#menu
	{
		float:none;
		text-align: center;
		margin-bottom: 14px;
	}

	#menu a
	{
		float:none;
		display:inline-block;
	}

	#copyright
	{
		display:none;
	}

}


@media screen and (max-width: 640px), screen and (max-height: 640px) {

	#menu a:not(.toggle_menu) li
	{
		padding-top:8px;
		padding-bottom:8px;
		padding-top:8px;
		padding-bottom:8px;
		margin-left:4px;
		margin-right:4px;
	}

	#menu a
	{
		float:none;	
		/*display:none;*/
		border:0;
		padding-left:5px;
		padding-right:5px;
	}

	#menu a.toggle_menu
	{
		font-size:1.3em;
		display:block;
		cursor: pointer;
	}

    div.panel_content.left.active
    {
        left:auto;
    }


	#slogan
	{
		font-size:0.7em;
		letter-spacing: 3px;
		line-height: 1.4;
        top:100px;

	}

	div.panel
	{
		/*height:auto !important;*/
	}

	div.panel:nth-child(n+2)
	{
		padding-top: 0 !important;
	}

	div.panel:nth-child(4)
	{
		padding-bottom: 50px !important;
	}

	div.panel_content
	{
		width:80%;
		left:auto;
		right:auto;
		top:auto;
		left:auto;
		/*margin:auto !important;
		margin-top:40px !important;
		margin-bottom:40px !important;*/
		margin-left:auto !important;
		margin-right:auto !important;
		position: relative;
		bottom:10%;
		border-left:0;
		padding-left:0;
		text-align: center;
	}

	div.panel_content.active
	{
		opacity: 1;
		left:auto;
		bottom:0;
	}

	#homepage_pager
	{
		display:none;
	}

	div.panel_content>h1
	{
		font-size:3em;
		text-align: center;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
		border-bottom: 2px solid #C1882C;
		display:inline-block;
	}


	div.panel_content>p
	{
		font-size: 1.5em;
		text-align: center;
	}
	#madein
	{
		display:none;
	}

	#menu
	{
		margin-top:0px;
		margin-bottom:0px;
	}

	#logo img
	{
	  max-width: 100%;
	}

	#oscar
	{
		display:none;
	}
}