*,::after,::before{box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block}
*,.button{outline:0}
@font-face{font-family:'Myriad Pro';font-weight:400;src:url(../fonts/myriadpro-bold.ttf) format('truetype')}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-spacing:0;border-collapse:collapse}
*{margin:0;padding:0;vertical-align:baseline;background:0 0}
.screen,.wrapper{position:relative;width:100%;margin:0 auto}
::-moz-focus-inner{padding:0;border:0}
body,html{height:100%;min-height:100%;background-color:#398edf}
html{font-size:10px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-family:'Myriad Pro';font-size:1.5em;font-weight:400;line-height:1.6;color:#fff;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}
a{transition:all .25s ease;text-decoration:none}
figure,img{position:relative;max-width:100%}
.screen{background-image:url(../images/atom.png);background-repeat:no-repeat;background-position:left bottom;background-size:100% auto}
.wrapper{max-width:140rem;padding:0 1.5rem}
@media all and (min-width:720px){.screen{background-image:url(../images/atom-l.png)}
.wrapper{display:flex;flex-direction:row;padding:0 3rem;flex-wrap:wrap}
}
@media all and (min-width:1024px){.wrapper{padding:0 15vw 0 5vw}
}
.top{padding-top:6rem}
.bottom{padding-bottom:3rem}
.bottom .logo-rosatom{margin-bottom:30vh}
@media all and (min-width:720px){.top .header{width:35%}
.top .main{width:65%;padding-top:.75rem;padding-left:3rem}
.bottom .card,.bottom .ticker{margin-left:calc(35% + 3rem)}
.bottom .footer{display:flex;flex-direction:row;padding-top:3rem;flex-wrap:wrap;justify-content:space-between}
.bottom .footer .logo-rosatom{width:35%;margin-bottom:0}
.bottom .footer .info{display:flex;flex-direction:row;width:calc(65% - 3rem);justify-content:space-between;align-items:center}
.bottom .footer .info ul{text-align:left}
.bottom .footer .info__right{margin:0;padding:0}
}
.footer,.header,.logo img,.main,.main img,.ticker{width:100%}
.button,.footer{text-align:center}
.footer{font-family:sans-serif;font-size:1.4rem;color:#003274}
.footer ul li{display:inline-block;padding:0 .75rem}
.footer a{color:#003274}
.logo img,.logo-rosatom img{margin:0 auto 3rem}
.button,.main p{font-size:1.6rem;margin-bottom:3rem}
.logo img{max-width:28rem}
.logo-rosatom img{max-width:12rem}
.button{font-family:'Myriad Pro',sans-serif;line-height:1;display:inline-block;overflow:hidden;min-width:18rem;padding:1.05rem 3rem;cursor:pointer;transition:all .25s ease;white-space:nowrap;text-overflow:ellipsis;color:#fff;border:0;background:#5fbdd4;box-shadow:none;box-shadow:-3px 3px 0 rgba(31,67,115,.6);-webkit-appearance:none}
@media all and (min-width:1600px){.main p{font-size:1.8rem;margin-bottom:4.5rem}
}
.main img{height:auto;margin-bottom:3rem}
@media all and (min-width:1600px){.main img{margin-bottom:4.5rem}
}
.main ul{margin-bottom:3rem;list-style:disc inside}
@media all and (min-width:720px){.steps{display:flex;flex-direction:row;align-items:center}
.steps img{max-width:10rem}
.steps ul{padding-left:3rem}
}
@media all and (min-width:1024px){.steps img{max-width:15rem}
}
@media all and (min-width:1600px){.main ul{margin-bottom:4.5rem}
.main .action{margin-bottom:1.5rem}
.steps ul{font-size:1.8rem;padding-left:4.5rem}
}
.card{margin-bottom:3rem;padding:1.5rem;border-radius:2rem;background-color:rgba(31,67,115,.6);-webkit-backdrop-filter:blur(1.3rem);backdrop-filter:blur(1.3rem)}
.card p a{text-decoration:underline;color:#fff}
.card .action{margin:3rem 0}
.card .action .button{margin-bottom:0}
@media all and (min-width:720px){.card{padding:3rem}
.card .action{text-align:left}
}
@media all and (min-width:1600px){.card{font-size:1.8rem;margin-bottom:4.5rem;padding:4.5rem}
.card .action{margin:4.5rem 0}
.card .action .button{margin-bottom:0}
}
.ticker{font-family:sans-serif;font-weight:400;line-height:1;overflow:hidden;margin-bottom:3rem;padding:.75rem;color:#1a368b;border-radius:.6rem;background:rgba(255,255,255,.6)}
@media all and (min-width:1600px){.ticker{font-size:1.8rem;padding:1.05rem}
}
.action{text-align:center}
.info{padding-top:3rem;border-top:thin solid #003274}
.info__right{display:flex;flex-direction:row;padding-top:1.5rem;align-items:center;justify-content:center}