@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,900&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Hind:400,300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,900&subset=latin,latin-ext);
@charset utf-8;
/* Galery and Doc */
.android_browser_suxx {
  width: 10%;
}
.wrap.doc {
  /* */
  font-size: 16px;
  /* IMAGES and CAPTIONS */
  /* HEADINGS */
}
.wrap.doc.leadimg {
  padding-top: 0;
}
.wrap.doc .leadimg,
.wrap.doc .fullimg,
.wrap.doc .inimg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 70%;
  position: relative;
  overflow: hidden;
  margin-bottom: .5em;
}
.wrap.doc .leadimg img,
.wrap.doc .fullimg img,
.wrap.doc .inimg img {
  display: block;
  width: 100%;
  height: auto;
}
.wrap.doc .leadimg span.caption,
.wrap.doc .fullimg span.caption,
.wrap.doc .inimg span.caption {
  display: block;
  float: left;
  width: auto;
  height: auto;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
  overflow: visible;
  padding: 5px 8px;
  margin: 0px;
  font: normal normal bold 0.9em/1.2em 'roboto', Arial, helvetica, sans-serif;
  text-align: left;
  color: #ffffff;
  background: #000000;
  background-color: rgba(0, 0, 0, 0.7);
}
.wrap.doc .fullimg {
  max-height: none;
  overflow: visible;
}
.wrap.doc .fullimg span.caption {
  width: 30%;
  height: auto;
  position: absolute;
  top: auto;
  top: 100%;
  left: 0%;
  padding: 1% 2%;
  text-align: left;
  color: #505050;
  background-color: transparent;
}
.wrap.doc .inimg {
  max-height: none;
  width: 70%;
  height: auto;
  float: right;
  overflow: visible;
}
.wrap.doc .inimg img {
  height: auto;
  display: block;
  float: right;
}
.wrap.doc .inimg span.caption {
  width: 28%;
  height: auto;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: -30%;
  padding: 0;
  text-align: right;
  color: #505050;
  background-color: transparent;
}
.wrap.doc .inimg iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrap.doc .videowrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  margin-bottom: 1em;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.wrap.doc .videowrap.inimg,
.wrap.doc .videowrap.incol {
  width: 70%;
  padding-bottom: 39.375%;
  float: right;
}
@media only screen and (max-width:479px) {
  .wrap.doc .videowrap.inimg,
  .wrap.doc .videowrap.incol {
    width: 100%;
    padding-bottom: 56.25%;
    padding-top: 0;
  }
}
.wrap.doc .videowrap iframe,
.wrap.doc .videowrap object,
.wrap.doc .videowrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width:479px) {
  .wrap.doc .fullimg,
  .wrap.doc .inimg {
    overflow: visible;
    width: 100%;
  }
  .wrap.doc .fullimg img,
  .wrap.doc .inimg img {
    display: block;
    width: 100%;
  }
  .wrap.doc .fullimg span.caption,
  .wrap.doc .inimg span.caption {
    display: block;
    position: static;
    width: 100%;
    padding: 0 2%;
    margin: .2em 0 .7em;
    text-align: left;
    color: #505050;
    background-color: transparent;
  }
}
.wrap.doc h1 {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 8px;
  padding: 0 2%;
  color: #000060;
}
.wrap.doc h1.incol,
.wrap.doc h2,
.wrap.doc h3,
.wrap.doc h4,
.wrap.doc h5,
.wrap.doc h6 {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 2% 0 30%;
  color: #000010;
}
@media only screen and (max-width:479px) {
  .wrap.doc h1.incol,
  .wrap.doc h2,
  .wrap.doc h3,
  .wrap.doc h4,
  .wrap.doc h5,
  .wrap.doc h6 {
    padding: 0 2%;
  }
}
.wrap.doc h1.incol {
  color: #000060;
}
.wrap.doc h1 + .wrap.doc h1,
.wrap.doc h1 + .wrap.doc h1.incol,
.wrap.doc h1 + .wrap.doc h2,
.wrap.doc h1 + .wrap.doc h3,
.wrap.doc h1 + .wrap.doc h4,
.wrap.doc h1 + .wrap.doc h5,
.wrap.doc h1 + .wrap.doc h6,
.wrap.doc h1.incol + .wrap.doc h1,
.wrap.doc h1.incol + .wrap.doc h1.incol,
.wrap.doc h1.incol + .wrap.doc h2,
.wrap.doc h1.incol + .wrap.doc h3,
.wrap.doc h1.incol + .wrap.doc h4,
.wrap.doc h1.incol + .wrap.doc h5,
.wrap.doc h1.incol + .wrap.doc h6,
.wrap.doc h2 + .wrap.doc h1,
.wrap.doc h2 + .wrap.doc h1.incol,
.wrap.doc h2 + .wrap.doc h2,
.wrap.doc h2 + .wrap.doc h3,
.wrap.doc h2 + .wrap.doc h4,
.wrap.doc h2 + .wrap.doc h5,
.wrap.doc h2 + .wrap.doc h6,
.wrap.doc h3 + .wrap.doc h1,
.wrap.doc h3 + .wrap.doc h1.incol,
.wrap.doc h3 + .wrap.doc h2,
.wrap.doc h3 + .wrap.doc h3,
.wrap.doc h3 + .wrap.doc h4,
.wrap.doc h3 + .wrap.doc h5,
.wrap.doc h3 + .wrap.doc h6,
.wrap.doc h4 + .wrap.doc h1,
.wrap.doc h4 + .wrap.doc h1.incol,
.wrap.doc h4 + .wrap.doc h2,
.wrap.doc h4 + .wrap.doc h3,
.wrap.doc h4 + .wrap.doc h4,
.wrap.doc h4 + .wrap.doc h5,
.wrap.doc h4 + .wrap.doc h6,
.wrap.doc h5 + .wrap.doc h1,
.wrap.doc h5 + .wrap.doc h1.incol,
.wrap.doc h5 + .wrap.doc h2,
.wrap.doc h5 + .wrap.doc h3,
.wrap.doc h5 + .wrap.doc h4,
.wrap.doc h5 + .wrap.doc h5,
.wrap.doc h5 + .wrap.doc h6,
.wrap.doc h6 + .wrap.doc h1,
.wrap.doc h6 + .wrap.doc h1.incol,
.wrap.doc h6 + .wrap.doc h2,
.wrap.doc h6 + .wrap.doc h3,
.wrap.doc h6 + .wrap.doc h4,
.wrap.doc h6 + .wrap.doc h5,
.wrap.doc h6 + .wrap.doc h6 {
  margin-top: 0;
}
.wrap.doc span.author {
  display: block;
  float: left;
  width: 26%;
  max-width: 150px;
  margin: 0 0 0 2%;
  position: relative;
  height: auto;
  overflow: hidden;
}
.wrap.doc span.author img {
  width: 100%;
  height: auto;
  display: block;
  float: none;
}
.wrap.doc span.author span.data {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
}
.wrap.doc span.author span.data span.name,
.wrap.doc span.author span.data span.time {
  display: block;
  float: none;
  width: 100%;
  height: auto;
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1em;
  color: #000050;
  margin: .6em 0 0;
}
.wrap.doc span.author span.data span.time {
  font-size: .8em;
  font-weight: normal;
  line-height: 1.1em;
  color: #505050;
}
@media only screen and (min-width:480px) and (max-width:639px), only screen and (max-width:479px) {
  .wrap.doc span.author {
    width: 100%;
    height: auto;
    max-width: none;
    padding: 0 2%;
    margin: .4em 0 0 .2em;
    vertical-align: middle;
  }
  .wrap.doc span.author img {
    display: none;
  }
  .wrap.doc span.author span.data {
    display: inline;
    display: inline-block;
  }
  .wrap.doc span.author span.data span.name,
  .wrap.doc span.author span.data span.time {
    display: inline;
    clear: right;
    width: auto;
  }
}
.wrap.doc p.note,
.wrap.doc p.wn,
.wrap.doc span.note {
  display: block;
  float: left;
  width: 28%;
  margin: 0 2% 2% 0;
  padding: 0 2% 0 1%;
  position: relative;
  height: auto;
  overflow: visible;
  border-right: 2px solid #888;
  font-size: .85em;
  font-weight: normal;
  font-style: italic;
  text-align: right;
  color: #505050;
}
.wrap.doc p.note.incol,
.wrap.doc p.wn.incol,
.wrap.doc span.note.incol {
  width: 68%;
  border-right: none;
  text-align: left;
  border-left: 6px solid #888;
  margin: 0 2% .6em 30%;
  padding: 0 1% 0 2%;
}
@media only screen and (max-width:479px) {
  .wrap.doc p.note,
  .wrap.doc p.wn,
  .wrap.doc span.note,
  .wrap.doc p.note.incol,
  .wrap.doc p.wn.incol,
  .wrap.doc span.note.incol {
    width: auto;
    border-right: none;
    text-align: left;
    border-left: 6px solid #888;
    margin: 0 2% .6em 2%;
    padding: 0 1% 0 2%;
  }
}
.wrap.doc p,
.wrap.doc ul,
.wrap.doc ul.incol,
.wrap.doc ol,
.wrap.doc ol.incol {
  display: block;
  float: none;
  width: 100%;
  height: auto;
  margin: 0 0 .6em;
  padding: 0 2% 0 30%;
  overflow: visible;
  text-align: justify;
  color: #000000;
}
@media only screen and (max-width:479px) {
  .wrap.doc p,
  .wrap.doc ul,
  .wrap.doc ul.incol,
  .wrap.doc ol,
  .wrap.doc ol.incol {
    padding: 0 2%;
  }
}
.wrap.doc p.lead {
  font-size: 1.1em;
  font-weight: bold;
}
.wrap.doc p.sh {
  text-align: left;
  text-transform: uppercase;
}
.wrap.doc p.ch {
  text-align: left;
  padding: 0 22% 0 50%;
  text-transform: uppercase;
  margin: 0 0 .2em;
}
.wrap.doc p.dia {
  text-align: left;
  padding: 0 12% 0 40%;
}
.wrap.doc p.par {
  text-align: left;
  padding: 0 22% 0 50%;
}
.wrap.doc p.par:before {
  content: "(";
}
.wrap.doc p.par:after {
  content: ")";
}
.wrap.doc p.sc {
  text-align: left;
  margin: .4em 0 1em;
}
.wrap.doc p.tr {
  text-align: right;
  text-transform: uppercase;
}
.wrap.doc p.wni {
  font-weight: normal;
  font-style: italic;
  color: #505050;
}
.wrap.doc ul,
.wrap.doc ul.incol,
.wrap.doc ol,
.wrap.doc ol.incol {
  list-style-type: square;
  list-style-position: outside;
}
.wrap.doc ul.full,
.wrap.doc ul.incol.full,
.wrap.doc ol.full,
.wrap.doc ol.incol.full {
  padding: 0 2%;
}
.wrap.doc ul li,
.wrap.doc ul.incol li,
.wrap.doc ol li,
.wrap.doc ol.incol li {
  margin: 0 0 .4em 1.5em;
}
.wrap.doc ol,
.wrap.doc ol.incol {
  list-style-type: decimal;
}
.wrap.doc .square-link,
.wrap.doc .more {
  display: block;
  display: inline-block;
  float: none;
  position: relative;
  background-color: transparent;
  font-size: .8em;
  line-height: 1.4em;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .3em;
  padding: .2em .5em .3em .6em;
  margin: 0 10px 10px 0;
  border: 1px solid #404040;
  border-color: rgba(0, 0, 0, 0.6);
  z-index: 11;
  color: #000000;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  transition: background-color 1.5s ease-out, color 1.5s ease-out;
  -o-transition: background-color 1.5s ease-out, color 1.5s ease-out;
  -ms-transition: background-color 1.5s ease-out, color 1.5s ease-out;
  -moz-transition: background-color 1.5s ease-out, color 1.5s ease-out;
  -khtml-transition: background-color 1.5s ease-out, color 1.5s ease-out;
  -webkit-transition: background-color 1.5s ease-out, color 1.5s ease-out;
}
.wrap.doc .square-link:hover,
.wrap.doc .more:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
  transition: background-color .5s ease-out, color .5s ease-out;
  -o-transition: background-color .5s ease-out, color .5s ease-out;
  -ms-transition: background-color .5s ease-out, color .5s ease-out;
  -moz-transition: background-color .5s ease-out, color .5s ease-out;
  -khtml-transition: background-color .5s ease-out, color .5s ease-out;
  -webkit-transition: background-color .5s ease-out, color .5s ease-out;
}
.wrap.doc .square-link.norm,
.wrap.doc .more.norm {
  font-size: .9em;
  line-height: 1.4em;
  text-transform: none;
}
.wrap.doc .square-link.icon,
.wrap.doc .more.icon {
  padding-left: 50px;
  margin-left: 50px;
  margin-top: 10px;
}
.wrap.doc .square-link.icon .icon,
.wrap.doc .more.icon .icon {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -20px;
  left: -50px;
  background: transparent url('Template/STC/CSS/Images/link_icons.png') 0px 0px no-repeat scroll;
  background-size: 100%;
}
.wrap.doc .square-link.icon .icon img,
.wrap.doc .more.icon .icon img {
  width: 100px;
  height: 100px;
}
.wrap.doc .square-link.right,
.wrap.doc .more.right {
  text-align: right;
}
.wrap.doc .square-link.center,
.wrap.doc .more.center {
  text-align: center;
}
.wrap.doc .square-link.white,
.wrap.doc .more.white {
  border-color: #e0e0e0;
  border-color: rgba(255, 255, 255, 0.9);
  color: #ffffff;
  color: rgba(255, 255, 255, 0.9);
}
.wrap.doc .square-link.white:hover,
.wrap.doc .more.white:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.wrap.doc .frame {
  background-color: #f8f8f8;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: left;
  padding: 0;
  height: auto;
}
.wrap.doc .frame > div.container {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0 0 2%;
  background: #c0c0c0;
  background: rgba(255, 255, 255, 0);
  padding: 2%;
}
.wrap.doc .frame > div.full {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0 0 2%;
}
.wrap.doc .frame > div.left {
  display: block;
  float: left;
  overflow: hidden;
  width: 70%;
  height: auto;
  margin: 0 0 2%;
  border-right: 1px solid #ffffff;
}
.wrap.doc .frame > div.right {
  display: block;
  float: left;
  overflow: hidden;
  width: 30%;
  height: auto;
  margin: 0 0 2%;
}
@media only screen and (min-width:480px) and (max-width:639px), only screen and (max-width:479px) {
  .wrap.doc .frame > div.full,
  .wrap.doc .frame > div.left {
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0 0 2%;
  }
  .wrap.doc .frame > div.right {
    display: inline;
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    /* ------- */
    /* ------- */
  }
}
.wrap.doc a.fancy {
  width: 23%;
  height: auto;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  margin: 1%;
  box-shadow: 0 0 20px 0px #000000;
  -o-box-shadow: 0 0 20px 0px #000000;
  -ms-box-shadow: 0 0 20px 0px #000000;
  -moz-box-shadow: 0 0 20px 0px #000000;
  -khtml-box-shadow: 0 0 20px 0px #000000;
  -webkit-box-shadow: 0 0 20px 0px #000000;
}
@media only screen and (min-width:640px) and (max-width:869px), only screen and (min-width:480px) and (max-width:639px) {
  .wrap.doc a.fancy {
    width: 31.33%;
  }
}
@media only screen and (max-width:479px) {
  .wrap.doc a.fancy {
    width: 48%;
  }
}
.wrap.doc a.fancy img {
  width: 100%;
  height: auto;
  border: none;
  display: block;
  float: none;
}
/* latin-only */
@font-face {
  font-family: 'StarTrekBT';
  src: local('Star Trek Bt');
  src: url('Template/STC/CSS/Fonts/star-trek-bt-webfont.eot');
  src: url('Template/STC/CSS/Fonts/star-trek-bt-webfont.eot?#iefix') format('embedded-opentype'), url('Template/STC/CSS/Fonts/star-trek-bt-webfont.woff2') format('woff2'), url('Template/STC/CSS/Fonts/star-trek-bt-webfont.woff') format('woff'), url('Template/STC/CSS/Fonts/star-trek-bt-webfont.ttf') format('truetype'), url('Template/STC/CSS/Fonts/star-trek-bt-webfont.svg#StarTrekBT') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+000-00FF;
}