@charset 'utf-8'; /*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~——————————————————~~~~~~~~~~~~~~~~~~  M A I N   —   C A S C A D I N G – S T Y L E – S H E E T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R A W   T A G S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ @ F O N T - F A C E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G E N E R A L.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RESET */

.archive-banner {
	background-color: #d9534f;
	color: white;
	padding: 10px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

* {
	margin           : 0px;
	padding          : 0px;
	border           : none;
	outline          : none;
	text-decoration  : none;
	list-style       : none;
	font-weight      : normal;
	text-rendering   : optimizeLegibility;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	-webkit-font-smoothing : antialiased;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}
html {
	direction        : ltr;
	width            : 100%;
	height           : 100%;
	font-size        : 62.5%;
	-ms-text-size-adjust     : 100%;
	-webkit-text-size-adjust : 100%;
}
body {
	z-index          : 1;
	width            : 100%;
	height           : 100%;
	overflow-x       : hidden;
	overflow-y       : scroll;
	font             : normal 200 1.6em Raleway, Arial, Helvetica, sans-serif;
	background       : #111111;
	color            : #3b3b3b;
}
a:link, a:visited {
	text-decoration  : underline;
}
a:hover {
	text-decoration  : none;
}
a img, img, map {
	border           : none;
}
p, span, br, a, h1, h2, h3, h4, h5, h6, ul, li, strong, em, u, dfn, sub, sup, cite {
	line-height      : inherit;
	text-align       : inherit;
	text-transform   : inherit;
	font-style       : inherit;
	font-weight      : inherit;
	font-family      : inherit;
	font-size        : inherit;
	letter-spacing   : inherit;
	color            : inherit;
}
strong {
	font-weight      : 700;
}
em {
	font-style       : italic;
}
dfn {
	font-style       : normal;
	font-weight      : normal;
}
p {
	margin-bottom    : 0.8em;
	line-height      : 1.5em;
}
hr, div.hr {
	display          : block;
	clear            : both;
	width            : 100%;
	height           : 0px;
	margin           : 20px 0px;
	padding          : 0px;
	border-top       : 1px solid #ffffff;
	border-bottom    : 1px solid #dadada;
	background       : transparent;
}
table {
	border-collapse  : collapse;
	border-spacing   : 0;
}
.hide {
	display          : none;
}
.hidden {
	display          : none !important;
}
.clearfix:before, .clearfix:after {
	content          : '';
	display          : table;
}
.clearfix:after {
	clear            : both;
}
.clearfix {
	zoom             : 1;
}
::selection {
	background-color : #f0f0f0;
}
::-moz-selection {
	background-color : #f0f0f0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ F O R M.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form, fieldset, input {
	display          : block;
	overflow         : hidden;
	margin           : 0px;
	padding          : 0px;
	border           : none;
}
fieldset {
	border           : none;
}
legend {
	display          : none;
}
label {
	display          : block;
}
input {
	padding          : 0px;
	margin           : 0px;
}
input[type='hidden'] {
	display          : none;
}
input[type='text'], input[type='password'], input[type='email'], input[type='file'], textarea, select {
	display          : block;
	margin           : 0px;
	padding          : 7px 6px;
	outline          : none;
	color            : #ffffff;
	border           : 1px solid #ffffff;
	font             : normal 200 1em Raleway, Arial, Helvetica, sans-serif;
	background       : transparent;
	-webkit-border-radius : 4px;
	border-radius         : 4px;
	-webkit-transition : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
input[type='text']:hover, input[type='email']:hover {
	border           : 1px solid #b40628;
}
option {
	font-size        : 12px;
}

input:focus, textarea:focus, select:focus {
	border           : 1px solid #b40628;
	background       : transparent;
}

input[type='submit'], input[type='button'] {
	display          : block;
	margin           : 0px;
	padding          : 15px 20px;
	color            : rgba(255, 255, 255, 0.9);
	background-color : #b40628;
	border           : none;
	cursor           : pointer;
	text-align       : center;
	text-decoration  : none;
	font             : normal bold 1em Raleway, Arial, Helvetica, sans-serif;
	text-transform   : uppercase;
	-webkit-border-radius : 4px;
	border-radius         : 4px;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	-webkit-transition : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
input[type='submit']:hover, input[type='button']:hover {
	text-decoration  : none;
	color            : #222222;
	background       : #ffffff;
}
input[type='radio'] {
	display          : inline;
	margin           : 0px 3px;
}
button {
	display          : block;
	text-decoration  : none;
	cursor           : pointer;
	font             : normal normal 1em sans-serif;
}

textarea {
	height           : 100px;
	min-height       : 100px;
	overflow         : auto;
	resize           : none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ S I T E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~ SITE WRAPPER */
#siteFrame {
	position         : relative;
	width            : 100%;
	height           : 100%;
}
[id^='site']:before, [id^='site']:after {
	content          : '';
	display          : table;
}
[id^='site']:after {
	clear            : both;
}
[id^='site'] {
	zoom             : 1;
}
#mediaQueries {
	display          : none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE HEADER */
#siteHeader {
	position         : absolute;
	display          : block;
	width            : 100%;
	height           : 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE BODY */
#skrollr-body {
	display          : block;
	position         : relative;
	overflow         : visible;
	width            : 100%;
	height           : 100%;
}
.skrollr-desktop body {
	height           : 100% !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE FOOTER */
#siteFooter {
	z-index          : -1;
	position         : fixed;
	display          : block;
	width            : 100%;
	height           : 100%;
	top              : 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~ SITE LOADING */
#siteLoading {
	z-index          : 1000;
	display          : table;
	position         : fixed;
	width            : 100%;
	height           : 100%;
	top              : 0px;
	left             : 0px;
	opacity          : 1;
	visibility       : visible;
	background: rgba(176,176,176,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(176,176,176,1) 0%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(176,176,176,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(176,176,176,1) 0%, rgba(254,254,254,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(176,176,176,1) 0%, rgba(254,254,254,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(176,176,176,1) 0%, rgba(254,254,254,1) 100%);
	background: radial-gradient(ellipse at center, rgba(176,176,176,1) 0%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b0b0', endColorstr='#fefefe', GradientType=1 );
	-webkit-transition : opacity 1s ease, visibility 0s 1s;
	-moz-transition    : opacity 1s ease, visibility 0s 1s;
	-o-transition      : opacity 1s ease, visibility 0s 1s;
	-ms-transition     : opacity 1s ease, visibility 0s 1s;
	transition         : opacity 1s ease, visibility 0s 1s;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~ LOADING PAGE */
#siteLoading span {
	display          : table-cell;
	text-align       : center;
	vertical-align   : middle;
}
#siteLoading small {
	display          : block;
	font             : 900 8em/0.9em 'Playfair Display';
	margin-top       : 20px;
	color            : #222222;
}
.isready.imagesloaded #siteLoading {
	opacity          : 0;
	visibility       : hidden;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER LOGO */
#headerLogo {
	z-index          : 2;
	position         : absolute;
	left             : 40px;
	top              : 40px;
	color            : #ffffff;
	font-size        : 0.9em;
	font-weight      : bold;
}
#reportLink {
	display          : inline-block;
	width            : 50px;
	margin-right     : 6px;
	padding          : 4px 0px;
	font-size        : 0.8em;
	text-decoration  : none;
	border-top       : 1px solid #ffffff;
	border-bottom    : 1px solid #ffffff;
	vertical-align   : -70%;
}
#reportLink:hover {
	border-color     : transparent;
}
#headerLogo img, #headerLogo hr {
	vertical-align   : -45%;
}
#headerLogo hr {
	display          : inline-block;
	width            : 0px;
	height           : 50px;
	margin           : -10px 10px -10px 10px;
	padding          : 0px;
	border-left      : 1px solid #ffffff;
	border-right     : 1px solid #ffffff;
	background       : transparent;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER MENU */
#headerMenuNav {
	z-index          : 10;
	position         : fixed;
	width            : 300px;
	height           : 180px;
	top              : 50%;
	left             : 20px;
	margin-top       : -100px;
}
#headerMenuLines {
	position         : absolute;
	width            : 2px;
	height           : 100%;
	left             : 24px;
	background       : #cccccc;
}
#headerMenuLines div {
	height           : 0px;
	top              : 0px;
	background       : #b40628;
}
#headerMenuList {
	position         : absolute;
	width            : 100%;
	height           : 100%;
	left             : 0px;
}
#headerMenuList li {
	position         : absolute;
	width            : 100%;
	left             : 0px;
	/*left             : 50%;*/
	/*margin-left      : -9px;*/
	margin-top       : -10px;
}
#headerMenuList li:nth-child(1) {
	top              : 0%;
}
#headerMenuList li:nth-child(2) {
	top              : 16.666%;
}
#headerMenuList li:nth-child(3) {
	top              : 33.333%;
}
#headerMenuList li:nth-child(4) {
	top              : 50%;
}
#headerMenuList li:nth-child(5) {
	top              : 66.666%;
}
#headerMenuList li:nth-child(6) {
	top              : 83.333%;
}
#headerMenuList li:nth-child(7) {
	top              : 100%;
}
#headerMenuList li a {
	position         : relative;
	display          : inline-block;
	height           : 100%;
	padding-left     : 40px;
	text-decoration  : none;
	font-size        : 0.8em;
}

