/*****RESET U KNOW M8*******/
* {
	padding:0;
	margin:0;
	font-family:RalewayBold;
}

@font-face {
font-family:RalewayBold;
src: url("font/Raleway-Bold.otf") format("opentype");
}

@font-face {
font-family: RalewaySBold;
src: url("font/Raleway-SemiBold.otf") format("opentype");
}

video#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url(polina.jpg) no-repeat;
background-size: cover;
}

html,
body {
  height: 100%;
  width: 100%;
  overflow: auto;
}

/***** MAIN SHAPE SHIZZLE *******/

.sec	{
	height:821px;
	width:100%;
	overflow:hidden;
}
.sec:first-child	{
background-color:white;
}
.sec:nth-child(2) {
	background-color:#202020;
	height:auto;

}

.sec:nth-child(3) {
	height:600px;
}
.header {
	width:1280px;
	position:relative;
	margin:auto;
}

.scene {
	position:relative;
}
/***** HEADER *******/
.logo {

	height:227px;
	width:183px;
	background-image:url('images/logo.png');
	margin:auto;
	position:relative;
	z-index:3;
	top:243px;
}

.luc {
	width:1059px;
	height:959px;
	right:-200px;
	top:0;
	position:absolute;
	z-index:4;
	background-image:url('images/hederluc.png');
}

.backbrush1 {
	height:821px;
	width:1222px;
	background-image:url('images/shade1.png');
	position:absolute;
	left:-300px;
	top:0;
	overflow:hidden;
	z-index:3;
	background-repeat:no-repeat;
}
.backbrush2 {
	overflow:hidden;
	height:821px;
	width:1222px;
	background-image:url('images/shade2.png');
	position:absolute;
	left:-200px;
	top:0;
	z-index:3;
	background-repeat:no-repeat;
}


/***** REALISATION *******/

.contentrealisation {
	width:1222px;
	height:100%;
	margin:auto;
}

.tinyboxrigth {
	margin:0px;
margin-top:0px;
width:177px;
height:177px;
background-color:gray;
float:left;
position:relative;
}
.titlesec {
height:46px;
width:100%;
clear:left;
font-size:10px;
color:white;
position:relative;
}
.themboxes {
width:1045px;
height:100%;
float:right;
margin-top:116px;
}
.bigbox {
width:595px;
height:389px;
background-color:gray;
float:left;
position:relative;
}
.box3 {
	float:left;
	clear:both;
	margin-bottom:60px;
}
.tinybox {
margin:33px;
margin-top:0px;
width:177px;
height:177px;
background-color:gray;
float:left;
position:relative;
}
.sectioofbox {
	height:auto;
	width:auto;
	position:relative;
	overflow:hidden;
	
}
.sectioofbox:nth-child(2) .tinybox{
	margin-left:0px;
	clear:both;
}
.tinybox2{
float:right;
clear:both;
margin-top:-209px;
}

.sectioofbox:nth-child(2) .bigbox{
		float:none;
}
.sectioofbox:nth-child(3) .tinybox:nth-child(2){
		float:left;
}

.right {
	float:left;
	margin:0;
}
.left {
	float:left;
	clear:both;
}
.box {
	overflow:hidden;
}
.clear {
	clear:right;
}
.navlogo {
	background-image:url('images/navlogo.jpg');
	height:63px;
	width:66px;
	float:left;
	margin-top:87px;
	background-repeat:no-repeat;
	margin-left:30px;
}
.infobox {
	height:57px;
	width:100%;
	bottom:-97px;
	position:absolute;
	background-color:white;
	-webkit-transition: all 0.20s;
	transition: all 0.20s;
}

.box:hover .infobox {
	height:57px;
	width:100%;
	bottom:0;
	position:absolute;
	background-color:white;
	-webkit-transition: all 0.10s;
	transition: all 0.40s;
}

.infobox {
	padding:20px;
}
.infobox img {
	float:left;
	clear:left;
}

.infobox .play {
	float:right;
	clear:right;
	padding-right:40px;
}

.tinybox .infobox .play {
	float:right;
	clear:right;
	padding-right:30px;
}
.destext {
	float:left;
}
.infobox h1 {
	float:left;
	padding-left:20px;
	font-size:18px;
}

.tinybox .infobox h1 {
	float:left;
	padding-left:0px;
	font-size:12px;
	padding-top:10px;
	width:50px;
}

.infobox h2 {
	float:left;
	clear:left;
	padding-left:20px;
	font-size:20px;
	font-family: RalewaySBold;
}



.tinyboxrigth .infobox .play {
	float:right;
	clear:right;
	padding-right:30px;
}
.destext {
	float:left;
}
.infobox h1 {
	float:left;
	padding-left:20px;
	font-size:18px;
}

.tinyboxrigth .infobox h1 {
	float:left;
	padding-left:0px;
	font-size:12px;
	padding-top:10px;
	width:50px;
}

.infobox h2 {
	float:left;
	clear:left;
	padding-left:20px;
	font-size:20px;
	font-family: RalewaySBold;
}
/*TIMELINE SHIT*/

.timelinecontent {
	width:1280px;
	margin:auto;
}

.navlogos {
	height:400px;
	width:97px;
	padding-top:100px;
	clear:left;
	padding-left:33px;

}

.menus {
	height:673px;
}
.selectorfirst {
	height:560px;
	width:60px;
	background-image:url('images/leftselector.png');
	background-repeat:no-repeat;
	float:left;
	margin-top:40px;
}
.anavitem {
	height:100px;
	width:97px;
	float:left;
}
.firstmenu {
	width:375px;
	height:615px;
	background-color:#ffffff;
	float:left;
	left:-20px;
	position:relative;
}

.amenuitem {
	height:103px;
	width:375px;
	position:relative;
}

.amenuitem:hover {
	background-color:#202020;
	overflow:visible;

}
.navline
{
width:16px;
height:2px;
position:absolute;
left:-19px;
top:50px;
}

.amenuitem:hover .navline {
	background-color:white;
}

.arrow {
	height:8px;
	width:8px;
	background-image:url('images/arrow.png');
	left:93px;
	top:23px;
	position:absolute;
	display:none;
}

.anavitem:hover .arrow {
	display:inline;
}
.arrow .activenav {
	display:inline;
}

.tinybox3 {
margin-top:0px;
float:left;
position:absolute;
right:0px;
}
/***CONTACT***/

.contact
{
	height:323px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url('images/contact.png');
	margin:auto;
	margin-top:60px;
}

/****VIDEO PLAYER****/
.videoplayer {
	position:fixed;
	left:10%;
	top:10%;
	z-index:20000;
	height:80%;
	width:80%;
	background-color:gray;
	display:none;
}

.videoplayer iframe {
	margin:auto;
}
.videoid {
	display:none;
}
.thevideo {
	width:100%;
	height:100%;
}
.xfermer {
	height:20px;
	width:20px;
	background-color:white;
	position:absolute;
	right:20px;
	bottom:20px;
}