@import url("responsive-gs-12col.css");
/******************************************/
/***************	Fonts   ***************/
/******************************************/
@font-face {
  font-family: 'ail_blk';
  src: url('fonts/aileron-black-webfont.eot');
  src: url('fonts/aileron-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aileron-black-webfont.woff2') format('woff2'), url('fonts/aileron-black-webfont.woff') format('woff'), url('fonts/aileron-black-webfont.ttf') format('truetype'), url('fonts/aileron-black-webfont.svg#aileronblack') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'ail_hv';
  src: url('fonts/aileron-bold-webfont.eot');
  src: url('fonts/aileron-bold-webfont.svg#aileronbold') format('svg'), url('fonts/aileron-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aileron-bold-webfont.woff2') format('woff2'), url('fonts/aileron-bold-webfont.woff') format('woff'), url('fonts/aileron-bold-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'ail_reg';
  src: url('fonts/aileron-light-webfont.eot');
  src: url('fonts/aileron-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aileron-light-webfont.woff2') format('woff2'), url('fonts/aileron-light-webfont.woff') format('woff'), url('fonts/aileron-light-webfont.ttf') format('truetype'), url('fonts/aileron-light-webfont.svg#aileronlight') format('svg');
  font-weight: 200;
  font-style: normal;
}
.trans_ease1 {
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
}
/******************************************/
/**************   General   ***************/
/******************************************/
body {
  color: #fff;
  font-family: 'ail_reg', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 17px;
}
.bgpic {
  background: #000001 url('img/guardians_data_2.jpg') no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
  z-index: -1;
}
.obelisk {
  height: 1em;
  width: 1em;
  display: inline-block;
  background: url('img/obelisk.svg') center center no-repeat;
  background-size: 100%;
  top: -0.12em;
  position: relative;
  vertical-align: middle;
  transform-origin: 50%;
  transform: rotate(180deg);
}
.mobileonly {
  display: none;
}
.mobileonly .obelisk {
  width: 2em;
  height: 2em;
  margin: 0px auto;
}
a {
  color: #9a9b9c;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
a:hover {
  color: #fff;
}
strong,
b,
.strong {
  font-family: 'ail_hv', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: inherit;
}
p {
  margin-bottom: .6em;
  line-height: 1.38em;
}
h1 {
  font-family: 'ail_reg', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 4em;
  margin-bottom: 0.18em;
  line-height: .95em;
  letter-spacing: -0.05em;
}
h2 {
  font-family: 'ail_reg', Arial, Helvetica, sans-serif;
  font-size: 3em;
  line-height: .95em;
  margin-bottom: 0.387em;
  letter-spacing: -0.05em;
  font-weight: 200;
}
h3 {
  font-family: 'ail_hv', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 2em;
  margin-bottom: 0.387em;
  letter-spacing: -0.05em;
}
h4 {
  font-family: 'ail_hv', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 0.387em;
}
sup {
  font-size: 65%;
  position: relative;
  top: -0.45em;
  line-height: 0;
}
sub {
  font-size: 50%;
  position: relative;
  top: .3em;
  line-height: 0;
}
ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
  margin-bottom: 1em;
}
ol li:before {
  content: counter(my-awesome-counter) ". ";
  color: #ff4900;
  font-weight: bold;
}
.videowrapper {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.videowrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.uppercase {
  text-transform: uppercase;
}
.centered {
  text-align: center;
}
.c_block {
  display: block;
  width: 100%;
  height: 100%;
}
.no-padding {
  padding: 0px !important;
}
.nomargin,
.nomargin {
  margin: 0px !important;
}
.nomargin.span_2,
.nomargin.span_2 {
  width: 16.65%;
}
.nomargin.span_4,
.nomargin.span_4 {
  width: 33.33%;
}
.fullheight {
  height: 100vh;
}
.coverbg {
  background-size: cover !important;
}
small,
.small {
  font-size: 90%;
  line-height: 1.3em;
  display: block;
}
small.inline,
.small.inline {
  display: inline;
}
small.gray,
.small.gray {
  margin-bottom: 1.3em;
}
.orange {
  color: #ff4900;
}
.gray {
  color: #9a9b9c;
}
.bggray {
  background-color: #232426;
}
.hidden {
  display: none !important;
}
.lead {
  font-size: 1.63em;
}
hr {
  display: block;
  border: 0px;
  height: 1px;
  margin: 2em 0;
  background: rgba(154, 155, 156, 0.5);
}
.roundnum {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  overflow: hidden;
  text-align: center;
  font-size: 80%;
  background: #ff4900;
  color: #fff;
  border-radius: 100%;
  position: relative;
  top: .1em;
  margin-right: .5em;
}
ol li,
ul li {
  line-height: 1.38em;
}
/******************************************/
/***************   Layout   ***************/
/******************************************/
nav.menu {
  position: fixed;
  top: 0;
  margin: 0px auto;
  z-index: 999;
  width: 100%;
  padding: 0px 5%;
  left: 0;
}
nav.menu ul {
  display: grid;
  max-width: 1600px;
  grid-template-columns: repeat(6, 1fr);
  background: rgba(28, 28, 29, 0.9);
  position: relative;
  margin: 0px auto;
}
nav.menu li a {
  text-align: center;
  display: block;
  padding: 1em;
  color: #fff;
}
nav.menu li a:hover {
  background: #ff4900;
}
nav.menu .hamburgermenu {
  display: none;
  background: rgba(0, 0, 1, 0.9);
  font-size: 170%;
  padding: .3em;
}
nav.menu .hamburgermenu.opened {
  background: transparent;
}
.container {
  padding: 0 5% 0% 5%;
}
#header {
  padding: 10em 0px 2em 0px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
#header .row {
  margin-bottom: 0px;
}
#header h3 {
  font-family: 'ail_reg', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 2em;
}
#content,
#prepare,
#sideactivity,
#desc,
#gallery,
#lore,
#linkbar {
  background: rgba(28, 28, 29, 0.9);
  padding: 0px 2% 60px 2%;
}
#content .row:last-child,
#prepare .row:last-child,
#sideactivity .row:last-child,
#desc .row:last-child,
#gallery .row:last-child,
#lore .row:last-child,
#linkbar .row:last-child {
  margin-bottom: 0px;
}
#content {
  padding-top: 2%;
}
#prepare,
#sideactivity,
#desc,
#gallery,
#lore {
  padding-left: 0px;
  padding-right: 0px;
}
#gallery {
  background: #232426;
  padding-bottom: 60px;
}
.innercontent {
  padding: 0px 30px;
}
#page_wrapper {
  max-width: 1600px;
  position: relative;
  margin: 0px auto;
  opacity: 1;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
