.footer-separator {
    position: relative;
    background-color: black;
    width: 100%;
    overflow: hidden;
    background: url("/pristontale/cdn-websites/download/img/footer_separator.png");
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 200px;
}
.footer {
    color: #e1e1e1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background: linear-gradient(to bottom, black, #070707);
}

.page-title {
    font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;

    font-size: 60px;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1;
}


.download-page-content {
    margin-bottom: 120px;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.download-warning {
    width: 100%;
    display: flex;
    justify-content: center;
}

.download-warning > div {
    width: 850px;
    max-width: 90%;
    background: rgba(10, 0, 0, 0.61);
    margin-top: 50px;
    margin-bottom: 120px;
    border: 2px solid transparent;
    border-image: url(/pristontale/cdn-websites/download/img/login_border.png) 30 stretch;
    position: relative;
    padding-left: 80px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
    /*color: #baa398;*/
}

.download-warning > div > img {
    position: absolute;
    height: 270px;
    left: -100px;
    top: -50px;
    filter: drop-shadow(0 0 0.75rem black);
}


.download-links-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.textcontainer {
    padding: 40px 0 0 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin: 30px;

}

.textcontainer:hover > .particletext {
}


.sourse-icon {
    position: absolute;
    left: 50%;
    margin-left: -32px;
    top: -9px;
    filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.7));
}

.particletext {
    text-align: center;
    font-size: 20px;
    width: 220px;
    padding: 15px 0;
    position: relative;
    background: rgba(0, 0, 0, 0.61);
    border: 2px solid transparent;
    border-image: url(/pristontale/cdn-websites/download/img/login_border.png) 30 stretch;
    transition: 0.2s;
}

.particletext.bubbles > .particle {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    background-color: rgba(33, 150, 243, 0.5);
    animation: bubbles 3s ease-in infinite;
    border-radius: 100%;
}

.particletext.squares > .particle {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    background-color: rgba(106, 176, 76, 0.5);
    animation: squares 3s ease-in infinite;
    border-radius: 0%;
}

.particletext.lines > .particle {
    position: absolute;
    display: none;
    background-color: rgba(244, 67, 54, 0.5);
    animation: lines 3s linear infinite;
    transition: 0.3s;
}

.download-links-wrapper a:hover {
    text-decoration: none !important;
}

.textcontainer:hover > .particletext.lines > .particle {
    display: block;
}

.textcontainer:hover > .particletext.bubbles > .particle {
    visibility: visible;
}

.textcontainer:hover > .particletext.squares > .particle {
    visibility: visible;
}

@keyframes bubbles {
    0% {
        opacity: 0.4;
    }

    20% {
        opacity: 1;
        transform: translate(0, -20%);
    }

    100% {
        opacity: 0.4;
        transform: translate(0, -1000%);
    }
}

@keyframes squares {
    0% {
        opacity: 0.4;
    }

    20% {
        opacity: 1;
        transform: translate(100%, -50%);
    }

    100% {
        opacity: 0.4;
        transform: translate(-500%, -1000%);
    }
}

@keyframes lines {
    0%, 50%, 100% {
        opacity: 0.3;
        transform: translateY(0%);
    }

    25% {
        opacity: 0.3;
        transform: translateY(100%);
    }

    75% {
        opacity: 0.3;
        transform: translateY(-100%);
    }
}

.snow {
    position: absolute;
    top: -300px;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    opacity: 0.5;
}

.snow:nth-child(1) {
    opacity: 0.545;
    transform: translate(49.9965vw, -10px) scale(0.7684);
    animation: fall-1 21s -22s linear infinite;
}

@keyframes fall-1 {
    73.14% {
        transform: translate(49.0071vw, 73.14vh) scale(0.7684);
    }
    to {
        transform: translate(49.5018vw, 100vh) scale(0.7684);
    }
}

.snow:nth-child(2) {
    opacity: 0.7986;
    transform: translate(2.3436vw, -10px) scale(0.3145);
    animation: fall-2 14s -9s linear infinite;
}

@keyframes fall-2 {
    44.683% {
        transform: translate(-1.3197vw, 44.683vh) scale(0.3145);
    }
    to {
        transform: translate(0.51195vw, 100vh) scale(0.3145);
    }
}

.snow:nth-child(3) {
    opacity: 0.9685;
    transform: translate(64.8853vw, -10px) scale(0.2815);
    animation: fall-3 23s -26s linear infinite;
}

@keyframes fall-3 {
    33.979% {
        transform: translate(73.4444vw, 33.979vh) scale(0.2815);
    }
    to {
        transform: translate(69.16485vw, 100vh) scale(0.2815);
    }
}

.snow:nth-child(4) {
    opacity: 0.7586;
    transform: translate(8.6859vw, -10px) scale(0.1874);
    animation: fall-4 16s -1s linear infinite;
}

@keyframes fall-4 {
    56.544% {
        transform: translate(14.7306vw, 56.544vh) scale(0.1874);
    }
    to {
        transform: translate(11.70825vw, 100vh) scale(0.1874);
    }
}

.snow:nth-child(5) {
    opacity: 0.7469;
    transform: translate(83.9167vw, -10px) scale(0.2489);
    animation: fall-5 26s -22s linear infinite;
}