#headerMenuList li a span {
	display          : inline-block;
	margin-left      : 10px;
	padding          : 5px;
	color            : #222222;
	background       : rgba(255, 255, 255, 0.9);
	opacity          : 0;
	border-radius    : 2px;
	-webkit-transition : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#headerMenuList li a:hover span {
	margin-left      : 0px;
	opacity          : 1;
	background       : rgba(255, 255, 255, 0.9);
}
#headerMenuList li a:after {
	content          : '';
	position         : absolute;
	display          : block;
	overflow         : hidden;
	width            : 12px;
	height           : 12px;
	left             : 19px;
	top              : 6px;
	text-indent      : -10000px;
	border-radius    : 50%;
	background       : #ffffff;
	border           : 2px solid #cccccc;
	-webkit-transform  : scale(1);
	-moz-transform     : scale(1);
	transform          : scale(1);
	-webkit-transition : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	-webkit-transform-origin  : 50% 50%;
	-moz-transform-origin     : 50% 50%;
	transform-origin          : 50% 50%;
}
#headerMenuList li a:hover:after {
	-webkit-transform  : scale(0.8);
	-moz-transform     : scale(0.8);
	transform          : scale(0.8);
}
#headerMenuList li.active a:after, #headerMenuList li.skrollable-after a:after {
	text-indent      : -10000px;
	border-radius    : 50%;
	background       : #b40628;
	border           : 2px solid #b40628;
	-webkit-transform  : scale(1.5);
	-moz-transform     : scale(1.5);
	transform          : scale(1.5);
}
#headerMenuList li.active a:hover:after, #headerMenuList li.skrollable-after a:hover:after {
	-webkit-transform  : scale(1.2);
	-moz-transform     : scale(1.2);
	transform          : scale(1.2);
	background       : #ffffff;
	border-width     : 3px;
}
#headerMenuList li a:before {
	content          : '';
	position         : absolute;
	display          : block;
	width            : 30px;
	height           : 30px;
	top              : -3px;
	left             : 10px;
	border-radius    : 100%;
	pointer-events   : none;
	opacity          : 1;
	border             : 4px solid rgba(180, 6, 40, 0);
	-webkit-box-shadow : 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
	box-shadow         : 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
	-webkit-transform  : scale(0.1);
	-moz-transform     : scale(0.1);
	transform          : scale(0.1);
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
}
#headerMenuList li.active a:before, #headerMenuList li.skrollable-after a:before {
	border             : 4px solid rgba(180, 6, 40, 1);
	-webkit-box-shadow : 0px 0px 8px 2px rgba(180, 6, 40, 1);
	box-shadow         : 0px 0px 8px 2px rgba(180, 6, 40, 1);
	opacity            : 0;
	-webkit-transform  : scale(1.8);
	-moz-transform     : scale(1.8);
	transform          : scale(1.8);
	-webkit-transition : all 0.8s ease;
	-moz-transition    : all 0.8s ease;
	-o-transition      : all 0.8s ease;
	-ms-transition     : all 0.8s ease;
	transition         : all 0.8s ease;
}

