/*
	Screen CSS
	Copyright (c) 2013 by SPOILED MILK
	http://www.spoiledmilk.com
*/

/* RESET ................................................ */
body, div, dl, dt, dd, pre, form, fieldset, input, table, th, td, embed, object { margin: 0; padding: 0; } 
:focus { outline: 0 } 
:link, :visited { text-decoration: none } 
a img, :link img, :visited img { border: 0; cursor: pointer; } 
table { border-collapse: collapse; border-spacing: 0; } 
input, select { vertical-align: middle } 
tbody { border: none !important; }
table img { max-width: none !important; }


/* NORMALIZE ............................................ */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden],template { display: none; }
html { font-family: sans-serif; ms-text-size-adjust: 100%; webkit-text-size-adjust: 100%; }
body { margin: 0; }
a { background: transparent; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { box-sizing: content-box; height: 0; -moz-box-sizing: content-box; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"] { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; } 

/* clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* HTML ELEMENTS....................................... */
html { overflow-x: hidden; }
body { background: #f2f2f2 url(../images/page_bg.jpg) repeat; color: #333; font: 15px/1.45em 'Kreon', serif; text-align: left; }

/* heading */
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1em; margin: 1em 0; text-transform: uppercase; }
h1 { font-size: 50px; margin-top: 0; text-align: center; }
h2 { font-size: 40px; margin-top: 0; margin-bottom: 60px; }
h3 { font-size: 25px; }
h4 { font-size: 21px; }
h5 { font-size: 18px; margin-top: 0; margin-bottom: 10px; }
h6 { font-size: 13px; margin: 0; color: #ee0000; }

/* text related */
a:link, a:visited { color: #ee0000; -webkit-transition: color 0.15s linear; -moz-transition: color 0.15s linear; -o-transition: color 0.15s linear; transition: color 0.15s linear; }
a:hover, a:active { color: #333; }
p { margin: 1em 0; }
.bold { font-weight: bold }
.highlight { color: #ee0000; font-weight: bold; }
.highlight.notice { color: #ee0000; font-weight: bold; margin: 0 auto; width: 960px; text-align: center; }
.center { text-align: center; }
.uppercase { text-transform: uppercase; }


/* LAYOUT ............................................. */

/* universal */
.clear { clear: both; }
section { min-height: 600px; width: 100%; }
.screen { clear: both; position: relative; width: 100%; }
.container { margin: 0 auto; position: relative; width: 960px; }
.section_title { margin-bottom: 60px; text-align: center; }
h2.extra { margin-bottom: 60px; margin-top: 40px; }
h2.smallMargin { margin-bottom: 40px; }
h4.extra { margin-bottom: 40px; }
.marginTop { margin-top: 100px; }

/* Header .............. */
header { height: 70px; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
header .header { background-color: #ee0000; height: 70px; position: relative; z-index: 9998; }
header .header .container { min-height: 60px !important; height: 50px !important; padding: 10px 0 0 0 !important; }
header .logo { color: #fff; float: left; display: inline-block; font-size: 25px; height: 40px; line-height: 18px; margin-top: 5px; text-transform: uppercase; width: 232px; }
header .logo .sub { font-size: 14px; }
header .access_logo { background: url(../images/access_logo.png) no-repeat; display: block; height: 80px; position: absolute; right: 0; top: 0; width: 170px; z-index: 8; }

header .lang { font-size: 12px; position: absolute; right: 220px; text-transform: uppercase; top: 22px; width: 110px; }
#open_lang_menu { background: #d40000 url(../images/lang_arrow.png) 90% 12px no-repeat; border-radius: 5px; color: #fff !important; display: block; padding: 5px 10px; width: 90px; }
header .lang_menu { background-color: #d40000; border-radius: 5px; display: none; list-style: none; margin: 2px 0 0 0; overflow: hidden; padding: 0; }
header .lang_menu li { font-size: 11px; padding: 5px 10px; }
header .lang a:link, header .lang a:visited { color: #ccc; }
header .lang a:hover, header .lang a:active { color: #fff; }

/* Navigation .......... */
nav { background-color: #d40000; height: 40px; left: 0; position: absolute; top: 70px; width: 100%; z-index: 9997; }
nav ul { height: 40px; list-style: none; margin: 0; padding: 0; }
nav ul li { float: left; font-size: 15px; height: 40px; line-height: 40px; margin: 0 50px 0 0; position: relative; text-transform: uppercase; width: auto; }
nav ul li a { display: block; }
nav ul li a:link, nav ul li a:visited { color: #fff; }
nav ul li a:hover, nav ul li a:active { color: #000; }
nav ul li.active a:link, nav ul li.active a:visited, nav ul li.active a:hover, nav ul li.active a:active { color: #000; }

/* submenu */
.submenu { display: none; left: -10px; margin: 0; padding: 0; position: absolute; top: 40px; width: 220px; }
.submenu li { background-color: #d40000; display: block; float: none; height: auto; line-height: 1.3em; margin: 0; padding: 5px 10px; text-transform: none; }
.submenu li:first-child { padding: 5px 10px; }
.submenu li:last-child { padding: 5px 10px 10px 10px; }

.submenu li a { display: inline; }
nav ul li:hover .submenu { display: block; }

/* Main ................ */
main { padding: 110px 0 70px; }
.row .column { float: left; margin-left: 2%; }
.column-1-2 { width: 49%; }
.column-1-3 { width: 32%; }
.column-2-3 { width: 64%; }
.column:first-child { margin-left: 0; }

#sign-on { background: #ecc79a; position: relative; }
.intro_img { background: #ecc79a; border-bottom: 5px solid #ee0000; padding: 20px 0 0 0 !important; }
.intro_img .container { position: relative; }
.intro_img img { display: inline-block; position: absolute; left: 0; bottom: 0; }
 
/* sign manifesto */
#sign_manifesto { top: -300px; width: 300px; z-index: 20; }
#sign_manifesto h2 { font-size: 38px; margin: 0 0 5px 0; padding: 0 20px; text-align: center; }
#sign_manifesto h3 { font-size: 24px; margin: 0 0 10px 0; padding: 0 20px; text-align: center; }
#sign_manifesto h4 { font-size: 18px; font-weight: normal; margin: 0 0 5px 0; padding: 0 20px; text-align: center; }
#sign_manifesto .sign_form { background: rgba(0,0,0,.3); border-radius: 5px; padding: 20px; }
#sign_manifesto .sign_form input[type="text"] { background-color: #f2f2f2; border: 1px solid #68757b; border-radius: 3px; font: 15px/1.45em 'Kreon', serif; margin-bottom: 10px; padding: 8px 10px; width: 238px; }
#sign_manifesto .sign_form input[type="submit"] { background-color: #ee0000; border: 0; border-radius: 3px; color: #fff; font: 15px/1.45em 'Kreon', serif; margin-bottom: 20px; padding: 8px 10px; text-transform: uppercase; width: 260px; -webkit-appearance: none; }
#sign_manifesto .sign_form input[type="submit"]:hover { background-color: #000; }
#sign_manifesto .fb { background: #4c66a4 url(../images/sign_fb.png) 10px 6px no-repeat; border-radius: 3px; color: #fff; display: block; font-size: 11px; margin-bottom: 10px; padding: 8px 10px 8px 50px; text-transform: uppercase; width: 200px; }
#sign_manifesto .tw { background: #0084b4 url(../images/sign_tw.png) 10px 6px no-repeat; border-radius: 3px; color: #fff; display: block; font-size: 11px; padding: 8px 10px 8px 50px; text-transform: uppercase; width: 200px; }
.mobile #sign_manifesto { top: 110px !important; position: absolute !important; }

/* progress counter */
.progress_counter_wrap { padding: 20px 0 0 0; }
.progress_half, .progress_end { color: #977e62; display: inline-block; font-size: 14px; margin-left: -10px; position: absolute; top: -20px; z-index: 5; }
.progress_half { left: 50%; }
.progress_end { right: 0; }
.progress_counter { background: url(../images/progress_bg.png) no-repeat; height: 52px; position: relative; }
.progress_overlay { background: url(../images/progress_overlay.png) no-repeat; height: 52px; position: absolute; width: 100%; z-index: 9; }
.progress_bar_wrap { border-radius: 8px; height: 52px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 8; }
.progress_bar { text-shadow: 0 2px 2px rgba(0,0,0,.6); color: #fff; font: 30px 'Kreon', serif; height: 52px; line-height: 52px; text-align: right; background: #ee0000; background: -moz-linear-gradient(top,  #ee0000 0%, #d50000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee0000), color-stop(100%,#d50000)); background: -webkit-linear-gradient(top,  #ee0000 0%,#d50000 100%); background: -o-linear-gradient(top,  #ee0000 0%,#d50000 100%); background: -ms-linear-gradient(top,  #ee0000 0%,#d50000 100%); background: linear-gradient(to bottom,  #ee0000 0%,#d50000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0000', endColorstr='#d50000',GradientType=0 ); }
.progress_bar span { display: inline-block; padding: 0 10px; }
.progress_counter_wrap p { font-size: 14px; line-height: 1.2em; text-align: center; text-transform: uppercase; }

/* read manifesto */
#read_manifesto { background: url(../images/read_arrow.png) bottom center no-repeat; color: #ee0000 !important; display: block; font-size: 16px; height: 100px; margin: 30px auto 0 auto; text-align: center; text-transform: uppercase; width: 200px; z-index: 2; }

/* manifesto */
.manifesto { width: 640px; }
.manifesto_title { background-color: #ee0000; border-radius: 5px 5px 0 0; color: #fff; font-size: 44px; line-height: 30px; overflow: hidden; padding: 20px; text-align: center; text-transform: uppercase; }
.manifesto_title .sub { font-size: 26px; }
.manifesto_text { background-color: #fff; border-radius: 0 0 5px 5px; font-size: 22px; line-height: 1em; text-align: justify; }
.manifesto_text h3 { font-size: 22px; text-transform: none; }
.manifesto_text i { font-size: 28px; font-style: normal !important; font-weight: bold; }
.manifesto_text b { background-color: #000; color: #fff; display: inline-block; padding: 1px 3px; }
.manifesto_text .column-1-2 { margin-left: 4%; width: 48%; }
.manifesto_text .column:first-child { margin-left: 0; }
.manifesto_text .highlight { margin: 20px 0 !important; }

#sign-on .scroll_wrap { padding: 20px; overflow: hidden; }
#sign-on .scrollarea { font-size: 15px; height: 100%; overflow: hidden; position: relative; width: 100%; }
#sign-on .scrollarea .content { bottom: 0; left: 0; overflow: scroll; overflow-x: hidden; position: absolute; right: 0; top: 0; }
#sign-on .scrollarea .content:focus { outline: thin dotted; }
#sign-on .scrollarea .content::-webkit-scrollbar { visibility: hidden; }
#sign-on .has-scrollbar .content::-webkit-scrollbar { visibility: visible; }
#sign-on .scrollarea > .pane { bottom: 0; border-radius: 5px; opacity: .01; position: absolute; right: 0; top: 0; transition: .25s; visibility: hidden\9; -moz-transition: .25s; -o-transition: .25s; -webkit-transition: .25s; width: 10px; }
#sign-on .scrollarea > .pane > .slider { background: #eee; background: rgba(150,150,150,.5); border-radius: 3px; margin: 0 1px; position: relative; }
#sign-on .scrollarea:hover > .pane, .pane.active, .pane.flashed { opacity: 0.99; visibility: visible\9; }
#sign-on .scrollarea h3 { margin-top: 0; }

/* full form */
#form_section .section_title { margin-bottom: 30px; }
.full_form_title { background-color: #ee0000; border-radius: 5px 5px 0 0; color: #fff; font-size: 20px; overflow: hidden; padding: 20px; }
.full_form_title h3 { font-size: 22px; margin-top: 0; }
.full_form_title ul { margin: 0; padding: 0 12px; }
.full_form_body { background-color: #fff; border-radius: 0 0 5px 5px; padding: 20px; }
.full_form_body input[type=text] { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; font: 15px/1.45em 'Kreon', serif; margin-bottom: 10px; padding: 8px 10px; width: 408px; }
.full_form_body select { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; font: 15px/1.45em 'Kreon', serif; margin-bottom: 10px; padding: 8px 10px; width: 430px; }
.full_form_body textarea { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; font: 15px/1.45em 'Kreon', serif; margin-bottom: 10px; padding: 8px 10px; resize: none; width: 408px; }
.full_form_body input[type="submit"] { background-color: #ee0000; border: 0; border-radius: 4px; color: #fff; font: 15px/1.45em 'Kreon', serif; margin-top: 10px; padding: 8px 10px; text-transform: uppercase; width: 430px; -webkit-appearance: none; }
.full_form_body input[type="submit"]:hover { background-color: #000; }
.full_form_title a:link, .full_form_title a:visited { color: #fff; }
.full_form_title a:hover, .full_form_title a:active { color: #fff; text-decoration: underline !important; }

.infographics_hold img { height: auto; max-width: 100%; }

/* tooltip */
label { position: relative; }
.terms_tooltip { background-color: #fff; border-radius: 5px; box-shadow: 0 0 6px #777; bottom: 20px; display: none; left: 0; padding: 20px 20px 10px 20px; position: absolute; width: 340px; z-index: 88; }
.terms_tooltip h4 { margin: 0 0 10px 0; }
.terms_tooltip .close_tooltip { font-size: 20px; position: absolute; right: 10px; top: 10px; }

/* counter */
.counter { background-color: #EE0000; border-radius: 5px; color: #fff; font-size: 24px; line-height: 1.2em; margin-bottom: 20px; padding: 20px; text-transform: uppercase; }
.counter .number { font-size: 60px; line-height: 60px; }

/* people articles */
article figure { position: relative; }
article figure img { border-radius: 5px 5px 0 0; display: block; height: auto; min-width: 100%; max-width: 100%; }
article figure a { display: block; height: 24px; opacity: .7; position: absolute; top: 10px; width: 24px; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; z-index: 3; }
article figure a:hover { opacity: 1; }
article figure a.share_fb { background:url(../images/sign_fb.png) no-repeat; left: 10px; }
article figure a.share_tw { background:url(../images/sign_tw.png) no-repeat; left: 38px; }
article figure .share_label { background: url(../images/share_label.png) no-repeat; height: 36px; left: 36px; position: absolute; top: -46px; width: 138px; z-index: 6; }
.article_text { background-color: #fff; border-radius: 0 0 5px 5px; font-size: 15px; padding: 20px; }
.article_text h4 { color: #ee0000; font-size: 14px; margin: 0; text-transform: uppercase; }
.article_text h3 { font-size: 20px; margin: 5px 0 20px 0; text-transform: uppercase; }

/* map menu */
.map_section { padding: 0 !important; }
.map_section .screen { padding: 110px 0 0 0 !important; }

#map_wrap { border-bottom: 2px solid #EE0000; border-top: 2px solid #EE0000; background-color: #191919; position: relative; }
.map_menu_wrap { position: absolute; top: 0; width: 100%; z-index: 3; }
.map_menu { background-color: #fff; border-radius: 0 0 5px 5px; margin: 0 auto; overflow: hidden; padding: 15px 20px; width: 920px; }
.map_menu ul.list_menu { float: left; list-style: none; margin: 4px 0 0 0; overflow: hidden; padding: 0; }
.map_menu ul.list_menu li { float: left; font-size: 12px; margin-right: 10px; }
.map_menu ul.list_menu li a {display: block; height: 16px; line-height: 18px; padding-left: 24px; text-transform: uppercase; }
.map_menu ul.list_menu li.active a { text-decoration: underline; color: #ee0000 !important; }
.map_menu ul.list_menu li a:link, .map_menu ul.list_menu li a:visited { color: #666; }
.map_menu ul.list_menu li a:hover, .map_menu ul.list_menu li a:active { color: #ee0000; }
.map_menu ul.list_menu li a.list_1 { background: url(../images/icons_list_dark.png) 0 0 no-repeat; }
.map_menu ul.list_menu li a.list_2 { background: url(../images/icons_list_dark.png) 0 -18px no-repeat; }
.map_menu ul.list_menu li a.list_3 { background: url(../images/icons_list_dark.png) 0 -36px no-repeat; }
.map_menu ul.list_menu li a.list_4 { background: url(../images/icons_list_dark.png) 0 -54px no-repeat; }
.map_menu ul.list_menu li a.list_5 { background: url(../images/icons_list_dark.png) 0 -72px no-repeat; }
.map_menu ul.list_menu li a.list_6 { background: url(../images/icons_list_dark.png) 0 -90px no-repeat; }

.number_people { display: none; float: left; font-size: 20px; }

.map_menu ul.view { float: right; list-style: none; margin: 0; overflow: hidden; padding: 0; }
.map_menu ul.view li { float: left; margin-left: 10px; height: 24px; }
.map_menu ul.view li a { color: #EE0000 !important; display: block; font-size: 12px; height: 24px; opacity: .5;  padding: 3px 0 0 30px; text-transform: uppercase; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }
.map_menu ul.view li a:hover, .map_menu ul.view li a.active { opacity: 1; }
.map_menu ul.view li a.view_1 { background: url(../images/icons_map_view.png) 0 0 no-repeat; }
.map_menu ul.view li a.view_2 { background: url(../images/icons_map_view.png) 0 -24px no-repeat; }

#chart_div { background: #eee; height: 500px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 1; }
#chart_menu { bottom: 70px; font-size: 13px; font-weight: bold; height: 0; list-style: none; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; z-index: 3; }
#chart_menu li { display: inline-block; margin: 0 3px; }
#chart_menu li a { background: #000; border-radius: 4px; color: #fff; display: block; padding: 3px 6px; text-decoration: none; }
#chart_menu li a:hover, #chart_menu li.active a { background: red; }

/* signers */
#signers .scroll_wrap { padding: 20px 0; min-height: 220px; }
#signers .scrollarea { font-size: 15px; height: auto; min-height: 220px; overflow: hidden; position: relative; width: 100%; margin: 80px 0px 0px 0px; }
#signers .scrollarea .content { bottom: 0; left: 0; position: relative; right: 0; top: 0; }
#signers .scrollarea .content:focus { outline: thin dotted; }
#signers .scrollarea .content::-webkit-scrollbar { visibility: hidden; }
#signers .has-scrollbar .content::-webkit-scrollbar { visibility: visible; }
#signers .scrollarea > .pane { bottom: 0; border-radius: 5px; opacity: .01; position: absolute; right: 0; top: 0; transition: .25s; visibility: hidden\9; -moz-transition: .25s; -o-transition: .25s; -webkit-transition: .25s; width: 10px; }
#signers .scrollarea > .pane > .slider { background: #eee; background: rgba(150,150,150,.5); border-radius: 3px; margin: 0 1px; position: relative; }
#signers .scrollarea:hover > .pane, .pane.active, .pane.flashed { opacity: 0.99; visibility: visible\9; }
ul.signers_list { list-style: none; margin: 0px; overflow: hidden; padding: 0; }
ul.signers_list li { border-radius: 5px; display: inline-block; float: left; margin: 0 10px 10px 0; padding: 8px 10px 10px; }
ul.signers_list li.signer_1 { background-color: #ee0000; }
ul.signers_list li.signer_2 { background-color: #d40000; }
ul.signers_list li.signer_3 { background-color: #ba0000; }
ul.signers_list li.signer_4 { background-color: #a10000; }
ul.signers_list li.signer_5 { background-color: #870000; }
ul.signers_list li.signer_6 { background-color: #6e0000; }
ul.signers_list li span { color: #fff !important; display: block; font-size: 13px; height: 18px; line-height: 20px; padding-left: 24px; }
ul.signers_list li.signer_1 span { background: url(../images/icons_list_light.png) 0 0 no-repeat; }
ul.signers_list li.signer_2 span { background: url(../images/icons_list_light.png) 0 -18px no-repeat; }
ul.signers_list li.signer_3 span { background: url(../images/icons_list_light.png) 0 -36px no-repeat; }
ul.signers_list li.signer_4 span { background: url(../images/icons_list_light.png) 0 -54px no-repeat; }
ul.signers_list li.signer_5 span { background: url(../images/icons_list_light.png) 0 -72px no-repeat; }
ul.signers_list li.signer_6 span { background: url(../images/icons_list_light.png) 0 -90px no-repeat; }

/* twitter profiles */
.twitter_profiles { margin-bottom: 40px; }
.tw_profile { border-radius: 50%; display: inline-block; float: left; height: 74px; margin: 0 12px 12px 0; opacity: .6; position: relative; width: 74px; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }
.tw_profile:hover { opacity: 1; }
.tw_profile img { display: block; border-radius: 50%; }
.tw_profile .tooltip { background: url(../images/tw_arrow.png) bottom center no-repeat; padding-bottom: 8px; position: absolute; top: -50px; z-index: 9; }
.tw_profile .tooltip div { background-color: #000; border-radius: 5px; color: #fff; font-size: 12px; padding: 8px 14px; text-align: center; text-transform: uppercase; white-space: nowrap; }
.tw_box { background-color: #fff; border-radius: 5px; font-size: 16px; line-height: 1.5em; padding: 20px; }
.tw_this { background-color: #333; color: #fff !important; display: inline-block; padding: 0 5px; }
.tw_this:hover { background-color: #ee0000; }
.tw_call { background-color: #ee0000; border-radius: 5px; color: #fff !important; font-size: 36px; line-height: 0.9em; padding: 20px; text-transform: uppercase; }
.tw_call .sub { font-size: 18px; }

/* box */
.box { background-color: #fff; border-radius: 5px; display: block; margin-bottom: 20px; overflow: hidden; padding: 20px; }
.box p { color: #333; }
.box .date { background: url(../images/date.png) left no-repeat; color: #666; display: inline-block; font-size: 11px; min-height: 11px; padding-left: 16px; }
.box h4 { margin-top: 0; }

/* video */
.video_wrap { background-color: #000; padding: 110px 0 0 0; }
.video_text { background-color: #fff; border-radius: 0 0 5px 5px; font-size: 15px; padding: 20px; }
.video_text h4 { color: #ee0000; font-size: 14px; margin: 0; text-transform: uppercase; }
.video_text h3 { font-size: 20px; margin: 5px 0 20px 0; text-transform: uppercase; }

/* flexslider */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { display: block; width: 100%; }
.flex-pauseplay span { text-transform: capitalize; }
.no-js .slides > li:first-child { display: block; }
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { height: 0; }
.flex-direction-nav a { background: url(../images/slider_nav.png) no-repeat; color: rgba(0,0,0,0.8); cursor: pointer; display: block; height: 48px; margin: -24px 0 0; moz-transition: all .3s ease; opacity: 0; overflow: hidden; position: absolute; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); top: 50%; transition: all .3s ease; -webkit-transition: all .3s ease; width: 48px; z-index: 10; }
.flex-direction-nav .flex-prev { background-position: bottom !important; left: -50px; }
.flex-direction-nav .flex-next { background-position: top !important; right: -50px; text-align: right; }
.flexslider:hover .flex-prev { left: 10px; opacity: 0.7; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
#original_signers_slider .flexslider:hover .flex-prev, #original_signers_slider .flexslider:hover .flex-next { opacity: 1; }
#original_signers_slider .flex-direction-nav a { background: url(../images/slider_nav_black.png) no-repeat; color: rgba(0,0,0,0.8); cursor: pointer; display: block; height: 48px; margin: -24px 0 0; moz-transition: none; opacity: 1; overflow: hidden; position: absolute; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); top: 50%; transition: none; -webkit-transition: none; width: 48px; z-index: 10; }
#original_signers_slider .flex-direction-nav .flex-prev { background-position: bottom !important; left: -50px; }
#original_signers_slider .flex-direction-nav .flex-next { background-position: top !important; right: -50px; text-align: right; }
#original_signers_slider .flexslider:hover .flex-prev { left: -50px; opacity: 1; }
#original_signers_slider .flexslider:hover .flex-next { opacity: 1; right: -50px; }
.flex-direction-nav .flex-disabled { cursor: default; filter: alpha(opacity=0); opacity: 0!important; }
.flex-direction-nav a:before { display: inline-block; }
.flex-direction-nav a.flex-next:before { }
.flex-pauseplay a { bottom: 5px; color: #000; cursor: pointer; display: block; height: 20px; left: 10px; opacity: 0.8; overflow: hidden; position: absolute; width: 20px; z-index: 10; }
.flex-pauseplay a:before { display: inline-block; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-control-nav { bottom: -40px; position: absolute; text-align: center; width: 100%; }
.flex-control-nav li { display: inline; display: inline-block; margin: 0 6px; zoom: 1; }
.flex-control-paging li a { background: #666; background: rgba(0,0,0,0.5); border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); cursor: pointer; display: block; height: 11px; -moz-border-radius: 20px; -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-border-radius: 20px; -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); text-indent: -9999px; -webkit-border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); width: 11px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; overflow: hidden; position: static; }
.flex-control-thumbs li { float: left; margin: 0; width: 25%; }
.flex-control-thumbs img { cursor: pointer; display: block; opacity: .7; width: 100%; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { cursor: default; opacity: 1; }
#carousel { height: 65px; left: 0; position: absolute; top: 20px; z-index: 99; }
#carousel ul { height: 65px; }
#carousel.limited ul { overflow: hidden; text-align: center; width: 960px !important; }
#carousel li { cursor: pointer; height: 63px !important; -khtml-user-select: none; margin: 0 5px; -moz-user-select: none; -ms-user-select: none; opacity: .75; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; width: 100px !important; }
#carousel.limited ul li { display: inline-block !important; float: none !important; }
#carousel li img { border: 1px solid #000; height: 63px !important; width: 100px !important; }
#carousel li.current, #carousel li.flex-active-slide { opacity: 1; }
#carousel li.current img, #carousel li.flex-active-slide img { border: 1px solid #fff; }
#carousel .flex-direction-nav { height: 63px; }
#carousel.limited .flex-direction-nav { display: none; }

#slider_text { list-style: none; margin: 0; overflow: hidden; padding: 0; }
#slider_text li { display: none; }
#slider_text li.current { display: block; }

#infographic_slider .slides li { text-align: center; }
#infographic_slider .slides img { display: inline-block; width: auto; }
#infographic_slider .flex-direction-nav a { background: url(../images/slider_nav_black.png) no-repeat; }
#original_signers_slider .flex-direction-nav a { background: url(../images/slider_nav_black.png) no-repeat; }

/* slider nav on mobile */
.mobile .flex-direction-nav .flex-prev { left: 0; opacity: 1 !important; }
.mobile .flex-direction-nav .flex-next { right: 0; opacity: 1 !important; }

/* player */
#play { background: url(../images/play.png) no-repeat; display: block; height: 100px; left: 50%; margin-top: -50px; margin-left: -50px; opacity: 0; position: absolute; top: 50%; width: 100px; z-index: 666; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
#play.show { opacity: 1; }
#player_popup { background: rgba(0,0,0,.9); position: fixed; top: 70px; left: 0; width: 100%; z-index: 8888; }
.video { margin: auto; height: 402px; width: 960px; }
#close_video { background: url(../images/close_video.png) no-repeat; display: block; float: right; height: 40px; margin: 50px 30px 0 0; opacity: .5; width: 40px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
#close_video:hover { opacity: 1; }

/* toolkit */
.toolkit_box { position: relative; }
.toolkit_box img { height: auto; width: 100%; }
.toolkit_box .label { background-color: #000; bottom: 20%; color: #fff !important; display: block; padding: 10px 0; position: absolute; text-align: center; text-transform: uppercase; width: 100%; }

/* stay updated */
.updated_form input[type=text] { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; font: 15px/1.45em 'Kreon', serif; margin-bottom: 10px; padding: 8px 10px; width: 408px; }
.updated_form select { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; font: 15px/1.45em 'Kreon', serif; margin-bottom: 10px; padding: 8px 10px; width: 430px; }
.updated_form textarea { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; font: 15px/1.45em 'Kreon', serif; margin-bottom: 10px; padding: 8px 10px; resize: none; width: 408px; }
.updated_form input[type="submit"] { background-color: #ee0000; border: 0; border-radius: 4px; color: #fff; font: 15px/1.45em 'Kreon', serif; padding: 8px 10px; text-transform: uppercase; width: 430px; -webkit-appearance: none; }
.updated_form input[type="submit"]:hover { background-color: #000; }

.follow { list-style: none; margin: 0; padding: 0; }
.follow li { float: none; display: inline-block; margin-right: 15px; }
.follow li a { background: url(../images/update_icons.png); background-repeat: no-repeat; display: block; font-size: 16px; height: 24px; line-height: 24px; padding-left: 28px;  }
.follow li.fb a { background-position: 0 0; }
.follow li.tw a { background-position: 0 -24px; }
.follow li.vi a { background-position: 0 -48px; }

/* Footer .............. */
footer { background-color: #EE0000; bottom: 0; height: 60px; left: 0; position: fixed; width: 100%; z-index: 9999; }
footer .container { height: 60px; }
footer .footer { left: 0; height: 68px; position: absolute; top: -10px; width: 100%; }
.footer_inner { margin: 0 auto; overflow: hidden; width: 440px; }
.footer_inner div { color: #fff; display: inline-block; float: left; font-family: 'noteworthylight'; font-size: 19px; height: 68px; line-height: 88px; }
.footer_inner div a { border: 4px solid #EE0000; border-radius: 50%; display: block; float: left; height: 60px; width: 60px; }
.footer div.social { margin: 0 10px; }
.footer_inner div a.social_fb { background: #fff url(../images/social.png) top no-repeat; }
.footer_inner div a.social_tw {  background: #fff url(../images/social.png) bottom no-repeat; }

footer .npl_logo { color: #fff !important; display: inline-block; font-family: 'noteworthylight'; font-size: 13px; position: absolute; right: 0; top: 18px; }
footer .npl_logo img { margin-left: 10px; vertical-align: middle; }

@font-face {
    font-family: 'noteworthylight';
    src: url('../font/noteworthy-webfont.eot');
    src: url('../font/noteworthy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/noteworthy-webfont.woff') format('woff'),
         url('../font/noteworthy-webfont.ttf') format('truetype'),
         url('../font/noteworthy-webfont.svg#noteworthylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
footer .special { font-family: 'noteworthylight'; }


/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	
	header .access_logo { background: url(../images/access_logox2.png) no-repeat; background-size: 170px 80px; }
	#sign_manifesto .fb { background: #4c66a4 url(../images/sign_fbx2.png) 10px 6px no-repeat; background-size: 24px 24px; }
	#sign_manifesto .tw { background: #0084b4 url(../images/sign_twx2.png) 10px 6px no-repeat; background-size: 24px 24px; }
	#read_manifesto { background: url(../images/read_arrowx2.png) bottom center no-repeat; background-size: 130px 70px; }
	article figure a.share_fb { background:url(../images/sign_fbx2.png) no-repeat; background-size: 24px 24px; }
	article figure a.share_tw { background:url(../images/sign_twx2.png) no-repeat; background-size: 24px 24px; }
	footer .social a.social_fb { background: #fff url(../images/socialx2.png) top no-repeat; background-size: 60px 120px; }
	footer .social a.social_tw {  background: #fff url(../images/socialx2.png) bottom no-repeat; background-size: 60px 120px; }
	.flex-direction-nav a { background: url(../images/slider_navx2.png) no-repeat; }
	.flex-direction-nav .flex-prev { background-position: bottom; background-size: 48px; }
	.flex-direction-nav .flex-next { background-position: top; background-size: 48px; }
	#infographic_slider .flex-direction-nav .flex-prev { background: url(../images/slider_nav_blackx2.png) no-repeat; background-position: bottom; background-size: 48px; }
	#infographic_slider .flex-direction-nav .flex-next { background: url(../images/slider_nav_blackx2.png) no-repeat; background-position: top; background-size: 48px; }
	.map_menu ul.view li a.view_1 { background: url(../images/icons_map_viewx2.png) 0 0 no-repeat; background-size: 24px 48px; }
	.map_menu ul.view li a.view_2 { background: url(../images/icons_map_viewx2.png) 0 -24px no-repeat; background-size: 24px 48px; }
	.box .date { background: url(../images/datex2.png) left no-repeat; background-size: 11px 11px; }
	.follow li a { background: url(../images/update_iconsx2.png) no-repeat; }
	.follow li.fb a { background-position: 0 0; background-size: 24px 72px; }
	.follow li.tw a { background-position: 0 -24px; background-size: 24px 72px; }
	.follow li.vi a { background-position: 0 -48px; background-size: 24px 72px; }
	#play { background: url(../images/playx2.png) no-repeat; background-size: 100px 100px; }
	#close_video { background: url(../images/close_videox2.png) no-repeat; background-size: 40px 40px; }
	article figure .share_label { background: url(../images/share_labelx2.png) no-repeat; background-size: 138px 36px; }
	#open_lang_menu { background: #d40000 url(../images/lang_arrowx2.png) 87% 12px no-repeat; background-size: 12px 6px; }
	.tw_profile .tooltip { background: url(../images/tw_arrowx2.png) bottom center no-repeat; background-size: 16px 8px; }
	
}

/* IE FIX .............. */
.ie7 .sign_form, .ie8 .sign_form { background: url(../images/sign_in_bg.png) repeat; }
.ie7 #player_popup, .ie8 #player_popup { background: url(../images/transp.png) repeat; }
.ie7 .flexslider:hover .flex-prev, .ie8 .flexslider:hover .flex-prev { opacity: 0; }
.ie7 .flexslider:hover .flex-next, .ie8 .flexslider:hover .flex-next { opacity: 0; }
.ie7 .flexslider:hover .flex-next:hover, .ie7 .flexslider:hover .flex-prev:hover, .ie8 .flexslider:hover .flex-next:hover, .ie8 .flexslider:hover .flex-prev:hover { opacity: 1; }


/* Tag cloud pagination */

.page_item {

	display: inline-block;
	position: relative;
	padding: 5px;
	width: 24px;
	text-align: center;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #6E0000;
	font-size: 12px;
	font-weight: 600;
	margin: 0px 5px 5px 0px;
	cursor: pointer;

}

.page_item.hide {

	display: none;

}

.page_item.active {

	color: #fff;
	background: #6E0000;
	border: 1px solid #EE0000;

}

.page_item:hover {

	color: #fff;
	background: #6E0000;
	border: 1px solid #EE0000;

}

.pagination_container {

	position: relative;
	margin-top: 10px;

}

.loading {

	background: url(../images/loading.gif) no-repeat center;

}

#map_wrap {

	position: relative;
	height: auto;

}

#signers {

	position: relative;
	height: auto;

}

/* RESPONSIVE ......................................... */

@media screen and (max-width: 979px) {
  
	.container { margin: 0 20px; width: auto; }
	nav { padding: 0 20px; }
	nav ul li { font-size: 14px; margin: 0 40px 0 0; }
	nav ul li:last-child .submenu { left: -100px; }
	.manifesto { margin-right: 320px; width: auto; }
	.manifesto_title { font-size: 40px; }
	.manifesto_title .sub { font-size: 22px; }
	.map_menu { border-radius: 0; width: auto; }
	#carousel { display: none !important; }
	.video { margin: 0 10px; height: auto; width: auto; }
	.video iframe { width: 100%; }
	.full_form_body input[type=text], .full_form_body select, .full_form_body textarea, .full_form_body input[type="submit"] { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; }
	.counter { font-size: 22px;}
	.counter .number { font-size: 50px; line-height: 50px; }
	.updated_form input[type=text], .updated_form select, .updated_form textarea, .updated_form input[type="submit"] { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; }	

}