@keyframes fall-5 {
    63.581% {
        transform: translate(83.3113vw, 63.581vh) scale(0.2489);
    }
    to {
        transform: translate(83.614vw, 100vh) scale(0.2489);
    }
}

.snow:nth-child(6) {
    opacity: 0.2909;
    transform: translate(71.859vw, -10px) scale(0.3561);
    animation: fall-6 22s -9s linear infinite;
}

@keyframes fall-6 {
    75.876% {
        transform: translate(80.1183vw, 75.876vh) scale(0.3561);
    }
    to {
        transform: translate(75.98865vw, 100vh) scale(0.3561);
    }
}

.snow:nth-child(7) {
    opacity: 0.9212;
    transform: translate(7.4498vw, -10px) scale(0.8053);
    animation: fall-7 11s -7s linear infinite;
}

@keyframes fall-7 {
    56.98% {
        transform: translate(8.5501vw, 56.98vh) scale(0.8053);
    }
    to {
        transform: translate(7.99995vw, 100vh) scale(0.8053);
    }
}

.snow:nth-child(8) {
    opacity: 0.6919;
    transform: translate(47.8718vw, -10px) scale(0.0595);
    animation: fall-8 13s -3s linear infinite;
}

@keyframes fall-8 {
    56.332% {
        transform: translate(40.0014vw, 56.332vh) scale(0.0595);
    }
    to {
        transform: translate(43.9366vw, 100vh) scale(0.0595);
    }
}

.snow:nth-child(9) {
    opacity: 0.7956;
    transform: translate(45.1088vw, -10px) scale(0.3585);
    animation: fall-9 17s -27s linear infinite;
}

@keyframes fall-9 {
    77.064% {
        transform: translate(49.2234vw, 77.064vh) scale(0.3585);
    }
    to {
        transform: translate(47.1661vw, 100vh) scale(0.3585);
    }
}

.snow:nth-child(10) {
    opacity: 0.0247;
    transform: translate(31.4225vw, -10px) scale(0.61);
    animation: fall-10 21s -5s linear infinite;
}

@keyframes fall-10 {
    49.192% {
        transform: translate(22.7424vw, 49.192vh) scale(0.61);
    }
    to {
        transform: translate(27.08245vw, 100vh) scale(0.61);
    }
}

.snow:nth-child(11) {
    opacity: 0.7514;
    transform: translate(9.4593vw, -10px) scale(0.2793);
    animation: fall-11 12s -17s linear infinite;
}

@keyframes fall-11 {
    54.366% {
        transform: translate(18.6932vw, 54.366vh) scale(0.2793);
    }
    to {
        transform: translate(14.07625vw, 100vh) scale(0.2793);
    }
}

.snow:nth-child(12) {
    opacity: 0.8009;
    transform: translate(78.5214vw, -10px) scale(0.4135);
    animation: fall-12 13s -16s linear infinite;
}

@keyframes fall-12 {
    74.763% {
        transform: translate(78.9811vw, 74.763vh) scale(0.4135);
    }
    to {
        transform: translate(78.75125vw, 100vh) scale(0.4135);
    }
}

.snow:nth-child(13) {
    opacity: 0.4208;
    transform: translate(65.6318vw, -10px) scale(0.2961);
    animation: fall-13 10s -6s linear infinite;
}

@keyframes fall-13 {
    63.12% {
        transform: translate(73.5536vw, 63.12vh) scale(0.2961);
    }
    to {
        transform: translate(69.5927vw, 100vh) scale(0.2961);
    }
}

.snow:nth-child(14) {
    opacity: 0.6639;
    transform: translate(16.0511vw, -10px) scale(0.4722);
    animation: fall-14 18s -14s linear infinite;
}

@keyframes fall-14 {
    57.754% {
        transform: translate(16.0046vw, 57.754vh) scale(0.4722);
    }
    to {
        transform: translate(16.02785vw, 100vh) scale(0.4722);
    }
}

.snow:nth-child(15) {
    opacity: 0.1142;
    transform: translate(10.0326vw, -10px) scale(0.3426);
    animation: fall-15 26s -14s linear infinite;
}

@keyframes fall-15 {
    41.644% {
        transform: translate(17.983vw, 41.644vh) scale(0.3426);
    }
    to {
        transform: translate(14.0078vw, 100vh) scale(0.3426);
    }
}

.snow:nth-child(16) {
    opacity: 0.8628;
    transform: translate(15.4399vw, -10px) scale(0.5525);
    animation: fall-16 18s -25s linear infinite;
}

@keyframes fall-16 {
    73.334% {
        transform: translate(6.2024vw, 73.334vh) scale(0.5525);
    }
    to {
        transform: translate(10.82115vw, 100vh) scale(0.5525);
    }
}

.snow:nth-child(17) {
    opacity: 0.1661;
    transform: translate(13.6313vw, -10px) scale(0.2763);
    animation: fall-17 12s -23s linear infinite;
}

@keyframes fall-17 {
    44.02% {
        transform: translate(12.6192vw, 44.02vh) scale(0.2763);
    }
    to {
        transform: translate(13.12525vw, 100vh) scale(0.2763);
    }
}

.snow:nth-child(18) {
    opacity: 0.302;
    transform: translate(23.7969vw, -10px) scale(0.3303);
    animation: fall-18 13s -15s linear infinite;
}