#linkbar {
  margin-bottom: 0;
  background: #1c1c1d;
  padding: 60px 2%;
}
img {
  max-width: 100%;
}
/******************************************/
/**************   Content   ***************/
/******************************************/
table.colorstriped {
  width: 100%;
}
table.colorstriped tr td,
table.colorstriped tr th {
  padding: 1em;
  position: relative;
}
table.colorstriped thead th {
  background: #ff4900;
}
table.colorstriped tr.col1 td {
  background: #78a5d2;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col1 td.sit,
table.colorstriped tr.col1 td.dp {
  background: #8bb1d8;
}
table.colorstriped tr.col1 td.map:hover {
  background: #8bb1d8;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col1 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col1 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col1.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #2c5885;
}
table.colorstriped tr.col2 td {
  background: #6f9cce;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col2 td.sit,
table.colorstriped tr.col2 td.dp {
  background: #82a9d4;
}
table.colorstriped tr.col2 td.map:hover {
  background: #82a9d4;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col2 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col2 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col2.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #2a507a;
}
table.colorstriped tr.col3 td {
  background: #5b8dcc;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col3 td.sit,
table.colorstriped tr.col3 td.dp {
  background: #6f9bd2;
}
table.colorstriped tr.col3 td.map:hover {
  background: #6f9bd2;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col3 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col3 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col3.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #22436c;
}
table.colorstriped tr.col4 td {
  background: #5186cd;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col4 td.sit,
table.colorstriped tr.col4 td.dp {
  background: #6494d3;
}
table.colorstriped tr.col4 td.map:hover {
  background: #6494d3;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col4 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col4 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col4.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #1d3d68;
}
table.colorstriped tr.col5 td {
  background: #2669d7;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col5 td.sit,
table.colorstriped tr.col5 td.dp {
  background: #3a78dd;
}
table.colorstriped tr.col5 td.map:hover {
  background: #3a78dd;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col5 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col5 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col5.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #0f2a55;
}
table.colorstriped tr.col6 td {
  background: #2f65ca;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col6 td.sit,
table.colorstriped tr.col6 td.dp {
  background: #4073d3;
}
table.colorstriped tr.col6 td.map:hover {
  background: #4073d3;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col6 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col6 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col6.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #12274e;
}
table.colorstriped tr.col7 td {
  background: #415bb1;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col7 td.sit,
table.colorstriped tr.col7 td.dp {
  background: #4d68be;
}
table.colorstriped tr.col7 td.map:hover {
  background: #4d68be;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col7 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col7 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col7.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #182241;
}
table.colorstriped tr.col8 td {
  background: #4858a7;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col8 td.sit,
table.colorstriped tr.col8 td.dp {
  background: #5464b5;
}
table.colorstriped tr.col8 td.map:hover {
  background: #5464b5;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col8 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col8 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col8.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #1a203c;
}
table.colorstriped tr.col9 td {
  background: #555295;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col9 td.sit,
table.colorstriped tr.col9 td.dp {
  background: #5e5ca5;
}
table.colorstriped tr.col9 td.map:hover {
  background: #5e5ca5;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col9 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col9 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col9.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #1d1c32;
}
table.colorstriped tr.col10 td {
  background: #634c87;
  color: #000000;
  /*display: inline-block;*/
  /*float: left;*/
}
table.colorstriped tr.col10 td.sit,
table.colorstriped tr.col10 td.dp {
  background: #6f5697;
}
table.colorstriped tr.col10 td.map:hover {
  background: #6f5697;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  cursor: pointer;
}
table.colorstriped tr.col10 td.map a {
  color: #000000;
  opacity: .75;
}
table.colorstriped tr.col10 td.map a:hover {
  color: #fff;
  opacity: 1;
}
table.colorstriped tr.col10.ul td {
  border-bottom-width: 1px;
  border-bottom: 1px solid #1b1525;
}
table.colorstriped th,
table.colorstriped .sit,
table.colorstriped .dp {
  font-family: 'ail_hv', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1em;
}
table.colorstriped .dp,
table.colorstriped .map,
table.colorstriped .typ {
  text-align: center;
}
table.colorstriped tfoot .dp {
  background: #303031;
}
table.colorstriped .error {
  background: #f80000 !important;
  color: #fff !important;
}
table.colorstriped .sys,
table.colorstriped .sit {
  white-space: nowrap;
  text-transform: uppercase;
}
table.colorstriped .typ {
  padding: 2px;
  vertical-align: middle;
}
table.colorstriped .typ img {
  width: 2.5em;
  opacity: .75;
}
table.colorstriped .map {
  padding: 0px;
  vertical-align: bottom;
}
table.colorstriped .map a {
  padding: 1em;
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
table.colorstriped .map a .fa {
  font-size: 1em;
}
.warning {
  margin: 1em auto;
  display: table;
  position: relative;
  padding: .38em;
  background: rgba(37, 80, 161, 0.5);
  border: 1px solid rgba(37, 80, 161, 0.8);
}
.sectionbanner {
  position: relative;
  width: 100%;
  margin: 0 0 2em 0;
  border-top: 4px solid #ff4900;
}
.sectionbanner:after {
  content: " ";
  display: block;
  background: -moz-linear-gradient(20deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(20deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.sectionbanner img {
  width: 100%;
  display: block;
  filter: grayscale(0.9);
}
.sectionbanner figcaption {
  position: absolute;
  background: transparent !important;
  bottom: 0;
  max-width: 100%;
  padding: 20px 30px !important;
  z-index: 1;
}
.sectionbanner figcaption h2 {
  margin: 0;
  color: #fff;
}
#prepare figure,
#sideactivity figure,
#gallery figure {
  line-height: 0px;
}
#prepare figure img,
#sideactivity figure img,
#gallery figure img {
  width: 100%;
}
#prepare figure figcaption,
#sideactivity figure figcaption,
#gallery figure figcaption {
  line-height: 0px;
  background: #232426;
  color: #cdcdcd;
  display: block;
  padding: .38em;
}
#prepare figure figcaption p,
#sideactivity figure figcaption p,
#gallery figure figcaption p {
  text-align: center;
  margin-bottom: 0px;
}
#gallery .col,
#gallery .row {
  margin: 0;
}
#gallery .row {
  background: #232426;
}
#gallery .col {
  width: 25%;
}
#gallery figcaption {
  padding: 1em;
}
#gallery figcaption p {
  font-size: 90%;
}
/******************************************/
/*			   Codex entries			  */
/******************************************/
.togglerdown {
  position: relative;
}
.togglerdown:after {
  content: "\f13a";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -0.5em;
  font-size: 1em;
  color: #555658;
  font-family: FontAwesome;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
.togglerdown.opened:after {
  transform: rotate(180deg);
}
.dtlibrary h4 {
  margin-bottom: 1px;
  margin-top: 0.368em;
}
.dtlibrary h4 a {
  padding: 15px;
  display: block;
  border: 1px solid #262627;
}
.dtlibrary h4 a:hover {
  background: #262627;
}
.dtlibrary ul.togglelist li {
  margin-bottom: 1px;
  position: relative;
}
.dtlibrary ul.togglelist li a.togglerdown {
  display: block;
  padding: 15px;
  background-color: #303031;
  color: #555658 20;
}
.dtlibrary ul.togglelist li a.togglerdown:hover {
  background-color: #3a3a3b;
}
.dtlibrary ul.togglelist li div {
  padding: 15px;
}
.dtlibrary ul.togglelist li div p {
  position: relative;
  padding: 0px 1em;
}
.dtlibrary ul.togglelist li div p:before {
  content: "\f10e";
  font-family: FontAwesome;
  color: #3a3a3b;
  font-size: 2em;
  position: absolute;
  z-index: -1;
  left: -15px;
}
.dtlibrary ul.togglelist li div p:after {
  content: "\f10e";
  font-family: FontAwesome;
  color: #3a3a3b;
  font-size: 2em;
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: -15px;
}
.dtlibrary ul.togglelist.language_lst li a {
  background-image: url(../img/lan.svg);
  background-repeat: no-repeat;
  background-size: 800px;
}
.dtlibrary ul.togglelist.history_lst li a {
  background-image: url(../img/his.svg);
  background-repeat: no-repeat;
  background-size: 800px;
}
.dtlibrary ul.togglelist.biology_lst li a {
  background-image: url(../img/bio.svg);
  background-repeat: no-repeat;
  background-size: 800px;
}
.dtlibrary ul.togglelist.technology_lst li a {
  background-image: url(../img/tec.svg);
  background-repeat: no-repeat;
  background-size: 800px;
}
.dtlibrary ul.togglelist.culture_lst li a {
  background-image: url(../img/cul.svg);
  background-repeat: no-repeat;
  background-size: 800px;
}
#linkbar .col {
  text-align: center;
}
#linkbar figure,
#linkbar figcaption {
  text-align: center;
}
#linkbar figure img,
#linkbar figcaption img {
  max-height: 80px;
}
#linkbar i {
  font-size: 82px;
  color: #fff;
}
#linkbar figcaption {
  margin-top: .5em;
}
footer {
  color: #87888a;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2000000', endColorstr='#4d000000', GradientType=0);
  padding: 30px;
}
footer #footer_bt p {
  text-align: right;
}
footer #footer_bt p.small {
  font-size: .6em;
  letter-spacing: 0px;
  font-family: Arial, Helvetica, sans-serif;
}
footer #footer_bt img {
  width: 250px;
  opacity: .5;
}
footer #footer_bt .copyright {
  text-align: center;
}
footer #footer_bt .copyright img {
  position: relative;
  margin: 0px auto;
  display: block;
  opacity: .5;
}
footer #footer_bt .copyright p {
  text-align: center;
}
footer #footer_bt .credits p,
footer #footer_bt .thanks p {
  text-align: left;
}
/******************************************/
/***************	Respo   ***************/
/******************************************/
@media only screen and (max-width: 3840px) {
  .bgpic {
    background-image: url('img/guardians_data_1.jpg');
  }
  .bgpic:after {
    content: " ";
    display: block;
    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (max-width: 1920px) {
  .bgpic {
    background-image: url('img/guardians_data_0.jpg');
  }
}
@media only screen and (max-width: 1440px) {
  .container,
  nav.menu {
    padding: 0;
  }
  .bgpic:after {
    display: none;
  }
  #header {
    background: rgba(0, 0, 0, 0.6);
  }
  #header .row {
    padding: 0px 2%;
  }
  table.colorstriped tr td,
  table.colorstriped tr th {
    padding: .7em;
  }
}
@media only screen and (max-width: 1280px) {
  body {
    font-size: 15px;
  }
  table.colorstriped tr td,
  table.colorstriped tr th {
    padding: .7em;
  }
}
@media only screen and (max-width: 1180px) {
  table.colorstriped tr td,
  table.colorstriped tr th {
    padding: .5em;
  }
}
@media only screen and (min-width: 1025px) {
  nav ul.nav {
    display: grid !important;
  }
}
@media only screen and (max-width: 1024px) {
  .logo {
    display: none;
  }
  .bgpic {
    background-image: url('img/guardians_data_2.jpg');
  }
  nav.menu {
    max-width: 320px;
    left: 0;
  }
  nav.menu ul {
    background: #1c1c1d;
    grid-template-columns: 1fr;
  }
  nav.menu .hamburgermenu {
    display: inline-block;
    position: absolute;
    z-index: 1;
  }
  nav.menu .togglerdown:after {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  table.colorstriped tr {
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.5);
    padding-bottom: 1px;
    display: table;
    width: 100%;
    box-sizing: border-box;
  }
  table.colorstriped tr td,
  table.colorstriped tr th {
    padding-top: 20px;
    display: block;
    float: left;
    position: relative;
    font-family: Arial, Helvetica, sans-serif !important;
    border-bottom: 0px !important;
    margin-bottom: 0px;
  }
  table.colorstriped tr td:before,
  table.colorstriped tr th:before {
    display: block;
    position: absolute;
    top: 0px;
    font-style: italic;
    font-size: .7em;
    font-weight: 700;
    top: .2em;
    opacity: .3;
  }
  table.colorstriped tr td.sit,
  table.colorstriped tr th.sit {
    width: 15%;
    border-bottom: 0px;
  }
  table.colorstriped tr td.sit:before,
  table.colorstriped tr th.sit:before {
    content: "No: ";
  }
  table.colorstriped tr td.sys,
  table.colorstriped tr th.sys {
    width: 35%;
    border-bottom: 0px;
  }
  table.colorstriped tr td.sys:before,
  table.colorstriped tr th.sys:before {
    content: "Rendszer: ";
  }
  table.colorstriped tr td.pla,
  table.colorstriped tr th.pla {
    width: 10%;
    border-bottom: 0px;
  }
  table.colorstriped tr td.pla:before,
  table.colorstriped tr th.pla:before {
    content: "Bolygó: ";
  }
  table.colorstriped tr td.typ,
  table.colorstriped tr th.typ,
  table.colorstriped tr td.dp,
  table.colorstriped tr th.dp {
    display: none;
  }
  table.colorstriped tr td.lng,
  table.colorstriped tr th.lng {
    width: 25%;
  }
  table.colorstriped tr td.cul,
  table.colorstriped tr th.cul {
    width: 8%;
  }
  table.colorstriped tr td.map,
  table.colorstriped tr th.map {
    width: 7%;
  }
  table.colorstriped tr td.map i.fa-caret-right,
  table.colorstriped tr th.map i.fa-caret-right {
    display: none;
  }
  table.colorstriped tr td.map a,
  table.colorstriped tr th.map a {
    padding: .75em;
  }
  table.colorstriped tr td.lng:before,
  table.colorstriped tr th.lng:before {
    content: "Kódex log: ";
  }
  table.colorstriped tr td.cul:before,
  table.colorstriped tr th.cul:before {
    content: "Blueprint: ";
  }
  table.colorstriped tr th {
    display: none;
  }
  table.colorstriped tr.col1 {
    background: #78a5d2;
  }
  table.colorstriped tr.col1 td {
    color: #000000;
  }
  table.colorstriped tr.col1 td.sit,
  table.colorstriped tr.col1 td.dp,
  table.colorstriped tr.col1 td.sys,
  table.colorstriped tr.col1 td.pla,
  table.colorstriped tr.col1 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col1 td.map:hover {
    background: #3972ab;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col1.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col2 {
    background: #6f9cce;
  }
  table.colorstriped tr.col2 td {
    color: #000000;
  }
  table.colorstriped tr.col2 td.sit,
  table.colorstriped tr.col2 td.dp,
  table.colorstriped tr.col2 td.sys,
  table.colorstriped tr.col2 td.pla,
  table.colorstriped tr.col2 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col2 td.map:hover {
    background: #3769a0;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col2.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col3 {
    background: #5b8dcc;
  }
  table.colorstriped tr.col3 td {
    color: #000000;
  }
  table.colorstriped tr.col3 td.sit,
  table.colorstriped tr.col3 td.dp,
  table.colorstriped tr.col3 td.sys,
  table.colorstriped tr.col3 td.pla,
  table.colorstriped tr.col3 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col3 td.map:hover {
    background: #2e5b93;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col3.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col4 {
    background: #5186cd;
  }
  table.colorstriped tr.col4 td {
    color: #000000;
  }
  table.colorstriped tr.col4 td.sit,
  table.colorstriped tr.col4 td.dp,
  table.colorstriped tr.col4 td.sys,
  table.colorstriped tr.col4 td.pla,
  table.colorstriped tr.col4 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col4 td.map:hover {
    background: #29558f;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col4.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col5 {
    background: #2669d7;
  }
  table.colorstriped tr.col5 td {
    color: #000000;
  }
  table.colorstriped tr.col5 td.sit,
  table.colorstriped tr.col5 td.dp,
  table.colorstriped tr.col5 td.sys,
  table.colorstriped tr.col5 td.pla,
  table.colorstriped tr.col5 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col5 td.map:hover {
    background: #163f81;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col5.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col6 {
    background: #2f65ca;
  }
  table.colorstriped tr.col6 td {
    color: #000000;
  }
  table.colorstriped tr.col6 td.sit,
  table.colorstriped tr.col6 td.dp,
  table.colorstriped tr.col6 td.sys,
  table.colorstriped tr.col6 td.pla,
  table.colorstriped tr.col6 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col6 td.map:hover {
    background: #1b3b78;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col6.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col7 {
    background: #415bb1;
  }
  table.colorstriped tr.col7 td {
    color: #000000;
  }
  table.colorstriped tr.col7 td.sit,
  table.colorstriped tr.col7 td.dp,
  table.colorstriped tr.col7 td.sys,
  table.colorstriped tr.col7 td.pla,
  table.colorstriped tr.col7 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col7 td.map:hover {
    background: #253567;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col7.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col8 {
    background: #4858a7;
  }
  table.colorstriped tr.col8 td {
    color: #000000;
  }
  table.colorstriped tr.col8 td.sit,
  table.colorstriped tr.col8 td.dp,
  table.colorstriped tr.col8 td.sys,
  table.colorstriped tr.col8 td.pla,
  table.colorstriped tr.col8 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col8 td.map:hover {
    background: #2a325f;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col8.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col9 {
    background: #555295;
  }
  table.colorstriped tr.col9 td {
    color: #000000;
  }
  table.colorstriped tr.col9 td.sit,
  table.colorstriped tr.col9 td.dp,
  table.colorstriped tr.col9 td.sys,
  table.colorstriped tr.col9 td.pla,
  table.colorstriped tr.col9 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col9 td.map:hover {
    background: #2f2e53;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col9.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col10 {
    background: #634c87;
  }
  table.colorstriped tr.col10 td {
    color: #000000;
  }
  table.colorstriped tr.col10 td.sit,
  table.colorstriped tr.col10 td.dp,
  table.colorstriped tr.col10 td.sys,
  table.colorstriped tr.col10 td.pla,
  table.colorstriped tr.col10 td.cor {
    border-bottom: 0px !important;
  }
  table.colorstriped tr.col10 td.map:hover {
    background: #332845;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    cursor: pointer;
  }
  table.colorstriped tr.col10.ul td {
    border-bottom: 0px !important;
  }
  table.colorstriped tfoot td {
    display: none;
  }
  #prepare .span_2 {
    width: 33.333%;
  }
  #prepare .span_2 figure {
    position: relative;
  }
  #prepare .span_2 figcaption {
    position: absolute;
    bottom: 0px;
    width: 100%;
  }
  #gallery .span3 {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  #header h1,
  #header h3 {
    text-align: center;
  }
  #header h1,
  #header h3 {
    display: none;
  }
  #header h1.mobileonly {
    display: block;
  }
  #header h1.mobileonly .obelisk {
    display: block;
  }
  #header h3.mobileonly {
    display: block;
  }
  .description .nomargin.span_2 {
    width: 50%;
  }
  .description .nomargin.span_4 {
    width: 100%;
  }
  #linkbar .col {
    padding: 15px 0px;
  }
}
@media only screen and (max-width: 640px) {
  table.colorstriped tr td,
  table.colorstriped tr th {
    /*&.lng, &.his, &.bio, &.tec {
					width: 33.33%;
				}*/
  }
  table.colorstriped tr td.cul,
  table.colorstriped tr th.cul,
  table.colorstriped tr td.map,
  table.colorstriped tr th.map,
  table.colorstriped tr td.lng,
  table.colorstriped tr th.lng {
    width: 33.33%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  table.colorstriped tr td.lng,
  table.colorstriped tr th.lng {
    width: 50%;
  }
  table.colorstriped tr td.cul,
  table.colorstriped tr th.cul {
    width: 25%;
  }
  table.colorstriped tr td.map,
  table.colorstriped tr th.map {
    width: 25%;
  }
  table.colorstriped tr td.sys,
  table.colorstriped tr th.sys {
    width: 65%;
  }
  table.colorstriped tr td.pla,
  table.colorstriped tr th.pla {
    width: 20%;
  }
  table.colorstriped tr td.sit,
  table.colorstriped tr th.sit,
  table.colorstriped tr td.sys,
  table.colorstriped tr th.sys,
  table.colorstriped tr td.pla,
  table.colorstriped tr th.pla {
    border-top: 1px solid rgba(0, 0, 1, 0.1);
  }
  table.colorstriped tr.ul td.lng,
  table.colorstriped tr.ul th.lng,
  table.colorstriped tr.ul td.his,
  table.colorstriped tr.ul th.his,
  table.colorstriped tr.ul td.bio,
  table.colorstriped tr.ul th.bio,
  table.colorstriped tr.ul td.tec,
  table.colorstriped tr.ul th.tec {
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
  table.colorstriped tr.ul td.cul,
  table.colorstriped tr.ul th.cul,
  table.colorstriped tr.ul td.map,
  table.colorstriped tr.ul th.map {
    width: 50%;
  }
  #prepare .span_2 {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  #gallery .span3 {
    width: 100%;
  }
  .innercontent {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media only screen and (max-width: 400px) {
  #prepare .span_2 {
    width: 100%;
  }
}
@media screen and (orientation: portrait), screen and (orientation: landscape) and (max-width: 1024px) {
  #sbox-window .reference .viewer {
    width: 100%;
  }
  #sbox-window .reference .viewer .xinfo {
    display: block;
  }
  #sbox-window .reference .refdata {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: auto;
  }
  #sbox-window .reference .refdata #refinfo {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    bottom: -80px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
  }
  #sbox-window .reference .refdata #refinfo.toggled {
    max-height: 100%;
    overflow: visible;
    opacity: 1;
    bottom: 0px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
  }
  #sbox-window .reference .refdata .pagebottom {
    position: relative;
    background: #1c1c1d;
  }
  #sbox-window .reference .refdata .xclose {
    display: block;
  }
}
/**************************************************************/
.featherlight .featherlight-content {
  padding: 0px !important;
  border-bottom: 0px !important;
}