@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";
/* RESET CSS */
.android_browser_suxx {
  width: 10%;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
hgroup,
menu,
footer,
header,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  outline-offset: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
img {
  border: 0;
}
html {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
document {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  font: 16px/22px Arial, helvetica, sans serif;
  -webkit-text-size-adjust: 100%;
}
.small,
small {
  font-size: 0.8em;
  line-height: 1.3em;
}
table {
  width: 100%;
  height: auto;
  border: none;
  border-collapse: collapse;
}
/* Selection colors */
::selection {
  background: #8080FF;
}
::-moz-selection {
  background: #8080FF;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  -webkit-tap-highlight-color: #8080FF;
}
/* Hover instructions */
:link,
:hover,
:active,
:visited {
  text-decoration: none;
  text-decoration: inherit;
}
/* Typography */
p {
  margin: 0 0 .5em;
}
h1 {
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1.04em;
  margin: 0 0 .35em;
  letter-spacing: -1px;
}
h2 {
  font-weight: normal;
  font-size: 2.0em;
  line-height: 1.04em;
  margin: 0 0 .35em;
  letter-spacing: -1px;
}
h3 {
  font-weight: normal;
  font-size: 1.7em;
  line-height: 1.04em;
  margin: 0 0 .35em;
  letter-spacing: 0px;
}
h4 {
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.04em;
  margin: 0 0 .35em;
}
h5 {
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.04em;
  margin: 0 0 .35em;
}
h6 {
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.04em;
  margin: 0 0 .35em;
}
a,
a:link,
a:hover,
a:active,
a:visited {
  color: #000080;
  text-decoration: none;
  font-variant: normal;
  font-variant: inherit;
}
/* /RESET CSS */
h1.stf,
h2.stf,
h3.stf,
h4.stf,
h5.stf,
h6.stf,
.stf h1 {
  font-family: 'StarTrekBT', helvetica, sans-serif;
  line-height: .8em;
  letter-spacing: 0px;
}
.btitle {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  font-size: 192px;
  letter-spacing: -0.05em;
  word-spacing: 0.1em;
  white-space: nowrap;
  line-height: 1em;
  top: -0.5em;
  left: -0.3em;
  z-index: -10;
  font-family: 'Alegreya Sans', helvetica, sans-serif;
  font-weight: bold;
  color: #ffffff !important;
  opacity: 0.35;
}
@media only screen and (min-width:640px) and (max-width:869px), only screen and (min-width:480px) and (max-width:639px) {
  .btitle {
    font-size: 22vw;
    letter-spacing: -0.05em;
    line-height: 1em;
    top: -0.5em;
    left: -0.2em;
  }
}
@media only screen and (max-width:479px) {
  .btitle {
    font-size: 40vw;
    letter-spacing: -0.05em;
    line-height: 1em;
    top: -0.5em;
    left: 0;
  }
}
.clear {
  display: block;
  width: auto;
  height: 0px;
  clear: both;
}
.spacer {
  display: block;
  width: auto;
  height: 0px;
  clear: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'roboto', Arial, helvetica, sans-serif;
  color: #fff;
  margin: .8em 0 .2em;
}
h1 + h1,
h1 + h1.incol,
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6,
h1.incol + h1,
h1.incol + h1.incol,
h1.incol + h2,
h1.incol + h3,
h1.incol + h4,
h1.incol + h5,
h1.incol + h6,
h2 + h1,
h2 + h1.incol,
h2 + h2,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h3 + h1,
h3 + h1.incol,
h3 + h2,
h3 + h3,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + h1,
h4 + h1.incol,
h4 + h2,
h4 + h3,
h4 + h4,
h4 + h5,
h4 + h6,
h5 + h1,
h5 + h1.incol,
h5 + h2,
h5 + h3,
h5 + h4,
h5 + h5,
h5 + h6,
h6 + h1,
h6 + h1.incol,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5,
h6 + h6 {
  margin-top: .2em;
}
/* Layout */
/* Common layout */
body {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: auto;
  /*	overflow:auto;
	overflow-x:hidden; /* */
  background: #90b0d0 url('Template/STC/CSS/Images/Page_BG_90B0D0.jpg') no-repeat center top fixed;
  background-size: 100% auto;
  font: normal normal normal 18px/1.3em 'roboto', Arial, helvetica, sans-serif;
  color: #000000;
}
.dsp,
.overlay,
.loadindicator {
  width: 100%;
  height: 100%;
  display: block;
  overflow: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
}
#MAIN {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible !important;
  position: relative;
}
.overlay {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1100;
}
.loadindicator {
  background: #202020 url('Template/STC/CSS/Images/progress.gif') no-repeat center center fixed;
  background-color: rgba(0, 0, 0, 0.75);
  display: none;
  overflow: hidden;
  z-index: 65535;
}
.wrap {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: visible;
  margin: 0;
  padding: 60px 0;
  text-align: left;
}
.wrap.middle {
  text-align: center;
}
.wrap.middle:before {
  content: '';
  display: block;
  display: inline-block;
  width: 0;
  margin: -60px -0.26em -60px 0;
  padding: -60px 0;
  height: 100vh;
  vertical-align: middle;
}
.wrap.middle .frame {
  display: block;
  display: inline-block;
}
.wrap .frame {
  text-align: left;
  display: block;
  vertical-align: middle;
  width: 90%;
  max-width: 900px;
  min-width: 500px;
  height: auto;
  position: relative;
  overflow: visible;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (min-width:480px) and (max-width:639px) {
  .wrap .frame {
    width: 90%;
    min-width: 0px;
  }
}
@media only screen and (max-width:479px) {
  .wrap .frame {
    width: 100%;
    min-width: 0px;
  }
}
.disqus {
  background-color: #f8f8f8;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: left;
  width: 90%;
  max-width: 900px;
  min-width: 500px;
  height: auto;
  min-height: 327px;
  position: relative;
  padding: 0 2%;
  margin: 0 auto;
  margin-top: -60px;
  margin-bottom: 60px;
  overflow: hidden;
}
@media only screen and (min-width:480px) and (max-width:639px) {
  .disqus {
    width: 90%;
    min-width: 0px;
  }
}
@media only screen and (max-width:479px) {
  .disqus {
    width: 100%;
    min-width: 0px;
  }
}
/* HEADER ELEMENTS */
HEADER {
  width: 100%;
  height: 0px;
  display: block;
  position: fixed;
  overflow: visible !important;
  z-index: 1000;
}
HEADER div.proc {
  display: block;
  width: 100%;
  height: 0px;
  position: fixed;
  overflow: visible !important;
  top: 0px;
  left: 0px;
  z-index: 1000;
  text-align: center;
}
HEADER .left,
HEADER .right {
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  overflow: visible;
  top: 10px;
  left: 0px;
}
HEADER .left .butt,
HEADER .right .butt {
  margin: 0 10px 0 0;
}
HEADER .right {
  top: 10px;
  left: auto;
  right: 0px;
}
HEADER .right .butt {
  margin: 0 0 0 10px;
}
HEADER .center {
  display: block;
  display: inline-block;
  float: none;
  width: auto;
  height: auto;
  margin: 10px auto 0;
  position: static;
  overflow: visible;
  white-space: nowrap;
}
HEADER .center .butt {
  display: block;
  display: inline-block;
  margin: 0 5px 0 5px;
}
HEADER .butt {
  display: none;
  position: relative;
  width: 40px;
  height: 40px;
  background: #000000 url('Template/STC/CSS/Images/menu_icons.png') no-repeat center 0px;
  opacity: .7;
  filter: alpha(opacity=70);
  vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  HEADER .butt {
    background-image: url('Template/STC/CSS/Images/menu_icons_x2.png');
    background-size: 200px 700px;
  }
}
HEADER .butt:hover,
HEADER .butt.act {
  opacity: 1;
  filter: alpha(opacity=100);
}
HEADER .butt.mmenu {
  padding: 0 0 0 0;
  background-position: center -205px;
  width: 110px;
}
@media only screen and (min-width:480px) and (max-width:639px), only screen and (max-width:479px) {
  HEADER .butt.mmenu {
    display: inline-block;
    padding: 0;
    background-position: center -105px;
    width: 40px;
  }
}
HEADER .butt.sound {
  background-position: center -505px;
  width: 110px;
  clear: both;
}
@media only screen and (min-width:480px) and (max-width:639px), only screen and (max-width:479px) {
  HEADER .butt.sound {
    background-position: center -55px;
    width: 40px;
    clear: none;
  }
}
HEADER .butt.social {
  background-position: center -605px;
  width: 110px;
}
@media only screen and (min-width:480px) and (max-width:639px), only screen and (max-width:479px) {
  HEADER .butt.social {
    background-position: center -555px;
    width: 40px;
  }
}
HEADER .butt.login {
  background-position: center -305px;
  width: 110px;
}
@media only screen and (min-width:480px) and (max-width:639px), only screen and (max-width:479px) {
  HEADER .butt.login {
    background-position: center -5px;
    width: 40px;
  }
}
HEADER .butt.mainpage {
  background-position: center -455px;
  width: 90px;
}
@media only screen and (min-width:480px) and (max-width:639px), only screen and (max-width:479px) {
  HEADER .butt.mainpage {
    background-position: center -405px;
    width: 40px;
  }
}
/* Main social blocks */
.mainsocial {
  display: block;
  position: relative;
  width: 85%;
  height: 40px;
  margin: .75em auto 0;
  background: #4a596b;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
}
.mainsocial .scontainer {
  width: 200%;
  display: block;
  height: inherit;
}
.mainsocial .logo {
  display: block;
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
  font: normal bold 20px/40px 'Hind', Arial, helvetica, sans-serif;
  white-space: nowrap;
  padding: 0 0 0 40px;
  color: #ffffff;
  background: #5b6e84 url('Template/STC/CSS/Images/Social_icons.png') no-repeat 0px 0px;
  transition: width .6s ease, padding 1.2s ease;
  -o-transition: width .6s ease, padding 1.2s ease;
  -ms-transition: width .6s ease, padding 1.2s ease;
  -moz-transition: width .6s ease, padding 1.2s ease;
  -khtml-transition: width .6s ease, padding 1.2s ease;
  -webkit-transition: width .6s ease, padding 1.2s ease;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .mainsocial .logo {
    background-image: url('Template/STC/CSS/Images/Social_icons_x2.png');
    background-size: 40px 400px;
  }
}
.mainsocial .info {
  font: normal normal 20px/40px 'Hind', Arial, helvetica, sans-serif;
  white-space: nowrap;
  padding: 0 0 0 1em;
  color: #ffffff;
}
.mainsocial .info .metric {
  font-weight: bold;
  font-size: .7em;
}
.mainsocial:hover .logo {
  padding: 0 0 0 50px;
  width: 50%;
}
.mainsocial.page:hover .logo {
  width: 40px;
}
.mainsocial.page .info {
  display: block;
  display: inline-block;
  padding-top: 4px;
  font: normal normal 16px/16px 'Hind', Arial, helvetica, sans-serif;
}
.mainsocial.facebook {
  background: #324a80;
}
.mainsocial.facebook .logo {
  background-color: #3b5998;
  background-position: 0px -40px;
}
.mainsocial.twitter {
  background: #45b0e5;
}
.mainsocial.twitter .logo {
  background-color: #4cc2ff;
  background-position: 0px -80px;
}
.mainsocial.tumblr {
  background: #425a80;
}
.mainsocial.tumblr .logo {
  background-color: #4b6998;
  background-position: 0px -240px;
}
.mainsocial.googlep {
  background: #b83625;
}
.mainsocial.googlep .logo {
  background-color: #d23e2b;
  background-position: 0px -120px;
}
.mainsocial.youtube {
  background: #ab2a26;
}
.mainsocial.youtube .logo {
  background-color: #c4302b;
  background-position: 0px -160px;
}
.mainsocial.email {
  background: #324a80;
}
.mainsocial.email .logo {
  background-color: #3b5998;
  background-position: 0px -200px;
}
/* Content data */
.contentdata {
  display: block;
  width: 100%;
  height: auto;
  float: none;
  overflow: hidden;
  /*	.wrap.chapter &.left,
	.wrap.doc.chapter &.left {
		float:left;
		text-align:left;
	} /* */
}
.contentdata + * {
  clear: both;
}
.wrap.doc .contentdata {
  width: 68%;
  margin: 0 2% 0 0;
  float: right;
}
.wrap.chapter .contentdata,
.wrap.doc.chapter .contentdata,
.wrap.doc.chapter .contentdata.left {
  width: 94%;
  margin: 0 3% 0 3%;
  float: none;
  text-align: center;
}
.wrap.chapter .contentdata + *,
.wrap.doc.chapter .contentdata + *,
.wrap.doc.chapter .contentdata.left + * {
  clear: both;
}
.wrap.chapter .contentdata .frame,
.wrap.doc.chapter .contentdata .frame,
.wrap.doc.chapter .contentdata.left .frame {
  display: inline-block;
  text-align: center;
  margin: 15px 0 15px 0;
  float: none;
  min-width: 50%;
}
.wrap.chapter .contentdata .frame .contentblock,
.wrap.doc.chapter .contentdata .frame .contentblock,
.wrap.doc.chapter .contentdata.left .frame .contentblock {
  display: inline-block;
  border: none;
  text-align: center;
  padding-right: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin: .5em 15px .5em 0;
  border-right: 1px solid #e0e0e0;
  border-right-color: rgba(0, 0, 0, 0.1);
  padding-right: 15px;
}
.wrap.chapter .contentdata .frame .contentblock.textright,
.wrap.doc.chapter .contentdata .frame .contentblock.textright,
.wrap.doc.chapter .contentdata.left .frame .contentblock.textright {
  text-align: right;
}
.wrap.chapter .contentdata .frame .contentblock.textleft,
.wrap.doc.chapter .contentdata .frame .contentblock.textleft,
.wrap.doc.chapter .contentdata.left .frame .contentblock.textleft {
  text-align: left;
}
.wrap.chapter .contentdata .frame .contentblock.textcenter,
.wrap.doc.chapter .contentdata .frame .contentblock.textcenter,
.wrap.doc.chapter .contentdata.left .frame .contentblock.textcenter {
  text-align: center;
}
.wrap.chapter .contentdata .frame .contentblock:last-child,
.wrap.doc.chapter .contentdata .frame .contentblock:last-child,
.wrap.doc.chapter .contentdata.left .frame .contentblock:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.wrap.doc .contentdata.left {
  width: 27%;
  float: left;
  margin: 0 3% 0 0;
  text-align: right;
}
.wrap.doc .contentdata.left + * {
  clear: right;
}
.wrap.doc .contentdata.left .frame {
  text-align: right;
  margin: 0 0 15px 9%;
  float: right;
  min-width: 50%;
}
.wrap.doc .contentdata.left .frame .contentblock,
.wrap.doc .contentdata.left .frame .contentblock.textleft,
.wrap.doc .contentdata.left .frame .contentblock.textright {
  display: block;
  border: none;
  text-align: right;
  padding-right: 0;
  margin-right: 0;
  margin-bottom: 1em;
}
.wrap.doc .contentdata.left .frame .contentblock.textright,
.wrap.doc .contentdata.left .frame .contentblock.textleft.textright,
.wrap.doc .contentdata.left .frame .contentblock.textright.textright {
  text-align: right;
}
.wrap.doc .contentdata.left .frame .contentblock.textleft,
.wrap.doc .contentdata.left .frame .contentblock.textleft.textleft,
.wrap.doc .contentdata.left .frame .contentblock.textright.textleft {
  text-align: left;
}
.wrap.doc .contentdata.left .frame .contentblock.textcenter,
.wrap.doc .contentdata.left .frame .contentblock.textleft.textcenter,
.wrap.doc .contentdata.left .frame .contentblock.textright.textcenter {
  text-align: center;
}
.wrap.doc .contentdata.left .frame .contentblock:last-child,
.wrap.doc .contentdata.left .frame .contentblock.textleft:last-child,
.wrap.doc .contentdata.left .frame .contentblock.textright:last-child {
  margin-bottom: .5em;
}
@media only screen and (max-width:479px) {
  .wrap.doc .contentdata,
  .wrap.chapter .contentdata,
  .wrap.doc .contentdata.left,
  .wrap.chapter .contentdata.left {
    width: 94%;
    margin: 0 3% 0 3%;
    float: none;
    text-align: left;
  }
  .wrap.doc .contentdata + *,
  .wrap.chapter .contentdata + *,
  .wrap.doc .contentdata.left + *,
  .wrap.chapter .contentdata.left + * {
    clear: both;
  }
  .wrap.doc .contentdata .frame,
  .wrap.chapter .contentdata .frame,
  .wrap.doc .contentdata.left .frame,
  .wrap.chapter .contentdata.left .frame,
  .wrap.doc .wrap.doc .contentdata .frame,
  .wrap.doc .wrap.chapter .contentdata .frame,
  .wrap.doc .wrap.doc .contentdata.left .frame,
  .wrap.doc .wrap.chapter .contentdata.left .frame {
    text-align: left;
    margin: 15px 0 15px 0%;
    float: left;
  }
  .wrap.doc .contentdata .frame .contentblock,
  .wrap.chapter .contentdata .frame .contentblock,
  .wrap.doc .contentdata.left .frame .contentblock,
  .wrap.chapter .contentdata.left .frame .contentblock,
  .wrap.doc .wrap.doc .contentdata .frame .contentblock,
  .wrap.doc .wrap.chapter .contentdata .frame .contentblock,
  .wrap.doc .wrap.doc .contentdata.left .frame .contentblock,
  .wrap.doc .wrap.chapter .contentdata.left .frame .contentblock,
  .wrap.doc .contentdata .frame .contentblock.textleft,
  .wrap.chapter .contentdata .frame .contentblock.textleft,
  .wrap.doc .contentdata.left .frame .contentblock.textleft,
  .wrap.chapter .contentdata.left .frame .contentblock.textleft,
  .wrap.doc .wrap.doc .contentdata .frame .contentblock.textleft,
  .wrap.doc .wrap.chapter .contentdata .frame .contentblock.textleft,
  .wrap.doc .wrap.doc .contentdata.left .frame .contentblock.textleft,
  .wrap.doc .wrap.chapter .contentdata.left .frame .contentblock.textleft,
  .wrap.doc .contentdata .frame .contentblock.textcenter,
  .wrap.chapter .contentdata .frame .contentblock.textcenter,
  .wrap.doc .contentdata.left .frame .contentblock.textcenter,
  .wrap.chapter .contentdata.left .frame .contentblock.textcenter,
  .wrap.doc .wrap.doc .contentdata .frame .contentblock.textcenter,
  .wrap.doc .wrap.chapter .contentdata .frame .contentblock.textcenter,
  .wrap.doc .wrap.doc .contentdata.left .frame .contentblock.textcenter,
  .wrap.doc .wrap.chapter .contentdata.left .frame .contentblock.textcenter,
  .wrap.doc .contentdata .frame .contentblock.textright,
  .wrap.chapter .contentdata .frame .contentblock.textright,
  .wrap.doc .contentdata.left .frame .contentblock.textright,
  .wrap.chapter .contentdata.left .frame .contentblock.textright,
  .wrap.doc .wrap.doc .contentdata .frame .contentblock.textright,
  .wrap.doc .wrap.chapter .contentdata .frame .contentblock.textright,
  .wrap.doc .wrap.doc .contentdata.left .frame .contentblock.textright,
  .wrap.doc .wrap.chapter .contentdata.left .frame .contentblock.textright {
    display: inline-block;
    border: none;
    text-align: left;
    margin: .5em 15px .5em 0;
    border-right: 1px solid #e0e0e0;
    border-right-color: rgba(0, 0, 0, 0.1);
    padding-right: 15px;
  }
  .wrap.doc .contentdata .frame .contentblock:last-child,
  .wrap.chapter .contentdata .frame .contentblock:last-child,
  .wrap.doc .contentdata.left .frame .contentblock:last-child,
  .wrap.chapter .contentdata.left .frame .contentblock:last-child,
  .wrap.doc .wrap.doc .contentdata .frame .contentblock:last-child,
  .wrap.doc .wrap.chapter .contentdata .frame .contentblock:last-child,
  .wrap.doc .wrap.doc .contentdata.left .frame .contentblock:last-child,
  .wrap.doc .wrap.chapter .contentdata.left .frame .contentblock:last-child,
  .wrap.doc .contentdata .frame .contentblock.textleft:last-child,
  .wrap.chapter .contentdata .frame .contentblock.textleft:last-child,
  .wrap.doc .contentdata.left .frame .contentblock.textleft:last-child,
  .wrap.chapter .contentdata.left .frame .contentblock.textleft:last-child,
  .wrap.doc .wrap.doc .contentdata .frame .contentblock.textleft:last-child,
  .wrap.doc .wrap.chapter .contentdata .frame .contentblock.textleft:last-child,
  .wrap.doc .wrap.doc .contentdata.left .frame .contentblock.textleft:last-child,
  .wrap.doc .wrap.chapter .contentdata.left .frame .contentblock.textleft:last-child,
  .wrap.doc .contentdata .frame .contentblock.textcenter:last-child,
  .wrap.chapter .contentdata .frame .contentblock.textcenter:last-child,
  .wrap.doc .contentdata.left .frame .contentblock.textcenter:last-child,
  .wrap.chapter .contentdata.left .frame .contentblock.textcenter:last-child,
  .wrap.doc .wrap.doc .contentdata .frame .contentblock.textcenter:last-child,
  .wrap.doc .wrap.chapter .contentdata .frame .contentblock.textcenter:last-child,
  .wrap.doc .wrap.doc .contentdata.left .frame .contentblock.textcenter:last-child,
  .wrap.doc .wrap.chapter .contentdata.left .frame .contentblock.textcenter:last-child,
  .wrap.doc .contentdata .frame .contentblock.textright:last-child,
  .wrap.chapter .contentdata .frame .contentblock.textright:last-child,
  .wrap.doc .contentdata.left .frame .contentblock.textright:last-child,
  .wrap.chapter .contentdata.left .frame .contentblock.textright:last-child,
  .wrap.doc .wrap.doc .contentdata .frame .contentblock.textright:last-child,
  .wrap.doc .wrap.chapter .contentdata .frame .contentblock.textright:last-child,
  .wrap.doc .wrap.doc .contentdata.left .frame .contentblock.textright:last-child,
  .wrap.doc .wrap.chapter .contentdata.left .frame .contentblock.textright:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
}
.contentdata.center,
.wrap.doc .contentdata.center,
.wrap.chapter .contentdata.center {
  display: block;
  clear: both;
  float: none;
  text-align: center;
  width: auto;
}
.contentdata.center .frame,
.wrap.doc .contentdata.center .frame,
.wrap.chapter .contentdata.center .frame {
  text-align: center;
  margin: 15px 0 15px 0;
  float: none;
  min-width: 50%;
  max-width: 80%;
}
.contentdata .frame,
.wrap.doc .contentdata .frame {
  display: block;
  display: inline-block;
  position: relative;
  overflow: hidden;
  float: left;
  width: auto;
  min-width: 50%;
  height: auto;
  margin: 15px 0 15px 0;
  padding: 0;
  background: transparent;
  vertical-align: middle;
  text-align: left;
  font-size: 0;
  line-height: 0;
  border: 1px solid #e0e0e0;
  border-color: rgba(0, 0, 0, 0.1);
  border-left: none;
  border-right: none;
}
.contentdata .frame .contentblock,
.wrap.doc .contentdata .frame .contentblock {
  display: block;
  display: inline-block;
  position: relative;
  overflow: visible;
  float: none;
  width: auto;
  height: auto;
  font-size: 16px;
  line-height: 1.1em;
  margin: .5em 15px .5em 0;
  border-right: 1px solid #e0e0e0;
  border-right-color: rgba(0, 0, 0, 0.1);
  padding-right: 15px;
  vertical-align: middle;
  text-align: left;
}
.contentdata .frame .contentblock.textright,
.wrap.doc .contentdata .frame .contentblock.textright {
  text-align: right;
}
.contentdata .frame .contentblock.textleft,
.wrap.doc .contentdata .frame .contentblock.textleft {
  text-align: left;
}
.contentdata .frame .contentblock.textcenter,
.wrap.doc .contentdata .frame .contentblock.textcenter {
  text-align: center;
}
.contentdata .frame .contentblock:last-child,
.wrap.doc .contentdata .frame .contentblock:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.contentdata .frame .contentblock .data,
.wrap.doc .contentdata .frame .contentblock .data,
.contentdata .frame .contentblock .headline,
.wrap.doc .contentdata .frame .contentblock .headline {
  display: block;
  overflow: visible;
  width: auto;
  height: auto;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.05em;
  color: #606060;
  color: rgba(0, 0, 0, 0.6);
  text-align: inherit;
  margin-bottom: .5em;
}
.valign .contentdata .frame .contentblock .data,
.valign .wrap.doc .contentdata .frame .contentblock .data,
.valign .contentdata .frame .contentblock .headline,
.valign .wrap.doc .contentdata .frame .contentblock .headline {
  display: inline-block;
  vertical-align: middle;
}
.contentdata .frame .contentblock .data:last-child,
.wrap.doc .contentdata .frame .contentblock .data:last-child,
.contentdata .frame .contentblock .headline:last-child,
.wrap.doc .contentdata .frame .contentblock .headline:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.contentdata .frame .contentblock .headline,
.wrap.doc .contentdata .frame .contentblock .headline {
  font-size: .60em;
  line-height: 1em;
  font-weight: bold;
  color: #a0a0a0;
  color: rgba(0, 0, 0, 0.3);
  letter-spacing: .4em;
  margin-right: -0.4em;
}
.contentdata .frame .contentblock .socialsharelink,
.wrap.doc .contentdata .frame .contentblock .socialsharelink {
  display: block;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: none;
  background: #e0e0e0 url('Template/STC/CSS/Images/Social_icons_content.png') no-repeat -5px -5px;
  background-color: rgba(0, 0, 0, 0.1);
  background-size: 500px 100px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 1.4s ease-out, background-position .6s cubic-bezier(.2,1.8,.6,1);
  -o-transition: background-color 1.4s ease-out, background-position .6s cubic-bezier(.2,1.8,.6,1);
  -ms-transition: background-color 1.4s ease-out, background-position .6s cubic-bezier(.2,1.8,.6,1);
  -moz-transition: background-color 1.4s ease-out, background-position .6s cubic-bezier(.2,1.8,.6,1);
  -khtml-transition: background-color 1.4s ease-out, background-position .6s cubic-bezier(.2,1.8,.6,1);
  -webkit-transition: background-color 1.4s ease-out, background-position .6s cubic-bezier(.2,1.8,.6,1);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .contentdata .frame .contentblock .socialsharelink,
  .wrap.doc .contentdata .frame .contentblock .socialsharelink {
    background-image: url('Template/STC/CSS/Images/Social_icons_content_x2.png');
    background-size: 500px 100px;
  }
}
.contentdata .frame .contentblock .socialsharelink.facebook,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.facebook {
  background-position: -55px -5px;
}
.contentdata .frame .contentblock .socialsharelink.facebook:hover,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.facebook:hover {
  background-position: -55px -55px;
  background-color: #3b5998;
  border-color: #404040;
}
.contentdata .frame .contentblock .socialsharelink.twitter,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.twitter {
  background-position: -105px -5px;
}
.contentdata .frame .contentblock .socialsharelink.twitter:hover,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.twitter:hover {
  background-position: -105px -55px;
  background-color: #4cc2ff;
  border-color: #404040;
}
.contentdata .frame .contentblock .socialsharelink.tumblr,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.tumblr {
  background-position: -305px -5px;
}
.contentdata .frame .contentblock .socialsharelink.tumblr:hover,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.tumblr:hover {
  background-position: -305px -55px;
  background-color: #4b6998;
  border-color: #404040;
}
.contentdata .frame .contentblock .socialsharelink.googlep,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.googlep {
  background-position: -155px -5px;
}
.contentdata .frame .contentblock .socialsharelink.googlep:hover,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.googlep:hover {
  background-position: -155px -55px;
  background-color: #d23e2b;
  border-color: #404040;
}
.contentdata .frame .contentblock .socialsharelink.email,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.email {
  background-position: -205px -5px;
}
.contentdata .frame .contentblock .socialsharelink.email:hover,
.wrap.doc .contentdata .frame .contentblock .socialsharelink.email:hover {
  background-position: -205px -55px;
  background-color: #3b5998;
  border-color: #404040;
}
.contentdata.white .frame,
.wrap.doc .contentdata.white .frame,
.wrap.chapter .contentdata.white .frame {
  color: #e0e0e0;
  color: rgba(255, 255, 255, 0.6);
  border-color: #e0e0e0;
  border-color: rgba(255, 255, 255, 0.4);
}
.contentdata.white .frame .contentblock,
.wrap.doc .contentdata.white .frame .contentblock,
.wrap.chapter .contentdata.white .frame .contentblock {
  color: #e0e0e0;
  color: rgba(255, 255, 255, 0.6);
  border-color: #e0e0e0;
  border-color: rgba(255, 255, 255, 0.25);
}
.contentdata.white .frame .contentblock .data,
.wrap.doc .contentdata.white .frame .contentblock .data,
.wrap.chapter .contentdata.white .frame .contentblock .data,
.contentdata.white .frame .contentblock .headline,
.wrap.doc .contentdata.white .frame .contentblock .headline,
.wrap.chapter .contentdata.white .frame .contentblock .headline {
  color: #e0e0e0;
  color: rgba(255, 255, 255, 0.6);
}
.contentdata.white .frame .contentblock .socialsharelink,
.wrap.doc .contentdata.white .frame .contentblock .socialsharelink,
.wrap.chapter .contentdata.white .frame .contentblock .socialsharelink {
  background-color: #e0e0e0;
  background-color: rgba(255, 255, 255, 0.8);
}
/* MENUS */
nav {
  width: 300px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
  display: none;
  overflow-y: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1001;
}
nav table.mcont {
  height: 100%;
}
nav table.mcont tr {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
nav table.mcont tr td {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  position: relative;
  vertical-align: top;
  overflow: hidden;
}
nav table.mcont tr td .tdcont {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: auto;
}
nav table.mcont tr td .menucol {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
nav table.mcont tr.top {
  width: auto;
  height: 50px;
}
nav table.mcont tr.top table.cmenu {
  width: 100%;
  height: 50px;
  position: relative;
  border-collapse: collapse;
  border: none;
}
nav table.mcont tr.top table.cmenu tr > td {
  width: auto;
  height: 50px;
  position: relative;
  overflow: hidden;
}
nav table.mcont tr.top table.cmenu tr > td.close {
  width: 50px;
}
nav table.mcont tr.top table.cmenu tr > td a.butt {
  display: block;
  width: 100%;
  height: 50px;
  min-width: 50px;
  border-bottom: 1px solid #6080ff;
  border-bottom-color: rgba(96, 128, 255, 0.6);
  background: transparent url('Template/STC/CSS/Images/menu_icons.png') no-repeat center 0px;
  opacity: .8;
  filter: alpha(opacity=80);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  nav table.mcont tr.top table.cmenu tr > td a.butt {
    background-image: url('Template/STC/CSS/Images/menu_icons_x2.png');
    background-size: 200px 700px;
  }
}
nav table.mcont tr.top table.cmenu tr > td a.butt:hover,
nav table.mcont tr.top table.cmenu tr > td a.butt.act {
  border-bottom: 4px solid #6080ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
nav table.mcont tr.top table.cmenu tr > td a.butt.mmenu {
  background-position: center -100px;
}
nav table.mcont tr.top table.cmenu tr > td a.butt.sound {
  background-position: center -50px;
}
nav table.mcont tr.top table.cmenu tr > td a.butt.social {
  background-position: center -550px;
}
nav table.mcont tr.top table.cmenu tr > td a.butt.login {
  background-position: center 0px;
}
nav table.mcont tr.top table.cmenu tr > td a.butt.close {
  background-position: center -150px;
}
ul.menu {
  width: 100%;
  height: auto;
  position: relative;
  list-style: none inside none;
  padding: 20px 8% 0;
  margin: 0;
  text-align: left;
  overflow: hidden;
  font-size: 1em;
  line-height: 1.2em;
}
ul.menu li {
  margin: 0 0;
  padding: 0;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-bottom: 1px dotted #888;
}
ul.menu li > span,
ul.menu li > a {
  display: block;
  width: 100%;
  height: auto;
  word-spacing: 0;
  padding: 5px 0;
  margin: 0;
  color: #fff;
  overflow: hidden;
}
ul.menu li > span span.ph,
ul.menu li > a span.ph {
  display: none;
  float: left;
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.6);
  vertical-align: middle;
}
ul.menu li > span:hover,
ul.menu li > a:hover {
  background-color: #606060;
  background-color: rgba(255, 255, 255, 0.2);
}
ul.menu li ul {
  display: block;
  overflow: hidden;
  height: 0px;
  transition: height 0.6s ease-out;
  -o-transition: height 0.6s ease-out;
  -ms-transition: height 0.6s ease-out;
  -moz-transition: height 0.6s ease-out;
  -khtml-transition: height 0.6s ease-out;
  -webkit-transition: height 0.6s ease-out;
}
ul.menu li ul li {
  border-top: 1px dotted #888;
  border-bottom: none;
}
ul.menu li.open ul,
ul.menu li.sub ul {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  list-style: none inside none;
  padding: 0 0 0 6%;
  margin: 0;
  text-align: left;
  overflow: hidden;
  font-size: .8em;
  line-height: 1.2em;
}
ul.menu.post {
  font-size: .6em;
  line-height: 1.2em;
  padding: 8% 8% 8%;
}
ul.menu.post li {
  border-bottom: 1px dotted #444;
}
ul.menu.post li > span,
ul.menu.post li > a {
  color: #a0a0a0;
}
ul.menu.post li:first-child {
  border-top: 1px dotted #444;
}
/******************************
 ***   OVERCOVER ELEMENTS   ***
 ******************************/
.preloader {
  display: block;
  position: absolute;
  z-index: 100000;
  width: 80px;
  height: 110px;
  margin: -55px -40px;
  top: 50%;
  left: 50%;
  background: transparent url('Template/STC/CSS/Images/loader.png') no-repeat 0px 0px;
  animation: preload_anim 1.2s steps(25) infinite;
  -o-animation: preload_anim 1.2s steps(25) infinite;
  -ms-animation: preload_anim 1.2s steps(25) infinite;
  -moz-animation: preload_anim 1.2s steps(25) infinite;
  -khtml-animation: preload_anim 1.2s steps(25) infinite;
  -webkit-animation: preload_anim 1.2s steps(25) infinite;
}
@keyframes preload_anim {
  from {
    background-position: 0px;
  }
  to {
    background-position: -2000px;
  }
}
@-o-keyframes preload_anim {
  from {
    background-position: 0px;
  }
  to {
    background-position: -2000px;
  }
}
@-ms-keyframes preload_anim {
  from {
    background-position: 0px;
  }
  to {
    background-position: -2000px;
  }
}
@-moz-keyframes preload_anim {
  from {
    background-position: 0px;
  }
  to {
    background-position: -2000px;
  }
}
@-webkit-keyframes preload_anim {
  from {
    background-position: 0px;
  }
  to {
    background-position: -2000px;
  }
}
div.overlay {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: hidden;
  background: #000000 repeat scroll center center;
  background-color: rgba(0, 0, 0, 0.6);
  perspective: 2000px;
  -o-perspective: 2000px;
  -ms-perspective: 2000px;
  -moz-perspective: 2000px;
  -khtml-perspective: 2000px;
  -webkit-perspective: 2000px;
  perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -khtml-perspective-origin: 50% 50%;
  -webkit-perspective-origin: 50% 50%;
}
/* 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;
}