@keyframes fall-18 {
    78.776% {
        transform: translate(31.1543vw, 78.776vh) scale(0.3303);
    }
    to {
        transform: translate(27.4756vw, 100vh) scale(0.3303);
    }
}

.snow:nth-child(19) {
    opacity: 0.6211;
    transform: translate(62.5879vw, -10px) scale(0.241);
    animation: fall-19 23s -7s linear infinite;
}

@keyframes fall-19 {
    65.406% {
        transform: translate(58.7609vw, 65.406vh) scale(0.241);
    }
    to {
        transform: translate(60.6744vw, 100vh) scale(0.241);
    }
}

.snow:nth-child(20) {
    opacity: 0.9463;
    transform: translate(3.8109vw, -10px) scale(0.0233);
    animation: fall-20 15s -25s linear infinite;
}

@keyframes fall-20 {
    76.302% {
        transform: translate(8.4586vw, 76.302vh) scale(0.0233);
    }
    to {
        transform: translate(6.13475vw, 100vh) scale(0.0233);
    }
}

.snow:nth-child(21) {
    opacity: 0.1752;
    transform: translate(49.8422vw, -10px) scale(0.1951);
    animation: fall-21 10s -9s linear infinite;
}

@keyframes fall-21 {
    56.573% {
        transform: translate(58.6601vw, 56.573vh) scale(0.1951);
    }
    to {
        transform: translate(54.25115vw, 100vh) scale(0.1951);
    }
}

.snow:nth-child(22) {
    opacity: 0.5392;
    transform: translate(26.0573vw, -10px) scale(0.8775);
    animation: fall-22 21s -5s linear infinite;
}

@keyframes fall-22 {
    45.863% {
        transform: translate(23.5859vw, 45.863vh) scale(0.8775);
    }
    to {
        transform: translate(24.8216vw, 100vh) scale(0.8775);
    }
}

.snow:nth-child(23) {
    opacity: 0.1763;
    transform: translate(3.7367vw, -10px) scale(0.6708);
    animation: fall-23 12s -13s linear infinite;
}

@keyframes fall-23 {
    45.623% {
        transform: translate(-2.6581vw, 45.623vh) scale(0.6708);
    }
    to {
        transform: translate(0.5393vw, 100vh) scale(0.6708);
    }
}

.snow:nth-child(24) {
    opacity: 0.3381;
    transform: translate(2.3417vw, -10px) scale(0.6416);
    animation: fall-24 19s -20s linear infinite;
}

@keyframes fall-24 {
    40.881% {
        transform: translate(10.8672vw, 40.881vh) scale(0.6416);
    }
    to {
        transform: translate(6.60445vw, 100vh) scale(0.6416);
    }
}

.snow:nth-child(25) {
    opacity: 0.0308;
    transform: translate(71.1303vw, -10px) scale(0.6436);
    animation: fall-25 11s -13s linear infinite;
}

@keyframes fall-25 {
    57.964% {
        transform: translate(73.0459vw, 57.964vh) scale(0.6436);
    }
    to {
        transform: translate(72.0881vw, 100vh) scale(0.6436);
    }
}

.snow:nth-child(26) {
    opacity: 0.9818;
    transform: translate(28.6859vw, -10px) scale(0.9459);
    animation: fall-26 17s -11s linear infinite;
}

@keyframes fall-26 {
    69.621% {
        transform: translate(30.2658vw, 69.621vh) scale(0.9459);
    }
    to {
        transform: translate(29.47585vw, 100vh) scale(0.9459);
    }
}

.snow:nth-child(27) {
    opacity: 0.6223;
    transform: translate(51.277vw, -10px) scale(0.868);
    animation: fall-27 27s -23s linear infinite;
}

@keyframes fall-27 {
    75.386% {
        transform: translate(60.4571vw, 75.386vh) scale(0.868);
    }
    to {
        transform: translate(55.86705vw, 100vh) scale(0.868);
    }
}

.snow:nth-child(28) {
    opacity: 0.6744;
    transform: translate(99.6651vw, -10px) scale(0.8939);
    animation: fall-28 25s -30s linear infinite;
}

@keyframes fall-28 {
    54.483% {
        transform: translate(97.5699vw, 54.483vh) scale(0.8939);
    }
    to {
        transform: translate(98.6175vw, 100vh) scale(0.8939);
    }
}

.snow:nth-child(29) {
    opacity: 0.3602;
    transform: translate(43.4838vw, -10px) scale(0.869);
    animation: fall-29 26s -9s linear infinite;
}

@keyframes fall-29 {
    46.797% {
        transform: translate(39.3023vw, 46.797vh) scale(0.869);
    }
    to {
        transform: translate(41.39305vw, 100vh) scale(0.869);
    }
}

.snow:nth-child(30) {
    opacity: 0.3463;
    transform: translate(89.0887vw, -10px) scale(0.4555);
    animation: fall-30 18s -12s linear infinite;
}

@keyframes fall-30 {
    30.956% {
        transform: translate(94.0177vw, 30.956vh) scale(0.4555);
    }
    to {
        transform: translate(91.5532vw, 100vh) scale(0.4555);
    }
}

