.fcolor {
    color: #dae4ff;
}

/* stars */
.starswrap {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style:preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.stars2, .stars3, .stars4 {
  position:fixed;
  width: 100%;
  height: 100%;
  -webkit-perspective:300px;
  perspective:300px;
}
.stars2:before, .stars2:after, .stars3:before, .stars3:after, .stars4:before, .stars4:after {
  position: fixed;
  border: solid 1px transparent;
  width: 100%;
  height: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0BAMAAAA5+MK5AAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlMARFVmd4iZqrvM3e7VNOnbAAADp0lEQVR4Xu3dwZGbMBQG4BcTg3EuKYESKMElUIJLoARKoASXmmtmsoeNLUBC33fb0zKDEZLe+1HUB4BHfGiNkl2jIGPsgyEyBjR//XGJzMDFdOYT0HxjHtzHF+jrWYECsBiVP3MzK/ibHVGaINv57hqlm+MkeHqITQSK4LnxDHH1IubdmZoxSiETPxUdYKORK43WTB6wLqvsJWCatSSqg/XHXiB08QFAVwFLwuLeK3aC8uWw+z6PDSnw6kfXLnMub8GLTQxFbZAKKpRcwGjC7atM+2Z0/Kw8QBjvX1Ga/v8vnZ9nutpr5GqOe7lFA1aXQJIhps0pA0ub+4+JNcF6vPm6JIA9yB/19Rn3Slffd8/qXvQGiK/g/rOWUqJpEn0RYNqwnvd8dzlxsW9YBDnsPucis1eYzospsEWu7PkuoT2gO2V+YClnqNLpzqyvaBeAANi82fBlZTPFAeiFquuYCGJSTFfbYhlFWvDgAcBNV4fgP3gGkYE58lxE4H72uMo10rmXWUxGuwlCBgC3AqJxT2kWyDTVbk4CgPMq5DuxJ4il3j0AZ1w0Jc4Ox12vVECVZ7Ev5uXfIL3i43mxBJiCpju+wWYgfZwSXCutFtgpX+3ub8xoMaR4pw4nGaqgVQ1TQQCBZeMzDmBSJiweo0zRe+CVtJoLgPIagAW9kCN0zmevDlPKw8E8IzwSHEUHYMBg2LG5jKsLqaX51E+XJo9XMc/NbzP4Ro3vXtBVl5B/1NVvPtjmKLXUCiBhiJQ3Tif4Xf5eKYLbYEvpVcW2nlx3e/Deye2wTUD6Cr6NKoOulmd93ajAQyZP3WWTiu8aIJVMmoX4sPX/V8r3scQ29VWJPqyG63dBl7jjjN5mGDK6Ok2EDlCTUakQLBGFO3TZz6/tJvbo1WexbvcMUFj3C24r3ki3wGkebFMCYyo3+NuWVqXDyItM1V22LK3nvvN5QA8IGrNoRTbLZODFeD36GBWYvhRTz5iiVgqknsl5gy5kYVMdkrhPNOqO5FMOoznqBsKYbNUK057tINAXWRGjSz5aNF7UZ6NCACDTrgHQvMhaEZzNAIC+wca9PHa6C8L+oOI9BwAWjmCSBNL+INoDIHx7lj7HuZJpI+o+L3EVchrD7IwCQ8pDQkQ6cM6QohA380I/ouxekyAqTRflwBwMxzsNIn9VHAggCyqXgscFLJTX2ADgJIrVV7EUpE3obK3ji4agAOa0ArSzOTsTEozdj4xfDYMEWsb1VYA/KFNOcBXJpxsAAAAASUVORK5CYII="); center center;
  background-position:50% 50%;
  content:"";
  animation: flight 15s  linear infinite;
  -webkit-animation: flight 15s  linear infinite;
  -moz-animation: flight 15s  linear infinite;
  -o-animation: flight 15s  linear infinite;
  visibility: visible;
}
.stars2:before {
  background-position:-190px 80px;
}
.stars2:after {
  background-position:90px -180px;
  -webkit-animation-delay:-2s;
  animation-delay:-2s;
  -moz-animation-delay: -2s;
}
.stars3:before {
  background-position:210px 180px;
  -webkit-animation-delay:-4s;
  animation-delay:-4s;
  -moz-animation-delay: -4s;
}
.stars3:after {
  background-position:-120px 40px;
  -webkit-animation-delay:-6s;
  animation-delay:-6s;
  -moz-animation-delay: -6s;
  }
.stars4:before {
  background-position:130px 140px;
  -webkit-animation-delay:-8s;
  animation-delay:-8s;
  -moz-animation-delay: -8s;
}
.stars4:after {
  background-position:-150px -90px;
  -webkit-animation-delay:-10s;
  animation-delay:-10s;
  -moz-animation-delay: -10s;
}

@-webkit-keyframes flight {
  from {
    opacity:0;
    -webkit-transform:rotate(-60deg) translateZ(-300px);
  }
  to {
    opacity:1;
    -webkit-transform:rotate(60deg) translateZ(300px);
  }
}

@-moz-keyframes flight {
    from {
    opacity: 0;
    -moz-transform: rotate(-60deg) translateZ(-300px);
  } 
    to {
    opacity: 1;
    -moz-transform: rotate(60deg) translateZ(300px);
  }
}

@-o-keyframes flight {
    from {
    opacity: 0;
    -o-transform: rotate(-60deg) translateZ(-300px);
  } 
    to {
    opacity: 1;
    -o-transform: rotate(60deg) translateZ(300px);
  }
}

@keyframes flight {
  from {
    opacity: 0;
    transform: rotate(-60deg) translateZ(-300px);
  } 
    to {
    opacity: 1;
    transform: rotate(60deg) translateZ(300px);
  }
}
/* //stars */

.basis {
    /*position: absolute;*/
    /*left: 0%;*/
    /*right: 0%;*/
    /*top: 0%;*/
    /*bottom: 0%;*/
    width: 100%;
    height: 100%;
    /*margin: auto;*/
    /*z-index: 666;*/
}

.problema_door {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #000000;
}

#racontainer {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(0);
    /*filter: brightness(36%);*/
    animation: fadeinra 9s forwards;
    animation-delay: 3s;
}