/*~~~~ Menu collapse button */
#headerMenuButton {
	display          : block;
	display          : none;
	position         : absolute;
	right            : 0px;
	top              : 0px;
	padding          : 15px 13px;
	font-size        : 1.2em;
	border           : none;
	text-decoration  : none;
	color            : rgba(0,0,0,1);
	background       : none;
	opacity          : 1;
	-moz-border-radius : 0px;
	border-radius      : 0px;
	display         : none;
}
#headerMenuButton:hover {
	opacity          : 0.6;
}

/*~~~~~~~~~~~~~~~ HEADER LANGUAGES */
#headerLanguageList {
	z-index          : 3;
	position         : fixed;
	display          : block;
	overflow         : hidden;
	height           : 36px;
	top              : 0px;
	right            : 30px;
	-webkit-transition : all 0.3s ease;
	-moz-transition    : all 0.3s ease;
	-o-transition      : all 0.3s ease;
	-ms-transition     : all 0.3s ease;
	transition         : all 0.3s ease;
}
#headerLanguageList li {
	float            : left;
	position         : relative;
	overflow         : hidden;
	width            : 38px;
	height           : 100%;
	margin           : 0px 1px 0px 1px;
}

#headerLanguageList li a {
	position         : absolute;
	display          : block;
	font-size        : 0.8em;
	width            : 38px;
	height           : 36px;
	line-height      : 36px;
	top              : 0px;
	color            : #ffffff;
	text-decoration  : none;
	text-align       : center;
	text-transform   : uppercase;
	background       : rgba(0, 0, 0, 0.6);
	-webkit-transition : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#headerLanguageList li a:before {
	content          : attr(data-iso);
	position         : absolute;
	display          : block;
	width            : 38px;
	height           : 36px;
	top              : -36px;
	color            : #ffffff;
	background       : #b40628;
}
#headerLanguageList li a:hover {
	top              : 36px;
}
#headerLanguageList li a:before:hover {
	top              : 0px;
}
#headerLanguageList li a.active {
	top              : 0px;
	color            : #222222;
	background       : #ffffff;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ B O D Y.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bodyFrame {
	height           : 100%;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H O M E P A G E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Scroll progression */
#scrollProgress {
	z-index          : 200;
	position         : fixed;
	height           : 6px;
	top              : 0px;
	background       : #f5f5f5;
	-webkit-box-shadow : 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
	box-shadow         : 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

/*~~~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGES */
.backgroundImage {
	display          : none;
}
figure {
	width            : 100%;
	height           : 70%;
	margin-top       : -200px;
}
#backgroundFigure-1 {
	background       : transparent url('../graphics/slider/cambodia_phnom-penh-borei-keila_police-charge.jpg') no-repeat scroll center center / cover;
}
#backgroundFigure-2 {
	background       : transparent url('../graphics/slider/guatemala_gold-mining-project-el-tambor.jpg') no-repeat scroll center center / cover;
}
#backgroundFigure-3 {
	background       : transparent url('../graphics/slider/honduras_tegucigalpa_movimiento-unificado-campesino-del-aguan_police-escort.jpg') no-repeat scroll center center / cover;
}

#sliderFrame {
	position         : relative;
	overflow         : hidden;
	width            : 100%;
	height           : 100%;
}
#sliderContainer {
	position         : relative;
	width            : 100%; /* set in JS */
	height           : 100%;
	-webkit-transition : all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-transition      : all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-transition    : all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-ms-transition     : all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition         : all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#sliderContainer img {
	position         : absolute;
	display          : block;
	width            : 100vw;
	height           : 100%;
	top              : 0px;
	margin           : 0px;
	background-color      : transparent;
	background-repeat     : no-repeat;
	background-attachment : scroll;
	background-position   : center center;
	background-size       : cover;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ARTICLES */
article {
	width            : 100%;
	background       : #ffffff;
}
article > div {
	z-index          : 2;
	position         : relative;
	max-width        : 960px;
	margin           : 0px auto 0px auto;
	padding          : 30px 30px 30px 30px;
	background       : #ffffff;
}
article section, article header {
	position         : relative;
}

article .articleTitle, article .sectionTitle {
	display          : none;
	visibility       : hidden;
	opacity          : 0;
}
/* */
article section.caption {
	position         : absolute;
	overflow         : hidden;
	width            : 200px;
	right            : 0px;
	padding          : 15px 10px 0px 30px;
	font-size        : 0.8em;
	color            : #999;
}
@media only screen and (min-width: 960px) and (max-width: 1139px) {
	article section.caption {
		display          : none;
	}
}
@media only screen and (min-width: 1140px) and (max-width: 1239px) {
	article section.caption {
		width            : 120px;
	}
}
@media only screen and (min-width: 1240px) and (max-width: 1339px) {
	article section.caption {
		width            : 150px;
	}
}
article section.caption h5 {
	position         : relative;
	display          : block;
	width            : 100%;
	margin-bottom    : 0.4em;
}
article section.caption h5:before {
	content          : '↑';
	position         : absolute;
	left             : -20px;
	top              : 0px;
	font-size        : 2em;
	color            : #bbb;
}
article section.caption em {
	display          : block;
	margin-bottom    : 2px;
	font             : italic 400 1.1em 'Playfair Display';
}
article section.caption strong {
	display          : block;
	font-size        : 0.8em;
	font-weight      : 500;
}

