@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/* GENERAL
============================== */
html {
  width: 100%;
  height: 100%;
  margin: 0px; }

body {
  margin: 0px;
  color: #3f3f3f;
  background-color: #F8F8F8; }

.row-alt {
  margin-left: 0px;
  margin-right: 0px; }

/* HEADER
============================== */
body {
  color: #555; }

a {
  text-decoration: underline;
  color: #484F57; }

.navbar {
  background: #484F57;
  height: 90px;
  color: white;
  border: 0px;
  border-radius: 0px;
  width: 100%;
  margin-bottom: 0; }
  .navbar a {
    color: #fff;
    text-decoration: none; }

.navbar-brand {
  padding: 0px; }

.navbar > .container .navbar-brand {
  font-size: 20px;
  font-weight: 300;
  margin-top: 14px;
  color: #fff; }

.navbar-nav > li > a {
  padding: 35px 11px;
  color: #fff;
  font-size: 13px; }

ul.nav a:hover {
  color: #fff !important;
  background-color: #31363b; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  color: #fff !important;
  background-color: #31363b; }

.nav .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

.navbar .nav li.dropdown > a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

nav.navbar.navbar-fixed-top.subnav {
  top: 80; }

nav.navbar.navbar-fixed {
  top: 0; }

/* LOGO
============================== */
.logo {
  height: 75px;
  margin: 21px 0px 5px 10px;
  padding-left: 0px; }

.logo-text {
  height: 35px;
  margin: 16px 0px 0px;
  padding-left: 13px; }

@media screen and (max-width: 600px) {
  .logo-text {
    display: none; } }
.annual-logo {
  height: 60px;
  margin: 14px 20px 0px 0px; }

/* PAGE
============================== */
.container {
  width: 1100px !important; }

.old-container {
  margin-top: 20px;
  background-color: white; }

.nav-container {
  width: 1005px;
  padding: 0px;
  margin: 0px auto; }

.page-container {
  padding: 120px 30px 30px;
  background-color: white;
  width: 850px;
  margin: 0px auto; }

.section-rule {
  margin-bottom: 60px; }

.page-title {
  font-weight: 300;
  margin-top: 50px; }

.page-title-top {
  font-weight: 300;
  margin-top: 35px; }

.page-subtitle {
  font-size: 18px;
  margin: 35px 0px 5px;
  font-weight: 300; }

.summary {
  padding: 10px 0px 0px; }

/* SIDEBAR
============================== */
.sidebar {
  background: white;
  margin-top: 30px;
  padding: 17px;
  border-right: 2px #f3f3f3 solid; }

.section-title {
  margin-top: 30px; }

.sidebar-title {
  margin: 0px 16px;
  padding: 0px 0px;
  text-align: center;
  font-weight: 300;
  line-height: 1.4em;
  font-size: 21px; }

.sidebar-subtitle {
  margin: 20px 16px 10px;
  font-size: 15; }

/* PREVIEW
============================== */
.previews {
  margin: 40px 0px; }

.preview-description {
  padding: 5px 0px;
  background: white; }

/* CAPTIONS
============================== */
.caption {
  padding: 15px 0px;
  color: gray;
  font-style: italic;
  text-align: right; }

/* VISUALIZATIONS
============================== */
.visual {
  margin: 35px 0px 10px -10px; }

.visualization-title-container {
  border: 1px solid #e7e7e7;
  color: gray; }

.visualization-title {
  margin-top: 15px;
  font-size: 18px;
  margin-left: 15px; }

.visualization-subtitle {
  font-size: 14px;
  margin-bottom: 15px;
  margin-left: 15px; }

/* BUTTONS
============================== */
.btn {
  margin-top: 25px; }

.btn-primary a {
  color: white;
  text-decoration: none; }

.btn-group-lang {
  float: right;
  margin-top: 18px; }

.btn-export {
  float: right;
  margin-top: 42px; }

.btn-next {
  background-color: #194470;
  border-color: #194470;
  float: right;
  margin-top: 40px;
  text-decoration: none; }

.btn-next:hover {
  background-color: #133557;
  border-color: #133557;
  text-decoration: none; }

.btn-download {
  background-color: #194470;
  border-color: #194470;
  margin-top: -4;
  text-decoration: none; }

.btn-download:hover {
  background-color: #133557;
  border-color: #133557;
  text-decoration: none; }

/* LANG MENU
============================== */
.lang-menu {
  left: 0;
  right: 0; }

.lang-btn {
  float: right;
  margin-top: 40px; }

.next {
  height: 70px; }

/* TABLES
============================== */
.table {
  margin: 40px 0px; }

.page-anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden; }

.active-nav-item {
  background: #31363b; }

ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block; }

.edge-left {
  margin-left: 0px;
  padding-left: 0px; }

.label-primary {
  background-color: #194470; }

/* MAPS
============================== */
.map {
  border: 1px solid #e7e7e7;
  margin-bottom: 40px; }

.map-title {
  margin: 40px 0px 10px;
  font-weight: 300;
  font-size: 18px; }

.map-legend .col-md-10 {
  padding-bottom: 20px; }
.map-legend .col-md-2 {
  padding-top: 4px; }

.map-legend-marker {
  background: #2b559d;
  padding: 6px 0px 4px 12px;
  color: white; }

.map-legend-marker-double {
  background: #2b559d;
  padding: 6px 0px 4px 8px;
  color: white; }

.footer-logos {
  height: 100px; }

.footer-publication-of {
  font-size: 18px;
  margin-bottom: 5px;
  font-style: italic;
  font-weight: 300; }

.footer-plus {
  width: 20px;
  padding: 0px 32px 0px 15px;
  float: left;
  font-size: 30px; }

.resolve-logo {
  width: 225px;
  float: left;
  margin-top: 4px; }

.ic-logo {
  width: 100px;
  float: left; }

.nav-language-dropdown {
  margin-top: -5px; }

.nav-download {
  margin-left: 17px; }

@media screen and (max-width: 1000px) {
  .navbar-nav {
    display: none; }

  .navbar-brand {
    padding-left: 20px; }

  .container, .row, .page-container {
    width: 100%;
    max-width: 100%; }

  .row {
    margin-left: 0px;
    margin-right: 0px; }

  .map-legend .col-md-2 {
    width: 62px; }

  .download {
    margin-left: 0px; } }
@media screen and (max-width: 450px) {
  .nav-language-dropdown, .nav-download {
    display: none; }

  .resolve-logo {
    width: 150px; }

  .ic-logo {
    width: 75; }

  .footer-plus {
    font-size: 21px; } }
#nambia_map, #bases_map, #combatant_defections_map, #northern_attacks_map {
  width: 100%;
  height: 400px; }

#northern_attacks_map {
  height: 600px; }

.tracking-kony-text {
  margin-top: 161px;
  font-size: 15px;
  margin-bottom: 400px; }

.tracking-kony-visual-container {
  position: fixed;
  top: 80px;
  width: 650px; }

.tracking-kony-visual {
  width: 650px;
  border: 1px solid #e7e7e7; }

@media (max-width: 1000px) {
  .tracking-kony-visual {
    width: 575px; }

  .tracking-kony-visual-container {
    width: 575px; } }
.logo-tracking-kony {
  height: 90px;
  display: block; }

.tracking-kony-map {
  min-height: 450px;
  border: 1px solid #e7e7e7; }

.tracking-kony-caption {
  margin-top: 10px;
  font-size: 17px;
  font-style: italic; }

.tracking-kony-title-container {
  margin: 150px 0px 57px;
  text-align: center; }

.tracking-kony-title {
  font-size: 70px;
  text-transform: uppercase;
  font-weight: 700; }

.tracking-kony-subtitle {
  font-size: 44px;
  font-weight: 300;
  font-style: italic; }

.tracking-kony-section-title {
  font-weight: 300;
  margin-top: 50px; }

.tracking-kony-section-date {
  margin: 0px 0px 30px;
  font-weight: 300;
  font-size: 18px; }

.tracking-kony-logo-container {
  width: 800px;
  margin: 94px auto 70px;
  height: 150px; }

.tracking-kony-resolve-logo {
  width: 200px;
  float: left;
  margin: 55px 20px 0px; }

.tracking-kony-ct-logo {
  width: 300px;
  float: left;
  margin: 0px 20px 0px; }

.tracking-kony-ic-logo {
  width: 139px;
  float: left;
  margin: 34px 0px 0px 29px; }

.tracking-kony-main-visual {
  border: 1px solid #e7e7e7; }

.attack-legend-symbol {
  padding: 0px 9px;
  background-color: #9a2832;
  margin-right: 7px; }

.lra-camp-legend-symbol {
  padding: 0px 9px;
  background-color: #373737;
  margin-right: 7px; }

.location-1-legend-symbol {
  padding: 0px 9px;
  background-color: #4678b4;
  margin-right: 7px; }

.location-2-legend-symbol {
  width: 23px; }

.near-miss-legend-symbol {
  padding: 0px 9px;
  background-color: #abce89;
  margin-right: 7px; }

.section-seperator {
  margin: 70px 0px 70px;
  text-align: center; }

.section-seperator-icon {
  margin-right: 22px;
  color: #b5b5b5;
  font-size: 10px; }

.card-container {
  margin-bottom: 100px; }

.card {
  background: white;
  padding: 20px;
  overflow: hidden;
  margin: 0px 0px 60px 0px; }

.card-visualization-container {
  float: left;
  width: 60%; }

.card-text-container {
  float: left;
  width: 40%; }

.card-title {
  font-size: 20px;
  padding: 0px 0px 20px;
  font-weight: 400; }

.banner-title-container {
  margin: 100px 0px 57px;
  text-align: center; }

.banner-title {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 700; }

.banner-subtitle {
  font-size: 33px;
  font-weight: 300;
  font-style: italic; }

.banner-date {
  margin-top: 0px;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  text-align: center; }

.banner-logo-container {
  width: 640px;
  margin: 0px auto 0px;
  height: 150px; }

.banner-resolve-logo {
  width: 180px;
  float: left;
  margin: 55px 20px 0px; }

.banner-ct-logo {
  width: 230px;
  float: left;
  margin: 0px 20px 0px; }

.banner-ic-logo {
  width: 115px;
  float: left;
  margin: 34px 0px 0px 29px; }

.annual-2014-image-container {
  width: 100%;
  padding-right: 20px; }

.annual-2014-image {
  width: 100%;
  border: 1px solid #eee; }