*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0; font-family: "EB Garamond","Helvetica Neue", sans-serif; }
table { border-collapse:collapse; border-spacing:0 }
iframe { border: 0; margin: 0; padding: 0; }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/*body { background: #000; color: #fff; }*/
div#browserno { background-color: #f00; width: 100%; text-align: center; position: absolute; z-index: 99402; top: 0; left: 0; }
div#browserno div.padded { padding: 30px 20px 10px 20px; font-size: 1.2em; color: #fff; }

div.migrants_top { 
	text-align: center; 
	background: #ff5a00 url(../../art/m_bg.jpg) repeat-x; 
	width: 100%; height: 98%; 
	position: relative; 
	-moz-background-size: 100% 100%; 
	-webkit-background-size: 100% 100%; 
	background-size: 100% 100%; }

.vertical_line {
	background: url(../../art/periphery/b_line.png) repeat-y; 
	width: 3px; 
	position: absolute;
	height: 600px;
	top: 210px;
}

.vertical_linewhite {
	background: url(../../art/periphery/b_linewhite.png) repeat-y;
	width: 3px;
	position: absolute;

	overflow: hidden;
	opacity: 0.6;
}

div.migrants_top div#migrants_line1 { 
	left: 201px; }

div.migrants_top div#migrants_line2 { 
	left: 450px; }

div.migrants_top div#migrants_line3 { 
	left: 700px; }

div#migrants_main div#migrants_wline1 {
	left: 201px;
}

div#migrants_main div#migrants_wline2 {
	left: 450px
}

div#migrants_main div#migrants_wline3 {
	left: 700px;
}

div #migrants_titleline {
	position: relative;
	text-align: center;
	left: -110;
	top: -55;
}

div#migrants_top h1 { color: #000; /*padding-top: 8px;*/ font-size: 2.1em; }

div.migrants_top div.migrantsmore { position: absolute; width: 127px; height: 45px; cursor: pointer; z-index: 5; background: url(../../art/migrants/migrants_more.png) no-repeat; pointer-events: all; }
div.migrants_top div#migrants_structure { 
	width: 731px; height: 392px; 
	padding-top: 80px; 
	text-align: center; 
	position: absolute; 
	margin: 0; 
	padding: 0; 
	background: url(../../art/migrants/migrants_circles.png); }

div.migrants_intro { 
	text-align: center; 
	position: relative; 
	margin: auto; 
	width: 900px; 
	height: 500px; 
	background: url(../../art/migrants/migrants_circles.png); 
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 22;}
div.migrants_intro p { position: absolute; color: #000; font-size: 18px; margin: 0; padding: 0; }
div.migrants_intro p#m_a { 
	text-align: center; 
	padding-left: 235px;
	top: -8;
	width: 354;
	z-index: 1; }
div.migrants_intro p#m_a2 { 
	text-align: center; 
	padding-left: 474px;
	top: -8;
	width: 340;
	z-index: 1; }
div.migrants_intro p#m_b { top: 190px; left: 260px; width: 220px; z-index: 2; }
div.migrants_intro p#m_c { top: 310px; left: 302px; width: 180px; text-align: right;}
div.migrants_intro p#m_d { top: 190px; left: 410px; width: 220px;}
div.migrants_intro p#m_e { top: 468px; left: 170px; width: 551px;}
div.migrants_intro p#m_f { top: 0px; left: 200px; width: 500px; opacity:0.5;}
div.migrants_intro p#m_g { top: 33px; left: 200px; width: 500px; opacity:1.0;}
div.migrants_intro p#m_h { top: 228px; left: 426px; width: 500px; opacity:0.5;}
div.migrants_intro p#m_i { top: 450px; left: 200px; width: 500px; opacity:0.5;}
div.migrants_intro p#m_j { top: 228px; left: -27px; width: 500px; opacity:0.5;}

div#migrants_main { 
	position: relative; 
	width: 100%; height: 100%; 
	text-align: center; 
	background: #000; 
	pointer-events: all; }

div#m_instructions { 
	position: absolute; 
	z-index: 80; 
/*	cursor: pointer; */
	background: rgba(0,0,0,.6); 
	height: 100%; 
	width: 100%; 
/*	margin-top: 20%;
	padding: 60 120 20 120;*/
/*	left: 150;*/
	top: 0;
	margin: 0 auto;
	text-align: center; }