@keyframes fadeinra {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1.0);
    }
}

/* Apostols */
.left_conditor{
    position: absolute;
    left: 0px;
    width: 100%;
    background: #F90;
    opacity: 0.36;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 666;
    width: 3px;
    height: 100%;
}
.right_conditor{
    position: absolute;
    right: 0px;
    width: 100%;
    background: #F90;
    opacity: 0.36;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 666;
    width: 3px;
    height: 100%;
}
.bottom_conditor{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: red;
    opacity: 0.36;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 666;
    height: 3px;
}
/* //Apostols */

.wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: auto;
  left: 0%;
  right: 0%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
    position: relative;
    top: -9px;
    width: 900px;
    height: 540px;
    margin: auto;
    overflow: hidden;
    background: url(../img/base.jpg) no-repeat;
    background-size: auto;
    background-size: 100% 100%;
    opacity: 0.86;
    box-shadow: 0px 0px 67px -21px rgba(255, 255, 255, 0.88), 0px 0px 36px 9px rgba(0, 0, 0, 0.88)inset;
    -webkit-box-shadow: 0px 0px 67px -21px rgba(255, 255, 255, 0.88), 0px 0px 36px 9px rgba(0, 0, 0, 0.88)inset;
    -moz-box-shadow: 0px 0px 67px -21px rgba(255, 255, 255, 0.88), 0px 0px 36px 9px rgba(0, 0, 0, 0.88)inset;
    border-radius: 36%;
    z-index: 666;
}

@media (max-width: 999px) {
.box {
    width: 76%;
    height: 67%;
}
}
@media (max-height: 720px) {
.box {
    width: 76%;
    height: 67%;
}
}

@keyframes box_umbra_box_opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*.content__title {
  font-size: 10rem;
  color: #fff;
}*/

