.thanks_popup6{display: table; width: 100%; height: 100%; text-align: center; opacity: 1; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .thanks_popup6::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.7); z-index: 0; } .thanks_popup6 .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .thanks_popup6 .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 26px); max-width: 580px; padding: 0; left: 0 !important; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .thanks_popup6 .boxes .bg{position: relative; display: block; background: url(../img/competition6_popup_bg.png) no-repeat local center top #515c84; padding: 75px 40px 40px; overflow-y: auto; max-height: calc(100vh - 120px); -webkit-overflow-scrolling: touch; } .thanks_popup6 .boxes .bg .spec_warning{letter-spacing: 2px; z-index: 900; position: relative; display: inline-block; vertical-align: middle; padding: 0; text-align: center; font-size: 30px; line-height: 34px; font-weight: 700; color: #fff;} .thanks_popup6 .boxes .bg .anotation{display: block; margin: 25px 0; text-align: center; font-size: 16px; line-height: 22px; font-weight: 400; color: #ffffff;} .thanks_popup6 .boxes .bg .anotation.margin{margin: 25px 0 10px; font-size: 15px;} .thanks_popup6 .boxes .bg .addthis_inline_share_toolbox{height: 47px;} .thanks_popup6 .boxes .bg .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn{margin: 0 5px; -webkit-box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.5); box-shadow: 2px 2px 10px -2px rgba(0,0,0,0.5);} .thanks_popup6 .boxes .close{z-index: 999; -webkit-border-radius: 30px; border-radius: 30px; cursor: pointer; overflow: hidden; background: rgba(255,255,255,0.39); border: 1px solid rgba(255,255,255,0.39); position: absolute; right: 20px; top: 30px; width: 40px; height: 40px; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .thanks_popup6 .boxes .close::before{content: ""; opacity: 1; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .thanks_popup6 .boxes .close:hover, .thanks_popup6 .boxes .close:focus{background: #701b5a; border: 1px solid #701b5a;} .notouch .thanks_popup6 .boxes .close:hover::before, .thanks_popup6 .boxes .close:focus::before{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @media screen and (max-width: 1024px) { .thanks_popup6 .boxes::before, .thanks_popup6 .boxes::after{display: none;} } @media screen and (max-width: 1024px) { .thanks_popup6 .boxes .bg{padding: 30px 40px;} .thanks_popup6 .boxes .bg .spec_warning{letter-spacing: 2px; margin: 0 0 2px; font-size: 28px; line-height: 32px;} .thanks_popup6 .boxes .bg .anotation{margin: 20px 0; font-size: 16px; line-height: 20px;} .thanks_popup6 .boxes .bg .anotation.margin{margin: 20px 0 5px; font-size: 14px;} } @media screen and (max-width: 750px) { .thanks_popup6 .boxes{max-width: 560px;} .thanks_popup6 .boxes .bg{padding: 20px 30px;} .thanks_popup6 .boxes .bg .spec_warning{letter-spacing: 1px; padding: 9px 18px 4px; font-size: 24px; line-height: 28px;} .thanks_popup6 .boxes .bg .anotation{margin: 18px 0; font-size: 15px; line-height: 18px;} .thanks_popup6 .boxes .bg .anotation.margin{margin: 18px 0 5px; font-size: 13px;} } @media screen and (max-width: 500px) { .thanks_popup6 .boxes .bg{padding: 15px 20px;} .thanks_popup6 .boxes .bg .spec_warning{letter-spacing: 1px; padding: 5px 13px 3px; font-size: 18px; line-height: 22px;} .thanks_popup6 .boxes .bg .anotation{margin: 15px 0; font-size: 14px; line-height: 18px;} .thanks_popup6 .boxes .bg .anotation.margin{margin: 15px 0 5px; font-size: 13px;} } .advent_place{position: relative; padding: 0; overflow: hidden;} .advent_place .snowfall{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .snowflake{z-index: 99; position: absolute; color: #fff; user-select: none; pointer-events: none;} .snowflake::after{content: "\2744";} .snowflake:nth-of-type(1){animation-name:snowflake-1;animation-delay:17s;animation-duration:8s;animation-iteration-count:infinite;left:58%;top:-76%} .snowflake:nth-of-type(1):after{font-size:19px}@keyframes snowflake-1{0%{transform:rotate(0);left:58%;top:-76%}25%{left:59%}50%{left:58%}75%{left:60%;opacity:1}100%{transform:rotate(360deg);top:116%;opacity:0}} .snowflake:nth-of-type(2){animation-name:snowflake-2;animation-delay:17s;animation-duration:9s;animation-iteration-count:infinite;left:17%;top:-96%} .snowflake:nth-of-type(2):after{font-size:8px}@keyframes snowflake-2{0%{transform:rotate(0);left:17%;top:-96%}25%{left:18%}50%{left:17%}75%{left:19%;opacity:1}100%{transform:rotate(360deg);top:136%;opacity:0}} .snowflake:nth-of-type(3){animation-name:snowflake-3;animation-delay:3s;animation-duration:5s;animation-iteration-count:infinite;left:79%;top:-76%} .snowflake:nth-of-type(3):after{font-size:14px}@keyframes snowflake-3{0%{transform:rotate(0);left:79%;top:-76%}25%{left:80%}50%{left:79%}75%{left:81%;opacity:1}100%{transform:rotate(360deg);top:116%;opacity:0}} .snowflake:nth-of-type(4){animation-name:snowflake-4;animation-delay:4s;animation-duration:10s;animation-iteration-count:infinite;left:84%;top:-98%} .snowflake:nth-of-type(4):after{font-size:7px}@keyframes snowflake-4{0%{transform:rotate(0);left:84%;top:-98%}25%{left:85%}50%{left:84%}75%{left:86%;opacity:1}100%{transform:rotate(360deg);top:138%;opacity:0}} .snowflake:nth-of-type(5){animation-name:snowflake-5;animation-delay:2s;animation-duration:9s;animation-iteration-count:infinite;left:4%;top:-58%} .snowflake:nth-of-type(5):after{font-size:5px}@keyframes snowflake-5{0%{transform:rotate(0);left:4%;top:-58%}25%{left:5%}50%{left:4%}75%{left:6%;opacity:1}100%{transform:rotate(360deg);top:98%;opacity:0}} .snowflake:nth-of-type(6){animation-name:snowflake-6;animation-delay:15s;animation-duration:5s;animation-iteration-count:infinite;left:19%;top:-72%} .snowflake:nth-of-type(6):after{font-size:12px}@keyframes snowflake-6{0%{transform:rotate(0);left:19%;top:-72%}25%{left:20%}50%{left:19%}75%{left:21%;opacity:1}100%{transform:rotate(360deg);top:112%;opacity:0}} .snowflake:nth-of-type(7){animation-name:snowflake-7;animation-delay:12s;animation-duration:6s;animation-iteration-count:infinite;left:2%;top:-98%} .snowflake:nth-of-type(7):after{font-size:17px}@keyframes snowflake-7{0%{transform:rotate(0);left:2%;top:-98%}25%{left:3%}50%{left:2%}75%{left:4%;opacity:1}100%{transform:rotate(360deg);top:138%;opacity:0}} .snowflake:nth-of-type(8){animation-name:snowflake-8;animation-delay:14s;animation-duration:7s;animation-iteration-count:infinite;left:20%;top:-81%} .snowflake:nth-of-type(8):after{font-size:23px}@keyframes snowflake-8{0%{transform:rotate(0);left:20%;top:-81%}25%{left:21%}50%{left:20%}75%{left:22%;opacity:1}100%{transform:rotate(360deg);top:121%;opacity:0}} .snowflake:nth-of-type(9){animation-name:snowflake-9;animation-delay:13s;animation-duration:7s;animation-iteration-count:infinite;left:88%;top:-67%} .snowflake:nth-of-type(9):after{font-size:9px}@keyframes snowflake-9{0%{transform:rotate(0);left:88%;top:-67%}25%{left:89%}50%{left:88%}75%{left:90%;opacity:1}100%{transform:rotate(360deg);top:107%;opacity:0}} .snowflake:nth-of-type(10){animation-name:snowflake-10;animation-delay:14s;animation-duration:7s;animation-iteration-count:infinite;left:99%;top:-81%} .snowflake:nth-of-type(10):after{font-size:4px}@keyframes snowflake-10{0%{transform:rotate(0);left:99%;top:-81%}25%{left:100%}50%{left:99%}75%{left:101%;opacity:1}100%{transform:rotate(360deg);top:121%;opacity:0}} .snowflake:nth-of-type(11){animation-name:snowflake-11;animation-delay:14s;animation-duration:7s;animation-iteration-count:infinite;left:34%;top:-69%} .snowflake:nth-of-type(11):after{font-size:19px}@keyframes snowflake-11{0%{transform:rotate(0);left:34%;top:-69%}25%{left:35%}50%{left:34%}75%{left:36%;opacity:1}100%{transform:rotate(360deg);top:109%;opacity:0}} .snowflake:nth-of-type(12){animation-name:snowflake-12;animation-delay:7s;animation-duration:10s;animation-iteration-count:infinite;left:51%;top:-93%} .snowflake:nth-of-type(12):after{font-size:17px}@keyframes snowflake-12{0%{transform:rotate(0);left:51%;top:-93%}25%{left:52%}50%{left:51%}75%{left:53%;opacity:1}100%{transform:rotate(360deg);top:133%;opacity:0}} .snowflake:nth-of-type(13){animation-name:snowflake-13;animation-delay:7s;animation-duration:8s;animation-iteration-count:infinite;left:40%;top:-100%} .snowflake:nth-of-type(13):after{font-size:9px}@keyframes snowflake-13{0%{transform:rotate(0);left:40%;top:-100%}25%{left:41%}50%{left:40%}75%{left:42%;opacity:1}100%{transform:rotate(360deg);top:140%;opacity:0}} .snowflake:nth-of-type(14){animation-name:snowflake-14;animation-delay:15s;animation-duration:10s;animation-iteration-count:infinite;left:12%;top:-88%} .snowflake:nth-of-type(14):after{font-size:17px}@keyframes snowflake-14{0%{transform:rotate(0);left:12%;top:-88%}25%{left:13%}50%{left:12%}75%{left:14%;opacity:1}100%{transform:rotate(360deg);top:128%;opacity:0}} .snowflake:nth-of-type(15){animation-name:snowflake-15;animation-delay:1s;animation-duration:9s;animation-iteration-count:infinite;left:55%;top:-86%} .snowflake:nth-of-type(15):after{font-size:7px}@keyframes snowflake-15{0%{transform:rotate(0);left:55%;top:-86%}25%{left:56%}50%{left:55%}75%{left:57%;opacity:1}100%{transform:rotate(360deg);top:126%;opacity:0}} .snowflake:nth-of-type(16){animation-name:snowflake-16;animation-delay:13s;animation-duration:7s;animation-iteration-count:infinite;left:83%;top:-56%} .snowflake:nth-of-type(16):after{font-size:9px}@keyframes snowflake-16{0%{transform:rotate(0);left:83%;top:-56%}25%{left:84%}50%{left:83%}75%{left:85%;opacity:1}100%{transform:rotate(360deg);top:96%;opacity:0}} .snowflake:nth-of-type(17){animation-name:snowflake-17;animation-delay:9s;animation-duration:9s;animation-iteration-count:infinite;left:61%;top:-93%} .snowflake:nth-of-type(17):after{font-size:21px}@keyframes snowflake-17{0%{transform:rotate(0);left:61%;top:-93%}25%{left:62%}50%{left:61%}75%{left:63%;opacity:1}100%{transform:rotate(360deg);top:133%;opacity:0}} .snowflake:nth-of-type(18){animation-name:snowflake-18;animation-delay:6s;animation-duration:9s;animation-iteration-count:infinite;left:30%;top:-83%} .snowflake:nth-of-type(18):after{font-size:24px}@keyframes snowflake-18{0%{transform:rotate(0);left:30%;top:-83%}25%{left:31%}50%{left:30%}75%{left:32%;opacity:1}100%{transform:rotate(360deg);top:123%;opacity:0}} .snowflake:nth-of-type(19){animation-name:snowflake-19;animation-delay:16s;animation-duration:7s;animation-iteration-count:infinite;left:15%;top:-60%} .snowflake:nth-of-type(19):after{font-size:11px}@keyframes snowflake-19{0%{transform:rotate(0);left:15%;top:-60%}25%{left:16%}50%{left:15%}75%{left:17%;opacity:1}100%{transform:rotate(360deg);top:100%;opacity:0}} .snowflake:nth-of-type(20){animation-name:snowflake-20;animation-delay:8s;animation-duration:5s;animation-iteration-count:infinite;left:59%;top:-59%} .snowflake:nth-of-type(20):after{font-size:6px}@keyframes snowflake-20{0%{transform:rotate(0);left:59%;top:-59%}25%{left:60%}50%{left:59%}75%{left:61%;opacity:1}100%{transform:rotate(360deg);top:99%;opacity:0}} .snowflake:nth-of-type(21){animation-name:snowflake-21;animation-delay:7s;animation-duration:7s;animation-iteration-count:infinite;left:49%;top:-100%} .snowflake:nth-of-type(21):after{font-size:21px}@keyframes snowflake-21{0%{transform:rotate(0);left:49%;top:-100%}25%{left:50%}50%{left:49%}75%{left:51%;opacity:1}100%{transform:rotate(360deg);top:140%;opacity:0}} .snowflake:nth-of-type(22){animation-name:snowflake-22;animation-delay:9s;animation-duration:9s;animation-iteration-count:infinite;left:25%;top:-77%} .snowflake:nth-of-type(22):after{font-size:3px}@keyframes snowflake-22{0%{transform:rotate(0);left:25%;top:-77%}25%{left:26%}50%{left:25%}75%{left:27%;opacity:1}100%{transform:rotate(360deg);top:117%;opacity:0}} .snowflake:nth-of-type(23){animation-name:snowflake-23;animation-delay:19s;animation-duration:9s;animation-iteration-count:infinite;left:100%;top:-100%} .snowflake:nth-of-type(23):after{font-size:14px}@keyframes snowflake-23{0%{transform:rotate(0);left:100%;top:-100%}25%{left:101%}50%{left:100%}75%{left:102%;opacity:1}100%{transform:rotate(360deg);top:140%;opacity:0}} .snowflake:nth-of-type(24){animation-name:snowflake-24;animation-delay:5s;animation-duration:6s;animation-iteration-count:infinite;left:71%;top:-58%} .snowflake:nth-of-type(24):after{font-size:2px}@keyframes snowflake-24{0%{transform:rotate(0);left:71%;top:-58%}25%{left:72%}50%{left:71%}75%{left:73%;opacity:1}100%{transform:rotate(360deg);top:98%;opacity:0}} .snowflake:nth-of-type(25){animation-name:snowflake-25;animation-delay:11s;animation-duration:9s;animation-iteration-count:infinite;left:70%;top:-78%} .snowflake:nth-of-type(25):after{font-size:9px}@keyframes snowflake-25{0%{transform:rotate(0);left:70%;top:-78%}25%{left:71%}50%{left:70%}75%{left:72%;opacity:1}100%{transform:rotate(360deg);top:118%;opacity:0}} .snowflake:nth-of-type(26){animation-name:snowflake-26;animation-delay:13s;animation-duration:6s;animation-iteration-count:infinite;left:66%;top:-60%} .snowflake:nth-of-type(26):after{font-size:12px}@keyframes snowflake-26{0%{transform:rotate(0);left:66%;top:-60%}25%{left:67%}50%{left:66%}75%{left:68%;opacity:1}100%{transform:rotate(360deg);top:100%;opacity:0}} .snowflake:nth-of-type(27){animation-name:snowflake-27;animation-delay:6s;animation-duration:5s;animation-iteration-count:infinite;left:5%;top:-90%} .snowflake:nth-of-type(27):after{font-size:11px}@keyframes snowflake-27{0%{transform:rotate(0);left:5%;top:-90%}25%{left:6%}50%{left:5%}75%{left:7%;opacity:1}100%{transform:rotate(360deg);top:130%;opacity:0}} .snowflake:nth-of-type(28){animation-name:snowflake-28;animation-delay:9s;animation-duration:9s;animation-iteration-count:infinite;left:100%;top:-84%} .snowflake:nth-of-type(28):after{font-size:7px}@keyframes snowflake-28{0%{transform:rotate(0);left:100%;top:-84%}25%{left:101%}50%{left:100%}75%{left:102%;opacity:1}100%{transform:rotate(360deg);top:124%;opacity:0}} .snowflake:nth-of-type(29){animation-name:snowflake-29;animation-delay:18s;animation-duration:5s;animation-iteration-count:infinite;left:66%;top:-57%} .snowflake:nth-of-type(29):after{font-size:4px}@keyframes snowflake-29{0%{transform:rotate(0);left:66%;top:-57%}25%{left:67%}50%{left:66%}75%{left:68%;opacity:1}100%{transform:rotate(360deg);top:97%;opacity:0}} .snowflake:nth-of-type(30){animation-name:snowflake-30;animation-delay:1s;animation-duration:8s;animation-iteration-count:infinite;left:98%;top:-57%} .snowflake:nth-of-type(30):after{font-size:17px}@keyframes snowflake-30{0%{transform:rotate(0);left:98%;top:-57%}25%{left:99%}50%{left:98%}75%{left:100%;opacity:1}100%{transform:rotate(360deg);top:97%;opacity:0}} .snowflake:nth-of-type(31){animation-name:snowflake-31;animation-delay:1s;animation-duration:10s;animation-iteration-count:infinite;left:60%;top:-89%} .snowflake:nth-of-type(31):after{font-size:3px}@keyframes snowflake-31{0%{transform:rotate(0);left:60%;top:-89%}25%{left:61%}50%{left:60%}75%{left:62%;opacity:1}100%{transform:rotate(360deg);top:129%;opacity:0}} .snowflake:nth-of-type(32){animation-name:snowflake-32;animation-delay:14s;animation-duration:8s;animation-iteration-count:infinite;left:28%;top:-60%} .snowflake:nth-of-type(32):after{font-size:16px}@keyframes snowflake-32{0%{transform:rotate(0);left:28%;top:-60%}25%{left:29%}50%{left:28%}75%{left:30%;opacity:1}100%{transform:rotate(360deg);top:100%;opacity:0}} .snowflake:nth-of-type(33){animation-name:snowflake-33;animation-delay:15s;animation-duration:10s;animation-iteration-count:infinite;left:77%;top:-69%} .snowflake:nth-of-type(33):after{font-size:18px}@keyframes snowflake-33{0%{transform:rotate(0);left:77%;top:-69%}25%{left:78%}50%{left:77%}75%{left:79%;opacity:1}100%{transform:rotate(360deg);top:109%;opacity:0}} .snowflake:nth-of-type(34){animation-name:snowflake-34;animation-delay:13s;animation-duration:10s;animation-iteration-count:infinite;left:23%;top:-92%} .snowflake:nth-of-type(34):after{font-size:6px}@keyframes snowflake-34{0%{transform:rotate(0);left:23%;top:-92%}25%{left:24%}50%{left:23%}75%{left:25%;opacity:1}100%{transform:rotate(360deg);top:132%;opacity:0}} .snowflake:nth-of-type(35){animation-name:snowflake-35;animation-delay:5s;animation-duration:10s;animation-iteration-count:infinite;left:27%;top:-76%} .snowflake:nth-of-type(35):after{font-size:13px}@keyframes snowflake-35{0%{transform:rotate(0);left:27%;top:-76%}25%{left:28%}50%{left:27%}75%{left:29%;opacity:1}100%{transform:rotate(360deg);top:116%;opacity:0}} .snowflake:nth-of-type(36){animation-name:snowflake-36;animation-delay:4s;animation-duration:5s;animation-iteration-count:infinite;left:54%;top:-72%} .snowflake:nth-of-type(36):after{font-size:1px}@keyframes snowflake-36{0%{transform:rotate(0);left:54%;top:-72%}25%{left:55%}50%{left:54%}75%{left:56%;opacity:1}100%{transform:rotate(360deg);top:112%;opacity:0}} .snowflake:nth-of-type(37){animation-name:snowflake-37;animation-delay:6s;animation-duration:5s;animation-iteration-count:infinite;left:80%;top:-64%} .snowflake:nth-of-type(37):after{font-size:17px}@keyframes snowflake-37{0%{transform:rotate(0);left:80%;top:-64%}25%{left:81%}50%{left:80%}75%{left:82%;opacity:1}100%{transform:rotate(360deg);top:104%;opacity:0}} .snowflake:nth-of-type(38){animation-name:snowflake-38;animation-delay:6s;animation-duration:6s;animation-iteration-count:infinite;left:26%;top:-92%} .snowflake:nth-of-type(38):after{font-size:11px}@keyframes snowflake-38{0%{transform:rotate(0);left:26%;top:-92%}25%{left:27%}50%{left:26%}75%{left:28%;opacity:1}100%{transform:rotate(360deg);top:132%;opacity:0}} .snowflake:nth-of-type(39){animation-name:snowflake-39;animation-delay:17s;animation-duration:5s;animation-iteration-count:infinite;left:9%;top:-56%} .snowflake:nth-of-type(39):after{font-size:1px}@keyframes snowflake-39{0%{transform:rotate(0);left:9%;top:-56%}25%{left:10%}50%{left:9%}75%{left:11%;opacity:1}100%{transform:rotate(360deg);top:96%;opacity:0}} .snowflake:nth-of-type(40){animation-name:snowflake-40;animation-delay:6s;animation-duration:7s;animation-iteration-count:infinite;left:12%;top:-64%} .snowflake:nth-of-type(40):after{font-size:4px}@keyframes snowflake-40{0%{transform:rotate(0);left:12%;top:-64%}25%{left:13%}50%{left:12%}75%{left:14%;opacity:1}100%{transform:rotate(360deg);top:104%;opacity:0}} .snowflake:nth-of-type(41){animation-name:snowflake-41;animation-delay:12s;animation-duration:6s;animation-iteration-count:infinite;left:55%;top:-63%} .snowflake:nth-of-type(41):after{font-size:10px}@keyframes snowflake-41{0%{transform:rotate(0);left:55%;top:-63%}25%{left:56%}50%{left:55%}75%{left:57%;opacity:1}100%{transform:rotate(360deg);top:103%;opacity:0}} .snowflake:nth-of-type(42){animation-name:snowflake-42;animation-delay:11s;animation-duration:10s;animation-iteration-count:infinite;left:7%;top:-77%} .snowflake:nth-of-type(42):after{font-size:16px}@keyframes snowflake-42{0%{transform:rotate(0);left:7%;top:-77%}25%{left:8%}50%{left:7%}75%{left:9%;opacity:1}100%{transform:rotate(360deg);top:117%;opacity:0}} .snowflake:nth-of-type(43){animation-name:snowflake-43;animation-delay:12s;animation-duration:7s;animation-iteration-count:infinite;left:72%;top:-94%} .snowflake:nth-of-type(43):after{font-size:1px}@keyframes snowflake-43{0%{transform:rotate(0);left:72%;top:-94%}25%{left:73%}50%{left:72%}75%{left:74%;opacity:1}100%{transform:rotate(360deg);top:134%;opacity:0}} .snowflake:nth-of-type(44){animation-name:snowflake-44;animation-delay:7s;animation-duration:9s;animation-iteration-count:infinite;left:91%;top:-53%} .snowflake:nth-of-type(44):after{font-size:22px}@keyframes snowflake-44{0%{transform:rotate(0);left:91%;top:-53%}25%{left:92%}50%{left:91%}75%{left:93%;opacity:1}100%{transform:rotate(360deg);top:93%;opacity:0}} .snowflake:nth-of-type(45){animation-name:snowflake-45;animation-delay:4s;animation-duration:9s;animation-iteration-count:infinite;left:92%;top:-60%} .snowflake:nth-of-type(45):after{font-size:16px}@keyframes snowflake-45{0%{transform:rotate(0);left:92%;top:-60%}25%{left:93%}50%{left:92%}75%{left:94%;opacity:1}100%{transform:rotate(360deg);top:100%;opacity:0}} .snowflake:nth-of-type(46){animation-name:snowflake-46;animation-delay:8s;animation-duration:10s;animation-iteration-count:infinite;left:46%;top:-55%} .snowflake:nth-of-type(46):after{font-size:7px}@keyframes snowflake-46{0%{transform:rotate(0);left:46%;top:-55%}25%{left:47%}50%{left:46%}75%{left:48%;opacity:1}100%{transform:rotate(360deg);top:95%;opacity:0}} .snowflake:nth-of-type(47){animation-name:snowflake-47;animation-delay:2s;animation-duration:6s;animation-iteration-count:infinite;left:97%;top:-90%} .snowflake:nth-of-type(47):after{font-size:20px}@keyframes snowflake-47{0%{transform:rotate(0);left:97%;top:-90%}25%{left:98%}50%{left:97%}75%{left:99%;opacity:1}100%{transform:rotate(360deg);top:130%;opacity:0}} .snowflake:nth-of-type(48){animation-name:snowflake-48;animation-delay:12s;animation-duration:8s;animation-iteration-count:infinite;left:31%;top:-58%} .snowflake:nth-of-type(48):after{font-size:22px}@keyframes snowflake-48{0%{transform:rotate(0);left:31%;top:-58%}25%{left:32%}50%{left:31%}75%{left:33%;opacity:1}100%{transform:rotate(360deg);top:98%;opacity:0}} .snowflake:nth-of-type(49){animation-name:snowflake-49;animation-delay:16s;animation-duration:6s;animation-iteration-count:infinite;left:47%;top:-72%} .snowflake:nth-of-type(49):after{font-size:2px}@keyframes snowflake-49{0%{transform:rotate(0);left:47%;top:-72%}25%{left:48%}50%{left:47%}75%{left:49%;opacity:1}100%{transform:rotate(360deg);top:112%;opacity:0}} .snowflake:nth-of-type(50){animation-name:snowflake-50;animation-delay:11s;animation-duration:6s;animation-iteration-count:infinite;left:16%;top:-79%} .snowflake:nth-of-type(50):after{font-size:7px}@keyframes snowflake-50{0%{transform:rotate(0);left:16%;top:-79%}25%{left:17%}50%{left:16%}75%{left:18%;opacity:1}100%{transform:rotate(360deg);top:119%;opacity:0}} .snowflake:nth-of-type(51){animation-name:snowflake-51;animation-delay:8s;animation-duration:9s;animation-iteration-count:infinite;left:13%;top:-100%} .snowflake:nth-of-type(51):after{font-size:13px}@keyframes snowflake-51{0%{transform:rotate(0);left:13%;top:-100%}25%{left:14%}50%{left:13%}75%{left:15%;opacity:1}100%{transform:rotate(360deg);top:140%;opacity:0}} .snowflake:nth-of-type(52){animation-name:snowflake-52;animation-delay:4s;animation-duration:5s;animation-iteration-count:infinite;left:95%;top:-80%} .snowflake:nth-of-type(52):after{font-size:23px}@keyframes snowflake-52{0%{transform:rotate(0);left:95%;top:-80%}25%{left:96%}50%{left:95%}75%{left:97%;opacity:1}100%{transform:rotate(360deg);top:120%;opacity:0}} .snowflake:nth-of-type(53){animation-name:snowflake-53;animation-delay:14s;animation-duration:8s;animation-iteration-count:infinite;left:37%;top:-78%} .snowflake:nth-of-type(53):after{font-size:11px}@keyframes snowflake-53{0%{transform:rotate(0);left:37%;top:-78%}25%{left:38%}50%{left:37%}75%{left:39%;opacity:1}100%{transform:rotate(360deg);top:118%;opacity:0}} .snowflake:nth-of-type(54){animation-name:snowflake-54;animation-delay:4s;animation-duration:9s;animation-iteration-count:infinite;left:15%;top:-73%} .snowflake:nth-of-type(54):after{font-size:9px}@keyframes snowflake-54{0%{transform:rotate(0);left:15%;top:-73%}25%{left:16%}50%{left:15%}75%{left:17%;opacity:1}100%{transform:rotate(360deg);top:113%;opacity:0}} .snowflake:nth-of-type(55){animation-name:snowflake-55;animation-delay:4s;animation-duration:9s;animation-iteration-count:infinite;left:60%;top:-78%} .snowflake:nth-of-type(55):after{font-size:7px}@keyframes snowflake-55{0%{transform:rotate(0);left:60%;top:-78%}25%{left:61%}50%{left:60%}75%{left:62%;opacity:1}100%{transform:rotate(360deg);top:118%;opacity:0}} .snowflake:nth-of-type(56){animation-name:snowflake-56;animation-delay:10s;animation-duration:7s;animation-iteration-count:infinite;left:53%;top:-71%} .snowflake:nth-of-type(56):after{font-size:10px}@keyframes snowflake-56{0%{transform:rotate(0);left:53%;top:-71%}25%{left:54%}50%{left:53%}75%{left:55%;opacity:1}100%{transform:rotate(360deg);top:111%;opacity:0}} .snowflake:nth-of-type(57){animation-name:snowflake-57;animation-delay:15s;animation-duration:6s;animation-iteration-count:infinite;left:19%;top:-87%} .snowflake:nth-of-type(57):after{font-size:18px}@keyframes snowflake-57{0%{transform:rotate(0);left:19%;top:-87%}25%{left:20%}50%{left:19%}75%{left:21%;opacity:1}100%{transform:rotate(360deg);top:127%;opacity:0}} .snowflake:nth-of-type(58){animation-name:snowflake-58;animation-delay:7s;animation-duration:5s;animation-iteration-count:infinite;left:62%;top:-97%} .snowflake:nth-of-type(58):after{font-size:20px}@keyframes snowflake-58{0%{transform:rotate(0);left:62%;top:-97%}25%{left:63%}50%{left:62%}75%{left:64%;opacity:1}100%{transform:rotate(360deg);top:137%;opacity:0}} .snowflake:nth-of-type(59){animation-name:snowflake-59;animation-delay:7s;animation-duration:7s;animation-iteration-count:infinite;left:57%;top:-81%} .snowflake:nth-of-type(59):after{font-size:12px}@keyframes snowflake-59{0%{transform:rotate(0);left:57%;top:-81%}25%{left:58%}50%{left:57%}75%{left:59%;opacity:1}100%{transform:rotate(360deg);top:121%;opacity:0}} .snowflake:nth-of-type(60){animation-name:snowflake-60;animation-delay:12s;animation-duration:10s;animation-iteration-count:infinite;left:81%;top:-81%} .snowflake:nth-of-type(60):after{font-size:3px}@keyframes snowflake-60{0%{transform:rotate(0);left:81%;top:-81%}25%{left:82%}50%{left:81%}75%{left:83%;opacity:1}100%{transform:rotate(360deg);top:121%;opacity:0}} .snowflake:nth-of-type(61){animation-name:snowflake-61;animation-delay:7s;animation-duration:7s;animation-iteration-count:infinite;left:26%;top:-62%} .snowflake:nth-of-type(61):after{font-size:10px}@keyframes snowflake-61{0%{transform:rotate(0);left:26%;top:-62%}25%{left:27%}50%{left:26%}75%{left:28%;opacity:1}100%{transform:rotate(360deg);top:102%;opacity:0}} .snowflake:nth-of-type(62){animation-name:snowflake-62;animation-delay:18s;animation-duration:7s;animation-iteration-count:infinite;left:18%;top:-58%} .snowflake:nth-of-type(62):after{font-size:13px}@keyframes snowflake-62{0%{transform:rotate(0);left:18%;top:-58%}25%{left:19%}50%{left:18%}75%{left:20%;opacity:1}100%{transform:rotate(360deg);top:98%;opacity:0}} .snowflake:nth-of-type(63){animation-name:snowflake-63;animation-delay:18s;animation-duration:6s;animation-iteration-count:infinite;left:20%;top:-56%} .snowflake:nth-of-type(63):after{font-size:10px}@keyframes snowflake-63{0%{transform:rotate(0);left:20%;top:-56%}25%{left:21%}50%{left:20%}75%{left:22%;opacity:1}100%{transform:rotate(360deg);top:96%;opacity:0}} .snowflake:nth-of-type(64){animation-name:snowflake-64;animation-delay:11s;animation-duration:5s;animation-iteration-count:infinite;left:38%;top:-63%} .snowflake:nth-of-type(64):after{font-size:9px}@keyframes snowflake-64{0%{transform:rotate(0);left:38%;top:-63%}25%{left:39%}50%{left:38%}75%{left:40%;opacity:1}100%{transform:rotate(360deg);top:103%;opacity:0}} .snowflake:nth-of-type(65){animation-name:snowflake-65;animation-delay:16s;animation-duration:8s;animation-iteration-count:infinite;left:25%;top:-68%} .snowflake:nth-of-type(65):after{font-size:7px}@keyframes snowflake-65{0%{transform:rotate(0);left:25%;top:-68%}25%{left:26%}50%{left:25%}75%{left:27%;opacity:1}100%{transform:rotate(360deg);top:108%;opacity:0}} .snowflake:nth-of-type(66){animation-name:snowflake-66;animation-delay:2s;animation-duration:7s;animation-iteration-count:infinite;left:45%;top:-64%} .snowflake:nth-of-type(66):after{font-size:7px}@keyframes snowflake-66{0%{transform:rotate(0);left:45%;top:-64%}25%{left:46%}50%{left:45%}75%{left:47%;opacity:1}100%{transform:rotate(360deg);top:104%;opacity:0}} .snowflake:nth-of-type(67){animation-name:snowflake-67;animation-delay:16s;animation-duration:7s;animation-iteration-count:infinite;left:20%;top:-73%} .snowflake:nth-of-type(67):after{font-size:5px}@keyframes snowflake-67{0%{transform:rotate(0);left:20%;top:-73%}25%{left:21%}50%{left:20%}75%{left:22%;opacity:1}100%{transform:rotate(360deg);top:113%;opacity:0}} .snowflake:nth-of-type(68){animation-name:snowflake-68;animation-delay:15s;animation-duration:6s;animation-iteration-count:infinite;left:49%;top:-92%} .snowflake:nth-of-type(68):after{font-size:17px}@keyframes snowflake-68{0%{transform:rotate(0);left:49%;top:-92%}25%{left:50%}50%{left:49%}75%{left:51%;opacity:1}100%{transform:rotate(360deg);top:132%;opacity:0}} .snowflake:nth-of-type(69){animation-name:snowflake-69;animation-delay:12s;animation-duration:8s;animation-iteration-count:infinite;left:17%;top:-71%} .snowflake:nth-of-type(69):after{font-size:5px}@keyframes snowflake-69{0%{transform:rotate(0);left:17%;top:-71%}25%{left:18%}50%{left:17%}75%{left:19%;opacity:1}100%{transform:rotate(360deg);top:111%;opacity:0}} .snowflake:nth-of-type(70){animation-name:snowflake-70;animation-delay:11s;animation-duration:10s;animation-iteration-count:infinite;left:34%;top:-68%} .snowflake:nth-of-type(70):after{font-size:2px}@keyframes snowflake-70{0%{transform:rotate(0);left:34%;top:-68%}25%{left:35%}50%{left:34%}75%{left:36%;opacity:1}100%{transform:rotate(360deg);top:108%;opacity:0}} .snowflake:nth-of-type(71){animation-name:snowflake-71;animation-delay:6s;animation-duration:6s;animation-iteration-count:infinite;left:87%;top:-74%} .snowflake:nth-of-type(71):after{font-size:2px}@keyframes snowflake-71{0%{transform:rotate(0);left:87%;top:-74%}25%{left:88%}50%{left:87%}75%{left:89%;opacity:1}100%{transform:rotate(360deg);top:114%;opacity:0}} .snowflake:nth-of-type(72){animation-name:snowflake-72;animation-delay:16s;animation-duration:7s;animation-iteration-count:infinite;left:26%;top:-86%} .snowflake:nth-of-type(72):after{font-size:16px}@keyframes snowflake-72{0%{transform:rotate(0);left:26%;top:-86%}25%{left:27%}50%{left:26%}75%{left:28%;opacity:1}100%{transform:rotate(360deg);top:126%;opacity:0}} .snowflake:nth-of-type(73){animation-name:snowflake-73;animation-delay:15s;animation-duration:10s;animation-iteration-count:infinite;left:31%;top:-59%} .snowflake:nth-of-type(73):after{font-size:24px}@keyframes snowflake-73{0%{transform:rotate(0);left:31%;top:-59%}25%{left:32%}50%{left:31%}75%{left:33%;opacity:1}100%{transform:rotate(360deg);top:99%;opacity:0}} .snowflake:nth-of-type(74){animation-name:snowflake-74;animation-delay:9s;animation-duration:6s;animation-iteration-count:infinite;left:80%;top:-93%} .snowflake:nth-of-type(74):after{font-size:7px}@keyframes snowflake-74{0%{transform:rotate(0);left:80%;top:-93%}25%{left:81%}50%{left:80%}75%{left:82%;opacity:1}100%{transform:rotate(360deg);top:133%;opacity:0}} .snowflake:nth-of-type(75){animation-name:snowflake-75;animation-delay:12s;animation-duration:8s;animation-iteration-count:infinite;left:1%;top:-56%} .snowflake:nth-of-type(75):after{font-size:14px}@keyframes snowflake-75{0%{transform:rotate(0);left:1%;top:-56%}25%{left:2%}50%{left:1%}75%{left:3%;opacity:1}100%{transform:rotate(360deg);top:96%;opacity:0}} .snowflake:nth-of-type(76){animation-name:snowflake-76;animation-delay:10s;animation-duration:7s;animation-iteration-count:infinite;left:89%;top:-79%} .snowflake:nth-of-type(76):after{font-size:13px}@keyframes snowflake-76{0%{transform:rotate(0);left:89%;top:-79%}25%{left:90%}50%{left:89%}75%{left:91%;opacity:1}100%{transform:rotate(360deg);top:119%;opacity:0}} .snowflake:nth-of-type(77){animation-name:snowflake-77;animation-delay:16s;animation-duration:6s;animation-iteration-count:infinite;left:80%;top:-70%} .snowflake:nth-of-type(77):after{font-size:8px}@keyframes snowflake-77{0%{transform:rotate(0);left:80%;top:-70%}25%{left:81%}50%{left:80%}75%{left:82%;opacity:1}100%{transform:rotate(360deg);top:110%;opacity:0}} .snowflake:nth-of-type(78){animation-name:snowflake-78;animation-delay:4s;animation-duration:6s;animation-iteration-count:infinite;left:85%;top:-79%} .snowflake:nth-of-type(78):after{font-size:5px}@keyframes snowflake-78{0%{transform:rotate(0);left:85%;top:-79%}25%{left:86%}50%{left:85%}75%{left:87%;opacity:1}100%{transform:rotate(360deg);top:119%;opacity:0}} .snowflake:nth-of-type(79){animation-name:snowflake-79;animation-delay:12s;animation-duration:10s;animation-iteration-count:infinite;left:69%;top:-64%} .snowflake:nth-of-type(79):after{font-size:4px}@keyframes snowflake-79{0%{transform:rotate(0);left:69%;top:-64%}25%{left:70%}50%{left:69%}75%{left:71%;opacity:1}100%{transform:rotate(360deg);top:104%;opacity:0}} .snowflake:nth-of-type(80){animation-name:snowflake-80;animation-delay:10s;animation-duration:5s;animation-iteration-count:infinite;left:15%;top:-61%} .snowflake:nth-of-type(80):after{font-size:8px}@keyframes snowflake-80{0%{transform:rotate(0);left:15%;top:-61%}25%{left:16%}50%{left:15%}75%{left:17%;opacity:1}100%{transform:rotate(360deg);top:101%;opacity:0}} .snowflake:nth-of-type(81){animation-name:snowflake-81;animation-delay:13s;animation-duration:6s;animation-iteration-count:infinite;left:20%;top:-57%} .snowflake:nth-of-type(81):after{font-size:13px}@keyframes snowflake-81{0%{transform:rotate(0);left:20%;top:-57%}25%{left:21%}50%{left:20%}75%{left:22%;opacity:1}100%{transform:rotate(360deg);top:97%;opacity:0}} .snowflake:nth-of-type(82){animation-name:snowflake-82;animation-delay:2s;animation-duration:9s;animation-iteration-count:infinite;left:93%;top:-87%} .snowflake:nth-of-type(82):after{font-size:22px}@keyframes snowflake-82{0%{transform:rotate(0);left:93%;top:-87%}25%{left:94%}50%{left:93%}75%{left:95%;opacity:1}100%{transform:rotate(360deg);top:127%;opacity:0}} .snowflake:nth-of-type(83){animation-name:snowflake-83;animation-delay:18s;animation-duration:6s;animation-iteration-count:infinite;left:78%;top:-97%} .snowflake:nth-of-type(83):after{font-size:11px}@keyframes snowflake-83{0%{transform:rotate(0);left:78%;top:-97%}25%{left:79%}50%{left:78%}75%{left:80%;opacity:1}100%{transform:rotate(360deg);top:137%;opacity:0}} .snowflake:nth-of-type(84){animation-name:snowflake-84;animation-delay:4s;animation-duration:7s;animation-iteration-count:infinite;left:56%;top:-69%} .snowflake:nth-of-type(84):after{font-size:18px}@keyframes snowflake-84{0%{transform:rotate(0);left:56%;top:-69%}25%{left:57%}50%{left:56%}75%{left:58%;opacity:1}100%{transform:rotate(360deg);top:109%;opacity:0}} .snowflake:nth-of-type(85){animation-name:snowflake-85;animation-delay:18s;animation-duration:7s;animation-iteration-count:infinite;left:12%;top:-62%} .snowflake:nth-of-type(85):after{font-size:6px}@keyframes snowflake-85{0%{transform:rotate(0);left:12%;top:-62%}25%{left:13%}50%{left:12%}75%{left:14%;opacity:1}100%{transform:rotate(360deg);top:102%;opacity:0}} .snowflake:nth-of-type(86){animation-name:snowflake-86;animation-delay:0s;animation-duration:9s;animation-iteration-count:infinite;left:78%;top:-61%} .snowflake:nth-of-type(86):after{font-size:10px}@keyframes snowflake-86{0%{transform:rotate(0);left:78%;top:-61%}25%{left:79%}50%{left:78%}75%{left:80%;opacity:1}100%{transform:rotate(360deg);top:101%;opacity:0}} .snowflake:nth-of-type(87){animation-name:snowflake-87;animation-delay:19s;animation-duration:7s;animation-iteration-count:infinite;left:76%;top:-91%} .snowflake:nth-of-type(87):after{font-size:12px}@keyframes snowflake-87{0%{transform:rotate(0);left:76%;top:-91%}25%{left:77%}50%{left:76%}75%{left:78%;opacity:1}100%{transform:rotate(360deg);top:131%;opacity:0}} .snowflake:nth-of-type(88){animation-name:snowflake-88;animation-delay:10s;animation-duration:8s;animation-iteration-count:infinite;left:68%;top:-98%} .snowflake:nth-of-type(88):after{font-size:16px}@keyframes snowflake-88{0%{transform:rotate(0);left:68%;top:-98%}25%{left:69%}50%{left:68%}75%{left:70%;opacity:1}100%{transform:rotate(360deg);top:138%;opacity:0}} .snowflake:nth-of-type(89){animation-name:snowflake-89;animation-delay:7s;animation-duration:5s;animation-iteration-count:infinite;left:14%;top:-51%} .snowflake:nth-of-type(89):after{font-size:22px}@keyframes snowflake-89{0%{transform:rotate(0);left:14%;top:-51%}25%{left:15%}50%{left:14%}75%{left:16%;opacity:1}100%{transform:rotate(360deg);top:91%;opacity:0}} .snowflake:nth-of-type(90){animation-name:snowflake-90;animation-delay:12s;animation-duration:5s;animation-iteration-count:infinite;left:22%;top:-57%} .snowflake:nth-of-type(90):after{font-size:21px}@keyframes snowflake-90{0%{transform:rotate(0);left:22%;top:-57%}25%{left:23%}50%{left:22%}75%{left:24%;opacity:1}100%{transform:rotate(360deg);top:97%;opacity:0}} .snowflake:nth-of-type(91){animation-name:snowflake-91;animation-delay:5s;animation-duration:7s;animation-iteration-count:infinite;left:48%;top:-70%} .snowflake:nth-of-type(91):after{font-size:24px}@keyframes snowflake-91{0%{transform:rotate(0);left:48%;top:-70%}25%{left:49%}50%{left:48%}75%{left:50%;opacity:1}100%{transform:rotate(360deg);top:110%;opacity:0}} .snowflake:nth-of-type(92){animation-name:snowflake-92;animation-delay:6s;animation-duration:6s;animation-iteration-count:infinite;left:52%;top:-78%} .snowflake:nth-of-type(92):after{font-size:5px}@keyframes snowflake-92{0%{transform:rotate(0);left:52%;top:-78%}25%{left:53%}50%{left:52%}75%{left:54%;opacity:1}100%{transform:rotate(360deg);top:118%;opacity:0}} .snowflake:nth-of-type(93){animation-name:snowflake-93;animation-delay:16s;animation-duration:9s;animation-iteration-count:infinite;left:15%;top:-57%} .snowflake:nth-of-type(93):after{font-size:17px}@keyframes snowflake-93{0%{transform:rotate(0);left:15%;top:-57%}25%{left:16%}50%{left:15%}75%{left:17%;opacity:1}100%{transform:rotate(360deg);top:97%;opacity:0}} .snowflake:nth-of-type(94){animation-name:snowflake-94;animation-delay:8s;animation-duration:9s;animation-iteration-count:infinite;left:32%;top:-85%} .snowflake:nth-of-type(94):after{font-size:13px}@keyframes snowflake-94{0%{transform:rotate(0);left:32%;top:-85%}25%{left:33%}50%{left:32%}75%{left:34%;opacity:1}100%{transform:rotate(360deg);top:125%;opacity:0}} .snowflake:nth-of-type(95){animation-name:snowflake-95;animation-delay:3s;animation-duration:6s;animation-iteration-count:infinite;left:100%;top:-93%} .snowflake:nth-of-type(95):after{font-size:22px}@keyframes snowflake-95{0%{transform:rotate(0);left:100%;top:-93%}25%{left:101%}50%{left:100%}75%{left:102%;opacity:1}100%{transform:rotate(360deg);top:133%;opacity:0}} .snowflake:nth-of-type(96){animation-name:snowflake-96;animation-delay:11s;animation-duration:9s;animation-iteration-count:infinite;left:88%;top:-78%} .snowflake:nth-of-type(96):after{font-size:24px}@keyframes snowflake-96{0%{transform:rotate(0);left:88%;top:-78%}25%{left:89%}50%{left:88%}75%{left:90%;opacity:1}100%{transform:rotate(360deg);top:118%;opacity:0}} .snowflake:nth-of-type(97){animation-name:snowflake-97;animation-delay:1s;animation-duration:5s;animation-iteration-count:infinite;left:94%;top:-56%} .snowflake:nth-of-type(97):after{font-size:24px}@keyframes snowflake-97{0%{transform:rotate(0);left:94%;top:-56%}25%{left:95%}50%{left:94%}75%{left:96%;opacity:1}100%{transform:rotate(360deg);top:96%;opacity:0}} .snowflake:nth-of-type(98){animation-name:snowflake-98;animation-delay:4s;animation-duration:5s;animation-iteration-count:infinite;left:74%;top:-95%} .snowflake:nth-of-type(98):after{font-size:14px}@keyframes snowflake-98{0%{transform:rotate(0);left:74%;top:-95%}25%{left:75%}50%{left:74%}75%{left:76%;opacity:1}100%{transform:rotate(360deg);top:135%;opacity:0}} .snowflake:nth-of-type(99){animation-name:snowflake-99;animation-delay:19s;animation-duration:6s;animation-iteration-count:infinite;left:22%;top:-61%} .snowflake:nth-of-type(99):after{font-size:6px}@keyframes snowflake-99{0%{transform:rotate(0);left:22%;top:-61%}25%{left:23%}50%{left:22%}75%{left:24%;opacity:1}100%{transform:rotate(360deg);top:101%;opacity:0}} .snowflake:nth-of-type(100){animation-name:snowflake-100;animation-delay:16s;animation-duration:10s;animation-iteration-count:infinite;left:48%;top:-68%} .snowflake:nth-of-type(100):after{font-size:3px}@keyframes snowflake-100{0%{transform:rotate(0);left:48%;top:-68%}25%{left:49%}50%{left:48%}75%{left:50%;opacity:1}100%{transform:rotate(360deg);top:108%;opacity:0}} .snowflake:nth-of-type(101){animation-name:snowflake-101;animation-delay:9s;animation-duration:9s;animation-iteration-count:infinite;left:7%;top:-57%} .snowflake:nth-of-type(101):after{font-size:15px}@keyframes snowflake-101{0%{transform:rotate(0);left:7%;top:-57%}25%{left:8%}50%{left:7%}75%{left:9%;opacity:1}100%{transform:rotate(360deg);top:97%;opacity:0}} .snowflake:nth-of-type(102){animation-name:snowflake-102;animation-delay:8s;animation-duration:6s;animation-iteration-count:infinite;left:70%;top:-75%} .snowflake:nth-of-type(102):after{font-size:16px}@keyframes snowflake-102{0%{transform:rotate(0);left:70%;top:-75%}25%{left:71%}50%{left:70%}75%{left:72%;opacity:1}100%{transform:rotate(360deg);top:115%;opacity:0}} .snowflake:nth-of-type(103){animation-name:snowflake-103;animation-delay:9s;animation-duration:7s;animation-iteration-count:infinite;left:50%;top:-86%} .snowflake:nth-of-type(103):after{font-size:6px}@keyframes snowflake-103{0%{transform:rotate(0);left:50%;top:-86%}25%{left:51%}50%{left:50%}75%{left:52%;opacity:1}100%{transform:rotate(360deg);top:126%;opacity:0}} .snowflake:nth-of-type(104){animation-name:snowflake-104;animation-delay:13s;animation-duration:9s;animation-iteration-count:infinite;left:59%;top:-65%} .snowflake:nth-of-type(104):after{font-size:19px}@keyframes snowflake-104{0%{transform:rotate(0);left:59%;top:-65%}25%{left:60%}50%{left:59%}75%{left:61%;opacity:1}100%{transform:rotate(360deg);top:105%;opacity:0}} .snowflake:nth-of-type(105){animation-name:snowflake-105;animation-delay:15s;animation-duration:8s;animation-iteration-count:infinite;left:67%;top:-64%} .snowflake:nth-of-type(105):after{font-size:2px}@keyframes snowflake-105{0%{transform:rotate(0);left:67%;top:-64%}25%{left:68%}50%{left:67%}75%{left:69%;opacity:1}100%{transform:rotate(360deg);top:104%;opacity:0}} .snowflake:nth-of-type(106){animation-name:snowflake-106;animation-delay:8s;animation-duration:6s;animation-iteration-count:infinite;left:87%;top:-95%} .snowflake:nth-of-type(106):after{font-size:19px}@keyframes snowflake-106{0%{transform:rotate(0);left:87%;top:-95%}25%{left:88%}50%{left:87%}75%{left:89%;opacity:1}100%{transform:rotate(360deg);top:135%;opacity:0}} .snowflake:nth-of-type(107){animation-name:snowflake-107;animation-delay:15s;animation-duration:6s;animation-iteration-count:infinite;left:18%;top:-85%} .snowflake:nth-of-type(107):after{font-size:19px}@keyframes snowflake-107{0%{transform:rotate(0);left:18%;top:-85%}25%{left:19%}50%{left:18%}75%{left:20%;opacity:1}100%{transform:rotate(360deg);top:125%;opacity:0}} .snowflake:nth-of-type(108){animation-name:snowflake-108;animation-delay:1s;animation-duration:9s;animation-iteration-count:infinite;left:96%;top:-57%} .snowflake:nth-of-type(108):after{font-size:23px}@keyframes snowflake-108{0%{transform:rotate(0);left:96%;top:-57%}25%{left:97%}50%{left:96%}75%{left:98%;opacity:1}100%{transform:rotate(360deg);top:97%;opacity:0}} .snowflake:nth-of-type(109){animation-name:snowflake-109;animation-delay:16s;animation-duration:9s;animation-iteration-count:infinite;left:2%;top:-100%} .snowflake:nth-of-type(109):after{font-size:14px}@keyframes snowflake-109{0%{transform:rotate(0);left:2%;top:-100%}25%{left:3%}50%{left:2%}75%{left:4%;opacity:1}100%{transform:rotate(360deg);top:140%;opacity:0}} .snowflake:nth-of-type(110){animation-name:snowflake-110;animation-delay:15s;animation-duration:10s;animation-iteration-count:infinite;left:89%;top:-52%} .snowflake:nth-of-type(110):after{font-size:18px}@keyframes snowflake-110{0%{transform:rotate(0);left:89%;top:-52%}25%{left:90%}50%{left:89%}75%{left:91%;opacity:1}100%{transform:rotate(360deg);top:92%;opacity:0}} .snowflake:nth-of-type(111){animation-name:snowflake-111;animation-delay:11s;animation-duration:7s;animation-iteration-count:infinite;left:59%;top:-100%} .snowflake:nth-of-type(111):after{font-size:14px}@keyframes snowflake-111{0%{transform:rotate(0);left:59%;top:-100%}25%{left:60%}50%{left:59%}75%{left:61%;opacity:1}100%{transform:rotate(360deg);top:140%;opacity:0}} .snowflake:nth-of-type(112){animation-name:snowflake-112;animation-delay:14s;animation-duration:5s;animation-iteration-count:infinite;left:51%;top:-75%} .snowflake:nth-of-type(112):after{font-size:20px}@keyframes snowflake-112{0%{transform:rotate(0);left:51%;top:-75%}25%{left:52%}50%{left:51%}75%{left:53%;opacity:1}100%{transform:rotate(360deg);top:115%;opacity:0}} .snowflake:nth-of-type(113){animation-name:snowflake-113;animation-delay:5s;animation-duration:10s;animation-iteration-count:infinite;left:60%;top:-65%} .snowflake:nth-of-type(113):after{font-size:19px}@keyframes snowflake-113{0%{transform:rotate(0);left:60%;top:-65%}25%{left:61%}50%{left:60%}75%{left:62%;opacity:1}100%{transform:rotate(360deg);top:105%;opacity:0}} .snowflake:nth-of-type(114){animation-name:snowflake-114;animation-delay:17s;animation-duration:6s;animation-iteration-count:infinite;left:17%;top:-71%} .snowflake:nth-of-type(114):after{font-size:21px}@keyframes snowflake-114{0%{transform:rotate(0);left:17%;top:-71%}25%{left:18%}50%{left:17%}75%{left:19%;opacity:1}100%{transform:rotate(360deg);top:111%;opacity:0}} .snowflake:nth-of-type(115){animation-name:snowflake-115;animation-delay:13s;animation-duration:6s;animation-iteration-count:infinite;left:90%;top:-73%} .snowflake:nth-of-type(115):after{font-size:10px}@keyframes snowflake-115{0%{transform:rotate(0);left:90%;top:-73%}25%{left:91%}50%{left:90%}75%{left:92%;opacity:1}100%{transform:rotate(360deg);top:113%;opacity:0}} .snowflake:nth-of-type(116){animation-name:snowflake-116;animation-delay:14s;animation-duration:8s;animation-iteration-count:infinite;left:64%;top:-77%} .snowflake:nth-of-type(116):after{font-size:3px}@keyframes snowflake-116{0%{transform:rotate(0);left:64%;top:-77%}25%{left:65%}50%{left:64%}75%{left:66%;opacity:1}100%{transform:rotate(360deg);top:117%;opacity:0}} .snowflake:nth-of-type(117){animation-name:snowflake-117;animation-delay:7s;animation-duration:6s;animation-iteration-count:infinite;left:89%;top:-92%} .snowflake:nth-of-type(117):after{font-size:2px}@keyframes snowflake-117{0%{transform:rotate(0);left:89%;top:-92%}25%{left:90%}50%{left:89%}75%{left:91%;opacity:1}100%{transform:rotate(360deg);top:132%;opacity:0}} .snowflake:nth-of-type(118){animation-name:snowflake-118;animation-delay:0s;animation-duration:6s;animation-iteration-count:infinite;left:2%;top:-90%} .snowflake:nth-of-type(118):after{font-size:5px}@keyframes snowflake-118{0%{transform:rotate(0);left:2%;top:-90%}25%{left:3%}50%{left:2%}75%{left:4%;opacity:1}100%{transform:rotate(360deg);top:130%;opacity:0}} .snowflake:nth-of-type(119){animation-name:snowflake-119;animation-delay:18s;animation-duration:9s;animation-iteration-count:infinite;left:27%;top:-83%} .snowflake:nth-of-type(119):after{font-size:5px}@keyframes snowflake-119{0%{transform:rotate(0);left:27%;top:-83%}25%{left:28%}50%{left:27%}75%{left:29%;opacity:1}100%{transform:rotate(360deg);top:123%;opacity:0}} .snowflake:nth-of-type(120){animation-name:snowflake-120;animation-delay:12s;animation-duration:8s;animation-iteration-count:infinite;left:33%;top:-96%} .snowflake:nth-of-type(120):after{font-size:1px}@keyframes snowflake-120{0%{transform:rotate(0);left:33%;top:-96%}25%{left:34%}50%{left:33%}75%{left:35%;opacity:1}100%{transform:rotate(360deg);top:136%;opacity:0}} .snowflake:nth-of-type(121){animation-name:snowflake-121;animation-delay:12s;animation-duration:5s;animation-iteration-count:infinite;left:36%;top:-73%} .snowflake:nth-of-type(121):after{font-size:24px}@keyframes snowflake-121{0%{transform:rotate(0);left:36%;top:-73%}25%{left:37%}50%{left:36%}75%{left:38%;opacity:1}100%{transform:rotate(360deg);top:113%;opacity:0}} .snowflake:nth-of-type(122){animation-name:snowflake-122;animation-delay:6s;animation-duration:7s;animation-iteration-count:infinite;left:99%;top:-85%} .snowflake:nth-of-type(122):after{font-size:23px}@keyframes snowflake-122{0%{transform:rotate(0);left:99%;top:-85%}25%{left:100%}50%{left:99%}75%{left:101%;opacity:1}100%{transform:rotate(360deg);top:125%;opacity:0}} .snowflake:nth-of-type(123){animation-name:snowflake-123;animation-delay:13s;animation-duration:7s;animation-iteration-count:infinite;left:80%;top:-93%} .snowflake:nth-of-type(123):after{font-size:1px}@keyframes snowflake-123{0%{transform:rotate(0);left:80%;top:-93%}25%{left:81%}50%{left:80%}75%{left:82%;opacity:1}100%{transform:rotate(360deg);top:133%;opacity:0}} .snowflake:nth-of-type(124){animation-name:snowflake-124;animation-delay:12s;animation-duration:5s;animation-iteration-count:infinite;left:39%;top:-88%} .snowflake:nth-of-type(124):after{font-size:4px}@keyframes snowflake-124{0%{transform:rotate(0);left:39%;top:-88%}25%{left:40%}50%{left:39%}75%{left:41%;opacity:1}100%{transform:rotate(360deg);top:128%;opacity:0}} .snowflake:nth-of-type(125){animation-name:snowflake-125;animation-delay:6s;animation-duration:5s;animation-iteration-count:infinite;left:90%;top:-62%} .snowflake:nth-of-type(125):after{font-size:16px}@keyframes snowflake-125{0%{transform:rotate(0);left:90%;top:-62%}25%{left:91%}50%{left:90%}75%{left:92%;opacity:1}100%{transform:rotate(360deg);top:102%;opacity:0}} .snowflake:nth-of-type(126){animation-name:snowflake-126;animation-delay:0s;animation-duration:6s;animation-iteration-count:infinite;left:18%;top:-69%} .snowflake:nth-of-type(126):after{font-size:10px}@keyframes snowflake-126{0%{transform:rotate(0);left:18%;top:-69%}25%{left:19%}50%{left:18%}75%{left:20%;opacity:1}100%{transform:rotate(360deg);top:109%;opacity:0}} .snowflake:nth-of-type(127){animation-name:snowflake-127;animation-delay:1s;animation-duration:5s;animation-iteration-count:infinite;left:36%;top:-55%} .snowflake:nth-of-type(127):after{font-size:12px}@keyframes snowflake-127{0%{transform:rotate(0);left:36%;top:-55%}25%{left:37%}50%{left:36%}75%{left:38%;opacity:1}100%{transform:rotate(360deg);top:95%;opacity:0}} .snowflake:nth-of-type(128){animation-name:snowflake-128;animation-delay:8s;animation-duration:5s;animation-iteration-count:infinite;left:82%;top:-63%} .snowflake:nth-of-type(128):after{font-size:17px}@keyframes snowflake-128{0%{transform:rotate(0);left:82%;top:-63%}25%{left:83%}50%{left:82%}75%{left:84%;opacity:1}100%{transform:rotate(360deg);top:103%;opacity:0}} .snowflake:nth-of-type(129){animation-name:snowflake-129;animation-delay:10s;animation-duration:5s;animation-iteration-count:infinite;left:61%;top:-63%} .snowflake:nth-of-type(129):after{font-size:9px}@keyframes snowflake-129{0%{transform:rotate(0);left:61%;top:-63%}25%{left:62%}50%{left:61%}75%{left:63%;opacity:1}100%{transform:rotate(360deg);top:103%;opacity:0}} .snowflake:nth-of-type(130){animation-name:snowflake-130;animation-delay:1s;animation-duration:5s;animation-iteration-count:infinite;left:75%;top:-58%} .snowflake:nth-of-type(130):after{font-size:11px}@keyframes snowflake-130{0%{transform:rotate(0);left:75%;top:-58%}25%{left:76%}50%{left:75%}75%{left:77%;opacity:1}100%{transform:rotate(360deg);top:98%;opacity:0}} .snowflake:nth-of-type(131){animation-name:snowflake-131;animation-delay:9s;animation-duration:7s;animation-iteration-count:infinite;left:93%;top:-62%} .snowflake:nth-of-type(131):after{font-size:14px}@keyframes snowflake-131{0%{transform:rotate(0);left:93%;top:-62%}25%{left:94%}50%{left:93%}75%{left:95%;opacity:1}100%{transform:rotate(360deg);top:102%;opacity:0}} .snowflake:nth-of-type(132){animation-name:snowflake-132;animation-delay:19s;animation-duration:8s;animation-iteration-count:infinite;left:69%;top:-73%} .snowflake:nth-of-type(132):after{font-size:1px}@keyframes snowflake-132{0%{transform:rotate(0);left:69%;top:-73%}25%{left:70%}50%{left:69%}75%{left:71%;opacity:1}100%{transform:rotate(360deg);top:113%;opacity:0}} .snowflake:nth-of-type(133){animation-name:snowflake-133;animation-delay:16s;animation-duration:8s;animation-iteration-count:infinite;left:80%;top:-51%} .snowflake:nth-of-type(133):after{font-size:11px}@keyframes snowflake-133{0%{transform:rotate(0);left:80%;top:-51%}25%{left:81%}50%{left:80%}75%{left:82%;opacity:1}100%{transform:rotate(360deg);top:91%;opacity:0}} .snowflake:nth-of-type(134){animation-name:snowflake-134;animation-delay:10s;animation-duration:6s;animation-iteration-count:infinite;left:72%;top:-100%} .snowflake:nth-of-type(134):after{font-size:12px}@keyframes snowflake-134{0%{transform:rotate(0);left:72%;top:-100%}25%{left:73%}50%{left:72%}75%{left:74%;opacity:1}100%{transform:rotate(360deg);top:140%;opacity:0}} .snowflake:nth-of-type(135){animation-name:snowflake-135;animation-delay:0s;animation-duration:5s;animation-iteration-count:infinite;left:84%;top:-96%} .snowflake:nth-of-type(135):after{font-size:9px}@keyframes snowflake-135{0%{transform:rotate(0);left:84%;top:-96%}25%{left:85%}50%{left:84%}75%{left:86%;opacity:1}100%{transform:rotate(360deg);top:136%;opacity:0}} .snowflake:nth-of-type(136){animation-name:snowflake-136;animation-delay:18s;animation-duration:9s;animation-iteration-count:infinite;left:14%;top:-85%} .snowflake:nth-of-type(136):after{font-size:9px}@keyframes snowflake-136{0%{transform:rotate(0);left:14%;top:-85%}25%{left:15%}50%{left:14%}75%{left:16%;opacity:1}100%{transform:rotate(360deg);top:125%;opacity:0}} .snowflake:nth-of-type(137){animation-name:snowflake-137;animation-delay:11s;animation-duration:10s;animation-iteration-count:infinite;left:1%;top:-99%} .snowflake:nth-of-type(137):after{font-size:4px}@keyframes snowflake-137{0%{transform:rotate(0);left:1%;top:-99%}25%{left:2%}50%{left:1%}75%{left:3%;opacity:1}100%{transform:rotate(360deg);top:139%;opacity:0}} .snowflake:nth-of-type(138){animation-name:snowflake-138;animation-delay:13s;animation-duration:6s;animation-iteration-count:infinite;left:85%;top:-56%} .snowflake:nth-of-type(138):after{font-size:13px}@keyframes snowflake-138{0%{transform:rotate(0);left:85%;top:-56%}25%{left:86%}50%{left:85%}75%{left:87%;opacity:1}100%{transform:rotate(360deg);top:96%;opacity:0}} .snowflake:nth-of-type(139){animation-name:snowflake-139;animation-delay:1s;animation-duration:10s;animation-iteration-count:infinite;left:7%;top:-55%} .snowflake:nth-of-type(139):after{font-size:13px}@keyframes snowflake-139{0%{transform:rotate(0);left:7%;top:-55%}25%{left:8%}50%{left:7%}75%{left:9%;opacity:1}100%{transform:rotate(360deg);top:95%;opacity:0}} .snowflake:nth-of-type(140){animation-name:snowflake-140;animation-delay:12s;animation-duration:7s;animation-iteration-count:infinite;left:96%;top:-95%} .snowflake:nth-of-type(140):after{font-size:22px}@keyframes snowflake-140{0%{transform:rotate(0);left:96%;top:-95%}25%{left:97%}50%{left:96%}75%{left:98%;opacity:1}100%{transform:rotate(360deg);top:135%;opacity:0}} .snowflake:nth-of-type(141){animation-name:snowflake-141;animation-delay:18s;animation-duration:9s;animation-iteration-count:infinite;left:56%;top:-72%} .snowflake:nth-of-type(141):after{font-size:6px}@keyframes snowflake-141{0%{transform:rotate(0);left:56%;top:-72%}25%{left:57%}50%{left:56%}75%{left:58%;opacity:1}100%{transform:rotate(360deg);top:112%;opacity:0}} .snowflake:nth-of-type(142){animation-name:snowflake-142;animation-delay:0s;animation-duration:5s;animation-iteration-count:infinite;left:30%;top:-89%} .snowflake:nth-of-type(142):after{font-size:12px}@keyframes snowflake-142{0%{transform:rotate(0);left:30%;top:-89%}25%{left:31%}50%{left:30%}75%{left:32%;opacity:1}100%{transform:rotate(360deg);top:129%;opacity:0}} .snowflake:nth-of-type(143){animation-name:snowflake-143;animation-delay:4s;animation-duration:7s;animation-iteration-count:infinite;left:70%;top:-80%} .snowflake:nth-of-type(143):after{font-size:20px}@keyframes snowflake-143{0%{transform:rotate(0);left:70%;top:-80%}25%{left:71%}50%{left:70%}75%{left:72%;opacity:1}100%{transform:rotate(360deg);top:120%;opacity:0}} .snowflake:nth-of-type(144){animation-name:snowflake-144;animation-delay:9s;animation-duration:6s;animation-iteration-count:infinite;left:45%;top:-66%} .snowflake:nth-of-type(144):after{font-size:7px}@keyframes snowflake-144{0%{transform:rotate(0);left:45%;top:-66%}25%{left:46%}50%{left:45%}75%{left:47%;opacity:1}100%{transform:rotate(360deg);top:106%;opacity:0}} .snowflake:nth-of-type(145){animation-name:snowflake-145;animation-delay:6s;animation-duration:6s;animation-iteration-count:infinite;left:57%;top:-82%} .snowflake:nth-of-type(145):after{font-size:10px}@keyframes snowflake-145{0%{transform:rotate(0);left:57%;top:-82%}25%{left:58%}50%{left:57%}75%{left:59%;opacity:1}100%{transform:rotate(360deg);top:122%;opacity:0}} .snowflake:nth-of-type(146){animation-name:snowflake-146;animation-delay:18s;animation-duration:8s;animation-iteration-count:infinite;left:93%;top:-90%} .snowflake:nth-of-type(146):after{font-size:4px}@keyframes snowflake-146{0%{transform:rotate(0);left:93%;top:-90%}25%{left:94%}50%{left:93%}75%{left:95%;opacity:1}100%{transform:rotate(360deg);top:130%;opacity:0}} .snowflake:nth-of-type(147){animation-name:snowflake-147;animation-delay:3s;animation-duration:7s;animation-iteration-count:infinite;left:16%;top:-96%} .snowflake:nth-of-type(147):after{font-size:23px}@keyframes snowflake-147{0%{transform:rotate(0);left:16%;top:-96%}25%{left:17%}50%{left:16%}75%{left:18%;opacity:1}100%{transform:rotate(360deg);top:136%;opacity:0}} .snowflake:nth-of-type(148){animation-name:snowflake-148;animation-delay:16s;animation-duration:5s;animation-iteration-count:infinite;left:77%;top:-64%} .snowflake:nth-of-type(148):after{font-size:16px}@keyframes snowflake-148{0%{transform:rotate(0);left:77%;top:-64%}25%{left:78%}50%{left:77%}75%{left:79%;opacity:1}100%{transform:rotate(360deg);top:104%;opacity:0}} .snowflake:nth-of-type(149){animation-name:snowflake-149;animation-delay:2s;animation-duration:10s;animation-iteration-count:infinite;left:10%;top:-95%} .snowflake:nth-of-type(149):after{font-size:14px}@keyframes snowflake-149{0%{transform:rotate(0);left:10%;top:-95%}25%{left:11%}50%{left:10%}75%{left:12%;opacity:1}100%{transform:rotate(360deg);top:135%;opacity:0}} .snowflake:nth-of-type(150){animation-name:snowflake-150;animation-delay:9s;animation-duration:6s;animation-iteration-count:infinite;left:27%;top:-97%} .snowflake:nth-of-type(150):after{font-size:8px}@keyframes snowflake-150{0%{transform:rotate(0);left:27%;top:-97%}25%{left:28%}50%{left:27%}75%{left:29%;opacity:1}100%{transform:rotate(360deg);top:137%;opacity:0}} .advent_place .advent_place_content .question_number{z-index: 99; font-size: 0; padding: 9px; background: #853162; -webkit-border-radius: 20px 3px 3px 20px; border-radius: 20px 3px 3px 20px; position: absolute; top: 30px; right: 0;} .advent_place .advent_place_content .question_number strong, .advent_place .question_number span{display: inline-block; vertical-align: middle; width: 60px; text-align: center; color: #fff; font-size: 34px; line-height: 38px; font-weight: 500;} .advent_place .advent_place_content .question_number span{border-left: 1px solid #fff; color: rgba(255,255,255,0.47); } @media screen and (max-width: 1080px) { .advent_place .advent_place_content .question_number{padding: 7px; top: 25px;} .advent_place .advent_place_content .question_number strong, .advent_place .question_number span{width: 48px; font-size: 28px; line-height: 34px;} } @media screen and (max-width: 500px) { .advent_place .advent_place_content .question_number{padding: 5px; top: 20px;} .advent_place .advent_place_content .question_number strong, .advent_place .question_number span{width: 44px; font-size: 26px; line-height: 32px;} } .advent_place .advent_place_content .advent_place_content{z-index: 10; display: block; position: relative; font-size: 0; margin: 0 auto; } .advent_place .playground{user-select: none; position: relative; z-index: 0; margin: 0; width: 100%; max-width: 100%;} .advent_place .playground.desktop{display: block;} .advent_place .playground.ipad{display: none;} .advent_place .playground.mobile{display: none;} @media screen and (max-width: 1080px) { .advent_place .playground.desktop{display: none;} .advent_place .playground.ipad{display: block;} .advent_place .playground.mobile{display: none;} } @media screen and (max-width: 1024px) { .advent_tree .snowfall .snowflake:nth-child(2n){display: none;} } @media screen and (max-width: 500px) { .advent_place .playground.desktop{display: none;} .advent_place .playground.ipad{display: none;} .advent_place .playground.mobile{display: block;} } .advent_place .advent_place_content svg.desktop{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; margin: 0; width: 100%; max-width: 100%;} .advent_place .advent_place_content svg.desktop .st0{fill:#FFFFCB;} .advent_place .advent_place_content svg.desktop .st2{fill:#FFFFCB;} .advent_place .advent_place_content svg.desktop .st3{fill:#442121;} .advent_place .advent_place_content svg.desktop .st4{fill:#7C90B3;} .advent_place .advent_place_content svg.desktop .st5{fill:#515C84;} .advent_place .advent_place_content svg.desktop .st6{fill:#515C84;} .advent_place .advent_place_content svg.desktop .st7{fill:#A26E8D;} .advent_place .advent_place_content svg.desktop .st8{fill:#D3BAC2;} .advent_place .advent_place_content svg.desktop .st9{fill:#FFFFCB;} .advent_place .advent_place_content svg.desktop .st10{fill:#668EAB;} .advent_place .advent_place_content svg.desktop .st11{fill:#B0C4DD;} .advent_place .advent_place_content svg.desktop .st50{opacity:0;fill:#ffffff;stroke:#ffffff;stroke-miterlimit:10;} .advent_place .advent_place_content svg.ipad{display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; margin: 0; width: 100%; max-width: 100%;} .advent_place .advent_place_content svg.ipad .st0{fill:#D3BAC2;} .advent_place .advent_place_content svg.ipad .st1{fill:#442121;} .advent_place .advent_place_content svg.ipad .st2{fill:#7C90B3;} .advent_place .advent_place_content svg.ipad .st3{fill:#515C84;} .advent_place .advent_place_content svg.ipad .st4{fill:#515C84;} .advent_place .advent_place_content svg.ipad .st5{fill:#89312C;} .advent_place .advent_place_content svg.ipad .st7{fill:#FFFFCB;} .advent_place .advent_place_content svg.ipad .st8{fill:#FFFFCB;} .advent_place .advent_place_content svg.ipad .st9{fill:#668EAB;} .advent_place .advent_place_content svg.ipad .st10{fill:#748CAF;} .advent_place .advent_place_content svg.ipad .st50{opacity:0;fill:#ffffff;stroke:#ffffff;stroke-miterlimit:10;} .advent_place .advent_place_content svg.mobile{display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; margin: 0; width: 100%; max-width: 100%;} .advent_place .advent_place_content svg.mobile .st0{fill:#A26E8D;} .advent_place .advent_place_content svg.mobile .st1{fill:#006A56;} .advent_place .advent_place_content svg.mobile .st2{fill:#7C90B3;} .advent_place .advent_place_content svg.mobile .st3{fill:#515C84;} .advent_place .advent_place_content svg.mobile .st4{fill:#515C84;} .advent_place .advent_place_content svg.mobile .st5{fill:#442121;} .advent_place .advent_place_content svg.mobile .st6{fill:#804E33;} .advent_place .advent_place_content svg.mobile .st7{fill:#89312C;} .advent_place .advent_place_content svg.mobile .st9{fill:#7C90B3;} .advent_place .advent_place_content svg.mobile .st10{fill:#515C84;} .advent_place .advent_place_content svg.mobile .st11{fill:#4F4B6C;} .advent_place .advent_place_content svg.mobile .st12{fill:#A26E8D;} .advent_place .advent_place_content svg.mobile .st50{opacity:0;fill:#ffffff;stroke:#ffffff;stroke-miterlimit:10;} .advent_place .advent_place_content svg.desktop{display: block;} .advent_place .advent_place_content svg.ipad{display: none;} .advent_place .advent_place_content svg.mobile{display: none;} @media screen and (max-width: 1080px) { .advent_place .advent_place_content svg.desktop{display: none;} .advent_place .advent_place_content svg.ipad{display: block;} .advent_place .advent_place_content svg.mobile{display: none;} } @media screen and (max-width: 500px) { .advent_place .advent_place_content svg.desktop{display: none;} .advent_place .advent_place_content svg.ipad{display: none;} .advent_place .advent_place_content svg.mobile{display: block;} } .competition_popup6{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .competition_popup6::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.7); z-index: 0; } .competition_popup6 .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .competition_popup6 .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 26px); max-width: 580px; padding: 0; left: 0 !important; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .competition_popup6 .boxes .bg{position: relative; display: block; background: url(../img/competition6_popup_bg.png) no-repeat local center top #515c84; padding: 75px 40px 40px; overflow-y: auto; max-height: calc(100vh - 120px); -webkit-overflow-scrolling: touch; } .competition_popup6 .boxes .bg .text{position: relative;} .competition_popup6 .boxes .bg .text.first_paint{min-height: 300px; display: block;} .competition_popup6 .boxes .bg .text.first_paint::before{content: ""; position: absolute; top: -75px; left: -40px; right: -40px; bottom: -40px; z-index: 100; background: rgba(81,92,132,0.5);} .competition_popup6 .boxes .bg .text.first_paint::after{content: ""; position: absolute; top: -65px; left: -40px; right: -40px; bottom: -40px; z-index: 101; background: url(../style/images/wait3.svg) no-repeat scroll center center; background-size: 80px 80px; } .competition_popup6 .boxes .bg .text.first_paint.half::before{bottom: -84px;} .competition_popup6 .boxes .bg .text.first_paint.half::after{bottom: -84px;} .competition_popup6 .boxes .close{z-index: 999; -webkit-border-radius: 30px; border-radius: 30px; cursor: pointer; overflow: hidden; background: rgba(255,255,255,0.39); border: 1px solid rgba(255,255,255,0.39); position: absolute; right: 20px; top: 30px; width: 40px; height: 40px; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .competition_popup6 .boxes .close::before{content: ""; opacity: 1; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .competition_popup6 .boxes .close:hover, .competition_popup6 .boxes .close:focus{background: #701b5a; border: 1px solid #701b5a;} .notouch .competition_popup6 .boxes .close:hover::before, .competition_popup6 .boxes .close:focus::before{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .competition_popup6 .box .text .title{font-size: 22px; line-height: 28px; color: #ffffff; font-weight: 700; margin: 0 0 15px; padding: 0; text-align: center;} .competition_popup6 .box .text .title strong{font-size: 22px; line-height: 28px; color: #ffffff; font-weight: 700;} .competition_popup6 .box .text .question{font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 600; margin: 0 0 10px; padding: 0; text-align: justify; text-align-last: center;} .competition_popup6 .box .text .option{cursor: pointer; margin: 15px 0 0; display: block; font-size: 0; position: relative; padding: 15px 50px 15px 25px; background: rgba(255,255,255,0.1); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .competition_popup6 .box .text .option.active, .competition_popup6 .box .text .option:focus, .competition_popup6 .box .text .option:focus-within{background: #ffffff;} .competition_popup6 .box .text .option::before{z-index: 10; content: ""; width: 22px; height: 22px; display: none; position: absolute; top: 50%; background: no-repeat scroll center center; background-size: 22px 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px;} .competition_popup6 .box .text .option.correct::before{display: block; background-image: url(../img/correct_comp6.svg);} .competition_popup6 .box .text .option.false::before{display: block; background-image: url(../img/false_comp6.svg);} .competition_popup6 .box .text .option .radio, .competition_popup6 .box .text .option input[type="radio"]{position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; opacity: 0;} .competition_popup6 .box .text .option .letter{position: relative; z-index: 10; text-transform: uppercase; margin: 0 15px 0 0; font-size: 13px; background: #fff; color: #091e2e; font-weight: 600; text-align: center; display: inline-block; vertical-align: middle; line-height: 28px; width: 28px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .competition_popup6 .box .text .option.active .letter, .competition_popup6 .box .text .option:focus .letter, .competition_popup6 .box .text .option:focus-within .letter{background: #515c84; color: #ffffff;} .competition_popup6 .box .text .option.active.correct .letter{background: #0d846d; color: #ffffff;} .competition_popup6 .box .text .option.active.false .letter{background: #89312c; color: #ffffff;} .competition_popup6 .box .text .option .typ_answer{position: relative; z-index: 10; display: inline-block; vertical-align: middle; width: calc(100% - 15px - 28px); font-size: 13px; line-height: 20px; font-weight: 400; text-align: left; color: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .competition_popup6 .box .text .option.active .typ_answer, .competition_popup6 .box .text .option:focus .typ_answer, .competition_popup6 .box .text .option:focus-within .typ_answer{color: #091e2e;} .competition_popup6 .box .text .option.active.correct .typ_answer{color: #0d846d;} .competition_popup6 .box .text .option.active.false .typ_answer{color: #89312c;} .competition_popup6 .box .text .option.disable_click{cursor: auto;} .competition_popup6 .box .text .option::after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; opacity: 0; border: 2px solid #ffffff; content: ""; -webkit-transition: all 1000ms ease; transition: all 1000ms ease;} .competition_popup6 .box .text .option.shine::after{opacity: 1;} .competition_popup6 .box .text .answer{font-style: italic; margin: 20px 0; display: inline-block; vertical-align: middle; padding: 0 25px 0 0; width: calc(100% - 205px); font-size: 13px; line-height: 20px; font-weight: 400; text-align: left; color: #ffffff;} .competition_popup6 .box .text .answer strong{font-size: 13px; line-height: 20px; font-weight: 700; color: #ffffff;} .competition_popup6 .box .text .submit_answer{margin: 20px 0; width: 180px; padding-left: 0; padding-right: 0;} .competition_popup6 .box .text .submit_answer.disabled{cursor: no-drop; opacity: 0.4; border: 1px solid #fff !important; background: transparent !important; color: #ffffff !important;} .competition_popup6 .box .text .answer.full{padding: 13px 0; width: 100%;} .competition_popup6 .box .text .help{background: url(../img/help_bulb.svg) no-repeat scroll left center; background-size: 22px 34px; margin: 0; padding: 0 0 0 35px; display: block; font-size: 13px; line-height: 20px; font-weight: 400; text-align: left; color: #ffffff;} .competition_popup6 .box .text .help strong{text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 700; text-align: left; color: #ffffff;} .competition_popup6 .box .text .help a{text-decoration: underline; font-size: 13px; line-height: 20px; font-weight: 400; text-align: left; color: #ffffff;} .notouch .competition_popup6 .box .text .help a:hover, .competition_popup6 .box .text .help a:focus{text-decoration: none;} .competition_popup6 .boxes .bg > h2{position: relative; z-index: 200; margin: 40px 0 0; text-transform: uppercase; padding: 10px 20px; color: #fff; display: inline-block; vertical-align: middle; background: #091f2d; font-size: 16px; line-height: 24px; letter-spacing: 1px; font-weight: 700;} .competition_popup6 .box .competition_form{z-index: 200; padding: 40px 0 0; display: block; position: relative;} .competition_popup6 .box .competition_form::before{content: ""; position: absolute; left: -40px; right: -40px; top: 0; bottom: -40px; z-index: 0; display: block; background: #F8F8F8;} .competition_popup6 .box .competition_form p{font-size: 11px; line-height: 16px; font-weight: 500; color: #091f2d; margin: 0; text-align: right; } .competition_popup6 .box .competition_form > *{position: relative; z-index: 10;} .competition_popup6 .box .competition_form p.anotation{font-size: 14px; line-height: 22px; color: #091f2d; font-weight: 600; margin: -20px 0 15px; padding: 0; text-align: justify; text-align-last: center;} .competition_popup6 .box .competition_form table{width: 100%; border-spacing: 0 10px; border-collapse: separate; margin: 0;} .competition_popup6 .box .competition_form table th{white-space: nowrap; width: 140px; text-align: right; padding: 0 15px 0 0; font-size: 14px; line-height: 22px; font-weight: 600; color: #091f2d;} .competition_popup6 .box .competition_form table td{padding: 0;} .competition_popup6 .box .competition_form table td input[type="text"]{display: block; width: calc(100% - 32px); padding: 7px 15px; margin: 0; background: #fff; border: 1px solid transparent; border-bottom: 2px solid #515c84; font-size: 14px; line-height: 22px; color: #091e2e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .competition_popup6 .box .competition_form table td input[type="text"]:focus{border-bottom: 2px solid #091f2d} .competition_popup6 .box .competition_form table td .sbHolder{position: relative; background: #ffffff; width: calc(100% - 2px); margin: 0; border: 1px solid transparent; border-bottom: 2px solid #515c84; } .competition_popup6 .box .competition_form table td .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center #091f2d; background-size: 16px 16px; right: -1px; top: -1px; bottom: -1px; width: 32px;} .competition_popup6 .box .competition_form table td .sbHolder .sbToggle.sbToggleOpen{background-image: url(../img/select_arrow_reverse.svg);} .competition_popup6 .box .competition_form table td .sbHolder .sbSelector{margin: 0; display: block; color: #000 !important; font-size: 14px; line-height: 22px; padding: 7px 45px 7px 15px; font-weight: 400; width: calc(100% - 60px); text-align: left; text-decoration: none;} .competition_popup6 .box .competition_form table td .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #ffffff; padding: 0; left: -1px; right: -1px;} .competition_popup6 .box .competition_form table td .sbOptions a{text-decoration: none; border: 1px solid #ebebeb; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 0 15px; font-size: 12px; line-height: 28px; margin: 0; font-weight: 600; color: #000 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .competition_popup6 .box .competition_form table td .sbOptions li:nth-child(1){display: none;} .competition_popup6 .box .competition_form table td .sbOptions li:nth-child(2) a{border-top: 1px solid #e0dfdf;} .notouch .competition_popup6 .box .competition_form table td .sbOptions a:hover, .competition_popup6 .box .competition_form table td .sbOptions a:focus{background: #f0f0f0 !important;} .competition_popup6 .box .competition_form .gdpr .checker{display: inline-block; vertical-align: middle; margin: 0 8px 0 0;} .competition_popup6 .box .competition_form .gdpr .text{margin: 0; color: #091f2d; width: calc(100% - 34px); max-width: 580px; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 18px; font-weight: 400; text-align: left; } .competition_popup6 .box .competition_form .gdpr .text a{color: #091f2d; font-size: 12px; line-height: 18px; font-weight: 600; text-align: left; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .competition_popup6 .box .competition_form .gdpr .text a:hover, .competition_popup6 .box .competition_form .gdpr .text a:focus{text-decoration: none;} @media screen and (max-width: 1024px) { .competition_popup6 .boxes .bg > h2{margin: 35px 0 0; padding: 8px 16px; font-size: 14px; line-height: 22px;} .competition_popup6 .box .competition_form table th{width: 130px; font-size: 13px; line-height: 22px; } .competition_popup6 .box .competition_form table td input[type="text"]{padding: 6px 15px; font-size: 13px; line-height: 22px; } .competition_popup6 .box .competition_form table td .sbHolder a.sbSelector{font-size: 13px; line-height: 22px; padding: 6px 45px 6px 15px;} .competition_popup6 .boxes .bg .text.first_paint::before{top: -65px; left: -40px; right: -40px; bottom: -40px;} .competition_popup6 .boxes .bg .text.first_paint::after{top: -65px; left: -40px; right: -40px; bottom: -40px;} .competition_popup6 .boxes .bg .text.first_paint.half::before{bottom: -74px;} .competition_popup6 .boxes .bg .text.first_paint.half::after{bottom: -74px;} } @media screen and (max-width: 750px) { .competition_popup6 .boxes .bg{padding: 65px 30px 30px;} .competition_popup6 .boxes .bg > h2{margin: 35px 0 0; padding: 8px 16px; font-size: 13px; line-height: 20px;} .competition_popup6 .box .competition_form{padding: 30px 0 0;} .competition_popup6 .box .competition_form::before{left: -30px; right: -30px; bottom: -30px;} .competition_popup6 .box .competition_form table th{width: 130px; font-size: 12px; line-height: 20px; } .competition_popup6 .box .competition_form table td input[type="text"]{padding: 5px 12px; width: calc(100% - 26px); font-size: 12px; line-height: 20px; } .competition_popup6 .box .competition_form table td .sbHolder a.sbSelector{font-size: 12px; line-height: 20px; padding: 5px 42px 5px 12px;} .competition_popup6 .boxes .bg .text.first_paint::before{top: -65px; left: -30px; right: -30px; bottom: -30px;} .competition_popup6 .boxes .bg .text.first_paint::after{top: -65px; left: -30px; right: -30px; bottom: -30px;} .competition_popup6 .boxes .bg .text.first_paint.half::before{bottom: -71px;} .competition_popup6 .boxes .bg .text.first_paint.half::after{bottom: -71px;} } @media screen and (max-width: 600px) { .competition_popup6 .box .competition_form table, .competition_popup6 .box .competition_form table tbody, .competition_popup6 .box .competition_form table tr, .competition_popup6 .box .competition_form table th, .competition_popup6 .box .competition_form table td{display: block; width: 100%; padding: 0;} .competition_popup6 .box .competition_form table th{text-align: left; padding: 0 0 2px;} .competition_popup6 .box .competition_form table td{padding: 0 0 12px;} } @media screen and (max-width: 500px) { .competition_popup6 .boxes .bg{padding: 75px 20px 20px;} .competition_popup6 .box .text{margin: 0 0 8px;} .competition_popup6 .box .text .title{font-size: 18px; line-height: 24px; margin: 0 0 12px;} .competition_popup6 .box .text .title strong{font-size: 18px; line-height: 24px;} .competition_popup6 .box .text .question{font-size: 13px; line-height: 20px;} .competition_popup6 .box .text .option{margin: 12px 0 0; padding: 10px 40px 10px 15px;} .competition_popup6 .box .text .option::before{right: 10px; width: 18px; height: 18px; background-size: 18px 18px;} .competition_popup6 .box .text .option .letter{margin: 0 10px 0 0; font-size: 12px; line-height: 24px; width: 24px;} .competition_popup6 .box .text .option .typ_answer{width: calc(100% - 10px - 24px);} .competition_popup6 .box .text .answer{ margin: 15px 0 5px; padding: 0; width: 100%; } .competition_popup6 .box .text .submit_answer{margin: 0 0 15px; width: 150px; float: right;} .competition_popup6 .box .text .answer.full{padding: 0;} .competition_popup6 .box .text .help{background-size: 18px 28px; padding: 0 0 0 25px; font-size: 12px; line-height: 18px;} .competition_popup6 .box .text .help strong{display: block; font-size: 12px; line-height: 18px;} .competition_popup6 .box .text .help a{font-size: 12px; line-height: 18px; overflow-wrap: break-word; word-wrap: break-word;} .competition_popup6 .boxes .bg > h2{margin: 30px 0 0; padding: 7px 13px;} .competition_popup6 .box .competition_form{padding: 20px 0 0;} .competition_popup6 .box .competition_form p.anotation{font-size: 13px; line-height: 20px; margin: -10px 0 15px;} .competition_popup6 .box .competition_form::before{left: -20px; right: -20px; bottom: -20px;} .competition_popup6 .boxes .bg .text.first_paint::before{top: -75px; left: -20px; right: -20px; bottom: -20px;} .competition_popup6 .boxes .bg .text.first_paint::after{top: -75px; left: -20px; right: -20px; bottom: -20px;} .competition_popup6 .boxes .bg .text.first_paint.half::before{bottom: -72px;} .competition_popup6 .boxes .bg .text.first_paint.half::after{bottom: -72px;} }