@charset "utf-8";
/* CSS Document */

body{ margin:0 auto; font-family: 'Lato', sans-serif; font-weight: 300; color:#575756; font-size:3em; margin-bottom:0;
overflow-x: hidden
}

#transparent

{
	position:fixed;
	background-color:#FFF;
	display:none;
	top:0;
	width:74%;
	height:120px;
	}

nav {
	
     clear:right;
     margin-left:1%;    
     color: #000;
	 margin-right:1%;
	 top:5px;
	 position:fixed;
	  z-index:5;
	 }
 
aside{ padding:0;  position:fixed; top:36px; z-index:3; width:100%;}
aside ul { margin-left:40%;}
aside li { padding:0px; padding-right:0.5em; margin:0; }

.strip { z-index:1; width:100%; height:110px; background:#FFF; position:fixed; top:0; }

#logo {
right:2%;
padding:0;
top:10px;
position:fixed; top:10px;
z-index:4;

}
 
 
 
ul {
     margin: 0;
     padding: 0;
	 margin-bottom:30px;
	 
}
 
li {
     float: left;
     list-style: none;
     margin-right: 10px;
     padding: 0 ;
	 font-size:0.8em;font-weight: 400; letter-spacing:0.1em;
     
}
li a{ text-decoration:none; color:#575756}


li a:visited { color:#575756; }
li a:hover   { color:#A51008; }

figure { margin:0; padding:0; clear:both; padding-top:3em; width:100%}
figure h1 { padding-top:0;margin-right:3%; margin-top:6%; padding-left:42px;  width:34%; color:#A51008; font-size:1.5em; font-weight:700; letter-spacing:0.075em; } 
figure img { width:100%; max-width:1530px; height:auto}

figure header {font-weight:700; letter-spacing:0.1em;  margin-bottom:0.5em}
figure a{padding-left:45%;}
figure a img { width:auto; height:auto; padding:0 auto; }

figure article {padding-top:0; padding-left:42px; margin-top:6%; margin-bottom:3em}
figure article span {font-weight:400;}




footer { width:100%; background-color:#575756; clear:both; padding:0; margin:0; height:10em; margin-top:3em; padding-left:1%; color:#FFF;  }
footer a {color:#FFF;font-size:1.3em; font-weight:700; letter-spacing:0.1em; padding:0; margin:0; text-decoration:none;}
footer p a {color:#FFF; font-size:1em; font-weight:300; letter-spacing:normal; padding:0; margin:0; text-decoration:none;}


/* ----------------- Animation ---------------------- */


#flip
{

}

#panel, #panel_2, #panel_3, #panel_5
{
	
padding:0;
display:none;
}

#panel2, #panel2_2, #panel2_3, #panel2_5
{
padding:0;
display:none;
}





/* ----------------- BOX ---------------------- */
        .white_content {
            display: none;
            position: fixed;
            top: 50px;
            left: 5%;
            width: 90%;
			font-size:0.8em;
            
            background-color: white;
            z-index:1001;            
        }
#light a {color:#575756}



#cf {
  position:relative;
   width:100%; max-width:1530px; height:auto; 
  margin:0 ;
}

#cf img.top:hover  {
  opacity:0;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}