@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-Thin.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-ThinItalic.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraLightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-Light.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-Italic.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-Black.ttf") format("truetype"); }

@font-face {
  font-family: "fira-sans-condensed";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Fira_Sans_Condensed/FiraSansCondensed-BlackItalic.ttf") format("truetype"); }

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* Clearfix */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/* For IE 6/7 only */
.clearfix {
  *zoom: 1; }

body {
  font-family: 'fira-sans-condensed', 'sans-serif';
  color: #fff;
  background-color: #000;
  -webkit-font-smoothing: antialiased !important;
  overflow: hidden;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none; }

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.5%; }

.map_tag {
  position: absolute;
  left: 0;
  top: 13.5%;
  height: 65%;
  width: 100%;
  transition: width 0.2s, margin-left 0.2s;
  margin-left: 0; }
  .map_tag.docked-right {
    width: 66%; }
  .map_tag.docked-left {
    width: 66%;
    margin-left: 33%; }

.info_pane {
  position: absolute;
  width: 33%;
  top: 13.5%;
  height: 66.6%;
  overflow: scroll;
  padding: 0 20px;
  box-sizing: border-box;
  transition: left 0.5s; }

.info_pane-left {
  left: -33%; }
  .info_pane-left.visible {
    left: 0; }

.info_pane-right {
  left: 100%; }
  .info_pane-right.visible {
    left: 66%; }

.help-banner-left {
  position: absolute;
  bottom: 13vh;
  left: 0; }

.help-banner-right {
  position: absolute;
  bottom: 13vh;
  right: 0; }

.controls {
  position: absolute;
  bottom: 3vh;
  width: 100%;
  height: 8vh;
  padding: 0 30px; }
  .controls .controls-tools {
    width: 50%;
    height: 100%;
    float: left; }
    .controls .controls-tools .controls-commands {
      display: inline-block;
      margin-left: 2vw; }
  .controls .controls-projections {
    width: 50%;
    float: left;
    text-align: right; }

.controls_tag {
  margin-top: 100%; }

.menu li {
  display: inline-block;
  margin-left: 1vw; }
  .menu li a {
    display: block;
    color: #808080;
    text-decoration: none;
    font-weight: 500;
    font-size: 2.7vh; }
    .menu li a:hover {
      color: #000; }

.graticule {
  fill: none;
  stroke: #3f5f60;
  stroke-width: .5px;
  stroke-opacity: 1; }

.land {
  fill: #2e4e4e;
  fill-opacity: 1; }

.boundary {
  fill: none;
  stroke: #000;
  stroke-width: .5px; }

.map_tag {
  border: none; }

.raster-visible .stroke {
  fill: none; }

.coords_tag, .loxo_tag, .geo_tag {
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 0px 5px; }

.geo_tag {
  bottom: 32px; }

.coords_tag {
  font-size: 16px; }

.header h1 {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

.header .intro {
  display: block;
  height: 100%;
  width: 60%;
  margin: 0 auto; }

.header .info {
  display: block;
  position: absolute;
  top: 5.8vh;
  right: 9.5vw;
  width: 5vh;
  height: 5vh;
  background-image: url("../img/ic_info.png");
  background-repeat: no-repeat;
  background-size: contain; }

.header ul.lang-selector {
  position: absolute;
  right: 2.3vw;
  top: 4.2vh;
  margin: 0;
  padding: 0; }
  .header ul.lang-selector li {
    line-height: 3.5vh;
    list-style: none; }
    .header ul.lang-selector li a {
      color: #373737;
      text-decoration: none;
      font-weight: 500;
      font-size: 2.7vh; }
      .header ul.lang-selector li a:hover {
        color: #fff; }

.header .menu {
  position: absolute;
  right: 2.3vw;
  top: 4.2vh; }
  .header .menu ul.lang-selector {
    display: inline-block;
    position: static; }
    .header .menu ul.lang-selector li {
      margin: 0;
      display: inline-block; }
      .header .menu ul.lang-selector li a.active {
        display: none; }

.lang-en .header h1 {
  background-image: url("../img/logo_en.png"); }

.lang-pt .header h1 {
  background-image: url("../img/logo_pt.png"); }

.info_pane-close {
  position: absolute;
  top: 3.8%;
  right: 2.3%;
  display: block;
  width: 10%;
  height: 0;
  padding-bottom: 10%;
  background-image: url("../img/ic_close.png");
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat; }
  .info_pane-close:hover {
    background-position: 0 100%; }

.controls {
  box-sizing: border-box;
  left: 0; }

.controls-tools [data-ui-tool] {
  position: relative;
  display: inline-block;
  width: 8vh;
  height: 8vh;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 1.5vh; }
  .controls-tools [data-ui-tool]:hover:before, .controls-tools [data-ui-tool].active:before {
    content: " ";
    display: block;
    width: 120%;
    height: 120%;
    position: absolute;
    z-index: -1;
    top: -10%;
    left: -10%;
    border-radius: 50%;
    background-color: #007d96; }

.controls-tools [data-ui-tool=rotate] {
  background-image: url("../img/ic_rotate.png"); }

.controls-tools [data-ui-tool=indicatrix] {
  background-image: url("../img/ic_indicatrix.png"); }

.controls-tools [data-ui-tool=loxodrome] {
  background-image: url("../img/ic_loxodrome.png"); }

.controls-tools [data-ui-tool=geodesic] {
  background-image: url("../img/ic_geodesic.png"); }

.controls-tools .controls-commands [data-ui-command] {
  display: inline-block;
  background-repeat: no-repeat;
  width: 5vh;
  height: 5vh; }

.controls-tools [data-ui-command=undo] {
  background-image: url("../img/ic_undo.png");
  background-size: contain; }

.controls-tools [data-ui-command=clear] {
  background-image: url("../img/ic_clear.png");
  background-size: contain; }

.controls-projections {
  padding-top: 3vh; }
  .controls-projections [data-ui-projection] {
    display: inline-block;
    background-color: #808080;
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    text-align: center;
    font-size: 2.5vh;
    line-height: 5vh;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    margin-left: 0.2vw; }
    .controls-projections [data-ui-projection].active, .controls-projections [data-ui-projection]:hover {
      background-color: #e0ad00; }

.help-banner {
  position: absolute;
  height: 5vh;
  padding: 0 3vh;
  line-height: 5vh;
  font-size: 3vh;
  color: #000;
  text-decoration: none;
  display: none; }
  .help-banner:before {
    z-index: -1;
    content: " ";
    display: block;
    transform: rotate(45deg);
    position: absolute;
    width: 3.5vh;
    height: 3.5vh;
    top: 0.75vh; }

.help-banner-left {
  background-color: #007d96;
  margin-left: 2.5vh; }
  .help-banner-left:before {
    left: -1.7vh;
    background-color: #007d96; }
  .help-banner-left:hover {
    background-color: #02accd; }
    .help-banner-left:hover:before {
      background-color: #02accd; }

.help-banner-right {
  background-color: #b68c00;
  margin-right: 2.5vh; }
  .help-banner-right:before {
    right: -1.7vh;
    background-color: #b68c00; }
  .help-banner-right:hover {
    background-color: #e0ad00; }
    .help-banner-right:hover:before {
      background-color: #e0ad00; }

/*# sourceMappingURL=default.css.map */