html {
height: 100%;
width:100%;
}
body {
height: 100%;
width:100%;
color: #fff;
font-family: 'Montserrat', Arial;
margin: 0;
padding: 0;
height: 100%;
width:100%;
background:#000;
font-size: 18px; 
}

a {
text-decoration:none;
color: #000;
}

b {
font-family: 'Montserrat', Arial;
}

table tr td {
border-spacing: 0; border-collapse: collapse ; border: none;
}

img {
    vertical-align: middle;
}

/**********BLOCS**********/

.bloc {
position:relative;
height: 100%;
width:100%;
}

.bloc_child {
position:absolute;
width:100%;
top:0;
left:-100%;
z-index:100;
}
.bloc_child_link{
position:absolute;
left:10%;
top:10%;
}

.loader{
width:100%;
text-align:center;
position:absolute;
top:48%;
z-index:2;
}

/***********HEADER***********/
#header {
position:fixed;
display:block;
z-index: 3;
}
#header-mobile {
position:fixed;
z-index: 3;
display:none;
}

/***********MENU***********/
/*#menu {
position: fixed;
right:2%;
top:100px;
z-index:2;
height: calc(100% - 100px);
font-family: 'Montserrat', Arial;
font-size:10px;
}

.menu_tab {
background:#000;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
height:11%;
margin-bottom:8%;
text-align:center;
cursor:pointer;
}

.menu_tab a {
color:#fff;
}

.menu_tab_active, .menu_tab_active_hover {
background:#0200f9;
}

#menu_open, #menu_close {
display:none;
}

.menu_tab_break {
width:100%;
}
*/

/***********CHILD BLOCS***********/


.bloc_child_nextprev {
position:absolute;
top:0;
height:100%;
width:100%;
text-align:center;
}

.bloc_child_next{
height: 5%;
text-align: left;
position: absolute;
left: 3%;
top:47%;
cursor:pointer;
}
.bloc_child_prev{
height: 5%;
text-align: right;
position: absolute;
right: 3%;
top:47%;
cursor:pointer;
}

.close {
position: absolute;
right: 3%;
top:6%;
text-align: right;
cursor:pointer;
height:4%;
}

.bloc_child_container {
position:absolute;
width:100%;
top:0;
left:-100%;
z-index:1;
}

/***********VIDEO POPUP***********/

#video_popup_container{
position:absolute;
width:100%;
height:100%;
top:-100%;
z-index:20000;
}
#video_popup_background{
opacity: 0.5;
position:absolute;
width:100%;
height:100%;
background:#000;
}
#video_popup_hide{
position: relative;
color: #fff;
font-size: 23px;
cursor:pointer;
}

/***********VIDEO***********/

#video_container{
position:absolute;
width:74.66%;
height:51%;
left:25.34%;
top:25.7%;

background:#666;
text-align: center;
}




/***********LINKS***********/
.bloc_child_link_detroit {position:absolute;top:25%;left:45%;width:10%;height:30%;cursor:pointer;border:0px solid red;}
.bloc_child_link_PSC {position:absolute;top:25%;left:69%;width:10%;height:30%;cursor:pointer;border:0px solid red;}
.bloc_child_link_earthship {position:absolute;top:70%;left:9%;width:10%;height:5%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_mail {position:absolute;top:48%;left:50%;width:23%;height:5%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_linkedin {position:absolute;top:42%;left:76%;width:14%;height:10%;cursor:pointer;border:0px solid red;}



/*******************************************************************************************IPHONE***********/
@media (max-width: 1000px) {


/***********HEADER***********/
#header {
display:none;
}

#header-mobile {
display:block;
}

#menu {
position: fixed;
top:-100%;
right:0%;
z-index:3;
height:100%;
width:100%;
background:#fff;
}

.menu_tab {
background:#fff;
border:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
height:auto;
margin-bottom:0%;
text-align:left;
cursor:pointer;
font-size:15px;
width:70%;
padding:2% 0% 0% 6%;
}
.menu_tab_2 {padding-top:32%;}

.menu_tab a {
color:#000;
white-space:nowrap;
}

.menu_tab_active a, .menu_tab_active_hover a {
color:#0200f9;
}

.menu_tab_break {
display:none;
}

#menu_open {
display:block;
position: fixed;
z-index:2;
/*! top:15px; */
width:100%;
}
#menu_open-graphic{
position:absolute;
height:calc(18.6vw - 40px);
right:4%;
top:20px;
text-align:right;
cursor:pointer;
}
#menu_open-logo{
position:absolute;
height:34%;
top:33%;
left:11%;
}

#menu_close {
display:block;
position: absolute;
width:100%;
background:#fff;
}
#menu_close-graphic{
position:absolute;
height:calc(18.6vw - 40px);
right:4%;
top:20px;
text-align:right;
cursor:pointer;
}

.bloc_child_next{
left: 7%;
top:3%;
}
.bloc_child_prev{
right:7%;
top:3%;
}

.close {
top:3%;
right:45%;
font-size: 30px;
}

    /***********VIDEO***********/

#video_container{
position:absolute;
width:100%;
height:16.7%;
left:0%;
top:38%;

}
    
/***********LINKS***********/






}/*IPHONE*/