.snow:nth-child(31) {
    opacity: 0.5387;
    transform: translate(36.6167vw, -10px) scale(0.5515);
    animation: fall-31 20s -28s linear infinite;
}

@keyframes fall-31 {
    75.513% {
        transform: translate(28.0664vw, 75.513vh) scale(0.5515);
    }
    to {
        transform: translate(32.34155vw, 100vh) scale(0.5515);
    }
}

.snow:nth-child(32) {
    opacity: 0.2159;
    transform: translate(42.6753vw, -10px) scale(0.3757);
    animation: fall-32 23s -17s linear infinite;
}

@keyframes fall-32 {
    76.879% {
        transform: translate(34.6163vw, 76.879vh) scale(0.3757);
    }
    to {
        transform: translate(38.6458vw, 100vh) scale(0.3757);
    }
}

.snow:nth-child(33) {
    opacity: 0.2487;
    transform: translate(82.8992vw, -10px) scale(0.3783);
    animation: fall-33 17s -20s linear infinite;
}

@keyframes fall-33 {
    67.615% {
        transform: translate(89.1495vw, 67.615vh) scale(0.3783);
    }
    to {
        transform: translate(86.02435vw, 100vh) scale(0.3783);
    }
}

.snow:nth-child(34) {
    opacity: 0.6282;
    transform: translate(5.1274vw, -10px) scale(0.9281);
    animation: fall-34 19s -26s linear infinite;
}

@keyframes fall-34 {
    30.882% {
        transform: translate(0.0656vw, 30.882vh) scale(0.9281);
    }
    to {
        transform: translate(2.5965vw, 100vh) scale(0.9281);
    }
}

.snow:nth-child(35) {
    opacity: 0.0469;
    transform: translate(65.9212vw, -10px) scale(0.9275);
    animation: fall-35 24s -14s linear infinite;
}

@keyframes fall-35 {
    63.947% {
        transform: translate(58.2881vw, 63.947vh) scale(0.9275);
    }
    to {
        transform: translate(62.10465vw, 100vh) scale(0.9275);
    }
}

.snow:nth-child(36) {
    opacity: 0.2899;
    transform: translate(70.0841vw, -10px) scale(0.3507);
    animation: fall-36 10s -25s linear infinite;
}

@keyframes fall-36 {
    51.99% {
        transform: translate(64.1826vw, 51.99vh) scale(0.3507);
    }
    to {
        transform: translate(67.13335vw, 100vh) scale(0.3507);
    }
}

.snow:nth-child(37) {
    opacity: 0.4049;
    transform: translate(52.4263vw, -10px) scale(0.3075);
    animation: fall-37 13s -27s linear infinite;
}

@keyframes fall-37 {
    62.693% {
        transform: translate(61.2135vw, 62.693vh) scale(0.3075);
    }
    to {
        transform: translate(56.8199vw, 100vh) scale(0.3075);
    }
}

.snow:nth-child(38) {
    opacity: 0.2769;
    transform: translate(28.1985vw, -10px) scale(0.1951);
    animation: fall-38 10s -2s linear infinite;
}

@keyframes fall-38 {
    78.395% {
        transform: translate(31.7807vw, 78.395vh) scale(0.1951);
    }
    to {
        transform: translate(29.9896vw, 100vh) scale(0.1951);
    }
}

.snow:nth-child(39) {
    opacity: 0.506;
    transform: translate(19.6179vw, -10px) scale(0.5628);
    animation: fall-39 20s -4s linear infinite;
}

@keyframes fall-39 {
    54.567% {
        transform: translate(9.8352vw, 54.567vh) scale(0.5628);
    }
    to {
        transform: translate(14.72655vw, 100vh) scale(0.5628);
    }
}

.snow:nth-child(40) {
    opacity: 0.5104;
    transform: translate(57.2358vw, -10px) scale(0.8107);
    animation: fall-40 19s -24s linear infinite;
}

@keyframes fall-40 {
    73.32% {
        transform: translate(56.4825vw, 73.32vh) scale(0.8107);
    }
    to {
        transform: translate(56.85915vw, 100vh) scale(0.8107);
    }
}

.snow:nth-child(41) {
    opacity: 0.0759;
    transform: translate(91.6009vw, -10px) scale(0.6519);
    animation: fall-41 12s -27s linear infinite;
}

@keyframes fall-41 {
    52.096% {
        transform: translate(92.1193vw, 52.096vh) scale(0.6519);
    }
    to {
        transform: translate(91.8601vw, 100vh) scale(0.6519);
    }
}

.snow:nth-child(42) {
    opacity: 0.6272;
    transform: translate(82.5764vw, -10px) scale(0.8905);
    animation: fall-42 16s -21s linear infinite;
}

@keyframes fall-42 {
    43.932% {
        transform: translate(90.2484vw, 43.932vh) scale(0.8905);
    }
    to {
        transform: translate(86.4124vw, 100vh) scale(0.8905);
    }
}

.snow:nth-child(43) {
    opacity: 0.9074;
    transform: translate(17.0181vw, -10px) scale(0.6663);
    animation: fall-43 18s -13s linear infinite;
}

@keyframes fall-43 {
    65.887% {
        transform: translate(25.9811vw, 65.887vh) scale(0.6663);
    }
    to {
        transform: translate(21.4996vw, 100vh) scale(0.6663);
    }
}

