html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
@import url('https://fonts.googleapis.com/css?family=Roboto:500&display=swap');body{font-family:'Roboto', sans-serif;}
.page{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex:1;align-items:center;justify-content:center;background-color:#060643;background-image:url('../img/bg/web_bg.svg');background-position:left bottom;background-size:cover;background-repeat:no-repeat;}
.page .content{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:30px;}
.page .content img.logo{width:232px;height:auto;margin:0 0 50px 0;}
.page .content h1{font-size:25px;line-height:32px;letter-spacing:0.43px;color:white;margin:0 0 110px 0;}
.page .content a{display:flex;flex-direction:row;align-items:center;justify-content:center;color:white;font-size:23px;line-height:30px;letter-spacing:0.4px;text-decoration:none;padding:10px;position:relative;}
.page .content a:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:1px;left:50%;position:absolute;background:white;transition:width 0.3s ease 0s, left 0.3s ease 0s;width:0;}
.page .content a:hover:after{width:100%;left:0;}
.page .content img.icon{height:15px;width:auto;margin:0 15px 0 0;}
@media only screen and (max-width:768px){.page{background-image:url('../img/bg/mobile_bg.svg');background-position:right center;}
.page .content img.logo{width:186px;}
.page .content h1{font-size:22px;line-height:29px;letter-spacing:0.38px;margin:0 0 90px 0;}
.page .content a{font-size:15px;line-height:20px;letter-spacing:0.26px;padding:10px;}
.page .content img.icon{height:11px;margin:0 13px 0 0;}
}
@media only screen and (max-width:768px) and (orientation:landscape){.page{background-image:url('../img/bg/web_bg.svg');background-position:right center;background-size:100%;}
.page .content h1{margin:0 0 40px 0;}
}
@media only screen and (min-width:768px) and (max-width:1024px){.page{background-image:url('../img/bg/web_bg.svg');background-position:right center;background-size:auto 100%;}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.page{background-image:url('../img/bg/web_bg.svg');background-position:right center;background-size:100%;}
.page .content h1{margin:0 0 40px 0;}
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.page{background-image:url('../img/bg/mobile_bg.svg');background-position:right center;background-size:100%;}
}
@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape){.page{background-image:url('../img/bg/web_bg.svg');background-position:right center;background-size:auto 100%;}
}
@media only screen
and (min-width:1024px)
and (max-height:1366px)
and (orientation:portrait)
and (-webkit-min-device-pixel-ratio:1.5){.page{background-image:url('../img/bg/mobile_bg.svg');background-position:right center;background-size:100%;}
}
@media only screen
and (min-width:1024px)
and (max-height:1366px)
and (orientation:landscape)
and (-webkit-min-device-pixel-ratio:1.5){.page{background-image:url('../img/bg/web_bg.svg');background-position:right center;background-size:auto 100%;}
}
@media screen
and (min-device-width:1200px)
and (max-device-width:1600px)
and (-webkit-min-device-pixel-ratio:2)
and (min-resolution:192dpi){.page{background-image:url('../img/bg/web_bg.svg');background-position:right center;background-size:cover;}
}