@import url("foundation.min.css");@import url('https://fonts.googleapis.com/css?family=Roboto');html{height:100%}body{padding:0;margin:0;border:0;outline:0;font:14px / 16px 'Roboto',sans-serif;color:#000;background-color:#fff;min-height:600px;max-width:100%;min-width:1280px;min-height:623px;height:100%}img{border:none}a{text-decoration:none;cursor:pointer}*:focus{outline:none}.clear{clear:both}h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{margin:0;padding:0;font-weight:normal;font-style:normal}ul{list-style:none}p{margin:0}.main{width:100%;height:100%;overflow:hidden;position:relative;background:url("../img/bg.jpg") no-repeat;background-size:cover;background-position:center}.main .logo{position:absolute;left:2%;top:5%;width:25vh;display:inline-block;z-index:2000}.main .logo img{width:100%}.main .social{position:absolute;right:2%;bottom:9%;z-index:2000}.main .social li{margin:0 0 10px 0}.main .social li img{width:4.5vh;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.main .social li a:hover img{opacity:.7}.main .buttonPlayer{position:absolute;bottom:10%;left:2%;z-index:2000;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.main .buttonPlayer a{cursor:pointer;opacity:.75;margin:0 1vh 0 0}.main .buttonPlayer a:hover{opacity:1}.main .buttonPlayer a img{width:7vh}.flowers{width:100%;position:absolute;bottom:0;left:0;z-index:1}.rays{height:100%;position:absolute;right:0;top:0}.sun{height:100%;position:absolute;right:0;top:0;opacity:.6;transform:translate(43%, -47%);z-index:1;-webkit-animation:spin 40s linear infinite;animation:spin 40s linear infinite}@-webkit-keyframes spin{100%{-webkit-transform:translate(43%, -47%) rotate(360deg)}}@keyframes spin{100%{-webkit-transform:translate(43%, -47%) rotate(360deg);transform:translate(43%, -47%) rotate(360deg)}}.flower{position:absolute;z-index:5;opacity:0}.flower.active{-webkit-animation:flowerA 10s linear infinite;animation:flowerA 10s linear infinite}@-webkit-keyframes flowerA{20%{opacity:0}40%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes flowerA{20%{opacity:0}40%{opacity:1}80%{opacity:1}100%{opacity:0}}.flower-1{height:7vh;top:42%;left:5%}.flower-2{height:7vh;top:32%;left:15%}.flower-3{height:5vh;top:12%;left:8%}.flower-4{height:8vh;top:37%;left:35%}.flower-5{height:5vh;top:57%;left:65%}.flower-6{height:5vh;top:38%;left:87%}.flower-7{height:5vh;top:46%;left:92%}.flower-8{height:8vh;top:19%;left:47%}.flower-9{height:6vh;top:42%;left:95%}.flower-10{height:6vh;top:16%;left:63%}.flower-11{height:6vh;top:25%;left:32%}.flower-12{height:6vh;top:39%;left:40%}.flower-13{height:3vh;top:27%;left:9%}.flower-14{height:5vh;top:49%;left:9%}.flower-15{height:3.5vh;top:27%;left:1%}.flower-16{height:3vh;top:53%;left:4%}.flower-17{height:2vh;top:33%;left:4%}.flower-18{height:2vh;top:33%;right:4%}.flower-19{height:5vh;top:54%;right:8%}.flower-20{height:3vh;top:30%;right:2%}.flower-21{height:4vh;top:29%;right:12%}.flower-22{height:4vh;top:47%;right:39%}.number{height:65vh;position:absolute;bottom:22vh;left:11%;opacity:0;-webkit-transition:1.5s;-moz-transition:1.5s;-o-transition:1.5s;transition:1.5s}.number.active{opacity:1}.march{height:17vh;position:absolute;z-index:5;left:18%;bottom:19vh;opacity:0;-webkit-transition:1.5s;-moz-transition:1.5s;-o-transition:1.5s;transition:1.5s}.march.active{opacity:1}.postcard{position:absolute;height:55vh;right:15vw;bottom:30vh;-webkit-transition:4s;-moz-transition:4s;-o-transition:4s;transition:4s}.postcard.notActive{bottom:-30vh;opacity:0}.text-postcard{position:absolute;z-index:10;height:39vh;bottom:37vh;right:19vw;opacity:0;-webkit-transition:2s;-moz-transition:2s;-o-transition:2s;transition:2s}.text-postcard.active{opacity:1}.cloud{position:absolute;height:38vh;z-index:20;right:0;top:0;transform:translate(28%, -20%);-webkit-transition:4s;-moz-transition:4s;-o-transition:4s;transition:4s}.cloud.active{transform:translate(100%, -20%)}@keyframes mask{0%{opacity:1}40%{opacity:0}50%{opacity:0}100%{opacity:1}}#loader{background:url(../img/loader.gif) center center no-repeat;height:43px;width:157px;left:50%;top:50%;position:absolute;z-index:100001;margin:-35px 0 0 -79px;background-size:100%}#loader p{position:absolute;bottom:-35px;left:0;font:16px / 16px 'Roboto',sans-serif;color:#985aa3;letter-spacing:13px}.mask-load{background:#fff;z-index:100000;top:0;left:0;right:0;bottom:0;position:fixed}