.snow:nth-child(44) {
    opacity: 0.5576;
    transform: translate(25.6946vw, -10px) scale(0.7863);
    animation: fall-44 29s -29s linear infinite;
}

@keyframes fall-44 {
    42.113% {
        transform: translate(34.888vw, 42.113vh) scale(0.7863);
    }
    to {
        transform: translate(30.2913vw, 100vh) scale(0.7863);
    }
}

.snow:nth-child(45) {
    opacity: 0.6657;
    transform: translate(58.3629vw, -10px) scale(0.2785);
    animation: fall-45 27s -28s linear infinite;
}

@keyframes fall-45 {
    36.847% {
        transform: translate(67.2885vw, 36.847vh) scale(0.2785);
    }
    to {
        transform: translate(62.8257vw, 100vh) scale(0.2785);
    }
}

.snow:nth-child(46) {
    opacity: 0.7083;
    transform: translate(80.2849vw, -10px) scale(0.2837);
    animation: fall-46 20s -20s linear infinite;
}

@keyframes fall-46 {
    65.399% {
        transform: translate(73.7747vw, 65.399vh) scale(0.2837);
    }
    to {
        transform: translate(77.0298vw, 100vh) scale(0.2837);
    }
}

.snow:nth-child(47) {
    opacity: 0.9379;
    transform: translate(84.1283vw, -10px) scale(0.8458);
    animation: fall-47 23s -1s linear infinite;
}

@keyframes fall-47 {
    56.211% {
        transform: translate(90.6764vw, 56.211vh) scale(0.8458);
    }
    to {
        transform: translate(87.40235vw, 100vh) scale(0.8458);
    }
}

.snow:nth-child(48) {
    opacity: 0.4251;
    transform: translate(90.8553vw, -10px) scale(0.3111);
    animation: fall-48 15s -2s linear infinite;
}

@keyframes fall-48 {
    31.46% {
        transform: translate(96.9965vw, 31.46vh) scale(0.3111);
    }
    to {
        transform: translate(93.9259vw, 100vh) scale(0.3111);
    }
}

.snow:nth-child(49) {
    opacity: 0.525;
    transform: translate(12.3705vw, -10px) scale(0.7263);
    animation: fall-49 25s -7s linear infinite;
}

@keyframes fall-49 {
    30.207% {
        transform: translate(3.6174vw, 30.207vh) scale(0.7263);
    }
    to {
        transform: translate(7.99395vw, 100vh) scale(0.7263);
    }
}

.snow:nth-child(50) {
    opacity: 0.1664;
    transform: translate(68.7346vw, -10px) scale(0.4342);
    animation: fall-50 12s -20s linear infinite;
}

@keyframes fall-50 {
    73.711% {
        transform: translate(72.257vw, 73.711vh) scale(0.4342);
    }
    to {
        transform: translate(70.4958vw, 100vh) scale(0.4342);
    }
}

.snow:nth-child(51) {
    opacity: 0.5036;
    transform: translate(96.1309vw, -10px) scale(0.3597);
    animation: fall-51 15s -25s linear infinite;
}

@keyframes fall-51 {
    62.358% {
        transform: translate(101.6713vw, 62.358vh) scale(0.3597);
    }
    to {
        transform: translate(98.9011vw, 100vh) scale(0.3597);
    }
}

.snow:nth-child(52) {
    opacity: 0.741;
    transform: translate(69.3269vw, -10px) scale(0.2477);
    animation: fall-52 29s -12s linear infinite;
}

@keyframes fall-52 {
    37.428% {
        transform: translate(75.261vw, 37.428vh) scale(0.2477);
    }
    to {
        transform: translate(72.29395vw, 100vh) scale(0.2477);
    }
}

.snow:nth-child(53) {
    opacity: 0.9344;
    transform: translate(0.7188vw, -10px) scale(0.9258);
    animation: fall-53 16s -25s linear infinite;
}

@keyframes fall-53 {
    61.412% {
        transform: translate(0.1713vw, 61.412vh) scale(0.9258);
    }
    to {
        transform: translate(0.44505vw, 100vh) scale(0.9258);
    }
}

.snow:nth-child(54) {
    opacity: 0.2314;
    transform: translate(96.0815vw, -10px) scale(0.3836);
    animation: fall-54 30s -25s linear infinite;
}

@keyframes fall-54 {
    44.621% {
        transform: translate(92.3094vw, 44.621vh) scale(0.3836);
    }
    to {
        transform: translate(94.19545vw, 100vh) scale(0.3836);
    }
}

.snow:nth-child(55) {
    opacity: 0.086;
    transform: translate(23.0062vw, -10px) scale(0.1184);
    animation: fall-55 25s -23s linear infinite;
}

@keyframes fall-55 {
    32.66% {
        transform: translate(20.0849vw, 32.66vh) scale(0.1184);
    }
    to {
        transform: translate(21.54555vw, 100vh) scale(0.1184);
    }
}

.snow:nth-child(56) {
    opacity: 0.3516;
    transform: translate(14.1693vw, -10px) scale(0.7475);
    animation: fall-56 13s -13s linear infinite;
}

@keyframes fall-56 {
    77.538% {
        transform: translate(12.6191vw, 77.538vh) scale(0.7475);
    }
    to {
        transform: translate(13.3942vw, 100vh) scale(0.7475);
    }
}