/* */
.shareList {
	z-index          : 11;
	float            : right;
	display          : block;
}
.shareList li {
	float            : left;
	margin-right     : 5px;
}
.shareList button {
	float            : right;
	width            : 40px;
	height           : 40px;
	border-radius    : 4px;
}
.shareList button.twitter {
	background       : rgba(0, 172, 237, 0.3) url('../graphics/ico-twitter.svg') no-repeat scroll center center;
	-webkit-transition : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
.shareList button.facebook {
	background       : rgba(59, 89, 152, 0.3) url('../graphics/ico-facebook.svg') no-repeat scroll center center;
	-webkit-transition : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
.shareList button.twitter:hover {
	background-color : rgba(0, 172, 237, 1);
}
.shareList button.facebook:hover {
	background-color : rgba(59, 89, 152, 1);
}
.shareList .box {
	display          : none;
}

/* */
article h1, article h2 {
	font             : normal 900 4em/0.9em 'Playfair Display';
	margin-bottom    : 30px;
}

article h3 {
	font             : normal 900 1.6em/1em 'Playfair Display';
}
article aside {
	padding          : 28px;
	color            : #3b3b3b;
/*background       : #f5f5f5;*/
}
article aside h3 {
	margin-bottom    : 25px;
}
article aside p {
	font             : normal 300 1em/1.5em Raleway, Arial, Helvetica, sans-serif;
}
article aside p:last-child {
	margin-bottom    : 0px;
}
article aside blockquote {
/*	margin           : 0px 0px 0.8em 10px;
	padding          : 0.7em 0px 0.7em 20px;*/
	padding          : 60px 20px;
	margin           : 20px;
	line-height      : 1.5em;
	font             : italic 700 1.9em/1.1em 'Playfair Display';
/*	border-left      : 1px solid rgba(0, 0, 0, 0.3);*/
}
article aside blockquote:before, article aside blockquote:after {
	position         : absolute;
	display          : block;
	font             : normal bold 8em/0.01em 'Times New Roman', Times, serif;
}
article aside blockquote:before {
	content          : '“';
	top              : 25%;
	left             : 20px;
}
article aside blockquote:after {
	content          : '”';
	top              : 100%;
	right            : 20px;
}
blockquote {
	margin           : 20px auto;
	font             : italic 700 1.3em/1.1em 'Playfair Display';
}
/* Intro */
.introHeader {
	width            : 100%;
	height           : 100%;
	background       : transparent url('../graphics/slider/burma_sarlingyi-letpadaung_copper-mining-project-sabeitaung-kyaesintaung.jpg') no-repeat scroll center center / cover;
}
#introTitles {
	position         : absolute;
	width            : 100%;
	height           : 300px;
	bottom           : 0px;
	left             : 0px;
}
#introTitles section {
	position         : absolute;
	bottom           : 100px;
	left             : 50%;
	margin           : 0px 0px 0px 0px;
	-webkit-transform  : translateX(-50%);
	-moz-transform     : translateX(-50%);
	transform          : translateX(-50%);
}
#introTitle {
	font             : 900 7.4em/0.9em 'Playfair Display';
	margin-bottom    : 40px;
	color            : #ffffff;
	text-align       : left;
}
@media only screen and (max-width: 1366px) {
	#introTitles section {
		left             : 18%;
		-webkit-transform  : translateX(-9%);
		-moz-transform     : translateX(-9%);
		transform          : translateX(-9%);
	}
	#introTitle {
		font-size        : 5.6em;
	}
}
@media only screen and (max-width: 1280px) {
	#introTitles section {
		left             : 16%;
		-webkit-transform  : translateX(-8%);
		-moz-transform     : translateX(-8%);
		transform          : translateX(-8%);
	}
}
@media only screen and (max-width: 1024px) {
	#introTitles section {
		left             : 12%;
		-webkit-transform  : translateX(-5%);
		-moz-transform     : translateX(-5%);
		transform          : translateX(-5%);
	}
	#introTitle {
		font-size        : 4.6em;
	}
	.introHeader p {
		display          : inline-block !important;
		width            : 71%;
	}
}
#introTitle em {
	display          : inline-block;
	font-style       : normal;
	line-height      : 1.05em;
/*	text-decoration  : underline;*/
	border-bottom    : 10px solid #ffffff;
}
.introHeader p {
	display          : inline;
	padding          : 5px 10px;
	font-size        : 1.4em;
	color            : #ffffff;
	line-height      : 1.6em;
	background       : rgba(0, 0, 0, 0.65);
}
/* */
#scrolldown {
	bottom           : 10px;
	color            : #000000;
	height           : 60px;
	left             : 0px;
	margin           : auto;
	overflow         : auto;
	position         : absolute;
	right            : 0px;
	text-align       : center;
	width            : 100px;
}
#scrolldown span {
	display           : inline-block;
	width             : 46px;
	height            : 16px;
	-webkit-animation : 2s ease 0s normal none infinite running scrollArrow;
	-moz-animation    : 2s ease 0s normal none infinite running scrollArrow;
	animation         : 2s ease 0s normal none infinite running scrollArrow;
	background        : transparent url('../graphics/scrolldown.svg') no-repeat scroll center center / cover;
}
@-webkit-keyframes scrollArrow {
	0% {
		opacity: 0;
		-webkit-transform: translate(0px, 0px);
	}
	17% {
		opacity: 1;
		-webkit-transform: translate(0px, 0px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0px, 30px);
	}
}
@-moz-keyframes scrollArrow {
	0% {
		opacity: 0;
		-moz-transform: translate(0px, 0px);
	}
	17% {
		opacity: 1;
		-moz-transform: translate(0px, 0px);
	}
	100% {
		opacity: 0;
		-moz-transform: translate(0px, 30px);
	}
}
@keyframes scrollArrow {
	0% {
		opacity: 0;
		transform: translate(0px, 0px);
	}
	17% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
	100% {
		opacity: 0;
		transform: translate(0px, 30px);
	}
}
/* Nobel Quote */
#rigoberta-menchu {
	background       : #222222;
}
#rigoberta-menchu > div {
	position         : relative;
	max-width        : 70%;
	min-width        : 960px;
	padding          : 100px 0px 150px 0px;
	text-align       : center;
	background       : #222222;
}
#rigoberta-menchu h6 {
	display          : inline-block;
	padding          : 3px 5px;
	margin-top       : 20px;
	font-style       : normal;
	font-weight      : bold;
	color            : #ffffff;
	background       : #b40628;
}
#nobelQuote {
	position         : relative;
	display          : block;
	margin           : 0px;
	padding          : 0px 40px;
	font             : italic 400 1.8em/1.5em 'Playfair Display';
	color            : #ffffff;
}
#nobelQuote:before, #nobelQuote:after {
	position         : absolute;
	display          : block;
	top              : 70%;
	font             : normal bold 10em/0.01em 'Times New Roman', Times, serif;
}
#nobelQuote:before {
	content          : '“';
	left             : -120px;
}
#nobelQuote:after {
	content          : '”';
	right            : -120px;
}

