.box{display:inline-block;margin:20px}.box p,.box h3{color:silver;margin:30px 0 0}.box_white{padding:40px;background:#fff}.icon{position:relative;display:inline-block;width:12em;height:10em;font-size:1em;line-height:100%}.icon *,.icon *:before,.icon *:after{box-sizing:border-box}.mist_left,.mist_right{position:absolute;z-index:1;top:38%;left:10%;width:3.8875em;height:.4875em;background:#fff;border-radius:20px;animation:mist-reverse 4s linear infinite}.mist_right{top:62%;left:auto;right:10%;animation:mist 4s linear infinite}.mist_left:before,.mist_right:before,.mist_left:after,.mist_right:after{content:"";position:absolute;z-index:1;top:-1em;left:15%;width:3.7875em;height:.4875em;background:#fff;border-radius:20px;animation:mist-reverse 4s linear infinite}.mist_left:after,.mist_right:after{top:1em;left:auto;right:15%;animation:mist 4s linear infinite}.mist_left:before{top:-1.2em;width:4.9875em;animation:mist 4s linear infinite}.mist_right:after{top:1.15em;width:4.9875em;animation:mist-reverse 4s linear infinite}.cloud{position:absolute;z-index:1;top:50%;left:50%;width:3.6875em;height:3.6875em;margin:-1.84375em;background:currentColor;border-radius:50%;box-shadow:-2.1875em .6875em 0 -.6875em,2.0625em .9375em 0 -.9375em,0 0 0 .375em #fff,-2.1875em .6875em 0 -.3125em #fff,2.0625em .9375em 0 -.5625em #fff}.cloud svg{display:block;width:100%;height:auto}.cloud svg path{fill:none;stroke:#fff;stroke-width:6;stroke-miterlimit:10}.cloud:after{content:"";position:absolute;bottom:0;left:-.5em;display:block;width:4.5625em;height:1em;background:currentColor;box-shadow:0 .4375em 0 -.0625em #fff}.cloud:nth-child(2){z-index:0;background:#fff;box-shadow:-2.1875em .6875em 0 -.6875em #fff,2.0625em .9375em 0 -.9375em #fff,0 0 0 .375em #fff,-2.1875em .6875em 0 -.3125em #fff,2.0625em .9375em 0 -.5625em #fff;opacity:.3;transform:scale(.5) translate(6em,-3em);animation:cloud 4s linear infinite}.cloud:nth-child(2):after{background:#fff}.sun{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;margin:-1.25em;background:currentColor;border-radius:50%;box-shadow:0 0 0 .375em #ff0;animation:spin 12s infinite linear}.rays{position:absolute;top:-2em;left:50%;display:block;width:.375em;height:1.125em;margin-left:-.1875em;background:#ff0;border-radius:.25em;box-shadow:0 5.375em #ff0}.rays:before,.rays:after{content:"";position:absolute;top:0;left:0;display:block;width:.375em;height:1.125em;transform:rotate(60deg);transform-origin:50% 3.25em;background:#ff0;border-radius:.25em;box-shadow:0 5.375em #ff0}.rays:before{transform:rotate(120deg)}.cloud+.sun{margin:-2em 1em}.mask,.rain,.lightning,.snow,.leaves,.drizzle{position:absolute;z-index:2;top:50%;left:50%;width:3.75em;height:3.75em;margin:.375em 0 0 -2em;background-image:linear-gradient(currentColor,currentColor,currentColor,currentColor,transparent,transparent,transparent,transparent,transparent)}.leaves{top:20%;background:transparent}.mask{z-index:1}.lightning.lightning_front,.snow.snow_front{background:none;z-index:4;top:35%;transform:scale(.8)}.drizzle.drizzle_front{background:none;z-index:4}.drizzle.drizzle2{margin-left:-1.2em;margin-top:-.65em}.rain.rain_higher{top:45%}.rain.rain_lower{top:55%}.rain:after{content:"";position:absolute;z-index:2;top:50%;left:50%;width:1.125em;height:1.125em;margin:-1em 0 0 -.25em;background:#0cf;border-radius:100% 0 60% 50%/60% 0 100% 50%;box-shadow:.625em .875em 0 -.125em #fff3,-.875em 1.125em 0 -.125em #fff3,-1.375em -.125em #fff3;transform:rotate(-28deg);animation:rain 3s linear infinite}.rain.rain_half:after{top:70%;left:65%;box-shadow:-1.375em -.125em #fff3;animation:rain_half 3s linear infinite}.rain.rain_fast:after{animation:rain 1s linear infinite}.rain.rain_straight:after{left:42%;transform:rotate(-46deg)}.bolt{position:absolute;top:50%;left:50%;margin:-.25em 0 0 -.125em;color:#fff;opacity:.3;animation:lightning 2s linear infinite}.bolt:nth-child(2){width:.5em;height:.25em;margin:-1.75em 0 0 -1.875em;transform:translate(2.5em,2.25em);opacity:.2;animation:lightning 1.5s linear infinite}.bolt:before,.bolt:after{content:"";position:absolute;z-index:2;top:50%;left:50%;margin:-1.625em 0 0 -1.0125em;border-top:1.25em solid transparent;border-right:.75em solid;border-bottom:.75em solid;border-left:.5em solid transparent;transform:skew(-10deg)}.bolt:after{margin:-.25em 0 0 -.25em;border-top:.75em solid;border-right:.5em solid transparent;border-bottom:1.25em solid transparent;border-left:.75em solid;transform:skew(-10deg)}.bolt:nth-child(2):before{margin:-.75em 0 0 -.5em;border-top:.625em solid transparent;border-right:.375em solid;border-bottom:.375em solid;border-left:.25em solid transparent}.bolt:nth-child(2):after{margin:-.125em 0 0 -.125em;border-top:.375em solid;border-right:.25em solid transparent;border-bottom:.625em solid transparent;border-left:.375em solid}.leaf1,.leaf2,.leaf3,.leaf4{position:absolute;top:40%;left:45%;margin:-1.025em 0 0 -1.0125em;list-height:1em;opacity:.2;animation:spin 3s linear infinite reverse;filter:grayscale(.7);width:20px;height:auto}.leaf1{opacity:1;animation:fly_leaf_4 3.3s linear infinite reverse}.flake:before,.flake:after{content:"\2744";position:absolute;top:40%;left:45%;margin:-1.025em 0 0 -1.0125em;color:#fff;list-height:1em;opacity:.2;animation:spin 8s linear infinite reverse}.flake.flake_few:before,.flake.flake_few:after{top:44%;left:69%}.flake:after,.leaf2{margin:.125em 0 0 -1em;font-size:1.5em;opacity:.4;animation:spin 14s linear infinite}.leaf2{opacity:1;width:26px;animation:fly_leaf_3 3.4s linear infinite}.flake:nth-child(2):before,.leaf3{margin:-.5em 0 0 .25em;font-size:1.25em;opacity:.2;animation:spin 10s linear infinite}.leaf3{opacity:1;width:30px;animation:fly_leaf_2 3.7s linear infinite}.flake:nth-child(2):after,.leaf4{margin:.375em 0 0 .125em;font-size:2em;opacity:.4;animation:spin 16s linear infinite reverse}.leaf4{opacity:1;width:36px;animation:fly_leaf_1 3.2s linear infinite reverse}.flake.flake_fast:before,.flake.flake_fast:after,.flake.flake_fast:nth-child(2):before,.flake.flake_fast:nth-child(2):after{animation:spin 2s linear infinite reverse}.dots:before,.dots:after{content:"";position:absolute;top:50%;left:50%;margin:-1.025em 0 0 -1.0125em;width:.2em;height:.3em;opacity:.2;border-radius:50%;background:#fff;animation:drizzle 1.2s linear infinite}.dots:after{margin:.125em 0 0 -1em;font-size:1.15em;opacity:.3}.dots:nth-child(2):before{margin:-.5em 0 0 .25em;font-size:1.25em;opacity:.2}.dots:nth-child(2):after{margin:.375em 0 0 .125em;opacity:.3}.item_fade_1{animation:fade_out_in 3.6s linear infinite}.item_fade_2{opacity:0;animation:fade_in_out 3.6s linear infinite}.box_white{color:#fff}.box_white .cloud{box-shadow:-2.1875em .6875em 0 -.6875em,2.0625em .9375em 0 -.9375em,0 0 0 .375em #999,-2.1875em .6875em 0 -.3125em #999,2.0625em .9375em 0 -.5625em #999}.box_white .cloud:after{box-shadow:0 .4375em 0 -.0625em #999}.box_white .cloud:nth-child(2){background:#999;box-shadow:-2.1875em .6875em 0 -.6875em #999,2.0625em .9375em 0 -.9375em #999,0 0 0 .375em #999,-2.1875em .6875em 0 -.3125em #999,2.0625em .9375em 0 -.5625em #999}.cloud:nth-child(2):after{background:#999}.box_white .flake:before,.box_white .flake:after{color:#555}.box_white .tornado span{background:#999}.box_white .bolt{color:#999}.box_white .bolt{animation:lightning_white 2s linear infinite}.box_white .bolt:nth-child(2){animation:lightning_white 1.5s linear infinite}.box_white .mist_left,.box_white .mist_right,.box_white .mist_left:before,.box_white .mist_right:before,.box_white .mist_left:after,.box_white .mist_right:after{background:#999}.box_white .dots:before,.box_white .dots:after{background:#555}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fly_leaf_1{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(80deg) translate(80%,-100%)}50%{transform:rotate(15deg) translate(-200%,-60%)}75%{transform:rotate(-20deg) translate(50%,-40%)}}@keyframes fly_leaf_2{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(-45deg) translate(-240%,-80%)}50%{transform:rotate(-160deg) translate(-200%,20%)}75%{transform:rotate(-35deg) translate(-60%,50%)}}@keyframes fly_leaf_3{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(-30deg) translate(-150%,-100%)}50%{transform:rotate(-5deg) translate(200%,-60%)}75%{transform:rotate(20deg) translate(-50%,-40%)}}@keyframes fly_leaf_4{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(80deg) translate(300%,80%)}50%{transform:rotate(120deg) translate(240%,120%)}75%{transform:rotate(15deg) translate(-220%,40%)}}@keyframes fade_out_in{0%,to{opacity:1}40%,60%{opacity:0}}@keyframes fade_in_out{0%,to{opacity:0}40%,60%{opacity:1}}@keyframes cloud{0%{opacity:0}50%{opacity:.4}to{opacity:0;transform:scale(.5) translate(-200%,-3em)}}@keyframes mist{0%{opacity:0;width:3.8875em}50%{opacity:.45}to{opacity:0;width:4.6875em;transform:translate(-120%)}}@keyframes drizzle{0%{opacity:0}50%{opacity:.45}to{opacity:0;transform:translateY(350%)}}@keyframes mist-reverse{0%{opacity:0;width:3.8875em}50%{opacity:.45}to{opacity:0;width:4.6875em;transform:translate(120%)}}@keyframes rain{0%{background:#0cf;box-shadow:.625em .875em 0 -.125em #fff3,-.875em 1.125em 0 -.125em #fff3,-1.375em -.125em #0cf}25%{box-shadow:.625em .875em 0 -.125em #fff3,-.875em 1.125em 0 -.125em #0cf,-1.375em -.125em #fff3}50%{background:#ffffff4d;box-shadow:.625em .875em 0 -.125em #0cf,-.875em 1.125em 0 -.125em #fff3,-1.375em -.125em #fff3}to{box-shadow:.625em .875em 0 -.125em #fff3,-.875em 1.125em 0 -.125em #fff3,-1.375em -.125em #0cf}}@keyframes rain_half{0%{background:#0cf;box-shadow:-1.375em -.125em #0cf}25%{box-shadow:-1.375em -.125em #fff3}50%{background:#ffffff4d;box-shadow:-1.375em -.125em #fff3}to{box-shadow:-1.375em -.125em #0cf}}@keyframes lightning{45%{color:#fff;background:#fff;opacity:.2}50%{color:#ff0;background:#ff0;opacity:1}55%{color:#fff;background:#fff;opacity:.2}}@keyframes lightning_white{45%{color:#999;background:#999;opacity:.2}50%{color:#ff0;background:#ff0;opacity:1}55%{color:#999;background:#999;opacity:.2}}.tornado span{position:absolute;z-index:1;top:28%;left:20%;width:60%;height:.3875em;background:#fff;border-radius:20px;opacity:.6}.tornado span.secondLine{top:39%;left:26%;width:48%;opacity:.4}.tornado span.thirdLine{top:50%;left:32%;width:36%}.tornado span.fourthLine{top:61%;left:38%;width:24%;opacity:.4}.tornado span.fifthLine{top:72%;left:44%;width:12%}@-webkit-keyframes moveFirst{0%{-webkit-transform:translateX(12%)}to{-webkit-transform:translateX(-12%)}}@-webkit-keyframes moveSecond{0%{-webkit-transform:translateX(24%)}to{-webkit-transform:translateX(-24%)}}@-webkit-keyframes moveThird{0%{-webkit-transform:translateX(24%)}to{-webkit-transform:translateX(-24%)}}@-webkit-keyframes moveFourth{0%{-webkit-transform:translateX(34%)}to{-webkit-transform:translateX(-34%)}}@-webkit-keyframes moveFifth{0%{-webkit-transform:translateX(40%)}to{-webkit-transform:translateX(-40%)}}.firstLine{-webkit-transition:all 1s;-webkit-animation:moveFirst 1s infinite alternate ease-in-out}.secondLine{-webkit-transition:all 1s;-webkit-animation:moveSecond 1s infinite alternate ease-in-out}.thirdLine{-webkit-transition:all 1s;-webkit-animation:moveThird 1s infinite alternate ease-in-out}.fourthLine{-webkit-transition:all 1s;-webkit-animation:moveFourth 1s infinite alternate ease-in-out}.fifthLine{-webkit-transition:all 1s;-webkit-animation:moveFifth 1s infinite alternate ease-in-out}.HeaderMeteoIcon .icon{font-size:7px;color:#fff}@media(max-width:767px){.HeaderMeteoIcon .icon{font-size:5px}}#page-meteo-content .icon{font-size:8px!important}.HeaderMeteoIcon .flake,#page-meteo-content .flake{font-size:11px}.HeaderMeteoIcon,.HeaderMeteoIcon:hover{display:flex;align-items:center;color:gray}.HeaderMeteoIcon .icon{display:flex;align-items:center;color:#d3d3d3}.HeaderMeteoIcon .icon.sunny{color:#fff}.HeaderMeteoIcon .cloud:nth-child(2),#page-meteo-content .cloud:nth-child(2){background-color:currentColor}.HeaderMeteoIcon .cloud:nth-child(2):after,#page-meteo-content .cloud:nth-child(2):after{background:currentColor}.HeaderMeteoIcon .blackcloud .cloud,#page-meteo-content .blackcloud .cloud{box-shadow:-2.1875em .6875em 0 -.6875em,2.0625em .9375em 0 -.9375em,0 0 0 .25em #000,-2.1875em .6875em 0 -.45em #000,2.0625em .9375em 0 -.7em #000}.HeaderMeteoIcon .blackcloud .cloud:after,#page-meteo-content .blackcloud .cloud:after{box-shadow:0 .4375em 0 -.2em #000}.HeaderMeteoIcon .blackcloud .cloud svg path{fill:none;stroke:#000;stroke-width:6;stroke-miterlimit:10}.HeaderMeteoIcon .cloud,#page-meteo-content .cloud{box-shadow:-2.1875em .6875em 0 -.6875em,2.0625em .9375em 0 -.9375em,0 0 0 .25em #999,-2.1875em .6875em 0 -.45em #999,2.0625em .9375em 0 -.7em #999}.HeaderMeteoIcon .cloud:after,#page-meteo-content .cloud:after{box-shadow:0 .4375em 0 -.2em #999}.HeaderMeteoIcon .cloud svg path{fill:none;stroke:#999;stroke-width:6;stroke-miterlimit:10}#page-meteo-content .icon{color:#d3d3d3}#page-meteo-content .icon.sunny{color:#fff}#page-meteo-content .sun{background:#fdd32f;box-shadow:0 0 0 .375em #fdd32f}#page-meteo-content .rays{background:#fdd32f;width:.75em;box-shadow:0 5.375em #fdd32f}#page-meteo-content .rays:before,#page-meteo-content .rays:after{background:#fdd32f;width:.75em;box-shadow:0 5.375em #fdd32f}.HeaderMeteoIcon .sun{background:#fdd32f;box-shadow:0 0 0 .375em #fdd32f}.HeaderMeteoIcon .rays{background:#fdd32f;width:.75em;box-shadow:0 5.375em #fdd32f}.HeaderMeteoIcon .rays:before,.HeaderMeteoIcon .rays:after{background:#fdd32f;width:.75em;box-shadow:0 5.375em #fdd32f}.HeaderMeteoIcon .dots:before,#page-meteo-content .dots:before,.HeaderMeteoIcon .dots:after,#page-meteo-content .dots:after{background:#0cf}.HeaderMeteoIcon .bolt,#page-meteo-content .bolt{color:#999;animation:lightningWhiteBackground 2s linear infinite}.HeaderMeteoIcon .bolt:nth-child(2),#page-meteo-content .bolt:nth-child(2){animation:lightningWhiteBackground 1.5s linear infinite}@keyframes lightningWhiteBackground{45%{color:#fff;background:#fff;opacity:.2}50%{color:#fdd32f;background:#fdd32f;opacity:1}55%{color:#fff;background:#fff;opacity:.2}}.HeaderMeteoIcon .flake:before,#page-meteo-content .flake:before,.HeaderMeteoIcon .flake:after,#page-meteo-content .flake:after{color:#308dc9;opacity:.8}.HeaderMeteoIcon .mist_left,.HeaderMeteoIcon .mist_right,#page-meteo-content .mist_left,#page-meteo-content .mist_right{background:#999}.HeaderMeteoIcon .mist_left:before,.HeaderMeteoIcon .mist_right:before,.HeaderMeteoIcon .mist_left:after,.HeaderMeteoIcon .mist_right:after,#page-meteo-content .mist_left:before,#page-meteo-content .mist_right:before,#page-meteo-content .mist_left:after,#page-meteo-content .mist_right:after{background:#999}.HeaderMeteoIcon .tornado span,#page-meteo-content .tornado span{background:#999}