@font-face{font-family:"Furore";src:url("../fonts/Furore.otf") format("opentype");font-weight:normal}@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Regular.ttf") format("opentype");font-weight:normal}body{height:100%;padding:0;margin:0;font-family:Furore;background-color:#000352;color:#fff;background-image:url("../images/bg-gradient-trim-min.png");background-repeat:no-repeat;background-size:900px;background-position:-340px 100px}@media screen and (min-width: 768px){body{background-image:url("../images/bg-gradient-big-min.png");background-size:2100px;background-position:-540px -200px}}html{overflow-x:hidden !important;height:100%}p{margin-top:0;margin-bottom:0;padding-bottom:15px}.my-container{padding:0 20px;margin:0 auto;max-width:375px;position:relative}@media screen and (min-width: 768px){.my-container{max-width:560px}}@media screen and (min-width: 992px){.my-container{max-width:991px}}.my-row{display:flex;justify-content:space-between}.overflow-hidden{overflow-x:hidden}h1{font-size:32px;text-align:center;text-transform:uppercase;margin:0;padding-top:10px;padding-bottom:30px;line-height:1.1;letter-spacing:.03em}@media screen and (max-width: 374px){h1{font-size:28px}}@media screen and (min-width: 768px){h1{font-size:48px}}.snow-image{position:absolute;width:25px;height:25px;background-image:url("../images/snow.svg");background-size:contain;background-repeat:no-repeat;background-position:center center}.snow-desktop{display:none}@media screen and (min-width: 768px){.snow-desktop{display:block}}.snow1{left:10%;top:40px;width:14px;height:14px}@media screen and (min-width: 768px){.snow1{width:20px;height:20px}}.snow2{right:10%;top:10%;width:20px;height:20px}.snow3{right:20%;bottom:170px;width:30px;height:30px}@media screen and (min-width: 768px){.snow3{width:60px;height:60px;right:10%}}.snow4{left:-10%;top:18%;width:40px;height:40px}.snow5{right:-10%;top:24%;width:20px;height:20px}.snow6{right:6%;top:50%;width:32px;height:32px;display:none}@media screen and (min-width: 992px){.snow6{display:block}}.snow7{top:60%;right:-12%;width:32px;height:32px}.snow8{left:10%;top:50%;width:32px;height:32px}.snow9{left:-14%;bottom:25%;width:32px;height:32px}.snow10{left:52%;top:45%;width:20px;height:20px}.rotate-anim{animation-duration:4s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:steps(1)}.rotate-anim-2{animation-duration:.7s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:steps(2)}.rotate-anim-3{animation-duration:1s;animation-iteration-count:infinite;animation-name:rotate-3;animation-timing-function:steps(3)}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}@keyframes rotate-3{0%{transform:rotate(0)}100%{transform:rotate(45deg)}}.pendulum-anim{animation-duration:.8s;animation-iteration-count:infinite;animation-name:pendulum;animation-timing-function:steps(2);transform:rotate(15deg)}@keyframes pendulum{0%{transform:rotate(6deg)}100%{transform:rotate(-12deg)}}.jump-anim{animation-duration:1.2s;animation-iteration-count:infinite;animation-name:jump;animation-timing-function:steps(2)}@keyframes jump{0%{transform:rotate(-30deg) translate(0)}100%{transform:rotate(-30deg) translate(-6px, 10px)}}.jump-2-anim{animation-duration:.9s;animation-iteration-count:infinite;animation-name:jump-2;animation-timing-function:steps(2)}@keyframes jump-2{0%{transform:rotate(25deg) translate(0)}100%{transform:rotate(25deg) translate(-10px, -16px)}}.scale-anim{animation-duration:1s;animation-iteration-count:infinite;animation-name:scale}@media screen and (min-width: 768px){.scale-anim{animation-duration:1.2s}}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.2);@media screen and (min-width: 768px){transform:scale(1.1)}}100%{transform:scale(1)}}.jump-3-anim{animation-duration:.9s;animation-iteration-count:infinite;animation-name:jump-3;animation-timing-function:steps(2)}@keyframes jump-3{0%{transform:translate(0)}100%{transform:translate(0, -14px)}}.logo-top{margin:0 auto;width:100%;text-align:center;position:relative}.logo-top img{width:220px}@media screen and (min-width: 768px){.logo-top img{width:280px}}.logo-top::after{content:"";width:150px;height:2px;top:40px;left:0;background-color:#ffae00}.santa-block{position:relative;min-height:320px;padding-top:20px}@media screen and (min-width: 768px){.santa-block{min-height:420px;padding-top:50px}}.santa{position:absolute;left:-50px;width:300px;height:300px;background-image:url("../images/santa-min.png");background-repeat:no-repeat;background-position:center center;background-size:contain}@media screen and (min-width: 768px){.santa{width:340px;height:340px;left:0}}@media screen and (min-width: 992px){.santa{left:18%;width:390px;height:390px}}.btn{position:absolute;width:130px;height:130px;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;right:15px}@media screen and (min-width: 768px){.btn{width:200px;height:200px;right:0}}@media screen and (min-width: 992px){.btn{width:200px;height:200px;right:20%}}.btn .text{width:144px;height:70px;display:flex;align-items:center;justify-content:center;background-image:url("../images/btn-bg.svg");background-position:center center;background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 768px){.btn .text{display:none}}.btn .qr{display:none;width:150px;height:150px;background-image:url("../images/qr.svg");background-color:#fff;background-repeat:no-repeat;background-size:contain;background-position:center center}@media screen and (min-width: 768px){.btn .qr{display:block}}.btn .border-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none}@media screen and (min-width: 768px){.btn .border-container{display:block}}.btn .border-top::before{position:absolute;content:"";top:0;left:0;width:20px;height:20px;background-image:url("../images/corner-btn.svg");background-size:contain;filter:drop-shadow(0px 0px 6px #fff)}@media screen and (min-width: 768px){.btn .border-top::before{width:30px;height:30px}}.btn .border-top::after{position:absolute;content:"";top:0;right:0;width:20px;height:20px;background-image:url("../images/corner-btn.svg");background-size:contain;filter:drop-shadow(0px 0px 6px #fff);transform:rotate(90deg)}@media screen and (min-width: 768px){.btn .border-top::after{width:30px;height:30px}}.btn .border-bottom::before{position:absolute;content:"";bottom:0;left:0;width:20px;height:20px;background-image:url("../images/corner-btn.svg");background-size:contain;filter:drop-shadow(0px 0px 6px #fff);transform:rotate(-90deg)}@media screen and (min-width: 768px){.btn .border-bottom::before{width:30px;height:30px}}.btn .border-bottom::after{position:absolute;content:"";bottom:0;right:0;width:20px;height:20px;background-image:url("../images/corner-btn.svg");background-size:contain;filter:drop-shadow(0px 0px 6px #fff);transform:rotate(180deg)}@media screen and (min-width: 768px){.btn .border-bottom::after{width:30px;height:30px}}footer{padding-bottom:20px}footer .my-row{border-top:1px solid #fff;padding-top:20px}footer .logo img{width:100px}footer .link{display:inline-flex;text-transform:uppercase;color:#fff;text-decoration:none;letter-spacing:.03em;align-items:center}footer .link .icon{width:15px;height:15px;background-image:url("../images/planet.svg");background-repeat:no-repeat;background-size:contain;margin-right:5px}footer .copy{padding-top:30px;font-family:Roboto;font-size:12px}div#snow{background-image:url("http://www.webmasters.by/images/articles/make-it-snow/snowflake.png"),url("http://www.webmasters.by/images/articles/make-it-snow/snowflake3.png"),url("http://www.webmasters.by/images/articles/make-it-snow/snowflake2.png");min-height:100vh;-webkit-animation:snow 20s linear infinite;-moz-animation:snow 20s linear infinite;-ms-animation:snow 20s linear infinite;-o-animation:snow 20s linear infinite;animation:snow 20s linear infinite}@keyframes snow{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}@-moz-keyframes snow{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}@-webkit-keyframes snow{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}@-ms-keyframes snow{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}