/* First chapter */

.firstChapter .left {
	float            : left;
	width            : 60%;
}
.firstChapter .right {
	float            : right;
	width            : 35%;
	border-left      : 1px solid #dddddd;
}
.mapContainer {
	position         : relative;
	width            : 900px;
	height           : 600px;
	overflow         : hidden;
}
.mapIframe {
	width            : 100% !important;
	height           : 100% !important;
	display          : block;
	overflow         : hidden;
}
#mapCaption {
	padding          : 50px 0px 0px 0px;
}
#mapTitle {
	display          : block;
	width            : 90%;
	font-weight      : bold;
	text-align       : center;
	text-transform   : uppercase;
}
#mapDate {
	display          : block;
	width            : 90%;
	margin-top       : 5px;
	text-align       : center;
}
#mapCaption .shareList {
	margin-top       : -53px;
}
/* Map */
#mapFullscreenButton {
	z-index          : 10;
	position         : absolute;
	display          : block;
	width            : 30px;
	height           : 30px;
	top              : 12px;
	right            : 10px;
	background       : #ffffff url('../graphics/ico_fullscreen.svg') no-repeat scroll center center / 18px 18px;
	-webkit-border-radius : 4px;
	border-radius         : 4px;
	-webkit-box-shadow : 0px 1px 5px rgba(0, 0, 0, 0.65);
	box-shadow         : 0px 1px 5px rgba(0, 0, 0, 0.65);
	-webkit-transition : background 0.2s ease;
	-o-transition      : background 0.2s ease;
	-moz-transition    : background 0.2s ease;
	-ms-transition     : background 0.2s ease;
	transition         : background 0.2s ease;
}
#mapFullscreenButton:hover {
	background-color : #f4f4f4;
}
.fullscreenMap .mapIframe {
	z-index          : 1000 !important;
	position         : fixed !important;
	width            : 100% !important;
	height           : 100% !important;
	top              : 0px !important;
	left             : 0px !important;
}
.fullscreenMap article > div {
	z-index          : -1;
	-webkit-transform  : none !important;
	-moz-transform     : none !important;
	transform          : none !important;
}
.fullscreenMap .firstChapter > div {
	z-index          : 999 !important;
}
.fullscreenMap #mapFullscreenButton {
	z-index          : 1001 !important;
	position         : fixed !important;
	top              : 12px !important;
	right            : 10px !important;
}
/* Second chapter */

.secondChapter div section {
	margin           : 0px -15px;
}
.secondChapter div section p {
	float            : left;
	width            : 33.3333%;
	padding          : 15px;
}
.secondChapter div section.video h6 {
	display          : inline;
	padding          : 3px 5px;
	font-style       : normal;
	font-weight      : bold;
	color            : #ffffff;
	background       : #222222;
}
.secondChapter div section.video {
	text-align       : center;
	padding          : 10px 0px 0px 0px;
}
.videoContainer {
	position         : relative;
	height           : 0px;
	padding-bottom   : 58%;
}
.videoIframe {
	position         : absolute;
	top              : 0px;
	left             : 0px;
	width            : 100%;
	height           : 100%;
}
/* Third chapter */

.thirdChapter .examples {
	margin-bottom    : 60px;
	padding          : 30px;
	font-size        : 0.9em;
	color            : rgba(0, 0, 0, 0.6);
/*	border           : 1px dashed #ccc;*/
}
.thirdChapter .examples em {
	display          : inline;
	padding          : 3px 5px;
	font-style       : normal;
	font-weight      : bold;
	background       : #222222;
	color            : #ffffff;
}
.thirdChapter div section em {
	display          : inline;
	padding          : 3px 5px;
	font-style       : normal;
	font-weight      : bold;
	background       : #b40628;
	color            : #ffffff;
}
.thirdChapter .un {
	z-index          : 1;
	position         : relative;
	float            : left;
	width            : calc(45% + 60px);
	padding-right    : 30px;
	margin-right     : 30px;
	background-color: transparent !important;
}
.thirdChapter .un .shareList {
	float            : left;
	margin           : -40px 0px 0px 38px;
}

.thirdChapter .example1 {
	clear            : both;
}