div#m_instructions p.minst_0 { /*top: 90;*/ width: 130; float: left; /*clear:both;*/}
div#m_instructions p.minst_1 { color: #ff5a00; float: right; /*clear:both;*/ width: 150;}
div#m_instructions p#minst_2 { color: #fff; font-size: 1.1em; position: absolute; /*top: -50%; */ left: 40%;width: 263; }
div#m_instructions p#minst_3 { position: absolute; font-size: 1.1em; /*top: 125%; */ left: 42%; width: 210;}

div#migrants_main div#migrants_linewhite { background: url(../../art/periphery/b_linewhite.png) repeat-y; width: 3px; position: absolute; z-index: 1; }
#migrants_main div#m_legmore { position: absolute; z-index: 10; bottom: 30; width: 127px; height: 45px; cursor: pointer; background: url(../../art/periphery/leg_more.png) no-repeat; }

div#migrants_main #m_outerouter {
	text-align: center;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
/*	opacity: 0.9;*/
	overflow: hidden;
}

#migrants_main .home_button {
	z-index: 5; opacity: 0.5; 
}

div.migrants_bottom {
	text-align: center; 
	background: #ff5a00 url(../../art/m_bg_b.jpg) bottom left  repeat-x; 
	width: 100%;
	height: 100%;
	background-size: : 100%;
	position: relative ;
	clear: both;
	pointer-events: all;
}
div.migrants_bottom div.inner { overflow: hidden; height: 100%;}
div#migrants_bottom h2 { color: #000; padding-bottom: 8px; font-size: 1.6em; text-align: center; }
div.migrants_bottom div#migrants_bottomtitle { z-index: 1; position: absolute; bottom: 25; width: 100%; text-align: center; }
div.migrants_bottom div#mbottom_structure { z-index: 2; position: relative; margin:0 auto; width: 838px; height: 751px; background: url(../../art/migrants/migrants_bottomstructure.png) no-repeat }
div.migrants_bottom div#mbottom_structure div { text-align: left;  padding: 55px 0 0 175px; width: 506px;  color: #000; }
div.migrants_bottom div#mbottom_structure div p { margin: 1.1em 0; }
div.migrants_bottom div#mbottom_structure div a { color: 000; }
#migrants_bottom .home_button {
	z-index: 2; opacity: 1;
}

div#migrants_main #m_outerouter #m_outerinner {
/*	height: 480px;*/
	/*margin: 150 auto;*/
	/*margin: 100 auto;*/
/*	margin: 290 auto;*/
	position: relative;
    transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
	text-align: left;
	width:1280px;	
	height:inherit;
	margin:auto;
}


#m_outerinner #m_container {
	position: absolute;
	height: 264px;
	width: 1280px;
	/*top: 245px;*/
	top: 50%;
	margin-top: -132px;
	left: 50%;
	margin-left: -640px;
    transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
	perspective: 1000;	
	-webkit-perspective: 1000;	
	 z-index: 1;
}

.coming_soon {
	background: url(../../art/coming_soon_white.png); 
	width: 177px;
	height: 177px;
	position: relative;
	z-index: 5;
	left: 360px;
	top: 300px;
}

.more_button{
	position: absolute;
	width:127px;
	height: 45px;
	cursor: pointer;
	z-index: 5;
	background: url(../../art/more_button.png) no-repeat; 
	pointer-events: all;
}

#migrants_wrapper {
	position: relative;
	width: auto;
	height: auto;
}

#m_outerinner #m_scrubber {
	width: 1280px;
	float: right;
	/*margin: 17px 15px 9px 0px;*/
	height: 2px; background-color: #888; position: relative;
}

#m_outerinner #m_scrubber #m_progress {
	width: 0;
	position: absolute;
	height: 2px;
	top: 0;
	background-color: #ff5a00;
}

#m_endscreen #m_complete {
	position: absolute;
	z-index: 20;
	text-align: center;
	top: 15%;
	left: 45%;
		color: #ff5a00;
	font-style: normal;
	font-size: 1.1em;
}

#m_endscreen #m_complete p {
	color: #ff5a00;
	font-style: normal;
	font-size: 1.1em;
}

#m_outerinner #m_endscreen #m_download {
	position: absolute;
	z-index: 20;
	top: 47%;
	left: 46.25%;
	width: 100;
	text-align: center;
}

#m_outerinner #holder {
	position: relative;
	margin: 0 auto;
	z-index: 100;
	cursor: pointer;
}

#m_outerinner #migrants_video {
	position: relative;
	width: 100%;
	height: 100%;
}