*{margin:0;padding:0;border:none;outline:none}li{list-style-type:none}a,a:active,a:hover,a:visited{text-decoration:none;color:#000}img{max-width:100%;max-height:100%}#app,.app-wrapper,.height-all,body,html{height:100%}.app-content{position:relative;height:100%;padding-top:52px;box-sizing:border-box}body{background:transparent scroll no-repeat bottom;background-size:cover;font:14px/1 Helvetica Neue,Helvetica,Arial,sans-serif}.app-header{position:fixed;top:0;left:0;width:100%;z-index:5;font-size:0}.app-header .li{display:inline-block;font-size:14px;width:25%;box-sizing:border-box;border:solid #fff;border-width:1px 0 1px 1px}.app-header .li:last-child{border-right-width:1px}.app-header .li .title{display:block;color:#ff0;background-color:rgba(80,80,80,.8);line-height:50px;font-size:16px;transition:all .3s linear 0ms;text-align:center}.app-header .li .title.active,.app-header .li .title:hover{background-color:rgba(0,0,0,.8)}.app-snows .snow{position:fixed;top:0;left:0;width:6px;height:6px;z-index:1;background-color:hsla(0,0%,100%,.8);transform:translateZ(0) rotate(0deg);border-radius:70%;animation:float 3s ease-in-out 0ms infinite;opacity:1;pointer-events:none}@keyframes float{0%{transform:translateZ(0) rotate(0deg);opacity:1}90%{transform:translate3d(-80px,300px,0) rotate(1turn);opacity:0}to{transform:translateZ(0) rotate(0deg);opacity:0}}.slider-2d-js{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;font-size:0;line-height:1;user-select:none}.slider-2d-js .gallery{height:100%;background-color:hsla(0,0%,100%,.3);box-shadow:0 -10px 0 4px rgba(78,184,234,.3),10px 0 0 0 rgba(78,184,234,.3),0 10px 0 0 rgba(78,184,234,.3),-10px 0 0 4px rgba(78,184,234,.3)}.slider-2d-js .photos{height:100%}.slider-2d-js .photos .photo{position:relative;display:block;height:100%}.slider-2d-js .photos .photo-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-2d-js .arr{position:absolute;top:100%;width:50%;height:30px;line-height:30px;color:#ff0;font-size:20px;background-color:rgba(78,184,234,.3);cursor:pointer;transition:all .3s linear 0ms;text-align:center}.slider-2d-js .arr.arr-left{left:0}.slider-2d-js .arr.arr-right{right:0}.slider-2d-js .arr:hover{color:#fff;background-color:rgba(0,0,0,.8)}.slider-2d-js .points{position:absolute;bottom:100%;left:0;width:100%;text-align:center;padding:20px 0;line-height:1;font-size:0}.slider-2d-js .points .point{display:inline-block;width:30px;height:30px;background:hsla(0,0%,100%,.8) scroll no-repeat 50%;background-size:cover;margin-right:1%;transition:all .3s linear 0ms;transform:scale(1)}.slider-2d-js .points .point:last-child{margin-right:0}.slider-2d-js .points .point.scale{transform:scale(1.5)}.slider-3d-css{position:absolute;top:50%;left:50%;width:0;height:0}.slider-3d-css .stage-whole{position:absolute;top:0;left:0;width:0;height:0}.slider-3d-css .stage-pic,.slider-3d-css .stage-whole,.slider-3d-css .state-cover{perspective:2000px;perspective-origin:40% 60%}.slider-3d-css .container-cover,.slider-3d-css .container-pic,.slider-3d-css .container-whole{transform-style:preserve-3d}.slider-3d-css .container-whole{animation:8s rotateY linear .3s infinite}.slider-3d-css .container-whole:hover{animation-play-state:paused}.slider-3d-css .stage-cover{position:absolute;top:0;left:0}.slider-3d-css .stage-cover:first-of-type{transform:translate(-50%,-50%) rotateY(0deg) translateZ(200px)}.slider-3d-css .stage-cover:nth-of-type(2){transform:translate(-50%,-50%) rotateY(90deg) translateZ(200px)}.slider-3d-css .stage-cover:nth-of-type(3){transform:translate(-50%,-50%) rotateY(180deg) translateZ(200px)}.slider-3d-css .stage-cover:nth-of-type(4){transform:translate(-50%,-50%) rotateY(270deg) translateZ(200px)}.slider-3d-css .stage-cover:nth-of-type(5){transform:translate(-50%,-50%) rotateX(90deg) translateZ(200px)}.slider-3d-css .stage-cover:nth-of-type(6){transform:translate(-50%,-50%) rotateX(270deg) translateZ(200px)}.slider-3d-css .container-cover{position:relative;width:400px;height:400px;overflow:hidden}.slider-3d-css .stage-pic{position:absolute;width:44%;height:44%;transform:translate(-50%,-50%)}.slider-3d-css .stage-pic:first-of-type{left:26%;top:26%}.slider-3d-css .stage-pic:nth-of-type(2){left:74%;top:26%}.slider-3d-css .stage-pic:nth-of-type(3){left:26%;top:74%}.slider-3d-css .stage-pic:nth-of-type(4){left:74%;top:74%}.slider-3d-css .container-pic{position:relative;width:100%;height:100%;overflow:hidden}.slider-3d-css .container-pic .img{display:block;width:100%;height:100%;transition:all .3s linear 0ms}.slider-3d-css .container-pic .img:hover{transform:scale(3)}@keyframes rotateY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.slider-3d-js .slider{position:absolute;top:50%;left:50%;width:0;height:0}.slider-3d-js .slider .stage-whole{position:absolute;top:0;left:0;width:0;height:0}.slider-3d-js .slider .stage-pic,.slider-3d-js .slider .stage-whole,.slider-3d-js .slider .state-cover{perspective:2000px;perspective-origin:40% 60%}.slider-3d-js .slider .container-cover,.slider-3d-js .slider .container-pic,.slider-3d-js .slider .container-whole{transform-style:preserve-3d}.slider-3d-js .slider .container-whole{animation:8s rotateY linear .3s infinite}.slider-3d-js .slider .container-whole:hover{animation-play-state:paused}.slider-3d-js .slider .stage-cover{position:absolute;top:0;left:0}.slider-3d-js .slider .stage-cover:first-of-type{transform:translate(-50%,-50%) rotateY(0deg) translateZ(200px)}.slider-3d-js .slider .stage-cover:nth-of-type(2){transform:translate(-50%,-50%) rotateY(90deg) translateZ(200px)}.slider-3d-js .slider .stage-cover:nth-of-type(3){transform:translate(-50%,-50%) rotateY(180deg) translateZ(200px)}.slider-3d-js .slider .stage-cover:nth-of-type(4){transform:translate(-50%,-50%) rotateY(270deg) translateZ(200px)}.slider-3d-js .slider .stage-cover:nth-of-type(5){transform:translate(-50%,-50%) rotateX(90deg) translateZ(200px)}.slider-3d-js .slider .stage-cover:nth-of-type(6){transform:translate(-50%,-50%) rotateX(270deg) translateZ(200px)}.slider-3d-js .slider .container-cover{position:relative;width:400px;height:400px;overflow:hidden}.slider-3d-js .slider .stage-pic{position:absolute;width:44%;height:44%;transform:translate(-50%,-50%)}.slider-3d-js .slider .stage-pic:first-of-type{left:26%;top:26%}.slider-3d-js .slider .stage-pic:nth-of-type(2){left:74%;top:26%}.slider-3d-js .slider .stage-pic:nth-of-type(3){left:26%;top:74%}.slider-3d-js .slider .stage-pic:nth-of-type(4){left:74%;top:74%}.slider-3d-js .slider .container-pic{position:relative;width:100%;height:100%;overflow:hidden}.slider-3d-js .slider .container-pic .img{display:block;width:100%;height:100%;transition:all .3s linear 0ms}.slider-3d-js .slider .container-pic .img:hover{transform:scale(3)}.slider-3d-js .slider .container-whole{animation:none;transition:all .15s linear 0ms}.slider-3d-js .controls{position:fixed;bottom:0;left:0;width:100%;line-height:30px;font-size:0;text-align:center}.slider-3d-js .controls .li{display:inline-block;vertical-align:middle;background-color:#1a77e0;color:#fff6fe;padding:0 5px;margin-right:10px}.slider-3d-js .controls .li:last-child{margin-right:0}.slider-3d-js .controls .input,.slider-3d-js .controls .label{display:inline-block;vertical-align:middle;font-size:16px}.slider-3d-js .controls .input{width:5em;color:#000;margin-left:10px}.note{position:fixed;top:50%;left:50%;width:90%;transform:translate(-50%,-50%);background-color:hsla(0,0%,100%,.5);color:#f5f27c;box-shadow:0 -10px 0 4px rgba(78,184,234,.3),10px 0 0 0 rgba(78,184,234,.3),0 10px 0 0 rgba(78,184,234,.3),-10px 0 0 4px rgba(78,184,234,.3)}.note .inner{width:96%;margin:0 auto;padding:15px 0 20px}.note .title{color:#fff;font-size:14px;line-height:2;font-family:Arial,Tahoma,Verdana,Times New Roman;font-weight:700;text-shadow:#2f4249 1px 1px;text-transform:uppercase}.note .ul{background-color:rgba(47,66,73,.23);padding:14px 20px 9px;border:1px solid #687f86}.note .li{line-height:1.5}.app-loading{position:fixed;z-index:5;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;visibility:visible;transition:all .3s linear 0ms}.app-loading.fade-out{opacity:0;visibility:hidden}.app-loading .inner{position:absolute;top:50%;left:50%;width:80%;text-align:center;transform:translate(-50%,-50%);color:#87ceeb;font-size:16px}.app-loading .progress-bar-wrapper{position:relative;display:block;height:2em;line-height:2;width:100%;background-color:#809495;border-radius:10px;padding:10px;overflow:hidden}.app-loading .progress-bar-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:96%;heght:0;transform:translate(-50%,-50%);border-top:8px dashed #fff}.app-loading .progress-bar{position:relative;display:block;width:0;height:100%;transition:all .8s linear 0ms;background-color:#f0ad4e;border-radius:10px}.app-loading .progress-bar .fa-chrome{position:absolute;bottom:0;right:0;color:#000}.particles .canvas,.rainbow .canvas{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0;z-index:1;width:100%;height:100%}.cards-container{position:relative;width:100%;height:100%}.cards-container .cards-wrapper{width:100%;height:100%;color:#87ceeb}.cards-container .card,.cards-container .cards-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000}.cards-container .card{overflow:hidden;width:12.5%;min-width:0;height:25%;min-height:0;cursor:pointer;z-index:1;transition:all .3s linear}.cards-container .card.z-index-low{z-index:-1}.cards-container .card.z-index-high{z-index:1}.cards-container .card .inner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:90%;height:90%;transform:translate(-50%,-50%);text-align:center;color:#fff;border:3px double #1a77e0;background-color:#366a80}.cards-container .card .article,.cards-container .card .header{position:absolute;top:0;left:0;overflow:hidden;box-sizing:border-box;width:100%;height:100%}.cards-container .card .header{padding:10px 0}.cards-container .card .header .fa{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cards-container .card .article{z-index:-1;visibility:hidden;padding:10px;transform:rotateY(180deg);opacity:0;background-color:#c1212a;transition:all .6s linear}.cards-container .card.active-province{z-index:2;width:25%;min-width:200px;height:50%;min-height:320px;transform:translate(-50%,-50%) rotateY(180deg)}.cards-container .card.active-province .article{z-index:1;visibility:visible;opacity:1}.cards-container .card .city{display:inline-block;margin-right:10px;margin-bottom:10px;list-style-type:none}.cards-container .card:hover .inner{background-color:#2194b7}.stars .canvas{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0;z-index:1;width:800px;height:600px;max-width:100%;max-height:100%}