.conditor {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #000000;*/
    /*z-index: 999;*/
}

.serratus {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #000000;*/
    /*z-index: 666;*/
}

.lux_munditia{
    position: absolute;
    top: 0px;
    width: 100%;
    background: #FFFFFF;
    opacity: 1;
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
    -o-animation-delay: 6.0s;
    animation-delay: 6.0s;
    /*z-index: 666;*/
    height: 6.66px;
}

.condiciones{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    /*z-index: 666;*/
}
.omega_acies_apostol_holder {
    position: relative;
    width: 6px;
    top: 6px;
    background: #FFF;
    height: 3px;
    margin: auto;
    -webkit-animation-delay: 6.5s;
    -moz-animation-delay: 6.5s;
    -o-animation-delay: 6.5s;
    animation-delay: 6.5s;
    z-index: 666;
}
.omega_acies_apostol {
    position: relative;
    width: 2px;
    top: 6px;
    background: #FFF;
    height: 10vh;
    margin: auto;
    -webkit-animation-delay: 6.5s;
    -moz-animation-delay: 6.5s;
    -o-animation-delay: 6.5s;
    animation-delay: 6.5s;
    z-index: 666;
    animation: spring 3.333s cubic-bezier(.68,-0.55,.4,.4) infinite;
}
@keyframes spring {
    80% {
        height: 10vh;
    }
    90% {
        height: 9vh;
    }
    100% {
        height: 10vh;
    }
}

.omega {
    position: relative;
    margin: -6px;
    bottom: 42px;
    font-family: 'tygra';
    color: #FFFFFF;
    text-align: center;
    font-size: 6em;
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    animation-delay: 8s;
    z-index: 666;
}

.orla {
    position: absolute;
    top: 18px;
    left: 0%;
    right: 0%;
    color: #FFFFFF;
    text-align: center;
    opacity: 0.636;
    font-size: 36px;
    text-shadow: 0px 1px 9px #000;
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    -o-animation-delay: 9s;
    animation-delay: 9s;    
    z-index: 666;
}
@media (max-width: 1111px) {
.orla {
    font-size: 30px;
}
}
@media (max-width: 666px) {
.orla {
    font-size: 24px;
}
}
@media (max-width: 333px) {
.orla {
    font-size: 18px;
}
}

/* quaestio */
#quaestiopage {
    display: none;

}
#quaestiopage:target {
    position: absolute;
    display: block;
    right: -100%;
    left: -100%;
    top: 0;
    bottom: 0;
    height: calc(90vh);
    width: calc(90vh/1.42);
    background-color: #000000;
    background-image: url("../img/bgquaestio.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: auto;
    border: 1px solid #ff9900;
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    box-shadow: 0 0 6px 0 white;
    font-size: 18px;
    text-align: center;
    text-shadow: -6px 6px 6px #000000;
    color: #dae4ff;
    z-index: 1001;
}
@media (max-width: 666px) {
#quaestiopage:target {
    font-size: 13px;
}
}
@media (max-height: 603px) {
#quaestiopage:target {
    height: calc(80vh);
    width: calc(80vh/1.42);
    font-size: 13px;
}
}

.closebuttonwrap {
    position: sticky;
    top: 0px;
    margin: 0 auto;
    display: table;
}
.quaestioclose {
    position: relative;
    top: 9px;
    padding: 4px;
    width: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #ff9900;
    font-size: 13px !Important;
    text-shadow: 0 2px 4px black;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
}

.quaestioclose:hover {
    background: red;
    color: #ffffff;
    z-index: 777;
}
.ozamp {
    position: relative;
    font-size: 67px;
    margin: -86px 0 -9px 0;
    color: #dae4ff;
    filter: brightness(67%);
    animation: ozamp_animation 6s cubic-bezier(.77,0,.18,1) infinite;
    z-index: -1;
}
@keyframes ozamp_animation {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}
/* significatio table */
.significatio_table {
    font-size: 18px !important;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #FFFFFF;
    padding: 18px 0px 18px 0;
    background: #020f28d4;
    max-width: 222px;
}
input {
    max-width: 90%;
    box-sizing: border-box;
}
/* significatio table */