.snow:nth-child(57) {
    opacity: 0.2484;
    transform: translate(18.679vw, -10px) scale(0.7656);
    animation: fall-57 19s -10s linear infinite;
}

@keyframes fall-57 {
    78.455% {
        transform: translate(23.1596vw, 78.455vh) scale(0.7656);
    }
    to {
        transform: translate(20.9193vw, 100vh) scale(0.7656);
    }
}

/*fog*/

.fog-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 0.4;
}

.fog-img {
    position: absolute;
    height: 90vh;
    width: 300vw;
    z-index: 2;
}

.fog-img-first {
    background: url("/pristontale/cdn-websites/download/img/fog-1.png");
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    animation: marquee 120s linear reverse infinite;
}

.fog-img-second {
    background: url("/pristontale/cdn-websites/download/img/fog-2.png");
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    animation: marquee 60s linear reverse infinite;
}

@keyframes marquee {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-200vw, 0, 0);
    }
}


.large-widget {
    width: 1040px;
    max-width: 95%;
    background: rgba(10, 0, 0, 0.61);
    margin: 20px;
    border: 2px solid transparent;
    border-image: url(/pristontale/cdn-websites/download/img/login_border.png) 30 stretch;
    position: relative;
}

.widget-title {
    height: 60px;
    line-height: 60px;
    font-size: 23px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(44, 12, 9, 0.7);
    background: linear-gradient(to bottom, rgba(44, 12, 9, 0.7) 0%, rgba(39, 10, 8, 0.7) 44%, rgba(29, 1, 0, 0.7) 100%);
}

.widget-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
}


.requirements-block {
    width: 490px;
    max-width: 95%;
}

.puff-in-center {
    -webkit-animation: puff-in-center .4s cubic-bezier(.47, 0.000, .745, .715) both;
    animation: puff-in-center .4s cubic-bezier(.47, 0.000, .745, .715) both
}

@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

.fade-in-delay-1 {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) .4s both;
    animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) .4s both;
    /*color: #baa398;*/
}

.fade-in-delay-2 {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) .6s both;
    animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) .6s both
}

.fade-in-delay-3 {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) .8s both;
    animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1.000) .8s both
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}


.fade-in-bottom {
    -webkit-animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1.000) 1s both;
    animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1.000) 1s both
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}
.container {
    display: table;
    table-layout: fixed;
    width: 100%;
    zoom: 1;
	color: rgb(125, 125, 125);
}
a.primaryContent.active {
    color: #fdc233 !important;
}
.subHeading {
    font-size: 14px;
    color: rgb(125, 125, 125);
    padding: 10px;
    margin: 0 auto;
    border-bottom: 1px solid #c5c5c5;
}

.heading {
    font-size: 20px;
    color: #fdc233;
    padding: 10px;
    border-bottom: 1px solid #c5c5c5;
    text-transform: uppercase;
    line-height: 30px;
	margin: 0;
}

table.brgTable{
	border-collapse: collapse;
	border-spacing: 0;
}
table.brgTable,
table.brgTable td,
table.brgTable th,
table.brgTable caption{
	border: 1px solid #BBB;
}
.text01 {
	font-size: 8pt;
	color: #ffffff;
	line-height: 100%;
	text-decoration: none;
}
.text02 {
	font-weight: bold;
	font-size: 9pt;
	line-height: 130%;
	text-decoration: none;
	color: rgb(125, 125, 125);
}
.text03 {
	font-weight: bold;
	font-size: 15pt;
	line-height: 150%;
	text-decoration: none;
}
.text04 {
	font-weight: bold;
	font-size: 12pt;
	line-height: 150%;
	text-decoration: none;
}
.text05 {
	font-size: 8pt;
	color: #000000;
	line-height: 130%;
	text-decoration: none;
	margin: 0;
}
.text06 {
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	line-height: 130%;
	text-decoration: none;
}
.text07 {
	font-size: 7pt;
	color: #000000;
	line-height: 100%;
	text-decoration: none;
}
.text08 {
	font-size: 6pt;
	color: #000000;
	line-height: 100%;
	text-decoration: none;
}
.text09 {
	font-size: 40pt;
	font-weight: bold;
	color: #ffffff;
	line-height: 100%;
	text-decoration: none;
}
.text10 {
	font-size: 15pt;
	color: #ffffff;
	line-height: 100%;
	text-decoration: none;
	bottom: 120px;
	position: fixed;
	width: 900px;	
	left: 100px;
}
.itemContainer > center > table > tbody > tr > td > table{
	border: 1px solid #646464;
}
.guideBig li{
	position: relative;
    list-style: none;
}


.guideBig ul{
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
	display:block;
    list-style: none;
}
.guideBig li.collapsed > ul{
	display:none;
}

ul.guideBig {
    padding: 0;
	margin: 0;
}

.guideBig ul ul{
	padding-left: 15px;
}
.guideBig > li > ul{
	padding-left: 15px;
}
.BRGcollapse{
	height: 27px;
	line-height: 27px;
	text-align: center;
	width: 27px;
	font-size: 20px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	color: #fdc233;
}
.subHeading .BRGcollapse{
	height: 38px;
	line-height: 38px;
	width: 38px;
}
.guideContainer .navigationSideBar{
	width: 250px;
    display: table-cell;
    vertical-align: top;
}
.guideContainer .mainContentBlock {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 10px;
    border: 2px groove #342e24;
}
.guideContainer .subHeading{
	font-size: 14px;
	color: #fdc233;
	font-weight: bold;
}

