html{box-sizing:border-box;-webkit-font-smoothing:antialiased;font-family:"Didact Gothic",Helvetica,Arial,sans-serif}html,body{margin:0;padding:0;background:#fff;color:#000}input{-webkit-appearance:none;border-radius:0}input:focus{outline-style:none}video,img{border:none}a{color:#08639e;text-decoration:underline}a:hover,a:active{text-decoration:none}*,*::before,*::after{box-sizing:inherit}.container{-webkit-transition:-webkit-transform 500ms ease-in-out;transition:-webkit-transform 500ms ease-in-out;transition:transform 500ms ease-in-out;transition:transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out}@media screen and (min-width: 48em){.container{position:fixed;left:0;top:0;right:0;bottom:0}}@media screen and (min-width: 48em){.container.js-rotated{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}.container .text{opacity:1;visibility:visible;-webkit-transition:opacity 300ms 500ms ease-in;transition:opacity 300ms 500ms ease-in}@media screen and (min-width: 48em){.container.js-rotated .text{opacity:0;visibility:hidden;-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}}.left-side{background:#dedee3;overflow-y:auto;-webkit-overflow-scrolling:touch}@media screen and (min-width: 48em){.left-side{position:absolute;right:0;top:0;width:50%;height:100%}}.left-side .graph{display:none;opacity:0;position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;overflow:hidden;visibility:hidden;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (min-width: 48em){.left-side .graph{display:block}}.left-side .graph .bg{min-width:100%;width:auto;height:100%}.left-side .graph .logo{position:absolute;z-index:40;max-width:80%;width:500px;height:55px;background:url(../images/taevas_logo.png) no-repeat 0 0;background-size:contain;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.left-side .graph .logo-shadow{display:none;position:absolute;z-index:30;max-width:80%;width:600px;height:71px;background:url(../images/taevas_logo_shadow.png) no-repeat 0 0;background-size:contain;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media screen and (min-width: 48em){.left-side .graph .logo-shadow{display:block}}.left-side .graph .language{position:absolute;z-index:29;left:50%;bottom:4%;text-decoration:none;color:#fff;font-weight:bold;font-size:13px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.left-side .graph .language:hover{text-decoration:underline}.left-side .text{position:relative;z-index:20}.js-rotated .left-side{overflow:hidden}.js-rotated .left-side .graph{opacity:1;visibility:visible}.right-side{min-height:90vh;position:relative;background:#1b1b40}@media screen and (min-width: 48em){.right-side{position:absolute;left:0;top:0;width:50%;height:100%;min-height:0}}.right-side h1{position:absolute;margin:0;padding:0;left:50%;top:50%;line-height:1.6em;color:#f7f7f7;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.right-side h1{font-size:24px}@media screen and (min-width: 320px){.right-side h1{font-size:calc(24px + 26 * ((100vw - 320px) / 1660))}}@media screen and (min-width: 1980px){.right-side h1{font-size:50px}}.right-side .email{display:none;position:absolute;opacity:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:3%;font-size:15px;color:#f7f7f7;font-weight:bold;text-decoration:none;-webkit-transition:opacity 300ms 500ms ease-in-out;transition:opacity 300ms 500ms ease-in-out}@media screen and (min-width: 48em){.right-side .email{display:block}}.right-side .logo{opacity:1;display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:20px;width:220px;height:25px;background:url(../images/taevas_logo.png) no-repeat 0 0;background-size:contain;-webkit-transition:opacity 300ms 500ms ease-in-out;transition:opacity 300ms 500ms ease-in-out}@media screen and (min-width: 48em){.right-side .logo{top:auto;bottom:3%}}.right-side .more-info{display:none;position:absolute;opacity:0;visibility:hidden;top:4%;left:50%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg);width:68px;height:68px;border-radius:50%;background:url(../images/arrow.svg) no-repeat 50% 50% #26264b;background-size:auto 60%;-webkit-transition:opacity 300ms 500ms ease-in-out, visibility 0 800ms;transition:opacity 300ms 500ms ease-in-out, visibility 0 800ms}@media screen and (min-width: 48em){.right-side .more-info{display:block}}.js-rotated .right-side .email,.js-rotated .right-side .logo{opacity:0;-webkit-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out}.js-rotated .right-side .more-info{opacity:1;visibility:visible;-webkit-transition:visibility 0, opacity 300ms ease-in-out;transition:visibility 0, opacity 300ms ease-in-out}.main{max-width:1000px;padding:0 20px;margin:0 auto;font-family:"Didact Gothic",Helvetica,Arial,sans-serif;background:#fff}.site-logo{display:inline-block;width:255px;height:30px;margin:30px 0 20px;overflow:hidden;white-space:nowrap;text-indent:100%;background:url(../images/taevas_logo.png) no-repeat 0 0;background-size:contain}.a{padding:0 40px;overflow-y:auto}.a img{max-width:40%;float:left}.article{line-height:1.5em;padding:0 40px 100px;font-weight:300;color:#232120}.article{font-size:16px}@media screen and (min-width: 320px){.article{font-size:calc(16px + 0 * ((100vw - 320px) / 1660))}}@media screen and (min-width: 1980px){.article{font-size:16px}}.article .intro{font-weight:bold}.article .intro{font-size:16px}@media screen and (min-width: 320px){.article .intro{font-size:calc(16px + 0 * ((100vw - 320px) / 1660))}}@media screen and (min-width: 1980px){.article .intro{font-size:16px}}.article__image{display:none;position:fixed;width:40%;left:0;top:0}.article__title{color:#1379d7;font-size:50px;font-weight:bold}.article__title{font-size:24px}@media screen and (min-width: 320px){.article__title{font-size:calc(24px + 12 * ((100vw - 320px) / 1660))}}@media screen and (min-width: 1980px){.article__title{font-size:36px}}.article__section{padding:0 0 0px 0}.article__section__title{color:#1379d7;line-height:1.1em;font-weight:normal;margin-bottom:10px}.article__section__title{font-size:24px}@media screen and (min-width: 320px){.article__section__title{font-size:calc(24px + 12 * ((100vw - 320px) / 1660))}}@media screen and (min-width: 1980px){.article__section__title{font-size:36px}}.article__section ul{margin:0}
