/*!
 * #NVJOB Promo Banner
 * (c) 2016 - 2019 #NVJOB Nicholas Veselov https://nvjob.github.io
 * Attribution-NonCommercial-NoDerivs 2.0 Generic (CC BY-NC-ND 2.0)
 * https://creativecommons.org/licenses/by-nc-nd/2.0/
 */
 
@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700);
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0px auto;
padding: 0px;
border: 0 none;
outline: 0;
font-family: 'Oswald';
}
body,
html {
font-family: Arial;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
text-rendering: optimizeLegibility;
cursor: default;
overflow: hidden;
background: #D5D5D5;
}
body {
background: #D5D5D5;
font-size: 1em;
}
a { 
text-decoration: none;
}
::selection {
background: #D5D5D5;
/* Safari */
}
::-moz-selection {
background: #D5D5D5;
/* Firefox */
}
.loadercontent {
position: fixed;
background: #D5D5D5;
width: 100%;
height: 100%;
z-index: 999999;
}
.loadercontent img {
position: fixed;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -15px;
z-index: 999999;
opacity: 0.8;
}
.loadercontentx {
position: fixed;
background:#D5D5D5;
background-size: cover;
width: 100%;
height: 100%;
z-index: 999999;
}
.loadercontentx img {
position: fixed;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -15px;
z-index: 999999;
opacity: 0.3;
}
.loadercontentxm {
position: fixed;
background: #D5D5D5;
background-size: cover;
width: 100%;
height: 100%;
z-index: 999999;
}
.loadercontentxm img {
position: fixed;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -15px;
z-index: 999999;
opacity: 0.5;
}
.banner_top {
width: 100%;
background: #D5D5D5;
position: relative;
overflow: hidden;
z-index: 1;
}
.scene {
position: fixed;
}
.scene,
.layer {
display: block;
padding: 0;
margin: 0;
}
#migmig {
-webkit-animation: migmigx 7s linear infinite;
animation: migmigx 7s linear infinite;
}
@-webkit-keyframes migmigx {
50% {
opacity: 0.5;
}
}
@keyframes migmigx {
50% {
opacity: 0.5;
}
}
.astro_3 {
-webkit-animation: pulsated 60s linear infinite;
animation: pulsated 60s linear infinite;
}
@-webkit-keyframes pulsated {
50% {
transform: scale(1.1);
}
}
@keyframes pulsated {
50% {
transform: scale(1.2);
}
}
.astro_1 {
-webkit-animation: pulsateda 50s linear infinite;
animation: pulsateda 50s linear infinite;
}
@-webkit-keyframes pulsateda {
50% {
transform: scale(0.9);
}
}
@keyframes pulsateda {
50% {
transform: scale(0.9);
}
}
.astro_5 {
-webkit-animation:spin 360s linear infinite;
-moz-animation:spin 360s linear infinite;
animation:spin 360s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.astro_6,  .astro_6ru{
opacity: 0.6;
}
.layer {
position: absolute;
}
.typelayer {
-webkit-text-stroke: 0.5px;
position: absolute;
font-size: 16px;
margin-top: -30px;
color: #fff;
}
.typelayer > div {
text-align: center;
display: inherit;
margin: 0 auto;
}
.typelayer span {
font-size: 18px;
letter-spacing: 1px;
font-weight: normal;
}
.letterbox {
width: 250px;
height: 300px;
position: relative;
}
.banner_top_arrow {
display: block;
margin: 0 auto;
width: 100%;
text-align: center;
color: #333;
opacity: 0.8;
font-weight: 300;
font-size: 1.7rem;
letter-spacing: 2px;
position: absolute;
bottom: 50px;
z-index: 12;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
}
.contentus {
width: 100%;
height: 100%;
background: #D5D5D5;
color: #fff;
opacity: 0;
overflow: hidden;
z-index: 99;
border-top: #eee solid 1px;
}
@-moz-document url-prefix() {
.contentus {
position: relative;
}
}
.skrollable {
position: fixed;
z-index: 100;
}
.skrollr-mobile .skrollable {
position: absolute;
}
.skrollable .skrollable {
position: absolute;
}
.skrollable .skrollable .skrollable {
position: static;
}
.skrollr-desktop #scrollbar {
display: none;
}
#overlayZZ{
width:102%;
height:102%;
left:-1%;
top:-1%;
position:fixed;
z-index:99999;
overflow:hidden;
background:url(/res/images/a5.png) no-repeat center;
background-size:100% 100%;
}
.xzxcontent{
overflow: hidden;
width: 50px;
height: 50px;
position: absolute;
left: -100px;
top:  -100px;
color: #999999;
}