@charset "UTF-8";
/* ILVES säästölaskuri 2019 Scss Document */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* ilves colors */
@font-face {
  font-family: 'Socicon';
  src: url("../fonts/Socicon.eot?6abp0d");
  src: url("../fonts/Socicon.eot?6abp0d#iefix") format("embedded-opentype"), url("../fonts/Socicon.woff2?6abp0d") format("woff2"), url("../fonts/Socicon.ttf?6abp0d") format("truetype"), url("../fonts/Socicon.woff?6abp0d") format("woff"), url("../fonts/Socicon.svg?6abp0d#Socicon") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.socicon-moddb:before {
  content: "\e94b"; }

.socicon-indiedb:before {
  content: "\e94c"; }

.socicon-traxsource:before {
  content: "\e94d"; }

.socicon-gamefor:before {
  content: "\e94e"; }

.socicon-pixiv:before {
  content: "\e94f"; }

.socicon-myanimelist:before {
  content: "\e950"; }

.socicon-blackberry:before {
  content: "\e951"; }

.socicon-wickr:before {
  content: "\e952"; }

.socicon-spip:before {
  content: "\e953"; }

.socicon-napster:before {
  content: "\e954"; }

.socicon-beatport:before {
  content: "\e955"; }

.socicon-hackerone:before {
  content: "\e956"; }

.socicon-hackernews:before {
  content: "\e946"; }

.socicon-smashwords:before {
  content: "\e947"; }

.socicon-kobo:before {
  content: "\e948"; }

.socicon-bookbub:before {
  content: "\e949"; }

.socicon-mailru:before {
  content: "\e94a"; }

.socicon-gitlab:before {
  content: "\e945"; }

.socicon-instructables:before {
  content: "\e944"; }

.socicon-portfolio:before {
  content: "\e943"; }

.socicon-codered:before {
  content: "\e940"; }

.socicon-origin:before {
  content: "\e941"; }

.socicon-nextdoor:before {
  content: "\e942"; }

.socicon-udemy:before {
  content: "\e93f"; }

.socicon-livemaster:before {
  content: "\e93e"; }

.socicon-crunchbase:before {
  content: "\e93b"; }

.socicon-homefy:before {
  content: "\e93c"; }

.socicon-calendly:before {
  content: "\e93d"; }

.socicon-realtor:before {
  content: "\e90f"; }

.socicon-tidal:before {
  content: "\e910"; }

.socicon-qobuz:before {
  content: "\e911"; }

.socicon-natgeo:before {
  content: "\e912"; }

.socicon-mastodon:before {
  content: "\e913"; }

.socicon-unsplash:before {
  content: "\e914"; }

.socicon-homeadvisor:before {
  content: "\e915"; }

.socicon-angieslist:before {
  content: "\e916"; }

.socicon-codepen:before {
  content: "\e917"; }

.socicon-slack:before {
  content: "\e918"; }

.socicon-openaigym:before {
  content: "\e919"; }

.socicon-logmein:before {
  content: "\e91a"; }

.socicon-fiverr:before {
  content: "\e91b"; }

.socicon-gotomeeting:before {
  content: "\e91c"; }

.socicon-aliexpress:before {
  content: "\e91d"; }

.socicon-guru:before {
  content: "\e91e"; }

.socicon-appstore:before {
  content: "\e91f"; }

.socicon-homes:before {
  content: "\e920"; }

.socicon-zoom:before {
  content: "\e921"; }

.socicon-alibaba:before {
  content: "\e922"; }

.socicon-craigslist:before {
  content: "\e923"; }

.socicon-wix:before {
  content: "\e924"; }

.socicon-redfin:before {
  content: "\e925"; }

.socicon-googlecalendar:before {
  content: "\e926"; }

.socicon-shopify:before {
  content: "\e927"; }

.socicon-freelancer:before {
  content: "\e928"; }

.socicon-seedrs:before {
  content: "\e929"; }

.socicon-bing:before {
  content: "\e92a"; }

.socicon-doodle:before {
  content: "\e92b"; }

.socicon-bonanza:before {
  content: "\e92c"; }

.socicon-squarespace:before {
  content: "\e92d"; }

.socicon-toptal:before {
  content: "\e92e"; }

.socicon-gust:before {
  content: "\e92f"; }

.socicon-ask:before {
  content: "\e930"; }

.socicon-trulia:before {
  content: "\e931"; }

.socicon-loomly:before {
  content: "\e932"; }

.socicon-ghost:before {
  content: "\e933"; }

.socicon-upwork:before {
  content: "\e934"; }

.socicon-fundable:before {
  content: "\e935"; }

.socicon-booking:before {
  content: "\e936"; }

.socicon-googlemaps:before {
  content: "\e937"; }

.socicon-zillow:before {
  content: "\e938"; }

.socicon-niconico:before {
  content: "\e939"; }

.socicon-toneden:before {
  content: "\e93a"; }

.socicon-augment:before {
  content: "\e908"; }

.socicon-bitbucket:before {
  content: "\e909"; }

.socicon-fyuse:before {
  content: "\e90a"; }

.socicon-yt-gaming:before {
  content: "\e90b"; }

.socicon-sketchfab:before {
  content: "\e90c"; }

.socicon-mobcrush:before {
  content: "\e90d"; }

.socicon-microsoft:before {
  content: "\e90e"; }

.socicon-pandora:before {
  content: "\e907"; }

.socicon-messenger:before {
  content: "\e906"; }

.socicon-gamewisp:before {
  content: "\e905"; }

.socicon-bloglovin:before {
  content: "\e904"; }

.socicon-tunein:before {
  content: "\e903"; }

.socicon-gamejolt:before {
  content: "\e901"; }

.socicon-trello:before {
  content: "\e902"; }

.socicon-spreadshirt:before {
  content: "\e900"; }

.socicon-500px:before {
  content: "\e000"; }

.socicon-8tracks:before {
  content: "\e001"; }

.socicon-airbnb:before {
  content: "\e002"; }

.socicon-alliance:before {
  content: "\e003"; }

.socicon-amazon:before {
  content: "\e004"; }

.socicon-amplement:before {
  content: "\e005"; }

.socicon-android:before {
  content: "\e006"; }

.socicon-angellist:before {
  content: "\e007"; }

.socicon-apple:before {
  content: "\e008"; }

.socicon-appnet:before {
  content: "\e009"; }

.socicon-baidu:before {
  content: "\e00a"; }

.socicon-bandcamp:before {
  content: "\e00b"; }

.socicon-battlenet:before {
  content: "\e00c"; }

.socicon-mixer:before {
  content: "\e00d"; }

.socicon-bebee:before {
  content: "\e00e"; }

.socicon-bebo:before {
  content: "\e00f"; }

.socicon-behance:before {
  content: "\e010"; }

.socicon-blizzard:before {
  content: "\e011"; }

.socicon-blogger:before {
  content: "\e012"; }

.socicon-buffer:before {
  content: "\e013"; }

.socicon-chrome:before {
  content: "\e014"; }

.socicon-coderwall:before {
  content: "\e015"; }

.socicon-curse:before {
  content: "\e016"; }

.socicon-dailymotion:before {
  content: "\e017"; }

.socicon-deezer:before {
  content: "\e018"; }

.socicon-delicious:before {
  content: "\e019"; }

.socicon-deviantart:before {
  content: "\e01a"; }

.socicon-diablo:before {
  content: "\e01b"; }

.socicon-digg:before {
  content: "\e01c"; }

.socicon-discord:before {
  content: "\e01d"; }

.socicon-disqus:before {
  content: "\e01e"; }

.socicon-douban:before {
  content: "\e01f"; }

.socicon-draugiem:before {
  content: "\e020"; }

.socicon-dribbble:before {
  content: "\e021"; }

.socicon-drupal:before {
  content: "\e022"; }

.socicon-ebay:before {
  content: "\e023"; }

.socicon-ello:before {
  content: "\e024"; }

.socicon-endomodo:before {
  content: "\e025"; }

.socicon-envato:before {
  content: "\e026"; }

.socicon-etsy:before {
  content: "\e027"; }

.socicon-facebook:before {
  content: "\e028"; }

.socicon-feedburner:before {
  content: "\e029"; }

.socicon-filmweb:before {
  content: "\e02a"; }

.socicon-firefox:before {
  content: "\e02b"; }

.socicon-flattr:before {
  content: "\e02c"; }

.socicon-flickr:before {
  content: "\e02d"; }

.socicon-formulr:before {
  content: "\e02e"; }

.socicon-forrst:before {
  content: "\e02f"; }

.socicon-foursquare:before {
  content: "\e030"; }

.socicon-friendfeed:before {
  content: "\e031"; }

.socicon-github:before {
  content: "\e032"; }

.socicon-goodreads:before {
  content: "\e033"; }

.socicon-google:before {
  content: "\e034"; }

.socicon-googlescholar:before {
  content: "\e035"; }

.socicon-googlegroups:before {
  content: "\e036"; }

.socicon-googlephotos:before {
  content: "\e037"; }

.socicon-googleplus:before {
  content: "\e038"; }

.socicon-grooveshark:before {
  content: "\e039"; }

.socicon-hackerrank:before {
  content: "\e03a"; }

.socicon-hearthstone:before {
  content: "\e03b"; }

.socicon-hellocoton:before {
  content: "\e03c"; }

.socicon-heroes:before {
  content: "\e03d"; }

.socicon-smashcast:before {
  content: "\e03e"; }

.socicon-horde:before {
  content: "\e03f"; }

.socicon-houzz:before {
  content: "\e040"; }

.socicon-icq:before {
  content: "\e041"; }

.socicon-identica:before {
  content: "\e042"; }

.socicon-imdb:before {
  content: "\e043"; }

.socicon-instagram:before {
  content: "\e044"; }

.socicon-issuu:before {
  content: "\e045"; }

.socicon-istock:before {
  content: "\e046"; }

.socicon-itunes:before {
  content: "\e047"; }

.socicon-keybase:before {
  content: "\e048"; }

.socicon-lanyrd:before {
  content: "\e049"; }

.socicon-lastfm:before {
  content: "\e04a"; }

.socicon-line:before {
  content: "\e04b"; }

.socicon-linkedin:before {
  content: "\e04c"; }

.socicon-livejournal:before {
  content: "\e04d"; }

.socicon-lyft:before {
  content: "\e04e"; }

.socicon-macos:before {
  content: "\e04f"; }

.socicon-mail:before {
  content: "\e050"; }

.socicon-medium:before {
  content: "\e051"; }

.socicon-meetup:before {
  content: "\e052"; }

.socicon-mixcloud:before {
  content: "\e053"; }

.socicon-modelmayhem:before {
  content: "\e054"; }

.socicon-mumble:before {
  content: "\e055"; }

.socicon-myspace:before {
  content: "\e056"; }

.socicon-newsvine:before {
  content: "\e057"; }

.socicon-nintendo:before {
  content: "\e058"; }

.socicon-npm:before {
  content: "\e059"; }

.socicon-odnoklassniki:before {
  content: "\e05a"; }

.socicon-openid:before {
  content: "\e05b"; }

.socicon-opera:before {
  content: "\e05c"; }

.socicon-outlook:before {
  content: "\e05d"; }

.socicon-overwatch:before {
  content: "\e05e"; }

.socicon-patreon:before {
  content: "\e05f"; }

.socicon-paypal:before {
  content: "\e060"; }

.socicon-periscope:before {
  content: "\e061"; }

.socicon-persona:before {
  content: "\e062"; }

.socicon-pinterest:before {
  content: "\e063"; }

.socicon-play:before {
  content: "\e064"; }

.socicon-player:before {
  content: "\e065"; }

.socicon-playstation:before {
  content: "\e066"; }

.socicon-pocket:before {
  content: "\e067"; }

.socicon-qq:before {
  content: "\e068"; }

.socicon-quora:before {
  content: "\e069"; }

.socicon-raidcall:before {
  content: "\e06a"; }

.socicon-ravelry:before {
  content: "\e06b"; }

.socicon-reddit:before {
  content: "\e06c"; }

.socicon-renren:before {
  content: "\e06d"; }

.socicon-researchgate:before {
  content: "\e06e"; }

.socicon-residentadvisor:before {
  content: "\e06f"; }

.socicon-reverbnation:before {
  content: "\e070"; }

.socicon-rss:before {
  content: "\e071"; }

.socicon-sharethis:before {
  content: "\e072"; }

.socicon-skype:before {
  content: "\e073"; }

.socicon-slideshare:before {
  content: "\e074"; }

.socicon-smugmug:before {
  content: "\e075"; }

.socicon-snapchat:before {
  content: "\e076"; }

.socicon-songkick:before {
  content: "\e077"; }

.socicon-soundcloud:before {
  content: "\e078"; }

.socicon-spotify:before {
  content: "\e079"; }

.socicon-stackexchange:before {
  content: "\e07a"; }

.socicon-stackoverflow:before {
  content: "\e07b"; }

.socicon-starcraft:before {
  content: "\e07c"; }

.socicon-stayfriends:before {
  content: "\e07d"; }

.socicon-steam:before {
  content: "\e07e"; }

.socicon-storehouse:before {
  content: "\e07f"; }

.socicon-strava:before {
  content: "\e080"; }

.socicon-streamjar:before {
  content: "\e081"; }

.socicon-stumbleupon:before {
  content: "\e082"; }

.socicon-swarm:before {
  content: "\e083"; }

.socicon-teamspeak:before {
  content: "\e084"; }

.socicon-teamviewer:before {
  content: "\e085"; }

.socicon-technorati:before {
  content: "\e086"; }

.socicon-telegram:before {
  content: "\e087"; }

.socicon-tripadvisor:before {
  content: "\e088"; }

.socicon-tripit:before {
  content: "\e089"; }

.socicon-triplej:before {
  content: "\e08a"; }

.socicon-tumblr:before {
  content: "\e08b"; }

.socicon-twitch:before {
  content: "\e08c"; }

.socicon-twitter:before {
  content: "\e08d"; }

.socicon-uber:before {
  content: "\e08e"; }

.socicon-ventrilo:before {
  content: "\e08f"; }

.socicon-viadeo:before {
  content: "\e090"; }

.socicon-viber:before {
  content: "\e091"; }

.socicon-viewbug:before {
  content: "\e092"; }

.socicon-vimeo:before {
  content: "\e093"; }

.socicon-vine:before {
  content: "\e094"; }

.socicon-vkontakte:before {
  content: "\e095"; }

.socicon-warcraft:before {
  content: "\e096"; }

.socicon-wechat:before {
  content: "\e097"; }

.socicon-weibo:before {
  content: "\e098"; }

.socicon-whatsapp:before {
  content: "\e099"; }

.socicon-wikipedia:before {
  content: "\e09a"; }

.socicon-windows:before {
  content: "\e09b"; }

.socicon-wordpress:before {
  content: "\e09c"; }

.socicon-wykop:before {
  content: "\e09d"; }

.socicon-xbox:before {
  content: "\e09e"; }

.socicon-xing:before {
  content: "\e09f"; }

.socicon-yahoo:before {
  content: "\e0a0"; }

.socicon-yammer:before {
  content: "\e0a1"; }

.socicon-yandex:before {
  content: "\e0a2"; }

.socicon-yelp:before {
  content: "\e0a3"; }

.socicon-younow:before {
  content: "\e0a4"; }

.socicon-youtube:before {
  content: "\e0a5"; }

.socicon-zapier:before {
  content: "\e0a6"; }

.socicon-zerply:before {
  content: "\e0a7"; }

.socicon-zomato:before {
  content: "\e0a8"; }

.socicon-zynga:before {
  content: "\e0a9"; }

/* mixins */
/* ilves solutions 2018*/
/* gradients */
/* ilves colors */
.gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$ilvesGreen+0,1b75bc+50,6b5b95+100 */
  background: #00a591;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #00a591 0%, #1b75bc 50%, #6b5b95 100%);
  background: -webkit-gradient(linear, left top, right top, from(#00a591), color-stop(50%, #1b75bc), to(#6b5b95));
  background: linear-gradient(left, #00a591 0%, #1b75bc 50%, #6b5b95 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$ilvesGreen', endColorstr='$ilvesPurple',GradientType=0 );
  /* IE6-9 */ }

.gradient2 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$ilvesGreen+0,1b75bc+50,6b5b95+100 */
  background: #00a591;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top, rgba(0, 165, 145, 0.85) 0%, rgba(27, 117, 188, 0.85) 50%, rgba(107, 91, 149, 0.85) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 165, 145, 0.85)), color-stop(50%, rgba(27, 117, 188, 0.85)), to(rgba(107, 91, 149, 0.85)));
  background: linear-gradient(to bottom, rgba(0, 165, 145, 0.85) 0%, rgba(27, 117, 188, 0.85) 50%, rgba(107, 91, 149, 0.85) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$ilvesGreen', endColorstr='$ilvesPurple',GradientType=0 );
  /* IE6-9 */ }

.gradient3 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#26b2a1+0,3f89c5+50,8174a5+100 */
  background: #26b2a1;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(45deg, #26b2a1 0%, #3f89c5 50%, #8174a5 100%);
  background: linear-gradient(45deg, #26b2a1 0%, #3f89c5 50%, #8174a5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b2a1', endColorstr='#8174a5',GradientType=0 );
  /* IE6-9 */ }

.gradient4 {
  background: #1b75bc;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top, #1b75bc 0%, #00a591 50%, #fcd146 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#1b75bc), color-stop(50%, #00a591), to(#fcd146));
  background: linear-gradient(to bottom, #1b75bc 0%, #00a591 50%, #fcd146 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$ilvesBlue', endColorstr='$ilvesYellow',GradientType=0 );
  /* IE6-9 */ }

.gradient5 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$ilvesGreen+0,1b75bc+50,6b5b95+100 */
  background: #00a591;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(100deg, #00a591 0%, #1b75bc 50%, #6b5b95 100%);
  background: linear-gradient(-10deg, #00a591 0%, #1b75bc 50%, #6b5b95 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$ilvesGreen', endColorstr='$ilvesPurple',GradientType=0 );
  /* IE6-9 */ }

.gradient6 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$ilvesGreen+0,1b75bc+50,6b5b95+100 */
  background: #00a591;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(45deg, #fcd146, #e94b3c, #6b5b95);
  background: linear-gradient(45deg, #fcd146, #e94b3c, #6b5b95);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$ilvesYellow', endColorstr='$ilvesPurple',GradientType=0 );
  /* IE6-9 */ }

.grad-anim {
  background-image: -o-linear-gradient(45deg, #00a591, #1b75bc, #6b5b95, #e94b3c, #fcd146);
  background-image: linear-gradient(45deg, #00a591, #1b75bc, #6b5b95, #e94b3c, #fcd146);
  background-size: 400% 300%;
  animation: Gradient 30s ease-in-out infinite;
  -webkit-animation: Gradient 30s ease-in-out infinite;
  -moz-animation: Gradient 30s ease-in-out infinite; }

.gradient-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$ilvesGreen+0,1b75bc+50,6b5b95+100 */
  background: #00a591;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(45deg, #e94b3c, #6b5b95, #1b75bc);
  background: linear-gradient(45deg, #e94b3c, #6b5b95, #1b75bc);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$ilvesRed', endColorstr='$ilvesBlue',GradientType=0 );
  /* IE6-9 */ }

.gradient-all {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$ilvesGreen+0,1b75bc+50,6b5b95+100 */
  background: #00a591;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(30deg, #e94b3c, #6b5b95, #1b75bc, #fcd146);
  background: linear-gradient(60deg, #e94b3c, #6b5b95, #1b75bc, #fcd146);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$ilvesRed', endColorstr='$ilvesBlue',GradientType=0 );
  /* IE6-9 */ }

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/* */
.grad-anim2 {
  position: absolute;
  width: 300vw;
  height: 100vh;
  background-image: -o-linear-gradient(45deg, #00a591 10%, #1b75bc, #6b5b95, #e94b3c, #fcd146);
  background-image: linear-gradient(45deg, #00a591 10%, #1b75bc, #6b5b95, #e94b3c, #fcd146);
  background-size: 100%;
  -webkit-filter: blur(100px);
  filter: blur(100px); }

/*.grad-anim2.run {
			animation: Gradient2 30s ease-in-out infinite;
			-webkit-animation: Gradient2 30s ease-in-out infinite;
			-moz-animation: Gradient2 30s ease-in-out infinite;
}*/
@-webkit-keyframes Gradient2 {
  0% {
    -webkit-transform: translate(0, -2%) scaleX(1.2) scaleY(1.4);
    transform: translate(0, -2%) scaleX(1.2) scaleY(1.4); }
  50% {
    -webkit-transform: translate(-220vw, -2%) scaleX(1.2) scaleY(1.4);
    transform: translate(-220vw, -2%) scaleX(1.2) scaleY(1.4); }
  100% {
    -webkit-transform: translate(0, -2%) scaleX(1.2) scaleY(1.4);
    transform: translate(0, -2%) scaleX(1.2) scaleY(1.4); } }
@keyframes Gradient2 {
  0% {
    -webkit-transform: translate(0, -2%) scaleX(1.2) scaleY(1.4);
    transform: translate(0, -2%) scaleX(1.2) scaleY(1.4); }
  50% {
    -webkit-transform: translate(-220vw, -2%) scaleX(1.2) scaleY(1.4);
    transform: translate(-220vw, -2%) scaleX(1.2) scaleY(1.4); }
  100% {
    -webkit-transform: translate(0, -2%) scaleX(1.2) scaleY(1.4);
    transform: translate(0, -2%) scaleX(1.2) scaleY(1.4); } }
.m-icon {
  font-family: 'Material Icons', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga'; }

/* Scss Document */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/MaterialIcons-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/MaterialIcons-Regular.woff") format("woff"), url("../fonts/MaterialIcons-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */ }
html * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

html {
  margin: 0; }

::-webkit-scrollbar {
  width: 0px; }

::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 6px; }

html {
  -webkit-font-smoothing: subpixel-antialiased; }

body {
  font-family: 'Work Sans', sans-serif;
  font-size: 14px; }

body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

h1, h2, h3, h4 {
  font-family: 'Comfortaa', sans-serif;
  margin: 1em 0 0; }

h1 {
  font-weight: 100;
  font-size: 4em;
  letter-spacing: 1px;
  color: white; }

h2 {
  font-size: 2em;
  font-weight: 400;
  margin-top: 1em;
  letter-spacing: 1px; }

h3 {
  font-weight: 600;
  font-size: 1.4em; }

h4 {
  font-weight: 600;
  font-size: 1.2em; }

.name > span {
  position: absolute;
  top: 0;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Work sans', sans-serif; }

p {
  font-family: 'Work sans', sans-serif;
  font-size: 1.1em;
  color: #231f20; }
  p.big {
    font-size: 28px;
    line-height: 54px; }

input, textarea, button, a, a:hover, a:active, a:visited {
  outline: none; }

iframe {
  border: none; }

.onFocus {
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
  -webkit-animation: onFocus 1.5s infinite linear;
  animation: onFocus 1.5s infinite linear; }

.pulseIt {
  -webkit-animation: pulseIt 3s infinite ease-in-out;
  animation: pulseIt 3s infinite ease-in-out; }

@-webkit-keyframes pulseIt {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scale(1.025);
    transform: scale(1.025); }
  35% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  55% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  60% {
    -webkit-transform: scale(1.025);
    transform: scale(1.025); }
  65% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes pulseIt {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scale(1.025);
    transform: scale(1.025); }
  35% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  55% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  60% {
    -webkit-transform: scale(1.025);
    transform: scale(1.025); }
  65% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes onFocus {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@keyframes onFocus {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
.orbit1 {
  -webkit-animation: orbit1 15s alternate infinite;
  animation: orbit1 15s alternate infinite; }

.orbit2 {
  -webkit-animation: orbit2 15s alternate infinite;
  animation: orbit2 15s alternate infinite; }

.orbit3 {
  -webkit-animation: orbit3 10s alternate infinite;
  animation: orbit3 10s alternate infinite; }

.orbit4 {
  -webkit-animation: orbit4 10s alternate infinite;
  animation: orbit4 10s alternate infinite; }

@-webkit-keyframes orbit1 {
  from {
    -webkit-transform: rotate(0deg) translateX(15px);
    transform: rotate(0deg) translateX(15px); }
  to {
    -webkit-transform: rotate(360deg) translateX(15px);
    transform: rotate(360deg) translateX(15px); } }
@keyframes orbit1 {
  from {
    -webkit-transform: rotate(0deg) translateX(15px);
    transform: rotate(0deg) translateX(15px); }
  to {
    -webkit-transform: rotate(360deg) translateX(15px);
    transform: rotate(360deg) translateX(15px); } }
@-webkit-keyframes orbit2 {
  from {
    -webkit-transform: rotate(0deg) translateX(10px);
    transform: rotate(0deg) translateX(10px); }
  to {
    -webkit-transform: rotate(-360deg) translateX(10px);
    transform: rotate(-360deg) translateX(10px); } }
@keyframes orbit2 {
  from {
    -webkit-transform: rotate(0deg) translateX(10px);
    transform: rotate(0deg) translateX(10px); }
  to {
    -webkit-transform: rotate(-360deg) translateX(10px);
    transform: rotate(-360deg) translateX(10px); } }
@-webkit-keyframes orbit3 {
  from {
    -webkit-transform: rotate(0deg) translateX(15px);
    transform: rotate(0deg) translateX(15px); }
  to {
    -webkit-transform: rotate(360deg) translateX(15px);
    transform: rotate(360deg) translateX(15px); } }
@keyframes orbit3 {
  from {
    -webkit-transform: rotate(0deg) translateX(15px);
    transform: rotate(0deg) translateX(15px); }
  to {
    -webkit-transform: rotate(360deg) translateX(15px);
    transform: rotate(360deg) translateX(15px); } }
@-webkit-keyframes orbit4 {
  from {
    -webkit-transform: rotate(0deg) translateX(10px);
    transform: rotate(0deg) translateX(10px); }
  to {
    -webkit-transform: rotate(-360deg) translateX(10px);
    transform: rotate(-360deg) translateX(10px); } }
@keyframes orbit4 {
  from {
    -webkit-transform: rotate(0deg) translateX(10px);
    transform: rotate(0deg) translateX(10px); }
  to {
    -webkit-transform: rotate(-360deg) translateX(10px);
    transform: rotate(-360deg) translateX(10px); } }
a, a:hover, a:visited {
  text-decoration: none;
  color: #1b75bc;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.btn {
  font-family: 'Comfortaa', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  border: 2px solid white;
  color: white;
  font-size: 1em;
  border-radius: 50px !important;
  height: 50px;
  min-width: 70px;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /*line-height: 52px;
  text-align: center;
  vertical-align: middle;*/
  background-color: transparent;
  color: inherit;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease; }
  @media screen and (max-width: 640px) {
    .btn {
      height: 45px;
      padding: 0.5em; } }
  .btn.small {
    height: 34px;
    padding: 0.5em; }
  .btn.large {
    font-size: 1.4em; }
  .btn:hover {
    -webkit-box-shadow: 0 5px 20px 10px rgba(255, 255, 255, 0.15);
    box-shadow: 0 5px 20px 10px rgba(255, 255, 255, 0.15); }
  .btn span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 2em;
    color: inherit; }
  .btn .m-icon {
    margin-right: 5px; }
  .btn.add:hover {
    background-color: #6b5b95;
    border-color: #6b5b95;
    color: white; }
  .btn.edit:hover {
    background-color: #1b75bc;
    border-color: #1b75bc;
    color: white; }
  .btn.cancel:hover {
    background-color: #e94b3c;
    border-color: #e94b3c;
    color: white; }
  .btn.ok:hover {
    background-color: #00a591;
    border-color: #00a591;
    color: white; }
  @media screen and (min-width: 768px) {
    .btn {
      cursor: pointer; }
      .btn:hover {
        background-color: white;
        color: #1b75bc; } }
  .btn.grad {
    border-color: transprarent;
    background-image: -o-linear-gradient(left bottom, #fcd146, #fdb939, #fda133, #f98832, #f46f35, #f15c47, #e94c57, #dc4066, #c7457f, #ab4e8f, #8b5697, #6b5b95, #745d9f, #6261a0, #5866a8, #4b6baf, #3a70b6, #1b75bc);
    background-image: -webkit-gradient(linear, left bottom, right top, from(#fcd146), color-stop(#fdb939), color-stop(#fda133), color-stop(#f98832), color-stop(#f46f35), color-stop(#f15c47), color-stop(#e94c57), color-stop(#dc4066), color-stop(#c7457f), color-stop(#ab4e8f), color-stop(#8b5697), color-stop(#6b5b95), color-stop(#745d9f), color-stop(#6261a0), color-stop(#5866a8), color-stop(#4b6baf), color-stop(#3a70b6), to(#1b75bc));
    background-image: linear-gradient(to right top, #fcd146, #fdb939, #fda133, #f98832, #f46f35, #f15c47, #e94c57, #dc4066, #c7457f, #ab4e8f, #8b5697, #6b5b95, #745d9f, #6261a0, #5866a8, #4b6baf, #3a70b6, #1b75bc);
    color: white; }
    .btn.grad span {
      color: white; }
    .btn.grad:hover {
      border-color: #6b5b95;
      color: #6b5b95;
      background-color: white; }
      .btn.grad:hover span {
        color: #6b5b95; }
  .btn.white {
    border-color: white; }
  .btn.some-btn {
    font-family: 'Socicon', sans-serif;
    min-width: 50px;
    width: 50px;
    height: 50px; }
    .btn.some-btn:hover {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .btn.minimal {
    padding: 0 !important;
    border: none !important;
    color: #1b75bc !important;
    width: auto;
    height: auto;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .btn.minimal:hover {
        background-color: transparent !important; }
        .btn.minimal:hover span {
          background-color: transparent !important;
          text-decoration: underline; } }

.button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1em 0;
  color: white; }
  .button-wrapper .btn:not(:only-child) {
    margin: 0 0.5em; }

.save-dialog .btn.add {
  border-color: #6b5b95;
  color: #6b5b95; }
  .save-dialog .btn.add:hover {
    color: white; }

.master-wrapper {
  padding: 15vh 0;
  background-image: -o-linear-gradient(left bottom, #fcd146, #fdb939, #fda133, #f98832, #f46f35, #f15c47, #e94c57, #dc4066, #c7457f, #ab4e8f, #8b5697, #6b5b95, #745d9f, #6261a0, #5866a8, #4b6baf, #3a70b6, #1b75bc);
  background-image: -webkit-gradient(linear, left bottom, right top, from(#fcd146), color-stop(#fdb939), color-stop(#fda133), color-stop(#f98832), color-stop(#f46f35), color-stop(#f15c47), color-stop(#e94c57), color-stop(#dc4066), color-stop(#c7457f), color-stop(#ab4e8f), color-stop(#8b5697), color-stop(#6b5b95), color-stop(#745d9f), color-stop(#6261a0), color-stop(#5866a8), color-stop(#4b6baf), color-stop(#3a70b6), to(#1b75bc));
  background-image: linear-gradient(to right top, #fcd146, #fdb939, #fda133, #f98832, #f46f35, #f15c47, #e94c57, #dc4066, #c7457f, #ab4e8f, #8b5697, #6b5b95, #745d9f, #6261a0, #5866a8, #4b6baf, #3a70b6, #1b75bc); }
  @media screen and (max-width: 769px) {
    .master-wrapper {
      padding: 10vh 5vw; } }
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    .master-wrapper {
      padding: 10vh 8em; } }

.ilves-site.calculator {
  background-size: 100%;
  background-position: top center;
  overflow-x: hidden;
  background-repeat: repeat-y;
  /* header */ }
  .ilves-site.calculator .top-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .ilves-site.calculator .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    min-height: 150px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    -webkit-transition: all .2 ease-in-out;
    -o-transition: all .2 ease-in-out;
    transition: all .2 ease-in-out;
    height: 15vh; }
    .ilves-site.calculator .header .menu-btn {
      position: fixed;
      top: 20px;
      right: 48px;
      z-index: 999;
      font-size: 3em;
      cursor: pointer;
      height: 50px;
      width: 50px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 50px;
      display: inline-block;
      -webkit-transition: all 530ms cubic-bezier(0.48, 0.03, 0.195, 1.51);
      -o-transition: all 530ms cubic-bezier(0.48, 0.03, 0.195, 1.51);
      transition: all 530ms cubic-bezier(0.48, 0.03, 0.195, 1.51);
      -webkit-transform: scale(1) translateZ(0);
      transform: scale(1) translateZ(0); }
      .ilves-site.calculator .header .menu-btn:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -25px;
        display: block;
        height: 10px;
        width: 50px;
        background: -o-linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        background: linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out; }
      .ilves-site.calculator .header .menu-btn:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -25px;
        display: block;
        height: 10px;
        width: 50px;
        background: -o-linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        background: linear-gradient(45deg, #1b75bc, #6b5b95, #e94b3c, #fcd146);
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out; }
      .ilves-site.calculator .header .menu-btn:hover:before {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
      .ilves-site.calculator .header .menu-btn:hover:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
    .ilves-site.calculator .header.open {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      height: 100vh !important;
      position: fixed !important;
      z-index: 10001;
      opacity: 1 !important;
      background-color: white !important;
      -webkit-transition: all .2 ease-in-out;
      -o-transition: all .2 ease-in-out;
      transition: all .2 ease-in-out; }
      .ilves-site.calculator .header.open ul {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important; }
      @media screen and (max-width: 992px) {
        .ilves-site.calculator .header.open .top-nav {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      .ilves-site.calculator .header.open .logo-wrapper {
        display: none !important;
        height: 150px;
        width: auto; }
        .ilves-site.calculator .header.open .logo-wrapper .no-float-logo {
          display: none !important; }
        .ilves-site.calculator .header.open .logo-wrapper .float-logo {
          display: none !important; }
        .ilves-site.calculator .header.open .logo-wrapper.site-logo img {
          height: 100%;
          width: auto; }
      .ilves-site.calculator .header.open .c-hamburger span {
        background: #231f20; }
        .ilves-site.calculator .header.open .c-hamburger span::before, .ilves-site.calculator .header.open .c-hamburger span::after {
          background-color: #231f20; }
      .ilves-site.calculator .header.open .c-hamburger.is-active span {
        background: none; }
      .ilves-site.calculator .header.open .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
        height: 100%;
        margin: 0; }
        .ilves-site.calculator .header.open .inner .top-nav {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-left: 0;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          font-size: 2em;
          line-height: 2em; }
          .ilves-site.calculator .header.open .inner .top-nav span, .ilves-site.calculator .header.open .inner .top-nav a {
            color: #231f20 !important; }
          .ilves-site.calculator .header.open .inner .top-nav .menu-logo {
            display: block;
            height: 130px;
            width: 100%;
            padding: 0 2em; }
        .ilves-site.calculator .header.open .inner.site {
          width: 70%; }
        .ilves-site.calculator .header.open .inner.master {
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          background-color: #f2f2f2; }
          .ilves-site.calculator .header.open .inner.master .main-menu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
            .ilves-site.calculator .header.open .inner.master .main-menu .top-nav {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: end;
              -ms-flex-align: end;
              align-items: flex-end;
              font-size: 3em;
              line-height: 2em; }
        .ilves-site.calculator .header.open .inner .master-menu {
          position: absolute;
          top: 0; }
    .ilves-site.calculator .header .logo-wrapper {
      padding: 10px 20px;
      width: 30%;
      height: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .ilves-site.calculator .header .logo-wrapper .no-float-logo {
        display: block; }
      .ilves-site.calculator .header .logo-wrapper .float-logo {
        display: none; }
      .ilves-site.calculator .header .logo-wrapper img {
        height: 80px; }
      .ilves-site.calculator .header .logo-wrapper svg {
        height: 80px; }
        .ilves-site.calculator .header .logo-wrapper svg .st0 {
          fill: white; }
      @media screen and (min-width: 480px) and (max-width: 1200px) {
        .ilves-site.calculator .header .logo-wrapper img {
          height: 50px; } }
      @media screen and (max-width: 480px) {
        .ilves-site.calculator .header .logo-wrapper {
          padding: 0 0.5em;
          max-width: 100%; }
          .ilves-site.calculator .header .logo-wrapper img {
            height: 40px; } }
    .ilves-site.calculator .header .inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 auto; }
      .ilves-site.calculator .header .inner.site {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%; }
      .ilves-site.calculator .header .inner.master .main-menu {
        display: none; }
    .ilves-site.calculator .header .top-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: auto; }
      .ilves-site.calculator .header .top-nav span, .ilves-site.calculator .header .top-nav a {
        padding: 0 2em;
        letter-spacing: 1px;
        color: white;
        white-space: nowrap; }
    @media screen and (max-width: 992px) {
      .ilves-site.calculator .header .top-nav {
        display: none; } }
    @media screen and (min-width: 2000px) {
      .ilves-site.calculator .header {
        height: 20vh; } }
    .ilves-site.calculator .header ul {
      list-style: none;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .ilves-site.calculator .header ul li, .ilves-site.calculator .header ul a {
        color: white;
        font-size: 1.2em; }
        @media screen and (max-width: 480px) {
          .ilves-site.calculator .header ul li, .ilves-site.calculator .header ul a {
            font-size: 0.8em; } }
      .ilves-site.calculator .header ul li:hover a {
        text-decoration: underline; }
    .ilves-site.calculator .header .nav-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      width: 100%;
      padding: 0 2vw;
      margin: 0 auto; }
      @media screen and (min-width: 2000px) {
        .ilves-site.calculator .header .nav-wrapper {
          padding: 0 6vw; } }
      .ilves-site.calculator .header .nav-wrapper .site .inner-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
      .ilves-site.calculator .header .nav-wrapper .site-logo img {
        cursor: pointer; }
    .ilves-site.calculator .header .top-nav {
      font-family: 'Comfortaa', sans-serif;
      padding-right: 1vw; }
      .ilves-site.calculator .header .top-nav .menu-logo {
        display: none;
        -webkit-transform: skewX(30deg);
        -ms-transform: skewX(30deg);
        transform: skewX(30deg); }
      .ilves-site.calculator .header .top-nav span, .ilves-site.calculator .header .top-nav a {
        font-size: 1.2em;
        cursor: pointer; }
        @media screen and (min-width: 1600px) {
          .ilves-site.calculator .header .top-nav span, .ilves-site.calculator .header .top-nav a {
            font-size: 1.4em; } }
        @media screen and (min-width: 992px) and (max-width: 1199px) {
          .ilves-site.calculator .header .top-nav span, .ilves-site.calculator .header .top-nav a {
            font-size: 1.6vw;
            padding: 0 1.5em; } }
      .ilves-site.calculator .header .top-nav .lang {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer; }
        .ilves-site.calculator .header .top-nav .lang span, .ilves-site.calculator .header .top-nav .lang a {
          padding: 0 5px; }
          @media screen and (min-width: 1600px) {
            .ilves-site.calculator .header .top-nav .lang span, .ilves-site.calculator .header .top-nav .lang a {
              font-size: 1.2em; }
              .ilves-site.calculator .header .top-nav .lang span.active, .ilves-site.calculator .header .top-nav .lang a.active {
                font-size: 1.4em !important; } }
          @media screen and (max-width: 480px) {
            .ilves-site.calculator .header .top-nav .lang span, .ilves-site.calculator .header .top-nav .lang a {
              font-size: 0.8em; }
              .ilves-site.calculator .header .top-nav .lang span.active, .ilves-site.calculator .header .top-nav .lang a.active {
                font-size: 1em !important; } }
          @media screen and (min-width: 480px) and (max-width: 992px) {
            .ilves-site.calculator .header .top-nav .lang span, .ilves-site.calculator .header .top-nav .lang a {
              font-size: 1em; }
              .ilves-site.calculator .header .top-nav .lang span.active, .ilves-site.calculator .header .top-nav .lang a.active {
                font-size: 1.4em !important; } }
          @media screen and (min-width: 992px) and (max-width: 1200px) {
            .ilves-site.calculator .header .top-nav .lang span, .ilves-site.calculator .header .top-nav .lang a {
              font-size: 1em; }
              .ilves-site.calculator .header .top-nav .lang span.active, .ilves-site.calculator .header .top-nav .lang a.active {
                font-size: 1.4em !important; } }
        .ilves-site.calculator .header .top-nav .lang .active {
          font-weight: bold; }
    .ilves-site.calculator .header.open {
      background-image: -o-linear-gradient(45deg, #e94b3c, #6b5b95, #1b75bc);
      background-image: linear-gradient(45deg, #e94b3c, #6b5b95, #1b75bc); }
      .ilves-site.calculator .header.open .nav-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: 100vw;
        background-image: url(../img/ilves-bg-top-xs.png); }
        .ilves-site.calculator .header.open .nav-wrapper .site-logo {
          margin-left: 2em;
          margin-top: -4em; }
      .ilves-site.calculator .header.open .site {
        background-color: white;
        -webkit-box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.015);
        box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.015);
        -webkit-transform: skewX(-30deg) translateX(30%);
        -ms-transform: skewX(-30deg) translateX(30%);
        transform: skewX(-30deg) translateX(30%);
        z-index: 2;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        width: 80%; }
        .ilves-site.calculator .header.open .site .inner-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          flex-direction: column;
          -webkit-transform: translateX(-10%) skewX(30deg);
          -ms-transform: translateX(-10%) skewX(30deg);
          transform: translateX(-10%) skewX(30deg);
          -webkit-transition: -webkit-transform .2s ease-in-out;
          transition: -webkit-transform .2s ease-in-out;
          -o-transition: transform .2s ease-in-out;
          transition: transform .2s ease-in-out;
          transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
          .ilves-site.calculator .header.open .site .inner-container .top-nav {
            -webkit-transform: skewX(-30deg);
            -ms-transform: skewX(-30deg);
            transform: skewX(-30deg); }
            .ilves-site.calculator .header.open .site .inner-container .top-nav .link {
              -webkit-transform: skewX(30deg);
              -ms-transform: skewX(30deg);
              transform: skewX(30deg); }
              .ilves-site.calculator .header.open .site .inner-container .top-nav .link:hover {
                color: #1b75bc !important; }
            .ilves-site.calculator .header.open .site .inner-container .top-nav .lang {
              -webkit-transform: skewX(-30deg);
              -ms-transform: skewX(-30deg);
              transform: skewX(-30deg);
              padding-left: 1em; }
      .ilves-site.calculator .header.open .master {
        background-color: transparent;
        width: 20%; }
        .ilves-site.calculator .header.open .master .top-nav span, .ilves-site.calculator .header.open .master .top-nav a {
          color: white !important; }
      .ilves-site.calculator .header.open .c-hamburger--htx.is-active {
        position: fixed;
        right: 2vw;
        top: 2vw;
        z-index: 10; }
      .ilves-site.calculator .header.open .top-nav span, .ilves-site.calculator .header.open .top-nav a {
        font-size: 2vw;
        line-height: 3em; }
      @media screen and (max-width: 480px) {
        .ilves-site.calculator .header.open .nav-wrapper {
          background-image: -o-linear-gradient(45deg, #6b5b95, #e94b3c, #fcd146 102%);
          background-image: linear-gradient(45deg, #6b5b95, #e94b3c, #fcd146 102%);
          background-size: 110%; }
          .ilves-site.calculator .header.open .nav-wrapper .top-nav span, .ilves-site.calculator .header.open .nav-wrapper .top-nav a {
            font-size: 0.7em; }
          .ilves-site.calculator .header.open .nav-wrapper .site {
            width: 100%;
            -webkit-transform: skewX(-5deg) translateX(0);
            -ms-transform: skewX(-5deg) translateX(0);
            transform: skewX(-5deg) translateX(0);
            padding-left: 10%; }
            .ilves-site.calculator .header.open .nav-wrapper .site .inner-container {
              -webkit-transform: translateX(-5%) skewX(5deg);
              -ms-transform: translateX(-5%) skewX(5deg);
              transform: translateX(-5%) skewX(5deg); }
              .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .top-nav {
                -webkit-transform: skewX(-5deg);
                -ms-transform: skewX(-5deg);
                transform: skewX(-5deg); }
                .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .top-nav .link {
                  -webkit-transform: skewX(5deg);
                  -ms-transform: skewX(5deg);
                  transform: skewX(5deg); }
                .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .top-nav .lang {
                  -webkit-transform: skewX(5deg);
                  -ms-transform: skewX(5deg);
                  transform: skewX(5deg);
                  padding-left: 1em; }
              .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .menu-logo {
                -webkit-transform: skewX(5deg);
                -ms-transform: skewX(5deg);
                transform: skewX(5deg); }
          .ilves-site.calculator .header.open .nav-wrapper .master {
            display: none; } }
      @media screen and (min-width: 992px) and (max-width: 1199px) {
        .ilves-site.calculator .header.open .nav-wrapper {
          background-position: 0 0;
          background-size: 110%; }
          .ilves-site.calculator .header.open .nav-wrapper .master {
            width: 10%; }
          .ilves-site.calculator .header.open .nav-wrapper .site .top-nav {
            -webkit-transform: skewX(-30deg);
            -ms-transform: skewX(-30deg);
            transform: skewX(-30deg); }
            .ilves-site.calculator .header.open .nav-wrapper .site .top-nav .link {
              -webkit-transform: skewX(30deg);
              -ms-transform: skewX(30deg);
              transform: skewX(30deg); }
            .ilves-site.calculator .header.open .nav-wrapper .site .top-nav .lang {
              -webkit-transform: skewX(30deg);
              -ms-transform: skewX(30deg);
              transform: skewX(30deg);
              padding-left: 1em; }
            .ilves-site.calculator .header.open .nav-wrapper .site .top-nav .menu-logo {
              padding: 0;
              -webkit-transform: skewX(30deg);
              -ms-transform: skewX(30deg);
              transform: skewX(30deg); }
              .ilves-site.calculator .header.open .nav-wrapper .site .top-nav .menu-logo img {
                height: 10vw; } }
      @media screen and (min-width: 480px) and (max-width: 992px) {
        .ilves-site.calculator .header.open .nav-wrapper {
          background-position: 0 0;
          background-size: 150%; }
          .ilves-site.calculator .header.open .nav-wrapper .site {
            width: 150%;
            -webkit-transform: skewX(-20deg) translateX(30%);
            -ms-transform: skewX(-20deg) translateX(30%);
            transform: skewX(-20deg) translateX(30%); }
            .ilves-site.calculator .header.open .nav-wrapper .site .inner-container {
              -webkit-transform: translateX(-20%) skewX(20deg);
              -ms-transform: translateX(-20%) skewX(20deg);
              transform: translateX(-20%) skewX(20deg); }
              .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .top-nav {
                -webkit-transform: skewX(-20deg);
                -ms-transform: skewX(-20deg);
                transform: skewX(-20deg); }
                .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .top-nav .link {
                  line-height: normal;
                  -webkit-transform: skewX(20deg);
                  -ms-transform: skewX(20deg);
                  transform: skewX(20deg); }
                .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .top-nav .lang {
                  -webkit-transform: skewX(20deg);
                  -ms-transform: skewX(20deg);
                  transform: skewX(20deg);
                  padding-left: 1em; }
                .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .top-nav .menu-logo {
                  height: 80px;
                  -webkit-transform: skewX(20deg);
                  -ms-transform: skewX(20deg);
                  transform: skewX(20deg); }
                  .ilves-site.calculator .header.open .nav-wrapper .site .inner-container .top-nav .menu-logo img {
                    height: 15vw; } }
    @media screen and (max-width: 480px) {
      .ilves-site.calculator .header {
        height: 60px;
        min-height: 50px; }
        .ilves-site.calculator .header.open .site .inner-container .top-nav {
          -webkit-transform: skewX(0);
          -ms-transform: skewX(0);
          transform: skewX(0); }
          .ilves-site.calculator .header.open .site .inner-container .top-nav .menu-logo {
            padding: 0 1em;
            height: auto; }
            .ilves-site.calculator .header.open .site .inner-container .top-nav .menu-logo img {
              height: 90px; }
          .ilves-site.calculator .header.open .site .inner-container .top-nav .lang {
            -webkit-transform: skewX(0);
            -ms-transform: skewX(0);
            transform: skewX(0);
            padding-left: 1.5em; }
          .ilves-site.calculator .header.open .site .inner-container .top-nav .link {
            -webkit-transform: skewX(0);
            -ms-transform: skewX(0);
            transform: skewX(0); } }
    @media screen and (min-width: 480px) and (max-width: 1199px) {
      .ilves-site.calculator .header {
        height: 10vh;
        min-height: 80px; }
        .ilves-site.calculator .header.open .site {
          width: 50%; }
          .ilves-site.calculator .header.open .site .inner-container .top-nav {
            width: 50%; }
            .ilves-site.calculator .header.open .site .inner-container .top-nav span, .ilves-site.calculator .header.open .site .inner-container .top-nav a {
              font-size: 0.7em; } }
  .ilves-site.calculator .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
    background-position: top center;
    background-repeat: no-repeat; }
  .ilves-site.calculator section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (min-width: 1200px) {
      .ilves-site.calculator section {
        margin: 0 auto;
        max-width: 65vw; } }
    .ilves-site.calculator section span.ball {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 100px;
      z-index: 0; }
      .ilves-site.calculator section span.ball:nth-child(1) {
        left: 5vw;
        top: 25vh; }
      .ilves-site.calculator section span.ball:nth-child(2) {
        right: 5vw;
        top: 45vh;
        width: 70px;
        height: 70px; }
      .ilves-site.calculator section span.ball:nth-child(3) {
        right: 43vw;
        top: 20vh;
        width: 20px;
        height: 20px; }
      .ilves-site.calculator section span.ball:nth-child(4) {
        left: 10vw;
        bottom: 5vw;
        width: 120px;
        height: 120px; }
    .ilves-site.calculator section .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto; }
      .ilves-site.calculator section .content.top {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 15vh 0; }
        .ilves-site.calculator section .content.top .btn {
          color: white; }
          .ilves-site.calculator section .content.top .btn:hover {
            background-color: white;
            color: black; }
          @media screen and (max-width: 480px) and (max-width: 769px) {
            .ilves-site.calculator section .content.top .btn {
              font-size: 0.8em; } }
      .ilves-site.calculator section .content.space {
        padding: 2em 0; }
      .ilves-site.calculator section .content h1, .ilves-site.calculator section .content h2, .ilves-site.calculator section .content h3, .ilves-site.calculator section .content h4, .ilves-site.calculator section .content h5 {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: white; }
      .ilves-site.calculator section .content h3 {
        font-size: 5em;
        margin: 1.5em auto 1em; }
        @media screen and (max-width: 769px) {
          .ilves-site.calculator section .content h3 {
            font-size: 6vw; } }
        @media screen and (min-width: 769px) and (max-width: 1200px) {
          .ilves-site.calculator section .content h3 {
            font-size: 5vw; } }
      .ilves-site.calculator section .content h5 {
        font-family: 'Comfortaa', Sans-Serif;
        font-weight: normal;
        font-size: 2.2em;
        line-height: 1.4em;
        margin: 1em 0;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (max-width: 480px) {
          .ilves-site.calculator section .content h5 {
            font-size: 5vw;
            max-width: 80%;
            line-height: 1.2em;
            margin: 1em auto; } }
        @media screen and (min-width: 480px) and (max-width: 769px) {
          .ilves-site.calculator section .content h5 {
            font-size: 3.5vw;
            max-width: 80%;
            margin: 2em auto; } }
      .ilves-site.calculator section .content .unit {
        font-family: 'Work Sans', 'Comfortaa', Sans-Serif;
        font-size: 4.6em;
        letter-spacing: -5px;
        padding-top: 5%; }
        @media screen and (max-width: 1200px) {
          .ilves-site.calculator section .content .unit {
            font-size: 8vw;
            letter-spacing: -0.25vw;} }
        @media screen and (min-width: 1200px) and (max-width: 1800px) {
          .ilves-site.calculator section .content .unit {
            font-size: 7vw; } }
      .ilves-site.calculator section .content .data-count {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        .ilves-site.calculator section .content .data-count:before {
          display: block;
          content: " ";
          width: 100%;
          padding-top: 100%; }
        .ilves-site.calculator section .content .data-count > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        .ilves-site.calculator section .content .data-count .content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 50%;
          background-color: #1b75bc;
          color: white;
          font-family: 'Comfortaa', sans-serif;
          font-size: 1.8em;
          text-align: center;
          border: 15px solid rgba(255, 255, 255, 0.25);
          -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
          -webkit-transition: -webkit-box-shadow .2s ease;
          transition: -webkit-box-shadow .2s ease;
          -o-transition: box-shadow .2s ease;
          transition: box-shadow .2s ease;
          transition: box-shadow .2s ease, -webkit-box-shadow .2s ease; }
          .ilves-site.calculator section .content .data-count .content.editable:hover {
            -webkit-box-shadow: 0 10px 20px 10px rgba(255, 255, 255, 0.15);
            box-shadow: 0 10px 20px 10px rgba(255, 255, 255, 0.15); }
          @media screen and (max-width: 1200px) {
            .ilves-site.calculator section .content .data-count .content {
              border-width: 8px;
              font-size: 1.5vw; } }
          @media screen and (min-width: 1200px) and (max-width: 1800px) {
            .ilves-site.calculator section .content .data-count .content {
              font-size: 1.4vw;
              border-width: 0.8vw !important; } }
        .ilves-site.calculator section .content .data-count.sum {
          margin: -29% -12% -5% 66%; }
          @media screen and (max-width: 769px) {
            .ilves-site.calculator section .content .data-count.sum {
              margin: -35% -22% -18% 64%; } }
          .ilves-site.calculator section .content .data-count.sum .content {
            font-size: 1.4em;
            border-width: 10px !important; }
            .ilves-site.calculator section .content .data-count.sum .content .unit {
              font-family: 'Work Sans', 'Comfortaa', Sans-Serif;
              padding-top: 5%;
              font-size: 2.2em;
              letter-spacing: -1px; }
            @media screen and (max-width: 769px) {
              .ilves-site.calculator section .content .data-count.sum .content {
                border-width: 5px !important;
                font-size: 1.5vw; }
                .ilves-site.calculator section .content .data-count.sum .content .unit {
                  font-size: 5vw; } }
            @media screen and (min-width: 769px) and (max-width: 1200px) {
              .ilves-site.calculator section .content .data-count.sum .content {
                border-width: 5px !important;
                font-size: 1.2vw; }
                .ilves-site.calculator section .content .data-count.sum .content .unit {
                  font-size: 3.5vw; } }
            @media screen and (min-width: 1200px) and (max-width: 1800px) {
              .ilves-site.calculator section .content .data-count.sum .content {
                font-size: 1vw;
                border-width: 0.6vw !important; }
                .ilves-site.calculator section .content .data-count.sum .content .unit {
                  font-size: 3vw; } }
      .ilves-site.calculator section .content .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .ilves-site.calculator section .content .row.inputs {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row; }
          .ilves-site.calculator section .content .row.inputs .input-cell {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: calc(100%/3);
            padding: 2%; }
            .ilves-site.calculator section .content .row.inputs .input-cell h4 {
              font-size: 2em;
              margin: 1em auto;
              white-space: nowrap; }
              @media screen and (max-width: 769px) {
                .ilves-site.calculator section .content .row.inputs .input-cell h4 {
                  font-size: 2.5vw; } }
              @media screen and (min-width: 769px) and (max-width: 1200px) {
                .ilves-site.calculator section .content .row.inputs .input-cell h4 {
                  font-size: 2vw; } }
              @media screen and (min-width: 1200px) and (max-width: 1800px) {
                .ilves-site.calculator section .content .row.inputs .input-cell h4 {
                  font-size: 1.5vw; } }
            .ilves-site.calculator section .content .row.inputs .input-cell:nth-child(1) .data-count .content {
              background-color: #1b75bc;
              border: 15px solid rgba(255, 255, 255, 0.25); }
              @media screen and (max-width: 1200px) {
                .ilves-site.calculator section .content .row.inputs .input-cell:nth-child(1) .data-count .content {
                  border-width: 8px; } }
            .ilves-site.calculator section .content .row.inputs .input-cell:nth-child(2) .data-count .content {
              background-color: #2a90e0;
              border: 15px solid #56a7e7; }
              @media screen and (max-width: 1200px) {
                .ilves-site.calculator section .content .row.inputs .input-cell:nth-child(2) .data-count .content {
                  border-width: 8px; } }
            .ilves-site.calculator section .content .row.inputs .input-cell:nth-child(3) .data-count .content {
              background-color: #56a7e7;
              border: 15px solid #83beed; }
              @media screen and (max-width: 1200px) {
                .ilves-site.calculator section .content .row.inputs .input-cell:nth-child(3) .data-count .content {
                  border-width: 8px; } }
            .ilves-site.calculator section .content .row.inputs .input-cell.wide {
              width: 100%;
              -webkit-box-flex: 1;
              -ms-flex-positive: 1;
              flex-grow: 1; }
              .ilves-site.calculator section .content .row.inputs .input-cell.wide .sub-data-row {
                padding: 1em 0 !important; }
                .ilves-site.calculator section .content .row.inputs .input-cell.wide .sub-data-row .data-count {
                  width: 12%;
                  margin: 0 1em !important; }
                  .ilves-site.calculator section .content .row.inputs .input-cell.wide .sub-data-row .data-count .content .unit {
                    padding-top: 0.05vw; }
                @media screen and (max-width: 769px) {
                  .ilves-site.calculator section .content .row.inputs .input-cell.wide .sub-data-row .data-count {
                    width: calc(100% / 5.5) !important;
                    margin: 0.25em !important; }
                    .ilves-site.calculator section .content .row.inputs .input-cell.wide .sub-data-row .data-count .content {
                      font-size: 1.8vw !important; }
                      .ilves-site.calculator section .content .row.inputs .input-cell.wide .sub-data-row .data-count .content .unit {
                        font-size: 5vw !important; } }
                @media screen and (min-width: 769px) and (max-width: 1200px) {
                  .ilves-site.calculator section .content .row.inputs .input-cell.wide .sub-data-row .data-count {
                    width: 12%; } }
                @media screen and (min-width: 1200px) and (max-width: 1800px) {
                  .ilves-site.calculator section .content .row.inputs .input-cell.wide .sub-data-row .data-count {
                    width: 8vw !important; } }
          .ilves-site.calculator section .content .row.inputs .sub-data-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            padding: 2em 0; }
            .ilves-site.calculator section .content .row.inputs .sub-data-row .data-count {
              width: calc(100%/3.2);
              margin: 0.5em; }
              @media screen and (max-width: 1200px) {
                .ilves-site.calculator section .content .row.inputs .sub-data-row .data-count {
                  width: calc(100%/3);
                  margin: 0.25em; } }
              .ilves-site.calculator section .content .row.inputs .sub-data-row .data-count .content {
                background-color: #393939 !important;
                font-size: 0.9em;
                padding: 1em;
                border: none !important; }
                .ilves-site.calculator section .content .row.inputs .sub-data-row .data-count .content .unit {
                  padding-top: 5%;
                  font-size: 2.5em; }
                @media screen and (max-width: 1200px) {
                  .ilves-site.calculator section .content .row.inputs .sub-data-row .data-count .content {
                    font-size: 1vw; }
                    .ilves-site.calculator section .content .row.inputs .sub-data-row .data-count .content .unit {
                      font-size: 2.5vw; } }
                @media screen and (min-width: 1200px) and (max-width: 1800px) {
                  .ilves-site.calculator section .content .row.inputs .sub-data-row .data-count .content {
                    font-size: 0.8vw; }
                    .ilves-site.calculator section .content .row.inputs .sub-data-row .data-count .content .unit {
                      font-size: 2vw; } }
        .ilves-site.calculator section .content .row.total-summary {
          background-color: rgba(255, 255, 255, 0.2);
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          border-radius: 15px;
          -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05); }
          .ilves-site.calculator section .content .row.total-summary h2 {
            font-size: 8em;
            margin: 0 auto 0.25em;
            color: white;
            font-family: 'Work Sans', 'Comfortaa', Sans-Serif; }
            .ilves-site.calculator section .content .row.total-summary h2 .total {
              letter-spacing: -5px; }
            .ilves-site.calculator section .content .row.total-summary h2 .tiny {
              font-size: 0.2em;
              font-family: 'Comfortaa', Sans-Serif;
              font-weight: bold; }
          .ilves-site.calculator section .content .row.total-summary h3 {
            font-size: 2em;
            margin: 1em auto 0;
            color: white; }
          @media screen and (max-width: 1200px) {
            .ilves-site.calculator section .content .row.total-summary h2 {
              font-size: 9vw;
              letter-spacing:  -0.5vw;}
            .ilves-site.calculator section .content .row.total-summary h3 {
              font-size: 2.5vw; } }
          @media screen and (min-width: 1200px) and (max-width: 1800px) {
            .ilves-site.calculator section .content .row.total-summary h2 {
              font-size: 7vw;
              margin-bottom: 2vw; }
            .ilves-site.calculator section .content .row.total-summary h3 {
              font-size: 2vw; } }
        .ilves-site.calculator section .content .row.jobs .job-list {
          border-collapse: collapse;
          font-size: 1.2em;
          margin: 1em 0;
          border-radius: 15px;
          overflow: hidden;
          -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05); }
          @media screen and (max-width: 769px) {
            .ilves-site.calculator section .content .row.jobs .job-list {
              border-radius: 5px; } }
          @media screen and (max-width: 1200px) {
            .ilves-site.calculator section .content .row.jobs .job-list {
              font-size: 1.5vw; } }
          .ilves-site.calculator section .content .row.jobs .job-list th {
            text-align: left; }
          .ilves-site.calculator section .content .row.jobs .job-list th, .ilves-site.calculator section .content .row.jobs .job-list td {
            padding: 1em; }
          .ilves-site.calculator section .content .row.jobs .job-list tr td,
          .ilves-site.calculator section .content .row.jobs .job-list tr th {
            text-align: center; }
            .ilves-site.calculator section .content .row.jobs .job-list tr td:nth-child(1),
            .ilves-site.calculator section .content .row.jobs .job-list tr th:nth-child(1) {
              text-align: left;
              width: 30%; }
            .ilves-site.calculator section .content .row.jobs .job-list tr td:last-child,
            .ilves-site.calculator section .content .row.jobs .job-list tr th:last-child {
              text-align: right; }
          .ilves-site.calculator section .content .row.jobs .job-list tr {
            background-color: #f7f6f9; }
          .ilves-site.calculator section .content .row.jobs .job-list tr:nth-child(odd) {
            background-color: #dad6e6; }
          .ilves-site.calculator section .content .row.jobs .job-list tr:nth-child(1) th:first-child {
            border-radius: 15px 0 0 0; }
            @media screen and (max-width: 769px) {
              .ilves-site.calculator section .content .row.jobs .job-list tr:nth-child(1) th:first-child {
                border-radius: 5px 0 0 0; } }
          .ilves-site.calculator section .content .row.jobs .job-list tr:nth-child(1) th:last-child {
            border-radius: 0 15px  0 0; }
            @media screen and (max-width: 769px) {
              .ilves-site.calculator section .content .row.jobs .job-list tr:nth-child(1) th:last-child {
                border-radius: 0 5px 0 0; } }
          .ilves-site.calculator section .content .row.jobs .job-list th {
            background-color: #6b5b95;
            color: white;
            white-space: nowrap;
            vertical-align: top; }
            .ilves-site.calculator section .content .row.jobs .job-list th span {
              font-size: 0.7em;
              font-weight: normal; }
          .ilves-site.calculator section .content .row.jobs .job-list tr td input[type=text] {
            text-align: center;
            width: 25%;
            margin: 0 0.5em;
            border-radius: 5px;
            padding: 5px;
            border: 1px solid #beb6d3; }
          .ilves-site.calculator section .content .row.jobs .job-list tr td:nth-child(1) input[type=text] {
            text-align: left;
            width: 100%;
            margin: 0; }
          @media screen and (max-width: 1200px) {
            .ilves-site.calculator section .content .row.jobs .job-list tr td input[type=text] {
              width: 35%; }
            .ilves-site.calculator section .content .row.jobs .job-list tr td:nth-child(1) input[type=text] {
              width: 100%; } }
        .ilves-site.calculator section .content .row.jobs.total-summary {
          background-color: rgba(255, 255, 255, 0.3); }
  @media screen and (min-width: 1200px) {
    .ilves-site.calculator.mode-2 section {
      margin: 0 auto;
      max-width: 80vw; } }
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    .ilves-site.calculator.mode-2 .master-wrapper {
      padding: 10vh 4em; } }

.ih-some {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 20px 0; }
  .ih-some a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .ih-some a, .ih-some a:hover, .ih-some a:visited {
    color: white;
    text-decoration: none !important; }
  .ih-some .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0 0 0 white;
    box-shadow: 0 0 0 white;
    outline: none;
    margin: 0.5em; }
    .ih-some .icon:before {
      font-size: 2em; }
    .ih-some .icon:hover {
      -webkit-animation: pulse 2s;
      animation: pulse 2s; }
  .ih-some img {
    width: 50px;
    height: 50px;
    margin: 0 5px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border: none; }
    .ih-some img:hover {
      -webkit-transform: scale(0.9, 0.9);
      -ms-transform: scale(0.9, 0.9);
      transform: scale(0.9, 0.9); }
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 white; }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 white;
    box-shadow: 0 0 0 0 white; }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
footer {
  background-color: black;
  background-image: url(../img/footer-bg-xs.png);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat; }
  footer .content {
    background-image: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: white;
    padding-top: 5%;
    padding-bottom: 0;
    font-size: 0.9em;
    max-width: 1200px;
    height: auto;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      footer .content {
        padding-top: 10%;
        padding-bottom: 0; } }
    footer .content .inner-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      width: 50%; }
      @media screen and (min-width: 480px) and (max-width: 992px) {
        footer .content .inner-container {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row; } }
    footer .content .logo {
      height: 100px;
      max-width: 100%; }
    footer .content p {
      color: white; }
    footer .content .cell {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      border-bottom: 1px solid #231f20;
      padding: 5% 0; }
      footer .content .cell h1, footer .content .cell h2, footer .content .cell h3 {
        color: #fbf9f9;
        letter-spacing: 1px; }
      footer .content .cell h3 {
        font-size: 1.2em;
        margin: 0 0 1em; }
      footer .content .cell .inner-cell {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 2em;
        width: calc(100%/4); }
        footer .content .cell .inner-cell.full {
          width: 100%; }
        footer .content .cell .inner-cell.contact {
          padding: 2em;
          color: white; }
          footer .content .cell .inner-cell.contact span {
            white-space: nowrap;
            color: inherit !important;
            text-decoration: none !important; }
          footer .content .cell .inner-cell.contact span[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important; }
      footer .content .cell.bottom-nav .inner-cell ul {
        margin: 0;
        padding: 0; }
        footer .content .cell.bottom-nav .inner-cell ul li {
          white-space: nowrap; }
      @media screen and (max-width: 480px) {
        footer .content .cell.bottom-nav {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          footer .content .cell.bottom-nav .inner-cell {
            width: 100%;
            padding-bottom: 2em; } }
      footer .content .cell.company-details {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        footer .content .cell.company-details p {
          font-size: 1em;
          letter-spacing: 1px;
          line-height: 1.8em; }
          @media screen and (min-width: 1199px) {
            footer .content .cell.company-details p {
              width: 80%; } }
        footer .content .cell.company-details .inner-cell:nth-child(1) {
          width: calc(100%/2);
          -ms-flex-negative: 1;
          flex-shrink: 1; }
        @media screen and (max-width: 480px) {
          footer .content .cell.company-details {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
            footer .content .cell.company-details .inner-cell {
              width: 100% !important;
              margin: 0 auto;
              -webkit-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start;
              padding: 2em; }
              footer .content .cell.company-details .inner-cell .logo {
                height: 60px; }
            footer .content .cell.company-details .img-wrapper {
              margin: 0 auto 0 0;
              padding: 0; }
              footer .content .cell.company-details .img-wrapper img {
                max-width: 100px; } }
      footer .content .cell .some-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 2em 0; }
        footer .content .cell .some-wrapper .some-btn {
          margin-right: 1em;
          -webkit-box-shadow: none;
          box-shadow: none; }
  footer .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    color: grey;
    z-index: 1;
    height: 50px; }
    footer .copyright span {
      padding: 0 0.5em; }
  footer ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin: 2em 0; }
    footer ul li {
      line-height: 2em;
      color: grey; }
    footer ul a {
      color: white; }
  @media screen and (max-width: 992px) {
    footer {
      background-size: 300%; }
      footer .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        footer .content .inner-cell {
          min-width: 50%;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: auto;
          min-width: 30%; }
        footer .content .cell {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 100% !important; }
        footer .content .img-wrapper {
          padding: 2em 0; }
          footer .content .img-wrapper img {
            width: 100%;
            max-width: 100px; } }
  footer .img-wrapper {
    padding: 2em 0; }
    footer .img-wrapper img {
      width: 100%;
      max-width: 150px; }

.gradient-bg {
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat; }
  .gradient-bg .content h1 {
    color: white; }
  .gradient-bg .content .cell {
    width: 60%; }
  .gradient-bg .skewed {
    -webkit-transform: skewX(60deg) translate(179vw, 0vh);
    -ms-transform: skewX(60deg) translate(179vw, 0vh);
    transform: skewX(60deg) translate(179vw, 0vh);
    top: 0; }

.back-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  color: #FFF;
  font-size: 1.2em;
  position: fixed;
  bottom: 2vh;
  right: 50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.7;
  z-index: 1000;
  background-image: -o-linear-gradient(45deg, #00a591 10%, #1b75bc, #6b5b95, #e94b3c, #fcd146);
  background-image: linear-gradient(45deg, #00a591 10%, #1b75bc, #6b5b95, #e94b3c, #fcd146);
  background-size: 100%; }
  .back-top img {
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .back-top:hover {
    opacity: 1;
    -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05); }
  @media screen and (max-width: 480px) {
    .back-top {
      right: 10px; } }

::-webkit-scrollbar {
  width: 12px;
  height: 10px; }

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid #6b5b95;
  background-clip: padding-box;
  min-height: 100px;
  border-radius: 25px; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  padding: 10px;
  background-color: #6b5b95; }