@font-face {
    font-family: Bebas;
    src: url(../css/fonts/bebas.ttf);
}
@font-face {
    font-family: Bebas Neue;
    src: url(../css/fonts/bebas_neue.otf);
}
html, body {
    height: 100% !important;
    margin: 0;
    padding: 0;
}
body {
    background: #000;
    color: #1e1e1e;
    font-size: 12px;
    font-family: Tahoma, Arial, sans-serif;
}
a, .apseudo {
    -moz-transition: all 0.3s 0.03s ease-in-out;
    -o-transition: all 0.3s 0.03s ease-in-out;
    -webkit-transition: all 0.3s 0.03s ease-in-out;
    color: #1e1e1e;
    border: none;
    text-decoration: underline;
}
.apseudo { border-bottom: dashed 1px #fafafa; }
a:hover, .apseudo:hover {
    color: #005879;
    cursor: pointer;
    border: none;
    text-decoration: none;
}
h1 { font-size: 66px; }
h2 { font-size: 44px; }
h3 { font-size: 22px; }
.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tjustify { text-align: justify; }
.pbox { position: relative; }
.abox { position: absolute; }
.ibox { display: inline-block; vertical-align: top; }
.iboxm { display: inline-block; vertical-align: middle; }
.hbox { display: none; }

/* main */

.main-width {
    position: relative;
    height: 100%;
    min-width: 800px;
    min-height: 720px;
    overflow: hidden;
}
.main {
    position: relative;
    height: 100%;
    z-index: 8;
    width: 800px;
    margin: 0 auto;
    text-align: center;
}

/* logo */

.logo-box {
    position: absolute;
    top: 5%;
    width: 800px;
    text-align: center;
}

.logo {
    display: inline-block;
    margin: 0 auto;
    width: 600px;
    height: 600px;
}
.p1 { background: url('../img/pernatsk_logo_ne.png') no-repeat; }
.p2 { background: url('../img/pernatsk_logo_ne1.png') no-repeat; }
.p3 { background: url('../img/r2d2/pernatsk_logo_ne2.png') no-repeat; }
.p4 { background: url('../img/r2d2/pernatsk_logo_ne3.png') no-repeat; }
.p5 { background: url('../img/r2d2/pernatsk_logo_ne4.png') no-repeat; }
.p6 { background: url('../img/r2d2/pernatsk_logo_ne5.png') no-repeat; }
.p7 { background: url('../img/r2d2/pernatsk_logo_ne6.png') no-repeat; }
.p8 { background: url('../img/r2d2/pernatsk_logo_ne7.png') no-repeat; }


.logo-text {
     display: inline-block;
     margin: 0 auto;
     width: 600px;
     line-height: 50px;
     font-size: 22px;
    letter-spacing: 1px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bolder;
    color: #ccc;
    opacity: 0.5;
 }
.logo-tg {
    position: absolute;
    bottom: 32px;
    width: 600px;
    text-align: center;
}
.logo-tg a {
    font-size: 28px;
    letter-spacing: 1px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: bolder;
    text-decoration: none;
    color: #fefefe;
    opacity: 0.7;
}
.logo-tg a:hover {
    text-decoration: underline;
    opacity: 0.9;
}
.text-onsnow {
    color: #02112f !important;
}
/* footer */

.main-copyright {
    position: relative;
    min-width: 800px;
    z-index: 10;
    bottom: 60px;
    text-align: center;
    line-height: 20px;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: "Bebas Neue", sans-serif;
    color: #ccc;
    opacity: 0.33;
}

/* backs */

.p-back-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.pbg1 {background-image: url('../img/pernatsk-ne-bg.jpg');}
.pbg2 {background-image: url('../img/pernatsk-ne-bg2.jpg');}

@media (max-width: 768px) {
    .p-back-bg {
        background-position: top left !important;
    }
}
.p-back-bg-clouds {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 1920px;
    background: url('../img/back/6-1.png') top center repeat-x;
    filter: grayscale(50%);
    opacity: 0.5;
}
.p-back-front-1 {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 150px;
    height: 107px;
    background: url('../img/back/0-1.png') no-repeat;
    filter: grayscale(100%);
}
.p-back-front-2 {
    position: absolute;
    z-index: 9;
    top: 0;
    right: -20px;
    width: 250px;
    height: 181px;
    background: url('../img/back/0-2.png') no-repeat;
    filter: grayscale(88%);
}
.p-back-front-3 {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 150px;
    height: 106px;
    background: url('../img/back/0-3.png') no-repeat;
    filter: grayscale(88%);
}
.p-back-front-4 {
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    width: 225px;
    height: 150px;
    background: url('../img/back/0-4.png') no-repeat;
    filter: grayscale(100%);
}