.download-page-header {
    position: relative;
    background-color: black;
    height: 350px;
    width: 100%;
    overflow: hidden;
    background: url("/pristontale/cdn-websites/download/img/download_header.png");
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 200px;
}

.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: 750px;
    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
    }
}