/* significatio_answer_content */
.answer_form {
    position: absolute;
    overflow: hidden;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    visibility: visible;
    width: 204px;
    height: 114px;
    background: #333;
    border: 1px solid white;
    border-radius: 36%;
    -moz-animation: AnswerAnimation 3s ease-in forwards;
    -webkit-animation: AnswerAnimation 3s ease-in forwards;
    -o-animation: AnswerAnimation 3s ease-in forwards;
    animation: AnswerAnimation 3s ease-out forwards;
}

.significatio_answer {
    position: relative;
    font-family: 'Philosopher-Regular';
    font-size: 18px !important;
    color: #ffffff;
    background: #000000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    place-items: center;
    line-height: 1em;
    text-shadow: none;
}
.significatio_correct {
    position: relative;
    color: #00ff4c;
    background: #000000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    place-items: center;
    text-shadow: none;
    
}
.significatio_old {
    position: relative;
    color: #ffffff;
    background: #ff4646;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    place-items: center;
    text-shadow: none;
}
@keyframes AnswerAnimation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes AnswerAnimation {
    to {
        visibility: hidden;
    }
}
/* //significatio_answer_content */

/* agri */
.agri {
    position: absolute;
    color: #fff;
    font-family: 'NeoSansProRegular';
    text-align: center;
    opacity: 1;
    left: 1%;
    right: 1%;
    margin: 0 auto;
    font-size: 8em;
    top: 42%;
    transform: translateY(-50%);
    display: block;
    z-index: 666;
}
@media (max-width: 1111px) {
.agri {
    font-size: 5em;
}
}
@media (max-width: 666px) {
.agri {
    font-size: 4em;
}
}
@media (max-height: 360px) {
.agri {
    font-size: 3em;
}
}
/* agri */
.inbutton {
    font-family:'tygra';
    display:inline-block;
    color: #FFFFFF;
    transition: 2s;
}

.infinitybuttonpulse {
    animation: pulse 6s ease-in-out infinite;
}
@keyframes pulse {
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(0.9);
    }
}

.inbutton:hover {
    font-family:'tygra';
    display:inline-block;
    color: #FFFFFF;
    transition: 2s;
    background: #008000;
    padding-left: 18%;
    padding-right: 18%;
    border-radius: 36px;
}

.inbutton .quaestiobutton {
    display: none;
}

.inbutton:hover .infinitybutton {
    display:none;
}

.inbutton:hover .quaestiobutton {
    display:inline-block;
    color: #ffffff;
    font-family:'tygra';
}

.amp {
    position: absolute;
    z-index: 666;
}
/* //agri */


.the_way_of_awakening {
    position: absolute;
    right: 0%;
    padding: 13px;
    color: #FFFFFF;
    font-family: 'tygra';
    opacity: 0.666;
    font-size: 42px;
    text-shadow: 0px 1px 9px #000;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
    z-index: 666;
    left: 0%;
    text-align: center;
    bottom: 52px;
}
@media (max-width: 1111px) {
.the_way_of_awakening {
    font-size: 30px;
}
}
@media (max-width: 666px) {
.the_way_of_awakening {
    font-size: 21px;
    margin: 0 9px;
    /*padding: 0;*/
}
}
@media (max-height: 333px) {
.the_way_of_awakening {
    font-size: 18px;
    margin: 0 9px;
    padding: 0;
}
}


.hash {
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 36px;
    text-shadow: 0px 1px 9px #000;
    font-family:'NeoSansProLight';
    font-size: 18px;
    color: #f90;
    text-align: center;
    opacity: 0.666;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 666;
}
@media (max-width: 666px) {
.hash {
  font-size: 13px;
}
}
@media (max-height: 333px) {
.hash {
    bottom: 30px;
}
}