.navigationSideBar a {
    display: block;
    padding: 5px 10px;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.guideContainer .navigationSideBar .primaryContent{
	font-size: 13px;
    color: rgb(125, 125, 125);
	border-bottom: 1px solid #c5c5c5;

}
.guideContainer .navigationSideBar .secondaryContent{
	color: #fdc233;
}

.navigationSideBar .secondaryContent {
    font-weight: bold;
	font-size: 13px;
}

.navigationSideBar a:hover {
    background: rgb(51, 51, 51);
    color: rgb(253, 194, 51) !important;
    text-decoration: none;
}

.navigationSideBar a:hover .BRGcollapse {
	color: rgb(253, 194, 51) !important;
}

.itemContainer table tr td p {
	margin: 0;
}

[data-template="vnxf_guide"] .itemContainer a {
	color: #795626;
}
.guideContainer .subHeading {
  border-bottom: 2px groove #342e24;
}
.guideContainer .navigationSideBar .primaryContent {
  border-bottom: 2px groove #342e24;
}
.guideContainer .navigationSideBar a {
  padding: 10px;
}
.guideContainer .mainContentBlock {
  border: 2px groove #342e24;
}
.guideContainer .heading {
  border-bottom: 2px groove #342e24;
}

.mouse_over
{
	background-color: #C0C0C0;
	color: #373531;
}
.mouse_out
{
	color: #0000000;
}
/* ***************************** */
/* un-reset, mostly from YUI */

.baseHtml h1
	{ font-size:138.5%; } 
.baseHtml h2
	{ font-size:123.1%; }
.baseHtml h3
	{ font-size:108%; } 
.baseHtml h1, .baseHtml h2, .baseHtml h3
	{  margin:1em 0; } 
.baseHtml h1, .baseHtml h2, .baseHtml h3, .baseHtml h4, .baseHtml h5, .baseHtml h6, .baseHtml strong
	{ font-weight:bold; } 
.baseHtml abbr, .baseHtml acronym
	{ border-bottom:1px dotted #000; cursor:help; }  
.baseHtml em
	{  font-style:italic; } 
.baseHtml blockquote, .baseHtml ul, .baseHtml ol, .baseHtml dl
	{ margin:1em; } 
.baseHtml ol, .baseHtml ul, .baseHtml dl
	{ margin-left:3em; margin-right:0; } 
.baseHtml ul ul, .baseHtml ul ol, .baseHtml ul dl, .baseHtml ol ul, .baseHtml ol ol, .baseHtml ol dl, .baseHtml dl ul, .baseHtml dl ol, .baseHtml dl dl
	{ margin-top:0; margin-bottom:0; }
.baseHtml ol li
	{ list-style: decimal outside; } 
.baseHtml ul li
	{ list-style: disc outside; } 
.baseHtml ol ul li, .baseHtml ul ul li
	{ list-style-type: circle; }
.baseHtml ol ol ul li, .baseHtml ol ul ul li, .baseHtml ul ol ul li, .baseHtml ul ul ul li
	{ list-style-type: square; }
.baseHtml ul ol li, .baseHtml ul ol ol li, .baseHtml ol ul ol li
	{ list-style: decimal outside; }
.baseHtml dl dd
	{ margin-left:1em; } 
.baseHtml th, .baseHtml td
	{ border:1px solid #80684E; padding:2px 4px; } 
.baseHtml th
	{ font-weight:bold; text-align:center; } 
.baseHtml caption
	{ margin-bottom:.5em; text-align:center; } 
.baseHtml p, .baseHtml pre, .baseHtml fieldset, .baseHtml table
	{ margin-bottom:1em; }

.itemContainer img {
	height:auto !important;
}
sss:nth-child(3n) {
	clear:right;
}
sss:nth-child(3n+1) {
	clear:left;
}
.wy-nav-top {
    display: none;
}
@media(max-width:650px) {
.guideContainer .navigationSideBar {
    display: none;
}
.wy-nav-top {
    display: block;
    background: #ae9c80;
    font-size: 20px;
    color: #fff;
    padding: 0.4045em 0.809em;
    position: relative;
    line-height: 32px;
    text-align: center;
}
.wy-nav-top i {
    font-size: 30px;
    float: left;
    cursor: pointer;

}.itemContainer {
    overflow-y: hidden;
}
}

@media (max-width: 650px) {
	.guideContainer .navigationSideBar {
		width: 100%;
	}
	
	.container {
		display: block;
	}
	
	.guideContainer .mainContentBlock {
		display: inherit;
	}
	
	.guideContent blockquote {
		margin: 0;
		
		img {
			height: auto !important;
		}
	}
	
	.baseHtml th, .baseHtml td {
		padding: 0;
		font-size: 10px;
		text-align: center;
	}
	
	.guideContainer .mainContentBlock {
		padding: 1px;
	}
	
	.itemContainer table {
		width: 100%;
	}
}

.ptv_left {
	float: left;
	margin-right: 20px;
    width: 300px;
	
	@media (max-width: 650px) {
		& {
			float: none;
			margin-right: 0px;
			width: 100%;
			padding: 10px;
		}
	}
}
a.BigLink.active {
    color: #fdc233 !important;
}
.container {
	/** Data tables **/
	.dataTableWrapper {
	  overflow-x: auto;
	  overflow-y: visible;
	  
	}
	.classList a {
	  color: #7d7d7d;
	  padding: 0 3px;
	  line-height: 25px;
	  border: 2px groove #342e24;
	}
	a:hover {
  	color: #FFE400;
  	text-decoration: underline;
	}
	table.dataTable {
	  width: 100%;
	  _width: 99.5%;
	  margin: 10px 0;
	  border: 2px groove #342e24;
	}
	table.dataTable tr.dataRow:nth-child(odd) {
	  
	}
	.dataTable caption {
	  font-weight: bold;
	  font-size: 11pt;
	  color: #e7e7e7;
	  background-color: #8e8e8e;
	  padding: 5px 10px;
	  margin-bottom: 3px;
	  border-bottom: 1px solid #342e24;
	  -webkit-border-top-left-radius: 5px;
	  -moz-border-radius-topleft: 5px;
	  -khtml-border-top-left-radius: 5px;
	  border-top-left-radius: 5px;
	  -webkit-border-top-right-radius: 5px;
	  -moz-border-radius-topright: 5px;
	  -khtml-border-top-right-radius: 5px;
	  border-top-right-radius: 5px;
	}
	.clanImg {
	  display: inline-block;
	  vertical-align: middle;
	  height: 24px;
	  width: 24px;
	  margin-right: 5px;
	}
	.container .dataTable tr.dataRow td {
	  border-bottom: 2px groove #342e24;
	  border-right: 2px groove #342e24;
	  padding: 5px 10px;
	  word-wrap: break-word;
	}
	.dataTable tr.dataRow td:first-child {
	  border-right: 2px groove #342e24;
	}
	.categoryList li {
	  color: #333;
	  padding: 10px;
	  border-bottom: 2px groove #342e24;
	  border-left: 10px solid #342e24;
	}
	.categoryList li a {
	  color: #333;
	}
	.categoryList li i {
	  margin-right: 5px;
	}
	.dataTable tr.dataRow:nth-child(even) {
	  
	}
	.dataTable tr.dataRow td.secondary {
	  background: #fdc233 url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x top;
	}
	.container .dataTable tr.dataRow th {
	  background: #fdc233 url(styles/default/xenforo/gradients/category-23px-light.png) repeat-x top;
	  border: none;
	  border-bottom: 1px solid #342e24;
	  border-top: 1px solid #342e24;
	  color: #342e24;
	  font-size: 13px;
	  font-weight: bold;
	  padding: 8px 10px;
	}
	.dataTable tr.dataRow th a {
	  color: inherit;
	  text-decoration: underline;
	}
	.dataTable .dataRow .dataOptions {
	  text-align: center;
	  white-space: nowrap;
	  word-wrap: normal;
	  padding: 0;
	}
	.dataTable .dataRow .important,
	.dataTable .dataRow.important {
	  font-weight: bold;
	}
	.dataTable .dataRow .dataOptions a.secondaryContent {
	  display: inline-block;
	  border-left: 1px solid #d1d1d1;
	  border-bottom: none;
	  padding: 7px 10px 6px;
	  font-size: 11px;
	}
	.dataTable .dataRow .dataOptions a.secondaryContent:hover {
	  background-color: #d1d1d1;
	  text-decoration: none;
	}
	.dataTable .dataRow .delete {
	  padding: 0px;
	  width: 26px;
	  border-left: 1px solid #d1d1d1;
	  background-color: #252525;
	}
	.dataTable .dataRow .delete a {
	  display: block;
	  background: transparent url('styles/member/xenforo/permissions/deny.png') no-repeat ;
	  cursor: pointer;
	  padding: 5px;
	  width: 16px;
	  height: 16px;
	  overflow: hidden;
	  white-space: nowrap;
	  text-indent: -1000px;
	}
}
body .ptvmitem {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e2e2e2;
  margin-right: -1px;
}
body .ptvmitem:nth-child(1n) .blockLink i {
  background: #e19504;
}
body .ptvmitem:nth-child(2n) .blockLink i {
  background: #3a99c0;
}
body .ptvmitem:nth-child(3n) .blockLink i {
  background: #36ac81;
}
body .ptvmitem:nth-child(4n) .blockLink i {
  background: #bc3617;
}
body .ptvm_itemwrapper {
  display: block;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  padding: 10px 0;
}
.rankList {
    padding: 0 10px;
}

.rankList li {
    height: 32px;
    font-weight: normal;
    font-size: 12px;
    margin: 5px 0;
	list-style: none;
}

.rankList li:first-child {
    font-weight: bold;
}

.rankList li .posicao {
    margin-right: 22px;
    width: 22px;
}

.rankList li .exp {
  float: right;
}
.rankList li .level {
  float: center;
}nav.pageNavWrapper a {
    background: black;
    border: none !important;
}.pageNav-page {
    border-color: #484646 !important;
    width: 34px;
    text-align: center;
}