@import "animate.css";
@import "jquery-ui-1.10.1.custom.min.css";
@import "bootstrap.css";
@import "bootstrap-additional.css";
@import "bootstrap-responsive.css";
@import "mediaelementplayer.css";
@import "mejs-skins.css";
@import "jquery.jscrollpane.css";
@import "jquery.isotope.css";
/* third-party: ANIMATE.CSS
-------------------------------------------------- */
/* third-party: JQUERY UI
-------------------------------------------------- */
/* third-party: TWITTER BOOTSTRAP
-------------------------------------------------- */
/* third-party: MEDIAELEMENT.JS
-------------------------------------------------- */
/* third-party: jScrollPane
-------------------------------------------------- */
/* third-party: JQUERY ISOTOPE
-------------------------------------------------- */
/* SITEWIDE SNIPPETS
-------------------------------------------------- */
.no-transition {
  -webkit-transition: none 0 linear !important;
  -moz-transition: none 0 linear !important;
  -ms-transition: none 0 linear !important;
  -o-transition: none 0 linear !important;
  transition: none 0 linear !important;
}
.no-transform {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.cover-bg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.zero_opacity {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.bootstrap-navbar {
  box-shadow: none;
  border: none;
}
.bootstrap-navbar .navbar-inner {
  border: none;
}
.bootstrap-navbar .navbar-inner .nav li a {
  text-shadow: none;
}
.v-align {
  width: 100%;
  display: table;
  height: 100%;
}
.v-align-wrapper {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.come-in-prepare {
  -webkit-transform: translateY(150px);
  -moz-transform: translateY(150px);
  -o-transform: translateY(150px);
  -ms-transform: translateY(150px);
  transform: translateY(150px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.come-in {
  -webkit-animation: come-in 0.6s ease forwards;
  -moz-animation: come-in 0.6s ease forwards;
  -ms-animation: come-in 0.6s ease forwards;
  -o-animation: come-in 0.6s ease forwards;
  animation: come-in 0.6s ease forwards;
}
.already-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
@-webkit-keyframes come-in {
  to {
    -webkit-transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
@-moz-keyframes come-in {
  to {
    -moz-transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
@-ms-keyframes come-in {
  to {
    -ms-transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
@-o-keyframes come-in {
  to {
    -o-transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
@keyframes come-in {
  to {
    transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
@keyframes come-in {
  to {
    transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
/* SITEWIDE CONFIG
-------------------------------------------------- */
@font-face {
  font-family: 'oswaldregular';
  src: url('oswald-regular.eot');
  src: url('oswald-regular.eot?#iefix') format('embedded-opentype'), url('oswald-regular.woff') format('woff'), url('oswald-regular.ttf') format('truetype'), url('oswald-regular.svg#oswaldregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oswaldlight';
  src: url('oswald-light-webfont.eot');
  src: url('oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('oswald-light-webfont.woff') format('woff'), url('oswald-light-webfont.ttf') format('truetype'), url('oswald-light-webfont.svg#oswaldlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* PRELOADER
-------------------------------------------------- */
#preloader {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11000;
  background: #2d2d2d;
  overflow: hidden;
}
#preloader .text {
  position: absolute;
  width: 100%;
  text-align: center;
}
#preloader .text .institute_logo {
  width: 100%;
  margin-top: -220px;
  position: absolute;
  height: 75px;
  background: url(/img/institute_white.png) top center no-repeat;
  background-size: 70px;
}
#preloader .text .institute_logo div {
  color: #FFF;
  font-style: italic;
  margin-top: 80px;
}
#preloader .text h1 {
  position: relative;
  top: -110px;
}
#preloader .text h2 {
  display: none;
  position: relative;
  top: -67px;
  display: inline-block;
  font: italic normal 20px Georgia;
  color: #fff;
}
#preloader .progress-bar-holder {
  width: 100%;
  height: 6px;
  background: #353535;
}
#preloader .progress-bar-holder .bar {
  width: 0;
  position: relative;
  height: 6px;
  background: #5fbeac;
}
#preloader .progress-bar-holder .bar:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 50px;
  background: #575757;
  top: -24px;
}
#preloader .progress-bar-holder .bar .percent {
  position: absolute;
  display: inline-block;
  right: -25px;
  top: -5px;
  color: #fff;
  margin-left: 5px;
  font: bold 14px Arial, Helvetica, sans-serif;
}
/* CONTACT
-------------------------------------------------- */
#contact {
  width: 100%;
  /*height: 370px;*/
  background: #111111;
  /*top: -370px;*/
  position: fixed;
  z-index: 1230;
  font: 14px/22px Georgia;
  color: #fff;
  -moz-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
#contact h1 {
  font: 26px 'oswaldregular';
}
#contact h2 {
  font: italic 18px/22px Georgia;
  font-weight: normal;
}
#contact a {
  color: #5fbeac;
  -moz-transition: color 150ms ease-in-out;
  -webkit-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
#contact a:hover {
  text-decoration: none;
  color: #83cdbf;
  -moz-transition: color 150ms ease-in-out;
  -webkit-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
#contact p {
  margin-top: 30px;
}
#contact .addresses:before,
#contact .form:before {
  display: block;
  position: absolute;
  top: 60px;
  margin-left: -60px;
  content: "";
  width: 80px;
  height: 250px;
  background: url(http://static.visionofhumanity.org/img/contact_divider.png) no-repeat;
}
#contact .lead_text {
  float: left;
  width: 33%;
}
#contact .lead_text .wrapper {
  margin: 60px 10%;
}
#contact .addresses {
  float: left;
  width: 33%;
}
#contact .addresses .wrapper {
  margin: 60px 10%;
}
#contact .addresses .wrapper .address {
  float: left;
  width: 40%;
  margin-right: 10%;
}
#contact .addresses .wrapper .address p {
  white-space: nowrap;
}
#contact .addresses .wrapper .jobs {
  display: block;
  clear: both;
  padding-top: 20px;
}
#contact .form {
  float: left;
  width: 33%;
}
#contact .form .wrapper {
  margin: 60px 10%;
}
#contact .form .wrapper h2 {
  margin-bottom: 30px;
}
#contact .form .wrapper form {
  width: 100%;
}
#contact .form .wrapper form label {
  display: inline-block;
  width: 15%;
  text-align: right;
  padding-right: 15px;
  background: transparent;
  font: 14px Georgia;
  color: #fff;
}
#contact .form .wrapper form div {
  margin-bottom: 10px;
}
#contact .form .wrapper form input.text,
#contact .form .wrapper form textarea.textarea {
  width: 75%;
  padding: 5px;
  border: none;
  -webkit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  resize: vertical;
}
#contact .form .wrapper form .submit {
  text-align: right;
}
#contact .form .wrapper form .submit .button-submit {
  display: inline-block;
  background: #5fbeac;
  font: 14px Georgia;
  color: #fff;
  padding: 10px 25px;
  border: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body.show-contact .navbar-fixed-top {
  z-index: 1230 !important;
}
body.show-contact #contact {
  /*top: 0 !important;
        .transition(@contact_duration, top, ease-in-out);
    }
    .navbar-fixed-top {
        /*top: 370px;
        .transition(@contact_duration, top, ease-in-out);*/
}
body.show-contact .navbar-fixed-top .dropdown-menu {
  /*top: 431px !important;
        .transition(@contact_duration, top, ease-in-out);*/
}
body.hide-contact .navbar-fixed-top {
  z-index: 1030 !important;
}
body.hide-contact #contact {
  /*top: -370px;
        .transition(@contact_duration, top, ease-in-out);*/
}
body.hide-contact .navbar-fixed-top {
  /*top: 0;
        .transition(@contact_duration, top, ease-in-out);*/
}
body.hide-contact .navbar-fixed-top .dropdown-menu {
  /*top: 61px !important;
        .transition(@contact_duration, top, ease-in-out);*/
}
/* SITEWIDE STYLING
-------------------------------------------------- */
body,
html {
  width: 100%;
  height: 100%;
}
body {
  font-family: Georgia;
}
body.no-overflow {
  overflow: hidden;
}
*:focus {
  outline: 0;
}
.popover {
  z-index: 1400;
}
h1,
h2,
h3,
h4,
h5,
p,
a,
span {
  -webkit-font-smoothing: antialiased;
}
.page,
.page-template {
  width: 100%;
  height: 100%;
}
.button {
  display: inline-block;
  background: #fff;
  padding: 15px 40px;
  text-transform: uppercase;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.button:hover {
  text-decoration: none;
}
.button.green {
  color: #19862b;
}
.button.italic {
  border: 1px #c0c0c0 solid;
  padding: 10px 20px;
  font: italic 13px Georgia;
  color: #333;
  text-transform: none;
}
.button.icon {
  border: 1px #c0c0c0 solid;
  font: 16px 'oswaldregular';
  text-transform: none;
  color: #333;
  padding: 7px 45px;
}
.button.icon.left {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -moz-transition: 150ms all ease-in-out;
  -webkit-transition: 150ms all ease-in-out;
  -ms-transition: 150ms all ease-in-out;
  -o-transition: 150ms all ease-in-out;
  transition: 150ms all ease-in-out;
}
.button.icon.left:hover {
  -webkit-transform: translate3d(10px, 0, 0);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
  -moz-transition: 150ms all ease-in-out;
  -webkit-transition: 150ms all ease-in-out;
  -ms-transition: 150ms all ease-in-out;
  -o-transition: 150ms all ease-in-out;
  transition: 150ms all ease-in-out;
}
.button.icon.right {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -moz-transition: 150ms all ease-in-out;
  -webkit-transition: 150ms all ease-in-out;
  -ms-transition: 150ms all ease-in-out;
  -o-transition: 150ms all ease-in-out;
  transition: 150ms all ease-in-out;
}
.button.icon.right:hover {
  -webkit-transform: translate3d(-10px, 0, 0);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
  -moz-transition: 150ms all ease-in-out;
  -webkit-transition: 150ms all ease-in-out;
  -ms-transition: 150ms all ease-in-out;
  -o-transition: 150ms all ease-in-out;
  transition: 150ms all ease-in-out;
}
.dark_green {
  color: #207273 !important;
}
.green {
  color: #5dbeab !important;
}
.yellow {
  color: #d9d34e !important;
}
.orange {
  color: #f5c28d !important;
}
.red {
  color: #fa5050 !important;
}
.dark_green_background {
  background-color: #207273 !important;
}
.green_background {
  background-color: #5dbeab !important;
}
.yellow_background {
  background-color: #f4eb9e !important;
}
.orange_background {
  background-color: #f5c28d !important;
}
.red_background {
  background-color: #fa5050 !important;
}
.gti_beige {
  color: #f0d7a2 !important;
}
.gti_skin {
  color: #fcbe91 !important;
}
.gti_orange {
  color: #fa7d50 !important;
}
.gti_red {
  color: #cd4340 !important;
}
.gti_claret {
  color: #8f2d30 !important;
}
.gti_dark_claret {
  color: #661b1d !important;
}
.gti_beige_background {
  background-color: #f0d7a2 !important;
}
.gti_skin_background {
  background-color: #fcbe91 !important;
}
.gti_orange_background {
  background-color: #fa7d50 !important;
}
.gti_red_background {
  background-color: #cd4340 !important;
}
.gti_claret_background {
  background-color: #8f2d30 !important;
}
.gti_dark_claret_background {
  background-color: #661b1d !important;
}
/* THE TOP NAVIGATION BAR
-------------------------------------------------- */
.fb_iframe_widget iframe {
  z-index: 1100;
}
.navbar-fixed-top {
  display: none;
  box-shadow: none;
  border: none;
  -moz-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.navbar-fixed-top .navbar-inner {
  border: none;
}
.navbar-fixed-top .navbar-inner .nav li a {
  text-shadow: none;
}
.navbar-fixed-top .navbar-inner {
  background: url(http://static.visionofhumanity.org/img/navbar_bg.png) repeat-x;
}
.navbar-fixed-top .navbar-inner .brand {
  position: relative;
  top: 18px;
  text-shadow: none;
  width: 143px;
  height: 33px;
  background: url(http://static.visionofhumanity.org/img/logo.png) 0 0 no-repeat;
  margin-left: 35px;
  text-indent: -9999px;
}
.navbar-fixed-top .navbar-inner #social-top a {
  margin-right: 1px;
  display: block;
  float: left;
  width: 36px;
  height: 63px;
}
.navbar-fixed-top .navbar-inner #social-top a.fb {
  background: url(http://static.visionofhumanity.org/img/social.png) top left no-repeat;
  background-position: 15px 23px;
}
.navbar-fixed-top .navbar-inner #social-top a.fb:hover {
  background-color: #3b5998;
  background-position: 15px -40px;
}
.navbar-fixed-top .navbar-inner #social-top a.tw {
  background: url(http://static.visionofhumanity.org/img/social.png) top left no-repeat;
  background-position: -22px 23px;
}
.navbar-fixed-top .navbar-inner #social-top a.tw:hover {
  background-color: #00aced;
  background-position: -22px -40px;
}
.navbar-fixed-top .navbar-inner #social-top a.go {
  background: url(http://static.visionofhumanity.org/img/social.png) top left no-repeat;
  background-position: -58px 23px;
}
.navbar-fixed-top .navbar-inner #social-top a.go:hover {
  background-color: #dd4b39;
  background-position: -58px -40px;
}
.navbar-fixed-top .navbar-inner #social-top a.in {
  background: url(http://static.visionofhumanity.org/img/social.png) top left no-repeat;
  background-position: -96px 23px;
}
.navbar-fixed-top .navbar-inner #social-top a.in:hover {
  background-color: #517fa4;
  background-position: -96px -40px;
}
.navbar-fixed-top .navbar-inner #social-top a.li {
  background: url(http://static.visionofhumanity.org/img/social.png) top left no-repeat;
  background-position: -134px 23px;
}
.navbar-fixed-top .navbar-inner #social-top a.li:hover {
  background-color: #007bb6;
  background-position: -134px -40px;
}
.navbar-fixed-top .navbar-inner .nav {
  /*margin-right: 35px;*/
}
.navbar-fixed-top .navbar-inner .nav li {
  line-height: 43px;
}
.navbar-fixed-top .navbar-inner .nav li a {
  position: relative;
  color: #b1b1b1;
  outline: none;
  font: 16px/43px 'oswaldregular';
}
.navbar-fixed-top .navbar-inner .nav li a.active {
  color: #fff;
  z-index: 1001;
}
.navbar-fixed-top .navbar-inner .nav li a.active:after {
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  content: "";
  width: 13px;
  height: 5px;
  background: url(http://static.visionofhumanity.org/img/navbar_caret.png) 0 0 no-repeat;
}
.navbar-fixed-top .navbar-inner .nav li a.active.contact:after {
  display: none;
}
.navbar-fixed-top .navbar-inner .nav li a:hover {
  background: transparent;
  filter: none;
}
.navbar-fixed-top .navbar-inner .nav li a.language {
  width: 63px;
  height: 63px;
  border-left: 1px solid #363636;
  display: block;
  padding: 0;
}
.navbar-fixed-top .navbar-inner .nav li a.language.en {
  background: transparent url(http://static.visionofhumanity.org/img/languages/en.png) no-repeat center center;
}
.navbar-fixed-top .navbar-inner .nav li a.language.es {
  background: transparent url(http://static.visionofhumanity.org/img/languages/es.png) no-repeat center center;
}
.navbar-fixed-top .navbar-inner .nav li a.language.fr {
  background: transparent url(http://static.visionofhumanity.org/img/languages/fr.png) no-repeat center center;
}
.navbar-fixed-top .navbar-inner .nav li .icondropdown-menu {
  display: none;
  position: absolute;
  width: 63px;
  top: 61px;
  background-color: #131313;
  list-style-type: none;
  margin: 0;
  padding: 0;
  right: 0px;
  border-left: 1px solid #363636;
  z-index: 1001;
}
.navbar-fixed-top .navbar-inner .nav li .icondropdown-menu li {
  list-style-type: none;
}
.navbar-fixed-top .navbar-inner .nav li .icondropdown-menu li a.language-icon {
  display: block;
  height: 60px;
}
.navbar-fixed-top .navbar-inner .nav li .icondropdown-menu li a.language-icon.language-icon-en {
  background: transparent url(http://static.visionofhumanity.org/img/languages/en.png) no-repeat center center;
}
.navbar-fixed-top .navbar-inner .nav li .icondropdown-menu li a.language-icon.language-icon-es {
  background: transparent url(http://static.visionofhumanity.org/img/languages/es.png) no-repeat center center;
}
.navbar-fixed-top .navbar-inner .nav li .icondropdown-menu li a.language-icon.language-icon-fr {
  background: transparent url(http://static.visionofhumanity.org/img/languages/fr.png) no-repeat center center;
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu {
  width: 100%;
  position: fixed;
  padding: 8px 0 8px 0;
  top: 61px;
  background: url(http://static.visionofhumanity.org/img/bg_overlay_light.png) repeat;
  box-shadow: none;
  border: none;
  -webkit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu:after {
  display: none;
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu.indexes-menu {
  padding-right: 60px;
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu.news-menu {
  padding-right: 55px;
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu li {
  float: right;
  line-height: 25px;
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu li a {
  color: #333;
  text-shadow: none;
  font: 16px/25px 'oswaldregular';
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu li a:hover {
  background: transparent;
  filter: none;
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu li a.active {
  color: #07b361;
}
.navbar-fixed-top .navbar-inner .nav li .dropdown-menu li a.active:after {
  display: none;
}
.navbar-fixed-top .navbar-inner .nav li.language.arrow {
  background: transparent url(http://static.visionofhumanity.org/img/languages/arrow.png) no-repeat 29px 53px;
  width: 64px;
  height: 63px;
}
.bottom-navbar {
  display: none;
  position: fixed;
  z-index: 1210;
  bottom: 25px;
  right: 25px;
}
.bottom-navbar .nav {
  list-style: none;
}
.bottom-navbar .nav li {
  float: left;
}
.bottom-navbar .nav li a {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  color: #8d8d8d;
  font: 10px Georgia;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.bottom-navbar .nav li a:after {
  position: absolute;
  content: "•";
  display: inline-block;
  right: 0;
}
.bottom-navbar .nav li a:hover {
  background: transparent;
  color: #747474;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.bottom-navbar .nav li a.help {
  display: block;
  height: 28px;
  width: 28px;
  background: transparent url(http://static.visionofhumanity.org/img/icon_help.png) no-repeat left top;
  text-indent: -9999px;
}
.bottom-navbar .nav li:last-child a:after {
  display: none;
}
.bottom-navbar .nav li:first-child a:after {
  display: none;
}
.subscribe-popover {
  display: none;
}
.popover .popover-title {
  display: none;
}
.popover.subscribe {
  margin-top: -7px;
}
.popover.subscribe .arrow {
  left: 52%;
}
.popover.subscribe h2 {
  font: 17px 'oswaldregular';
  margin-bottom: 15px;
}
.popover.subscribe .subscribe-form {
  margin-bottom: 0;
}
.popover.subscribe .subscribe-form .icon {
  float: left;
  width: 37px;
  height: 38px;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  border-right: 1px #9bdace solid;
}
.popover.subscribe .subscribe-form .icon.name {
  background: #72ccbb url(http://static.visionofhumanity.org/img/subscribe_name.png) 50% 50% no-repeat;
}
.popover.subscribe .subscribe-form .icon.email {
  background: #72ccbb url(http://static.visionofhumanity.org/img/subscribe_email.png) 50% 50% no-repeat;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.popover.subscribe .subscribe-form .text {
  border: none;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
  background: #72ccbb;
  color: #fff;
  font: 14px Georgia;
  font-style: italic;
  padding: 9px 10px;
  width: 150px;
  margin-bottom: 0;
}
.popover.subscribe .subscribe-form .text::-webkit-input-placeholder {
  color: #fff;
}
.popover.subscribe .subscribe-form .text::-moz-placeholder {
  color: #fff;
}
.popover.subscribe .subscribe-form .text:-ms-input-placeholder {
  color: #fff;
}
.popover.subscribe .subscribe-form .textinput:-moz-placeholder {
  color: #fff;
}
.popover.subscribe .subscribe-form .text.email {
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.popover.subscribe .subscribe-form .row {
  margin-left: 0;
  border-bottom: 1px #b6e3da solid;
}
.popover.subscribe .subscribe-form .row.email-row {
  border-bottom: none;
}
.popover.subscribe .subscribe-form .row-submit {
  text-align: right;
  margin-top: 10px;
}
.popover.subscribe .subscribe-form .row-submit .submit {
  border: 1px #c5c5c5 solid;
  font: 14px 'oswaldregular';
  color: #262626;
  padding: 10px 27px;
  text-transform: none;
}
/* LEFT SIDEBAR
-------------------------------------------------- */
.combined h3 {
  font: 26px 'oswaldregular';
  font-style: normal !important;
  margin-bottom: 20px;
}
.combined .ring {
  position: relative;
  width: 90px;
  float: left;
  margin-right: 10px;
}
.combined .ring .canvas {
  width: 90px;
  height: 90px;
  background: url(http://static.visionofhumanity.org/img/country_arc_bg.png);
}
.combined .ring h4 {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 18px;
  font: 12px 'oswaldregular';
}
.combined .ring h4 .number {
  display: block;
  font-style: normal;
  font: 26px/25px 'oswaldregular';
}
.combined .ring p {
  margin-top: 5px;
  text-align: center;
  line-height: 16px;
}
.factor {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: left;
}
.factor h5 {
  position: relative;
  font-size: 14px;
  display: inline-block;
  float: left;
  margin: 0;
  top: 4px;
  width: 40%;
  padding-right: 10px;
  font-weight: normal;
}
.factor .graph {
  float: left;
  width: 55%;
}
.factor .graph .bar-outer {
  position: relative;
  float: left;
  margin-top: 5px;
  width: 130px;
  height: 20px;
  background: #000;
  margin-right: 5px;
}
.factor .graph .bar-outer .average-marker {
  background: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 2;
  -webkit-border-radius: 100% 5px 5px 5px;
  -moz-border-radius: 100% 5px 5px 5px;
  border-radius: 100% 5px 5px 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-left: -5px;
  top: 5px;
}
.factor .graph .bar-outer .bar {
  width: 0;
  height: 20px;
  background: #11997f;
  -moz-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.factor .graph em {
  position: relative;
  float: left;
  top: 4px;
  font-style: normal;
  font: 12px/24px 'oswaldregular';
}
.sidebar {
  position: absolute;
  display: none;
  width: 375px;
  height: 100%;
  background: #fff;
  border-right: 1px #c0c0c0 solid;
  z-index: 1210;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -moz-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.sidebar.hidden {
  -webkit-transform: translateX(-375px);
  -moz-transform: translateX(-375px);
  -o-transform: translateX(-375px);
  -ms-transform: translateX(-375px);
  transform: translateX(-375px);
  -moz-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.sidebar .close,
.sidebar .remove-all {
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 27px;
  background: #000;
  z-index: 3;
  opacity: 1;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.sidebar .close .icon,
.sidebar .remove-all .icon {
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(http://static.visionofhumanity.org/img/icon_remove_white.png);
  top: 7px;
  right: 7px;
}
.sidebar .close .caption,
.sidebar .remove-all .caption {
  position: absolute;
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  left: 7px;
  top: 5px;
  color: #fff;
  font: normal 14px Georgia;
  text-shadow: none;
  -moz-transition: opacity 250ms ease-in-out;
  -webkit-transition: opacity 250ms ease-in-out;
  -ms-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.sidebar .close.left,
.sidebar .remove-all.left {
  right: 0;
}
.sidebar .close.right,
.sidebar .remove-all.right {
  left: 0;
}
.sidebar .close:hover,
.sidebar .remove-all:hover {
  background-color: #f8514f;
  padding-left: 10px;
  padding-right: 35px;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.sidebar .close:hover .caption,
.sidebar .remove-all:hover .caption {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-transition: opacity 250ms ease-in-out;
  -webkit-transition: opacity 250ms ease-in-out;
  -ms-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.sidebar .see-full-compare,
.sidebar .back-to-overview {
  display: none;
  position: relative;
  width: 375px;
  padding: 12px 0;
  left: -38px;
  background: #313131;
  z-index: 2;
}
.sidebar .see-full-compare .caption,
.sidebar .back-to-overview .caption {
  display: inline-block;
  font: 16px 'oswaldregular';
  color: #fff;
}
.sidebar .see-full-compare .icon,
.sidebar .back-to-overview .icon {
  display: inline-block;
  width: 12px;
  height: 14px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.sidebar .see-full-compare .icon.prev,
.sidebar .back-to-overview .icon.prev {
  background: url(http://static.visionofhumanity.org/img/icon_prev.png) 0 0 no-repeat;
  margin-right: 20px;
}
.sidebar .see-full-compare .icon.next,
.sidebar .back-to-overview .icon.next {
  background: url(http://static.visionofhumanity.org/img/icon_next.png) 0 0 no-repeat;
  margin-left: 20px;
}
.sidebar .see-full-compare:hover,
.sidebar .back-to-overview:hover {
  text-decoration: none;
  -moz-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.sidebar .see-full-compare:hover .icon,
.sidebar .back-to-overview:hover .icon {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.sidebar .see-full-compare .caption {
  margin-left: 130px;
}
.sidebar .back-to-overview .icon {
  margin-left: 35px;
}
.sidebar .scrollpane {
  position: absolute;
  top: 0;
  width: 375px;
  height: 100%;
}
.sidebar h1 {
  margin-top: 15px;
  font: 41px 'oswaldlight';
  text-transform: uppercase;
  text-align: center;
}
.sidebar h2 {
  width: 300px;
  padding: 10px 0;
  font: italic 24px Georgia;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  text-align: center;
}
.sidebar .wrapper {
  width: 300px;
  margin: 0 auto;
}
.sidebar .wrapper .table {
  margin-top: 20px;
}
.sidebar .wrapper .table thead th {
  font: 15px 'oswaldregular';
  white-space: nowrap;
  border-bottom: 1px #e5e5e5 solid;
}
.sidebar .wrapper .table thead th:hover {
  cursor: pointer;
}
.sidebar .wrapper .table thead th .arrows {
  display: inline-block;
  margin-left: 5px;
  width: 7px;
  height: 11px;
  background: url(http://static.visionofhumanity.org/img/sort.png) 0 0 no-repeat;
}
.sidebar .wrapper .table thead th.sorting_asc .arrows {
  background: url(http://static.visionofhumanity.org/img/sort_asc.png) 0 0 no-repeat;
}
.sidebar .wrapper .table thead th.sorting_desc .arrows {
  background: url(http://static.visionofhumanity.org/img/sort_desc.png) 0 0 no-repeat;
}
.sidebar .wrapper .table thead th .country-name {
  padding-left: 37px;
}
.sidebar .wrapper .table tr {
  border: none;
}
.sidebar .wrapper .table tr td {
  border-top: none;
  padding: 3px 8px;
}
.sidebar .wrapper .table tr td.rank {
  font: 15px 'oswaldregular';
}
.sidebar .wrapper .table tr td.rank.top-ten {
  color: #15896f;
}
.sidebar .wrapper .table tr td.name {
  padding-top: 3px;
}
.sidebar .wrapper .table tr td.index {
  padding-top: 3px;
  font: 12px 'oswaldregular';
}
.sidebar .wrapper .averages-path {
  position: absolute;
  width: 140px;
  z-index: 2;
}
.sidebar .wrapper p.subtitle {
  padding-top: 15px;
}
.sidebar .wrapper .social-share {
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  padding: 12px 0;
  text-align: left;
}
.sidebar .wrapper .social-share.country-compare {
  border-top: none;
  border-bottom: none;
}
.sidebar .wrapper .social-share .share-this {
  position: relative;
  top: 7px;
  display: inline-block;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 35px;
}
.sidebar .wrapper .social-share .share {
  position: relative;
  right: 10px;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  margin-right: 8px;
  -webkit-border-radius: 100% 5px 5px 5px;
  -moz-border-radius: 100% 5px 5px 5px;
  border-radius: 100% 5px 5px 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.sidebar .wrapper .social-share .share:last-child {
  margin-right: 0;
}
.sidebar .wrapper .social-share .share.facebook {
  background: #167e7b url(http://static.visionofhumanity.org/img/icon_share_facebook.png) 50% 50% no-repeat;
}
.sidebar .wrapper .social-share .share.twitter {
  background: #1d9180 url(http://static.visionofhumanity.org/img/icon_share_twitter.png) 50% 50% no-repeat;
}
.sidebar .wrapper .social-share .share.rss {
  background: #f54e4b url(http://static.visionofhumanity.org/img/icon_share_rss.png) 50% 50% no-repeat;
}
.sidebar .wrapper .social-share .share.pdf {
  background: #f54e4b url(http://static.visionofhumanity.org/img/icon_share_pdf.png) 50% 50% no-repeat;
}
.sidebar .wrapper .social-share .share.mail {
  background: #b0b0b0 url(http://static.visionofhumanity.org/img/icon_share_mail.png) 50% 50% no-repeat;
}
.sidebar .wrapper .popover .popover-title {
  display: none;
}
.sidebar .wrapper .indicators {
  margin-bottom: 30px;
}
.sidebar .wrapper .average-caption {
  display: inline-block;
  width: 140px;
  margin-left: 80px;
  margin-bottom: 0;
  text-align: center;
}
.sidebar .wrapper .country-list-entry {
  margin-bottom: 30px;
  padding: 20px 0 0 0;
  position: relative;
}
.sidebar .wrapper .country-list-entry .averages-path {
  margin-left: -29px;
}
.sidebar .wrapper .country-list-entry hr {
  position: absolute;
  left: -38px;
  top: 0;
  width: 368px;
  height: 1px;
  background: #e5e5e5;
  border: none;
  margin: 0;
}
.sidebar .wrapper .country-list-entry .flag-holder {
  position: relative;
  width: 100%;
  text-align: center;
}
.sidebar .wrapper .country-list-entry .flag-holder .flag {
  display: inline-block;
  margin-right: 0 !important;
  width: 20px !important;
}
.sidebar .wrapper .country-list-entry .flag-holder:before,
.sidebar .wrapper .country-list-entry .flag-holder:after {
  position: absolute;
  display: block;
  content: "";
  width: 43%;
  height: 1px;
  top: 43%;
  background: #ccc;
}
.sidebar .wrapper .country-list-entry .flag-holder:before {
  left: 0;
}
.sidebar .wrapper .country-list-entry .flag-holder:after {
  right: 0;
}
.sidebar .wrapper .country-list-entry .country-remove {
  position: absolute;
  display: inline-block;
  right: -37px;
  top: 0;
  width: 22px;
  height: 22px;
  background: #cfcfcf url(http://static.visionofhumanity.org/img/icon_remove.png) 50% 50% no-repeat;
  text-indent: -9999px;
}
.sidebar .wrapper .country-list-entry header {
  position: relative;
  border-bottom: 1px #ccc solid;
}
.sidebar .wrapper .country-list-entry header h2 {
  display: inline-block;
  width: 180px;
  left: 0;
  margin: 0;
  font: 40px/45px 'oswaldlight';
  text-transform: uppercase;
  text-align: left;
  border: none;
}
.sidebar .wrapper .country-list-entry header h3 {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 15px;
  margin: 0;
  font: italic 24px Georgia;
}
.sidebar .wrapper .country-list-entry header h3 em {
  color: #11997f;
}
.sidebar .wrapper .country-list-entry header.long-name h2 {
  display: block;
  font-size: 36px;
  line-height: 41px;
  width: 100%;
  padding-bottom: 0;
}
.sidebar .wrapper .country-list-entry header.long-name h3 {
  display: block;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  text-align: right;
  margin-bottom: 15px;
}
.sidebar .wrapper .country-list-entry h4 {
  font: 26px/32px 'oswaldlight';
  margin-bottom: 20px;
}
.sidebar .wrapper .country-list-entry h4 em {
  font-family: 'oswaldregular';
  color: #11997f;
  font-style: normal;
}
.sidebar .wrapper .country-list-entry .average-caption {
  margin-left: 118px;
}
.sidebar .wrapper .country-list-entry-single {
  padding-top: 30px;
  text-align: center;
}
.sidebar .wrapper .country-list-entry-single .flag-bar {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.sidebar .wrapper .country-list-entry-single .flag-bar .flag {
  display: inline-block;
  margin: 0 auto !important;
  width: 42px !important;
}
.sidebar .wrapper .country-list-entry-single .flag-bar:before,
.sidebar .wrapper .country-list-entry-single .flag-bar:after {
  display: block;
  content: "";
  position: absolute;
  top: 40%;
  width: 40%;
  height: 1px;
  background: #cdcdcd;
}
.sidebar .wrapper .country-list-entry-single .flag-bar:before {
  left: 0;
}
.sidebar .wrapper .country-list-entry-single .flag-bar:after {
  right: 0;
}
.sidebar .wrapper .country-list-entry-single h2 {
  margin: -10px 0 -25px 0;
  font: 61px/65px 'oswaldlight';
  border: none;
  text-transform: uppercase;
}
.sidebar .wrapper .country-list-entry-single h2.small {
  font-size: 40px;
}
.sidebar .wrapper .country-list-entry-single h2.medium {
  font-size: 52px;
}
.sidebar .wrapper .country-list-entry-single h3 {
  font-size: 26px;
  font-weight: normal;
  font-style: italic;
  text-align: center;
}
.sidebar .wrapper .country-list-entry-single h3.smaller {
  font-size: 20px;
}
.sidebar .wrapper .country-list-entry-single .rank {
  position: relative;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  margin: 20px 0;
  padding: 30px 0;
  text-align: center;
}
.sidebar .wrapper .country-list-entry-single .rank .rank-caption {
  display: inline-block;
  font: italic 18px/20px Georgia;
  text-align: right;
  margin-right: 10px;
  width: 100px;
}
.sidebar .wrapper .country-list-entry-single .rank .rank-score {
  display: inline-block;
  font: 51px/55px 'oswaldlight';
}
.sidebar .wrapper .country-list-entry-single .rank .total-caption {
  display: inline-block;
  font: italic 18px/20px Georgia;
  text-align: right;
  margin: 0 10px;
  width: 35px;
}
.sidebar .wrapper .country-list-entry-single .rank .total {
  display: inline-block;
  font: 51px/55px 'oswaldlight';
}
.sidebar .wrapper .country-list-entry-single .selected-factor {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px #ccc solid;
  text-align: center;
}
.sidebar .wrapper .country-list-entry-single .selected-factor h5 {
  font: italic 18px Georgia;
  width: 100%;
  margin: 0;
  text-align: left;
}
.sidebar .wrapper .country-list-entry-single .selected-factor h4 {
  font: 24px/40px 'oswaldregular';
}
.sidebar .wrapper .country-list-entry-single .selected-factor .specified {
  position: relative;
  text-align: left;
}
.sidebar .wrapper .country-list-entry-single .selected-factor .specified h5 {
  display: inline-block;
  width: auto;
  position: relative;
  left: 0;
}
.sidebar .wrapper .country-list-entry-single .selected-factor .specified .specified-rank {
  display: inline-block;
  font: italic 18px Georgia;
  right: 0;
  position: absolute;
}
.sidebar .wrapper .country-list-entry-single .selected-factor .bar-chart {
  position: relative;
  width: 100%;
}
.sidebar .wrapper .country-list-entry-single .selected-factor .bar-chart .number {
  top: -3px;
  position: absolute;
  font: 14px 'oswaldregular';
  right: 0;
}
.sidebar .wrapper .country-list-entry-single .selected-factor .bar-chart .bar-holder {
  width: 243px;
  height: 15px;
  background: #eaeaea;
}
.sidebar .wrapper .country-list-entry-single .selected-factor .bar-chart .bar-holder .bar {
  width: 0;
  height: 100%;
}
.sidebar .wrapper .country-list-entry-single .see-full-stats,
.sidebar .wrapper .country-list-entry-single .see-summary,
.sidebar .wrapper .country-list-entry-single .see-index,
.sidebar .wrapper .country-list-entry-single .pdf-download {
  display: inline-block;
  margin: 20px auto;
  border: 1px #1c924f solid;
  font: 15px 'oswaldregular';
  color: #1c924f;
  text-transform: none;
  padding-top: 9px;
  padding-bottom: 9px;
}
.sidebar .wrapper .country-list-entry-single .see-full-stats,
.sidebar .wrapper .country-list-entry-single .pdf-download {
  margin-top: 0;
}
.sidebar .wrapper .country-list-entry-single .pdf-download {
  padding-left: 35px;
  padding-right: 35px;
}
.sidebar .wrapper .country-list-entry-single .see-index {
  margin-top: 30px;
}
.sidebar .wrapper .country-list-entry-single .full-stats {
  width: 330px;
  display: none;
}
.sidebar .wrapper .country-list-entry-single .full-stats h3 {
  font: 26px 'oswaldregular';
}
.sidebar .wrapper .country-list-entry-single .related-news {
  display: none;
  text-align: left;
}
.sidebar .wrapper .country-list-entry-single .related-news h3 {
  margin: 20px 0;
  font: 26px 'oswaldregular';
}
.sidebar .wrapper .country-list-entry-single .related-news .entry {
  display: block;
  margin-bottom: 12px;
  width: 300px;
}
.sidebar .wrapper .country-list-entry-single .related-news .entry:last-child {
  margin-bottom: 24px;
}
.sidebar .wrapper .country-list-entry-single .related-news .entry img {
  display: block;
  float: left;
  width: 94px;
}
.sidebar .wrapper .country-list-entry-single .related-news .entry .text {
  float: left;
  margin-left: 12px;
  width: 190px;
}
.sidebar .wrapper .country-list-entry-single .related-news .entry .text h4 {
  margin-top: 0;
  font: 18px 'oswaldregular';
  color: #232323;
}
.sidebar .wrapper .country-list-entry-single .related-news .entry .text p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
  color: #232323;
}
.sidebar#select-sidebar {
  right: 0;
  width: 225px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -moz-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.sidebar#select-sidebar.hidden {
  -webkit-transform: translateX(225px);
  -moz-transform: translateX(225px);
  -o-transform: translateX(225px);
  -ms-transform: translateX(225px);
  transform: translateX(225px);
  -moz-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.sidebar#select-sidebar .scrollpane {
  width: 225px;
  overflow: hidden;
}
.sidebar#select-sidebar .wrapper {
  width: 210px;
  padding-top: 47px;
}
.sidebar#select-sidebar .wrapper h2 {
  width: 185px;
  margin: 0 auto;
  font-size: 18px;
}
.sidebar#select-sidebar .wrapper .list {
  list-style: none;
  margin: 20px 0;
}
.sidebar#select-sidebar .wrapper .list li a {
  display: block;
  color: #000;
  padding: 5px 20px;
  margin: 0;
}
.sidebar#select-sidebar .wrapper .list li a:hover {
  background: #00cc90 url(http://static.visionofhumanity.org/img/icon_plus.png) 92% 50% no-repeat;
  text-decoration: none;
}
.sidebar#select-sidebar .wrapper .list li a.selected {
  background: #f5c38d url(http://static.visionofhumanity.org/img/icon_close_white.png) 92% 50% no-repeat;
}
.sidebar#select-sidebar .wrapper .list li a .flag {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 7px;
  width: 15px;
  border: 1px #060338 solid;
}
.sidebar#select-sidebar .select-factor h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 20px 0;
  line-height: 20px;
}
.sidebar#select-sidebar .select-factor h3 a {
  display: block;
  padding: 8px 20px;
  color: #333;
}
.sidebar#select-sidebar .select-factor h3 a:hover {
  background: #00cc90;
  text-decoration: none;
}
.sidebar#select-sidebar .select-factor h3 a.selected {
  background: #f5c38d;
}
.sidebar#select-sidebar .select-factor .list {
  margin: 0;
}
.sidebar#select-sidebar .select-factor .list li a:hover {
  background-image: url(http://static.visionofhumanity.org/img/icon_arrow_right.png);
}
.sidebar#select-sidebar .select-factor .list li a.selected:hover {
  background-image: url(http://static.visionofhumanity.org/img/icon_close_white.png);
}
.sidebar#details-sidebar .close {
  right: 13px;
}
.sidebar#details-sidebar.wide {
  width: 455px !important;
}
.sidebar#details-sidebar.wide .scrollpane {
  width: 455px;
}
.sidebar#details-sidebar.wide .wrapper {
  width: 380px;
}
.sidebar#details-sidebar.wide .back-to-overview {
  width: 455px;
}
.sidebar#details-sidebar.wide .back-to-overview {
  left: 0;
}
.sidebar#details-sidebar.extra-wide h1 {
  margin-top: 63px;
  width: 455px;
}
.sidebar#details-sidebar.extra-wide h2 {
  width: 395px;
  margin-left: 30px;
  margin-bottom: 25px;
}
.sidebar#details-sidebar.extra-wide .full-compare-legend {
  margin-left: 30px;
}
.sidebar#details-sidebar.extra-wide .full-compare-entry.with-margin {
  margin-right: 30px;
}
.sidebar#details-sidebar.extra-wide .back-to-overview {
  left: 0;
  top: 0;
  position: fixed;
}
.sidebar#details-sidebar.extra-wide .remove-all {
  position: fixed;
  top: 0;
  left: 427px;
  -webkit-transition: none 0 linear !important;
  -moz-transition: none 0 linear !important;
  -ms-transition: none 0 linear !important;
  -o-transition: none 0 linear !important;
  transition: none 0 linear !important;
}
.sidebar#details-sidebar.extra-wide .remove-all:hover {
  left: 383px;
  -webkit-transition: none 0 linear !important;
  -moz-transition: none 0 linear !important;
  -ms-transition: none 0 linear !important;
  -o-transition: none 0 linear !important;
  transition: none 0 linear !important;
}
.sidebar#details-sidebar.extra-wide .back-to-overview {
  left: 0;
}
.sidebar#details-sidebar .factor-header {
  margin-bottom: 0;
  border-bottom: none;
  border-top: none;
  padding-top: 0;
  top: -10px;
  position: relative;
}
.sidebar#details-sidebar .flag {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 20px;
  width: 15px;
  border: 1px #060338 solid;
}
.sidebar .full-compare-legend {
  display: inline-block;
  float: left;
}
.sidebar .full-compare-legend .gpi {
  display: block;
  margin-top: 34px;
  margin-bottom: 3px;
  padding: 5px 0 5px 5px;
  background: url(http://static.visionofhumanity.org/img/bg_overlay_gray.png) repeat;
  font: 14px Georgia;
}
.sidebar .full-compare-legend .factors {
  margin: 0;
  list-style: none;
}
.sidebar .full-compare-legend .factors li {
  padding: 6px 25px 5px 5px;
  font: 14px Georgia;
  color: #000;
  white-space: nowrap;
}
.sidebar .full-compare-top {
  display: none;
}
.sidebar .full-compare-top h2 {
  margin: 0 auto 25px auto;
}
.sidebar .full-compare-entry {
  display: none;
  float: left;
}
.sidebar .full-compare-entry .rank-holder {
  text-align: center;
  padding-bottom: 3px;
}
.sidebar .full-compare-entry .rank-holder .flag-holder {
  width: 15px;
  height: 10px;
  margin: 11px 14px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px #040763 solid;
}
.sidebar .full-compare-entry .rank-holder .gpi {
  display: block;
  font: 12px 'oswaldregular';
  padding: 5px 0;
  background: url(http://static.visionofhumanity.org/img/bg_overlay_gray.png) repeat;
}
.sidebar .full-compare-entry .factors {
  margin: 0;
  list-style: none;
}
.sidebar .full-compare-entry .factors li {
  text-align: center;
  font: 12px 'oswaldregular';
  padding: 5px 0;
}
/* FOOTER
-------------------------------------------------- */
/* PAGE: WELCOME
-------------------------------------------------- */
.page#welcome {
  background: url(http://static.visionofhumanity.org/img/bg_overlay.png) repeat;
}
.page#welcome .welcome-container {
  width: 705px;
  margin: 0 auto;
}
.page#welcome .welcome-container header.welcome {
  text-align: center;
  color: #fff;
}
.page#welcome .welcome-container header.welcome h2 {
  margin-bottom: 20px;
  font-style: italic;
  font-weight: normal;
}
.page#welcome .welcome-container .buttons {
  width: 100%;
  padding: 25px 0;
  text-align: center;
}
.page#welcome .welcome-container .inside {
  padding: 30px;
  background: #f9f6f1 url(http://static.visionofhumanity.org/img/bg_welcome_inside.png) 0 100% no-repeat;
}
.page#welcome .welcome-container .inside .lead {
  display: block;
  padding: 20px 70px;
  background-color: #fff;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
/* PAGE: NEWS
-------------------------------------------------- */
#page-preloader {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
#page-preloader .loader {
  position: absolute;
  left: 50%;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background: url(http://static.visionofhumanity.org/img/page_preloader.gif) 0 0 no-repeat;
}
.news-bottom {
  position: absolute;
  width: 100%;
  bottom: 25px;
  z-index: 1209;
  -moz-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.news-bottom .onboarding-info {
  display: none;
  position: absolute;
  top: -130px;
  margin-left: 30px;
  height: 110px;
  font: italic 18px/26px Georgia;
  color: #fff;
  background: url(http://static.visionofhumanity.org/img/arrow_bottom_news.png) 60% 100% no-repeat;
}
.news-bottom.onboarding {
  z-index: 9999;
  -moz-transition: all 250ms ease-in-out;
  -webkit-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  /*bottom: -55px !important;*/
}
.news-bottom.onboarding .onboarding-info {
  display: block;
}
.news-bottom .container {
  width: 960px;
  padding: 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.news-bottom .container .news-bottom-element {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.15);
}
.news-bottom .container .news-bottom-element .read-more {
  background-color: rgba(255, 255, 255, 0.15);
}
.news-bottom .container .news-item {
  padding-bottom: 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.news-bottom .container .news-item:hover {
  background: #eaeaea;
  cursor: pointer;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.news-bottom .container .news-item h3 {
  font: 15px 'oswaldregular';
  margin-left: 20px;
  margin-right: 20px;
}
.news-bottom .container .news-item p {
  margin-left: 20px;
  margin-right: 20px;
  font: 12px Georgia;
}
.news-bottom .container .news-item .image {
  width: auto;
  height: 70px;
  background: #eaeaea;
  margin: 0 10px 10px 10px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.news-bottom .container .news-item .image.empty {
  background: none;
}
.news-bottom .container .news-item .read-more {
  margin: 0 20px;
  padding: 5px 15px;
  color: #1c924f !important;
  font: 12px 'oswaldregular';
  text-transform: none;
  border: 1px #1c924f solid;
}
.template.news-entry .container .share_this_article {
  font-family: 'oswaldlight';
  font-weight: bold;
  float: left;
  margin: 21px 10px 0 0;
}
.template.news-entry .container h1 {
  color: #232323;
}
.template.news-entry .container .fb_iframe_widget span {
  width: 100% !important;
}
.template.news-entry .container .left-side {
  float: right;
  margin-top: -15px;
  font-style: italic;
  text-align: right;
  width: 100px;
  margin-right: 20px;
}
.template.news-entry .container .left-side p {
  font-size: 14px !important;
  margin: -10px;
}
.template.news-entry .container .left-side p.bigger {
  font-size: 18px !important;
  margin-top: 15px;
}
.template.news-entry .container .excerpt {
  float: left;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 810px;
}
.template.news-entry .container .excerpt p.full-text {
  font: italic 26px Georgia;
  line-height: 34px;
  width: 600px;
  float: left;
  color: #232323;
}
.template.news-entry .container .tags {
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 30px;
  font: 18px Georgia;
}
.template.news-entry .container .tags a {
  color: #1c924f;
  font: 14px Georgia;
}
.template.news-entry .container .tags a:after {
  content: ",";
}
.template.news-entry .container .tags a:last-child:after {
  content: "";
}
.template.news-entry .container .tags p {
  font-size: 22px !important;
  font-style: italic;
}
.template.news-entry .container .body li {
  font: 18px Georgia;
}
.template.news-entry .container .body p {
  font: 16px Georgia;
  margin-bottom: 30px;
  color: #232323;
  line-height: 22px;
}
.template.news-entry .container .featured {
  margin-top: 20px;
  background: #f3f3f3;
}
.template.news-entry .container .featured h2 {
  margin-left: 0;
  margin-top: 20px;
  display: block;
  font: italic 28px Georgia;
  text-align: center;
}
.template.news-entry .container .featured .entry {
  padding: 10px;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.template.news-entry .container .featured .entry:hover {
  cursor: pointer;
  background: #e5e5e5;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.template.news-entry .container .featured .entry .image {
  width: auto;
  height: 85px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.template.news-entry .container .featured .entry h3 {
  font: 26px 'oswaldlight';
  text-transform: none;
}
.template.news-entry .container .featured .entry p {
  font: 15px Georgia;
}
.template.news-list .container h1 {
  border-bottom: none !important;
  left: 0;
}
.template.news-list .container .row {
  margin-left: 0;
}
.template.news-list .container .options {
  margin-bottom: 20px;
}
.template.news-list .container .options .topics {
  float: left;
  list-style: none;
}
.template.news-list .container .options .topics li {
  float: left;
  display: block;
}
.template.news-list .container .options .topics li a {
  display: inline-block;
  border-left: 1px #949494 solid;
  border-top: 1px #949494 solid;
  border-bottom: 1px #949494 solid;
  padding: 10px 30px;
  text-align: center;
  font: 14px 'oswaldregular';
  color: #000;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.template.news-list .container .options .topics li a:hover {
  text-decoration: none;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background: #f3f3f3;
}
.template.news-list .container .options .topics li a.active {
  color: #1b924f;
}
.template.news-list .container .options .topics li:first-child a {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.template.news-list .container .options .topics li:last-child a {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border-right: 1px #949494 solid;
}
.template.news-list .container .options .toolbar {
  position: relative;
  float: right;
}
.template.news-list .container .options .toolbar .search {
  float: right;
  border: 1px #949494 solid;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 30px;
  font: 16px 'oswaldregular';
  color: #161616;
  background: #ffffff url(http://static.visionofhumanity.org/img/icon_return.png) 90% 50% no-repeat;
}
.template.news-list .container .options .toolbar .search::-webkit-input-placeholder {
  color: #161616;
}
.template.news-list .container .options .toolbar .search::-moz-input-placeholder {
  color: #161616;
}
.template.news-list .container .options .toolbar .dropdown {
  float: right;
}
.template.news-list .container .options .toolbar .dropdown .dropdown-trigger {
  display: inline-block;
  position: relative;
  margin-left: 20px;
  padding: 10px 95px 10px 30px;
  font: 16px 'oswaldlight';
  color: #fff;
  background: #3f3f3f;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.template.news-list .container .options .toolbar .dropdown .dropdown-trigger:hover,
.template.news-list .container .options .toolbar .dropdown .dropdown-trigger.open {
  text-decoration: none;
  background: #313131;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.template.news-list .container .options .toolbar .dropdown .dropdown-trigger .caret {
  position: absolute;
  width: 12px;
  height: 8px;
  margin: 0;
  background: url(http://static.visionofhumanity.org/img/arrow_down_white.png) 0 0 no-repeat;
  top: 19px;
  right: 20px;
  border: none;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.template.news-list .container .options .toolbar .dropdown .dropdown-menu {
  margin-left: 20px;
  border: none;
  width: 171px;
  background: #3f3f3f;
}
.template.news-list .container .options .toolbar .dropdown .dropdown-menu li a {
  font: 16px 'oswaldlight';
  color: #fff;
  padding: 3px 30px;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.template.news-list .container .options .toolbar .dropdown .dropdown-menu li a:hover {
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background: #393939;
}
.template.news-list .container .options .toolbar .dropdown .dropdown-menu li a.active {
  background: #313131;
}
.template.news-list .container .entries .entries-template {
  width: 100% !important;
}
.template.news-list .container .entries .entries-template .featured-holder {
  float: right;
  position: relative;
  right: 10px;
}
.template.news-list .container .entries .entry {
  position: relative;
  background: #f3f3f3;
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 270px !important;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.template.news-list .container .entries .entry.media {
  margin-top: 0 !important;
}
.template.news-list .container .entries .entry:hover {
  cursor: pointer;
  background: #e5e5e5;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.template.news-list .container .entries .entry .image {
  position: relative;
  width: auto;
  height: 145px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.template.news-list .container .entries .entry .image .video-button {
  position: absolute;
  width: 72px;
  height: 72px;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
  background: url(http://static.visionofhumanity.org/img/news_video.png) 50% 50% no-repeat;
}
.template.news-list .container .entries .entry h2 {
  font: normal 30px/30px 'oswaldlight';
  text-transform: none;
  margin: 20px 20px 0 20px;
}
.template.news-list .container .entries .entry h2.medium {
  font-size: 22px;
  line-height: 24px;
}
.template.news-list .container .entries .entry h2.small {
  font-size: 18px;
  line-height: 20px;
}
.template.news-list .container .entries .entry p {
  display: block;
  font: 15px Georgia;
  margin-left: 20px;
  margin-right: 20px;
}
.template.news-list .container .entries .entry .bottom-bar {
  left: 0px;
  /*margin: 20px;*/
  overflow: hidden;
  /*padding-bottom: 20px;*/
  bottom: 20px;
  position: absolute;
  width: 100%;
}
.template.news-list .container .entries .entry .bottom-bar .pull-left {
  margin-left: 20px;
  width: 45%;
}
.template.news-list .container .entries .entry .bottom-bar .pull-left.tags {
  font-size: 15px;
}
.template.news-list .container .entries .entry .bottom-bar .pull-left.tags a {
  display: inline-block;
  color: #1c924f;
}
.template.news-list .container .entries .entry .bottom-bar .pull-left.tags a:after {
  content: ", ";
}
.template.news-list .container .entries .entry .bottom-bar .pull-left.tags a:last-child:after {
  content: "";
}
.template.news-list .container .entries .entry .bottom-bar .pull-right {
  margin-right: 20px;
  width: 40%;
}
.template.news-list .container .entries .entry .bottom-bar .pull-right .icon {
  display: block;
  font: 14px 'oswaldregular';
  font-weight: bold;
  padding-left: 20px;
  word-wrap: break-word;
}
.template.news-list .container .entries .entry .bottom-bar .pull-right .icon.date {
  background: url(http://static.visionofhumanity.org/img/icon_date_green.png) 0 50% no-repeat;
}
.template.news-list .container .entries .entry .bottom-bar .pull-right .icon.comments {
  background: url(http://static.visionofhumanity.org/img/icon_comment_green.png) 0 50% no-repeat;
}
.template.news-list .container .entries .featured-holder {
  margin-left: 0;
}
.template.news-list .container .entries .featured-holder .entry {
  position: relative;
  color: #fff;
  background: #303030;
  float: none !important;
}
.template.news-list .container .entries .featured-holder .entry:hover {
  background: #212121;
}
.template.news-list .container .entries .featured-holder .entry .featured {
  display: inline-block;
  position: absolute;
  right: 0;
  font: italic 15px Georgia;
  text-align: center;
  padding: 7px 30px;
  background: rgba(48, 48, 48, 0.8);
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
/*Sidebar boxes templates*/
.sidebar-box {
  margin-top: 20px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fafafa;
}
.sidebar-box h2 {
  font-size: 26px !important;
  font-family: 'Georgia' !important;
  text-transform: none !important;
  font-style: italic !important;
  margin: 0px !important;
  padding: 0px !important;
  padding-bottom: 15px !important;
}
.sidebar-box h3 {
  font-family: 'oswaldlight' !important;
  font-size: 22px !important;
  line-height: 32px !important;
  text-transform: none !important;
  margin: 0px !important;
  padding: 0px !important;
}
.sidebar-box h3.related-articles {
  height: 35px;
  overflow: hidden;
  margin-bottom: 5px !important;
}
.sidebar-box p {
  font-size: 14px !important;
  font-weight: lighter !important;
  line-height: 18px !important;
}
.sidebar-box p.related-articles {
  height: 35px;
  overflow: hidden;
}
.sidebar-box p.download-file {
  float: left;
  margin-left: 5px;
  width: 85%;
}
.sidebar-box p.bolded {
  font-weight: bold !important;
  font-family: 'Helvetica' !important;
  font-size: 14px !important;
}
.sidebar-box p.bolded.download-file {
  margin-left: 30px;
}
.sidebar-box p.bolded.big-size {
  font-family: 'oswaldregular' !important;
  font-size: 16px !important;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}
.sidebar-box p.bolded.big-size.endorsers-text {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 75%;
}
.sidebar-box a {
  color: #268d55;
  text-decoration: underline;
}
.sidebar-box a.see-list {
  display: block;
  padding-top: 15px;
  text-decoration: none;
  font-style: italic;
}
.sidebar-box a.ddl-btn {
  display: block;
  text-align: center;
  font-family: 'oswaldregular';
  font-size: 12px !important;
  width: 94px;
  height: 20px;
  border: 1px solid #268d55;
  border-radius: 5px;
  text-decoration: none;
}
.sidebar-box a.ddl-btn.download-file {
  float: right;
  margin-top: -2px;
}
.sidebar-box img {
  float: left;
  width: 27%;
  /*84*/
  /*height: 84px;*/
  height: auto;
  margin-bottom: 30px;
}
.sidebar-box img.last {
  margin-bottom: 0px;
}
.sidebar-box img.rel-index-img {
  width: 29%;
  /*90*/
  /*height: 60px;*/
  margin-bottom: 0px;
}
.sidebar-box img.endorsers-img {
  width: 15%;
  /*48*/
  /*height: 48px;*/
  margin-bottom: 10px;
}
.sidebar-box img.full-width {
  width: 100% !important;
  /*324*/
  /*height: 117px !important;*/
}
.sidebar-box .file-img {
  float: left;
  width: 19px;
  height: 19px;
  background: url('http://static.visionofhumanity.org/img/doc-ddl.png');
  margin-right: 5px;
}
.sidebar-box .text-pane {
  float: left;
}
.sidebar-box .text-pane-with-image {
  float: left;
  padding-left: 5%;
  width: 68%;
}
.sidebar-box .rel-index-text {
  float: left;
  margin-left: 15px;
}
.sidebar-box a.report-ddl-row {
  color: #333333;
}
.sidebar-box a.report-ddl-row .ddl-color-btn {
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 20px;
}
.sidebar-box a.report-ddl-row .ddl-color-btn.red {
  background-color: #f95053;
}
.sidebar-box a.report-ddl-row .ddl-color-btn.orange {
  background-color: #f5c48c;
}
.sidebar-box a.report-ddl-row .ddl-color-btn.yellow {
  background-color: #f4eba0;
}
.sidebar-box a.report-ddl-row .ddl-color-btn.green {
  background-color: #61beab;
}
.sidebar-box a.report-ddl-row .ddl-color-btn span.ddl-arrow {
  display: block;
  width: 16px;
  height: 15px;
  margin: auto;
  margin-top: 28px;
  background: url('http://static.visionofhumanity.org/img/ddl-arrow.png');
}
.sidebar-box a.report-ddl-row .ddl-text {
  float: left;
  margin-top: 10px;
}
.sidebar-box a.report-ddl-row .ddl-text h3 {
  font-size: 26px !important;
}
.sidebar-box a.report-ddl-row .ddl-text p {
  font-style: italic;
}
.sidebar-box a.finding-reports {
  color: #333333;
  text-decoration: none;
}
.sidebar-box a.finding-reports h3 {
  margin-top: 10px;
}
.sidebar-box a.finding-reports p {
  font-family: 'Georgia';
  margin-top: 10px;
}
.sidebar-box .link-row {
  margin-bottom: 20px;
}
.sidebar-box .link-row .bullet-point {
  float: left;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: green;
}
.sidebar-box .link-row a.article-link {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-top: -10px;
  margin-left: 10px;
}
.sidebar-box .index-level-bar {
  width: 324px;
  height: 25px;
}
.sidebar-box .index-level-bar .bar-background {
  width: 324px;
  height: 10px;
  background: url('http://static.visionofhumanity.org/img/map_legend_2.png');
  background-repeat: no-repeat;
}
.sidebar-box .index-level-bar .bar-label {
  float: left;
  font-size: 10px;
  font-family: 'Helvetica';
}
.sidebar-box .index-level-bar .bar-label.second {
  float: right;
}
.sidebar-box.related-index h3 {
  margin-bottom: 0 !important;
  height: auto !important;
}
.sidebar-box.related-index h3 a {
  color: #383838;
  text-decoration: none;
  font: 18px 'oswaldregular';
}
.sidebar-box.related-stats {
  display: none;
}
.sidebar-box.related-stats h3 {
  font: 26px 'oswaldregular' !important;
  text-align: center;
  padding: 25px 0 !important;
  margin-top: 25px !important;
  border-top: 1px #c8c8c8 solid;
}
.sidebar-box.related-stats h2 {
  text-align: center;
  width: 100%;
}
.sidebar-box.related-stats .related-name {
  font: 48px/40px 'oswaldlight';
}
.sidebar-box.related-stats .scores {
  text-align: center;
  font: 24px Georgia;
  font-style: italic;
}
.sidebar-box.related-stats .scores .related-score {
  font: 24px 'oswaldregular';
  font-style: normal;
}
.sidebar-box.related-stats .ranks {
  text-align: center;
  font: 24px/40px Georgia;
  font-style: italic;
}
.sidebar-box.related-stats .ranks .related-rank {
  font: 24px 'oswaldregular';
  font-style: normal;
}
.sidebar-box.related-stats .ranks .related-rank em {
  color: #232323;
  font-style: normal;
}
.sidebar-box.related-stats .ring {
  margin-right: 20px;
}
.sidebar-box.related-stats .ring:last-child {
  margin-right: 0;
}
.sidebar-box.related-stats .ring .canvas {
  background: url(http://static.visionofhumanity.org/img/country_arc_news.png);
}
.sidebar-box.related-stats .ring .number {
  font-size: 20px;
  line-height: 19px;
}
.sidebar-box.related-stats .average-caption {
  text-align: center;
}
.sidebar-box.related-stats .GPI .flag,
.sidebar-box.related-stats .GTI .flag {
  float: left;
  margin-right: 20px;
  width: 45px;
}
.sidebar-box.related-stats .GPI .flag img,
.sidebar-box.related-stats .GTI .flag img {
  width: 100%;
  margin-bottom: 0;
}
.sidebar-box.related-stats .GPI .captions h2,
.sidebar-box.related-stats .GTI .captions h2,
.sidebar-box.related-stats .GPI .captions .scores,
.sidebar-box.related-stats .GTI .captions .scores,
.sidebar-box.related-stats .GPI .captions .ranks,
.sidebar-box.related-stats .GTI .captions .ranks {
  text-align: left;
}
.span8.left-pane {
  float: left;
}
.span4.right-pane {
  float: right;
  margin-top: 80px;
}
.link-area {
  width: 765px;
  height: 165px;
  border-bottom: 2px gray solid;
  margin-top: 30px;
}
.link-area .sub-box {
  float: left;
  margin-left: 25px;
  width: 320px;
  height: 165px;
}
.link-area .sub-box.second {
  margin-left: 70px;
}
.link-area .sub-box h3 {
  font: italic 22px 'Georgia' !important;
  color: #333333 !important;
  text-transform: none !important;
}
.link-area .sub-box .link-row {
  height: 25px;
  line-height: 25px;
}
.link-area .sub-box .download-row {
  width: 310px;
  height: 25px;
}
.link-area .sub-box .download-row .doc-ddl {
  float: left;
  width: 19px;
  height: 19px;
  margin-right: 10px;
  margin-top: 3px;
  background: url('http://static.visionofhumanity.org/img/doc-ddl.png');
}
.link-area .sub-box .download-row p {
  float: left;
  margin-right: 25px;
  font-size: 14px !important;
}
.link-area .sub-box .download-row p.bold {
  font-family: 'Helvetica' !important;
  font-weight: bold !important;
  font-size: 12px !important;
  margin-left: 5px;
  margin-top: 1px;
}
.link-area .sub-box .download-row a.ddl-btn {
  display: block;
  float: right;
  font-family: 'oswaldregular' !important;
  color: #268d55;
  font-size: 12px !important;
  width: 98px;
  height: 20px;
  border: 1px solid #268d55;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
  margin-top: 3px;
}
.link-area .sub-box a.article-link {
  float: left;
  display: block;
  margin-bottom: 15px;
  color: #268d55;
  text-decoration: underline;
  margin-left: 10px;
}
.link-area .sub-box .bullet-point {
  float: left;
  background-color: #268d55;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  margin-top: 10px;
}
blockquote {
  position: relative;
  margin: auto;
  margin-bottom: 25px;
  font-size: 18px;
  font-style: italic;
  border: none;
  background: url('http://static.visionofhumanity.org/img/bq-left.png');
  background-repeat: no-repeat;
  padding-left: 50px;
  padding-right: 50px;
}
blockquote .quotation-mark {
  position: absolute;
  right: 0px;
  top: 0px;
  background: url('http://static.visionofhumanity.org/img/bq-right.png');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}
.post-image {
  width: 100%;
  overflow: hidden;
}
.post-image img {
  width: 100%;
}
.link-row-mixed {
  float: left;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-left: 30px;
}
.link-row-mixed .green-bullet {
  float: left;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #268d55;
  margin-left: -20px;
  margin-top: 8px;
}
.addthis_dynamic_toolbox.custom_images {
  padding-bottom: 20px;
}
.addthis_dynamic_toolbox.custom_images .share {
  position: relative;
  right: 10px;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  margin-right: 8px;
  -webkit-border-radius: 100% 5px 5px 5px;
  -moz-border-radius: 100% 5px 5px 5px;
  border-radius: 100% 5px 5px 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.addthis_dynamic_toolbox.custom_images .share:last-child {
  margin-right: 0;
}
.addthis_dynamic_toolbox.custom_images .share.facebook {
  background: #167e7b url(http://static.visionofhumanity.org/img/icon_share_facebook.png) 50% 50% no-repeat;
}
.addthis_dynamic_toolbox.custom_images .share.twitter {
  background: #1d9180 url(http://static.visionofhumanity.org/img/icon_share_twitter.png) 50% 50% no-repeat;
}
.addthis_dynamic_toolbox.custom_images .share.rss {
  background: #f54e4b url(http://static.visionofhumanity.org/img/icon_share_rss.png) 50% 50% no-repeat;
}
.addthis_dynamic_toolbox.custom_images .share.pdf {
  background: #f54e4b url(http://static.visionofhumanity.org/img/icon_share_pdf.png) 50% 50% no-repeat;
}
.addthis_dynamic_toolbox.custom_images .share.mail {
  background: #b0b0b0 url(http://static.visionofhumanity.org/img/icon_share_mail.png) 50% 50% no-repeat;
}
.title {
  border-bottom: 1px #ccc solid;
}
.title.list-title {
  border-bottom: none;
}
.title h1 {
  display: inline-block;
  float: left;
  border: none !important;
  width: auto !important;
}
.title .social-share {
  float: right;
  position: relative;
  top: 24px;
}
.title .social-share .twitter-share-button {
  margin-left: 65px;
}
/* TEXT PAGES
-------------------------------------------------- */
.extra-page {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.extra-page .content {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  float: left;
  width: 90%;
  height: 100%;
  background: #fff;
}
.extra-page .content .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.extra-page .content .container .top-margin {
  margin-top: 30px;
}
.extra-page .content .container h1 {
  width: 100%;
  font: 48px 'oswaldlight';
  padding-bottom: 20px;
  border-bottom: 1px #ccc solid;
}
.extra-page .content .container h2 {
  margin-bottom: 20px;
  margin-left: 30px;
  font-style: italic;
  font-size: 34px;
  font-weight: normal;
}
.extra-page .content .container h3 {
  font: normal 24px 'oswaldregular';
  text-transform: uppercase;
}
.extra-page .content .container p {
  font-size: 18px;
  line-height: 26px;
}
.extra-page .content .container .link {
  color: #1c924f;
  font-size: 18px;
}
.extra-page .content .container .what-is-gpi h2 {
  margin-left: 0;
}
.extra-page .content .container .list ul li {
  font-size: 18px;
  margin-bottom: 10px;
}
.extra-page .content .downloads {
  list-style: none;
  margin-left: 0;
  width: 105%;
}
.extra-page .content .downloads li {
  font: 30px 'oswaldlight';
  clear: both;
}
.extra-page .content .downloads li a {
  color: #171717 !important;
  white-space: nowrap;
}
.extra-page .content .downloads li a span {
  display: inline-block;
  margin-top: 5px;
  float: left;
  white-space: nowrap;
}
.extra-page .content .downloads li a em {
  display: block;
  font: italic 14px Georgia;
  margin-top: -5px;
}
.extra-page .content .downloads li a:hover {
  text-decoration: none;
}
.extra-page .content .downloads li a .icon {
  width: 68px;
  height: 68px;
  float: left;
  margin-right: 20px;
  background-image: url(http://static.visionofhumanity.org/img/icon_download.png);
  background-position: 50%;
  background-repeat: no-repeat;
}
.extra-page .go-back {
  position: relative;
  float: right;
  height: 100%;
  width: 10%;
  background: url(http://static.visionofhumanity.org/img/bg_overlay.png) repeat;
}
.extra-page .go-back .back {
  display: inline-block;
  padding-top: 55px;
  margin-top: 155px;
  margin-left: 30px;
  text-align: center;
  font: 33px/40px 'oswaldlight';
  color: #fff;
  background: url(http://static.visionofhumanity.org/img/icon_back_big.png) 45% 0 no-repeat;
}
.extra-page .go-back .back .first-line {
  display: block;
  font: 29px Georgia;
}
.extra-page .go-back .back .first-line em {
  color: #00cc52;
}
.extra-page .go-back .back:hover {
  text-decoration: none;
}
.extra-page .our-findings .row {
  margin-bottom: 30px;
}
.extra-page .our-findings .row:last-child {
  margin-bottom: 0;
}
.extra-page .our-findings .row h2 {
  margin-left: 0;
}
.extra-page .our-findings .row .span5 {
  margin-left: 0;
}
.extra-page .our-findings .row .two-column {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
.extra-page .our-vision .row {
  margin-bottom: 30px;
}
.extra-page .our-vision h2 {
  margin-left: 0 !important;
}
.extra-page .our-vision h3 {
  font: 22px Georgia !important;
  font-weight: normal !important;
  text-transform: none !important;
  padding-bottom: 10px;
}
.extra-page .take-action h1 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.extra-page .take-action h2 {
  margin-top: 0 !important;
}
.extra-page .take-action p {
  margin-bottom: 30px;
  font-size: 16px !important;
}
.extra-page .take-action a {
  color: #009639;
  text-decoration: underline;
}
.extra-page .take-action a:hover {
  text-decoration: none;
}
.extra-page .take-action .donate-sidebar {
  padding: 10px 20px;
  background: #fafafa;
}
.extra-page .take-action .donate-sidebar h3 {
  font: 24px Georgia;
  font-style: italic;
  text-transform: none;
}
.extra-page .take-action .donate-sidebar p {
  margin: 20px 0;
  font-size: 16px;
}
.error-404 {
  width: 100%;
  height: 100%;
  background: #f2f2f2 url(http://static.visionofhumanity.org/img/bg_404.jpg) 50% 0 no-repeat;
  text-align: center;
}
.error-404 h1 {
  font: 75px/56px 'oswaldregular';
  color: #1a3b42;
}
.error-404 h1 em {
  position: relative;
  font: italic 66px/56px Georgia;
  color: #fff;
  background: #f8514f;
  margin: 0 13px;
  padding: 18px 23px;
  top: -12px;
}
.error-404 h1 em:after {
  display: block;
  position: absolute;
  content: "";
  width: 21px;
  height: 18px;
  background: url(http://static.visionofhumanity.org/img/404_tick.png);
  bottom: -18px;
  left: 30px;
}
.error-404 .key {
  display: block;
  margin-top: 43px;
  font: italic 30px/47px Georgia;
}
.error-404 .options {
  margin-top: 40px;
}
.error-404 .options .button {
  border: 1px #1c924f solid;
  padding: 5px 18px;
  font: 15px 'oswaldregular';
  color: #1c924f !important;
  text-transform: none;
}
.error-404 .options .button.go-back {
  padding-left: 45px;
  padding-right: 45px;
}
.error-404 .options .or {
  font: italic 18px/47px Georgia;
  color: #1a3b42;
  margin: 0 12px;
}
/* PAGE: INDEXES
-------------------------------------------------- */
.pin {
  position: absolute;
  width: 23px;
  height: 29px;
  background: url(http://static.visionofhumanity.org/img/pin.png) 0 0 no-repeat;
  z-index: 100;
}
.social-navbar {
  position: fixed;
  z-index: 3;
  right: 50px;
  bottom: 50px;
}
.social-navbar .social {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-border-radius: 100% 5px 5px 5px;
  -moz-border-radius: 100% 5px 5px 5px;
  border-radius: 100% 5px 5px 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 10px;
  text-indent: -9999px;
  outline: none;
  border: 1px #e9e9e9 solid;
}
.social-navbar .social.facebook {
  background-image: url(http://static.visionofhumanity.org/img/icon_facebook_dark.png);
}
.social-navbar .social.twitter {
  background-image: url(http://static.visionofhumanity.org/img/icon_twitter_dark.png);
}
.social-navbar .social.info {
  background-image: url(http://static.visionofhumanity.org/img/icon_info_dark.png);
}
.page#indexes {
  background: #f5f5f5;
  /**
     * GLOBAL PEACE INDEX
     */
}
.page#indexes .info-overlay {
  position: absolute;
  display: none;
  z-index: 1300;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
.page#indexes .info-overlay .quarter {
  position: absolute;
  width: 50%;
  height: 50%;
  float: left;
}
.page#indexes .info-overlay .quarter .caption {
  position: absolute;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-style: italic;
  text-align: center;
}
.page#indexes .info-overlay .quarter.overlay {
  background: url(http://static.visionofhumanity.org/img/overlay.png) repeat;
}
.page#indexes .info-overlay .quarter.top_left {
  background: url(http://static.visionofhumanity.org/img/overlay.png) repeat;
}
.page#indexes .info-overlay .quarter.top_left .caption {
  top: 306px;
  left: 137px;
}
.page#indexes .info-overlay .quarter.top_left .arrow {
  position: absolute;
  width: 19px;
  height: 99px;
  background: url(http://static.visionofhumanity.org/img/arrow_top_left.png) 0 0 no-repeat;
  top: 197px;
  left: 225px;
}
.page#indexes .info-overlay .quarter.top_right {
  left: 50%;
  background: url(http://static.visionofhumanity.org/img/overlay.png) repeat;
}
.page#indexes .info-overlay .quarter.top_right .caption {
  width: 200px;
  top: 365px;
  right: 100px;
}
.page#indexes .info-overlay .quarter.top_right .arrow {
  position: absolute;
  width: 31px;
  height: 109px;
  top: 245px;
  right: 180px;
  background: url(http://static.visionofhumanity.org/img/arrow_top_right.png) 0 0 no-repeat;
}
.page#indexes .info-overlay .quarter.bottom_left {
  top: 50%;
  background: url(http://static.visionofhumanity.org/img/overlay.png) repeat;
}
.page#indexes .info-overlay .quarter.bottom_left .caption {
  width: 200px;
  bottom: 310px;
  left: 126px;
}
.page#indexes .info-overlay .quarter.bottom_left .arrow {
  position: absolute;
  width: 27px;
  height: 88px;
  bottom: 226px;
  left: 210px;
  background: url(http://static.visionofhumanity.org/img/arrow_bottom_left.png) 0 0 no-repeat;
}
.page#indexes .info-overlay .quarter.bottom_right {
  top: 50%;
  left: 50%;
  background: url(http://static.visionofhumanity.org/img/overlay.png) repeat;
}
.page#indexes .info-overlay .quarter.bottom_right .caption {
  width: 200px;
  bottom: 460px;
  right: 45px;
}
.page#indexes .info-overlay .quarter.bottom_right .arrow {
  position: absolute;
  width: 81px;
  height: 79px;
  bottom: 380px;
  right: 145px;
  background: url(http://static.visionofhumanity.org/img/arrow_bottom_right.png) 0 0 no-repeat;
}
.page#indexes .info-overlay .text {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #fff;
  text-align: center;
}
.page#indexes .info-overlay .text .container {
  width: 520px;
}
.page#indexes .info-overlay .text .container .brand {
  display: inline-block;
  width: 193px;
  height: 44px;
  background: url(http://static.visionofhumanity.org/img/logo_big.png) 0 0 no-repeat;
  text-indent: -9999px;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
}
.page#indexes .info-overlay .text .container h2 {
  padding: 12px 0;
  margin-bottom: 12px;
  font-style: italic;
  font-weight: normal;
  font-size: 36px;
  border-top: 1px #555858 solid;
  border-bottom: 1px #555858 solid;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
}
.page#indexes .info-overlay .text .container div {
  display: block;
  padding-top: 20px;
  font-size: 18px;
  margin-bottom: 20px;
  border-top: 1px #555858 solid;
  margin-top: 20px;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
}
.page#indexes .info-overlay .text .container div.first-time {
  display: none;
}
.page#indexes .info-overlay .text .container div.first-time p {
  font-size: 22px;
  line-height: 26px;
}
.page#indexes .info-overlay .text .container div.regular {
  width: 100%;
}
.page#indexes .info-overlay .text .container div p a {
  color: #5fbeac;
}
.page#indexes .info-overlay .text .container div p a:hover {
  color: #83cdbf;
  text-decoration: none;
}
.page#indexes .info-overlay .text .container .continue {
  font: 16px 'oswaldregular';
  color: #15842c !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
}
.page#indexes .global-rankings {
  position: fixed;
  z-index: 2;
  top: 140px;
  left: -25px;
  background: #ffffff url(http://static.visionofhumanity.org/img/icon_world.png) 92% 50% no-repeat;
}
.page#indexes .select-region {
  position: fixed;
  z-index: 2;
  top: 140px;
  right: -25px;
  background: #ffffff url(http://static.visionofhumanity.org/img/icon_location.png) 8% 50% no-repeat;
}
.page#indexes .specify-factor {
  position: fixed;
  z-index: 3;
  top: 190px;
  right: -21px;
  background: #ffffff url(http://static.visionofhumanity.org/img/icon_factor.png) 8% 50% no-repeat;
}
.page#indexes .specify-factor.custom {
  border: 1px red solid;
  background-image: url(http://static.visionofhumanity.org/img/icon_factor_red.png);
}
.page#indexes .selected-factor {
  display: none;
  position: fixed;
  z-index: 2;
  top: 225px;
  right: 1px;
  width: 157px;
  background: #f8514f;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.page#indexes .selected-factor h3 {
  margin-top: 15px;
  display: inline-block;
  font: 14px 'oswaldregular';
  color: #f3f3f3;
  padding-left: 10px;
}
.page#indexes .selected-factor .remove {
  position: absolute;
  right: 10px;
  top: 20px;
  display: inline-block;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  background: url(http://static.visionofhumanity.org/img/icon_remove_factor.png) 0 0 no-repeat;
}
.page#indexes .map,
.page#indexes #map-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}
.page#indexes #map-holder {
  display: none;
}
.page#indexes .controls {
  position: fixed;
  z-index: 2;
  left: 35px;
  top: 200px;
  width: 22px;
  height: 165px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 20px 5px 5px 5px;
  -moz-border-radius: 20px 5px 5px 5px;
  border-radius: 20px 5px 5px 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 5px;
}
.page#indexes .controls .zoom {
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  -webkit-border-radius: 100% 5px 5px 5px;
  -moz-border-radius: 100% 5px 5px 5px;
  border-radius: 100% 5px 5px 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.page#indexes .controls .zoom.zoom-in {
  top: 5px;
  background: #ffffff url(http://static.visionofhumanity.org/img/icon_zoom_in.png) 50% 50% no-repeat;
}
.page#indexes .controls .zoom.zoom-out {
  bottom: 5px;
  background: #ffffff url(http://static.visionofhumanity.org/img/icon_zoom_out.png) 50% 50% no-repeat;
}
.page#indexes .controls .slider {
  top: 30px;
  left: 10px;
  width: 2px;
  background: #000;
  border: none;
  -webkit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.page#indexes .controls .slider .ui-slider-range {
  background: none;
}
.page#indexes .controls .slider .ui-slider-handle {
  background: #60beac;
  border: none;
  width: 15px;
  height: 15px;
  left: -7px;
  outline: none;
  cursor: -webkit-grab;
  -webkit-border-radius: 100% 5px 5px 5px;
  -moz-border-radius: 100% 5px 5px 5px;
  border-radius: 100% 5px 5px 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.page#indexes .years {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -282px;
  z-index: 10;
}
.page#indexes .years .wrapper {
  position: relative;
  margin: 0 auto;
  width: 564px;
}
.page#indexes .years .wrapper .year-tooltip {
  position: absolute;
  top: -50px;
  left: 95%;
  padding: 8px 15px;
  background: #303030;
  font: 14px 'oswaldlight';
  color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.page#indexes .years .wrapper .year-tooltip:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 6px;
  background: url(http://static.visionofhumanity.org/img/tooltip_caret.png) 0 0 no-repeat;
  left: 40%;
  top: 37px;
}
.page#indexes .years .wrapper .year-bar {
  position: absolute;
  margin-top: 1px;
  width: 564px;
  height: 30px;
  background: url(http://static.visionofhumanity.org/img/bg_timeline.png) repeat;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.page#indexes .years .wrapper .year-marks {
  position: absolute;
  width: 564px;
}
.page#indexes .years .wrapper .year-marks .mark {
  float: left;
  position: relative;
  width: 1px;
  height: 8px;
  background: #839294;
  top: 12px;
}
.page#indexes .years .wrapper .year-marks .mark:first-child,
.page#indexes .years .wrapper .year-marks .mark:last-child {
  display: none;
}
.page#indexes .years .wrapper .year-select {
  width: 562px;
  height: 30px;
  border: 1px #1c924f solid;
  background: transparent;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.page#indexes .years .wrapper .year-select .ui-slider-handle {
  width: 23px;
  height: 32px;
  background: url(http://static.visionofhumanity.org/img/year_drag.png) 0 0 no-repeat;
  border: none;
  outline: none;
  cursor: -webkit-grab;
  top: -1px;
}
.page#indexes .legend {
  position: fixed;
  z-index: 2;
  left: 45px;
  bottom: 30px;
  width: 260px;
  text-align: center;
  /*background: url(http://static.visionofhumanity.org/img/map_legend.png) 50% 100% no-repeat;*/
}
.page#indexes .legend h1 {
  font: 22px 'oswaldregular';
}
.page#indexes .legend p {
  display: block;
  font: italic 14px Georgia;
  padding-bottom: 10px;
}
.page#indexes .legend .buttons {
  display: inline-block;
  margin: 0 auto;
  list-style: none;
}
.page#indexes .legend .buttons li {
  float: left;
}
.page#indexes .legend .buttons li .button {
  font: 12px 'oswaldlight';
  border: 1px solid #CECECE;
  padding: 10px 19px !important;
  background: #F2F2F2;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 165px;
  color: #272727;
}
.page#indexes .legend .report {
  margin-left: 28px;
  font: 14px 'oswaldlight';
  position: relative;
  border: 1px solid #CECECE;
  width: 183px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: left;
  padding: 10px 10px !important;
}
.page#indexes .legend .report .image {
  float: left;
}
.page#indexes .legend .report .copy {
  width: 120px;
  float: right;
  min-height: 70px;
}
.page#indexes .legend .report .copy .button {
  position: absolute;
  bottom: 10px;
  width: auto;
  padding: 3px 10px;
  font-size: 11px;
  background: #D4D4D4;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.page#indexes .legend .report .copy .button a {
  color: #333333;
}
.page#indexes .legend .report .copy .button a:hover {
  text-decoration: none;
}
.page#indexes .legend .social {
  display: none;
  margin: 20px auto 0 auto;
}
.page#indexes .legend .social li {
  display: inline-block;
  margin-right: 15px;
}
.page#indexes .legend .social li a {
  display: block;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 100% 5px 5px 5px;
  -moz-border-radius: 100% 5px 5px 5px;
  border-radius: 100% 5px 5px 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-indent: -9999px;
}
.page#indexes .legend .social li a.facebook {
  background: #fafafa url(http://static.visionofhumanity.org/img/icon_facebook_dark.png) 50% 50% no-repeat;
}
.page#indexes .legend .social li a.facebook:hover {
  background: #167e7b url(http://static.visionofhumanity.org/img/icon_share_facebook.png) 50% 50% no-repeat;
}
.page#indexes .legend .social li a.twitter {
  background: #fafafa url(http://static.visionofhumanity.org/img/icon_twitter_dark.png) 50% 50% no-repeat;
}
.page#indexes .legend .social li a.twitter:hover {
  background: #167e7b url(http://static.visionofhumanity.org/img/icon_share_twitter.png) 50% 50% no-repeat;
}
.page#indexes.gpi .select-region {
  padding-right: 63px;
}
.page#indexes.gti .select-region {
  padding-right: 63px;
}
.page#indexes.gti .legend .bar-legend-bg {
  width: 229px !important;
  margin-left: -17px;
  background: url(http://static.visionofhumanity.org/img/map_legend_gti.png) !important;
}
.page#indexes.us .select-region {
  padding-right: 79px;
}
.page#indexes.us .legend {
  width: 260px;
}
.page#indexes.uk .select-region {
  padding-right: 85px;
}
.page#indexes.uk .legend .button {
  padding-left: 18px;
  padding-right: 18px;
}
.page#indexes.mpi .select-region {
  right: -31px;
}
.map_popover {
  position: absolute;
  padding: 10px 20px;
  z-index: 1000;
  left: 0;
  top: 0;
  color: #fff;
  background: url(http://static.visionofhumanity.org/img/bg_overlay.png) repeat;
  font: italic 14px Georgia;
  text-align: center;
  opacity: 0;
  display: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.map_popover:after {
  position: absolute;
  display: block;
  content: "";
  width: 13px;
  height: 5px;
  background: url(http://static.visionofhumanity.org/img/navbar_caret.png) 0 0 no-repeat;
  bottom: -5px;
  left: 45%;
}
.map_popover .flag {
  display: inline-block;
  width: 15px;
  margin: 0 auto 5px auto;
  border: 1px #080719 solid;
}
.map_popover h3 {
  font: 21px 'oswaldlight';
  text-transform: uppercase;
  margin: 0;
}
.map_popover em {
  color: #00cc90;
}
.map_popover em.dark_green {
  /*color: #00cc90 !important;*/
}
.map_popover .factor {
  display: block;
  text-align: center;
  padding-top: 5px;
}
.map_popover .factor em {
  padding-left: 10px;
}
.map_popover.animated {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.map_popover .see-index {
  display: block;
  margin: 15px 0 10px 0;
  color: #fff;
  border: 1px white solid;
  text-align: center;
  font: 15px 'oswaldregular';
  padding: 7px 15px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.map_popover .see-index:hover {
  text-decoration: none;
}
.index-level-bar {
  position: relative;
  margin-top: 30px;
  margin-left: -95px;
  left: 50%;
  width: 220px;
  height: 25px;
}
.index-level-bar .bar-legend-bg {
  width: 190px;
  height: 10px;
  background: url('http://static.visionofhumanity.org/img/map_legend_2.png');
  background-repeat: no-repeat;
}
.index-level-bar .bar-label {
  float: left;
  margin-left: -25px;
  margin-top: 5px;
  line-height: 12px;
  font-size: 10px;
  font-family: 'Helvetica';
}
.index-level-bar .bar-label.second {
  float: right;
}
/* TOUCH DEVICES STYLING 
-------------------------------------------------- */
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1380px) {
  .template.news-list .container .options .topics li a {
    padding: 10px 20px;
  }
  .template.news-list .container .options .toolbar .search {
    width: 120px;
    padding: 10px 30px 10px 20px;
  }
  .template.news-list .container .options .toolbar .dropdown .dropdown-trigger {
    padding-right: 70px;
  }
  .template.news-list .container .options .toolbar .dropdown .dropdown-menu {
    min-width: 147px;
    width: 147px;
  }
  .template.news-list .entries-template {
    width: 580px !important;
  }
  .template.news-list .featured-template {
    width: 270px !important;
  }
  .template.news-list .featured-template .entry {
    width: 270px !important;
  }
  .page#indexes .info-overlay .quarter.top_left .caption {
    top: 280px;
    left: 120px;
    width: 125px;
  }
  .page#indexes .info-overlay .quarter.top_left .arrow {
    top: 175px;
    left: 180px;
  }
}
@media (max-width: 1100px) {
  .extra-page .go-back .back {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  .extra-page .template.news-list .container {
    width: 900px;
  }
  .extra-page .template.news-list .container .span9 {
    width: 660px;
  }
  .extra-page .template.news-list .container .span3 {
    width: 210px;
    margin-right: 10px !important;
  }
  .extra-page .template.news-list .entries-template {
    width: 580px !important;
  }
  .extra-page .template.news-list .featured-template {
    width: 270px !important;
  }
  .extra-page .template.news-list .featured-template .entry {
    width: 270px !important;
  }
  .extra-page .template.news-entry .container,
  .extra-page .template.our-vision .container {
    width: 900px;
  }
  .extra-page .template.news-entry .container .row,
  .extra-page .template.our-vision .container .row {
    margin-left: 0;
  }
  .extra-page .template.news-entry .container .span9,
  .extra-page .template.our-vision .container .span9 {
    width: 640px;
  }
  .extra-page .template.news-entry .container .span3,
  .extra-page .template.our-vision .container .span3 {
    width: 210px;
  }
}
@media (max-width: 1000px) {
  .extra-page .content {
    width: 100% !important;
  }
  .extra-page .go-back {
    display: none !important;
  }
  #social-top {
    display: none;
  }
  .template.about-gpi .container #findings-files .file {
    margin-left: 0 !important;
  }
  .template.about-gpi .container #findings-files .cover {
    display: none;
  }
}
@media (max-height: 980px) {
  .gpi-onboarding .bottom_right {
    background: url(http://static.visionofhumanity.org/img/overlay.png) repeat !important;
  }
  .gpi-onboarding .top_right .arrow {
    top: 165px !important;
  }
  .gpi-onboarding .top_right .caption {
    top: 286px !important;
    right: 20px !important;
    width: 230px !important;
  }
}
@media (max-height: 700px) {
  .page#indexes .controls {
    left: 10px;
  }
  .page#indexes .legend h1 {
    font-size: 20px;
  }
  .page#indexes .legend p {
    font-size: 13px;
  }
  .page#indexes .years {
    margin-left: -211px;
  }
  .page#indexes .years .wrapper {
    width: 423px;
  }
  .page#indexes .years .wrapper .year-bar {
    height: 20px;
  }
  .page#indexes .years .wrapper .year-tooltip {
    margin-left: -6px;
  }
  .page#indexes .years .wrapper .year-marks {
    width: 423px;
  }
  .page#indexes .years .wrapper .year-marks .mark {
    background: #7aa0a2;
    top: 7px;
  }
  .page#indexes .years .wrapper .year-select {
    width: 420px;
    height: 20px;
  }
  .page#indexes .years .wrapper .year-select .ui-slider-handle {
    height: 21px;
    margin-left: -15px;
    background: url(http://static.visionofhumanity.org/img/year_drag_small.png) 0 0 no-repeat;
  }
  .page#indexes .index-level-bar .bar-label {
    font-size: 9px;
  }
}
@media (max-width: 767px) {
  body {
    padding: 0;
  }
}
/* HIGH PPI/RETINA
-------------------------------------------------- */
/* PAGE: ABOUT GPI and Findings
-------------------------------------------------- */
.template.about-gpi .container #findings-files .file {
  height: 100%;
  margin-left: 135px;
}
.template.about-gpi .container #findings-files .cover {
  position: absolute;
  width: 135px;
  background: #DDD;
  margin-left: -135px;
  height: 185px;
}
.template.about-gpi .container a.index-back-btn span {
  float: left;
  height: 35px;
}
.template.about-gpi .container a.index-back-btn .arr1 {
  background: url(http://static.visionofhumanity.org/img/arr1.png) top left no-repeat;
  width: 22px;
}
.template.about-gpi .container a.index-back-btn .back {
  height: 28px;
  color: #029336;
  font-style: italic;
  background: url(http://static.visionofhumanity.org/img/arr2.png) top left repeat-x;
  padding: 7px 10px 0 10px;
}
.template.about-gpi .container a.index-back-btn .arr2 {
  background: url(http://static.visionofhumanity.org/img/arr1.png) top left no-repeat;
  background-position: -22px 0;
  width: 4px;
}
.template.about-gpi .container a.index-back-btn:hover .arr1 {
  background-position: 0 -36px;
}
.template.about-gpi .container a.index-back-btn:hover .back {
  color: #FFF;
  background-position: 0 -36px;
}
.template.about-gpi .container a.index-back-btn:hover .arr2 {
  background-position: -22px -36px;
}
.template.about-gpi .container a.download-btn span {
  float: left;
  height: 35px;
}
.template.about-gpi .container a.download-btn .arr1 {
  background: url(http://static.visionofhumanity.org/img/arr1.png) top left no-repeat;
  background-position: -26px -36px;
  width: 6px;
}
.template.about-gpi .container a.download-btn .back {
  height: 28px;
  color: #5fbeac;
  font-style: italic;
  background: url(http://static.visionofhumanity.org/img/arr3.png) top left repeat-x;
  background-position: 0 -36px;
  padding: 7px 10px 0 10px;
  width: 92px;
  text-align: center;
}
.template.about-gpi .container a.download-btn .arr2 {
  background: url(http://static.visionofhumanity.org/img/arr1.png) top left no-repeat;
  background-position: -32px -36px;
  width: 6px;
}
.template.about-gpi .container a.download-btn:hover .arr1 {
  background-position: -26px 0;
}
.template.about-gpi .container a.download-btn:hover .back {
  color: #FFF;
  background-position: 0 0;
}
.template.about-gpi .container a.download-btn:hover .arr2 {
  background-position: -32px 0;
}
.template.about-gpi .container .span7 {
  margin-left: 0px;
}
.template.about-gpi .container h2 {
  font-size: 30px;
  color: #232323;
  margin-top: 40px;
}
.template.about-gpi .container .summary {
  font: italic 26px Georgia;
  color: #232323;
  line-height: 34px;
}
.template.about-gpi .container iframe {
  margin: 20px auto;
}
.template.about-gpi .container p {
  font: 16px Georgia;
  margin-bottom: 30px;
  color: #232323;
  line-height: 26px;
}
.template.about-gpi .container p a,
.template.about-gpi .container p a:visited,
.template.about-gpi .container p a:hover {
  text-decoration: underline;
  color: #268d55;
}
.template.about-gpi .container p.heading {
  font-weight: bold;
  font-size: 20px;
}
.template.about-gpi .container p.bold {
  font-weight: bold;
  margin-bottom: 10px;
}
.template.about-gpi .container .span7 ul {
  margin-bottom: 30px;
}
.template.about-gpi .container .span7 li {
  font: 16px Georgia;
  color: #232323;
  line-height: 26px;
}
/* MOBILE
-------------------------------------------------- */
body.mobile {
  background: #fff;
  padding: 0 !important;
  margin: 0 !important;
}
.mobile-info {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #222222;
  text-align: center;
}
.mobile-info .contacts {
  margin: 30px 0 0 0;
}
.mobile-info header {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 5% 0;
  background: #1b1b1b;
}
.mobile-info header:after {
  display: block;
  content: "";
  width: 70px;
  height: 26px;
  background: url(http://static.visionofhumanity.org/img/mobile_tick.png);
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -35px;
}
.mobile-info .content {
  padding-top: 20%;
}
.mobile-info .content:after {
  display: inline-block;
  content: "";
  margin: 0 auto;
  background: #2f2f2f;
  width: 75%;
  height: 1px;
}
.mobile-info .social {
  width: 100%;
  background: #fff;
  padding: 5% 0;
  text-align: center;
}
.mobile-info .social ul {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}
.mobile-info .social ul li {
  display: inline-block;
  margin-right: 5%;
}
.mobile-info .social ul li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  -webkit-border-radius: 100% 5px 5px 5px;
  -moz-border-radius: 100% 5px 5px 5px;
  border-radius: 100% 5px 5px 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.mobile-info .social ul li a.facebook {
  background: #166be2 url(http://static.visionofhumanity.org/img/icon_facebook_mobile.png) 50% 50% no-repeat;
}
.mobile-info .social ul li a.twitter {
  background: #29aae3 url(http://static.visionofhumanity.org/img/icon_twitter_mobile.png) 50% 50% no-repeat;
}
.mobile-info p {
  padding: 0 30px;
  color: #fff;
  font: 13px/22px Georgia;
}
.mobile-info a {
  color: #5fbeac;
}