.thirdChapter .trois {
	float            : left;
	width            : calc(18% + 60px);
	padding-right    : 30px;
	text-align       : center;
	border-right     : 1px solid #dddddd;
}
.thirdChapter .trois em, .thirdChapter .cinq em {
	display          : block;
	margin-top       : -20px;
	margin-bottom    : 20px;
	text-align       : center;
	font             : 900 6.6em/1em 'Playfair Display';
}
.thirdChapter .trois em span, .thirdChapter .cinq em span {
	opacity          : 0;
	-webkit-transition : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
.thirdChapter .trois em span.shown, .thirdChapter .cinq em span.shown {
	opacity          : 1;
}
.thirdChapter .trois p, .thirdChapter .cinq p, .fourthChapter .left p {
	text-align       : center;
}
.thirdChapter .trois .shareList {
	float            : none;
	margin           : auto;
}

.thirdChapter .quatre {
	float            : right;
	width            : 71%;
}
.thirdChapter .quatrebis {
	width            : 100%;
	clear            : both;
}
.thirdChapter .cinq {
	float            : right;
	width            : 35%;
	padding-left     : 30px;
	text-align       : center;
	border-left      : 1px solid #dddddd;
}
.thirdChapter .cinq .shareList {
	float            : none;
	margin           : auto;
}
.thirdChapter .example3 {
	margin-bottom    : 0px;
	float            : left;
	width            : 61%;
}

.thirdChapter .first {
	float            : left;
	width            : calc(72% + 60px);
	padding-right    : 30px;
}
/*.thirdChapter .second {
	float            : right;
	width            : 38%;
	margin-right     : -60px;
}
.thirdChapter .third {
	float            : left;
	width            : 30%;
	margin-left      : -60px;
}
.thirdChapter .fourth {
	float            : left;
	width            : calc(32% + 60px);
	margin           : 0px 30px;
}
.thirdChapter .fifth {
	float            : left;
	width            : 70%;
	padding          : 30px 0px 0px 60px;
}*/
.thirdChapter .second {
	float            : left;
	width            : calc(72% + 90px);
	margin-left      : -60px;
}
.thirdChapter .third {
	float            : right;
	width            : 55%;
	margin           : 30px 0px 0px 0px;
}
.thirdChapter .fourth {
	float            : right;
	width            : 28%;
	margin-right      : -60px;
}
.thirdChapter .fifth {
	float            : left;
	width            : 40%;
	padding          : 30px 0px 0px 0px;
}
.thirdChapter iframe, .thirdChapter img.temp {
	display          : block;
	margin-top       : 20px;
}
.thirdChapter q {
	font             : italic normal 400 1em/1em 'Playfair Display';
}
/* Fourth chapter */

.fourthChapter .left {
	width            : 30%;
	padding-bottom   : 0px;
	border-right     : 1px solid #dddddd;
}
.fourthChapter .left em {
	display          : block;
	margin-bottom    : 20px;
	text-align       : center;
	font             : 900 6.6em/1em 'Playfair Display';
}
.fourthChapter .left em span {
	opacity          : 0;
	-webkit-transition : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
.fourthChapter .left em span.shown {
	opacity          : 1;
}

.fourthChapter .left em small {
	font-size        : 0.7em;
	font-weight      : bold;
}
.fourthChapter .right {
	float            : right;
	width            : 65%;
}
/* Fifth chapter */


.fifthChapter section.caption {
	overflow         : hidden;
	max-height       : 300px;
	opacity          : 1;
	-webkit-transition : all 0.4s ease;
	-o-transition      : all 0.4s ease;
	-moz-transition    : all 0.4s ease;
	-ms-transition     : all 0.4s ease;
	transition         : all 0.4s ease;
}
.fifthChapter section.caption.fold {
	max-height       : 0px;
	padding-top      : 0px;
	opacity          : 0;
}
.fifthChapter .left {
	float            : left;
	width            : 60%;
}
.fifthChapter .right.videoContainer {
	float            : right;
	width            : 37%;
	padding-bottom   : 30%;
}
.videoContainer {
	position         : relative;
	height           : 0px;
}

/* Outro */
.outroArticle {
	width            : 100%;
	margin-top       : -200px;
	padding          : 100px 0px 40px 0px;
	background       : #222222;
}
.outroArticle:after {
	content          : '';
	z-index          : -1;
	position         : absolute;
	width            : 100%;
	height           : 190px;
	background       : transparent;
}
.outroArticle > div {
	z-index          : 2;
	position         : relative;
	max-width        : 960px;
	margin           : 0px auto 0px auto;
	padding          : 0px;
	text-align       : center;
	background       : transparent;
}
.outroArticle h2 {
	clear            : both;
	font             : 900 4em/1em 'Playfair Display';
	margin-bottom    : 100px;
	color            : #ffffff;
	text-align       : center;
}
.outroArticle h2 em {
	display          : block;
	font-style       : normal;
	font-size        : 2em;
	line-height      : 1.2em;
	text-decoration  : underline;
}
.outroArticle h3 {
	display          : inline-block;
	margin-bottom    : 5px;
	font-size        : 1.2em;
	padding          : 0 5px;
	color            : #ffffff;
	text-align       : center;
	font-weight      : bold;
}
.outroArticle p {
	clear            : both;
	color            : #ffffff;
}
#outroMore {
	display          : inline-block;
	text-transform   : uppercase;
	padding          : 15px 20px;
	text-align       : center;
	font-weight      : bold;
	color            : rgba(255, 255, 255, 0.9);
	background       : #b40628;
	text-decoration  : none;
	-webkit-border-radius : 4px;
	border-radius         : 4px;
	-webkit-transition : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#outroMore:hover {
	color            : #222222;
	background       : #ffffff;
}
/*~~~~~~~~~~~~~~~~~~~~~~ SOCIAL NETWORKS */
#outroSocialSection {
	float            : left;
	width            : 50%;
}
#outroSocialNetworks {
	text-align       : center;
	margin           : 20px 0px 100px 0px;
}
#outroSocialNetworks button {
	position         : relative;
	display          : inline-block;
	margin           : 0px 30px;
	text-decoration  : none;
	background       : none;
}
#outroSocialNetworks .buttons {
	display          : none;
}
#outroSocialNetworks button strong {
	color            : #ffffff;
	font-size        : 0.9em;
	font-weight      : 200;
	line-height      : 1.2em;
	-webkit-transition : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#outroSocialNetworks button em {
	display          : block;
	position         : relative;
	width            : 100px;
	height           : 100px;
	margin           : 0px auto 15px auto;
	padding-top      : 17px;
	border-radius    : 50%;
	border           : 4px solid rgba(255, 255, 255, 0.5);
	-webkit-transition : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#outroSocialNetworks button em img {
	z-index          : 2;
	position         : relative;
	opacity          : 0.5;
	width            : auto;
	height           : 50%;
	margin-top       : 7px;
}
#outroSocialNetworks button.twitter em img {
	width            : auto;
	height           : 50%;
}
#outroSocialNetworks button.facebook em img {
	width            : auto;
	height           : 50%;
}
#outroSocialNetworks button em:before {
	content          : '';
	display          : block;
	position         : absolute;
	width            : 100px;
	height           : 100px;
	top              : -4px;
	left             : -4px;
	border-radius    : 50%;
	opacity          : 1;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	-webkit-transform  : scale(0);
	-ms-transform      : scale(0);
	transform          : scale(0);
	-webkit-transition : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#outroSocialNetworks button.twitter em:before {
	background-color : #37b1db;
}
#outroSocialNetworks button.facebook em:before {
	background-color : #3b5998;
}
#outroSocialNetworks button:hover em {
	border-color     : rgba(255, 255, 255, 0);
}
#outroSocialNetworks button:hover em img {
	opacity          : 1;
}
#outroSocialNetworks button.twitter:hover strong {
	color            : rgba(0, 172, 237, 1);
}
#outroSocialNetworks button.facebook:hover strong {
	color            : rgba(59, 89, 152, 1);
}
#outroSocialNetworks button:hover em:before {
	-webkit-transform  : scale(0);
	-ms-transform      : scale(0);
	transform          : scale(0);
}