.concom {
    position: absolute;
    font-family:'NeoSansProRegular';
    color: #FFFFFF;
    text-align: center;
    font-size: 9px;
    text-shadow: 0px 1px 9px #000;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    left: 0%;
    right: 0%;
    bottom: 18px;
    opacity: 1 !important;
    z-index: 666;
}

.otr {
    position: absolute;
    top: 13px;
    left: 1%;
    color: #FFFFFF;
    font-family: 'tygra';
    opacity: 0.666;
    font-size: 100%;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 666;
}

.otw {
    position: absolute;
    top: 13px;
    right: 1%;
    color: #FFFFFF;
    font-family: 'tygra';
    opacity: 0.666;
    font-size: 100%;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 666;
}
/*@media (max-width: 836px) {
.otw {
    position: absolute;
    top: 100px;
    display: table-cell;
    margin: 0 auto;
    left: 0%;
    right: 0%;
    text-align: center;
    color: #FFFFFF;
    font-family: 'tygra';
    opacity: 0.666;
    font-size: 42px;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 666;
}
}*/


.slideshow {
    position: absolute;
    height: 90px;
    width: 100%;
    bottom: 0px;
    z-index: 666;
}
/* SS objects */
 label[for] {
    cursor: pointer;
    box-sizing: border-box;
}
 
input[type="checkbox"] {
    display: none;
}
 
.lightbox, .grid {
    width: 100%;
    position: fixed;
    bottom: 10px;
    left: 0;
}
 
.lightbox {
    min-height: 100%;
    overflow: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    z-index: 888;
}
.lightbox img {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 96%;
    max-height: 96%;
    opacity: 0.888;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    z-index: 888;
}
 
input[type="checkbox"]:checked + .lightbox {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 888;
}
 
input[type="checkbox"]:checked ~ .grid {
    opacity: .125;
}
/* SS parva object */ 
.grid {
    text-align: center;
    -webkit-transition: opacity .76s;
    transition: opacity .76s;
    margin: 0 auto;
    height: 88px;
    bottom: 0px;
    overflow: auto;
    border-radius: 13px;
    z-index: 888;
}
.grid-item {
    display: inline-block;
    width: 113px;
    padding: 13px;
    opacity: .6;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}
.grid-item {
    display: inline-block;
    width: 113px;
    padding: 13px;
    opacity: .6;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}

@media (max-height: 520px) {
.grid {
    height: 50px;
    padding: 0;
    /*bottom: 0px;*/
}
.grid-item {
    width: 60px;
    padding: 6px;
}
}


.grid .grid-item:hover {
    opacity: 1;
}

.grid img {
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}
/* //SS parva object */
/* //SS objects */

/* hint hash larva table */
.hint_hash_larva_table {
    width: 67%;
}
/* //hint hash larva table */

/* language */
/* Google gisplay OFF */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
#goog-gt-tt {
    display: none !important;
}

.goog-tooltip {
    display: none !important;
}

/* //Google gisplay OFF */
.language {
    position: relative;
    box-shadow: 0 0 6px #000000;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 9px;
    top: 9px;
    display: inline-block;
}

/*@media (max-width: 700px) {
.language {
    position: relative;
    box-shadow: 0 0 6px #000000;
    left: 0%;
    right: 0%;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.4);
    width: 204px;
    height: 77px;
    margin: auto;
    border-radius: 10px;
    padding: 1px;
    z-index: 1313;
}
}*/

/*@media (max-width: 468px) {
.language {
    position: relative;
    box-shadow: 0 0 6px #000000;
    left: 0%;
    right: 0%;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.4);
    width: 121px;
    height: 150px;
    margin: auto;
    border-radius: 10px;
    padding: 1px;
    z-index: 1313;
}
}*/

.language_flags {
    padding: 0 9px 0 9px;
    position: relative;
    /*display: table-cell;*/
}

.language_img {
    margin: 0 auto;
    cursor: pointer;
    opacity: .7;
    /*box-shadow: 0 0 3px #969696;*/
    position: relative;
    float: left;
    padding: 0 0px 0 0px;
}

.language_img:hover,
.language_img_active {
    opacity: 1;
}
/* //language */