*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
font-family: 'Lato', sans-serif;    color: #fff;
    background: #000;
    overflow: hidden;
    width: 100%;
    color:#000;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 14px;
}

.info {
width: 100%;
color: #333;
font-weight: 300;
letter-spacing: 1px;
font-size: 18px;
margin-top: -20px;
margin-bottom: 30px;
padding:0px 10%;
}

p {
color: #333;
margin: 0 auto;
text-align: left;
font-size: 1.1em;
}

p a:link{
color: black;
text-decoration: none;
border-bottom: 1px dashed #333;

}


a {
color: #333;
text-decoration: none;
cursor: pointer;
}

.pt-wrapper {
    position: relative;
    height: 100%;

    margin: 0 auto;
}

.pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.pt-page-current, .no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.no-js body {
    overflow: auto;
}

.pt-trigger-container {
    position: fixed;
    z-index: 999999;
   float:left;
   top: 5px;
   left:5px;
}



.pt-trigger {
    border: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    display: block;
font-family: 'Lato', sans-serif;    float: right;
	width:70px;
}

.pt-trigger-close {
    border: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    display: block;
font-family: 'Lato', sans-serif;    right: 5px;
	position: fixed;
	z-index: 99999;
	top: 5px;
}

.titre {
display:block;
margin-top: 0px;
}


#list2 { text-align: center ;}
#list2 ol {
color: #AAA;
padding-left: 0px;
max-width: 350px;
margin: 0 auto;
} 
#list2 ol li { border-bottom: 1px solid #222;}
#list2 ol li p { text-align: center ;font-style:italic; padding:25px; font-size:1.3em; color:#AAA; line-height: 1.4em; }
#list2 ol li a { padding:20px; color:#CCC; line-height: 1.2em; text-decoration: none; border-bottom: none;}

#list2 ol li p em { display:block; font-size:1.5em; font-style:normal;letter-spacing: 1px;color:#CCC;}

 
.menu {
text-align: center;
width: 100%;
bottom: 5%;
display: block;
position: fixed;
opacity: 0.25;
}


.pt-trigger1 {
    font-size: 16px;
    font-weight: 700;
    padding:8px 20px;
    letter-spacing: 1px;
    cursor: pointer;
	font-family: 'Lato', sans-serif;
	color: #333;
text-align: center;
margin: 0px auto;
display: inline;
background: #F1F1F1;
 -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
}

.info_btn {
    
    cursor: pointer;
	display: inline;

}

.info_btn a{
color: #F1F1F1;
}

.pt-trigger2 {

    font-size: 16px;
    font-weight: 700;
    padding:10px 10px;
    letter-spacing: 0px;
    cursor: pointer;
	font-family: 'Lato', sans-serif;
	color: #FFF; 
text-align: center;
margin: 0 auto;
display: inline;
background: #000;
margin-left: 5px;

 -moz-border-radius: 20px;
  -webkit-border-radius: 20px;}
  
.bullet a {
font-size: 1.6em;
font-weight: 300;
padding: 10px 10px;
cursor: pointer;
font-family: 'Lato', sans-serif;
color: #000;
text-align: center;
margin: 0 auto;
letter-spacing: 1px;
background: rgba(255,255,255,0.1);
margin-left: 3px;
opacity:0.9;
}

.bullet a:hover {
cursor: pointer;
color: #000;
background: rgba(255,255,255,0.4);
}


.bullet img {
margin-bottom:-2px;
}



.home_btn {
margin: 0 auto;
opacity: 0.8;
}

/* Page Styles */
.pt-page-ontop {
    z-index: 999;
}

.pt-page h1 {
    position: absolute;
    font-weight: 300;
    font-size: 2.4em;
    line-height: 1;
    letter-spacing: 6px;
    margin: 0;
    top: 1%;
    width: 100%;
    text-align: center;
    word-spacing: -0.3em;
}

h2 {
font-family: 'Lato', sans-serif;font-size: 3.2em;
font-weight: 300;
line-height: 1em;
display: inline-table;
padding: 8px;
color: #F1F1F1;
font-weight: 800;
letter-spacing: 2px;
margin-bottom: 0px;
margin-top: 0px;

}



h5{
	margin-top: 0px;
    font-size: 2em;
    letter-spacing:0px;
    display: block;
    color: #333;
text-align: left;
margin: 0 auto;
font-family: 'Lato', sans-serif;
font-weight: 600;

}

h6{
font-size: 1.5em;
letter-spacing: 2px;
padding-left: 5px;
color: #CCC;
position: static;
font-family: 'Lato', sans-serif;
display: block;
max-width: 500px;
margin: 0px auto;
font-weight: 600;
}

.info_text {
max-width:700px;
margin: 0 auto;
}


.blur img{
 position: fixed; 
  top: 0; 
  left: 0; 
	  min-width: 100%;
  min-height: 100%;
-webkit-filter: blur(80px) ;
    -moz-filter: blur(80px);
    -o-filter: blur(80px);
    -ms-filter: blur(80px);
    filter: blur(80px);
    opacity: 1;
    z-index: 1;

}