/*~~~~~~~~~~~~~~~~~~~~~~~ DECISION MAKER */
#decisionmakerSection {
	float            : right;
	width            : 50%;
}
#decisionmakerList {
	text-align       : center;
	margin           : 20px 0px 100px 0px;
}
#decisionmakerList li {
	display          : inline-block;
	margin           : 0px 15px;
	text-align       : center;
}
#decisionmakerList button {
	text-decoration  : none;
	background       : none;
}
#decisionmakerList .buttons {
	display          : none;
}
#decisionmakerList li button strong {
	color            : #ffffff;
	font-weight      : 200;
	font-size        : 0.9em;
	line-height      : 1.2em;
	-webkit-transition : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#decisionmakerList li button em {
	display          : block;
	overflow         : hidden;
	width            : 100px;
	height           : 100px;
	margin           : 0px auto 15px auto;
	border           : 4px solid rgba(255, 255, 255, 0.6);
	border-radius    : 50%;
	background-clip  : padding-box;
	-webkit-transition : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#decisionmakerList li button em img {
	display          : block;
	width            : 100%;
	height           : 100%;
}
#decisionmakerList li button:hover em {
	-webkit-transform  : scale(1.1);
	-moz-transform     : scale(1.1);
	transform          : scale(1.1);
	border           : 0px solid rgba(255, 255, 255, 0);
}
#decisionmakerList li button:hover strong {
	color            : rgba(0, 172, 237, 1);
}
#reportFullLink {
	clear            : both;
	margin-bottom    : 50px;
}
#reportFullLink h5 {
	color            : #ffffff;
	margin-bottom    : 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~ CONTACT FORM */
#contactForm {
	display          : block;
	text-align       : center;
}
#contactForm input {
	display          : inline-block;
	margin           : 0px auto 0px auto;
}
#contactForm label {
	color            : #ffffff;
}
#contactForm input[type='text'], #contactForm  input[type='email'] {
	width            : 375px;
	margin           : 10px 10px 0px 0px;
	padding          : 15px 20px;
	text-align       : center;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ F O O T E R.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerFrame {
	position         : absolute;
	display          : block;
	width            : 100%;
	bottom           : 0px;
	padding          : 20px 0px;
	color            : #ffffff;
	text-align       : center;
	background       : #111111;
}
#footerFrame p {
	font-size        : 0.8em;
	line-height      : 1.4em;
	text-align       : center;
	width            : 960px;
	margin           : 10px auto 20px auto;
}
#footerFrame cite {
	font-size        : 0.7em;
}
#footerFrame a {
	text-decoration  : none;
	border-bottom    : 1px solid rgba(255, 255, 255, 1);
	-webkit-transition : all 0.2s ease;
	-moz-transition    : all 0.2s ease;
	-o-transition      : all 0.2s ease;
	-ms-transition     : all 0.2s ease;
	transition         : all 0.2s ease;
}
#footerFrame a:hover {
	text-decoration  : none;
	border-bottom    : 1px solid rgba(255, 255, 255, 0.25);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CREDITS */
#footerInfos {
	position         : absolute;
	display          : block;
	width            : 100%;
	bottom           : 65px;
	color            : #ffffff;
	font-size        : 0.8em;
	line-height      : 1.4em;
	text-align       : center;
}
#footerCredit {
	position         : absolute;
	display          : block;
	width            : 100%;
	bottom           : 0px;
	padding          : 20px 0px;
	color            : #ffffff;
	font-size        : 0.7em;
	text-align       : center;
	background       : #111111;
}






