以下是 css3实现天气图标 的示例演示效果:
部分效果截图1:
部分效果截图2:
HTML代码(index.html):
<html>
<head>
<link rel="stylesheet" href="css/screen.css" type="text/css">
<title>css3ʵ������ͼ��</title>
</head>
<html>
<body>
<div class="wrapper">
<svg
version="1.1"
id="sun"
class="climacon climacon_sun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="sunFillClip">
<path
d="M0,0v100h100V0H0z M50.001,57.999c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C57.999,54.417,54.418,57.999,50.001,57.999z"
/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-sun">
<g class="climacon_componentWrap climacon_componentWrap-sun">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M72.03,51.999h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S73.136,51.999,72.03,51.999z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northEast"
d="M64.175,38.688c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L64.175,38.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M50.034,34.002c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C52.034,33.106,51.136,34.002,50.034,34.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northWest"
d="M35.893,38.688l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C37.94,39.469,36.674,39.469,35.893,38.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-west"
d="M34.034,50c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C33.14,48,34.034,48.896,34.034,50z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-southWest"
d="M35.893,61.312c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L35.893,61.312z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-south"
d="M50.034,65.998c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C48.034,66.893,48.929,65.998,50.034,65.998z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-southEast"
d="M64.175,61.312l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C62.126,60.531,63.392,60.531,64.175,61.312z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_sunBody" clip-path="url(#sunFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="50.034"
cy="50"
r="11.999"
/>
</g>
</g>
</g>
</svg><!-- sun -->
<svg
version="1.1"
id="sunFill"
class="climacon climacon_sunFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-sunFill">
<g class="climacon_componentWrap climacon_componentWrap-sun">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M72.03,51.999h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S73.136,51.999,72.03,51.999z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northEast"
d="M64.175,38.688c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L64.175,38.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M50.034,34.002c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C52.034,33.106,51.136,34.002,50.034,34.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northWest"
d="M35.893,38.688l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C37.94,39.469,36.674,39.469,35.893,38.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-west"
d="M34.034,50c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C33.14,48,34.034,48.896,34.034,50z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-southWest"
d="M35.893,61.312c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L35.893,61.312z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-south"
d="M50.034,65.998c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C48.034,66.893,48.929,65.998,50.034,65.998z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-southEast"
d="M64.175,61.312l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C62.126,60.531,63.392,60.531,64.175,61.312z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="50.034"
cy="50"
r="11.999"
/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="50.034"
cy="50"
r="7.999"
/>
</g>
</g>
</g>
</svg><!-- sunFill -->
<svg
version="1.1"
id="moon"
class="climacon climacon_moon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="moonFillClip">
<path d="M15,15v70h70V15H15z M50,57.999c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C56.979,55.344,53.802,57.999,50,57.999z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-moon">
<g class="climacon_componentWrap climacon_componentWrap-moon" clip-path="url(#moonFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_moon"
d="M50,61.998c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C61.998,56.626,56.626,61.998,50,61.998z"/>
</g>
</g>
</svg><!-- moon -->
<svg
version="1.1"
id="moon"
class="climacon climacon_moonFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-moonFill">
<g class="climacon_componentWrap climacon_componentWrap-moon">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_moon"
d="M50,61.998c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C61.998,56.626,56.626,61.998,50,61.998z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M48.212,42.208c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C52.938,50.884,49.115,47.062,48.212,42.208z"/>
</g>
</g>
</svg><!-- moonFill -->
<svg
version="1.1"
id="sunsetAlt"
class="climacon climacon_snowflake"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="snowflakeFillClip">
<path
d="M15,15v70h70V15H15z M50,54c-2.209,0-4-1.791-4-4c0-2.208,1.791-3.999,4-3.999s3.999,1.791,3.999,3.999C53.999,52.209,52.209,54,50,54z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-snowflake">
<g class="climacon_componentWrap climacon_componentWrap-snowflake" clip-path="url(#snowflakeFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_snowflake"
d="M59.659,46.733l-1.958,1.13c0.188,0.682,0.298,1.396,0.298,2.137c0,0.742-0.108,1.456-0.298,2.139l1.958,1.129c0.956,0.553,1.284,1.775,0.731,2.732c-0.553,0.956-1.774,1.284-2.731,0.73l-1.954-1.127c-1.003,1.02-2.277,1.766-3.705,2.133v2.263c0,1.104-0.896,2-2,2c-1.104,0-2-0.896-2-2v-2.263c-1.428-0.367-2.703-1.113-3.705-2.133l-1.954,1.127c-0.957,0.554-2.18,0.226-2.731-0.73c-0.553-0.957-0.225-2.18,0.731-2.732l1.958-1.129c-0.189-0.683-0.298-1.396-0.298-2.139c0-0.741,0.108-1.455,0.298-2.137l-1.958-1.13c-0.956-0.553-1.284-1.775-0.731-2.732c0.552-0.956,1.774-1.284,2.731-0.731l1.954,1.128c1.002-1.02,2.277-1.766,3.705-2.134v-2.262c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2v2.262c1.428,0.368,2.702,1.114,3.705,2.134l1.954-1.128c0.957-0.553,2.18-0.225,2.731,0.731C60.943,44.958,60.615,46.181,59.659,46.733z"/>
</g>
</g>
</svg><!-- snowflake -->
<svg
version="1.1"
id="snowflakeFill"
class="climacon climacon_snowflakeFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-snowflakeFill">
<g class="climacon_componentWrap climacon_componentWrap-snowflake">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_snowflake"
d="M59.659,46.733l-1.958,1.13c0.188,0.682,0.298,1.396,0.298,2.137c0,0.742-0.108,1.456-0.298,2.139l1.958,1.129c0.956,0.553,1.284,1.775,0.731,2.732c-0.553,0.956-1.774,1.284-2.731,0.73l-1.954-1.127c-1.003,1.02-2.277,1.766-3.705,2.133v2.263c0,1.104-0.896,2-2,2c-1.104,0-2-0.896-2-2v-2.263c-1.428-0.367-2.703-1.113-3.705-2.133l-1.954,1.127c-0.957,0.554-2.18,0.226-2.731-0.73c-0.553-0.957-0.225-2.18,0.731-2.732l1.958-1.129c-0.189-0.683-0.298-1.396-0.298-2.139c0-0.741,0.108-1.455,0.298-2.137l-1.958-1.13c-0.956-0.553-1.284-1.775-0.731-2.732c0.552-0.956,1.774-1.284,2.731-0.731l1.954,1.128c1.002-1.02,2.277-1.766,3.705-2.134v-2.262c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2v2.262c1.428,0.368,2.702,1.114,3.705,2.134l1.954-1.128c0.957-0.553,2.18-0.225,2.731,0.731C60.943,44.958,60.615,46.181,59.659,46.733z"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_snowflake"
fill="#FFFFFF"
cx="50"
cy="50"
r="4"/>
</g>
</g>
</svg><!-- snowflakeFill -->
<svg
version="1.1"
id="wind"
class="climacon climacon_wind"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-wind">
<g class="climacon_componentWrap climacon_componentWrap-wind">
<path
class="climacon_component climacon_component-stroke climacon_component-wind climacon_component-wind_curl"
d="M65.999,52L65.999,52h-3c-1.104,0-2-0.895-2-1.999c0-1.104,0.896-2,2-2h3c1.104,0,2-0.896,2-1.999c0-1.105-0.896-2-2-2s-2-0.896-2-2s0.896-2,2-2c0.138,0,0.271,0.014,0.401,0.041c3.121,0.211,5.597,2.783,5.597,5.959C71.997,49.314,69.312,52,65.999,52z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-wind"
d="M55.999,48.001h-2h-6.998H34.002c-1.104,0-1.999,0.896-1.999,2c0,1.104,0.895,1.999,1.999,1.999h2h3.999h3h4h3h3.998h2c3.313,0,6,2.688,6,6c0,3.176-2.476,5.748-5.597,5.959C56.271,63.986,56.139,64,55.999,64c-1.104,0-2-0.896-2-2c0-1.105,0.896-2,2-2s2-0.896,2-2s-0.896-2-2-2h-2h-3.998h-3h-4h-3h-3.999h-2c-3.313,0-5.999-2.686-5.999-5.999c0-3.175,2.475-5.747,5.596-5.959c0.131-0.026,0.266-0.04,0.403-0.04l0,0h12.999h6.998h2c1.104,0,2-0.896,2-2s-0.896-2-2-2s-2-0.895-2-2c0-1.104,0.896-2,2-2c0.14,0,0.272,0.015,0.403,0.041c3.121,0.211,5.597,2.783,5.597,5.959C61.999,45.314,59.312,48.001,55.999,48.001z"/>
</g>
</g>
</svg><!-- wind -->
<svg
version="1.1"
id="tornado"
class="climacon climacon_tornado"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-tornado">
<g class="climacon_componentWrap climacon_componentWrap-tornado">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_tornadoLine"
d="M68.997,36.459H31.002c-1.104,0-2-0.896-2-1.999c0-1.104,0.896-2,2-2h37.995c1.104,0,2,0.896,2,2C70.997,35.563,70.102,36.459,68.997,36.459z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_tornadoLine"
d="M35.002,40.459h29.996c1.104,0,2,0.896,2,2s-0.896,1.999-2,1.999H35.002c-1.104,0-2-0.896-2-1.999C33.002,41.354,33.898,40.459,35.002,40.459z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_tornadoLine"
d="M39.001,48.458h21.998c1.104,0,1.999,0.896,1.999,1.999c0,1.104-0.896,2-1.999,2H39.001c-1.104,0-1.999-0.896-1.999-2C37.002,49.354,37.897,48.458,39.001,48.458z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_tornadoLine"
d="M47,64.456h5.999c1.104,0,2,0.896,2,1.999s-0.896,2-2,2H47c-1.104,0-2-0.896-2-2S45.896,64.456,47,64.456z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_tornadoLine"
d="M40.869,58.456c0-1.104,0.896-1.999,2-1.999h13.998c1.104,0,2,0.896,2,1.999c0,1.104-0.896,2-2,2H42.869C41.765,60.456,40.869,59.561,40.869,58.456z"/>
</g>
</g>
</svg><!-- tornado -->
<svg
version="1.1"
id="cloud"
class="climacon climacon_cloud"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloud">
<g class="climacon_componentWrap climacon_componentWrap_cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
</g>
</g>
</svg><!-- cloud -->
<svg
version="1.1"
id="cloudFill"
class="climacon climacon_cloudFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloud">
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudFill -->
<svg
version="1.1"
id="cloudSun"
class="climacon climacon_cloudSun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path
d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_cloudSun-iconWrap">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud" >
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-orth"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M44.033,65.641c-8.836,0-15.999-7.162-15.999-15.998c0-8.835,7.163-15.998,15.999-15.998c6.006,0,11.233,3.312,13.969,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.26,65.641,47.23,65.641,44.033,65.641z"/>
</g>
</g>
</svg><!-- cloudSun -->
<svg
version="1.1"
id="cloudSunFill"
class="climacon climacon_cloudSunFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_cloudSunFill-iconWrap">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"
/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"
/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M44.033,65.641c-8.836,0-15.999-7.162-15.999-15.998c0-8.835,7.163-15.998,15.999-15.998c6.006,0,11.233,3.312,13.969,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.26,65.641,47.23,65.641,44.033,65.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M60.035,61.641c4.418,0,8-3.582,8-7.998c0-4.418-3.582-8-8-8c-1.6,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.976-9.29-11.668-9.29c-6.627,0-11.999,5.372-11.999,11.999c0,6.627,5.372,11.998,11.999,11.998C47.65,61.641,57.016,61.641,60.035,61.641z"/>
</g>
</g>
</svg><!-- cloudSunFill -->
<svg
version="1.1"
id="cloudMoon"
class="climacon climacon_cloudMoon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path
d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudMoon">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_moon"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M44.033,65.641c-8.836,0-15.999-7.162-15.999-15.998c0-8.835,7.163-15.998,15.999-15.998c6.006,0,11.233,3.312,13.969,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.26,65.641,47.23,65.641,44.033,65.641z"/>
</g>
</g>
</svg><!-- cloudMoon -->
<svg
version="1.1"
id="cloudMoonFill"
class="climacon climacon_cloudMoonFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudMoonFill">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_moon"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M44.033,65.641c-8.836,0-15.999-7.162-15.999-15.998c0-8.835,7.163-15.998,15.999-15.998c6.006,0,11.233,3.312,13.969,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.26,65.641,47.23,65.641,44.033,65.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M60.035,61.641c4.418,0,8-3.582,8-7.998c0-4.418-3.582-8-8-8c-1.6,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.976-9.29-11.668-9.29c-6.627,0-11.999,5.372-11.999,11.999c0,6.627,5.372,11.998,11.999,11.998C47.65,61.641,57.016,61.641,60.035,61.641z"/>
</g>
</g>
</svg><!-- cloudMoonFill -->
<svg
version="1.1"
id="cloudDrizzle"
class="climacon climacon_cloudDrizzle"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzle">
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
d="M42.001,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2.001-0.895-2.001-2v-3.998C40,54.538,40.896,53.644,42.001,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M49.999,53.644c1.104,0,2,0.896,2,2v4c0,1.104-0.896,2-2,2s-1.998-0.896-1.998-2v-4C48.001,54.54,48.896,53.644,49.999,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M57.999,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2-0.895-2-2v-3.998C55.999,54.538,56.894,53.644,57.999,53.644z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.944v-4.381c2.387-1.386,3.998-3.961,3.998-6.92c0-4.418-3.58-8-7.998-8c-1.603,0-3.084,0.481-4.334,1.291c-1.232-5.316-5.973-9.29-11.664-9.29c-6.628,0-11.999,5.372-11.999,12c0,3.549,1.55,6.729,3.998,8.926v4.914c-4.776-2.769-7.998-7.922-7.998-13.84c0-8.836,7.162-15.999,15.999-15.999c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.336-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12C71.997,58.864,68.655,63.296,63.999,64.944z"/>
</g>
</g>
</svg><!-- cloudDrizzle -->
<svg
version="1.1"
id="cloudDrizzleFill"
class="climacon climacon_cloudDrizzleFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleFill">
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
d="M42.001,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2.001-0.895-2.001-2v-3.998C40,54.538,40.896,53.644,42.001,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M49.999,53.644c1.104,0,2,0.896,2,2v4c0,1.104-0.896,2-2,2s-1.998-0.896-1.998-2v-4C48.001,54.54,48.896,53.644,49.999,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M57.999,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2-0.895-2-2v-3.998C55.999,54.538,56.894,53.644,57.999,53.644z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudDrizzleFill -->
<svg
version="1.1"
id="cloudDrizzleSun"
class="climacon climacon_cloudDrizzleSun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleSun">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
d="M42.001,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2.001-0.895-2.001-2v-3.998C40,54.538,40.896,53.644,42.001,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M49.999,53.644c1.104,0,2,0.896,2,2v4c0,1.104-0.896,2-2,2s-1.998-0.896-1.998-2v-4C48.001,54.54,48.896,53.644,49.999,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M57.999,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2-0.895-2-2v-3.998C55.999,54.538,56.894,53.644,57.999,53.644z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.944v-4.381c2.387-1.386,3.998-3.961,3.998-6.92c0-4.418-3.58-8-7.998-8c-1.603,0-3.084,0.481-4.334,1.291c-1.232-5.316-5.973-9.29-11.664-9.29c-6.628,0-11.999,5.372-11.999,12c0,3.549,1.55,6.729,3.998,8.926v4.914c-4.776-2.769-7.998-7.922-7.998-13.84c0-8.836,7.162-15.999,15.999-15.999c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.336-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12C71.997,58.864,68.655,63.296,63.999,64.944z"/>
</g>
</g>
</svg><!-- cloudDrizzleSun -->
<svg
version="1.1"
id="cloudDrizzleSunFill"
class="climacon climacon_cloudDrizzleSunFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleSunFill">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
d="M42.001,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2.001-0.895-2.001-2v-3.998C40,54.538,40.896,53.644,42.001,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M49.999,53.644c1.104,0,2,0.896,2,2v4c0,1.104-0.896,2-2,2s-1.998-0.896-1.998-2v-4C48.001,54.54,48.896,53.644,49.999,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M57.999,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2-0.895-2-2v-3.998C55.999,54.538,56.894,53.644,57.999,53.644z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudDrizzleSunFill -->
<svg
version="1.1"
id="cloudDrizzleMoon"
class="climacon climacon_cloudDrizzleMoon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleMoon">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_moon"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
d="M42.001,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2.001-0.895-2.001-2v-3.998C40,54.538,40.896,53.644,42.001,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M49.999,53.644c1.104,0,2,0.896,2,2v4c0,1.104-0.896,2-2,2s-1.998-0.896-1.998-2v-4C48.001,54.54,48.896,53.644,49.999,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M57.999,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2-0.895-2-2v-3.998C55.999,54.538,56.894,53.644,57.999,53.644z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.944v-4.381c2.387-1.386,3.998-3.961,3.998-6.92c0-4.418-3.58-8-7.998-8c-1.603,0-3.084,0.481-4.334,1.291c-1.232-5.316-5.973-9.29-11.664-9.29c-6.628,0-11.999,5.372-11.999,12c0,3.549,1.55,6.729,3.998,8.926v4.914c-4.776-2.769-7.998-7.922-7.998-13.84c0-8.836,7.162-15.999,15.999-15.999c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.336-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12C71.997,58.864,68.655,63.296,63.999,64.944z"/>
</g>
</g>
</svg><!-- cloudDrizzleMoon -->
<svg
version="1.1"
id="cloudDrizzleMoonFill"
class="climacon climacon_cloudDrizzleMoonFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleMoonFill">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_moon"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
d="M42.001,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2.001-0.895-2.001-2v-3.998C40,54.538,40.896,53.644,42.001,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M49.999,53.644c1.104,0,2,0.896,2,2v4c0,1.104-0.896,2-2,2s-1.998-0.896-1.998-2v-4C48.001,54.54,48.896,53.644,49.999,53.644z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M57.999,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2-0.895-2-2v-3.998C55.999,54.538,56.894,53.644,57.999,53.644z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudDrizzleMoonFill -->
<svg
version="1.1"
id="cloudDrizzleAlt"
class="climacon climacon_cloudDrizzleAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleAlt">
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
id="Drizzle-Left_1_"
d="M56.969,57.672l-2.121,2.121c-1.172,1.172-1.172,3.072,0,4.242c1.17,1.172,3.07,1.172,4.24,0c1.172-1.17,1.172-3.07,0-4.242L56.969,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M50.088,57.672l-2.119,2.121c-1.174,1.172-1.174,3.07,0,4.242c1.17,1.172,3.068,1.172,4.24,0s1.172-3.07,0-4.242L50.088,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M43.033,57.672l-2.121,2.121c-1.172,1.172-1.172,3.07,0,4.242s3.07,1.172,4.244,0c1.172-1.172,1.172-3.07,0-4.242L43.033,57.672z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.943,41.642c-0.696,0-1.369,0.092-2.033,0.205c-2.736-4.892-7.961-8.203-13.965-8.203c-8.835,0-15.998,7.162-15.998,15.997c0,5.992,3.3,11.207,8.177,13.947c0.276-1.262,0.892-2.465,1.873-3.445l0.057-0.057c-3.644-2.061-6.106-5.963-6.106-10.445c0-6.626,5.372-11.998,11.998-11.998c5.691,0,10.433,3.974,11.666,9.29c1.25-0.81,2.732-1.291,4.332-1.291c4.418,0,8,3.581,8,7.999c0,3.443-2.182,6.371-5.235,7.498c0.788,1.146,1.194,2.471,1.222,3.807c4.666-1.645,8.014-6.077,8.014-11.305C71.941,47.014,66.57,41.642,59.943,41.642z"/>
</g>
</g>
</svg><!-- cloudDrizzleAlt -->
<svg
version="1.1"
id="cloudDrizzleAlt"
class="climacon climacon_cloudDrizzleFillAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleFillAlt">
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
id="Drizzle-Left_1_"
d="M56.969,57.672l-2.121,2.121c-1.172,1.172-1.172,3.072,0,4.242c1.17,1.172,3.07,1.172,4.24,0c1.172-1.17,1.172-3.07,0-4.242L56.969,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M50.088,57.672l-2.119,2.121c-1.174,1.172-1.174,3.07,0,4.242c1.17,1.172,3.068,1.172,4.24,0s1.172-3.07,0-4.242L50.088,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M43.033,57.672l-2.121,2.121c-1.172,1.172-1.172,3.07,0,4.242s3.07,1.172,4.244,0c1.172-1.172,1.172-3.07,0-4.242L43.033,57.672z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudDrizzleFillAlt -->
<svg
version="1.1"
id="cloudDrizzleSunAlt"
class="climacon climacon_cloudDrizzleSunAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleSunAlt">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
id="Drizzle-Left_1_"
d="M56.969,57.672l-2.121,2.121c-1.172,1.172-1.172,3.072,0,4.242c1.17,1.172,3.07,1.172,4.24,0c1.172-1.17,1.172-3.07,0-4.242L56.969,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M50.088,57.672l-2.119,2.121c-1.174,1.172-1.174,3.07,0,4.242c1.17,1.172,3.068,1.172,4.24,0s1.172-3.07,0-4.242L50.088,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M43.033,57.672l-2.121,2.121c-1.172,1.172-1.172,3.07,0,4.242s3.07,1.172,4.244,0c1.172-1.172,1.172-3.07,0-4.242L43.033,57.672z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.944v-4.381c2.387-1.386,3.998-3.961,3.998-6.92c0-4.418-3.58-8-7.998-8c-1.603,0-3.084,0.481-4.334,1.291c-1.232-5.316-5.973-9.29-11.664-9.29c-6.628,0-11.999,5.372-11.999,12c0,3.549,1.55,6.729,3.998,8.926v4.914c-4.776-2.769-7.998-7.922-7.998-13.84c0-8.836,7.162-15.999,15.999-15.999c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.336-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12C71.997,58.864,68.655,63.296,63.999,64.944z"/>
</g>
</g>
</svg><!-- cloudDrizzleSunAlt -->
<svg
version="1.1"
id="cloudDrizzleSunFillAlt"
class="climacon climacon_cloudDrizzleSunFillAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleSunFillAlt">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
id="Drizzle-Left_1_"
d="M56.969,57.672l-2.121,2.121c-1.172,1.172-1.172,3.072,0,4.242c1.17,1.172,3.07,1.172,4.24,0c1.172-1.17,1.172-3.07,0-4.242L56.969,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M50.088,57.672l-2.119,2.121c-1.174,1.172-1.174,3.07,0,4.242c1.17,1.172,3.068,1.172,4.24,0s1.172-3.07,0-4.242L50.088,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M43.033,57.672l-2.121,2.121c-1.172,1.172-1.172,3.07,0,4.242s3.07,1.172,4.244,0c1.172-1.172,1.172-3.07,0-4.242L43.033,57.672z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudDrizzleSunFillAlt -->
<svg
version="1.1"
id="cloudDrizzleMoonAlt"
class="climacon climacon_cloudDrizzleMoonAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleMoonAlt">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
id="Drizzle-Left_1_"
d="M56.969,57.672l-2.121,2.121c-1.172,1.172-1.172,3.072,0,4.242c1.17,1.172,3.07,1.172,4.24,0c1.172-1.17,1.172-3.07,0-4.242L56.969,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M50.088,57.672l-2.119,2.121c-1.174,1.172-1.174,3.07,0,4.242c1.17,1.172,3.068,1.172,4.24,0s1.172-3.07,0-4.242L50.088,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M43.033,57.672l-2.121,2.121c-1.172,1.172-1.172,3.07,0,4.242s3.07,1.172,4.244,0c1.172-1.172,1.172-3.07,0-4.242L43.033,57.672z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.943,41.642c-0.696,0-1.369,0.092-2.033,0.205c-2.736-4.892-7.961-8.203-13.965-8.203c-8.835,0-15.998,7.162-15.998,15.997c0,5.992,3.3,11.207,8.177,13.947c0.276-1.262,0.892-2.465,1.873-3.445l0.057-0.057c-3.644-2.061-6.106-5.963-6.106-10.445c0-6.626,5.372-11.998,11.998-11.998c5.691,0,10.433,3.974,11.666,9.29c1.25-0.81,2.732-1.291,4.332-1.291c4.418,0,8,3.581,8,7.999c0,3.443-2.182,6.371-5.235,7.498c0.788,1.146,1.194,2.471,1.222,3.807c4.666-1.645,8.014-6.077,8.014-11.305C71.941,47.014,66.57,41.642,59.943,41.642z"/>
</g>
</g>
</svg><!-- cloudDrizzleMoonAlt -->
<svg
version="1.1"
id="cloudDrizzleMoonFillAlt"
class="climacon climacon_cloudDrizzleMoonFillAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudDrizzleMoonFillAlt">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-drizzle">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-left"
id="Drizzle-Left_1_"
d="M56.969,57.672l-2.121,2.121c-1.172,1.172-1.172,3.072,0,4.242c1.17,1.172,3.07,1.172,4.24,0c1.172-1.17,1.172-3.07,0-4.242L56.969,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-middle"
d="M50.088,57.672l-2.119,2.121c-1.174,1.172-1.174,3.07,0,4.242c1.17,1.172,3.068,1.172,4.24,0s1.172-3.07,0-4.242L50.088,57.672z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_drizzle climacon_component-stroke_drizzle-right"
d="M43.033,57.672l-2.121,2.121c-1.172,1.172-1.172,3.07,0,4.242s3.07,1.172,4.244,0c1.172-1.172,1.172-3.07,0-4.242L43.033,57.672z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudDrizzleMoonFillAlt -->
<svg
version="1.1"
id="cloudRain"
class="climacon climacon_cloudRain"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudRain">
<g class="climacon_componentWrap climacon_componentWrap-rain">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.943,64.941v-4.381c2.389-1.384,4-3.961,4-6.92c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.48-4.334,1.291c-1.23-5.317-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.998c0,3.549,1.551,6.728,4,8.924v4.916c-4.777-2.768-8-7.922-8-13.84c0-8.835,7.163-15.997,15.998-15.997c6.004,0,11.229,3.311,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.372,11.998,12C71.941,58.863,68.602,63.293,63.943,64.941z"/>
</g>
</g>
</svg><!-- cloudRain -->
<svg
version="1.1"
id="cloudRainFill"
class="climacon climacon_cloudRainFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudRainFill">
<g class="climacon_componentWrap climacon_componentWrap-rain">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudRainFill -->
<svg
version="1.1"
id="cloudRainSun"
class="climacon climacon_cloudRainSun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudRainSun">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-rain">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.943,64.941v-4.381c2.389-1.384,4-3.961,4-6.92c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.48-4.334,1.291c-1.23-5.317-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.998c0,3.549,1.551,6.728,4,8.924v4.916c-4.777-2.768-8-7.922-8-13.84c0-8.835,7.163-15.997,15.998-15.997c6.004,0,11.229,3.311,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.372,11.998,12C71.941,58.863,68.602,63.293,63.943,64.941z"/>
</g>
</g>
</svg><!-- cloudRainSun -->
<svg
version="1.1"
id="cloudRainSunFill"
class="climacon climacon_cloudRainSunFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudRainSunFill">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-rain">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudRainSunFill -->
<svg
version="1.1"
id="cloudRainMoon"
class="climacon climacon_cloudRainMoon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudRainMoon">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-rain">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.943,41.642c-0.696,0-1.369,0.092-2.033,0.205c-2.736-4.892-7.961-8.203-13.965-8.203c-8.835,0-15.998,7.162-15.998,15.997c0,5.992,3.3,11.207,8.177,13.947c0.276-1.262,0.892-2.465,1.873-3.445l0.057-0.057c-3.644-2.061-6.106-5.963-6.106-10.445c0-6.626,5.372-11.998,11.998-11.998c5.691,0,10.433,3.974,11.666,9.29c1.25-0.81,2.732-1.291,4.332-1.291c4.418,0,8,3.581,8,7.999c0,3.443-2.182,6.371-5.235,7.498c0.788,1.146,1.194,2.471,1.222,3.807c4.666-1.645,8.014-6.077,8.014-11.305C71.941,47.014,66.57,41.642,59.943,41.642z"/>
</g>
</g>
</svg><!-- cloudRainMoon -->
<svg
version="1.1"
id="cloudRainMoonFill"
class="climacon climacon_cloudRainMoonFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudRainMoonFill">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-rain">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- left"
d="M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- middle"
d="M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- right"
d="M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudRainMoonFill -->
<svg
version="1.1"
id="cloudRainAlt"
class="climacon climacon_cloudRainAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudRainAlt">
<g class="climacon_componentWrap climacon_componentWrap-rain climacon_componentWrap-rain_alt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,65.641c-0.267,0-0.614,0-1,0c0-1.373-0.319-2.742-0.942-4c0.776,0,1.45,0,1.942,0c4.418,0,7.999-3.58,7.999-7.998c0-4.418-3.581-8-7.999-8c-1.601,0-3.083,0.481-4.334,1.29c-1.231-5.316-5.973-9.289-11.664-9.289c-6.627,0-11.998,5.372-11.998,11.998c0,5.953,4.339,10.879,10.023,11.822c-0.637,1.218-0.969,2.55-1.012,3.888c-7.406-1.399-13.012-7.896-13.012-15.709c0-8.835,7.162-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.204c0.664-0.114,1.337-0.205,2.033-0.205c6.627,0,11.998,5.372,11.998,12C71.996,60.27,66.626,65.641,59.999,65.641z"/>
</g>
</g>
</svg><!-- cloudRainAlt -->
<svg
version="1.1"
id="cloudRainAltFill"
class="climacon climacon_cloudRainAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudRainAltFill">
<g class="climacon_componentWrap climacon_componentWrap-rain climacon_componentWrap-rain_alt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudRainAltFill -->
<svg
version="1.1"
id="cloudRainSunAlt"
class="climacon climacon_cloudSunRainAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudRainSunAlt">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud" >
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-rain climacon_componentWrap-rain_alt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,65.641c-0.267,0-0.614,0-1,0c0-1.373-0.319-2.742-0.942-4c0.776,0,1.45,0,1.942,0c4.418,0,7.999-3.58,7.999-7.998c0-4.418-3.581-8-7.999-8c-1.601,0-3.083,0.481-4.334,1.29c-1.231-5.316-5.973-9.289-11.664-9.289c-6.627,0-11.998,5.372-11.998,11.998c0,5.953,4.339,10.879,10.023,11.822c-0.637,1.218-0.969,2.55-1.012,3.888c-7.406-1.399-13.012-7.896-13.012-15.709c0-8.835,7.162-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.204c0.664-0.114,1.337-0.205,2.033-0.205c6.627,0,11.998,5.372,11.998,12C71.996,60.27,66.626,65.641,59.999,65.641z"/>
</g>
</g>
</svg><!-- cloudRainSunAlt -->
<svg
version="1.1"
id="cloudRainSunAltFill"
class="climacon climacon_cloudSunRainAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudRainSunAltFill">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-rain climacon_componentWrap-rain_alt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudRainSunAltFill -->
<svg
version="1.1"
id="cloudRainMoonAlt"
class="climacon climacon_cloudMoonRainAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudRainMoonAlt">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-rain climacon_componentWrap-rain_alt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,65.641c-0.267,0-0.614,0-1,0c0-1.373-0.319-2.742-0.942-4c0.776,0,1.45,0,1.942,0c4.418,0,7.999-3.58,7.999-7.998c0-4.418-3.581-8-7.999-8c-1.601,0-3.083,0.481-4.334,1.29c-1.231-5.316-5.973-9.289-11.664-9.289c-6.627,0-11.998,5.372-11.998,11.998c0,5.953,4.339,10.879,10.023,11.822c-0.637,1.218-0.969,2.55-1.012,3.888c-7.406-1.399-13.012-7.896-13.012-15.709c0-8.835,7.162-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.204c0.664-0.114,1.337-0.205,2.033-0.205c6.627,0,11.998,5.372,11.998,12C71.996,60.27,66.626,65.641,59.999,65.641z"/>
</g>
</g>
</svg><!-- cloudRainMoonAlt -->
<svg
version="1.1"
id="cloudRainMoonAltFill"
class="climacon climacon_cloudMoonRainAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudRainSunAlt">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-rain climacon_componentWrap-rain_alt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_rain climacon_component-stroke_rain- alt"
d="M50.001,58.568l3.535,3.535c1.95,1.953,1.95,5.119,0,7.07c-1.953,1.953-5.119,1.953-7.07,0c-1.953-1.951-1.953-5.117,0-7.07L50.001,58.568z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudRainMoonAltFill -->
<svg
version="1.1"
id="cloudHailAlt"
class="climacon climacon_cloudHailAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudHailAlt">
<g class="climacon_componentWrap climacon_componentWrap-hailAlt">
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.941v-4.381c2.39-1.384,3.999-3.961,3.999-6.92c0-4.417-3.581-8-7.998-8c-1.602,0-3.084,0.48-4.334,1.291c-1.23-5.317-5.974-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.998c0,3.549,1.55,6.728,3.999,8.924v4.916c-4.776-2.768-7.998-7.922-7.998-13.84c0-8.835,7.162-15.997,15.997-15.997c6.004,0,11.229,3.311,13.966,8.203c0.663-0.113,1.336-0.205,2.033-0.205c6.626,0,11.998,5.372,11.998,12C71.998,58.863,68.656,63.293,63.999,64.941z"/>
</g>
</g>
</svg><!-- cloudHailAlt -->
<svg
version="1.1"
id="cloudHailAltFill"
class="climacon climacon_cloudHailAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudHailAltFill">
<g class="climacon_componentWrap climacon_componentWrap-hailAlt">
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudHailAltFill -->
<svg
version="1.1"
id="cloudHailAltSun"
class="climacon climacon_cloudHailAltSun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudHailAltSun">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-hailAlt">
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.941v-4.381c2.39-1.384,3.999-3.961,3.999-6.92c0-4.417-3.581-8-7.998-8c-1.602,0-3.084,0.48-4.334,1.291c-1.23-5.317-5.974-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.998c0,3.549,1.55,6.728,3.999,8.924v4.916c-4.776-2.768-7.998-7.922-7.998-13.84c0-8.835,7.162-15.997,15.997-15.997c6.004,0,11.229,3.311,13.966,8.203c0.663-0.113,1.336-0.205,2.033-0.205c6.626,0,11.998,5.372,11.998,12C71.998,58.863,68.656,63.293,63.999,64.941z"/>
</g>
</g>
</svg><!-- cloudHailAltSun -->
<svg
version="1.1"
id="cloudHailAltSun"
class="climacon climacon_cloudHailAltSun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudHailAltSun">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-hailAlt">
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudHailAltSun -->
<svg
version="1.1"
id="cloudHailAltMoon"
class="climacon climacon_cloudHailAltMoon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudHailAltMoon">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-hailAlt">
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud" clip-path="url(#cloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.941v-4.381c2.39-1.384,3.999-3.961,3.999-6.92c0-4.417-3.581-8-7.998-8c-1.602,0-3.084,0.48-4.334,1.291c-1.23-5.317-5.974-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.998c0,3.549,1.55,6.728,3.999,8.924v4.916c-4.776-2.768-7.998-7.922-7.998-13.84c0-8.835,7.162-15.997,15.997-15.997c6.004,0,11.229,3.311,13.966,8.203c0.663-0.113,1.336-0.205,2.033-0.205c6.626,0,11.998,5.372,11.998,12C71.998,58.863,68.656,63.293,63.999,64.941z"/>
</g>
</g>
</svg><!-- cloudHailAltMoon -->
<svg
version="1.1"
id="cloudHailAltMoonFill"
class="climacon climacon_cloudHailAltMoonFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudHailAltMoon">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-hailAlt">
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-left">
<circle cx="42" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-middle">
<circle cx="49.999" cy="65.498" r="2"/>
</g>
<g class="climacon_component climacon_component-stroke climacon_component-stroke_hailAlt climacon_component-stroke_hailAlt-right">
<circle cx="57.998" cy="65.498" r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudHailAltMoonFill -->
<svg
version="1.1"
id="cloudSnow"
class="climacon climacon_cloudSnow"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudSnow">
<g class="climacon_componentWrap climacon_componentWrap-snow" clip-path="url(#snowFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-left"
cx="42.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-middle"
cx="50.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-right"
cx="57.999"
cy="59.641"
r="2"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.943v-4.381c2.39-1.386,3.999-3.963,3.999-6.922c0-4.417-3.581-7.999-7.999-7.999c-1.601,0-3.083,0.48-4.333,1.291c-1.23-5.317-5.974-9.291-11.665-9.291c-6.627,0-11.998,5.373-11.998,12c0,3.549,1.55,6.729,4,8.924v4.916c-4.777-2.769-8-7.922-8-13.84c0-8.836,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c6.627,0,11.999,5.373,11.999,11.999C71.998,58.863,68.654,63.293,63.999,64.943z"/>
</g>
</g>
</svg><!-- cloudSnow -->
<svg
version="1.1"
id="cloudSnowFill"
class="climacon climacon_cloudSnowFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowFill">
<g class="climacon_componentWrap climacon_componentWrap-snow">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-left"
cx="42.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-middle"
cx="50.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-right"
cx="57.999"
cy="59.641"
r="2"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudSnowFill -->
<svg
version="1.1"
id="cloudSnowSun"
class="climacon climacon_cloudSnowSun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowSun">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-snow">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-left"
cx="42.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-middle"
cx="50.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-right"
cx="57.999"
cy="59.641"
r="2"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.943v-4.381c2.39-1.386,3.999-3.963,3.999-6.922c0-4.417-3.581-7.999-7.999-7.999c-1.601,0-3.083,0.48-4.333,1.291c-1.23-5.317-5.974-9.291-11.665-9.291c-6.627,0-11.998,5.373-11.998,12c0,3.549,1.55,6.729,4,8.924v4.916c-4.777-2.769-8-7.922-8-13.84c0-8.836,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c6.627,0,11.999,5.373,11.999,11.999C71.998,58.863,68.654,63.293,63.999,64.943z"/>
</g>
</g>
</svg><!-- cloudSnowSun -->
<svg
version="1.1"
id="cloudSnowSunFill"
class="climacon climacon_cloudSnowSunFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowSunFill">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-snow">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-left"
cx="42.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-middle"
cx="50.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-right"
cx="57.999"
cy="59.641"
r="2"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudSnowSunFill -->
<svg
version="1.1"
id="cloudSnowMoon"
class="climacon climacon_cloudSnowMoon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowMoon">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-snow">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-left"
cx="42.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-middle"
cx="50.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-right"
cx="57.999"
cy="59.641"
r="2"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M63.999,64.943v-4.381c2.39-1.386,3.999-3.963,3.999-6.922c0-4.417-3.581-7.999-7.999-7.999c-1.601,0-3.083,0.48-4.333,1.291c-1.23-5.317-5.974-9.291-11.665-9.291c-6.627,0-11.998,5.373-11.998,12c0,3.549,1.55,6.729,4,8.924v4.916c-4.777-2.769-8-7.922-8-13.84c0-8.836,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c6.627,0,11.999,5.373,11.999,11.999C71.998,58.863,68.654,63.293,63.999,64.943z"/>
</g>
</g>
</svg><!-- cloudSnowMoon -->
<svg
version="1.1"
id="cloudSnowMoonFill"
class="climacon climacon_cloudSnowMoonFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowMoonFill">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-snow">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-left"
cx="42.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-middle"
cx="50.001"
cy="59.641"
r="2"/>
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_snow climacon_component-stroke_snow-right"
cx="57.999"
cy="59.641"
r="2"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudSnowMoonFill -->
<svg
version="1.1"
id="cloudSnowAlt"
class="climacon climacon_cloudSnowAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="snowFillClip">
<path d="M15,15v70h70V15H15z M50,65.641c-1.104,0-2-0.896-2-2c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2S51.104,65.641,50,65.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowAlt">
<g class="climacon_componentWrap climacon_componentWrap-snowAlt">
<g class="climacon_component climacon_component climacon_component-snowAlt" clip-path="url(#snowFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_snowAlt"
d="M43.072,59.641c0.553-0.957,1.775-1.283,2.732-0.731L48,60.176v-2.535c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2v2.535l2.195-1.268c0.957-0.551,2.18-0.225,2.73,0.732c0.553,0.957,0.225,2.18-0.73,2.731l-2.196,1.269l2.196,1.268c0.955,0.553,1.283,1.775,0.73,2.732c-0.552,0.954-1.773,1.282-2.73,0.729L52,67.104v2.535c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2v-2.535l-2.195,1.269c-0.957,0.553-2.18,0.226-2.732-0.729c-0.552-0.957-0.225-2.181,0.732-2.732L46,63.641l-2.195-1.268C42.848,61.82,42.521,60.598,43.072,59.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M61.998,65.461v-4.082c3.447-0.891,6-4.012,6-7.738c0-4.417-3.582-7.999-7.999-7.999c-1.601,0-3.084,0.48-4.334,1.291c-1.231-5.317-5.973-9.291-11.664-9.291c-6.627,0-11.999,5.373-11.999,12c0,4.438,2.417,8.305,5.999,10.379v4.444c-5.86-2.375-9.998-8.112-9.998-14.825c0-8.835,7.162-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.336-0.205,2.033-0.205c6.626,0,11.998,5.373,11.998,11.998C71.997,59.586,67.671,64.506,61.998,65.461z"/>
</g>
</g>
</svg><!-- cloudSnowAlt -->
<svg
version="1.1"
id="cloudSnowAltFill"
class="climacon climacon_cloudSnowAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowAltFill">
<g class="climacon_componentWrap climacon_componentWrap-snowAlt">
<g class="climacon_component climacon_component climacon_component-snowAlt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_snowAlt"
d="M43.072,59.641c0.553-0.957,1.775-1.283,2.732-0.731L48,60.176v-2.535c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2v2.535l2.195-1.268c0.957-0.551,2.18-0.225,2.73,0.732c0.553,0.957,0.225,2.18-0.73,2.731l-2.196,1.269l2.196,1.268c0.955,0.553,1.283,1.775,0.73,2.732c-0.552,0.954-1.773,1.282-2.73,0.729L52,67.104v2.535c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2v-2.535l-2.195,1.269c-0.957,0.553-2.18,0.226-2.732-0.729c-0.552-0.957-0.225-2.181,0.732-2.732L46,63.641l-2.195-1.268C42.848,61.82,42.521,60.598,43.072,59.641z"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_snowAlt"
fill="#FFFFFF"
cx="50"
cy="63.641"
r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudSnowAltFill -->
<svg
version="1.1"
id="cloudSnowSunAlt"
class="climacon climacon_cloudSnowSunAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<clipPath id="snowFillClip">
<path d="M15,15v70h70V15H15z M50,65.641c-1.104,0-2-0.896-2-2c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2S51.104,65.641,50,65.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowSunAlt">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-snowAlt">
<g class="climacon_component climacon_component climacon_component-snowAlt" clip-path="url(#snowFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_snowAlt"
d="M43.072,59.641c0.553-0.957,1.775-1.283,2.732-0.731L48,60.176v-2.535c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2v2.535l2.195-1.268c0.957-0.551,2.18-0.225,2.73,0.732c0.553,0.957,0.225,2.18-0.73,2.731l-2.196,1.269l2.196,1.268c0.955,0.553,1.283,1.775,0.73,2.732c-0.552,0.954-1.773,1.282-2.73,0.729L52,67.104v2.535c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2v-2.535l-2.195,1.269c-0.957,0.553-2.18,0.226-2.732-0.729c-0.552-0.957-0.225-2.181,0.732-2.732L46,63.641l-2.195-1.268C42.848,61.82,42.521,60.598,43.072,59.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M61.998,65.461v-4.082c3.447-0.891,6-4.012,6-7.738c0-4.417-3.582-7.999-7.999-7.999c-1.601,0-3.084,0.48-4.334,1.291c-1.231-5.317-5.973-9.291-11.664-9.291c-6.627,0-11.999,5.373-11.999,12c0,4.438,2.417,8.305,5.999,10.379v4.444c-5.86-2.375-9.998-8.112-9.998-14.825c0-8.835,7.162-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.336-0.205,2.033-0.205c6.626,0,11.998,5.373,11.998,11.998C71.997,59.586,67.671,64.506,61.998,65.461z"/>
</g>
</g>
</svg><!-- cloudSnowSunAlt -->
<svg
version="1.1"
id="cloudSnowSunAltFill"
class="climacon climacon_cloudSnowSunAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowSunAltFill">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-snowAlt">
<g class="climacon_component climacon_component climacon_component-snowAlt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_snowAlt"
d="M43.072,59.641c0.553-0.957,1.775-1.283,2.732-0.731L48,60.176v-2.535c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2v2.535l2.195-1.268c0.957-0.551,2.18-0.225,2.73,0.732c0.553,0.957,0.225,2.18-0.73,2.731l-2.196,1.269l2.196,1.268c0.955,0.553,1.283,1.775,0.73,2.732c-0.552,0.954-1.773,1.282-2.73,0.729L52,67.104v2.535c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2v-2.535l-2.195,1.269c-0.957,0.553-2.18,0.226-2.732-0.729c-0.552-0.957-0.225-2.181,0.732-2.732L46,63.641l-2.195-1.268C42.848,61.82,42.521,60.598,43.072,59.641z"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_snowAlt"
fill="#FFFFFF"
cx="50"
cy="63.641"
r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudSnowSunAltFill -->
<svg
version="1.1"
id="cloudSnowAlt"
class="climacon climacon_cloudSnowAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="snowFillClip">
<path d="M15,15v70h70V15H15z M50,65.641c-1.104,0-2-0.896-2-2c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2S51.104,65.641,50,65.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowAlt">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-snowAlt">
<g class="climacon_component climacon_component climacon_component-snowAlt" clip-path="url(#snowFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_snowAlt"
d="M43.072,59.641c0.553-0.957,1.775-1.283,2.732-0.731L48,60.176v-2.535c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2v2.535l2.195-1.268c0.957-0.551,2.18-0.225,2.73,0.732c0.553,0.957,0.225,2.18-0.73,2.731l-2.196,1.269l2.196,1.268c0.955,0.553,1.283,1.775,0.73,2.732c-0.552,0.954-1.773,1.282-2.73,0.729L52,67.104v2.535c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2v-2.535l-2.195,1.269c-0.957,0.553-2.18,0.226-2.732-0.729c-0.552-0.957-0.225-2.181,0.732-2.732L46,63.641l-2.195-1.268C42.848,61.82,42.521,60.598,43.072,59.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M61.998,65.461v-4.082c3.447-0.891,6-4.012,6-7.738c0-4.417-3.582-7.999-7.999-7.999c-1.601,0-3.084,0.48-4.334,1.291c-1.231-5.317-5.973-9.291-11.664-9.291c-6.627,0-11.999,5.373-11.999,12c0,4.438,2.417,8.305,5.999,10.379v4.444c-5.86-2.375-9.998-8.112-9.998-14.825c0-8.835,7.162-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.336-0.205,2.033-0.205c6.626,0,11.998,5.373,11.998,11.998C71.997,59.586,67.671,64.506,61.998,65.461z"/>
</g>
</g>
</svg><!-- cloudSnowMoonAlt -->
<svg
version="1.1"
id="cloudSnowAltFill"
class="climacon climacon_cloudSnowAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudSnowAltFill">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-snowAlt">
<g class="climacon_component climacon_component climacon_component-snowAlt">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_snowAlt"
d="M43.072,59.641c0.553-0.957,1.775-1.283,2.732-0.731L48,60.176v-2.535c0-1.104,0.896-2,2-2c1.104,0,2,0.896,2,2v2.535l2.195-1.268c0.957-0.551,2.18-0.225,2.73,0.732c0.553,0.957,0.225,2.18-0.73,2.731l-2.196,1.269l2.196,1.268c0.955,0.553,1.283,1.775,0.73,2.732c-0.552,0.954-1.773,1.282-2.73,0.729L52,67.104v2.535c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2v-2.535l-2.195,1.269c-0.957,0.553-2.18,0.226-2.732-0.729c-0.552-0.957-0.225-2.181,0.732-2.732L46,63.641l-2.195-1.268C42.848,61.82,42.521,60.598,43.072,59.641z"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_snowAlt"
fill="#FFFFFF"
cx="50"
cy="63.641"
r="2"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!-- cloudSnowMoonAltFill -->
<svg
version="1.1"
id="cloudFog"
class="climacon climacon_cloudFog"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudFog">
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-top"
d="M69.998,57.641H30.003c-1.104,0-2-0.895-2-2c0-1.104,0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,56.746,71.104,57.641,69.998,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-middle"
d="M69.998,65.641H30.003c-1.104,0-2-0.896-2-2s0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,64.744,71.104,65.641,69.998,65.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-bottom"
d="M30.003,69.639h39.995c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H30.003c-1.104,0-2-0.895-2-2C28.003,70.535,28.898,69.639,30.003,69.639z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,45.643c-1.601,0-3.083,0.48-4.333,1.291c-1.232-5.317-5.974-9.291-11.665-9.291c-6.626,0-11.998,5.373-11.998,12h-4c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c5.222,0,9.651,3.342,11.301,8h-4.381C65.535,47.253,62.958,45.643,59.999,45.643z"/>
</g>
</g>
</svg><!--cloudFog -->
<svg
version="1.1"
id="cloudFogFill"
class="climacon climacon_cloudFogFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudFog">
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-top"
d="M69.998,57.641H30.003c-1.104,0-2-0.895-2-2c0-1.104,0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,56.746,71.104,57.641,69.998,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-middle"
d="M69.998,65.641H30.003c-1.104,0-2-0.896-2-2s0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,64.744,71.104,65.641,69.998,65.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-bottom"
d="M30.003,69.639h39.995c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H30.003c-1.104,0-2-0.895-2-2C28.003,70.535,28.898,69.639,30.003,69.639z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,45.643c-1.601,0-3.083,0.48-4.333,1.291c-1.232-5.317-5.974-9.291-11.665-9.291c-6.626,0-11.998,5.373-11.998,12h-4c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c5.222,0,9.651,3.342,11.301,8h-4.381C65.535,47.253,62.958,45.643,59.999,45.643z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M71.287,49.355c-1.659-4.632-6.08-7.954-11.289-7.954c-0.695,0-1.369,0.091-2.033,0.205C55.229,36.72,50.004,33.413,44,33.413c-8.824,0-15.977,7.134-15.996,15.942H71.287z"/>
<path
fill="#FFFFFF"
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
d="M66.897,49.376c-1.389-2.369-3.955-3.965-6.899-3.965c-1.602,0-3.082,0.48-4.334,1.291c-1.23-5.316-5.973-9.291-11.664-9.291c-6.615,0-11.977,5.354-11.996,11.965H66.897z"/>
</g>
</g>
</svg><!--cloudFogFill -->
<svg
version="1.1"
id="cloudFogSun"
class="climacon climacon_cloudFogSun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"
/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudFogSun">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-top"
d="M69.998,57.641H30.003c-1.104,0-2-0.895-2-2c0-1.104,0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,56.746,71.104,57.641,69.998,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-middle"
d="M69.998,65.641H30.003c-1.104,0-2-0.896-2-2s0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,64.744,71.104,65.641,69.998,65.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-bottom"
d="M30.003,69.639h39.995c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H30.003c-1.104,0-2-0.895-2-2C28.003,70.535,28.898,69.639,30.003,69.639z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,45.643c-1.601,0-3.083,0.48-4.333,1.291c-1.232-5.317-5.974-9.291-11.665-9.291c-6.626,0-11.998,5.373-11.998,12h-4c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c5.222,0,9.651,3.342,11.301,8h-4.381C65.535,47.253,62.958,45.643,59.999,45.643z"/>
</g>
</g>
</svg><!--cloudFogSun -->
<svg
version="1.1"
id="cloudFogSunFill"
class="climacon climacon_cloudFogSunFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudFogSunFill">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-top"
d="M69.998,57.641H30.003c-1.104,0-2-0.895-2-2c0-1.104,0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,56.746,71.104,57.641,69.998,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-middle"
d="M69.998,65.641H30.003c-1.104,0-2-0.896-2-2s0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,64.744,71.104,65.641,69.998,65.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-bottom"
d="M30.003,69.639h39.995c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H30.003c-1.104,0-2-0.895-2-2C28.003,70.535,28.898,69.639,30.003,69.639z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,45.643c-1.601,0-3.083,0.48-4.333,1.291c-1.232-5.317-5.974-9.291-11.665-9.291c-6.626,0-11.998,5.373-11.998,12h-4c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c5.222,0,9.651,3.342,11.301,8h-4.381C65.535,47.253,62.958,45.643,59.999,45.643z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M71.287,49.355c-1.659-4.632-6.08-7.954-11.289-7.954c-0.695,0-1.369,0.091-2.033,0.205C55.229,36.72,50.004,33.413,44,33.413c-8.824,0-15.977,7.134-15.996,15.942H71.287z"/>
<path
fill="#FFFFFF"
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
d="M66.897,49.376c-1.389-2.369-3.955-3.965-6.899-3.965c-1.602,0-3.082,0.48-4.334,1.291c-1.23-5.316-5.973-9.291-11.664-9.291c-6.615,0-11.977,5.354-11.996,11.965H66.897z"/>
</g>
</g>
</svg><!-- cloudFogSunFill -->
<svg
version="1.1"
id="cloudFogMoon"
class="climacon climacon_cloudFogMoon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudFogMoon">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-top"
d="M69.998,57.641H30.003c-1.104,0-2-0.895-2-2c0-1.104,0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,56.746,71.104,57.641,69.998,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-middle"
d="M69.998,65.641H30.003c-1.104,0-2-0.896-2-2s0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,64.744,71.104,65.641,69.998,65.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-bottom"
d="M30.003,69.639h39.995c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H30.003c-1.104,0-2-0.895-2-2C28.003,70.535,28.898,69.639,30.003,69.639z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,45.643c-1.601,0-3.083,0.48-4.333,1.291c-1.232-5.317-5.974-9.291-11.665-9.291c-6.626,0-11.998,5.373-11.998,12h-4c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c5.222,0,9.651,3.342,11.301,8h-4.381C65.535,47.253,62.958,45.643,59.999,45.643z"/>
</g>
</g>
</svg><!-- cloudFogMoon -->
<svg
version="1.1"
id="cloudFogMoonFill"
class="climacon climacon_cloudFogMoonFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudFogMoonFill">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-top"
d="M69.998,57.641H30.003c-1.104,0-2-0.895-2-2c0-1.104,0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,56.746,71.104,57.641,69.998,57.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-middle"
d="M69.998,65.641H30.003c-1.104,0-2-0.896-2-2s0.896-2,2-2h39.995c1.104,0,2,0.896,2,2C71.998,64.744,71.104,65.641,69.998,65.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine climacon_component-stroke_fogLine-bottom"
d="M30.003,69.639h39.995c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H30.003c-1.104,0-2-0.895-2-2C28.003,70.535,28.898,69.639,30.003,69.639z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,45.643c-1.601,0-3.083,0.48-4.333,1.291c-1.232-5.317-5.974-9.291-11.665-9.291c-6.626,0-11.998,5.373-11.998,12h-4c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.113,1.337-0.205,2.033-0.205c5.222,0,9.651,3.342,11.301,8h-4.381C65.535,47.253,62.958,45.643,59.999,45.643z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M71.287,49.355c-1.659-4.632-6.08-7.954-11.289-7.954c-0.695,0-1.369,0.091-2.033,0.205C55.229,36.72,50.004,33.413,44,33.413c-8.824,0-15.977,7.134-15.996,15.942H71.287z"/>
<path
fill="#FFFFFF"
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
d="M66.897,49.376c-1.389-2.369-3.955-3.965-6.899-3.965c-1.602,0-3.082,0.48-4.334,1.291c-1.23-5.316-5.973-9.291-11.664-9.291c-6.615,0-11.977,5.354-11.996,11.965H66.897z"/>
</g>
</g>
</svg><!-- cloudFogMoonFill -->
<svg
version="1.1"
id="cloudFogAlt"
class="climacon climacon_cloudFogAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudFogAlt">
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,55.641c-0.262-0.646-0.473-1.314-0.648-2h43.47c0,0.685-0.069,1.349-0.181,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M36.263,35.643c2.294-1.271,4.93-1.999,7.738-1.999c2.806,0,5.436,0.73,7.728,1.999H36.263z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M28.142,47.642c0.085-0.682,0.218-1.347,0.387-1.999h40.396c0.552,0.613,1.039,1.281,1.455,1.999H28.142z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,43.643c0.281-0.693,0.613-1.359,0.984-2h27.682c0.04,0.068,0.084,0.135,0.123,0.205c0.664-0.114,1.339-0.205,2.033-0.205c2.451,0,4.729,0.738,6.627,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M31.524,39.643c0.58-0.723,1.225-1.388,1.92-2h21.123c0.689,0.61,1.326,1.28,1.902,2H31.524z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.816,51.641H28.142c-0.082-0.656-0.139-1.32-0.139-1.999h43.298C71.527,50.285,71.702,50.953,71.816,51.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.301,57.641c-0.246,0.699-0.555,1.367-0.921,2H31.524c-0.505-0.629-0.957-1.299-1.363-2H71.301z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M33.444,61.641h35.48c-0.68,0.758-1.447,1.435-2.299,2H36.263C35.247,63.078,34.309,62.4,33.444,61.641z"/>
</g>
</g>
</svg><!--cloudFogAlt -->
<svg
version="1.1"
id="cloudFogAltFill"
class="climacon climacon_cloudFogAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudFogAltFill">
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
</g>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,55.641c-0.262-0.646-0.473-1.314-0.648-2h43.47c0,0.685-0.069,1.349-0.181,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M36.263,35.643c2.294-1.271,4.93-1.999,7.738-1.999c2.806,0,5.436,0.73,7.728,1.999H36.263z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M28.142,47.642c0.085-0.682,0.218-1.347,0.387-1.999h40.396c0.552,0.613,1.039,1.281,1.455,1.999H28.142z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,43.643c0.281-0.693,0.613-1.359,0.984-2h27.682c0.04,0.068,0.084,0.135,0.123,0.205c0.664-0.114,1.339-0.205,2.033-0.205c2.451,0,4.729,0.738,6.627,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M31.524,39.643c0.58-0.723,1.225-1.388,1.92-2h21.123c0.689,0.61,1.326,1.28,1.902,2H31.524z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.816,51.641H28.142c-0.082-0.656-0.139-1.32-0.139-1.999h43.298C71.527,50.285,71.702,50.953,71.816,51.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.301,57.641c-0.246,0.699-0.555,1.367-0.921,2H31.524c-0.505-0.629-0.957-1.299-1.363-2H71.301z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M33.444,61.641h35.48c-0.68,0.758-1.447,1.435-2.299,2H36.263C35.247,63.078,34.309,62.4,33.444,61.641z"/>
</g>
</g>
</svg><!--cloudFogAltFill -->
<svg
version="1.1"
id="cloudFogSunAlt"
class="climacon climacon_cloudFogSunAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudFogSunAlt">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,55.641c-0.262-0.646-0.473-1.314-0.648-2h43.47c0,0.685-0.069,1.349-0.181,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M36.263,35.643c2.294-1.271,4.93-1.999,7.738-1.999c2.806,0,5.436,0.73,7.728,1.999H36.263z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M28.142,47.642c0.085-0.682,0.218-1.347,0.387-1.999h40.396c0.552,0.613,1.039,1.281,1.455,1.999H28.142z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,43.643c0.281-0.693,0.613-1.359,0.984-2h27.682c0.04,0.068,0.084,0.135,0.123,0.205c0.664-0.114,1.339-0.205,2.033-0.205c2.451,0,4.729,0.738,6.627,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M31.524,39.643c0.58-0.723,1.225-1.388,1.92-2h21.123c0.689,0.61,1.326,1.28,1.902,2H31.524z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.816,51.641H28.142c-0.082-0.656-0.139-1.32-0.139-1.999h43.298C71.527,50.285,71.702,50.953,71.816,51.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.301,57.641c-0.246,0.699-0.555,1.367-0.921,2H31.524c-0.505-0.629-0.957-1.299-1.363-2H71.301z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M33.444,61.641h35.48c-0.68,0.758-1.447,1.435-2.299,2H36.263C35.247,63.078,34.309,62.4,33.444,61.641z"/>
</g>
</g>
</svg><!--cloudFogSunAlt -->
<svg
version="1.1"
id="cloudFogSunAltFill"
class="climacon climacon_cloudFogSunAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudFogSunAlt">
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
</g>
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,55.641c-0.262-0.646-0.473-1.314-0.648-2h43.47c0,0.685-0.069,1.349-0.181,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M36.263,35.643c2.294-1.271,4.93-1.999,7.738-1.999c2.806,0,5.436,0.73,7.728,1.999H36.263z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M28.142,47.642c0.085-0.682,0.218-1.347,0.387-1.999h40.396c0.552,0.613,1.039,1.281,1.455,1.999H28.142z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,43.643c0.281-0.693,0.613-1.359,0.984-2h27.682c0.04,0.068,0.084,0.135,0.123,0.205c0.664-0.114,1.339-0.205,2.033-0.205c2.451,0,4.729,0.738,6.627,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M31.524,39.643c0.58-0.723,1.225-1.388,1.92-2h21.123c0.689,0.61,1.326,1.28,1.902,2H31.524z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.816,51.641H28.142c-0.082-0.656-0.139-1.32-0.139-1.999h43.298C71.527,50.285,71.702,50.953,71.816,51.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.301,57.641c-0.246,0.699-0.555,1.367-0.921,2H31.524c-0.505-0.629-0.957-1.299-1.363-2H71.301z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M33.444,61.641h35.48c-0.68,0.758-1.447,1.435-2.299,2H36.263C35.247,63.078,34.309,62.4,33.444,61.641z"/>
</g>
</g>
</svg><!--cloudFogSunAltFill -->
<svg
version="1.1"
id="cloudFogMoonAlt"
class="climacon climacon_cloudFogMoonAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<clipPath id="newMoonCloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,65.638c-2.775,0-12.801,0-15.998,0c-8.836,0-15.998-7.162-15.998-15.998c0-8.835,7.162-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12C71.941,60.265,66.57,65.638,59.943,65.638z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudFogMoon">
<g clip-path="url(#newMoonCloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,55.641c-0.262-0.646-0.473-1.314-0.648-2h43.47c0,0.685-0.069,1.349-0.181,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M36.263,35.643c2.294-1.271,4.93-1.999,7.738-1.999c2.806,0,5.436,0.73,7.728,1.999H36.263z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M28.142,47.642c0.085-0.682,0.218-1.347,0.387-1.999h40.396c0.552,0.613,1.039,1.281,1.455,1.999H28.142z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,43.643c0.281-0.693,0.613-1.359,0.984-2h27.682c0.04,0.068,0.084,0.135,0.123,0.205c0.664-0.114,1.339-0.205,2.033-0.205c2.451,0,4.729,0.738,6.627,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M31.524,39.643c0.58-0.723,1.225-1.388,1.92-2h21.123c0.689,0.61,1.326,1.28,1.902,2H31.524z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.816,51.641H28.142c-0.082-0.656-0.139-1.32-0.139-1.999h43.298C71.527,50.285,71.702,50.953,71.816,51.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.301,57.641c-0.246,0.699-0.555,1.367-0.921,2H31.524c-0.505-0.629-0.957-1.299-1.363-2H71.301z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M33.444,61.641h35.48c-0.68,0.758-1.447,1.435-2.299,2H36.263C35.247,63.078,34.309,62.4,33.444,61.641z"/>
</g>
</g>
</svg><!--cloudFogMoonAlt -->
<svg
version="1.1"
id="cloudFogMoonAltFill"
class="climacon climacon_cloudFogMoonAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="newMoonCloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,65.638c-2.775,0-12.801,0-15.998,0c-8.836,0-15.998-7.162-15.998-15.998c0-8.835,7.162-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12C71.941,60.265,66.57,65.638,59.943,65.638z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudFogMoonAltFill">
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-Fog">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,55.641c-0.262-0.646-0.473-1.314-0.648-2h43.47c0,0.685-0.069,1.349-0.181,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M36.263,35.643c2.294-1.271,4.93-1.999,7.738-1.999c2.806,0,5.436,0.73,7.728,1.999H36.263z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M28.142,47.642c0.085-0.682,0.218-1.347,0.387-1.999h40.396c0.552,0.613,1.039,1.281,1.455,1.999H28.142z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M29.177,43.643c0.281-0.693,0.613-1.359,0.984-2h27.682c0.04,0.068,0.084,0.135,0.123,0.205c0.664-0.114,1.339-0.205,2.033-0.205c2.451,0,4.729,0.738,6.627,2H29.177z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M31.524,39.643c0.58-0.723,1.225-1.388,1.92-2h21.123c0.689,0.61,1.326,1.28,1.902,2H31.524z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.816,51.641H28.142c-0.082-0.656-0.139-1.32-0.139-1.999h43.298C71.527,50.285,71.702,50.953,71.816,51.641z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M71.301,57.641c-0.246,0.699-0.555,1.367-0.921,2H31.524c-0.505-0.629-0.957-1.299-1.363-2H71.301z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_fogLine"
d="M33.444,61.641h35.48c-0.68,0.758-1.447,1.435-2.299,2H36.263C35.247,63.078,34.309,62.4,33.444,61.641z"/>
</g>
<g clip-path="url(#newMoonCloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_moonBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
</g>
</g>
</svg><!--cloudFogMoonAltFill -->
<svg
version="1.1"
id="cloudLightning"
class="climacon climacon_cloudLightning"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudLightning">
<g class="climacon_componentWrap climacon_componentWrap-lightning">
<polygon
class="climacon_component climacon_component-stroke climacon_component-stroke_lightning"
points="48.001,51.641 57.999,51.641 52,61.641 58.999,61.641 46.001,77.639 49.601,65.641 43.001,65.641 "/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,65.641c-0.28,0-0.649,0-1.062,0l3.584-4.412c3.182-1.057,5.478-4.053,5.478-7.588c0-4.417-3.581-7.998-7.999-7.998c-1.602,0-3.083,0.48-4.333,1.29c-1.231-5.316-5.974-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,12c0,5.446,3.632,10.039,8.604,11.503l-1.349,3.777c-6.52-2.021-11.255-8.098-11.255-15.282c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.114,1.338-0.205,2.033-0.205c6.627,0,11.999,5.371,11.999,11.999C71.999,60.268,66.626,65.641,59.999,65.641z"/>
</g>
</g>
</svg><!--cloudLightning -->
<svg
version="1.1"
id="cloudLightningFill"
class="climacon climacon_cloudLightningFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudLightningFill">
<g class="climacon_componentWrap climacon_componentWrap-lightning">
<polygon
class="climacon_component climacon_component-stroke climacon_component-stroke_lightning"
points="48.001,51.641 57.999,51.641 52,61.641 58.999,61.641 46.001,77.639 49.601,65.641 43.001,65.641 "/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!--cloudLightningFill -->
<svg
version="1.1"
id="cloudLightning"
class="climacon climacon_cloudLightningSun"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<clipPath id="sunCloudFillClip">
<path
d="M15,15v70h70V15H15z M57.945,49.641c-4.417,0-8-3.582-8-7.999c0-4.418,3.582-7.999,8-7.999s7.998,3.581,7.998,7.999C65.943,46.059,62.362,49.641,57.945,49.641z"/>
</clipPath>
<clipPath id="cloudSunFillClip">
<path
d="M15,15v70h20.947V63.481c-4.778-2.767-8-7.922-8-13.84c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,5.262-3.394,9.723-8.107,11.341V85H85V15H15z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudLightning">
<g clip-path="url(#cloudSunFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" clip-path="url(#sunCloudFillClip)">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-lightning">
<polygon
class="climacon_component climacon_component-stroke climacon_component-stroke_lightning"
points="48.001,51.641 57.999,51.641 52,61.641 58.999,61.641 46.001,77.639 49.601,65.641 43.001,65.641 "/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,65.641c-0.28,0-0.649,0-1.062,0l3.584-4.412c3.182-1.057,5.478-4.053,5.478-7.588c0-4.417-3.581-7.998-7.999-7.998c-1.602,0-3.083,0.48-4.333,1.29c-1.231-5.316-5.974-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,12c0,5.446,3.632,10.039,8.604,11.503l-1.349,3.777c-6.52-2.021-11.255-8.098-11.255-15.282c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.114,1.338-0.205,2.033-0.205c6.627,0,11.999,5.371,11.999,11.999C71.999,60.268,66.626,65.641,59.999,65.641z"/>
</g>
</g>
</svg><!--cloudLightningSun -->
<svg
version="1.1"
id="cloudLightningSunFill"
class="climacon climacon_cloudLightningSunFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudLightning">
<g clip-path="url(#clip)">
<g class="climacon_componentWrap climacon_componentWrap-sun climacon_componentWrap-sun_cloud">
<g class="climacon_componentWrap climacon_componentWrap_sunSpoke" >
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M80.029,43.611h-3.998c-1.105,0-2-0.896-2-1.999s0.895-2,2-2h3.998c1.104,0,2,0.896,2,2S81.135,43.611,80.029,43.611z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,30.3c-0.781,0.781-2.049,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.779-0.781,2.047-0.781,2.828,0c0.779,0.781,0.779,2.047,0,2.828L72.174,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,25.614c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C60.033,24.718,59.135,25.614,58.033,25.614z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,30.3l-2.827-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.781,2.047-0.781,2.827,0l2.827,2.828c0.781,0.781,0.781,2.047,0,2.828C45.939,31.081,44.673,31.081,43.892,30.3z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M42.033,41.612c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.998-0.896-1.998-1.999s0.896-2,1.998-2h4C41.139,39.612,42.033,40.509,42.033,41.612z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M43.892,52.925c0.781-0.78,2.048-0.78,2.827,0c0.781,0.78,0.781,2.047,0,2.828l-2.827,2.827c-0.78,0.781-2.047,0.781-2.827,0c-0.781-0.78-0.781-2.047,0-2.827L43.892,52.925z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M58.033,57.61c1.104,0,2,0.895,2,1.999v4c0,1.104-0.896,2-2,2c-1.105,0-2-0.896-2-2v-4C56.033,58.505,56.928,57.61,58.033,57.61z"/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M72.174,52.925l2.828,2.828c0.779,0.78,0.779,2.047,0,2.827c-0.781,0.781-2.049,0.781-2.828,0l-2.828-2.827c-0.781-0.781-0.781-2.048,0-2.828C70.125,52.144,71.391,52.144,72.174,52.925z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody" >
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="58.033"
cy="41.612"
r="11.999"/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="58.033"
cy="41.612" r="7.999"/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-lightning">
<polygon
class="climacon_component climacon_component-stroke climacon_component-stroke_lightning"
points="48.001,51.641 57.999,51.641 52,61.641 58.999,61.641 46.001,77.639 49.601,65.641 43.001,65.641 "/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!--cloudLightningSunFill -->
<svg
version="1.1"
id="cloudLightningMoon"
class="climacon climacon_cloudLightningMoon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="moonCloudFillClip">
<path
d="M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z"/>
</clipPath>
<clipPath id="cloudFillClip">
<path d="M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-cloudLightningMoon">
<g clip-path="url(#cloudFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud" clip-path="url(#moonCloudFillClip)">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-lightning">
<polygon
class="climacon_component climacon_component-stroke climacon_component-stroke_lightning"
points="48.001,51.641 57.999,51.641 52,61.641 58.999,61.641 46.001,77.639 49.601,65.641 43.001,65.641 "/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M59.999,65.641c-0.28,0-0.649,0-1.062,0l3.584-4.412c3.182-1.057,5.478-4.053,5.478-7.588c0-4.417-3.581-7.998-7.999-7.998c-1.602,0-3.083,0.48-4.333,1.29c-1.231-5.316-5.974-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,12c0,5.446,3.632,10.039,8.604,11.503l-1.349,3.777c-6.52-2.021-11.255-8.098-11.255-15.282c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.114,1.338-0.205,2.033-0.205c6.627,0,11.999,5.371,11.999,11.999C71.999,60.268,66.626,65.641,59.999,65.641z"/>
</g>
</g>
</svg><!--cloudLightningMoon -->
<svg
version="1.1"
id="cloudLightningMoonFill"
class="climacon climacon_cloudLightningMoonFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-cloudLightningMoonFill">
<g class="climacon_componentWrap climacon_componentWrap-moon climacon_componentWrap-moon_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_moon"
fill="#FFFFFF"
d="M59.235,30.851c-3.556,0.813-6.211,3.989-6.211,7.792c0,4.417,3.581,7.999,7.999,7.999c3.802,0,6.979-2.655,7.791-6.211C63.961,39.527,60.139,35.705,59.235,30.851z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-lightning">
<polygon
class="climacon_component climacon_component-stroke climacon_component-stroke_lightning"
points="48.001,51.641 57.999,51.641 52,61.641 58.999,61.641 46.001,77.639 49.601,65.641 43.001,65.641 "/>
</g>
<g class="climacon_componentWrap climacon_componentWrap_cloud">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_cloud"
d="M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z"/>
<path
class="climacon_component climacon_component-fill climacon_component-fill_cloud"
fill="#FFFFFF"
d="M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z"/>
</g>
</g>
</svg><!--cloudLightningMoonFill -->
<svg
version="1.1"
id="sunrise"
class="climacon climacon_sunrise"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-sunrise">
<g class="climacon_componentWrap climacon_componentWrap-sunrise">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M32.003,54h-4c-1.104,0-2,0.896-2,2s0.896,2,2,2h4c1.104,0,2-0.896,2-2S33.106,54,32.003,54z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northEast"
d="M38.688,41.859l-2.828-2.828c-0.781-0.78-2.047-0.78-2.828,0c-0.781,0.781-0.781,2.047,0,2.828l2.828,2.828c0.781,0.781,2.047,0.781,2.828,0C39.469,43.906,39.469,42.641,38.688,41.859z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M50.001,40.002c1.104,0,1.999-0.896,1.999-2v-3.999c0-1.104-0.896-2-1.999-2c-1.105,0-2,0.896-2,2v3.999C48.001,39.106,48.896,40.002,50.001,40.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northWest"
d="M66.969,39.031c-0.779-0.78-2.048-0.78-2.828,0l-2.828,2.828c-0.779,0.781-0.779,2.047,0,2.828c0.781,0.781,2.049,0.781,2.828,0l2.828-2.828C67.749,41.078,67.749,39.812,66.969,39.031z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-west"
d="M71.997,54h-3.999c-1.104,0-1.999,0.896-1.999,2s0.896,2,1.999,2h3.999c1.104,0,2-0.896,2-2S73.104,54,71.997,54z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M50.001,44.002c-6.627,0-11.999,5.371-11.999,11.998c0,1.404,0.254,2.747,0.697,3.999h4.381c-0.683-1.177-1.079-2.54-1.079-3.999c0-4.418,3.582-7.999,8-7.999c4.417,0,7.998,3.581,7.998,7.999c0,1.459-0.396,2.822-1.078,3.999h4.381c0.443-1.252,0.697-2.595,0.697-3.999C61.999,49.373,56.627,44.002,50.001,44.002z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-arrow">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_arrow climacon_component-stroke_arrow-up"
d="M50.001,63.046c0.552,0,0.999-0.447,0.999-1v-3.827l2.536,2.535c0.39,0.391,1.022,0.391,1.414,0c0.39-0.391,0.39-1.023,0-1.414l-4.242-4.242c-0.391-0.391-1.024-0.391-1.414,0l-4.242,4.242c-0.391,0.391-0.391,1.023,0,1.414c0.391,0.391,1.023,0.391,1.414,0l2.535-2.535v3.827C49.001,62.599,49.448,63.046,50.001,63.046z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-horizonLine">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_horizonLine"
d="M59.999,63.999H40.001c-1.104,0-1.999,0.896-1.999,2s0.896,1.999,1.999,1.999h19.998c1.104,0,2-0.895,2-1.999S61.104,63.999,59.999,63.999z"
/>
</g>
</g>
</g>
</svg><!-- sunrise -->
<svg
version="1.1"
id="sunriseFill"
class="climacon climacon_sunriseFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-sunriseFill">
<g class="climacon_componentWrap climacon_componentWrap-sunrise">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M71.997,57.999h-3.998c-1.104,0-2-0.896-2-1.999s0.896-2,2-2h3.998c1.104,0,2,0.896,2,2S73.104,57.999,71.997,57.999z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M64.143,44.688c-0.781,0.781-2.05,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.778-0.781,2.047-0.781,2.828,0c0.778,0.781,0.778,2.047,0,2.828L64.143,44.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M50.001,40.002c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C52.001,39.106,51.104,40.002,50.001,40.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M35.86,44.688l-2.828-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.781-0.781,2.047-0.781,2.828,0l2.828,2.828c0.781,0.781,0.781,2.047,0,2.828C37.907,45.469,36.641,45.469,35.86,44.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M34.002,56c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.999-0.896-1.999-1.999s0.896-2,1.999-2h4C33.107,54,34.002,54.896,34.002,56z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="50.001"
cy="56"
r="11.999"
/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="50.001"
cy="56"
r="7.999"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-arrow">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_arrow climacon_component-stroke_arrow-up"
d="M50.001,63.046c0.552,0,0.999-0.447,0.999-1v-3.827l2.536,2.535c0.39,0.391,1.022,0.391,1.414,0c0.39-0.391,0.39-1.023,0-1.414l-4.242-4.242c-0.391-0.391-1.024-0.391-1.414,0l-4.242,4.242c-0.391,0.391-0.391,1.023,0,1.414c0.391,0.391,1.023,0.391,1.414,0l2.535-2.535v3.827C49.001,62.599,49.448,63.046,50.001,63.046z"/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-horizonLine">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_horizonLine"
d="M59.999,63.999H40.001c-1.104,0-1.999,0.896-1.999,2s0.896,1.999,1.999,1.999h19.998c1.104,0,2-0.895,2-1.999S61.104,63.999,59.999,63.999z"
/>
</g>
</g>
</g>
</svg><!-- sunriseFill -->
<svg
version="1.1"
id="sunset"
class="climacon climacon_sunset"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-sunset">
<g class="climacon_componentWrap climacon_componentWrap-sunset">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M32.003,54h-4c-1.104,0-2,0.896-2,2s0.896,2,2,2h4c1.104,0,2-0.896,2-2S33.106,54,32.003,54z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northEast"
d="M38.688,41.859l-2.828-2.828c-0.781-0.78-2.047-0.78-2.828,0c-0.781,0.781-0.781,2.047,0,2.828l2.828,2.828c0.781,0.781,2.047,0.781,2.828,0C39.469,43.906,39.469,42.641,38.688,41.859z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M50.001,40.002c1.104,0,1.999-0.896,1.999-2v-3.999c0-1.104-0.896-2-1.999-2c-1.105,0-2,0.896-2,2v3.999C48.001,39.106,48.896,40.002,50.001,40.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northWest"
d="M66.969,39.031c-0.779-0.78-2.048-0.78-2.828,0l-2.828,2.828c-0.779,0.781-0.779,2.047,0,2.828c0.781,0.781,2.049,0.781,2.828,0l2.828-2.828C67.749,41.078,67.749,39.812,66.969,39.031z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-west"
d="M71.997,54h-3.999c-1.104,0-1.999,0.896-1.999,2s0.896,2,1.999,2h3.999c1.104,0,2-0.896,2-2S73.104,54,71.997,54z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M50.001,44.002c-6.627,0-11.999,5.371-11.999,11.998c0,1.404,0.254,2.747,0.697,3.999h4.381c-0.683-1.177-1.079-2.54-1.079-3.999c0-4.418,3.582-7.999,8-7.999c4.417,0,7.998,3.581,7.998,7.999c0,1.459-0.396,2.822-1.078,3.999h4.381c0.443-1.252,0.697-2.595,0.697-3.999C61.999,49.373,56.627,44.002,50.001,44.002z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-arrow">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_arrow climacon_component-stroke_arrow-down"
d="M50,49.107c0.552,0,1,0.448,1,1.002v3.83l2.535-2.535c0.391-0.391,1.022-0.391,1.414,0c0.391,0.391,0.391,1.023,0,1.414l-4.242,4.242c-0.392,0.391-1.022,0.391-1.414,0l-4.242-4.242c-0.391-0.391-0.391-1.023,0-1.414c0.392-0.391,1.023-0.391,1.414,0L49,53.939v-3.83C49,49.555,49.447,49.107,50,49.107z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-horizonLine">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_horizonLine"
d="M59.999,63.999H40.001c-1.104,0-1.999,0.896-1.999,2s0.896,1.999,1.999,1.999h19.998c1.104,0,2-0.895,2-1.999S61.104,63.999,59.999,63.999z"
/>
</g>
</g>
</g>
</svg><!-- sunset -->
<svg
version="1.1"
id="sunsetFill"
class="climacon climacon_sunsetFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<g class="climacon_iconWrap climacon_iconWrap-sunsetFill">
<g class="climacon_componentWrap climacon_componentWrap-sunsetFill">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-west"
d="M71.997,57.999h-3.998c-1.104,0-2-0.896-2-1.999s0.896-2,2-2h3.998c1.104,0,2,0.896,2,2S73.104,57.999,71.997,57.999z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northWest"
d="M64.143,44.688c-0.781,0.781-2.05,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l2.828-2.828c0.778-0.781,2.047-0.781,2.828,0c0.778,0.781,0.778,2.047,0,2.828L64.143,44.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M50.001,40.002c-1.105,0-2-0.896-2-2v-3.999c0-1.104,0.895-2,2-2c1.104,0,2,0.896,2,2v3.999C52.001,39.106,51.104,40.002,50.001,40.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northEast"
d="M35.86,44.688l-2.828-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.781-0.781,2.047-0.781,2.828,0l2.828,2.828c0.781,0.781,0.781,2.047,0,2.828C37.907,45.469,36.641,45.469,35.86,44.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M34.002,56c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.999-0.896-1.999-1.999s0.896-2,1.999-2h4C33.107,54,34.002,54.896,34.002,56z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="50.001"
cy="56"
r="11.999"
/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="50.001"
cy="56"
r="7.999"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-arrow">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_arrow climacon_component-stroke_arrow-down"
d="M50,49.107c0.552,0,1,0.448,1,1.002v3.83l2.535-2.535c0.391-0.391,1.022-0.391,1.414,0c0.391,0.391,0.391,1.023,0,1.414l-4.242,4.242c-0.392,0.391-1.022,0.391-1.414,0l-4.242-4.242c-0.391-0.391-0.391-1.023,0-1.414c0.392-0.391,1.023-0.391,1.414,0L49,53.939v-3.83C49,49.555,49.447,49.107,50,49.107z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-horizonLine">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_horizonLine"
d="M59.999,63.999H40.001c-1.104,0-1.999,0.896-1.999,2s0.896,1.999,1.999,1.999h19.998c1.104,0,2-0.895,2-1.999S61.104,63.999,59.999,63.999z"
/>
</g>
</g>
</g>
</svg><!-- sunsetFill-->
<svg
version="1.1"
id="sunriseAlt"
class="climacon climacon_sunriseAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="sunriseClip">
<rect
x="15"
y="15"
width="70"
height="45"
/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-sunriseAlt">
<g clip-path="url(#sunriseClip)">
<g class="climacon_componentWrap climacon_componentWrap-sunriseAlt">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M71.997,74.002h-3.999c-1.104,0-2-0.896-2-2c0-1.105,0.896-2,2-2h3.999c1.104,0,2,0.895,2,2C73.997,73.105,73.104,74.002,71.997,74.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M64.141,60.689c-0.781,0.78-2.048,0.78-2.828,0c-0.779-0.781-0.779-2.047,0-2.828l2.828-2.828c0.78-0.78,2.047-0.78,2.828,0c0.78,0.781,0.78,2.047,0,2.828L64.141,60.689z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M50,56.003c-1.104,0-1.999-0.896-1.999-2v-3.999c0-1.104,0.896-2,1.999-2s2,0.896,2,2v3.999C52,55.107,51.104,56.003,50,56.003z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M35.86,60.689l-2.828-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.78,2.047-0.78,2.828,0l2.828,2.828c0.78,0.781,0.78,2.047,0,2.828C37.907,61.47,36.641,61.47,35.86,60.689z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M34.002,72.002c0,1.104-0.896,2-1.999,2h-4c-1.104,0-2-0.896-2-2c0-1.105,0.896-2,2-2h4C33.106,70.002,34.002,70.896,34.002,72.002z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.302,76h-4.381c0.683-1.176,1.078-2.539,1.078-3.998c0-4.418-3.581-8-7.999-8c-4.417,0-7.999,3.582-7.999,8c0,1.459,0.396,2.822,1.079,3.998h-4.381c-0.444-1.252-0.698-2.594-0.698-3.998c0-6.627,5.373-11.999,11.999-11.999c6.627,0,11.999,5.371,11.999,11.999C61.999,73.406,61.745,74.748,61.302,76z"
/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-horizonLine">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_horizonLine"
d="M40.001,63.998h19.998c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H40.001c-1.104,0-2-0.895-2-2C38.001,64.895,38.897,63.998,40.001,63.998z"
/>
</g>
</g>
</svg><!-- sunriseAlt -->
<svg
version="1.1"
id="sunriseAltFill"
class="climacon climacon_sunriseAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="sunriseFillClip">
<rect x="15" y="15" width="70" height="48.999"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-sunriseAltFill">
<g clip-path="url(#sunriseFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sunriseAlt">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M72.31,77.999h-3.998c-1.104,0-2-0.896-2-1.999s0.896-2,2-2h3.998c1.104,0,2,0.896,2,2S73.416,77.999,72.31,77.999z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M64.455,64.688c-0.781,0.781-2.05,0.781-2.828,0c-0.781-0.78-0.781-2.047,0-2.828l2.828-2.827c0.778-0.781,2.047-0.781,2.828,0c0.778,0.78,0.778,2.047,0,2.827L64.455,64.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M50.313,60.002c-1.104,0-2-0.896-2-2v-3.999c0-1.104,0.896-2,2-2s2,0.896,2,2v3.999C52.313,59.105,51.416,60.002,50.313,60.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M36.172,64.688l-2.828-2.828c-0.781-0.78-0.781-2.047,0-2.827c0.781-0.781,2.047-0.781,2.828,0L39,61.859c0.781,0.781,0.781,2.048,0,2.828C38.22,65.469,36.954,65.469,36.172,64.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M34.314,76c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.999-0.896-1.999-1.999s0.896-2,1.999-2h4C33.419,74,34.314,74.896,34.314,76z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="50.313"
cy="76"
r="11.999"
/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="50.001"
cy="76"
r="7.999"
/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-horizonLine">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_horizonLine"
d="M40.001,63.998h19.998c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H40.001c-1.104,0-2-0.895-2-2C38.001,64.895,38.897,63.998,40.001,63.998z"
/>
</g>
</g>
</svg><!-- sunriseAltFill -->
<svg
version="1.1"
id="sunsetAlt"
class="climacon climacon_sunsetAlt"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="sunriseClip">
<rect
x="15"
y="15"
width="70"
height="45"
/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-sunsetAlt">
<g clip-path="url(#sunriseClip)">
<g class="climacon_componentWrap climacon_componentWrap-sunsetAlt">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M71.997,74.002h-3.999c-1.104,0-2-0.896-2-2c0-1.105,0.896-2,2-2h3.999c1.104,0,2,0.895,2,2C73.997,73.105,73.104,74.002,71.997,74.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M64.141,60.689c-0.781,0.78-2.048,0.78-2.828,0c-0.779-0.781-0.779-2.047,0-2.828l2.828-2.828c0.78-0.78,2.047-0.78,2.828,0c0.78,0.781,0.78,2.047,0,2.828L64.141,60.689z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M50,56.003c-1.104,0-1.999-0.896-1.999-2v-3.999c0-1.104,0.896-2,1.999-2s2,0.896,2,2v3.999C52,55.107,51.104,56.003,50,56.003z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M35.86,60.689l-2.828-2.828c-0.781-0.781-0.781-2.047,0-2.828c0.78-0.78,2.047-0.78,2.828,0l2.828,2.828c0.78,0.781,0.78,2.047,0,2.828C37.907,61.47,36.641,61.47,35.86,60.689z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M34.002,72.002c0,1.104-0.896,2-1.999,2h-4c-1.104,0-2-0.896-2-2c0-1.105,0.896-2,2-2h4C33.106,70.002,34.002,70.896,34.002,72.002z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
d="M61.302,76h-4.381c0.683-1.176,1.078-2.539,1.078-3.998c0-4.418-3.581-8-7.999-8c-4.417,0-7.999,3.582-7.999,8c0,1.459,0.396,2.822,1.079,3.998h-4.381c-0.444-1.252-0.698-2.594-0.698-3.998c0-6.627,5.373-11.999,11.999-11.999c6.627,0,11.999,5.371,11.999,11.999C61.999,73.406,61.745,74.748,61.302,76z"
/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-horizonLine">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_horizonLine"
d="M40.001,63.998h19.998c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H40.001c-1.104,0-2-0.895-2-2C38.001,64.895,38.897,63.998,40.001,63.998z"
/>
</g>
</g>
</svg><!-- sunsetAlt -->
<svg
version="1.1"
id="sunsetAltFill"
class="climacon climacon_sunsetAltFill"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="15 15 70 70"
enable-background="new 15 15 70 70"
xml:space="preserve">
<clipPath id="sunriseFillClip">
<rect x="15" y="15" width="70" height="48.999"/>
</clipPath>
<g class="climacon_iconWrap climacon_iconWrap-sunsetAltFill">
<g clip-path="url(#sunriseFillClip)">
<g class="climacon_componentWrap climacon_componentWrap-sunset climacon_componentWrap-sunsetAlt">
<g class="climacon_componentWrap climacon_componentWrap-sunSpoke">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-east"
d="M72.31,77.999h-3.998c-1.104,0-2-0.896-2-1.999s0.896-2,2-2h3.998c1.104,0,2,0.896,2,2S73.416,77.999,72.31,77.999z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northEast"
d="M64.455,64.688c-0.781,0.781-2.05,0.781-2.828,0c-0.781-0.78-0.781-2.047,0-2.828l2.828-2.827c0.778-0.781,2.047-0.781,2.828,0c0.778,0.78,0.778,2.047,0,2.827L64.455,64.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-north"
d="M50.313,60.002c-1.104,0-2-0.896-2-2v-3.999c0-1.104,0.896-2,2-2s2,0.896,2,2v3.999C52.313,59.105,51.416,60.002,50.313,60.002z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-northWest"
d="M36.172,64.688l-2.828-2.828c-0.781-0.78-0.781-2.047,0-2.827c0.781-0.781,2.047-0.781,2.828,0L39,61.859c0.781,0.781,0.781,2.048,0,2.828C38.22,65.469,36.954,65.469,36.172,64.688z"
/>
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_sunSpoke climacon_component-stroke_sunSpoke-west"
d="M34.314,76c0,1.104-0.896,1.999-2,1.999h-4c-1.104,0-1.999-0.896-1.999-1.999s0.896-2,1.999-2h4C33.419,74,34.314,74.896,34.314,76z"
/>
</g>
<g class="climacon_componentWrap climacon_componentWrap-sunBody">
<circle
class="climacon_component climacon_component-stroke climacon_component-stroke_sunBody"
cx="50.313"
cy="76"
r="11.999"
/>
<circle
class="climacon_component climacon_component-fill climacon_component-fill_sunBody"
fill="#FFFFFF"
cx="50.001"
cy="76"
r="7.999"
/>
</g>
</g>
</g>
<g class="climacon_componentWrap climacon_componentWrap-horizonLine">
<path
class="climacon_component climacon_component-stroke climacon_component-stroke_horizonLine"
d="M40.001,63.998h19.998c1.104,0,2,0.896,2,2c0,1.105-0.896,2-2,2H40.001c-1.104,0-2-0.895-2-2C38.001,64.895,38.897,63.998,40.001,63.998z"
/>
</g>
</g>
</svg><!-- sunsetAltFill-->
</div>
</body>
</html>CSS代码(screen.css):
/* VARIABLES */
svg{float:left;shape-rendering:geometric-precision;}
@media only screen and (min-width:480px){svg{width:50%;}
}
@media only screen and (min-width:600px){svg{width:50%;}
}
@media only screen and (min-width:768px){svg{width:33.333%;}
}
@media only screen and (min-width:992px){svg{width:25%;}
}
@media only screen and (max-height:319px){svg{height:29%;}
}
@media only screen and (min-height:320px){svg{height:22%;}
}
@media only screen and (min-height:768px){svg{height:30%;}
}
@media only screen and (min-height:1000px){svg{height:30%;}
}
@media only screen and (min-height:1400px){svg{height:22%;}
}
.climacon_component-stroke{fill:white;stroke-width:0px;stroke:white;}
.climacon_component-fill{fill:#aedef4;stroke-width:0px;stroke:white;}
/* GLOBAL */
*,*:after,*:before{box-sizing:border-box;}
html,body{width:100%;height:100%;}
body{background:#6bc2ea;font-family:Lato,sans-serif;color:white;font-size:100%;line-height:1;}
.wrapper{width:60%;margin:0 auto;text-align:center;}
/* SVG GLOBAL */
svg{float:left;shape-rendering:geometricPrecision;}
g,path,circle,rect{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;-o-animation-timing-function:linear;-o-animation-direction:normal;animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-moz-animation-duration:12s;-webkit-animation-duration:12s;-o-animation-duration:12s;animation-duration:12s;}
/* SUN */
.climacon_componentWrap-sun{-webkit-animation-name:rotate;-moz-animation-name:rotate;-o-animation-name:rotate;animation-name:rotate;}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke,.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke{fill-opacity:1;-webkit-animation-name:scale;-moz-animation-name:scale;-o-animation-name:scale;animation-name:scale;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-o-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:3s;-moz-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}
.climacon_iconWrap .climacon_component-stroke_sunSpoke:nth-child(even){-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s;}
/* MOON */
.climacon_componentWrap-moon{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble;}
/* SNOWFLAKE */
.climacon_componentWrap-snowflake{-webkit-animation-name:rotate;-moz-animation-name:rotate;-o-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:36s;-moz-animation-duration:36s;-o-animation-duration:36s;animation-duration:36s;-webkit-animation-direction:normal;-moz-animation-direction:normal;-o-animation-direction:normal;animation-direction:normal;}
/* WIND */
.climacon_componentWrap-wind{-webkit-animation-name:translateWind;-moz-animation-name:translateWind;-o-animation-name:translateWind;animation-name:translateWind;-webkit-animation-duration:4s;-moz-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-o-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
/* CLOUD SUN */
.climacon_componentWrap-sun_cloud{-webkit-animation-name:behindCloudMove,rotate;-moz-animation-name:behindCloudMove,rotate;-o-animation-name:behindCloudMove,rotate;animation-name:behindCloudMove,rotate;-webkit-animation-iteration-count:1,infinite;-moz-animation-iteration-count:1,infinite;-o-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-timing-function:ease-out,linear;-moz-animation-timing-function:ease-out,linear;-o-animation-timing-function:ease-out,linear;animation-timing-function:ease-out,linear;-webkit-animation-delay:0,3s;-moz-animation-delay:0,3s;-o-animation-delay:0,3s;animation-delay:0,3s;-webkit-animation-duration:3s,12s;-moz-animation-duration:3s,12s;-o-animation-duration:3s,12s;animation-duration:3s,12s;}
.climacon_component-stroke_sunSpoke{fill-opacity:0;-webkit-animation-name:fillOpacity,scale;-moz-animation-name:fillOpacity,scale;-o-animation-name:fillOpacity,scale;animation-name:fillOpacity,scale;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-o-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1,infinite;-moz-animation-iteration-count:1,infinite;-o-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-delay:3s,0;-moz-animation-delay:3s,0;-o-animation-delay:3s,0;animation-delay:3s,0;-webkit-animation-duration:3s;-moz-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
.climacon_component-stroke_sunSpoke:nth-child(even){-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s;}
/* CLOUD MOON */
.climacon_componentWrap-moon_cloud{-webkit-animation-name:behindCloudMove,wobble;-moz-animation-name:behindCloudMove,wobble;-o-animation-name:behindCloudMove,wobble;animation-name:behindCloudMove,wobble;-webkit-animation-iteration-count:1,infinite;-moz-animation-iteration-count:1,infinite;-o-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-timing-function:ease-out,linear;-moz-animation-timing-function:ease-out,linear;-o-animation-timing-function:ease-out,linear;animation-timing-function:ease-out,linear;-webkit-animation-delay:0,3s;-moz-animation-delay:0,3s;-o-animation-delay:0,3s;animation-delay:0,3s;-webkit-animation-duration:3s,12s;-moz-animation-duration:3s,12s;-o-animation-duration:3s,12s;animation-duration:3s,12s;}
/* DRIZZLE */
.climacon_component-stroke_drizzle{fill-opacity:0;-webkit-animation-name:drizzleFall,fillOpacity2;-moz-animation-name:drizzleFall,fillOpacity2;-o-animation-name:drizzleFall,fillOpacity2;animation-name:drizzleFall,fillOpacity2;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
.climacon_component-stroke_drizzle:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}
.climacon_component-stroke_drizzle:nth-child(2){-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s;}
.climacon_component-stroke_drizzle:nth-child(3){-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s;}
/* RAIN */
.climacon_component-stroke_rain{fill-opacity:0;-webkit-animation-name:rainFall,fillOpacity2;-webkit-animation-timing-function:ease-in;-webkit-animation-duration:2s;-moz-animation-name:rainFall,fillOpacity2;-moz-animation-timing-function:ease-in;-moz-animation-duration:2s;-o-animation-name:rainFall,fillOpacity2;-o-animation-timing-function:ease-in;-o-animation-duration:2s;animation-name:rainFall,fillOpacity2;animation-timing-function:ease-in;animation-duration:2s;}
.climacon_component-stroke_rain:nth-child(n+4){-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}
.climacon_component-stroke_rain_alt:nth-child(2){-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}
/* HAIL */
/* HAIL ALT */
.climacon_component-stroke_hailAlt{fill-opacity:0;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:0.66667s;-moz-animation-duration:0.66667s;-o-animation-duration:0.66667s;animation-duration:0.66667s;}
.climacon_component-stroke_hailAlt-left{-webkit-animation-name:hailLeft,fillOpacity2;-moz-animation-name:hailLeft,fillOpacity2;-o-animation-name:hailLeft,fillOpacity2;animation-name:hailLeft,fillOpacity2;}
.climacon_component-stroke_hailAlt-middle{-webkit-animation-name:hailMiddle,fillOpacity2;-moz-animation-name:hailMiddle,fillOpacity2;-o-animation-name:hailMiddle,fillOpacity2;animation-name:hailMiddle,fillOpacity2;}
.climacon_component-stroke_hailAlt-middle:nth-child(2){-webkit-animation-name:hailMiddle2,fillOpacity2;-moz-animation-name:hailMiddle2,fillOpacity2;-o-animation-name:hailMiddle2,fillOpacity2;animation-name:hailMiddle2,fillOpacity2;}
.climacon_component-stroke_hailAlt-right{-webkit-animation-name:hailRight,fillOpacity2;-moz-animation-name:hailRight,fillOpacity2;-o-animation-name:hailRight,fillOpacity2;animation-name:hailRight,fillOpacity2;}
.climacon_component-stroke_hailAlt:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}
.climacon_component-stroke_hailAlt:nth-child(2){-webkit-animation-delay:0.11111s;-moz-animation-delay:0.11111s;-o-animation-delay:0.11111s;animation-delay:0.11111s;}
.climacon_component-stroke_hailAlt:nth-child(3){-webkit-animation-delay:0.22222s;-moz-animation-delay:0.22222s;-o-animation-delay:0.22222s;animation-delay:0.22222s;}
.climacon_component-stroke_hailAlt:nth-child(4){-webkit-animation-delay:0.33333s;-moz-animation-delay:0.33333s;-o-animation-delay:0.33333s;animation-delay:0.33333s;}
.climacon_component-stroke_hailAlt:nth-child(5){-webkit-animation-delay:0.44444s;-moz-animation-delay:0.44444s;-o-animation-delay:0.44444s;animation-delay:0.44444s;}
.climacon_component-stroke_hailAlt:nth-child(6){-webkit-animation-delay:0.55556s;-moz-animation-delay:0.55556s;-o-animation-delay:0.55556s;animation-delay:0.55556s;}
/* SNOW */
.climacon_component-stroke_snow{fill-opacity:0;-webkit-animation-name:snowFall,fillOpacity2;-moz-animation-name:snowFall,fillOpacity2;-o-animation-name:snowFall,fillOpacity2;animation-name:snowFall,fillOpacity2;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:6s;-moz-animation-duration:6s;-o-animation-duration:6s;animation-duration:6s;}
.climacon_component-stroke_snow:nth-child(3){-webkit-animation-name:snowFall2,fillOpacity2;-moz-animation-name:snowFall2,fillOpacity2;-o-animation-name:snowFall2,fillOpacity2;animation-name:snowFall2,fillOpacity2;}
.climacon_component-stroke_snow:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}
.climacon_component-stroke_snow:nth-child(2){-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;}
.climacon_component-stroke_snow:nth-child(3){-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s;}
/* SNOW ALT */
.climacon_component-snowAlt{fill-opacity:0;-webkit-animation-name:snowFall,fillOpacity2;-moz-animation-name:snowFall,fillOpacity2;-o-animation-name:snowFall,fillOpacity2;animation-name:snowFall,fillOpacity2;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:6s;-moz-animation-duration:6s;-o-animation-duration:6s;animation-duration:6s;}
/* FOG */
.climacon_component-stroke_fogLine{fill-opacity:0.5;-webkit-animation-name:translateFog,fillOpacityFog;-moz-animation-name:translateFog,fillOpacityFog;-o-animation-name:translateFog,fillOpacityFog;animation-name:translateFog,fillOpacityFog;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;-moz-animation-direction:normal;-o-animation-direction:normal;animation-direction:normal;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:12s;-moz-animation-duration:12s;-o-animation-duration:12s;animation-duration:12s;}
.climacon_component-stroke_fogLine:nth-child(even){-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;animation-delay:6s;}
/* LIGHTNING */
.climacon_component-stroke_lightning{fill-opacity:0;-webkit-animation-name:lightningFlash;-moz-animation-name:lightningFlash;-o-animation-name:lightningFlash;animation-name:lightningFlash;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;-moz-animation-direction:normal;-o-animation-direction:normal;animation-direction:normal;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:12s;-moz-animation-duration:12s;-o-animation-duration:12s;animation-duration:12s;}
/* TORNADO */
.climacon_component-stroke_tornadoLine{-webkit-animation-name:translateTornado1;-moz-animation-name:translateTornado1;-o-animation-name:translateTornado1;animation-name:translateTornado1;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-o-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:12s;-moz-animation-duration:12s;-o-animation-duration:12s;animation-duration:12s;}
.climacon_component-stroke_tornadoLine:nth-child(1){-webkit-animation-name:translateTornado1;-moz-animation-name:translateTornado1;-o-animation-name:translateTornado1;animation-name:translateTornado1;}
.climacon_component-stroke_tornadoLine:nth-child(2){-webkit-animation-name:translateTornado2;-moz-animation-name:translateTornado2;-o-animation-name:translateTornado2;animation-name:translateTornado2;}
.climacon_component-stroke_tornadoLine:nth-child(3){-webkit-animation-name:translateTornado3;-moz-animation-name:translateTornado3;-o-animation-name:translateTornado3;animation-name:translateTornado3;}
.climacon_component-stroke_tornadoLine:nth-child(4){-webkit-animation-name:translateTornado4;-moz-animation-name:translateTornado4;-o-animation-name:translateTornado4;animation-name:translateTornado4;}
.climacon_component-stroke_tornadoLine:nth-child(5){-webkit-animation-name:translateTornado5;-moz-animation-name:translateTornado5;-o-animation-name:translateTornado5;animation-name:translateTornado5;}
.climacon_component-stroke_tornadoLine:nth-child(6){-webkit-animation-name:translateTornado6;-moz-animation-name:translateTornado6;-o-animation-name:translateTornado6;animation-name:translateTornado6;}
.climacon_component-stroke_arrow-up{fill-opacity:0;-webkit-animation-name:fillOpacity2,translateArrowUp;-moz-animation-name:fillOpacity2,translateArrowUp;-o-animation-name:fillOpacity2,translateArrowUp;animation-name:fillOpacity2,translateArrowUp;-webkit-animation-duration:3s;-moz-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}
.climacon_component-stroke_arrow-down{fill-opacity:0;-webkit-animation-name:fillOpacity2,translateArrowDown;-moz-animation-name:fillOpacity2,translateArrowDown;-o-animation-name:fillOpacity2,translateArrowDown;animation-name:fillOpacity2,translateArrowDown;-webkit-animation-duration:3s;-moz-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}
.climacon_componentWrap-sunriseAlt{-webkit-animation-name:translateSunrise,fillOpacity;-moz-animation-name:translateSunrise,fillOpacity;-o-animation-name:translateSunrise,fillOpacity;animation-name:translateSunrise,fillOpacity;-webkit-animation-duration:12s,6s;-moz-animation-duration:12s,6s;-o-animation-duration:12s,6s;animation-duration:12s,6s;-webkit-animation-direction:normal;-moz-animation-direction:normal;-o-animation-direction:normal;animation-direction:normal;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.climacon_componentWrap-sunsetAlt{-webkit-animation-name:translateSunset;-moz-animation-name:translateSunset;-o-animation-name:translateSunset;animation-name:translateSunset;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-duration:12s;-moz-animation-duration:12s;-o-animation-duration:12s;animation-duration:12s;-webkit-animation-direction:normal;-moz-animation-direction:normal;-o-animation-direction:normal;animation-direction:normal;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;}
/* ANIMATIONS */
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);}
100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0);}
100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes rotate{0%{-o-transform:rotate(0);}
100%{-o-transform:rotate(360deg);}
}
@keyframes rotate{0%{transform:rotate(0);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes wobble{0%{-webkit-transform:rotate(0);}
25%{-webkit-transform:rotate(-15deg);}
50%{-webkit-transform:rotate(0);}
75%{-webkit-transform:rotate(15deg);}
100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes wobble{0%{-moz-transform:rotate(0);}
25%{-moz-transform:rotate(-15deg);}
50%{-moz-transform:rotate(0);}
75%{-moz-transform:rotate(15deg);}
100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes wobble{0%{-o-transform:rotate(0);}
25%{-o-transform:rotate(-15deg);}
50%{-o-transform:rotate(0);}
75%{-o-transform:rotate(15deg);}
100%{-o-transform:rotate(0deg);}
}
@keyframes wobble{0%{transform:rotate(0);}
25%{transform:rotate(-15deg);}
50%{transform:rotate(0);}
75%{transform:rotate(15deg);}
100%{transform:rotate(0deg);}
}
@-webkit-keyframes scale{0%{-webkit-transform:scale(1,1);}
100%{-webkit-transform:scale(.5,.5);}
}
@-moz-keyframes scale{0%{-moz-transform:scale(1,1);}
100%{-moz-transform:scale(.5,.5);}
}
@-o-keyframes scale{0%{-o-transform:scale(1,1);}
100%{-o-transform:scale(.5,.5);}
}
@keyframes scale{0%{transform:scale(1,1);}
100%{transform:scale(.5,.5);}
}
@-webkit-keyframes behindCloudMove{0%{-webkit-transform:translateX(-1.75px) translateY(1.75px);}
100%{-webkit-transform:translateX(0) translateY(0);}
}
@-moz-keyframes behindCloudMove{0%{-moz-transform:translateX(-1.75px) translateY(1.75px);}
100%{-moz-transform:translateX(0) translateY(0);}
}
@-o-keyframes behindCloudMove{0%{-o-transform:translateX(-1.75px) translateY(1.75px);}
100%{-o-transform:translateX(0) translateY(0);}
}
@keyframes behindCloudMove{0%{transform:translateX(-1.75px) translateY(1.75px);}
100%{transform:translateX(0) translateY(0);}
}
@-webkit-keyframes drizzleFall{0%{-webkit-transform:translateY(0);}
100%{-webkit-transform:translateY(21px);}
}
@-moz-keyframes drizzleFall{0%{-moz-transform:translateY(0);}
100%{-moz-transform:translateY(21px);}
}
@-o-keyframes drizzleFall{0%{-o-transform:translateY(0);}
100%{-o-transform:translateY(21px);}
}
@keyframes drizzleFall{0%{transform:translateY(0);}
100%{transform:translateY(21px);}
}
@-webkit-keyframes rainFall{0%{-webkit-transform:translateY(0);}
100%{-webkit-transform:translateY(14px);}
}
@-moz-keyframes rainFall{0%{-moz-transform:translateY(0);}
100%{-moz-transform:translateY(14px);}
}
@-o-keyframes rainFall{0%{-o-transform:translateY(0);}
100%{-o-transform:translateY(14px);}
}
@keyframes rainFall{0%{transform:translateY(0);}
100%{transform:translateY(14px);}
}
@-webkit-keyframes rainFall2{0%{-webkit-transform:translateY(0);}
50%{-webkit-transform:translateY(14px);}
100%{-webkit-transform:translateX(14px) translateY(14px);}
}
@-moz-keyframes rainFall2{0%{-moz-transform:translateY(0);}
50%{-moz-transform:translateY(14px);}
100%{-moz-transform:translateX(14px) translateY(14px);}
}
@-o-keyframes rainFall2{0%{-o-transform:translateY(0);}
50%{-o-transform:translateY(14px);}
100%{-o-transform:translateX(14px) translateY(14px);}
}
@keyframes rainFall2{0%{transform:translateY(0);}
50%{transform:translateY(14px);}
100%{transform:translateX(14px) translateY(14px);}
}
@-webkit-keyframes hailLeft{50%{-webkit-transform:translateY(17.5px);}
51%{-webkit-transform:translateY(17.5px) translateX(-0.3px);}
52%{-webkit-transform:translateY(16.95058px) translateX(-0.6px);}
53%{-webkit-transform:translateY(16.40333px) translateX(-0.9px);}
54%{-webkit-transform:translateY(15.86041px) translateX(-1.2px);}
55%{-webkit-transform:translateY(15.32396px) translateX(-1.5px);}
56%{-webkit-transform:translateY(14.7961px) translateX(-1.8px);}
57%{-webkit-transform:translateY(14.27891px) translateX(-2.1px);}
58%{-webkit-transform:translateY(13.77443px) translateX(-2.4px);}
59%{-webkit-transform:translateY(13.28466px) translateX(-2.7px);}
60%{-webkit-transform:translateY(12.81152px) translateX(-3px);}
61%{-webkit-transform:translateY(12.35688px) translateX(-3.3px);}
62%{-webkit-transform:translateY(11.92254px) translateX(-3.6px);}
63%{-webkit-transform:translateY(11.51021px) translateX(-3.9px);}
64%{-webkit-transform:translateY(11.12152px) translateX(-4.2px);}
65%{-webkit-transform:translateY(10.75801px) translateX(-4.5px);}
66%{-webkit-transform:translateY(10.4211px) translateX(-4.8px);}
67%{-webkit-transform:translateY(10.11213px) translateX(-5.1px);}
68%{-webkit-transform:translateY(9.83232px) translateX(-5.4px);}
69%{-webkit-transform:translateY(9.58276px) translateX(-5.7px);}
70%{-webkit-transform:translateY(9.36446px) translateX(-6px);}
71%{-webkit-transform:translateY(9.17826px) translateX(-6.3px);}
72%{-webkit-transform:translateY(9.0249px) translateX(-6.6px);}
73%{-webkit-transform:translateY(8.90499px) translateX(-6.9px);}
74%{-webkit-transform:translateY(8.819px) translateX(-7.2px);}
75%{-webkit-transform:translateY(8.76727px) translateX(-7.5px);}
76%{-webkit-transform:translateY(8.75px) translateX(-7.8px);}
77%{-webkit-transform:translateY(8.76727px) translateX(-8.1px);}
78%{-webkit-transform:translateY(8.819px) translateX(-8.4px);}
79%{-webkit-transform:translateY(8.90499px) translateX(-8.7px);}
80%{-webkit-transform:translateY(9.0249px) translateX(-9px);}
81%{-webkit-transform:translateY(9.17826px) translateX(-9.3px);}
82%{-webkit-transform:translateY(9.36446px) translateX(-9.6px);}
83%{-webkit-transform:translateY(9.58276px) translateX(-9.9px);}
84%{-webkit-transform:translateY(9.83232px) translateX(-10.2px);}
85%{-webkit-transform:translateY(10.11213px) translateX(-10.5px);}
86%{-webkit-transform:translateY(10.4211px) translateX(-10.8px);}
87%{-webkit-transform:translateY(10.75801px) translateX(-11.1px);}
88%{-webkit-transform:translateY(11.12152px) translateX(-11.4px);}
89%{-webkit-transform:translateY(11.51021px) translateX(-11.7px);}
90%{-webkit-transform:translateY(11.92254px) translateX(-12px);}
91%{-webkit-transform:translateY(12.35688px) translateX(-12.3px);}
92%{-webkit-transform:translateY(12.81152px) translateX(-12.6px);}
93%{-webkit-transform:translateY(13.28466px) translateX(-12.9px);}
94%{-webkit-transform:translateY(13.77443px) translateX(-13.2px);}
95%{-webkit-transform:translateY(14.27891px) translateX(-13.5px);}
96%{-webkit-transform:translateY(14.7961px) translateX(-13.8px);}
97%{-webkit-transform:translateY(15.32396px) translateX(-14.1px);}
98%{-webkit-transform:translateY(15.86041px) translateX(-14.4px);}
99%{-webkit-transform:translateY(16.40333px) translateX(-14.7px);}
100%{-webkit-transform:translateY(16.95058px) translateX(-15px);}
}
@-webkit-keyframes hailMiddle{50%{-webkit-transform:translateY(17.5px);}
51%{-webkit-transform:translateY(17.5px) translateX(-0.15px);}
52%{-webkit-transform:translateY(16.95058px) translateX(-0.3px);}
53%{-webkit-transform:translateY(16.40333px) translateX(-0.45px);}
54%{-webkit-transform:translateY(15.86041px) translateX(-0.6px);}
55%{-webkit-transform:translateY(15.32396px) translateX(-0.75px);}
56%{-webkit-transform:translateY(14.7961px) translateX(-0.9px);}
57%{-webkit-transform:translateY(14.27891px) translateX(-1.05px);}
58%{-webkit-transform:translateY(13.77443px) translateX(-1.2px);}
59%{-webkit-transform:translateY(13.28466px) translateX(-1.35px);}
60%{-webkit-transform:translateY(12.81152px) translateX(-1.5px);}
61%{-webkit-transform:translateY(12.35688px) translateX(-1.65px);}
62%{-webkit-transform:translateY(11.92254px) translateX(-1.8px);}
63%{-webkit-transform:translateY(11.51021px) translateX(-1.95px);}
64%{-webkit-transform:translateY(11.12152px) translateX(-2.1px);}
65%{-webkit-transform:translateY(10.75801px) translateX(-2.25px);}
66%{-webkit-transform:translateY(10.4211px) translateX(-2.4px);}
67%{-webkit-transform:translateY(10.11213px) translateX(-2.55px);}
68%{-webkit-transform:translateY(9.83232px) translateX(-2.7px);}
69%{-webkit-transform:translateY(9.58276px) translateX(-2.85px);}
70%{-webkit-transform:translateY(9.36446px) translateX(-3px);}
71%{-webkit-transform:translateY(9.17826px) translateX(-3.15px);}
72%{-webkit-transform:translateY(9.0249px) translateX(-3.3px);}
73%{-webkit-transform:translateY(8.90499px) translateX(-3.45px);}
74%{-webkit-transform:translateY(8.819px) translateX(-3.6px);}
75%{-webkit-transform:translateY(8.76727px) translateX(-3.75px);}
76%{-webkit-transform:translateY(8.75px) translateX(-3.9px);}
77%{-webkit-transform:translateY(8.76727px) translateX(-4.05px);}
78%{-webkit-transform:translateY(8.819px) translateX(-4.2px);}
79%{-webkit-transform:translateY(8.90499px) translateX(-4.35px);}
80%{-webkit-transform:translateY(9.0249px) translateX(-4.5px);}
81%{-webkit-transform:translateY(9.17826px) translateX(-4.65px);}
82%{-webkit-transform:translateY(9.36446px) translateX(-4.8px);}
83%{-webkit-transform:translateY(9.58276px) translateX(-4.95px);}
84%{-webkit-transform:translateY(9.83232px) translateX(-5.1px);}
85%{-webkit-transform:translateY(10.11213px) translateX(-5.25px);}
86%{-webkit-transform:translateY(10.4211px) translateX(-5.4px);}
87%{-webkit-transform:translateY(10.75801px) translateX(-5.55px);}
88%{-webkit-transform:translateY(11.12152px) translateX(-5.7px);}
89%{-webkit-transform:translateY(11.51021px) translateX(-5.85px);}
90%{-webkit-transform:translateY(11.92254px) translateX(-6px);}
91%{-webkit-transform:translateY(12.35688px) translateX(-6.15px);}
92%{-webkit-transform:translateY(12.81152px) translateX(-6.3px);}
93%{-webkit-transform:translateY(13.28466px) translateX(-6.45px);}
94%{-webkit-transform:translateY(13.77443px) translateX(-6.6px);}
95%{-webkit-transform:translateY(14.27891px) translateX(-6.75px);}
96%{-webkit-transform:translateY(14.7961px) translateX(-6.9px);}
97%{-webkit-transform:translateY(15.32396px) translateX(-7.05px);}
98%{-webkit-transform:translateY(15.86041px) translateX(-7.2px);}
99%{-webkit-transform:translateY(16.40333px) translateX(-7.35px);}
100%{-webkit-transform:translateY(16.95058px) translateX(-7.5px);}
}
@-webkit-keyframes hailMiddle2{50%{-webkit-transform:translateY(17.5px);}
51%{-webkit-transform:translateY(17.5px) translateX(0.15px);}
52%{-webkit-transform:translateY(16.95058px) translateX(0.3px);}
53%{-webkit-transform:translateY(16.40333px) translateX(0.45px);}
54%{-webkit-transform:translateY(15.86041px) translateX(0.6px);}
55%{-webkit-transform:translateY(15.32396px) translateX(0.75px);}
56%{-webkit-transform:translateY(14.7961px) translateX(0.9px);}
57%{-webkit-transform:translateY(14.27891px) translateX(1.05px);}
58%{-webkit-transform:translateY(13.77443px) translateX(1.2px);}
59%{-webkit-transform:translateY(13.28466px) translateX(1.35px);}
60%{-webkit-transform:translateY(12.81152px) translateX(1.5px);}
61%{-webkit-transform:translateY(12.35688px) translateX(1.65px);}
62%{-webkit-transform:translateY(11.92254px) translateX(1.8px);}
63%{-webkit-transform:translateY(11.51021px) translateX(1.95px);}
64%{-webkit-transform:translateY(11.12152px) translateX(2.1px);}
65%{-webkit-transform:translateY(10.75801px) translateX(2.25px);}
66%{-webkit-transform:translateY(10.4211px) translateX(2.4px);}
67%{-webkit-transform:translateY(10.11213px) translateX(2.55px);}
68%{-webkit-transform:translateY(9.83232px) translateX(2.7px);}
69%{-webkit-transform:translateY(9.58276px) translateX(2.85px);}
70%{-webkit-transform:translateY(9.36446px) translateX(3px);}
71%{-webkit-transform:translateY(9.17826px) translateX(3.15px);}
72%{-webkit-transform:translateY(9.0249px) translateX(3.3px);}
73%{-webkit-transform:translateY(8.90499px) translateX(3.45px);}
74%{-webkit-transform:translateY(8.819px) translateX(3.6px);}
75%{-webkit-transform:translateY(8.76727px) translateX(3.75px);}
76%{-webkit-transform:translateY(8.75px) translateX(3.9px);}
77%{-webkit-transform:translateY(8.76727px) translateX(4.05px);}
78%{-webkit-transform:translateY(8.819px) translateX(4.2px);}
79%{-webkit-transform:translateY(8.90499px) translateX(4.35px);}
80%{-webkit-transform:translateY(9.0249px) translateX(4.5px);}
81%{-webkit-transform:translateY(9.17826px) translateX(4.65px);}
82%{-webkit-transform:translateY(9.36446px) translateX(4.8px);}
83%{-webkit-transform:translateY(9.58276px) translateX(4.95px);}
84%{-webkit-transform:translateY(9.83232px) translateX(5.1px);}
85%{-webkit-transform:translateY(10.11213px) translateX(5.25px);}
86%{-webkit-transform:translateY(10.4211px) translateX(5.4px);}
87%{-webkit-transform:translateY(10.75801px) translateX(5.55px);}
88%{-webkit-transform:translateY(11.12152px) translateX(5.7px);}
89%{-webkit-transform:translateY(11.51021px) translateX(5.85px);}
90%{-webkit-transform:translateY(11.92254px) translateX(6px);}
91%{-webkit-transform:translateY(12.35688px) translateX(6.15px);}
92%{-webkit-transform:translateY(12.81152px) translateX(6.3px);}
93%{-webkit-transform:translateY(13.28466px) translateX(6.45px);}
94%{-webkit-transform:translateY(13.77443px) translateX(6.6px);}
95%{-webkit-transform:translateY(14.27891px) translateX(6.75px);}
96%{-webkit-transform:translateY(14.7961px) translateX(6.9px);}
97%{-webkit-transform:translateY(15.32396px) translateX(7.05px);}
98%{-webkit-transform:translateY(15.86041px) translateX(7.2px);}
99%{-webkit-transform:translateY(16.40333px) translateX(7.35px);}
100%{-webkit-transform:translateY(16.95058px) translateX(7.5px);}
}
@-webkit-keyframes hailRight{50%{-webkit-transform:translateY(17.5px);}
51%{-webkit-transform:translateY(17.5px) translateX(0.3px);}
52%{-webkit-transform:translateY(16.95058px) translateX(0.6px);}
53%{-webkit-transform:translateY(16.40333px) translateX(0.9px);}
54%{-webkit-transform:translateY(15.86041px) translateX(1.2px);}
55%{-webkit-transform:translateY(15.32396px) translateX(1.5px);}
56%{-webkit-transform:translateY(14.7961px) translateX(1.8px);}
57%{-webkit-transform:translateY(14.27891px) translateX(2.1px);}
58%{-webkit-transform:translateY(13.77443px) translateX(2.4px);}
59%{-webkit-transform:translateY(13.28466px) translateX(2.7px);}
60%{-webkit-transform:translateY(12.81152px) translateX(3px);}
61%{-webkit-transform:translateY(12.35688px) translateX(3.3px);}
62%{-webkit-transform:translateY(11.92254px) translateX(3.6px);}
63%{-webkit-transform:translateY(11.51021px) translateX(3.9px);}
64%{-webkit-transform:translateY(11.12152px) translateX(4.2px);}
65%{-webkit-transform:translateY(10.75801px) translateX(4.5px);}
66%{-webkit-transform:translateY(10.4211px) translateX(4.8px);}
67%{-webkit-transform:translateY(10.11213px) translateX(5.1px);}
68%{-webkit-transform:translateY(9.83232px) translateX(5.4px);}
69%{-webkit-transform:translateY(9.58276px) translateX(5.7px);}
70%{-webkit-transform:translateY(9.36446px) translateX(6px);}
71%{-webkit-transform:translateY(9.17826px) translateX(6.3px);}
72%{-webkit-transform:translateY(9.0249px) translateX(6.6px);}
73%{-webkit-transform:translateY(8.90499px) translateX(6.9px);}
74%{-webkit-transform:translateY(8.819px) translateX(7.2px);}
75%{-webkit-transform:translateY(8.76727px) translateX(7.5px);}
76%{-webkit-transform:translateY(8.75px) translateX(7.8px);}
77%{-webkit-transform:translateY(8.76727px) translateX(8.1px);}
78%{-webkit-transform:translateY(8.819px) translateX(8.4px);}
79%{-webkit-transform:translateY(8.90499px) translateX(8.7px);}
80%{-webkit-transform:translateY(9.0249px) translateX(9px);}
81%{-webkit-transform:translateY(9.17826px) translateX(9.3px);}
82%{-webkit-transform:translateY(9.36446px) translateX(9.6px);}
83%{-webkit-transform:translateY(9.58276px) translateX(9.9px);}
84%{-webkit-transform:translateY(9.83232px) translateX(10.2px);}
85%{-webkit-transform:translateY(10.11213px) translateX(10.5px);}
86%{-webkit-transform:translateY(10.4211px) translateX(10.8px);}
87%{-webkit-transform:translateY(10.75801px) translateX(11.1px);}
88%{-webkit-transform:translateY(11.12152px) translateX(11.4px);}
89%{-webkit-transform:translateY(11.51021px) translateX(11.7px);}
90%{-webkit-transform:translateY(11.92254px) translateX(12px);}
91%{-webkit-transform:translateY(12.35688px) translateX(12.3px);}
92%{-webkit-transform:translateY(12.81152px) translateX(12.6px);}
93%{-webkit-transform:translateY(13.28466px) translateX(12.9px);}
94%{-webkit-transform:translateY(13.77443px) translateX(13.2px);}
95%{-webkit-transform:translateY(14.27891px) translateX(13.5px);}
96%{-webkit-transform:translateY(14.7961px) translateX(13.8px);}
97%{-webkit-transform:translateY(15.32396px) translateX(14.1px);}
98%{-webkit-transform:translateY(15.86041px) translateX(14.4px);}
99%{-webkit-transform:translateY(16.40333px) translateX(14.7px);}
100%{-webkit-transform:translateY(16.95058px) translateX(15px);}
}
@-moz-keyframes hailLeft{50%{-moz-transform:translateY(17.5px);}
51%{-moz-transform:translateY(17.5px) translateX(-0.3px);}
52%{-moz-transform:translateY(16.95058px) translateX(-0.6px);}
53%{-moz-transform:translateY(16.40333px) translateX(-0.9px);}
54%{-moz-transform:translateY(15.86041px) translateX(-1.2px);}
55%{-moz-transform:translateY(15.32396px) translateX(-1.5px);}
56%{-moz-transform:translateY(14.7961px) translateX(-1.8px);}
57%{-moz-transform:translateY(14.27891px) translateX(-2.1px);}
58%{-moz-transform:translateY(13.77443px) translateX(-2.4px);}
59%{-moz-transform:translateY(13.28466px) translateX(-2.7px);}
60%{-moz-transform:translateY(12.81152px) translateX(-3px);}
61%{-moz-transform:translateY(12.35688px) translateX(-3.3px);}
62%{-moz-transform:translateY(11.92254px) translateX(-3.6px);}
63%{-moz-transform:translateY(11.51021px) translateX(-3.9px);}
64%{-moz-transform:translateY(11.12152px) translateX(-4.2px);}
65%{-moz-transform:translateY(10.75801px) translateX(-4.5px);}
66%{-moz-transform:translateY(10.4211px) translateX(-4.8px);}
67%{-moz-transform:translateY(10.11213px) translateX(-5.1px);}
68%{-moz-transform:translateY(9.83232px) translateX(-5.4px);}
69%{-moz-transform:translateY(9.58276px) translateX(-5.7px);}
70%{-moz-transform:translateY(9.36446px) translateX(-6px);}
71%{-moz-transform:translateY(9.17826px) translateX(-6.3px);}
72%{-moz-transform:translateY(9.0249px) translateX(-6.6px);}
73%{-moz-transform:translateY(8.90499px) translateX(-6.9px);}
74%{-moz-transform:translateY(8.819px) translateX(-7.2px);}
75%{-moz-transform:translateY(8.76727px) translateX(-7.5px);}
76%{-moz-transform:translateY(8.75px) translateX(-7.8px);}
77%{-moz-transform:translateY(8.76727px) translateX(-8.1px);}
78%{-moz-transform:translateY(8.819px) translateX(-8.4px);}
79%{-moz-transform:translateY(8.90499px) translateX(-8.7px);}
80%{-moz-transform:translateY(9.0249px) translateX(-9px);}
81%{-moz-transform:translateY(9.17826px) translateX(-9.3px);}
82%{-moz-transform:translateY(9.36446px) translateX(-9.6px);}
83%{-moz-transform:translateY(9.58276px) translateX(-9.9px);}
84%{-moz-transform:translateY(9.83232px) translateX(-10.2px);}
85%{-moz-transform:translateY(10.11213px) translateX(-10.5px);}
86%{-moz-transform:translateY(10.4211px) translateX(-10.8px);}
87%{-moz-transform:translateY(10.75801px) translateX(-11.1px);}
88%{-moz-transform:translateY(11.12152px) translateX(-11.4px);}
89%{-moz-transform:translateY(11.51021px) translateX(-11.7px);}
90%{-moz-transform:translateY(11.92254px) translateX(-12px);}
91%{-moz-transform:translateY(12.35688px) translateX(-12.3px);}
92%{-moz-transform:translateY(12.81152px) translateX(-12.6px);}
93%{-moz-transform:translateY(13.28466px) translateX(-12.9px);}
94%{-moz-transform:translateY(13.77443px) translateX(-13.2px);}
95%{-moz-transform:translateY(14.27891px) translateX(-13.5px);}
96%{-moz-transform:translateY(14.7961px) translateX(-13.8px);}
97%{-moz-transform:translateY(15.32396px) translateX(-14.1px);}
98%{-moz-transform:translateY(15.86041px) translateX(-14.4px);}
99%{-moz-transform:translateY(16.40333px) translateX(-14.7px);}
100%{-moz-transform:translateY(16.95058px) translateX(-15px);}
}
@-moz-keyframes hailMiddle{50%{-moz-transform:translateY(17.5px);}
51%{-moz-transform:translateY(17.5px) translateX(-0.15px);}
52%{-moz-transform:translateY(16.95058px) translateX(-0.3px);}
53%{-moz-transform:translateY(16.40333px) translateX(-0.45px);}
54%{-moz-transform:translateY(15.86041px) translateX(-0.6px);}
55%{-moz-transform:translateY(15.32396px) translateX(-0.75px);}
56%{-moz-transform:translateY(14.7961px) translateX(-0.9px);}
57%{-moz-transform:translateY(14.27891px) translateX(-1.05px);}
58%{-moz-transform:translateY(13.77443px) translateX(-1.2px);}
59%{-moz-transform:translateY(13.28466px) translateX(-1.35px);}
60%{-moz-transform:translateY(12.81152px) translateX(-1.5px);}
61%{-moz-transform:translateY(12.35688px) translateX(-1.65px);}
62%{-moz-transform:translateY(11.92254px) translateX(-1.8px);}
63%{-moz-transform:translateY(11.51021px) translateX(-1.95px);}
64%{-moz-transform:translateY(11.12152px) translateX(-2.1px);}
65%{-moz-transform:translateY(10.75801px) translateX(-2.25px);}
66%{-moz-transform:translateY(10.4211px) translateX(-2.4px);}
67%{-moz-transform:translateY(10.11213px) translateX(-2.55px);}
68%{-moz-transform:translateY(9.83232px) translateX(-2.7px);}
69%{-moz-transform:translateY(9.58276px) translateX(-2.85px);}
70%{-moz-transform:translateY(9.36446px) translateX(-3px);}
71%{-moz-transform:translateY(9.17826px) translateX(-3.15px);}
72%{-moz-transform:translateY(9.0249px) translateX(-3.3px);}
73%{-moz-transform:translateY(8.90499px) translateX(-3.45px);}
74%{-moz-transform:translateY(8.819px) translateX(-3.6px);}
75%{-moz-transform:translateY(8.76727px) translateX(-3.75px);}
76%{-moz-transform:translateY(8.75px) translateX(-3.9px);}
77%{-moz-transform:translateY(8.76727px) translateX(-4.05px);}
78%{-moz-transform:translateY(8.819px) translateX(-4.2px);}
79%{-moz-transform:translateY(8.90499px) translateX(-4.35px);}
80%{-moz-transform:translateY(9.0249px) translateX(-4.5px);}
81%{-moz-transform:translateY(9.17826px) translateX(-4.65px);}
82%{-moz-transform:translateY(9.36446px) translateX(-4.8px);}
83%{-moz-transform:translateY(9.58276px) translateX(-4.95px);}
84%{-moz-transform:translateY(9.83232px) translateX(-5.1px);}
85%{-moz-transform:translateY(10.11213px) translateX(-5.25px);}
86%{-moz-transform:translateY(10.4211px) translateX(-5.4px);}
87%{-moz-transform:translateY(10.75801px) translateX(-5.55px);}
88%{-moz-transform:translateY(11.12152px) translateX(-5.7px);}
89%{-moz-transform:translateY(11.51021px) translateX(-5.85px);}
90%{-moz-transform:translateY(11.92254px) translateX(-6px);}
91%{-moz-transform:translateY(12.35688px) translateX(-6.15px);}
92%{-moz-transform:translateY(12.81152px) translateX(-6.3px);}
93%{-moz-transform:translateY(13.28466px) translateX(-6.45px);}
94%{-moz-transform:translateY(13.77443px) translateX(-6.6px);}
95%{-moz-transform:translateY(14.27891px) translateX(-6.75px);}
96%{-moz-transform:translateY(14.7961px) translateX(-6.9px);}
97%{-moz-transform:translateY(15.32396px) translateX(-7.05px);}
98%{-moz-transform:translateY(15.86041px) translateX(-7.2px);}
99%{-moz-transform:translateY(16.40333px) translateX(-7.35px);}
100%{-moz-transform:translateY(16.95058px) translateX(-7.5px);}
}
@-moz-keyframes hailMiddle2{50%{-moz-transform:translateY(17.5px);}
51%{-moz-transform:translateY(17.5px) translateX(0.15px);}
52%{-moz-transform:translateY(16.95058px) translateX(0.3px);}
53%{-moz-transform:translateY(16.40333px) translateX(0.45px);}
54%{-moz-transform:translateY(15.86041px) translateX(0.6px);}
55%{-moz-transform:translateY(15.32396px) translateX(0.75px);}
56%{-moz-transform:translateY(14.7961px) translateX(0.9px);}
57%{-moz-transform:translateY(14.27891px) translateX(1.05px);}
58%{-moz-transform:translateY(13.77443px) translateX(1.2px);}
59%{-moz-transform:translateY(13.28466px) translateX(1.35px);}
60%{-moz-transform:translateY(12.81152px) translateX(1.5px);}
61%{-moz-transform:translateY(12.35688px) translateX(1.65px);}
62%{-moz-transform:translateY(11.92254px) translateX(1.8px);}
63%{-moz-transform:translateY(11.51021px) translateX(1.95px);}
64%{-moz-transform:translateY(11.12152px) translateX(2.1px);}
65%{-moz-transform:translateY(10.75801px) translateX(2.25px);}
66%{-moz-transform:translateY(10.4211px) translateX(2.4px);}
67%{-moz-transform:translateY(10.11213px) translateX(2.55px);}
68%{-moz-transform:translateY(9.83232px) translateX(2.7px);}
69%{-moz-transform:translateY(9.58276px) translateX(2.85px);}
70%{-moz-transform:translateY(9.36446px) translateX(3px);}
71%{-moz-transform:translateY(9.17826px) translateX(3.15px);}
72%{-moz-transform:translateY(9.0249px) translateX(3.3px);}
73%{-moz-transform:translateY(8.90499px) translateX(3.45px);}
74%{-moz-transform:translateY(8.819px) translateX(3.6px);}
75%{-moz-transform:translateY(8.76727px) translateX(3.75px);}
76%{-moz-transform:translateY(8.75px) translateX(3.9px);}
77%{-moz-transform:translateY(8.76727px) translateX(4.05px);}
78%{-moz-transform:translateY(8.819px) translateX(4.2px);}
79%{-moz-transform:translateY(8.90499px) translateX(4.35px);}
80%{-moz-transform:translateY(9.0249px) translateX(4.5px);}
81%{-moz-transform:translateY(9.17826px) translateX(4.65px);}
82%{-moz-transform:translateY(9.36446px) translateX(4.8px);}
83%{-moz-transform:translateY(9.58276px) translateX(4.95px);}
84%{-moz-transform:translateY(9.83232px) translateX(5.1px);}
85%{-moz-transform:translateY(10.11213px) translateX(5.25px);}
86%{-moz-transform:translateY(10.4211px) translateX(5.4px);}
87%{-moz-transform:translateY(10.75801px) translateX(5.55px);}
88%{-moz-transform:translateY(11.12152px) translateX(5.7px);}
89%{-moz-transform:translateY(11.51021px) translateX(5.85px);}
90%{-moz-transform:translateY(11.92254px) translateX(6px);}
91%{-moz-transform:translateY(12.35688px) translateX(6.15px);}
92%{-moz-transform:translateY(12.81152px) translateX(6.3px);}
93%{-moz-transform:translateY(13.28466px) translateX(6.45px);}
94%{-moz-transform:translateY(13.77443px) translateX(6.6px);}
95%{-moz-transform:translateY(14.27891px) translateX(6.75px);}
96%{-moz-transform:translateY(14.7961px) translateX(6.9px);}
97%{-moz-transform:translateY(15.32396px) translateX(7.05px);}
98%{-moz-transform:translateY(15.86041px) translateX(7.2px);}
99%{-moz-transform:translateY(16.40333px) translateX(7.35px);}
100%{-moz-transform:translateY(16.95058px) translateX(7.5px);}
}
@-moz-keyframes hailRight{50%{-moz-transform:translateY(17.5px);}
51%{-moz-transform:translateY(17.5px) translateX(0.3px);}
52%{-moz-transform:translateY(16.95058px) translateX(0.6px);}
53%{-moz-transform:translateY(16.40333px) translateX(0.9px);}
54%{-moz-transform:translateY(15.86041px) translateX(1.2px);}
55%{-moz-transform:translateY(15.32396px) translateX(1.5px);}
56%{-moz-transform:translateY(14.7961px) translateX(1.8px);}
57%{-moz-transform:translateY(14.27891px) translateX(2.1px);}
58%{-moz-transform:translateY(13.77443px) translateX(2.4px);}
59%{-moz-transform:translateY(13.28466px) translateX(2.7px);}
60%{-moz-transform:translateY(12.81152px) translateX(3px);}
61%{-moz-transform:translateY(12.35688px) translateX(3.3px);}
62%{-moz-transform:translateY(11.92254px) translateX(3.6px);}
63%{-moz-transform:translateY(11.51021px) translateX(3.9px);}
64%{-moz-transform:translateY(11.12152px) translateX(4.2px);}
65%{-moz-transform:translateY(10.75801px) translateX(4.5px);}
66%{-moz-transform:translateY(10.4211px) translateX(4.8px);}
67%{-moz-transform:translateY(10.11213px) translateX(5.1px);}
68%{-moz-transform:translateY(9.83232px) translateX(5.4px);}
69%{-moz-transform:translateY(9.58276px) translateX(5.7px);}
70%{-moz-transform:translateY(9.36446px) translateX(6px);}
71%{-moz-transform:translateY(9.17826px) translateX(6.3px);}
72%{-moz-transform:translateY(9.0249px) translateX(6.6px);}
73%{-moz-transform:translateY(8.90499px) translateX(6.9px);}
74%{-moz-transform:translateY(8.819px) translateX(7.2px);}
75%{-moz-transform:translateY(8.76727px) translateX(7.5px);}
76%{-moz-transform:translateY(8.75px) translateX(7.8px);}
77%{-moz-transform:translateY(8.76727px) translateX(8.1px);}
78%{-moz-transform:translateY(8.819px) translateX(8.4px);}
79%{-moz-transform:translateY(8.90499px) translateX(8.7px);}
80%{-moz-transform:translateY(9.0249px) translateX(9px);}
81%{-moz-transform:translateY(9.17826px) translateX(9.3px);}
82%{-moz-transform:translateY(9.36446px) translateX(9.6px);}
83%{-moz-transform:translateY(9.58276px) translateX(9.9px);}
84%{-moz-transform:translateY(9.83232px) translateX(10.2px);}
85%{-moz-transform:translateY(10.11213px) translateX(10.5px);}
86%{-moz-transform:translateY(10.4211px) translateX(10.8px);}
87%{-moz-transform:translateY(10.75801px) translateX(11.1px);}
88%{-moz-transform:translateY(11.12152px) translateX(11.4px);}
89%{-moz-transform:translateY(11.51021px) translateX(11.7px);}
90%{-moz-transform:translateY(11.92254px) translateX(12px);}
91%{-moz-transform:translateY(12.35688px) translateX(12.3px);}
92%{-moz-transform:translateY(12.81152px) translateX(12.6px);}
93%{-moz-transform:translateY(13.28466px) translateX(12.9px);}
94%{-moz-transform:translateY(13.77443px) translateX(13.2px);}
95%{-moz-transform:translateY(14.27891px) translateX(13.5px);}
96%{-moz-transform:translateY(14.7961px) translateX(13.8px);}
97%{-moz-transform:translateY(15.32396px) translateX(14.1px);}
98%{-moz-transform:translateY(15.86041px) translateX(14.4px);}
99%{-moz-transform:translateY(16.40333px) translateX(14.7px);}
100%{-moz-transform:translateY(16.95058px) translateX(15px);}
}
@-o-keyframes hailLeft{50%{-o-transform:translateY(17.5px);}
51%{-o-transform:translateY(17.5px) translateX(-0.3px);}
52%{-o-transform:translateY(16.95058px) translateX(-0.6px);}
53%{-o-transform:translateY(16.40333px) translateX(-0.9px);}
54%{-o-transform:translateY(15.86041px) translateX(-1.2px);}
55%{-o-transform:translateY(15.32396px) translateX(-1.5px);}
56%{-o-transform:translateY(14.7961px) translateX(-1.8px);}
57%{-o-transform:translateY(14.27891px) translateX(-2.1px);}
58%{-o-transform:translateY(13.77443px) translateX(-2.4px);}
59%{-o-transform:translateY(13.28466px) translateX(-2.7px);}
60%{-o-transform:translateY(12.81152px) translateX(-3px);}
61%{-o-transform:translateY(12.35688px) translateX(-3.3px);}
62%{-o-transform:translateY(11.92254px) translateX(-3.6px);}
63%{-o-transform:translateY(11.51021px) translateX(-3.9px);}
64%{-o-transform:translateY(11.12152px) translateX(-4.2px);}
65%{-o-transform:translateY(10.75801px) translateX(-4.5px);}
66%{-o-transform:translateY(10.4211px) translateX(-4.8px);}
67%{-o-transform:translateY(10.11213px) translateX(-5.1px);}
68%{-o-transform:translateY(9.83232px) translateX(-5.4px);}
69%{-o-transform:translateY(9.58276px) translateX(-5.7px);}
70%{-o-transform:translateY(9.36446px) translateX(-6px);}
71%{-o-transform:translateY(9.17826px) translateX(-6.3px);}
72%{-o-transform:translateY(9.0249px) translateX(-6.6px);}
73%{-o-transform:translateY(8.90499px) translateX(-6.9px);}
74%{-o-transform:translateY(8.819px) translateX(-7.2px);}
75%{-o-transform:translateY(8.76727px) translateX(-7.5px);}
76%{-o-transform:translateY(8.75px) translateX(-7.8px);}
77%{-o-transform:translateY(8.76727px) translateX(-8.1px);}
78%{-o-transform:translateY(8.819px) translateX(-8.4px);}
79%{-o-transform:translateY(8.90499px) translateX(-8.7px);}
80%{-o-transform:translateY(9.0249px) translateX(-9px);}
81%{-o-transform:translateY(9.17826px) translateX(-9.3px);}
82%{-o-transform:translateY(9.36446px) translateX(-9.6px);}
83%{-o-transform:translateY(9.58276px) translateX(-9.9px);}
84%{-o-transform:translateY(9.83232px) translateX(-10.2px);}
85%{-o-transform:translateY(10.11213px) translateX(-10.5px);}
86%{-o-transform:translateY(10.4211px) translateX(-10.8px);}
87%{-o-transform:translateY(10.75801px) translateX(-11.1px);}
88%{-o-transform:translateY(11.12152px) translateX(-11.4px);}
89%{-o-transform:translateY(11.51021px) translateX(-11.7px);}
90%{-o-transform:translateY(11.92254px) translateX(-12px);}
91%{-o-transform:translateY(12.35688px) translateX(-12.3px);}
92%{-o-transform:translateY(12.81152px) translateX(-12.6px);}
93%{-o-transform:translateY(13.28466px) translateX(-12.9px);}
94%{-o-transform:translateY(13.77443px) translateX(-13.2px);}
95%{-o-transform:translateY(14.27891px) translateX(-13.5px);}
96%{-o-transform:translateY(14.7961px) translateX(-13.8px);}
97%{-o-transform:translateY(15.32396px) translateX(-14.1px);}
98%{-o-transform:translateY(15.86041px) translateX(-14.4px);}
99%{-o-transform:translateY(16.40333px) translateX(-14.7px);}
100%{-o-transform:translateY(16.95058px) translateX(-15px);}
}
@-o-keyframes hailMiddle{50%{-o-transform:translateY(17.5px);}
51%{-o-transform:translateY(17.5px) translateX(-0.15px);}
52%{-o-transform:translateY(16.95058px) translateX(-0.3px);}
53%{-o-transform:translateY(16.40333px) translateX(-0.45px);}
54%{-o-transform:translateY(15.86041px) translateX(-0.6px);}
55%{-o-transform:translateY(15.32396px) translateX(-0.75px);}
56%{-o-transform:translateY(14.7961px) translateX(-0.9px);}
57%{-o-transform:translateY(14.27891px) translateX(-1.05px);}
58%{-o-transform:translateY(13.77443px) translateX(-1.2px);}
59%{-o-transform:translateY(13.28466px) translateX(-1.35px);}
60%{-o-transform:translateY(12.81152px) translateX(-1.5px);}
61%{-o-transform:translateY(12.35688px) translateX(-1.65px);}
62%{-o-transform:translateY(11.92254px) translateX(-1.8px);}
63%{-o-transform:translateY(11.51021px) translateX(-1.95px);}
64%{-o-transform:translateY(11.12152px) translateX(-2.1px);}
65%{-o-transform:translateY(10.75801px) translateX(-2.25px);}
66%{-o-transform:translateY(10.4211px) translateX(-2.4px);}
67%{-o-transform:translateY(10.11213px) translateX(-2.55px);}
68%{-o-transform:translateY(9.83232px) translateX(-2.7px);}
69%{-o-transform:translateY(9.58276px) translateX(-2.85px);}
70%{-o-transform:translateY(9.36446px) translateX(-3px);}
71%{-o-transform:translateY(9.17826px) translateX(-3.15px);}
72%{-o-transform:translateY(9.0249px) translateX(-3.3px);}
73%{-o-transform:translateY(8.90499px) translateX(-3.45px);}
74%{-o-transform:translateY(8.819px) translateX(-3.6px);}
75%{-o-transform:translateY(8.76727px) translateX(-3.75px);}
76%{-o-transform:translateY(8.75px) translateX(-3.9px);}
77%{-o-transform:translateY(8.76727px) translateX(-4.05px);}
78%{-o-transform:translateY(8.819px) translateX(-4.2px);}
79%{-o-transform:translateY(8.90499px) translateX(-4.35px);}
80%{-o-transform:translateY(9.0249px) translateX(-4.5px);}
81%{-o-transform:translateY(9.17826px) translateX(-4.65px);}
82%{-o-transform:translateY(9.36446px) translateX(-4.8px);}
83%{-o-transform:translateY(9.58276px) translateX(-4.95px);}
84%{-o-transform:translateY(9.83232px) translateX(-5.1px);}
85%{-o-transform:translateY(10.11213px) translateX(-5.25px);}
86%{-o-transform:translateY(10.4211px) translateX(-5.4px);}
87%{-o-transform:translateY(10.75801px) translateX(-5.55px);}
88%{-o-transform:translateY(11.12152px) translateX(-5.7px);}
89%{-o-transform:translateY(11.51021px) translateX(-5.85px);}
90%{-o-transform:translateY(11.92254px) translateX(-6px);}
91%{-o-transform:translateY(12.35688px) translateX(-6.15px);}
92%{-o-transform:translateY(12.81152px) translateX(-6.3px);}
93%{-o-transform:translateY(13.28466px) translateX(-6.45px);}
94%{-o-transform:translateY(13.77443px) translateX(-6.6px);}
95%{-o-transform:translateY(14.27891px) translateX(-6.75px);}
96%{-o-transform:translateY(14.7961px) translateX(-6.9px);}
97%{-o-transform:translateY(15.32396px) translateX(-7.05px);}
98%{-o-transform:translateY(15.86041px) translateX(-7.2px);}
99%{-o-transform:translateY(16.40333px) translateX(-7.35px);}
100%{-o-transform:translateY(16.95058px) translateX(-7.5px);}
}
@-o-keyframes hailMiddle2{50%{-o-transform:translateY(17.5px);}
51%{-o-transform:translateY(17.5px) translateX(0.15px);}
52%{-o-transform:translateY(16.95058px) translateX(0.3px);}
53%{-o-transform:translateY(16.40333px) translateX(0.45px);}
54%{-o-transform:translateY(15.86041px) translateX(0.6px);}
55%{-o-transform:translateY(15.32396px) translateX(0.75px);}
56%{-o-transform:translateY(14.7961px) translateX(0.9px);}
57%{-o-transform:translateY(14.27891px) translateX(1.05px);}
58%{-o-transform:translateY(13.77443px) translateX(1.2px);}
59%{-o-transform:translateY(13.28466px) translateX(1.35px);}
60%{-o-transform:translateY(12.81152px) translateX(1.5px);}
61%{-o-transform:translateY(12.35688px) translateX(1.65px);}
62%{-o-transform:translateY(11.92254px) translateX(1.8px);}
63%{-o-transform:translateY(11.51021px) translateX(1.95px);}
64%{-o-transform:translateY(11.12152px) translateX(2.1px);}
65%{-o-transform:translateY(10.75801px) translateX(2.25px);}
66%{-o-transform:translateY(10.4211px) translateX(2.4px);}
67%{-o-transform:translateY(10.11213px) translateX(2.55px);}
68%{-o-transform:translateY(9.83232px) translateX(2.7px);}
69%{-o-transform:translateY(9.58276px) translateX(2.85px);}
70%{-o-transform:translateY(9.36446px) translateX(3px);}
71%{-o-transform:translateY(9.17826px) translateX(3.15px);}
72%{-o-transform:translateY(9.0249px) translateX(3.3px);}
73%{-o-transform:translateY(8.90499px) translateX(3.45px);}
74%{-o-transform:translateY(8.819px) translateX(3.6px);}
75%{-o-transform:translateY(8.76727px) translateX(3.75px);}
76%{-o-transform:translateY(8.75px) translateX(3.9px);}
77%{-o-transform:translateY(8.76727px) translateX(4.05px);}
78%{-o-transform:translateY(8.819px) translateX(4.2px);}
79%{-o-transform:translateY(8.90499px) translateX(4.35px);}
80%{-o-transform:translateY(9.0249px) translateX(4.5px);}
81%{-o-transform:translateY(9.17826px) translateX(4.65px);}
82%{-o-transform:translateY(9.36446px) translateX(4.8px);}
83%{-o-transform:translateY(9.58276px) translateX(4.95px);}
84%{-o-transform:translateY(9.83232px) translateX(5.1px);}
85%{-o-transform:translateY(10.11213px) translateX(5.25px);}
86%{-o-transform:translateY(10.4211px) translateX(5.4px);}
87%{-o-transform:translateY(10.75801px) translateX(5.55px);}
88%{-o-transform:translateY(11.12152px) translateX(5.7px);}
89%{-o-transform:translateY(11.51021px) translateX(5.85px);}
90%{-o-transform:translateY(11.92254px) translateX(6px);}
91%{-o-transform:translateY(12.35688px) translateX(6.15px);}
92%{-o-transform:translateY(12.81152px) translateX(6.3px);}
93%{-o-transform:translateY(13.28466px) translateX(6.45px);}
94%{-o-transform:translateY(13.77443px) translateX(6.6px);}
95%{-o-transform:translateY(14.27891px) translateX(6.75px);}
96%{-o-transform:translateY(14.7961px) translateX(6.9px);}
97%{-o-transform:translateY(15.32396px) translateX(7.05px);}
98%{-o-transform:translateY(15.86041px) translateX(7.2px);}
99%{-o-transform:translateY(16.40333px) translateX(7.35px);}
100%{-o-transform:translateY(16.95058px) translateX(7.5px);}
}
@-o-keyframes hailRight{50%{-o-transform:translateY(17.5px);}
51%{-o-transform:translateY(17.5px) translateX(0.3px);}
52%{-o-transform:translateY(16.95058px) translateX(0.6px);}
53%{-o-transform:translateY(16.40333px) translateX(0.9px);}
54%{-o-transform:translateY(15.86041px) translateX(1.2px);}
55%{-o-transform:translateY(15.32396px) translateX(1.5px);}
56%{-o-transform:translateY(14.7961px) translateX(1.8px);}
57%{-o-transform:translateY(14.27891px) translateX(2.1px);}
58%{-o-transform:translateY(13.77443px) translateX(2.4px);}
59%{-o-transform:translateY(13.28466px) translateX(2.7px);}
60%{-o-transform:translateY(12.81152px) translateX(3px);}
61%{-o-transform:translateY(12.35688px) translateX(3.3px);}
62%{-o-transform:translateY(11.92254px) translateX(3.6px);}
63%{-o-transform:translateY(11.51021px) translateX(3.9px);}
64%{-o-transform:translateY(11.12152px) translateX(4.2px);}
65%{-o-transform:translateY(10.75801px) translateX(4.5px);}
66%{-o-transform:translateY(10.4211px) translateX(4.8px);}
67%{-o-transform:translateY(10.11213px) translateX(5.1px);}
68%{-o-transform:translateY(9.83232px) translateX(5.4px);}
69%{-o-transform:translateY(9.58276px) translateX(5.7px);}
70%{-o-transform:translateY(9.36446px) translateX(6px);}
71%{-o-transform:translateY(9.17826px) translateX(6.3px);}
72%{-o-transform:translateY(9.0249px) translateX(6.6px);}
73%{-o-transform:translateY(8.90499px) translateX(6.9px);}
74%{-o-transform:translateY(8.819px) translateX(7.2px);}
75%{-o-transform:translateY(8.76727px) translateX(7.5px);}
76%{-o-transform:translateY(8.75px) translateX(7.8px);}
77%{-o-transform:translateY(8.76727px) translateX(8.1px);}
78%{-o-transform:translateY(8.819px) translateX(8.4px);}
79%{-o-transform:translateY(8.90499px) translateX(8.7px);}
80%{-o-transform:translateY(9.0249px) translateX(9px);}
81%{-o-transform:translateY(9.17826px) translateX(9.3px);}
82%{-o-transform:translateY(9.36446px) translateX(9.6px);}
83%{-o-transform:translateY(9.58276px) translateX(9.9px);}
84%{-o-transform:translateY(9.83232px) translateX(10.2px);}
85%{-o-transform:translateY(10.11213px) translateX(10.5px);}
86%{-o-transform:translateY(10.4211px) translateX(10.8px);}
87%{-o-transform:translateY(10.75801px) translateX(11.1px);}
88%{-o-transform:translateY(11.12152px) translateX(11.4px);}
89%{-o-transform:translateY(11.51021px) translateX(11.7px);}
90%{-o-transform:translateY(11.92254px) translateX(12px);}
91%{-o-transform:translateY(12.35688px) translateX(12.3px);}
92%{-o-transform:translateY(12.81152px) translateX(12.6px);}
93%{-o-transform:translateY(13.28466px) translateX(12.9px);}
94%{-o-transform:translateY(13.77443px) translateX(13.2px);}
95%{-o-transform:translateY(14.27891px) translateX(13.5px);}
96%{-o-transform:translateY(14.7961px) translateX(13.8px);}
97%{-o-transform:translateY(15.32396px) translateX(14.1px);}
98%{-o-transform:translateY(15.86041px) translateX(14.4px);}
99%{-o-transform:translateY(16.40333px) translateX(14.7px);}
100%{-o-transform:translateY(16.95058px) translateX(15px);}
}
@keyframes hailLeft{50%{transform:translateY(17.5px);}
51%{transform:translateY(17.5px) translateX(-0.3px);}
52%{transform:translateY(16.95058px) translateX(-0.6px);}
53%{transform:translateY(16.40333px) translateX(-0.9px);}
54%{transform:translateY(15.86041px) translateX(-1.2px);}
55%{transform:translateY(15.32396px) translateX(-1.5px);}
56%{transform:translateY(14.7961px) translateX(-1.8px);}
57%{transform:translateY(14.27891px) translateX(-2.1px);}
58%{transform:translateY(13.77443px) translateX(-2.4px);}
59%{transform:translateY(13.28466px) translateX(-2.7px);}
60%{transform:translateY(12.81152px) translateX(-3px);}
61%{transform:translateY(12.35688px) translateX(-3.3px);}
62%{transform:translateY(11.92254px) translateX(-3.6px);}
63%{transform:translateY(11.51021px) translateX(-3.9px);}
64%{transform:translateY(11.12152px) translateX(-4.2px);}
65%{transform:translateY(10.75801px) translateX(-4.5px);}
66%{transform:translateY(10.4211px) translateX(-4.8px);}
67%{transform:translateY(10.11213px) translateX(-5.1px);}
68%{transform:translateY(9.83232px) translateX(-5.4px);}
69%{transform:translateY(9.58276px) translateX(-5.7px);}
70%{transform:translateY(9.36446px) translateX(-6px);}
71%{transform:translateY(9.17826px) translateX(-6.3px);}
72%{transform:translateY(9.0249px) translateX(-6.6px);}
73%{transform:translateY(8.90499px) translateX(-6.9px);}
74%{transform:translateY(8.819px) translateX(-7.2px);}
75%{transform:translateY(8.76727px) translateX(-7.5px);}
76%{transform:translateY(8.75px) translateX(-7.8px);}
77%{transform:translateY(8.76727px) translateX(-8.1px);}
78%{transform:translateY(8.819px) translateX(-8.4px);}
79%{transform:translateY(8.90499px) translateX(-8.7px);}
80%{transform:translateY(9.0249px) translateX(-9px);}
81%{transform:translateY(9.17826px) translateX(-9.3px);}
82%{transform:translateY(9.36446px) translateX(-9.6px);}
83%{transform:translateY(9.58276px) translateX(-9.9px);}
84%{transform:translateY(9.83232px) translateX(-10.2px);}
85%{transform:translateY(10.11213px) translateX(-10.5px);}
86%{transform:translateY(10.4211px) translateX(-10.8px);}
87%{transform:translateY(10.75801px) translateX(-11.1px);}
88%{transform:translateY(11.12152px) translateX(-11.4px);}
89%{transform:translateY(11.51021px) translateX(-11.7px);}
90%{transform:translateY(11.92254px) translateX(-12px);}
91%{transform:translateY(12.35688px) translateX(-12.3px);}
92%{transform:translateY(12.81152px) translateX(-12.6px);}
93%{transform:translateY(13.28466px) translateX(-12.9px);}
94%{transform:translateY(13.77443px) translateX(-13.2px);}
95%{transform:translateY(14.27891px) translateX(-13.5px);}
96%{transform:translateY(14.7961px) translateX(-13.8px);}
97%{transform:translateY(15.32396px) translateX(-14.1px);}
98%{transform:translateY(15.86041px) translateX(-14.4px);}
99%{transform:translateY(16.40333px) translateX(-14.7px);}
100%{transform:translateY(16.95058px) translateX(-15px);}
}
@keyframes hailMiddle{50%{transform:translateY(17.5px);}
51%{transform:translateY(17.5px) translateX(-0.15px);}
52%{transform:translateY(16.95058px) translateX(-0.3px);}
53%{transform:translateY(16.40333px) translateX(-0.45px);}
54%{transform:translateY(15.86041px) translateX(-0.6px);}
55%{transform:translateY(15.32396px) translateX(-0.75px);}
56%{transform:translateY(14.7961px) translateX(-0.9px);}
57%{transform:translateY(14.27891px) translateX(-1.05px);}
58%{transform:translateY(13.77443px) translateX(-1.2px);}
59%{transform:translateY(13.28466px) translateX(-1.35px);}
60%{transform:translateY(12.81152px) translateX(-1.5px);}
61%{transform:translateY(12.35688px) translateX(-1.65px);}
62%{transform:translateY(11.92254px) translateX(-1.8px);}
63%{transform:translateY(11.51021px) translateX(-1.95px);}
64%{transform:translateY(11.12152px) translateX(-2.1px);}
65%{transform:translateY(10.75801px) translateX(-2.25px);}
66%{transform:translateY(10.4211px) translateX(-2.4px);}
67%{transform:translateY(10.11213px) translateX(-2.55px);}
68%{transform:translateY(9.83232px) translateX(-2.7px);}
69%{transform:translateY(9.58276px) translateX(-2.85px);}
70%{transform:translateY(9.36446px) translateX(-3px);}
71%{transform:translateY(9.17826px) translateX(-3.15px);}
72%{transform:translateY(9.0249px) translateX(-3.3px);}
73%{transform:translateY(8.90499px) translateX(-3.45px);}
74%{transform:translateY(8.819px) translateX(-3.6px);}
75%{transform:translateY(8.76727px) translateX(-3.75px);}
76%{transform:translateY(8.75px) translateX(-3.9px);}
77%{transform:translateY(8.76727px) translateX(-4.05px);}
78%{transform:translateY(8.819px) translateX(-4.2px);}
79%{transform:translateY(8.90499px) translateX(-4.35px);}
80%{transform:translateY(9.0249px) translateX(-4.5px);}
81%{transform:translateY(9.17826px) translateX(-4.65px);}
82%{transform:translateY(9.36446px) translateX(-4.8px);}
83%{transform:translateY(9.58276px) translateX(-4.95px);}
84%{transform:translateY(9.83232px) translateX(-5.1px);}
85%{transform:translateY(10.11213px) translateX(-5.25px);}
86%{transform:translateY(10.4211px) translateX(-5.4px);}
87%{transform:translateY(10.75801px) translateX(-5.55px);}
88%{transform:translateY(11.12152px) translateX(-5.7px);}
89%{transform:translateY(11.51021px) translateX(-5.85px);}
90%{transform:translateY(11.92254px) translateX(-6px);}
91%{transform:translateY(12.35688px) translateX(-6.15px);}
92%{transform:translateY(12.81152px) translateX(-6.3px);}
93%{transform:translateY(13.28466px) translateX(-6.45px);}
94%{transform:translateY(13.77443px) translateX(-6.6px);}
95%{transform:translateY(14.27891px) translateX(-6.75px);}
96%{transform:translateY(14.7961px) translateX(-6.9px);}
97%{transform:translateY(15.32396px) translateX(-7.05px);}
98%{transform:translateY(15.86041px) translateX(-7.2px);}
99%{transform:translateY(16.40333px) translateX(-7.35px);}
100%{transform:translateY(16.95058px) translateX(-7.5px);}
}
@keyframes hailMiddle2{50%{transform:translateY(17.5px);}
51%{transform:translateY(17.5px) translateX(0.15px);}
52%{transform:translateY(16.95058px) translateX(0.3px);}
53%{transform:translateY(16.40333px) translateX(0.45px);}
54%{transform:translateY(15.86041px) translateX(0.6px);}
55%{transform:translateY(15.32396px) translateX(0.75px);}
56%{transform:translateY(14.7961px) translateX(0.9px);}
57%{transform:translateY(14.27891px) translateX(1.05px);}
58%{transform:translateY(13.77443px) translateX(1.2px);}
59%{transform:translateY(13.28466px) translateX(1.35px);}
60%{transform:translateY(12.81152px) translateX(1.5px);}
61%{transform:translateY(12.35688px) translateX(1.65px);}
62%{transform:translateY(11.92254px) translateX(1.8px);}
63%{transform:translateY(11.51021px) translateX(1.95px);}
64%{transform:translateY(11.12152px) translateX(2.1px);}
65%{transform:translateY(10.75801px) translateX(2.25px);}
66%{transform:translateY(10.4211px) translateX(2.4px);}
67%{transform:translateY(10.11213px) translateX(2.55px);}
68%{transform:translateY(9.83232px) translateX(2.7px);}
69%{transform:translateY(9.58276px) translateX(2.85px);}
70%{transform:translateY(9.36446px) translateX(3px);}
71%{transform:translateY(9.17826px) translateX(3.15px);}
72%{transform:translateY(9.0249px) translateX(3.3px);}
73%{transform:translateY(8.90499px) translateX(3.45px);}
74%{transform:translateY(8.819px) translateX(3.6px);}
75%{transform:translateY(8.76727px) translateX(3.75px);}
76%{transform:translateY(8.75px) translateX(3.9px);}
77%{transform:translateY(8.76727px) translateX(4.05px);}
78%{transform:translateY(8.819px) translateX(4.2px);}
79%{transform:translateY(8.90499px) translateX(4.35px);}
80%{transform:translateY(9.0249px) translateX(4.5px);}
81%{transform:translateY(9.17826px) translateX(4.65px);}
82%{transform:translateY(9.36446px) translateX(4.8px);}
83%{transform:translateY(9.58276px) translateX(4.95px);}
84%{transform:translateY(9.83232px) translateX(5.1px);}
85%{transform:translateY(10.11213px) translateX(5.25px);}
86%{transform:translateY(10.4211px) translateX(5.4px);}
87%{transform:translateY(10.75801px) translateX(5.55px);}
88%{transform:translateY(11.12152px) translateX(5.7px);}
89%{transform:translateY(11.51021px) translateX(5.85px);}
90%{transform:translateY(11.92254px) translateX(6px);}
91%{transform:translateY(12.35688px) translateX(6.15px);}
92%{transform:translateY(12.81152px) translateX(6.3px);}
93%{transform:translateY(13.28466px) translateX(6.45px);}
94%{transform:translateY(13.77443px) translateX(6.6px);}
95%{transform:translateY(14.27891px) translateX(6.75px);}
96%{transform:translateY(14.7961px) translateX(6.9px);}
97%{transform:translateY(15.32396px) translateX(7.05px);}
98%{transform:translateY(15.86041px) translateX(7.2px);}
99%{transform:translateY(16.40333px) translateX(7.35px);}
100%{transform:translateY(16.95058px) translateX(7.5px);}
}
@keyframes hailRight{50%{transform:translateY(17.5px);}
51%{transform:translateY(17.5px) translateX(0.3px);}
52%{transform:translateY(16.95058px) translateX(0.6px);}
53%{transform:translateY(16.40333px) translateX(0.9px);}
54%{transform:translateY(15.86041px) translateX(1.2px);}
55%{transform:translateY(15.32396px) translateX(1.5px);}
56%{transform:translateY(14.7961px) translateX(1.8px);}
57%{transform:translateY(14.27891px) translateX(2.1px);}
58%{transform:translateY(13.77443px) translateX(2.4px);}
59%{transform:translateY(13.28466px) translateX(2.7px);}
60%{transform:translateY(12.81152px) translateX(3px);}
61%{transform:translateY(12.35688px) translateX(3.3px);}
62%{transform:translateY(11.92254px) translateX(3.6px);}
63%{transform:translateY(11.51021px) translateX(3.9px);}
64%{transform:translateY(11.12152px) translateX(4.2px);}
65%{transform:translateY(10.75801px) translateX(4.5px);}
66%{transform:translateY(10.4211px) translateX(4.8px);}
67%{transform:translateY(10.11213px) translateX(5.1px);}
68%{transform:translateY(9.83232px) translateX(5.4px);}
69%{transform:translateY(9.58276px) translateX(5.7px);}
70%{transform:translateY(9.36446px) translateX(6px);}
71%{transform:translateY(9.17826px) translateX(6.3px);}
72%{transform:translateY(9.0249px) translateX(6.6px);}
73%{transform:translateY(8.90499px) translateX(6.9px);}
74%{transform:translateY(8.819px) translateX(7.2px);}
75%{transform:translateY(8.76727px) translateX(7.5px);}
76%{transform:translateY(8.75px) translateX(7.8px);}
77%{transform:translateY(8.76727px) translateX(8.1px);}
78%{transform:translateY(8.819px) translateX(8.4px);}
79%{transform:translateY(8.90499px) translateX(8.7px);}
80%{transform:translateY(9.0249px) translateX(9px);}
81%{transform:translateY(9.17826px) translateX(9.3px);}
82%{transform:translateY(9.36446px) translateX(9.6px);}
83%{transform:translateY(9.58276px) translateX(9.9px);}
84%{transform:translateY(9.83232px) translateX(10.2px);}
85%{transform:translateY(10.11213px) translateX(10.5px);}
86%{transform:translateY(10.4211px) translateX(10.8px);}
87%{transform:translateY(10.75801px) translateX(11.1px);}
88%{transform:translateY(11.12152px) translateX(11.4px);}
89%{transform:translateY(11.51021px) translateX(11.7px);}
90%{transform:translateY(11.92254px) translateX(12px);}
91%{transform:translateY(12.35688px) translateX(12.3px);}
92%{transform:translateY(12.81152px) translateX(12.6px);}
93%{transform:translateY(13.28466px) translateX(12.9px);}
94%{transform:translateY(13.77443px) translateX(13.2px);}
95%{transform:translateY(14.27891px) translateX(13.5px);}
96%{transform:translateY(14.7961px) translateX(13.8px);}
97%{transform:translateY(15.32396px) translateX(14.1px);}
98%{transform:translateY(15.86041px) translateX(14.4px);}
99%{transform:translateY(16.40333px) translateX(14.7px);}
100%{transform:translateY(16.95058px) translateX(15px);}
}
@-webkit-keyframes fillOpacity{0%{fill-opacity:0;stroke-opacity:0;}
100%{fill-opacity:1;stroke-opacity:1;}
}
@-moz-keyframes fillOpacity{0%{fill-opacity:0;stroke-opacity:0;}
100%{fill-opacity:1;stroke-opacity:1;}
}
@-o-keyframes fillOpacity{0%{fill-opacity:0;stroke-opacity:0;}
100%{fill-opacity:1;stroke-opacity:1;}
}
@keyframes fillOpacity{0%{fill-opacity:0;stroke-opacity:0;}
100%{fill-opacity:1;stroke-opacity:1;}
}
@-webkit-keyframes fillOpacity2{0%{fill-opacity:0;stroke-opacity:0;}
50%{fill-opacity:1;stroke-opacity:1;}
100%{fill-opacity:0;stroke-opacity:0;}
}
@-moz-keyframes fillOpacity2{0%{fill-opacity:0;stroke-opacity:0;}
50%{fill-opacity:1;stroke-opacity:1;}
100%{fill-opacity:0;stroke-opacity:0;}
}
@-o-keyframes fillOpacity2{0%{fill-opacity:0;stroke-opacity:0;}
50%{fill-opacity:1;stroke-opacity:1;}
100%{fill-opacity:0;stroke-opacity:0;}
}
@keyframes fillOpacity2{0%{fill-opacity:0;stroke-opacity:0;}
50%{fill-opacity:1;stroke-opacity:1;}
100%{fill-opacity:0;stroke-opacity:0;}
}
@-webkit-keyframes lightningFlash{0%{fill-opacity:0;stroke-opacity:0;}
1%{fill-opacity:1;stroke-opacity:1;}
7%{fill-opacity:0;stroke-opacity:0;}
50%{fill-opacity:0;stroke-opacity:0;}
51%{fill-opacity:1;stroke-opacity:1;}
53%{fill-opacity:0;stroke-opacity:0;}
54%{fill-opacity:1;stroke-opacity:1;}
60%{fill-opacity:0;stroke-opacity:0;}
100%{fill-opacity:0;stroke-opacity:0;}
}
@-moz-keyframes lightningFlash{0%{fill-opacity:0;stroke-opacity:0;}
1%{fill-opacity:1;stroke-opacity:1;}
7%{fill-opacity:0;stroke-opacity:0;}
50%{fill-opacity:0;stroke-opacity:0;}
51%{fill-opacity:1;stroke-opacity:1;}
53%{fill-opacity:0;stroke-opacity:0;}
54%{fill-opacity:1;stroke-opacity:1;}
60%{fill-opacity:0;stroke-opacity:0;}
100%{fill-opacity:0;stroke-opacity:0;}
}
@-o-keyframes lightningFlash{0%{fill-opacity:0;stroke-opacity:0;}
1%{fill-opacity:1;stroke-opacity:1;}
7%{fill-opacity:0;stroke-opacity:0;}
50%{fill-opacity:0;stroke-opacity:0;}
51%{fill-opacity:1;stroke-opacity:1;}
53%{fill-opacity:0;stroke-opacity:0;}
54%{fill-opacity:1;stroke-opacity:1;}
60%{fill-opacity:0;stroke-opacity:0;}
100%{fill-opacity:0;stroke-opacity:0;}
}
@keyframes lightningFlash{0%{fill-opacity:0;stroke-opacity:0;}
1%{fill-opacity:1;stroke-opacity:1;}
7%{fill-opacity:0;stroke-opacity:0;}
50%{fill-opacity:0;stroke-opacity:0;}
51%{fill-opacity:1;stroke-opacity:1;}
53%{fill-opacity:0;stroke-opacity:0;}
54%{fill-opacity:1;stroke-opacity:1;}
60%{fill-opacity:0;stroke-opacity:0;}
100%{fill-opacity:0;stroke-opacity:0;}
}
@-webkit-keyframes snowFall{0%{-webkit-transform:translateY(0px) translateX(0px);}
1%{-webkit-transform:translateY(0.175px) translateX(0.38478px);}
2%{-webkit-transform:translateY(0.35px) translateX(0.75349px);}
3%{-webkit-transform:translateY(0.525px) translateX(1.10577px);}
4%{-webkit-transform:translateY(0.7px) translateX(1.44133px);}
5%{-webkit-transform:translateY(0.875px) translateX(1.75989px);}
6%{-webkit-transform:translateY(1.05px) translateX(2.06119px);}
7%{-webkit-transform:translateY(1.225px) translateX(2.34504px);}
8%{-webkit-transform:translateY(1.4px) translateX(2.61124px);}
9%{-webkit-transform:translateY(1.575px) translateX(2.85966px);}
10%{-webkit-transform:translateY(1.75px) translateX(3.09017px);}
11%{-webkit-transform:translateY(1.925px) translateX(3.30269px);}
12%{-webkit-transform:translateY(2.1px) translateX(3.49718px);}
13%{-webkit-transform:translateY(2.275px) translateX(3.67362px);}
14%{-webkit-transform:translateY(2.45px) translateX(3.83201px);}
15%{-webkit-transform:translateY(2.625px) translateX(3.97242px);}
16%{-webkit-transform:translateY(2.8px) translateX(4.09491px);}
17%{-webkit-transform:translateY(2.975px) translateX(4.19959px);}
18%{-webkit-transform:translateY(3.15px) translateX(4.28661px);}
19%{-webkit-transform:translateY(3.325px) translateX(4.35615px);}
20%{-webkit-transform:translateY(3.5px) translateX(4.40839px);}
21%{-webkit-transform:translateY(3.675px) translateX(4.44358px);}
22%{-webkit-transform:translateY(3.85px) translateX(4.46197px);}
23%{-webkit-transform:translateY(4.025px) translateX(4.46386px);}
24%{-webkit-transform:translateY(4.2px) translateX(4.44956px);}
25%{-webkit-transform:translateY(4.375px) translateX(4.41942px);}
26%{-webkit-transform:translateY(4.55px) translateX(4.37381px);}
27%{-webkit-transform:translateY(4.725px) translateX(4.31314px);}
28%{-webkit-transform:translateY(4.9px) translateX(4.23782px);}
29%{-webkit-transform:translateY(5.075px) translateX(4.14831px);}
30%{-webkit-transform:translateY(5.25px) translateX(4.04508px);}
31%{-webkit-transform:translateY(5.425px) translateX(3.92863px);}
32%{-webkit-transform:translateY(5.6px) translateX(3.79948px);}
33%{-webkit-transform:translateY(5.775px) translateX(3.65815px);}
34%{-webkit-transform:translateY(5.95px) translateX(3.50523px);}
35%{-webkit-transform:translateY(6.125px) translateX(3.34127px);}
36%{-webkit-transform:translateY(6.3px) translateX(3.16689px);}
37%{-webkit-transform:translateY(6.475px) translateX(2.9827px);}
38%{-webkit-transform:translateY(6.65px) translateX(2.78933px);}
39%{-webkit-transform:translateY(6.825px) translateX(2.58742px);}
40%{-webkit-transform:translateY(7px) translateX(2.37764px);}
41%{-webkit-transform:translateY(7.175px) translateX(2.16066px);}
42%{-webkit-transform:translateY(7.35px) translateX(1.93717px);}
43%{-webkit-transform:translateY(7.525px) translateX(1.70785px);}
44%{-webkit-transform:translateY(7.7px) translateX(1.47343px);}
45%{-webkit-transform:translateY(7.875px) translateX(1.23461px);}
46%{-webkit-transform:translateY(8.05px) translateX(0.99211px);}
47%{-webkit-transform:translateY(8.225px) translateX(0.74667px);}
48%{-webkit-transform:translateY(8.4px) translateX(0.49901px);}
49%{-webkit-transform:translateY(8.575px) translateX(0.24988px);}
50%{-webkit-transform:translateY(8.75px) translateX(0px);}
51%{-webkit-transform:translateY(8.925px) translateX(-0.24988px);}
52%{-webkit-transform:translateY(9.1px) translateX(-0.49901px);}
53%{-webkit-transform:translateY(9.275px) translateX(-0.74667px);}
54%{-webkit-transform:translateY(9.45px) translateX(-0.99211px);}
55%{-webkit-transform:translateY(9.625px) translateX(-1.23461px);}
56%{-webkit-transform:translateY(9.8px) translateX(-1.47343px);}
57%{-webkit-transform:translateY(9.975px) translateX(-1.70785px);}
58%{-webkit-transform:translateY(10.15px) translateX(-1.93717px);}
59%{-webkit-transform:translateY(10.325px) translateX(-2.16066px);}
60%{-webkit-transform:translateY(10.5px) translateX(-2.37764px);}
61%{-webkit-transform:translateY(10.675px) translateX(-2.58742px);}
62%{-webkit-transform:translateY(10.85px) translateX(-2.78933px);}
63%{-webkit-transform:translateY(11.025px) translateX(-2.9827px);}
64%{-webkit-transform:translateY(11.2px) translateX(-3.16689px);}
65%{-webkit-transform:translateY(11.375px) translateX(-3.34127px);}
66%{-webkit-transform:translateY(11.55px) translateX(-3.50523px);}
67%{-webkit-transform:translateY(11.725px) translateX(-3.65815px);}
68%{-webkit-transform:translateY(11.9px) translateX(-3.79948px);}
69%{-webkit-transform:translateY(12.075px) translateX(-3.92863px);}
70%{-webkit-transform:translateY(12.25px) translateX(-4.04508px);}
71%{-webkit-transform:translateY(12.425px) translateX(-4.14831px);}
72%{-webkit-transform:translateY(12.6px) translateX(-4.23782px);}
73%{-webkit-transform:translateY(12.775px) translateX(-4.31314px);}
74%{-webkit-transform:translateY(12.95px) translateX(-4.37381px);}
75%{-webkit-transform:translateY(13.125px) translateX(-4.41942px);}
76%{-webkit-transform:translateY(13.3px) translateX(-4.44956px);}
77%{-webkit-transform:translateY(13.475px) translateX(-4.46386px);}
78%{-webkit-transform:translateY(13.65px) translateX(-4.46197px);}
79%{-webkit-transform:translateY(13.825px) translateX(-4.44358px);}
80%{-webkit-transform:translateY(14px) translateX(-4.40839px);}
81%{-webkit-transform:translateY(14.175px) translateX(-4.35615px);}
82%{-webkit-transform:translateY(14.35px) translateX(-4.28661px);}
83%{-webkit-transform:translateY(14.525px) translateX(-4.19959px);}
84%{-webkit-transform:translateY(14.7px) translateX(-4.09491px);}
85%{-webkit-transform:translateY(14.875px) translateX(-3.97242px);}
86%{-webkit-transform:translateY(15.05px) translateX(-3.83201px);}
87%{-webkit-transform:translateY(15.225px) translateX(-3.67362px);}
88%{-webkit-transform:translateY(15.4px) translateX(-3.49718px);}
89%{-webkit-transform:translateY(15.575px) translateX(-3.30269px);}
90%{-webkit-transform:translateY(15.75px) translateX(-3.09017px);}
91%{-webkit-transform:translateY(15.925px) translateX(-2.85966px);}
92%{-webkit-transform:translateY(16.1px) translateX(-2.61124px);}
93%{-webkit-transform:translateY(16.275px) translateX(-2.34504px);}
94%{-webkit-transform:translateY(16.45px) translateX(-2.06119px);}
95%{-webkit-transform:translateY(16.625px) translateX(-1.75989px);}
96%{-webkit-transform:translateY(16.8px) translateX(-1.44133px);}
97%{-webkit-transform:translateY(16.975px) translateX(-1.10577px);}
98%{-webkit-transform:translateY(17.15px) translateX(-0.75349px);}
99%{-webkit-transform:translateY(17.325px) translateX(-0.38478px);}
100%{-webkit-transform:translateY(17.5px) translateX(0.0px);}
}
@-moz-keyframes snowFall{0%{-moz-transform:translateY(0px) translateX(0px);}
1%{-moz-transform:translateY(0.175px) translateX(0.38478px);}
2%{-moz-transform:translateY(0.35px) translateX(0.75349px);}
3%{-moz-transform:translateY(0.525px) translateX(1.10577px);}
4%{-moz-transform:translateY(0.7px) translateX(1.44133px);}
5%{-moz-transform:translateY(0.875px) translateX(1.75989px);}
6%{-moz-transform:translateY(1.05px) translateX(2.06119px);}
7%{-moz-transform:translateY(1.225px) translateX(2.34504px);}
8%{-moz-transform:translateY(1.4px) translateX(2.61124px);}
9%{-moz-transform:translateY(1.575px) translateX(2.85966px);}
10%{-moz-transform:translateY(1.75px) translateX(3.09017px);}
11%{-moz-transform:translateY(1.925px) translateX(3.30269px);}
12%{-moz-transform:translateY(2.1px) translateX(3.49718px);}
13%{-moz-transform:translateY(2.275px) translateX(3.67362px);}
14%{-moz-transform:translateY(2.45px) translateX(3.83201px);}
15%{-moz-transform:translateY(2.625px) translateX(3.97242px);}
16%{-moz-transform:translateY(2.8px) translateX(4.09491px);}
17%{-moz-transform:translateY(2.975px) translateX(4.19959px);}
18%{-moz-transform:translateY(3.15px) translateX(4.28661px);}
19%{-moz-transform:translateY(3.325px) translateX(4.35615px);}
20%{-moz-transform:translateY(3.5px) translateX(4.40839px);}
21%{-moz-transform:translateY(3.675px) translateX(4.44358px);}
22%{-moz-transform:translateY(3.85px) translateX(4.46197px);}
23%{-moz-transform:translateY(4.025px) translateX(4.46386px);}
24%{-moz-transform:translateY(4.2px) translateX(4.44956px);}
25%{-moz-transform:translateY(4.375px) translateX(4.41942px);}
26%{-moz-transform:translateY(4.55px) translateX(4.37381px);}
27%{-moz-transform:translateY(4.725px) translateX(4.31314px);}
28%{-moz-transform:translateY(4.9px) translateX(4.23782px);}
29%{-moz-transform:translateY(5.075px) translateX(4.14831px);}
30%{-moz-transform:translateY(5.25px) translateX(4.04508px);}
31%{-moz-transform:translateY(5.425px) translateX(3.92863px);}
32%{-moz-transform:translateY(5.6px) translateX(3.79948px);}
33%{-moz-transform:translateY(5.775px) translateX(3.65815px);}
34%{-moz-transform:translateY(5.95px) translateX(3.50523px);}
35%{-moz-transform:translateY(6.125px) translateX(3.34127px);}
36%{-moz-transform:translateY(6.3px) translateX(3.16689px);}
37%{-moz-transform:translateY(6.475px) translateX(2.9827px);}
38%{-moz-transform:translateY(6.65px) translateX(2.78933px);}
39%{-moz-transform:translateY(6.825px) translateX(2.58742px);}
40%{-moz-transform:translateY(7px) translateX(2.37764px);}
41%{-moz-transform:translateY(7.175px) translateX(2.16066px);}
42%{-moz-transform:translateY(7.35px) translateX(1.93717px);}
43%{-moz-transform:translateY(7.525px) translateX(1.70785px);}
44%{-moz-transform:translateY(7.7px) translateX(1.47343px);}
45%{-moz-transform:translateY(7.875px) translateX(1.23461px);}
46%{-moz-transform:translateY(8.05px) translateX(0.99211px);}
47%{-moz-transform:translateY(8.225px) translateX(0.74667px);}
48%{-moz-transform:translateY(8.4px) translateX(0.49901px);}
49%{-moz-transform:translateY(8.575px) translateX(0.24988px);}
50%{-moz-transform:translateY(8.75px) translateX(0px);}
51%{-moz-transform:translateY(8.925px) translateX(-0.24988px);}
52%{-moz-transform:translateY(9.1px) translateX(-0.49901px);}
53%{-moz-transform:translateY(9.275px) translateX(-0.74667px);}
54%{-moz-transform:translateY(9.45px) translateX(-0.99211px);}
55%{-moz-transform:translateY(9.625px) translateX(-1.23461px);}
56%{-moz-transform:translateY(9.8px) translateX(-1.47343px);}
57%{-moz-transform:translateY(9.975px) translateX(-1.70785px);}
58%{-moz-transform:translateY(10.15px) translateX(-1.93717px);}
59%{-moz-transform:translateY(10.325px) translateX(-2.16066px);}
60%{-moz-transform:translateY(10.5px) translateX(-2.37764px);}
61%{-moz-transform:translateY(10.675px) translateX(-2.58742px);}
62%{-moz-transform:translateY(10.85px) translateX(-2.78933px);}
63%{-moz-transform:translateY(11.025px) translateX(-2.9827px);}
64%{-moz-transform:translateY(11.2px) translateX(-3.16689px);}
65%{-moz-transform:translateY(11.375px) translateX(-3.34127px);}
66%{-moz-transform:translateY(11.55px) translateX(-3.50523px);}
67%{-moz-transform:translateY(11.725px) translateX(-3.65815px);}
68%{-moz-transform:translateY(11.9px) translateX(-3.79948px);}
69%{-moz-transform:translateY(12.075px) translateX(-3.92863px);}
70%{-moz-transform:translateY(12.25px) translateX(-4.04508px);}
71%{-moz-transform:translateY(12.425px) translateX(-4.14831px);}
72%{-moz-transform:translateY(12.6px) translateX(-4.23782px);}
73%{-moz-transform:translateY(12.775px) translateX(-4.31314px);}
74%{-moz-transform:translateY(12.95px) translateX(-4.37381px);}
75%{-moz-transform:translateY(13.125px) translateX(-4.41942px);}
76%{-moz-transform:translateY(13.3px) translateX(-4.44956px);}
77%{-moz-transform:translateY(13.475px) translateX(-4.46386px);}
78%{-moz-transform:translateY(13.65px) translateX(-4.46197px);}
79%{-moz-transform:translateY(13.825px) translateX(-4.44358px);}
80%{-moz-transform:translateY(14px) translateX(-4.40839px);}
81%{-moz-transform:translateY(14.175px) translateX(-4.35615px);}
82%{-moz-transform:translateY(14.35px) translateX(-4.28661px);}
83%{-moz-transform:translateY(14.525px) translateX(-4.19959px);}
84%{-moz-transform:translateY(14.7px) translateX(-4.09491px);}
85%{-moz-transform:translateY(14.875px) translateX(-3.97242px);}
86%{-moz-transform:translateY(15.05px) translateX(-3.83201px);}
87%{-moz-transform:translateY(15.225px) translateX(-3.67362px);}
88%{-moz-transform:translateY(15.4px) translateX(-3.49718px);}
89%{-moz-transform:translateY(15.575px) translateX(-3.30269px);}
90%{-moz-transform:translateY(15.75px) translateX(-3.09017px);}
91%{-moz-transform:translateY(15.925px) translateX(-2.85966px);}
92%{-moz-transform:translateY(16.1px) translateX(-2.61124px);}
93%{-moz-transform:translateY(16.275px) translateX(-2.34504px);}
94%{-moz-transform:translateY(16.45px) translateX(-2.06119px);}
95%{-moz-transform:translateY(16.625px) translateX(-1.75989px);}
96%{-moz-transform:translateY(16.8px) translateX(-1.44133px);}
97%{-moz-transform:translateY(16.975px) translateX(-1.10577px);}
98%{-moz-transform:translateY(17.15px) translateX(-0.75349px);}
99%{-moz-transform:translateY(17.325px) translateX(-0.38478px);}
100%{-moz-transform:translateY(17.5px) translateX(0.0px);}
}
@-o-keyframes snowFall{0%{-o-transform:translateY(0px) translateX(0px);}
1%{-o-transform:translateY(0.175px) translateX(0.38478px);}
2%{-o-transform:translateY(0.35px) translateX(0.75349px);}
3%{-o-transform:translateY(0.525px) translateX(1.10577px);}
4%{-o-transform:translateY(0.7px) translateX(1.44133px);}
5%{-o-transform:translateY(0.875px) translateX(1.75989px);}
6%{-o-transform:translateY(1.05px) translateX(2.06119px);}
7%{-o-transform:translateY(1.225px) translateX(2.34504px);}
8%{-o-transform:translateY(1.4px) translateX(2.61124px);}
9%{-o-transform:translateY(1.575px) translateX(2.85966px);}
10%{-o-transform:translateY(1.75px) translateX(3.09017px);}
11%{-o-transform:translateY(1.925px) translateX(3.30269px);}
12%{-o-transform:translateY(2.1px) translateX(3.49718px);}
13%{-o-transform:translateY(2.275px) translateX(3.67362px);}
14%{-o-transform:translateY(2.45px) translateX(3.83201px);}
15%{-o-transform:translateY(2.625px) translateX(3.97242px);}
16%{-o-transform:translateY(2.8px) translateX(4.09491px);}
17%{-o-transform:translateY(2.975px) translateX(4.19959px);}
18%{-o-transform:translateY(3.15px) translateX(4.28661px);}
19%{-o-transform:translateY(3.325px) translateX(4.35615px);}
20%{-o-transform:translateY(3.5px) translateX(4.40839px);}
21%{-o-transform:translateY(3.675px) translateX(4.44358px);}
22%{-o-transform:translateY(3.85px) translateX(4.46197px);}
23%{-o-transform:translateY(4.025px) translateX(4.46386px);}
24%{-o-transform:translateY(4.2px) translateX(4.44956px);}
25%{-o-transform:translateY(4.375px) translateX(4.41942px);}
26%{-o-transform:translateY(4.55px) translateX(4.37381px);}
27%{-o-transform:translateY(4.725px) translateX(4.31314px);}
28%{-o-transform:translateY(4.9px) translateX(4.23782px);}
29%{-o-transform:translateY(5.075px) translateX(4.14831px);}
30%{-o-transform:translateY(5.25px) translateX(4.04508px);}
31%{-o-transform:translateY(5.425px) translateX(3.92863px);}
32%{-o-transform:translateY(5.6px) translateX(3.79948px);}
33%{-o-transform:translateY(5.775px) translateX(3.65815px);}
34%{-o-transform:translateY(5.95px) translateX(3.50523px);}
35%{-o-transform:translateY(6.125px) translateX(3.34127px);}
36%{-o-transform:translateY(6.3px) translateX(3.16689px);}
37%{-o-transform:translateY(6.475px) translateX(2.9827px);}
38%{-o-transform:translateY(6.65px) translateX(2.78933px);}
39%{-o-transform:translateY(6.825px) translateX(2.58742px);}
40%{-o-transform:translateY(7px) translateX(2.37764px);}
41%{-o-transform:translateY(7.175px) translateX(2.16066px);}
42%{-o-transform:translateY(7.35px) translateX(1.93717px);}
43%{-o-transform:translateY(7.525px) translateX(1.70785px);}
44%{-o-transform:translateY(7.7px) translateX(1.47343px);}
45%{-o-transform:translateY(7.875px) translateX(1.23461px);}
46%{-o-transform:translateY(8.05px) translateX(0.99211px);}
47%{-o-transform:translateY(8.225px) translateX(0.74667px);}
48%{-o-transform:translateY(8.4px) translateX(0.49901px);}
49%{-o-transform:translateY(8.575px) translateX(0.24988px);}
50%{-o-transform:translateY(8.75px) translateX(0px);}
51%{-o-transform:translateY(8.925px) translateX(-0.24988px);}
52%{-o-transform:translateY(9.1px) translateX(-0.49901px);}
53%{-o-transform:translateY(9.275px) translateX(-0.74667px);}
54%{-o-transform:translateY(9.45px) translateX(-0.99211px);}
55%{-o-transform:translateY(9.625px) translateX(-1.23461px);}
56%{-o-transform:translateY(9.8px) translateX(-1.47343px);}
57%{-o-transform:translateY(9.975px) translateX(-1.70785px);}
58%{-o-transform:translateY(10.15px) translateX(-1.93717px);}
59%{-o-transform:translateY(10.325px) translateX(-2.16066px);}
60%{-o-transform:translateY(10.5px) translateX(-2.37764px);}
61%{-o-transform:translateY(10.675px) translateX(-2.58742px);}
62%{-o-transform:translateY(10.85px) translateX(-2.78933px);}
63%{-o-transform:translateY(11.025px) translateX(-2.9827px);}
64%{-o-transform:translateY(11.2px) translateX(-3.16689px);}
65%{-o-transform:translateY(11.375px) translateX(-3.34127px);}
66%{-o-transform:translateY(11.55px) translateX(-3.50523px);}
67%{-o-transform:translateY(11.725px) translateX(-3.65815px);}
68%{-o-transform:translateY(11.9px) translateX(-3.79948px);}
69%{-o-transform:translateY(12.075px) translateX(-3.92863px);}
70%{-o-transform:translateY(12.25px) translateX(-4.04508px);}
71%{-o-transform:translateY(12.425px) translateX(-4.14831px);}
72%{-o-transform:translateY(12.6px) translateX(-4.23782px);}
73%{-o-transform:translateY(12.775px) translateX(-4.31314px);}
74%{-o-transform:translateY(12.95px) translateX(-4.37381px);}
75%{-o-transform:translateY(13.125px) translateX(-4.41942px);}
76%{-o-transform:translateY(13.3px) translateX(-4.44956px);}
77%{-o-transform:translateY(13.475px) translateX(-4.46386px);}
78%{-o-transform:translateY(13.65px) translateX(-4.46197px);}
79%{-o-transform:translateY(13.825px) translateX(-4.44358px);}
80%{-o-transform:translateY(14px) translateX(-4.40839px);}
81%{-o-transform:translateY(14.175px) translateX(-4.35615px);}
82%{-o-transform:translateY(14.35px) translateX(-4.28661px);}
83%{-o-transform:translateY(14.525px) translateX(-4.19959px);}
84%{-o-transform:translateY(14.7px) translateX(-4.09491px);}
85%{-o-transform:translateY(14.875px) translateX(-3.97242px);}
86%{-o-transform:translateY(15.05px) translateX(-3.83201px);}
87%{-o-transform:translateY(15.225px) translateX(-3.67362px);}
88%{-o-transform:translateY(15.4px) translateX(-3.49718px);}
89%{-o-transform:translateY(15.575px) translateX(-3.30269px);}
90%{-o-transform:translateY(15.75px) translateX(-3.09017px);}
91%{-o-transform:translateY(15.925px) translateX(-2.85966px);}
92%{-o-transform:translateY(16.1px) translateX(-2.61124px);}
93%{-o-transform:translateY(16.275px) translateX(-2.34504px);}
94%{-o-transform:translateY(16.45px) translateX(-2.06119px);}
95%{-o-transform:translateY(16.625px) translateX(-1.75989px);}
96%{-o-transform:translateY(16.8px) translateX(-1.44133px);}
97%{-o-transform:translateY(16.975px) translateX(-1.10577px);}
98%{-o-transform:translateY(17.15px) translateX(-0.75349px);}
99%{-o-transform:translateY(17.325px) translateX(-0.38478px);}
100%{-o-transform:translateY(17.5px) translateX(0.0px);}
}
@keyframes snowFall{0%{transform:translateY(0px) translateX(0px);}
1%{transform:translateY(0.175px) translateX(0.38478px);}
2%{transform:translateY(0.35px) translateX(0.75349px);}
3%{transform:translateY(0.525px) translateX(1.10577px);}
4%{transform:translateY(0.7px) translateX(1.44133px);}
5%{transform:translateY(0.875px) translateX(1.75989px);}
6%{transform:translateY(1.05px) translateX(2.06119px);}
7%{transform:translateY(1.225px) translateX(2.34504px);}
8%{transform:translateY(1.4px) translateX(2.61124px);}
9%{transform:translateY(1.575px) translateX(2.85966px);}
10%{transform:translateY(1.75px) translateX(3.09017px);}
11%{transform:translateY(1.925px) translateX(3.30269px);}
12%{transform:translateY(2.1px) translateX(3.49718px);}
13%{transform:translateY(2.275px) translateX(3.67362px);}
14%{transform:translateY(2.45px) translateX(3.83201px);}
15%{transform:translateY(2.625px) translateX(3.97242px);}
16%{transform:translateY(2.8px) translateX(4.09491px);}
17%{transform:translateY(2.975px) translateX(4.19959px);}
18%{transform:translateY(3.15px) translateX(4.28661px);}
19%{transform:translateY(3.325px) translateX(4.35615px);}
20%{transform:translateY(3.5px) translateX(4.40839px);}
21%{transform:translateY(3.675px) translateX(4.44358px);}
22%{transform:translateY(3.85px) translateX(4.46197px);}
23%{transform:translateY(4.025px) translateX(4.46386px);}
24%{transform:translateY(4.2px) translateX(4.44956px);}
25%{transform:translateY(4.375px) translateX(4.41942px);}
26%{transform:translateY(4.55px) translateX(4.37381px);}
27%{transform:translateY(4.725px) translateX(4.31314px);}
28%{transform:translateY(4.9px) translateX(4.23782px);}
29%{transform:translateY(5.075px) translateX(4.14831px);}
30%{transform:translateY(5.25px) translateX(4.04508px);}
31%{transform:translateY(5.425px) translateX(3.92863px);}
32%{transform:translateY(5.6px) translateX(3.79948px);}
33%{transform:translateY(5.775px) translateX(3.65815px);}
34%{transform:translateY(5.95px) translateX(3.50523px);}
35%{transform:translateY(6.125px) translateX(3.34127px);}
36%{transform:translateY(6.3px) translateX(3.16689px);}
37%{transform:translateY(6.475px) translateX(2.9827px);}
38%{transform:translateY(6.65px) translateX(2.78933px);}
39%{transform:translateY(6.825px) translateX(2.58742px);}
40%{transform:translateY(7px) translateX(2.37764px);}
41%{transform:translateY(7.175px) translateX(2.16066px);}
42%{transform:translateY(7.35px) translateX(1.93717px);}
43%{transform:translateY(7.525px) translateX(1.70785px);}
44%{transform:translateY(7.7px) translateX(1.47343px);}
45%{transform:translateY(7.875px) translateX(1.23461px);}
46%{transform:translateY(8.05px) translateX(0.99211px);}
47%{transform:translateY(8.225px) translateX(0.74667px);}
48%{transform:translateY(8.4px) translateX(0.49901px);}
49%{transform:translateY(8.575px) translateX(0.24988px);}
50%{transform:translateY(8.75px) translateX(0px);}
51%{transform:translateY(8.925px) translateX(-0.24988px);}
52%{transform:translateY(9.1px) translateX(-0.49901px);}
53%{transform:translateY(9.275px) translateX(-0.74667px);}
54%{transform:translateY(9.45px) translateX(-0.99211px);}
55%{transform:translateY(9.625px) translateX(-1.23461px);}
56%{transform:translateY(9.8px) translateX(-1.47343px);}
57%{transform:translateY(9.975px) translateX(-1.70785px);}
58%{transform:translateY(10.15px) translateX(-1.93717px);}
59%{transform:translateY(10.325px) translateX(-2.16066px);}
60%{transform:translateY(10.5px) translateX(-2.37764px);}
61%{transform:translateY(10.675px) translateX(-2.58742px);}
62%{transform:translateY(10.85px) translateX(-2.78933px);}
63%{transform:translateY(11.025px) translateX(-2.9827px);}
64%{transform:translateY(11.2px) translateX(-3.16689px);}
65%{transform:translateY(11.375px) translateX(-3.34127px);}
66%{transform:translateY(11.55px) translateX(-3.50523px);}
67%{transform:translateY(11.725px) translateX(-3.65815px);}
68%{transform:translateY(11.9px) translateX(-3.79948px);}
69%{transform:translateY(12.075px) translateX(-3.92863px);}
70%{transform:translateY(12.25px) translateX(-4.04508px);}
71%{transform:translateY(12.425px) translateX(-4.14831px);}
72%{transform:translateY(12.6px) translateX(-4.23782px);}
73%{transform:translateY(12.775px) translateX(-4.31314px);}
74%{transform:translateY(12.95px) translateX(-4.37381px);}
75%{transform:translateY(13.125px) translateX(-4.41942px);}
76%{transform:translateY(13.3px) translateX(-4.44956px);}
77%{transform:translateY(13.475px) translateX(-4.46386px);}
78%{transform:translateY(13.65px) translateX(-4.46197px);}
79%{transform:translateY(13.825px) translateX(-4.44358px);}
80%{transform:translateY(14px) translateX(-4.40839px);}
81%{transform:translateY(14.175px) translateX(-4.35615px);}
82%{transform:translateY(14.35px) translateX(-4.28661px);}
83%{transform:translateY(14.525px) translateX(-4.19959px);}
84%{transform:translateY(14.7px) translateX(-4.09491px);}
85%{transform:translateY(14.875px) translateX(-3.97242px);}
86%{transform:translateY(15.05px) translateX(-3.83201px);}
87%{transform:translateY(15.225px) translateX(-3.67362px);}
88%{transform:translateY(15.4px) translateX(-3.49718px);}
89%{transform:translateY(15.575px) translateX(-3.30269px);}
90%{transform:translateY(15.75px) translateX(-3.09017px);}
91%{transform:translateY(15.925px) translateX(-2.85966px);}
92%{transform:translateY(16.1px) translateX(-2.61124px);}
93%{transform:translateY(16.275px) translateX(-2.34504px);}
94%{transform:translateY(16.45px) translateX(-2.06119px);}
95%{transform:translateY(16.625px) translateX(-1.75989px);}
96%{transform:translateY(16.8px) translateX(-1.44133px);}
97%{transform:translateY(16.975px) translateX(-1.10577px);}
98%{transform:translateY(17.15px) translateX(-0.75349px);}
99%{transform:translateY(17.325px) translateX(-0.38478px);}
100%{transform:translateY(17.5px) translateX(0.0px);}
}
@-webkit-keyframes snowFall2{0%{-webkit-transform:translateY(0px) translateX(0px);}
1%{-webkit-transform:translateY(0.175px) translateX(-0.38478px);}
2%{-webkit-transform:translateY(0.35px) translateX(-0.75349px);}
3%{-webkit-transform:translateY(0.525px) translateX(-1.10577px);}
4%{-webkit-transform:translateY(0.7px) translateX(-1.44133px);}
5%{-webkit-transform:translateY(0.875px) translateX(-1.75989px);}
6%{-webkit-transform:translateY(1.05px) translateX(-2.06119px);}
7%{-webkit-transform:translateY(1.225px) translateX(-2.34504px);}
8%{-webkit-transform:translateY(1.4px) translateX(-2.61124px);}
9%{-webkit-transform:translateY(1.575px) translateX(-2.85966px);}
10%{-webkit-transform:translateY(1.75px) translateX(-3.09017px);}
11%{-webkit-transform:translateY(1.925px) translateX(-3.30269px);}
12%{-webkit-transform:translateY(2.1px) translateX(-3.49718px);}
13%{-webkit-transform:translateY(2.275px) translateX(-3.67362px);}
14%{-webkit-transform:translateY(2.45px) translateX(-3.83201px);}
15%{-webkit-transform:translateY(2.625px) translateX(-3.97242px);}
16%{-webkit-transform:translateY(2.8px) translateX(-4.09491px);}
17%{-webkit-transform:translateY(2.975px) translateX(-4.19959px);}
18%{-webkit-transform:translateY(3.15px) translateX(-4.28661px);}
19%{-webkit-transform:translateY(3.325px) translateX(-4.35615px);}
20%{-webkit-transform:translateY(3.5px) translateX(-4.40839px);}
21%{-webkit-transform:translateY(3.675px) translateX(-4.44358px);}
22%{-webkit-transform:translateY(3.85px) translateX(-4.46197px);}
23%{-webkit-transform:translateY(4.025px) translateX(-4.46386px);}
24%{-webkit-transform:translateY(4.2px) translateX(-4.44956px);}
25%{-webkit-transform:translateY(4.375px) translateX(-4.41942px);}
26%{-webkit-transform:translateY(4.55px) translateX(-4.37381px);}
27%{-webkit-transform:translateY(4.725px) translateX(-4.31314px);}
28%{-webkit-transform:translateY(4.9px) translateX(-4.23782px);}
29%{-webkit-transform:translateY(5.075px) translateX(-4.14831px);}
30%{-webkit-transform:translateY(5.25px) translateX(-4.04508px);}
31%{-webkit-transform:translateY(5.425px) translateX(-3.92863px);}
32%{-webkit-transform:translateY(5.6px) translateX(-3.79948px);}
33%{-webkit-transform:translateY(5.775px) translateX(-3.65815px);}
34%{-webkit-transform:translateY(5.95px) translateX(-3.50523px);}
35%{-webkit-transform:translateY(6.125px) translateX(-3.34127px);}
36%{-webkit-transform:translateY(6.3px) translateX(-3.16689px);}
37%{-webkit-transform:translateY(6.475px) translateX(-2.9827px);}
38%{-webkit-transform:translateY(6.65px) translateX(-2.78933px);}
39%{-webkit-transform:translateY(6.825px) translateX(-2.58742px);}
40%{-webkit-transform:translateY(7px) translateX(-2.37764px);}
41%{-webkit-transform:translateY(7.175px) translateX(-2.16066px);}
42%{-webkit-transform:translateY(7.35px) translateX(-1.93717px);}
43%{-webkit-transform:translateY(7.525px) translateX(-1.70785px);}
44%{-webkit-transform:translateY(7.7px) translateX(-1.47343px);}
45%{-webkit-transform:translateY(7.875px) translateX(-1.23461px);}
46%{-webkit-transform:translateY(8.05px) translateX(-0.99211px);}
47%{-webkit-transform:translateY(8.225px) translateX(-0.74667px);}
48%{-webkit-transform:translateY(8.4px) translateX(-0.49901px);}
49%{-webkit-transform:translateY(8.575px) translateX(-0.24988px);}
50%{-webkit-transform:translateY(8.75px) translateX(0px);}
51%{-webkit-transform:translateY(8.925px) translateX(0.24988px);}
52%{-webkit-transform:translateY(9.1px) translateX(0.49901px);}
53%{-webkit-transform:translateY(9.275px) translateX(0.74667px);}
54%{-webkit-transform:translateY(9.45px) translateX(0.99211px);}
55%{-webkit-transform:translateY(9.625px) translateX(1.23461px);}
56%{-webkit-transform:translateY(9.8px) translateX(1.47343px);}
57%{-webkit-transform:translateY(9.975px) translateX(1.70785px);}
58%{-webkit-transform:translateY(10.15px) translateX(1.93717px);}
59%{-webkit-transform:translateY(10.325px) translateX(2.16066px);}
60%{-webkit-transform:translateY(10.5px) translateX(2.37764px);}
61%{-webkit-transform:translateY(10.675px) translateX(2.58742px);}
62%{-webkit-transform:translateY(10.85px) translateX(2.78933px);}
63%{-webkit-transform:translateY(11.025px) translateX(2.9827px);}
64%{-webkit-transform:translateY(11.2px) translateX(3.16689px);}
65%{-webkit-transform:translateY(11.375px) translateX(3.34127px);}
66%{-webkit-transform:translateY(11.55px) translateX(3.50523px);}
67%{-webkit-transform:translateY(11.725px) translateX(3.65815px);}
68%{-webkit-transform:translateY(11.9px) translateX(3.79948px);}
69%{-webkit-transform:translateY(12.075px) translateX(3.92863px);}
70%{-webkit-transform:translateY(12.25px) translateX(4.04508px);}
71%{-webkit-transform:translateY(12.425px) translateX(4.14831px);}
72%{-webkit-transform:translateY(12.6px) translateX(4.23782px);}
73%{-webkit-transform:translateY(12.775px) translateX(4.31314px);}
74%{-webkit-transform:translateY(12.95px) translateX(4.37381px);}
75%{-webkit-transform:translateY(13.125px) translateX(4.41942px);}
76%{-webkit-transform:translateY(13.3px) translateX(4.44956px);}
77%{-webkit-transform:translateY(13.475px) translateX(4.46386px);}
78%{-webkit-transform:translateY(13.65px) translateX(4.46197px);}
79%{-webkit-transform:translateY(13.825px) translateX(4.44358px);}
80%{-webkit-transform:translateY(14px) translateX(4.40839px);}
81%{-webkit-transform:translateY(14.175px) translateX(4.35615px);}
82%{-webkit-transform:translateY(14.35px) translateX(4.28661px);}
83%{-webkit-transform:translateY(14.525px) translateX(4.19959px);}
84%{-webkit-transform:translateY(14.7px) translateX(4.09491px);}
85%{-webkit-transform:translateY(14.875px) translateX(3.97242px);}
86%{-webkit-transform:translateY(15.05px) translateX(3.83201px);}
87%{-webkit-transform:translateY(15.225px) translateX(3.67362px);}
88%{-webkit-transform:translateY(15.4px) translateX(3.49718px);}
89%{-webkit-transform:translateY(15.575px) translateX(3.30269px);}
90%{-webkit-transform:translateY(15.75px) translateX(3.09017px);}
91%{-webkit-transform:translateY(15.925px) translateX(2.85966px);}
92%{-webkit-transform:translateY(16.1px) translateX(2.61124px);}
93%{-webkit-transform:translateY(16.275px) translateX(2.34504px);}
94%{-webkit-transform:translateY(16.45px) translateX(2.06119px);}
95%{-webkit-transform:translateY(16.625px) translateX(1.75989px);}
96%{-webkit-transform:translateY(16.8px) translateX(1.44133px);}
97%{-webkit-transform:translateY(16.975px) translateX(1.10577px);}
98%{-webkit-transform:translateY(17.15px) translateX(0.75349px);}
99%{-webkit-transform:translateY(17.325px) translateX(0.38478px);}
100%{-webkit-transform:translateY(17.5px) translateX(0.0px);}
}
@-moz-keyframes snowFall2{0%{-moz-transform:translateY(0px) translateX(0px);}
1%{-moz-transform:translateY(0.175px) translateX(-0.38478px);}
2%{-moz-transform:translateY(0.35px) translateX(-0.75349px);}
3%{-moz-transform:translateY(0.525px) translateX(-1.10577px);}
4%{-moz-transform:translateY(0.7px) translateX(-1.44133px);}
5%{-moz-transform:translateY(0.875px) translateX(-1.75989px);}
6%{-moz-transform:translateY(1.05px) translateX(-2.06119px);}
7%{-moz-transform:translateY(1.225px) translateX(-2.34504px);}
8%{-moz-transform:translateY(1.4px) translateX(-2.61124px);}
9%{-moz-transform:translateY(1.575px) translateX(-2.85966px);}
10%{-moz-transform:translateY(1.75px) translateX(-3.09017px);}
11%{-moz-transform:translateY(1.925px) translateX(-3.30269px);}
12%{-moz-transform:translateY(2.1px) translateX(-3.49718px);}
13%{-moz-transform:translateY(2.275px) translateX(-3.67362px);}
14%{-moz-transform:translateY(2.45px) translateX(-3.83201px);}
15%{-moz-transform:translateY(2.625px) translateX(-3.97242px);}
16%{-moz-transform:translateY(2.8px) translateX(-4.09491px);}
17%{-moz-transform:translateY(2.975px) translateX(-4.19959px);}
18%{-moz-transform:translateY(3.15px) translateX(-4.28661px);}
19%{-moz-transform:translateY(3.325px) translateX(-4.35615px);}
20%{-moz-transform:translateY(3.5px) translateX(-4.40839px);}
21%{-moz-transform:translateY(3.675px) translateX(-4.44358px);}
22%{-moz-transform:translateY(3.85px) translateX(-4.46197px);}
23%{-moz-transform:translateY(4.025px) translateX(-4.46386px);}
24%{-moz-transform:translateY(4.2px) translateX(-4.44956px);}
25%{-moz-transform:translateY(4.375px) translateX(-4.41942px);}
26%{-moz-transform:translateY(4.55px) translateX(-4.37381px);}
27%{-moz-transform:translateY(4.725px) translateX(-4.31314px);}
28%{-moz-transform:translateY(4.9px) translateX(-4.23782px);}
29%{-moz-transform:translateY(5.075px) translateX(-4.14831px);}
30%{-moz-transform:translateY(5.25px) translateX(-4.04508px);}
31%{-moz-transform:translateY(5.425px) translateX(-3.92863px);}
32%{-moz-transform:translateY(5.6px) translateX(-3.79948px);}
33%{-moz-transform:translateY(5.775px) translateX(-3.65815px);}
34%{-moz-transform:translateY(5.95px) translateX(-3.50523px);}
35%{-moz-transform:translateY(6.125px) translateX(-3.34127px);}
36%{-moz-transform:translateY(6.3px) translateX(-3.16689px);}
37%{-moz-transform:translateY(6.475px) translateX(-2.9827px);}
38%{-moz-transform:translateY(6.65px) translateX(-2.78933px);}
39%{-moz-transform:translateY(6.825px) translateX(-2.58742px);}
40%{-moz-transform:translateY(7px) translateX(-2.37764px);}
41%{-moz-transform:translateY(7.175px) translateX(-2.16066px);}
42%{-moz-transform:translateY(7.35px) translateX(-1.93717px);}
43%{-moz-transform:translateY(7.525px) translateX(-1.70785px);}
44%{-moz-transform:translateY(7.7px) translateX(-1.47343px);}
45%{-moz-transform:translateY(7.875px) translateX(-1.23461px);}
46%{-moz-transform:translateY(8.05px) translateX(-0.99211px);}
47%{-moz-transform:translateY(8.225px) translateX(-0.74667px);}
48%{-moz-transform:translateY(8.4px) translateX(-0.49901px);}
49%{-moz-transform:translateY(8.575px) translateX(-0.24988px);}
50%{-moz-transform:translateY(8.75px) translateX(0px);}
51%{-moz-transform:translateY(8.925px) translateX(0.24988px);}
52%{-moz-transform:translateY(9.1px) translateX(0.49901px);}
53%{-moz-transform:translateY(9.275px) translateX(0.74667px);}
54%{-moz-transform:translateY(9.45px) translateX(0.99211px);}
55%{-moz-transform:translateY(9.625px) translateX(1.23461px);}
56%{-moz-transform:translateY(9.8px) translateX(1.47343px);}
57%{-moz-transform:translateY(9.975px) translateX(1.70785px);}
58%{-moz-transform:translateY(10.15px) translateX(1.93717px);}
59%{-moz-transform:translateY(10.325px) translateX(2.16066px);}
60%{-moz-transform:translateY(10.5px) translateX(2.37764px);}
61%{-moz-transform:translateY(10.675px) translateX(2.58742px);}
62%{-moz-transform:translateY(10.85px) translateX(2.78933px);}
63%{-moz-transform:translateY(11.025px) translateX(2.9827px);}
64%{-moz-transform:translateY(11.2px) translateX(3.16689px);}
65%{-moz-transform:translateY(11.375px) translateX(3.34127px);}
66%{-moz-transform:translateY(11.55px) translateX(3.50523px);}
67%{-moz-transform:translateY(11.725px) translateX(3.65815px);}
68%{-moz-transform:translateY(11.9px) translateX(3.79948px);}
69%{-moz-transform:translateY(12.075px) translateX(3.92863px);}
70%{-moz-transform:translateY(12.25px) translateX(4.04508px);}
71%{-moz-transform:translateY(12.425px) translateX(4.14831px);}
72%{-moz-transform:translateY(12.6px) translateX(4.23782px);}
73%{-moz-transform:translateY(12.775px) translateX(4.31314px);}
74%{-moz-transform:translateY(12.95px) translateX(4.37381px);}
75%{-moz-transform:translateY(13.125px) translateX(4.41942px);}
76%{-moz-transform:translateY(13.3px) translateX(4.44956px);}
77%{-moz-transform:translateY(13.475px) translateX(4.46386px);}
78%{-moz-transform:translateY(13.65px) translateX(4.46197px);}
79%{-moz-transform:translateY(13.825px) translateX(4.44358px);}
80%{-moz-transform:translateY(14px) translateX(4.40839px);}
81%{-moz-transform:translateY(14.175px) translateX(4.35615px);}
82%{-moz-transform:translateY(14.35px) translateX(4.28661px);}
83%{-moz-transform:translateY(14.525px) translateX(4.19959px);}
84%{-moz-transform:translateY(14.7px) translateX(4.09491px);}
85%{-moz-transform:translateY(14.875px) translateX(3.97242px);}
86%{-moz-transform:translateY(15.05px) translateX(3.83201px);}
87%{-moz-transform:translateY(15.225px) translateX(3.67362px);}
88%{-moz-transform:translateY(15.4px) translateX(3.49718px);}
89%{-moz-transform:translateY(15.575px) translateX(3.30269px);}
90%{-moz-transform:translateY(15.75px) translateX(3.09017px);}
91%{-moz-transform:translateY(15.925px) translateX(2.85966px);}
92%{-moz-transform:translateY(16.1px) translateX(2.61124px);}
93%{-moz-transform:translateY(16.275px) translateX(2.34504px);}
94%{-moz-transform:translateY(16.45px) translateX(2.06119px);}
95%{-moz-transform:translateY(16.625px) translateX(1.75989px);}
96%{-moz-transform:translateY(16.8px) translateX(1.44133px);}
97%{-moz-transform:translateY(16.975px) translateX(1.10577px);}
98%{-moz-transform:translateY(17.15px) translateX(0.75349px);}
99%{-moz-transform:translateY(17.325px) translateX(0.38478px);}
100%{-moz-transform:translateY(17.5px) translateX(0.0px);}
}
@-o-keyframes snowFall2{0%{-o-transform:translateY(0px) translateX(0px);}
1%{-o-transform:translateY(0.175px) translateX(-0.38478px);}
2%{-o-transform:translateY(0.35px) translateX(-0.75349px);}
3%{-o-transform:translateY(0.525px) translateX(-1.10577px);}
4%{-o-transform:translateY(0.7px) translateX(-1.44133px);}
5%{-o-transform:translateY(0.875px) translateX(-1.75989px);}
6%{-o-transform:translateY(1.05px) translateX(-2.06119px);}
7%{-o-transform:translateY(1.225px) translateX(-2.34504px);}
8%{-o-transform:translateY(1.4px) translateX(-2.61124px);}
9%{-o-transform:translateY(1.575px) translateX(-2.85966px);}
10%{-o-transform:translateY(1.75px) translateX(-3.09017px);}
11%{-o-transform:translateY(1.925px) translateX(-3.30269px);}
12%{-o-transform:translateY(2.1px) translateX(-3.49718px);}
13%{-o-transform:translateY(2.275px) translateX(-3.67362px);}
14%{-o-transform:translateY(2.45px) translateX(-3.83201px);}
15%{-o-transform:translateY(2.625px) translateX(-3.97242px);}
16%{-o-transform:translateY(2.8px) translateX(-4.09491px);}
17%{-o-transform:translateY(2.975px) translateX(-4.19959px);}
18%{-o-transform:translateY(3.15px) translateX(-4.28661px);}
19%{-o-transform:translateY(3.325px) translateX(-4.35615px);}
20%{-o-transform:translateY(3.5px) translateX(-4.40839px);}
21%{-o-transform:translateY(3.675px) translateX(-4.44358px);}
22%{-o-transform:translateY(3.85px) translateX(-4.46197px);}
23%{-o-transform:translateY(4.025px) translateX(-4.46386px);}
24%{-o-transform:translateY(4.2px) translateX(-4.44956px);}
25%{-o-transform:translateY(4.375px) translateX(-4.41942px);}
26%{-o-transform:translateY(4.55px) translateX(-4.37381px);}
27%{-o-transform:translateY(4.725px) translateX(-4.31314px);}
28%{-o-transform:translateY(4.9px) translateX(-4.23782px);}
29%{-o-transform:translateY(5.075px) translateX(-4.14831px);}
30%{-o-transform:translateY(5.25px) translateX(-4.04508px);}
31%{-o-transform:translateY(5.425px) translateX(-3.92863px);}
32%{-o-transform:translateY(5.6px) translateX(-3.79948px);}
33%{-o-transform:translateY(5.775px) translateX(-3.65815px);}
34%{-o-transform:translateY(5.95px) translateX(-3.50523px);}
35%{-o-transform:translateY(6.125px) translateX(-3.34127px);}
36%{-o-transform:translateY(6.3px) translateX(-3.16689px);}
37%{-o-transform:translateY(6.475px) translateX(-2.9827px);}
38%{-o-transform:translateY(6.65px) translateX(-2.78933px);}
39%{-o-transform:translateY(6.825px) translateX(-2.58742px);}
40%{-o-transform:translateY(7px) translateX(-2.37764px);}
41%{-o-transform:translateY(7.175px) translateX(-2.16066px);}
42%{-o-transform:translateY(7.35px) translateX(-1.93717px);}
43%{-o-transform:translateY(7.525px) translateX(-1.70785px);}
44%{-o-transform:translateY(7.7px) translateX(-1.47343px);}
45%{-o-transform:translateY(7.875px) translateX(-1.23461px);}
46%{-o-transform:translateY(8.05px) translateX(-0.99211px);}
47%{-o-transform:translateY(8.225px) translateX(-0.74667px);}
48%{-o-transform:translateY(8.4px) translateX(-0.49901px);}
49%{-o-transform:translateY(8.575px) translateX(-0.24988px);}
50%{-o-transform:translateY(8.75px) translateX(0px);}
51%{-o-transform:translateY(8.925px) translateX(0.24988px);}
52%{-o-transform:translateY(9.1px) translateX(0.49901px);}
53%{-o-transform:translateY(9.275px) translateX(0.74667px);}
54%{-o-transform:translateY(9.45px) translateX(0.99211px);}
55%{-o-transform:translateY(9.625px) translateX(1.23461px);}
56%{-o-transform:translateY(9.8px) translateX(1.47343px);}
57%{-o-transform:translateY(9.975px) translateX(1.70785px);}
58%{-o-transform:translateY(10.15px) translateX(1.93717px);}
59%{-o-transform:translateY(10.325px) translateX(2.16066px);}
60%{-o-transform:translateY(10.5px) translateX(2.37764px);}
61%{-o-transform:translateY(10.675px) translateX(2.58742px);}
62%{-o-transform:translateY(10.85px) translateX(2.78933px);}
63%{-o-transform:translateY(11.025px) translateX(2.9827px);}
64%{-o-transform:translateY(11.2px) translateX(3.16689px);}
65%{-o-transform:translateY(11.375px) translateX(3.34127px);}
66%{-o-transform:translateY(11.55px) translateX(3.50523px);}
67%{-o-transform:translateY(11.725px) translateX(3.65815px);}
68%{-o-transform:translateY(11.9px) translateX(3.79948px);}
69%{-o-transform:translateY(12.075px) translateX(3.92863px);}
70%{-o-transform:translateY(12.25px) translateX(4.04508px);}
71%{-o-transform:translateY(12.425px) translateX(4.14831px);}
72%{-o-transform:translateY(12.6px) translateX(4.23782px);}
73%{-o-transform:translateY(12.775px) translateX(4.31314px);}
74%{-o-transform:translateY(12.95px) translateX(4.37381px);}
75%{-o-transform:translateY(13.125px) translateX(4.41942px);}
76%{-o-transform:translateY(13.3px) translateX(4.44956px);}
77%{-o-transform:translateY(13.475px) translateX(4.46386px);}
78%{-o-transform:translateY(13.65px) translateX(4.46197px);}
79%{-o-transform:translateY(13.825px) translateX(4.44358px);}
80%{-o-transform:translateY(14px) translateX(4.40839px);}
81%{-o-transform:translateY(14.175px) translateX(4.35615px);}
82%{-o-transform:translateY(14.35px) translateX(4.28661px);}
83%{-o-transform:translateY(14.525px) translateX(4.19959px);}
84%{-o-transform:translateY(14.7px) translateX(4.09491px);}
85%{-o-transform:translateY(14.875px) translateX(3.97242px);}
86%{-o-transform:translateY(15.05px) translateX(3.83201px);}
87%{-o-transform:translateY(15.225px) translateX(3.67362px);}
88%{-o-transform:translateY(15.4px) translateX(3.49718px);}
89%{-o-transform:translateY(15.575px) translateX(3.30269px);}
90%{-o-transform:translateY(15.75px) translateX(3.09017px);}
91%{-o-transform:translateY(15.925px) translateX(2.85966px);}
92%{-o-transform:translateY(16.1px) translateX(2.61124px);}
93%{-o-transform:translateY(16.275px) translateX(2.34504px);}
94%{-o-transform:translateY(16.45px) translateX(2.06119px);}
95%{-o-transform:translateY(16.625px) translateX(1.75989px);}
96%{-o-transform:translateY(16.8px) translateX(1.44133px);}
97%{-o-transform:translateY(16.975px) translateX(1.10577px);}
98%{-o-transform:translateY(17.15px) translateX(0.75349px);}
99%{-o-transform:translateY(17.325px) translateX(0.38478px);}
100%{-o-transform:translateY(17.5px) translateX(0.0px);}
}
@keyframes snowFall2{0%{transform:translateY(0px) translateX(0px);}
1%{transform:translateY(0.175px) translateX(-0.38478px);}
2%{transform:translateY(0.35px) translateX(-0.75349px);}
3%{transform:translateY(0.525px) translateX(-1.10577px);}
4%{transform:translateY(0.7px) translateX(-1.44133px);}
5%{transform:translateY(0.875px) translateX(-1.75989px);}
6%{transform:translateY(1.05px) translateX(-2.06119px);}
7%{transform:translateY(1.225px) translateX(-2.34504px);}
8%{transform:translateY(1.4px) translateX(-2.61124px);}
9%{transform:translateY(1.575px) translateX(-2.85966px);}
10%{transform:translateY(1.75px) translateX(-3.09017px);}
11%{transform:translateY(1.925px) translateX(-3.30269px);}
12%{transform:translateY(2.1px) translateX(-3.49718px);}
13%{transform:translateY(2.275px) translateX(-3.67362px);}
14%{transform:translateY(2.45px) translateX(-3.83201px);}
15%{transform:translateY(2.625px) translateX(-3.97242px);}
16%{transform:translateY(2.8px) translateX(-4.09491px);}
17%{transform:translateY(2.975px) translateX(-4.19959px);}
18%{transform:translateY(3.15px) translateX(-4.28661px);}
19%{transform:translateY(3.325px) translateX(-4.35615px);}
20%{transform:translateY(3.5px) translateX(-4.40839px);}
21%{transform:translateY(3.675px) translateX(-4.44358px);}
22%{transform:translateY(3.85px) translateX(-4.46197px);}
23%{transform:translateY(4.025px) translateX(-4.46386px);}
24%{transform:translateY(4.2px) translateX(-4.44956px);}
25%{transform:translateY(4.375px) translateX(-4.41942px);}
26%{transform:translateY(4.55px) translateX(-4.37381px);}
27%{transform:translateY(4.725px) translateX(-4.31314px);}
28%{transform:translateY(4.9px) translateX(-4.23782px);}
29%{transform:translateY(5.075px) translateX(-4.14831px);}
30%{transform:translateY(5.25px) translateX(-4.04508px);}
31%{transform:translateY(5.425px) translateX(-3.92863px);}
32%{transform:translateY(5.6px) translateX(-3.79948px);}
33%{transform:translateY(5.775px) translateX(-3.65815px);}
34%{transform:translateY(5.95px) translateX(-3.50523px);}
35%{transform:translateY(6.125px) translateX(-3.34127px);}
36%{transform:translateY(6.3px) translateX(-3.16689px);}
37%{transform:translateY(6.475px) translateX(-2.9827px);}
38%{transform:translateY(6.65px) translateX(-2.78933px);}
39%{transform:translateY(6.825px) translateX(-2.58742px);}
40%{transform:translateY(7px) translateX(-2.37764px);}
41%{transform:translateY(7.175px) translateX(-2.16066px);}
42%{transform:translateY(7.35px) translateX(-1.93717px);}
43%{transform:translateY(7.525px) translateX(-1.70785px);}
44%{transform:translateY(7.7px) translateX(-1.47343px);}
45%{transform:translateY(7.875px) translateX(-1.23461px);}
46%{transform:translateY(8.05px) translateX(-0.99211px);}
47%{transform:translateY(8.225px) translateX(-0.74667px);}
48%{transform:translateY(8.4px) translateX(-0.49901px);}
49%{transform:translateY(8.575px) translateX(-0.24988px);}
50%{transform:translateY(8.75px) translateX(0px);}
51%{transform:translateY(8.925px) translateX(0.24988px);}
52%{transform:translateY(9.1px) translateX(0.49901px);}
53%{transform:translateY(9.275px) translateX(0.74667px);}
54%{transform:translateY(9.45px) translateX(0.99211px);}
55%{transform:translateY(9.625px) translateX(1.23461px);}
56%{transform:translateY(9.8px) translateX(1.47343px);}
57%{transform:translateY(9.975px) translateX(1.70785px);}
58%{transform:translateY(10.15px) translateX(1.93717px);}
59%{transform:translateY(10.325px) translateX(2.16066px);}
60%{transform:translateY(10.5px) translateX(2.37764px);}
61%{transform:translateY(10.675px) translateX(2.58742px);}
62%{transform:translateY(10.85px) translateX(2.78933px);}
63%{transform:translateY(11.025px) translateX(2.9827px);}
64%{transform:translateY(11.2px) translateX(3.16689px);}
65%{transform:translateY(11.375px) translateX(3.34127px);}
66%{transform:translateY(11.55px) translateX(3.50523px);}
67%{transform:translateY(11.725px) translateX(3.65815px);}
68%{transform:translateY(11.9px) translateX(3.79948px);}
69%{transform:translateY(12.075px) translateX(3.92863px);}
70%{transform:translateY(12.25px) translateX(4.04508px);}
71%{transform:translateY(12.425px) translateX(4.14831px);}
72%{transform:translateY(12.6px) translateX(4.23782px);}
73%{transform:translateY(12.775px) translateX(4.31314px);}
74%{transform:translateY(12.95px) translateX(4.37381px);}
75%{transform:translateY(13.125px) translateX(4.41942px);}
76%{transform:translateY(13.3px) translateX(4.44956px);}
77%{transform:translateY(13.475px) translateX(4.46386px);}
78%{transform:translateY(13.65px) translateX(4.46197px);}
79%{transform:translateY(13.825px) translateX(4.44358px);}
80%{transform:translateY(14px) translateX(4.40839px);}
81%{transform:translateY(14.175px) translateX(4.35615px);}
82%{transform:translateY(14.35px) translateX(4.28661px);}
83%{transform:translateY(14.525px) translateX(4.19959px);}
84%{transform:translateY(14.7px) translateX(4.09491px);}
85%{transform:translateY(14.875px) translateX(3.97242px);}
86%{transform:translateY(15.05px) translateX(3.83201px);}
87%{transform:translateY(15.225px) translateX(3.67362px);}
88%{transform:translateY(15.4px) translateX(3.49718px);}
89%{transform:translateY(15.575px) translateX(3.30269px);}
90%{transform:translateY(15.75px) translateX(3.09017px);}
91%{transform:translateY(15.925px) translateX(2.85966px);}
92%{transform:translateY(16.1px) translateX(2.61124px);}
93%{transform:translateY(16.275px) translateX(2.34504px);}
94%{transform:translateY(16.45px) translateX(2.06119px);}
95%{transform:translateY(16.625px) translateX(1.75989px);}
96%{transform:translateY(16.8px) translateX(1.44133px);}
97%{transform:translateY(16.975px) translateX(1.10577px);}
98%{transform:translateY(17.15px) translateX(0.75349px);}
99%{transform:translateY(17.325px) translateX(0.38478px);}
100%{transform:translateY(17.5px) translateX(0.0px);}
}
/* Tornado */
@-webkit-keyframes translateTornado1{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateX(4px);}
75%{-webkit-transform:translateX(-4px);}
100%{-webkit-transform:translateX(0);}
}
@-webkit-keyframes translateTornado2{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateX(2px);}
75%{-webkit-transform:translateX(-2px);}
100%{-webkit-transform:translateX(0);}
}
@-webkit-keyframes translateTornado3{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateX(8px);}
75%{-webkit-transform:translateX(-8px);}
100%{-webkit-transform:translateX(0);}
}
@-webkit-keyframes translateTornado4{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateX(6px);}
75%{-webkit-transform:translateX(-6px);}
100%{-webkit-transform:translateX(0);}
}
@-webkit-keyframes translateTornado5{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateX(10px);}
75%{-webkit-transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);}
}
@-webkit-keyframes translateTornado6{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateX(6px);}
75%{-webkit-transform:translateX(-6px);}
100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes translateTornado1{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateX(4px);}
75%{-moz-transform:translateX(-4px);}
100%{-moz-transform:translateX(0);}
}
@-moz-keyframes translateTornado2{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateX(2px);}
75%{-moz-transform:translateX(-2px);}
100%{-moz-transform:translateX(0);}
}
@-moz-keyframes translateTornado3{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateX(8px);}
75%{-moz-transform:translateX(-8px);}
100%{-moz-transform:translateX(0);}
}
@-moz-keyframes translateTornado4{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateX(6px);}
75%{-moz-transform:translateX(-6px);}
100%{-moz-transform:translateX(0);}
}
@-moz-keyframes translateTornado5{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateX(10px);}
75%{-moz-transform:translateX(-10px);}
100%{-moz-transform:translateX(0);}
}
@-moz-keyframes translateTornado6{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateX(6px);}
75%{-moz-transform:translateX(-6px);}
100%{-moz-transform:translateX(0);}
}
@-o-keyframes translateTornado1{0%{-o-transform:translateY(0);}
25%{-o-transform:translateX(4px);}
75%{-o-transform:translateX(-4px);}
100%{-o-transform:translateX(0);}
}
@-o-keyframes translateTornado2{0%{-o-transform:translateY(0);}
25%{-o-transform:translateX(2px);}
75%{-o-transform:translateX(-2px);}
100%{-o-transform:translateX(0);}
}
@-o-keyframes translateTornado3{0%{-o-transform:translateY(0);}
25%{-o-transform:translateX(8px);}
75%{-o-transform:translateX(-8px);}
100%{-o-transform:translateX(0);}
}
@-o-keyframes translateTornado4{0%{-o-transform:translateY(0);}
25%{-o-transform:translateX(6px);}
75%{-o-transform:translateX(-6px);}
100%{-o-transform:translateX(0);}
}
@-o-keyframes translateTornado5{0%{-o-transform:translateY(0);}
25%{-o-transform:translateX(10px);}
75%{-o-transform:translateX(-10px);}
100%{-o-transform:translateX(0);}
}
@-o-keyframes translateTornado6{0%{-o-transform:translateY(0);}
25%{-o-transform:translateX(6px);}
75%{-o-transform:translateX(-6px);}
100%{-o-transform:translateX(0);}
}
@keyframes translateTornado1{0%{transform:translateY(0);}
25%{transform:translateX(4px);}
75%{transform:translateX(-4px);}
100%{transform:translateX(0);}
}
@keyframes translateTornado2{0%{transform:translateY(0);}
25%{transform:translateX(2px);}
75%{transform:translateX(-2px);}
100%{transform:translateX(0);}
}
@keyframes translateTornado3{0%{transform:translateY(0);}
25%{transform:translateX(8px);}
75%{transform:translateX(-8px);}
100%{transform:translateX(0);}
}
@keyframes translateTornado4{0%{transform:translateY(0);}
25%{transform:translateX(6px);}
75%{transform:translateX(-6px);}
100%{transform:translateX(0);}
}
@keyframes translateTornado5{0%{transform:translateY(0);}
25%{transform:translateX(10px);}
75%{transform:translateX(-10px);}
100%{transform:translateX(0);}
}
@keyframes translateTornado6{0%{transform:translateY(0);}
25%{transform:translateX(6px);}
75%{transform:translateX(-6px);}
100%{transform:translateX(0);}
}
@-webkit-keyframes translateFog{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateX(2.5px);}
75%{-webkit-transform:translateX(-2.5px);}
100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes translateFog{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateX(2.5px);}
75%{-moz-transform:translateX(-2.5px);}
100%{-moz-transform:translateX(0);}
}
@-o-keyframes translateFog{0%{-o-transform:translateY(0);}
25%{-o-transform:translateX(2.5px);}
75%{-o-transform:translateX(-2.5px);}
100%{-o-transform:translateX(0);}
}
@keyframes translateFog{0%{transform:translateY(0);}
25%{transform:translateX(2.5px);}
75%{transform:translateX(-2.5px);}
100%{transform:translateX(0);}
}
@-webkit-keyframes fillOpacityFog{0%{fill-opacity:0.5;stroke-opacity:0.5;}
50%{fill-opacity:1;stroke-opacity:1;}
100%{fill-opacity:0.5;stroke-opacity:0.5;}
}
@-moz-keyframes fillOpacityFog{0%{fill-opacity:0.5;stroke-opacity:0.5;}
50%{fill-opacity:1;stroke-opacity:1;}
100%{fill-opacity:0.5;stroke-opacity:0.5;}
}
@-o-keyframes fillOpacityFog{0%{fill-opacity:0.5;stroke-opacity:0.5;}
50%{fill-opacity:1;stroke-opacity:1;}
100%{fill-opacity:0.5;stroke-opacity:0.5;}
}
@keyframes fillOpacityFog{0%{fill-opacity:0.5;stroke-opacity:0.5;}
50%{fill-opacity:1;stroke-opacity:1;}
100%{fill-opacity:0.5;stroke-opacity:0.5;}
}
@-webkit-keyframes translateSunrise{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateY(-16.002px);}
100%{-webkit-transform:translateY(-16.002px);}
}
@-moz-keyframes translateSunrise{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateY(-16.002px);}
100%{-moz-transform:translateY(-16.002px);}
}
@-o-keyframes translateSunrise{0%{-o-transform:translateY(0);}
25%{-o-transform:translateY(-16.002px);}
100%{-o-transform:translateY(-16.002px);}
}
@keyframes translateSunrise{0%{transform:translateY(0);}
25%{transform:translateY(-16.002px);}
100%{transform:translateY(-16.002px);}
}
@-webkit-keyframes translateSunset{0%{-webkit-transform:translateY(-16px);}
25%{-webkit-transform:translateY(-4px);}
100%{-webkit-transform:translateY(-4px);}
}
@-moz-keyframes translateSunset{0%{-moz-transform:translateY(-16px);}
25%{-moz-transform:translateY(-4px);}
100%{-moz-transform:translateY(-4px);}
}
@-o-keyframes translateSunset{0%{-o-transform:translateY(-16px);}
25%{-o-transform:translateY(-4px);}
100%{-o-transform:translateY(-4px);}
}
@keyframes translateSunset{0%{transform:translateY(-16px);}
25%{transform:translateY(-4px);}
100%{transform:translateY(-4px);}
}
@-webkit-keyframes translateArrowDown{0%{-webkit-transform:translateY(2px);}
100%{-webkit-transform:translateY(5px);}
}
@-moz-keyframes translateArrowDown{0%{-moz-transform:translateY(2px);}
100%{-moz-transform:translateY(5px);}
}
@-o-keyframes translateArrowDown{0%{-o-transform:translateY(2px);}
100%{-o-transform:translateY(5px);}
}
@keyframes translateArrowDown{0%{transform:translateY(2px);}
100%{transform:translateY(5px);}
}
@-webkit-keyframes translateArrowUp{0%{-webkit-transform:translateY(-2.002px);}
100%{-webkit-transform:translateY(-4.998px);}
}
@-moz-keyframes translateArrowUp{0%{-moz-transform:translateY(-2.002px);}
100%{-moz-transform:translateY(-4.998px);}
}
@-o-keyframes translateArrowUp{0%{-o-transform:translateY(-2.002px);}
100%{-o-transform:translateY(-4.998px);}
}
@keyframes translateArrowUp{0%{transform:translateY(-2.002px);}
100%{transform:translateY(-4.998px);}
}
@-webkit-keyframes translateWind{0%{-webkit-transform:translateY(0);}
25%{-webkit-transform:translateX(4.998px);}
75%{-webkit-transform:translateX(-4.998px);}
100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes translateWind{0%{-moz-transform:translateY(0);}
25%{-moz-transform:translateX(4.998px);}
75%{-moz-transform:translateX(-4.998px);}
100%{-moz-transform:translateX(0);}
}
@-o-keyframes translateWind{0%{-o-transform:translateY(0);}
25%{-o-transform:translateX(4.998px);}
75%{-o-transform:translateX(-4.998px);}
100%{-o-transform:translateX(0);}
}
@keyframes translateWind{0%{transform:translateY(0);}
25%{transform:translateX(4.998px);}
75%{transform:translateX(-4.998px);}
100%{transform:translateX(0);}
}
分享到QQ
分享到微博
微信扫一扫
