/*! 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,
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-family:segoe-bold
}
dfn {
font-family:segoe-italic
}
h1 {
font-size:2em;
margin:.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:-.5em
}
sub {
bottom:-.25em
}
img {
border:0
}
svg:not(:root) {
overflow:hidden
}
figure {
margin:1em 40px
}
hr {
box-sizing:content-box;
height:0
}
pre {
overflow:auto
}
code,
kbd,
pre,
samp {
font-family: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] {
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;
box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
legend {
border:0;
padding:0
}
textarea {
overflow:auto
}
optgroup {
font-family:segoe-bold
}
table {
border-collapse:collapse;
border-spacing:0
}
td,
th {
padding:0
}
.opacity50 {
opacity:.5
}
body {
padding:0;
min-height:100%;
background-color:#12151a;
color:#fff;
min-width:320px;
overflow-x:hidden
}
.content,
body {
position:relative;
box-sizing:border-box
}
.content {
max-width:100%;
padding:56px 16px;
min-height:100vh
}
.wrapper {
max-width:100%;
width:1152px;
margin:0 auto
}
.android_content {
background-image:url(../img/android_bg_1920.jpg)
}
.android_content,
.android_instruction_content {
background-size:cover;
background-position:top center;
background-repeat:no-repeat
}
.android_instruction_content {
background-image:url(../img/android_bg_blurred_1920.jpg)
}
@media (max-width:639px) {
.android_content,
.android_instruction_content {
background-image:none
}
}
html {
height:100%;
font-size:10px
}
body {
font-family:roboto,segoe ui,arial,sans-serif;
font-size:1.5rem;
line-height:1.4em
}
h1 {
padding:0
}
h1,
p {
margin:0
}
p {
line-height:1.4em
}
a {
color:inherit;
text-decoration:none;
border-bottom:1px solid hsla(0,0%,100%,.3)
}
a:hover {
color:#18b7ff;
border-bottom-color:#18b7ff
}
.footer a {
border:none
}
.text__xxl {
font-size:110px;
margin-bottom:.1em
}
.text__xl,
.text__xxl {
font-family:segoe-black,sans-serif;
font-weight:900;
line-height:1em;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
.text__xl {
font-size:50px;
margin-bottom:.4em
}
.text__l {
font-size:24px;
font-family:segoe-black,sans-serif;
font-weight:900;
line-height:1.2em;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
@media (max-width:959px) {
.text__xxl {
font-size:80px
}
.text__xl {
font-size:30px
}
.text__l {
font-size:18px
}
}
.caps {
text-transform:uppercase
}
#header {
position:absolute;
top:0;
width:100%;
height:56px;
background-color:rgba(0,0,0,.3);
overflow:hidden;
z-index:1
}
#header a {
border:none
}
.header_wrap {
width:1152px;
max-width:100%;
padding:0 16px;
box-sizing:border-box;
margin:0 auto;
line-height:20px
}
.nav {
margin:0;
padding:0
}
.nav,
.nav a {
display:inline-block
}
.nav a {
color:#fff;
height:56px;
padding-top:16px;
box-sizing:border-box;
-webkit-transition:color .1s ease;
transition:color .1s ease
}
.nav a:hover {
color:#18b7ff
}
.nav__secondary {
margin:0 20px
}
.nav_item {
display:inline-block;
margin:0 20px 0 0;
padding:0;
list-style-type:none
}
.nav_item.active {
box-shadow:inset 0 -3px 0 0 #fff
}
.nav_item__grey a {
color:hsla(0,0%,100%,.5)
}
.header_container {
display:table;
width:100%
}
.header_group_left,
.header_group_right {
display:table-cell
}
.header_group_right {
text-align:right
}
.header_lang {
display:inline-block;
margin-right:30px;
font-size:.9em;
letter-spacing:.1em
}
.header_lang a {
display:inline-block;
color:hsla(0,0%,100%,.5);
height:56px;
padding-top:17px;
box-sizing:border-box;
-webkit-transition:color .1s ease;
transition:color .1s ease;
margin-right:10px
}
.header_lang a:hover {
color:#18b7ff
}
.header_lang a.active {
color:#fff
}
.header_logo {
display:none
}
.header_logo.shown {
display:inline-block
}
.header_logo.shown img {
position:relative;
top:3px;
margin-right:5px
}
.btn_menu {
display:none
}
@media (max-width:959px) {
.header .btn {
display:none
}
}
@media (max-width:708px) {
#header {
height:56px;
z-index:1;
-webkit-transition:all .1s ease;
transition:all .1s ease
}
#header.active {
height:360px;
background-color:RGBA(12,14,18,1)
}
#header .btn {
display:none
}
.nav {
display:block
}
.nav a {
display:inline-block;
height:40px
}
.nav_item {
display:block
}
.nav_item.active {
box-shadow:none
}
.nav_item.active a {
color:#18b7ff
}
.header_container,
.header_lang {
display:block
}
.header_group_left,
.header_group_right {
display:block;
text-align:left
}
.nav__secondary {
margin:20px 0
}
.header_logo {
display:inline-block;
color:#b6cfe3;
text-transform:uppercase;
letter-spacing:.1em
}
.header_logo img {
position:relative;
top:3px;
margin-right:5px
}
.btn_menu {
display:block;
margin:0;
float:right;
text-align:center
}
.btn_menu a {
width:56px;
margin-right:-16px;
height:56px
}
}
.btn {
display:inline-block;
text-align:center;
border-radius:2px;
box-sizing:border-box;
text-decoration:none
}
.btn__blue {
color:#000;
background:#18b7ff;
text-shadow:0 1px 0 hsla(0,0%,100%,.3);
box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.3);
border:none
}
.btn__blue:hover {
color:#000
}
.btn__outline {
color:#fff;
background-color:transparent;
box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5);
border:none
}
.btn__outline:hover {
color:#fff;
background-color:hsla(0,0%,100%,.1)
}
.btn__l {
font-size:18px;
padding:9px 20px 11px
}
.btn__l,
.btn__m {
margin:0 8px 16px 0
}
.btn__m {
font-size:15px;
padding:7px 20px 9px
}
.btn__s {
height:30px;
padding:3px 16px 5px
}
.btn_caption {
margin-top:-10px;
opacity:.5
}
.android-description {
display:inline-block;
max-width:425px;
vertical-align:top;
padding-top:50px
}
.page-logo {
margin-bottom:30px
}
.page-logo_description {
letter-spacing:.35em;
font-size:18px;
color:#afc8dc
}
@media (max-width:959px) {
.android-description {
max-width:320px;
padding-top:30px;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
}
@media (max-width:708px) {
.page-logo {
display:none
}
}
.free-badge {
position:absolute;
top:12%;
left:42%;
color:#fc0;
border:1px dashed #fc0;
border-radius:4px;
padding:8px 20px;
font-size:18px;
font-family:segoe-black,sans-serif;
font-weight:900;
letter-spacing:.2em;
-webkit-transform:rotate(-20deg);
transform:rotate(-20deg);
box-shadow:0 1px 0 0 rgba(0,0,0,.3)
}
@media (max-width:639px) {
.free-badge {
display:none
}
}
.android-buttons {
max-width:400px;
margin-top:80px;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
@media (max-width:767px) {
.android-buttons {
max-width:320px;
margin-top:30px
}
}
.android-phone {
display:none
}
@media (max-width:639px) {
.android-phone {
display:inline-block;
margin:30px 0
}
}
.footer {
width:100%;
background-color:rgba(0,0,0,.3);
overflow:hidden;
color:hsla(0,0%,100%,.5)
}
.footer_wrap {
width:1152px;
max-width:100%;
padding:16px;
box-sizing:border-box;
margin:0 auto
}
.footer_wrap a {
display:inline-block;
color:inherit;
height:40px;
box-sizing:border-box;
-webkit-transition:color .1s ease;
transition:color .1s ease
}
.footer_wrap a:hover {
color:#18b7ff
}
.footer_container {
display:table;
width:100%
}
.footer_item {
display:inline-block;
margin:0 20px 0 0;
padding:0
}
.footer_group_left,
.footer_group_right {
display:table-cell;
white-space:nowrap
}
.footer_group_right {
text-align:right
}
.instruction_header {
font-size:40px;
line-height:40px;
margin-top:40px;
margin-bottom:20px
}
.instruction_list {
list-style-type:none;
padding:0
}
.instruction_list_item {
white-space:nowrap
}
.instruction_list_item:last-child {
margin-top:10px;
color:hsla(0,0%,100%,.5)
}
.item_number,
.item_text {
display:inline-block;
vertical-align:top
}
.item_text {
width:80%;
white-space:pre-line
}
.item_number,
.item_text {
padding-top:2px;
margin:0 8px 10px 0
}
.item_number {
width:27px;
height:27px;
text-align:center;
border-radius:100%;
border:1px solid hsla(0,0%,100%,.5);
box-sizing:border-box
}
.android_robot {
margin:0 9px 10px 0
}
.instruction_agreement {
margin-top:20px
}