.pt-page-1 {
    background: #000  url(http://morg4n.com/test/vuesub/vid/back_blur.jpg) no-repeat center center ;
    	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.pt-page-1 {background:none;}

}



.pt-page-2 {
    background: #F1F1F1;

}

.pt-page-3 {
    background: #000;

}

.pt-page-4 {
    background: #000;
}

.pt-page-5 {
    background: #000;
}

.pt-page-6 {
    background: #000;
}

.pt-page-7 {
    background: #000;
}

.pt-page-8 {
    background: #000;
}

.pt-page-9 {
    background: #000;
}

.pt-page-10 {
    background: #000;
}

.pt-page-11 {
    background: #000;
}

.pt-page-12 {
    background: #000;
}

/*No Animation Support Message Style*/
.pt-message {
    display: none;
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #da475c;
    color: #fff;
    text-align: center;
}

.pt-message p {
    margin: 0;
    line-height: 60px;
    font-size: 26px;
}

.no-cssanimations .pt-message {
    display: block;
}


#container1 {
    position: relative;
    margin-top: 10px;
  }

  video, canvas {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;

  }
  video {
    height: 100%;
    position: absolute;
    
  }
  
  .vid {
max-width: 950px;
margin: 0 auto;
 }
  
  
  .absolute-center {
 display: table-cell;
   text-align: center;
   vertical-align: middle;

  }
  
  .center {
  display: table;
   width: 100%;
   height: 100%;

  }
  



  
 
  
  .logo {
top: 9%;
text-align: center;
position: fixed;
margin: 0 auto;
width:100%;

}
  

  
  .simple-video-wrapper {


}

.simple-video-overlay {
	background: rgba(0,0,0,0) url(http://morg4n.com/test/vuesub/vid/button.png) 50% 50% no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999999;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px 0 0 10px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 5% 2% 0%;
}
.col:first-child { margin-left: 3%; }
  

/*  GRID OF TWO   ============================================================================= */

	
.span_2_of_2 {
	width: 30%%;
	
}

.span_1_of_2 {
	width: 56%;
}




li {
color: #F1F1F1;
list-style: none;
text-align: left;
}










/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media screen and (max-width: 640px) {
 
 .vid {
width: 100%;
margin: 0 auto;
  }
  .center {
    display: table;
   width: 100%;
   height: 100%;
  }

h2 {
font-size: 2.8em;
line-height: 1em;
display:block;
width:300px;
letter-spacing: 3px;
margin: 0 auto;

}

  .scroll {
   height: 100%;
       overflow: scroll;

  } 

.info {
display: none;
}

h5{
	margin-top: 10px;
    font-size: 1.2em;
    letter-spacing:0px;
    display: block;
    margin-bottom: 0px;
    padding: 0 30px;

}

h6{
    font-size: 1em;
    letter-spacing:1px;
    	padding-left:5px;
    	max-width: 250px;
    	}
    	
   .span_2_of_2 {
	width: 95%;
}

.span_1_of_2 {
	width: 95%;
}

.home_btn img {
max-width:110px;
height: auto;
}

p {
padding: 0 30px;

}

.type-wrap{
font-size: 18px;
}

.bullet a{
}

.bullet img{
}

.pt-page-1 {
    background: #000  url(http://morg4n.com/test/vuesub/vid/back_blur.jpg) no-repeat center center ;
    	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.type-wrap{
	margin:0 auto;
	padding: 0 10px;
	font-size: 1.5em;
position: fixed;
top: 5%; 
width: 100%;
color: #E1E1E1;
opacity: 0.3;
}

.menu {
text-align: center;
width: 100%;
bottom: 5%;
display: block;
position: fixed;
opacity: 0.2;
}

}



@media screen and (min-width : 768px) 
and (max-width : 1024px) {
 .vid {
width: 100%;
margin: 0 auto;  
  }
  
    .center {
    display: table;
   width: 100%;
   height: 100%;
  }

}

absolute-center-warning { display: none; }
.center-warning { display: none; }
#warning-message { display: none; }
   @media screen and (max-device-width: 640px) and (orientation: landscape){
        .pt-wrapper { display:none; }
        #warning-message { display:block; }
         .absolute-center-warning {
 display: table-cell;
   text-align: center;
   vertical-align: middle;

  }
  
  .center-warning {
  display: table;
   width: 100%;
   height: 100%;

  }
    } 
    @media screen and (max-device-width: 640px) and (orientation: portrait){
        #warning-message { display:none; }
    }
    





.type-wrap{
	margin:0 auto;
	padding: 0 20px;
	font-size: 1.4em;
position: fixed;
top: 5%; 
width: 100%;
color: #E1E1E1;
opacity: 0.4;
}





.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('http://morg4n.com/test/vuesub/vid/loading_vue.gif') 50% 50% no-repeat rgb(0,0,0);
}

.slider1 .slide : {text-align: center}
.slider1 .slide img {display: inline; width: auto}