/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ T O U C H.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*html, body, .touch #skrollr-body {
	overflow         : visible;
	height           : auto;
}*/
.touch .outroArticle {
	margin-top       : 0px;
}
.touch figure {
	margin-top       : 0px;
}
.touch .caption {
	display          : none;
}
.touch #headerMenuList li a span {
	visibility       : hidden;
}
.touch #rigoberta-menchu > div {
	padding          : 50px 0px 60px 0px;
}
.touch .thirdChapter .trois em span,
.touch .thirdChapter .cinq em span,
.touch .fourthChapter .left em span {
	opacity          : 1;
}
.touch .outroArticle {
	margin-top       : 0px;
	padding-top      : 50px;
}
.touch .outroArticle h2 {
	margin-bottom    : 50px;
}
.touch #nobelQuote:before,
.touch #nobelQuote:after,
.touch article aside blockquote:before,
.touch article aside blockquote:after {
	display          : none;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1 0 2 5  ➝  ∞.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (min-width: 1025px) {
	#mediaQueries {
		content          : 'monitor';
	}
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 7 6 9  ➝  1 0 2 4.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media
	only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape),
	only screen and (min-width: 769px) and (max-width: 1024px) {
	/*
	iPad 2 [768*1024] (paysage)
	Screen (769 > 1024)
	*/
	#mediaQueries {
		content          : 'tablet-landscape';
	}
	figure {
		height           : 65%;
	}
	#rigoberta-menchu > div {
		min-width        : 960px;
	}
	.outroArticle > div {
		max-width        : 960px;
	}
	.mapContainer {
		width            : 900px;
		height           : 500px;
	}
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 6 0 0  ➝  7 6 8.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media
	only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
	only screen and (min-width: 600px) and (max-width: 768px) {
	/*
	iPad 2 [768*1024] (portrait)
	Screen (641 > 960)
	*/
	#mediaQueries {
		content          : 'tablet-portrait';
	}
	figure {
		height           : 45%;
	}
	article > div {
		max-width        : 740px;
	}
	article h1, article h2, .outroArticle h2 {
		font-size        : 3.6em;
	}
	#rigoberta-menchu > div {
    width            : 740px;
		min-width        : 0px;
		max-width        : none;
	}
	.outroArticle > div {
		max-width        : 740px;
	}
	#outroSocialSection, #decisionmakerSection {
		float            : none;
		width            : 100%;
		margin-bottom    : 15px;
	}
	#outroSocialNetworks, #decisionmakerList {
		margin-bottom    : 30px;
	}
	#footerFrame p {
		width            : 740px;
	}
	.mapContainer {
		width            : 680px;
		height           : 500px;
	}
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 3 2 0  ➝  5 9 9.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media
	only screen and (min-device-width : 320px) and (max-device-width : 480px),
	only screen and (min-device-width : 320px) and (max-device-width : 568px),
	only screen and (min-width: 1px) and (max-width: 599px) {
	/*
	iPhone 2G, 3G, 4, 4S
	iPhone 5
	Screen (320 > 640)
	*/
	#mediaQueries {
		content          : 'phone';
	}
	html, body {
		height           : auto;
	}
	#bodyFrame > header, #bodyFrame > article, #bodyFrame > figure {
		position         : relative;
	}

	/* Header logo */
	#headerLogo {
		top              : 20px;
	}
	#reportLink {
		display          : block;
		margin-bottom    : 10px;
	}
	#headerLogo span {
		display          : none;
	}

	#headerMenuNav {
		display          : none;
	}
	#headerLanguageList {
		position         : absolute;
	}

	/* Intro */
	.introHeader {
    height           : 100vh;
	}
	#introTitles {
		height           : auto;
	}
	#introTitles section {
		width            : 92%;
		bottom           : 25px;
		left             : 4%;
		-webkit-transform  : translateX(0%);
		-moz-transform     : translateX(0%);
		transform          : translateX(0%);
	}
	#introTitles h1 {
		font-size        : 3.5em;
	}
	#introTitles p {
		display          : inline !important;
		font-size        : 1em;
	}
	#scrolldown {
		display          : none;
	}

	/* Nobel quote */
	#rigoberta-menchu {
		padding          : 5px 0px 20px 0px;
	}
	#rigoberta-menchu > div {
    width            : 100%;
		min-width        : 0px;
		max-width        : none;
    padding          : 30px 2%;
	}
	#nobelQuote {
		font-size        : 1.1em;
		margin-bottom    : 20px;
		padding          : 0px 6%;
	}
	#rigoberta-menchu h6 {
    display          : inline;
	}

	figure {
    width            : 100%;
    height           : 40vh;
    margin-top       : 0px;
	}
	blockquote {
		font-size        : 1.1em;
	}
	article h1, article h2 {
		font-size        : 2.4em;
		margin-bottom    : 20px;
	}
	article h3 {
		font             : normal 900 1.6em/1em 'Playfair Display';
	}

	article aside h3 {
		margin-bottom    : 10px;
	}

	article > div {
		max-width        : none !important;
		width            : 100% !important;
		margin           : 0px auto 0px auto !important;
		padding          : 20px 5% !important;
	}
	article > div section, article > div aside {
		float            : none !important;
		width            : 100% !important;
		margin           : 0px auto 0px auto !important;
		padding          : 0px 0px !important;
		border           : none !important;
	}

	.mapContainer {
		width            : 111.1% !important;
		height           : 340px;
		margin           : 20px 0px 0px -5.5% !important;
	}

	#mapFullscreenButton {
		display          : none;
	}
	#mapCaption {
		padding-top      : 10px;
	}
	#mapCaption span {
		width            : 100%;
	}
	#mapCaption .shareList {
		margin           : 0px;
	}

	.secondChapter div section p {
    float            : none;
    width            : 100%;
    padding          : 0px;
	}
	.videoContainer {
		float            : none !important;
		padding-bottom   : 58% !important;
		width            : 100% !important;
	}
	.videoIframe {
		position         : absolute;
		top              : 0px;
		left             : 0px;
		width            : 100%;
		height           : 100%;
	}
	.secondChapter div section.video h6 {
    display          : block;
		width            : 200px;
		margin           : -5px auto 10px auto;
	}

	article aside blockquote {
		left             : auto;
		top              : auto;
		font-size        : 1.6em;
		margin-bottom    : 0px 0px 20px 0px;
		padding          : 0px 7%;
	}
	.thirdChapter .un .shareList {
		float            : right;
		margin-bottom    : 20px;
	}
	.thirdChapter .trois em span, .thirdChapter .cinq em span {
		opacity          : 1;
	}
	.thirdChapter .examples {
		margin-bottom    : 0px;
	}
	.thirdChapter .trois .shareList {
		margin-bottom    : 20px;
	}
	.thirdChapter .example3 {
		width            : 100%
	}

	.fourthChapter .left em span {
		opacity          : 1;
	}

	.outroArticle {
		width            : 100%;
		margin-top       : 0px;
		margin-bottom    : 0px;
		padding          : 30px 0px 40px 0px;
	}
	.outroArticle:after {
		height           : 290px;
	}
	.outroArticle h3 {
		width            : 90%;
	}
	#outroMore {
		width            : 90%;
	}

	#footerFrame p {
		width            : 100%;
		padding          : 0px 5%;
	}
	.outroArticle h2 {
		margin-bottom    : 30px;
	}
	#outroSocialSection, #decisionmakerSection {
		float            : none;
		width            : 100%;
		margin-bottom    : 15px;
	}
	#outroSocialNetworks, #decisionmakerList {
		margin-bottom    : 30px;
	}
	#outroSocialNetworks button {
		margin           : 0px 15px;
	}
	#decisionmakerList li {
		margin           : 0px 50px 10px 50px;
	}
	#outroSocialNetworks button em, #decisionmakerList li button em {
		margin-bottom    : 5px;
	}
	#contactForm input[type='text'], #contactForm input[type='email'] {
		width            : 90%;
		margin-bottom    : 10px;
	}

}