@charset "utf-8";
html,body,div,span,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,a,abbr,acronym,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,applet,object,iframe,article,aside,figure,figcaption,footer,header,hgroup,menu,nav,section,time,mark,audio,video,canvas {
    margin:0;
    padding:0;
    background:0;
    font-family:inherit;
    font-weight:inherit;
    font-style:inherit;
    line-height:inherit;
    vertical-align:baseline;
    border:0;
    outline:0;
    -webkit-tap-highlight-color: transparent;
}
* html {
    font-size:93.75%
}
html {
    overflow:auto;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-overflow-scrolling:touch;
    -webkit-tap-highlight-color:#f3f5f6;
    font-family: 'Myriad Set Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:17px;
    line-height: 1.7;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    /*-webkit-tap-highlight-color: transparent;*/
}
blockquote:before,blockquote:after,q:before,q:after {
    content:"";
}
blockquote,q {
    quotes:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
caption,th,td {
    font-weight:400;
    text-align:left;
    vertical-align:middle
}
ul,ol {
    list-style:none
}
article,aside,figure,figcaption,footer,header,hgroup,nav,section {
    display:block
}
input,button,select,textarea {
    margin:0;
    padding:0;
    -webkit-tap-highlight-color: transparent;
}
.lstRst,.lstRst>li,.dfLstRst,.dfLstRst>dt,.dfLstRst>dd {
    margin:0;
    padding:0;
    margin-bottom:5px
}
.lstRst {
    list-style:none outside
}
.lstRst>li {
    background:0
}
.dfLstRst>dt,.dfLstRst>dd {
    font-weight:400;
    font-style:normal
}
body {
    -webkit-text-size-adjust:100%;
    color:#353535;
    counter-reset:heading;
    -webkit-tap-highlight-color: transparent;
}
body:after {
    display: block;
    z-index: 10;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    -webkit-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
body, input, textarea, select, button {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
}
::-moz-selection {
    color:#f2f2f2;
    background:#353535;
    text-shadow:none
}
::selection {
    color:#f2f2f2;
    background:#353535;
    text-shadow:none
}
a {
    color:#1280c8;
    text-decoration:none;
    -webkit-tap-highlight-color: transparent;
    transition:color.2s;
    -webkit-transition:color.2s;
    -moz-transition:color.2s;
    -ms-transition:color.2s;
    -o-transition:color.2s;
}
a:hover {
    text-decoration:underline;
}
a:focus,select:focus {
    outline:none;
    -webkit-tap-highlight-color: transparent;
}
.link:after,
.iconLinksBlock *:after {
    font-family: "icons";
    alt: "";
}
.link:after {
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    z-index: 1;
    padding-left: .3em;
}
.iconLinkDown:after {
    content: "";
}
.external:after {
    content: "";
}
.more:after {
    content: "";
}
.iconExclamation:after {
    content: "";
}
.more.moreDevider:after {
    padding-left: .15em;
    padding-right: .15em;
}
.linkDownload:after,
.linkDownloadConfig:after {
    content: "";
}
.linkDownloadConfig:after {
    font-size: 120%;
    font-weight: 400;
}
label,button,.button {
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
}
label {
    border-bottom: 1px dotted;
    border-color: inherit;
}
.ContactWrap.unactiveContact {
    cursor: not-allowed;
    background: #fcfcfc;
}
.ContactWrap.unactiveContact label {
    color: #c5c5c5;
    cursor: not-allowed;
    text-decoration: none;
}
a.ContactWrap.unactiveContact:hover label {
    text-decoration: none;
}
h1 {
    font-size: 48px;
    font-weight: 200;
    letter-spacing: -1px;
    line-height: 1;
}
h2,h3,h4,h5,h6 {
    font-weight:600;
    text-rendering:optimizelegibility
}
h2 {
    font-size: 28px;
    line-height:1.67619em;
    margin:.8381em 0
}
h3 {
    font-size:1em;
    line-height:1.46667em;
    margin:1em 0 -0.46667em;
}
h4 {
    font-size: 30px;
    font-weight: 200;
    line-height: 37px;
    margin: 22px 0 0;
}
h5 {
    font-size:1em;
    line-height:1.46667em;
    margin:1.46667em 0
}
h6 {
    font-size:1em;
    line-height:1.46667em;
    margin:1.46667em 0
}
p,pre,dl,ul,ol,address,table {
    margin:1.46667em 0
}
video {
    margin:0 0 1.46667em
}
p,blockquote,li,dd {
    -webkit-hyphens:manual;
    -moz-hyphens:manual;
    hyphens:manual;
}
pre,code,samp,var,tt {
    font-family:"Courier New",Courier,Freemono,"Nimbus Mono L",monospace
}
pre,code,samp,del {
    color:#555555
}
pre {
    padding: 0 .35em;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
    margin: 0;
    background: #ececec;
    color: #333;
    display: initial;
}
p var,p code,p samp {
    position:relative;
    top:.09em;
    vertical-align:top
}
code var,samp var {
    top:0
}
blockquote,em,cite,q,i {
    font-style:italic
}
i {
    margin: 0 .08em;
}
blockquote {
    margin:1.46667em 3em;
}
address {
    font-style:normal
}
dt {
    margin:1.46667em 0 0;
    font-weight:bold
}
dd {
    margin:0 0 1.46667em 1.5em;
    font-style:italic
}
ul {
    list-style-type:none
}
ol {
    list-style-type:decimal
}
ol li {
    margin:1.46667em 0
}
li ul,li ol {
    margin:1.46667em 0 1.46667em 1.5em
}
strong,dfn,b,kbd,acronym,abbr,var {
    font-weight:600;
}
acronym,abbr,ins,del {
    color:#488dc6;
    border-width:0 0 1px;
    border-style:dotted;
    border-color:#488dc6;
    cursor:help
}
acronym,abbr {
    margin:0 -0.075em 0 0;
    letter-spacing:.075em
}
kbd {
    padding:.25em .5em .2em;
    color:#333;
    background:#ededed;
    font:caption;
    font-size:1em;
    font-weight:600;
    letter-spacing:.1em;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-background-clip:padding;
    -moz-background-clip:padding;
    background-clip:padding-box;
    -webkit-box-shadow:-2px -2px 2px #dadada inset;
    -moz-box-shadow:-2px -2px 2px #dadada inset;
    box-shadow:-2px -2px 2px #dadada inset
}
var {
    color:#d00837;
    font-style:normal
}
ins,mark {
    color:#1c8400;
    border-width:0 0 1px;
    border-style:dotted;
    border-color:#1c8400;
    text-decoration:none
}
del,strike,s {
    text-decoration:line-through
}
sup,sub {
    position:relative;
    font-size:.75em;
    line-height:0
}
sup {
    top:-0.65em
}
sub {
    bottom:-0.25em
}
big {
    font-size:1.5em;
    line-height:0
}
small {
    font-size:.75em;
    line-height:0
}
u {
    text-decoration:underline
}
img {
    max-width:100%;
    vertical-align:top
}
caption {
    padding:0 0 .73333em;
    font-weight:bold
}
table {
    width:100%;
    max-width:100%
}
td,th {
    border:1px solid black;
    padding:.66667em .5em .73333em
}
th {
    font-weight:600
}
fieldset {
    padding:.73333em 0 0
}
legend {
    position:relative;
    left:-1.5em;
    padding:0 1.5em;
    color:white;
    background:black;
    font-weight:bold
}
input,select,button,textarea {
    font-family: 'Myriad Set Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:1em;
    line-height:1.46667em;
    -webkit-tap-highlight-color: transparent;
}
input,button,textarea {
    padding:0 .5em
}
input,button {
    height:1.46667em;
    border:0
}
input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly] {
    opacity:.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor:not-allowed;
    -webkit-tap-highlight-color: transparent;
}
.ie button {
    width:auto;
    overflow:visible
}
input,select {
    vertical-align:top
}
input[type="radio"],input[type="checkbox"] {
    vertical-align:top;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
input[type="file"] {
    height:auto;
    line-height:normal;
    border:0
}
.notes.notesFix {
    background: 0;
    display: block;
}
/*переключатель результатов поиска*/
.noUDIDcontent,
.nofoundudid form,
.nofoundudid .hdrfindudidyes {
    display: none;
}

.nofoundudid .noUDIDcontent,
.nofoundudid .noUDIDcontent .hdrfindudidyes {/*если udid не найден*/
    display: block;
}

.nofoundudid .noUDIDcontent {
    padding-bottom: 5.5em;
}
.findUdidContent .noUDIDcontent p {
    font-size: 20px;
    font-weight: 200;
    line-height: 1.45;
    margin: auto;
    max-width: 590px;
    margin-top: 1.5em;
}


/*iosbetaPage*/
.iosBetaPage {
    opacity: 0;
}
.is-shown .iosBetaPage {
    opacity: 1;
    -webkit-transition: opacity 2s .5s;
    -moz-transition: opacity 2s .5s;
    transition: opacity 2s .5s;
}
.introBack {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e8e8e8;
    margin-top: -104px;
    position: relative;
    overflow: hidden;
}
.introBack .content {
    text-align: left;
    padding-top: 12.5em;
    padding-bottom: 11em;
}
.introText {
    position: relative;
    max-width: 56%;
    z-index: 2;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 200;
}
.introText h1 {
    font-size: 62px;
    font-weight: 500;
    letter-spacing: -.02em;
    margin-bottom: .45em;
}
.iosBetaVersion {
    font-weight: 100;
    letter-spacing: .025em;
}
.iosbetaheadlighter {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -.018em;
    margin-left: -0.1em;
}
.introText h1 .lighter {
    font-size: 14px;
    color: #e9570d;
    letter-spacing: 0;
    position: relative;
    vertical-align: top;
    border: 1px solid;
    border-radius: 3px;
    padding: 1px 7px 2px;
    /*margin-left: .45em;*/
}
.introText p,
.introText a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
    margin-bottom: .45em;
}
.introText p strong {
    font-weight: inherit;
}
.introText a {
    display: block;
    margin-top: 1em;
    margin-bottom: 0;
}
.betaPrice {
    position: absolute;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #888;
    border-top: 1px solid #dadada;
    padding: 1.5em 4em 1.8em 0;
    bottom: 0;
    z-index: 6;
}
.betaPrice span {
    display: block;
}
.iosbetaHeroImage {
    background-image: url("/static/images/iosbeta/introHeroBeta.jpg");
    background-size: 644px 798px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    height: 100%;
    width: 644px;
    top: 0;
    left: 47%;
    z-index: 1;
    -webkit-animation: iosheroImage 1.7s ease-in-out forwards 1;
    animation: iosheroImage 1.7s ease-in-out forwards 1;
}
@-webkit-keyframes iosheroImage {
    0% {left: 48.5%}
    100% {left: 47%}
}
@keyframes iosheroImage {
    0% {left: 48.5%}
    100% {left: 47%}
}
.discoverBeta.down {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 5;
    left: 0;
    top: 7%;
    color: inherit;
    opacity: .35;
    font-size: 12px;
    text-decoration: none;
    transition: .35s ease-out;
}
.discoverBeta.down:after {
    content: "";
    padding-left: 0;
    display: block;
    position: relative;
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    -webkit-animation: discoverArrow 3.5s infinite ease;
    animation: discoverArrow 3.5s infinite ease;
}
.discoverBeta.down:hover {
    opacity: .8;
}
.discoverBeta.hideDisc {
    opacity: 0!important;
    pointer-events: none;
}

.aboutBeta {
    background: #fff;
    padding: 7em 0 7.3em;
    position: relative;
}
.aboutBeta .content {
    max-width: 790px;
}
.aboutBeta h3.lighter {
    text-align: center;
    margin: 0;
    font-size: 17px;
    letter-spacing: 0;
    font-weight: 400;
    color: #999;
    line-height: 1;
}
.aboutBeta h4 {
    font-size: 50px;
    letter-spacing: -.02em;
    font-weight: 200;
    margin-bottom: .55em;
    line-height: 1.05;
    margin-top: .4em;
}
.aboutBeta p {
    font-size: 21px;
    font-weight: 200;
    line-height: 1.45;
    margin: 0;
}

.howTo {
    position: relative;
    background: #f7f7f7;
    border-top: 1px solid #e8e8e8;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.35);
}
.howTo * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.howTo .content {
    max-width: 840px;
    text-align: left;
}
.howTo h3 {
    text-align: center;
    font-size: 20px;
    color: #fff;
    letter-spacing: -.008em;
    line-height: 48px;
    margin: 0;
    background: #3c4247;
    font-weight: 200;
}
.howToList:before, .howToList:after, .howToList li:before, .howToList li:after {
    display: table;
    content: "";
    clear: both;
}
.howToList {
    counter-reset: list;
    position: relative;
    padding: 2.2em 0 3.5em;
    margin: 0;
}
.howToList li {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    font-size: 22px;
    letter-spacing: -.008em;
    font-weight: 300;
    line-height: 1.25;
    padding-left: 1.6em;
    padding-bottom: 0;
    margin: 1em 0;
}
.howToList li:before {
    display: inline-block;
    counter-increment: list;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    content: counter(list);
    font-size: 200%;
    line-height: 1;
    color: #00a0dc;
}
.howToList p {
    line-height: 1.45;
    margin-top: .45em;
    margin-bottom: 0;
    letter-spacing: 0em;
    font-size: 15px;
    font-weight: 400;
}
.howToList li:nth-child(odd) {
    padding-right: 1em;
    clear: left;
}
.howToList li:nth-child(even) {
    padding-left: 2.6em;
    clear: right;
}
.howToList li:nth-child(even):before {
    left: .44em;
}

.compatibleios {
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #fafefe 0%, #f6f4ff 100%);
    background: -webkit-linear-gradient(top, #fafefe 0%, #f6f4ff 100%);
    background: linear-gradient(to bottom, #fafefe 0%, #f6f4ff 100%);
    padding: 5.5em 0 6em;
}
.compatibleios .content {
    min-height: 330px;
    text-align: left;
}
.compatibleiosImage {
    background-image: url("/static/images/iosbeta/compatibleios.png");
    background-size: 227px 310px;
    width: 227px;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 18px;
    min-height: 310px;
    right: 51%;
    margin-right: 3.5em;
}
.compatibleIosText {
    position: absolute;
    padding-right: inherit;
    left: 46%;
    margin-left: 1em;
    top: 50%;
    vertical-align: middle;
    max-width: 400px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.compatibleIosText h4 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 200;
    margin: 0;
    margin-bottom: .2em;
}
.compatibleIosText h4+span {
    font-size: 13px;
    position: absolute;
    margin-top: -15px;
    color: #999999;
}
.compatibleIosText .deviceList {
    padding: 0;
}
.compatibleIosText .deviceList ul {
    display: inline-block;
    vertical-align: top;
    margin-top: 1em;
    margin-bottom: 0;
}
.compatibleIosText .deviceList ul:first-child {
    margin-top: 1em;
}
.compIOSfirstCol {
    padding-right: 3em;
}
.compatibleIosText ul li {
    font-size: 14.5px;
    line-height: 1.3;
    padding: .22em 0;
}
.compatibleIosText .DeviceHead {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: .45em;
    padding: 0;
}
.compatibleIosText ul li .lighter {
    color: #999;
}
span.smallCaps {
    font-variant-caps: all-small-caps;
    font-weight: 600;
    margin-left: .025em;
}

.ready {
    display: block;
    background: #274766;
    color: #fafafa;
    position: relative;
    background-position: center;
    background-size: cover;
    background-image: url("/static/images/iosbeta/ios_ready_large.jpg");
}
.ready:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: rgba(0, 0, 0, .65);
    pointer-events: none;
}
.ready a {
    display: block;
    text-decoration: none;
    padding: 8em 0;
    z-index: 1;
    color: inherit;
    text-align: left;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.39), 0 0 15px #2f2f2f;
}
.ready .content h3 {
    font-size: 36px;
    letter-spacing: -.012em;
    font-weight: 200;
    max-width: 480px;
    margin-left: 0;
    margin-bottom: .2em;
    line-height: 1.2;
    margin-top: 0;
}
.ready label {
    border: 0;
    font-size: 18px;
}
.ready a:hover label {
    text-decoration: underline;
}
.priceBlock {
    max-width: 310px;
    display: block;
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
    color: #e0e0e0;
    margin: 0;
    position: absolute;
    background: rgba(53, 53, 53, 0.4);
    border: 1px solid;
    right: 22px;
    top: 50%;
    z-index: 1;
    vertical-align: middle;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(14px);
}
.cost {
    border-bottom: 1px solid;
}
.priceBlock, .cost {
    border-color: rgba(255, 255, 255, 0.07);
}
.priceBlock li {
    padding: 16px 8px;
    padding-left: 48px;
    position: relative;
    vertical-align: middle;
}
.cost:before, .time:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    width: 27px;
    height: 26px;
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
    margin: -13px 0 0;
}
.cost:before {
    background-image: url("/static/images/iosbeta/icon-price.svg");
}
.time:before {
    background-image: url("/static/images/iosbeta/icon-stopwatch.svg");
}
.time:after {
    content: "Только у нас! *";
    display: block;
    font-size: 10px;
    position: relative;
    margin-top: -2px;
    margin-bottom: -4px;
    color: #6bf;
}

.singleBlock {
    padding: 5.2em 0 5.6em;
    text-align: center;
    background: #fff;
}
.singleBlock a {
    display: block;
    text-decoration: none;
    color: inherit;
    max-width: 700px;
}
.downloadsBlock a {
    max-width: 650px;
}
.singleBlock figure {
    display: block;
    background-repeat: no-repeat;
    margin: .7em auto 0;
    width: 64px;
    height: 54px;
}
.whyweIcon {
    background-image: url("/static/images/iosbeta/icon-whywe_big.svg");
}
.singleDownloadIcon {
    background-image: url("/static/images/iosbeta/icon-download-big.svg");
}
.singleBlock h2 {
    font-size: 46px;
    font-weight: 200;
    line-height: 1.07em;
    letter-spacing: -.022em;
    margin-top: 0.7em;
    margin-bottom: .38em;
}
.singleBlock p, .singleBlock label {
    display: block;
    font-size: 23px;
    line-height: 1.32;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: .8em;
}
.singleBlock label {
    color: #0081d0;
    border: 0;
}
.singleBlock a:hover label {
    text-decoration: underline;
}

/* IOSBETA PAGE END*/





/* PROMO TEMP (+spritesHD+Phone) */
.fruityPromo {
    background: rgba(6, 170, 237, 0.95);
    width: 100%;
    bottom: 0;
    height: 0;
    overflow: hidden;
    text-align: center;
    position: fixed;
    font-size: 14px;
    text-shadow: 1px 1px 0 rgba(3, 18, 29, 0.45);
    z-index: 10101;
}
.is-shown.fruityPromo {
    height: 30px;
    -webkit-transition: all .65s;
    transition: all .65s;
}
.fruityPromo span {
    text-decoration: underline;
}
.fruityPromoLink {
    color:#fff;
    line-height: 30px;
    text-decoration: none;
    position: absolute;
    width: 100%;
    left: 0;
}
.fruityPromoLink:hover, .fruityPromoLink:active {
    color:#fff;
    text-decoration: none;
}
.fruityPromoClose {
    position: inherit;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 11;
    height: 30px;
    width: 40px;
    line-height: 50px;
    opacity: 0;
    cursor: pointer;
}
.is-shown.fruityPromoClose {
    opacity: 1;
    -webkit-transition: all .25s, opacity .65s;
    transition: all .25s, opacity .65s;
}
.fruityPromoClose:before {
    display: block;
    content: "";
    width: 13px;
    height: 12px;
    margin: 9px 0 9px 14px;
    background: url("/static/res/images/SpritesSetBase.png") no-repeat -813px -2px;
    -webkit-transition:.25s;
    transition:.25s;
}
.fruityPromoClose:hover:before {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
/* PROMO TEMP END */

textarea {
    height:14.53333em
}
hr {
    display:block;
    height:1px;
    margin:1.5em 0 -1px;
    padding:0;
    border-width:1px 0;
    border-style:solid;
    border-color:#c7ced6 black white
}
.alnLft {
    text-align:left
}
.alnRgt {
    text-align:right
}
.alnCnt {
    text-align:center
}
.alnJst {
    text-align:justify
}
.alnTop {
    vertical-align:top
}
.alnMdl {
    vertical-align:middle
}
.alnBtm {
    vertical-align:bottom
}
.fntBld {
    font-weight:bold
}
.fntItl {
    font-style:italic
}
.fntNrm {
    font-weight:normal;
    font-style:normal
}
.blkClr {
    clear:both
}
.blkNClr {
    clear:none
}
.hNumber:before {
    display:-moz-inline-box;
    display:inline-block;
    counter-increment:heading;
    content:counter(heading) ". ";
    position:relative
}
.space {
    display:block;
    padding-bottom: 30px;
}
.sign-in-content {
    margin: 0 0 0 -40px;
}
.mobile-ul {
    font-size: 15px;
    line-height: 24px;
    padding: 0 20px 0 35px;
    margin: -12px 0 20px 0;
}

.mobile-ul li:before {
    display: list-item;
    content: "—";
    font-size: 17px;
    padding: 6px 0 1px 0;
    margin: 0 0 0 -25px;
    line-height: 27px;
    height: 2px;
}
body {
    position:relative;
    margin:0 auto;
    padding:104px 0 0;
}
.hdrWrap {
    position:relative;
    max-width:980px;
    height: 64px;
    margin:0 auto;
    padding:0 40px;
    line-height:50px
}
.content,.contentnote,.ntsWrap,.mSctWrap {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content {
    text-align:center
}
.contentnote {
    margin:0 auto -2px;
    text-align:center
}
.content h3 {
    text-align:left;
    font-weight: 200;
    font-size: 30px;
    letter-spacing: -0.8px;
}
.notes {
    position:relative;
    background:url(/static/res/images/bgr.notes.jpg) no-repeat 50% 100%;
    overflow:hidden;
    padding: 20px 0 24px 0;
}
.ntsWrap {
    position:relative
}
.mainSection {
    position:relative;
    background:white url(/static/res/images/bgr.section.jpg) no-repeat 50% 0;
    overflow:hidden
}
.mainSectionNoShadow {
    position:relative;
    background:white no-repeat 50% 0;
    overflow:hidden;
}
.note {
    position:relative;
    margin:0 0 0;
    padding:25px 0;
    background:white;
    background:rgba(255,255,255,0.85);
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255,255,255,0.85)),color-stop(100%,rgba(255,255,255,0.95)));
    background:-webkit-linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.95));
    background:-moz-linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.95));
    background:-o-linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.95));
    background:linear-gradient(rgba(255,255,255,0.70),rgba(255,255,255,0.95))
}
.note:before,.note:after {
    display:block;
    content:"";
    font-size:0;
    line-height:0;
    position:absolute;
    height:3px;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    background:url("/static/res/images/line.png") no-repeat 0 -1px
}
.note:before {
    top:0
}
.note:after {
    bottom:0
}
.apply {
    display: table;
    margin: 0 auto;
    background:rgba(255,255,255,0.95);
    margin-top: 15px;
    margin-bottom: 57px;
    position: relative;
}
a.apply {
    border: 1px solid rgb(52, 155, 200);
    padding: 17px 40px 17px 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.button_glow-wrapper-sert {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.button_glow-sert {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 100%;
    margin: 30px 0;
    -webkit-box-shadow: 0 -3px 15px 0 rgba(216, 242, 255, 0.1),0 -12px 25px 0 rgba(28, 178, 232, 0.15);
    -moz-box-shadow: 0 -3px 15px 0 rgba(216, 242, 255, 0.1),0 -12px 25px 0 rgba(28, 178, 232, 0.15);
    -o-box-shadow: 0 -3px 15px 0 rgba(216, 242, 255, 0.1),0 -12px 25px 0 rgba(28, 178, 232, 0.15);
    box-shadow: 0 -3px 15px 0 rgba(216, 242, 255, 0.1),0 -12px 25px 0 rgba(28, 178, 232, 0.15);
    -webkit-border-radius: 50%/20px;
    -moz-border-radius: 50%/20px;
    border-radius: 50%/20px;
}
.apply:hover .button_glow-sert {
    margin:0;
}

.SignCert:after {
    display:block;
    content:"";
    font-size:0;
    line-height:0;
    margin: 0 auto;
    height:4px;
    width:960px;
    background:url("/static/res/images/line.png") no-repeat 0 0;
}
.Sign:after {
    display:block;
    content:"";
    font-size:0;
    line-height:0;
    margin: 0 auto;
    height:4px;
    width:900px;
    background:url("/static/res/images/line.png") no-repeat 0 0;
}
.Sign-footer:after {
    display:none;
}
.setupLoader {
    position:absolute;
    width:24px;
    height:24px;
    top:50%;
    left:50%;
    margin:-12px 0 0 -12px;
    background:url(/static/res/images/loader.gif)
}
.frame {
    position:absolute
}
.csstransitions .frame {
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.no-csstransitions .frame {
    display:none
}
.frame01 {
    width:124px;
    height:381px;
    bottom:82px;
    left:50%;
    margin:0 0 0 -64px;
    background:url(/static/res/images/anim.frame01.jpg) no-repeat
}
.frame01.hide {
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.frame02,.frame03,.frame04,.frame05,.frame06 {
    width:91px;
    height:86px;
    left:50%;
    top:50%;
    margin:-86px 0 0 -48px
}
.frame02 {background:url(/static/res/images/anim.frame02.jpg) no-repeat}
.frame02.show {
    -webkit-transition:all .5s;
    -webkit-transition-delay:.5s;
    -moz-transition:all .5s .5s;
    -o-transition:all .5s .5s;
    transition:all .5s .5s
}
.frame03 {background:url(/static/res/images/anim.frame03.jpg) no-repeat}
.frame04 {background:url(/static/res/images/anim.frame04.jpg) no-repeat}
.frame05 {background:url(/static/res/images/anim.frame05.jpg) no-repeat}
.frame06 {background:url(/static/res/images/anim.frame06.jpg) no-repeat}
.frame06.hide {
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.frame07 {
    width:243px;
    height:432px;
    left:50%;
    top:50%;
    margin:-230px 0 0 -124px;
    background:url(/static/res/images/anim.frame07.jpg) no-repeat
}
.frame07.show {
    -webkit-transition:all 1s;
    -webkit-transition-delay:.5s;
    -moz-transition:all 1s .5s;
    -o-transition:all 1s .5s;
    transition:all 1s .5s
}
.csstransitions .frame.show {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.no-csstransitions .frame.show {
    display:block
}
.steps {
    counter-reset:list
}
.steps li {
    position: relative;
    margin: .9em 0;
    margin-left: 35px;
    font-weight: 200;
    font-size: 24px;
}
.steps li:before {
    display: -moz-inline-box;
    display: inline-block;
    counter-increment: list;
    content: counter(list);
    position: absolute;
    width: 21px;
    height: 21px;
    margin: 7px 3px 0 -34px;
    color: #4A4A4A;
    text-align: center;
    line-height: 22px;
    border: 1px solid #4A4A4A;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 400;
}
.steps p {
    margin:0;
    font-weight:400;
    font-size: 17px;
}
.warning {
    position:relative;
    color:#937676;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 35px;
    margin-left: 35px;
}
.warning:before {
    display: -moz-inline-box;
    display: inline-block;
    content: "!";
    position: absolute;
    width: 21px;
    height: 21px;
    margin: -3px 0 0 -34px;
    color: #fc3e39;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    border: 1px solid #fc3e39;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.application_buy {
    float: left;
    width: 66%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
    margin: 0 0 50px 0;
    word-wrap: break-word;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: .5px .5px 4px rgba(63, 63, 63, 0.5);
    -moz-box-shadow: .5px .5px 4px rgba(63, 63, 63, 0.5);
    box-shadow: .5px .5px 4px rgba(63, 63, 63, 0.5);
    text-shadow: 0 1px 0 rgba(255,255,255,0.65);
    background: #EFEFEF;
    border: 1px solid rgb(255, 255, 255);
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#EFEFEF),color-stop(100%,#ECECEC));
    background:-webkit-linear-gradient(#EFEFEF,#ECECEC);
    background:-moz-linear-gradient(#EFEFEF,#ECECEC);
    background:-o-linear-gradient(#EFEFEF,#ECECEC);
    background:linear-gradient(#EFEFEF,#ECECEC);
}
.application_buy.invalid {
    -webkit-animation: shake .46s ease-out;
    -moz-animation: shake .46s ease-out;
    -o-animation: shake .46s ease-out;
    animation: shake .46s ease-out;
}
@-webkit-keyframes shake {
    0% {-webkit-transform: translateX(0);}
    16% {-webkit-transform: translateX(-20px);}
    30% {-webkit-transform: translateX(17px);}
    45% {-webkit-transform: translateX(-15px);}
    60% {-webkit-transform: translateX(12px);}
    75% {-webkit-transform: translateX(-10px);}
    92% {-webkit-transform: translateX(7px);}
    100% {-webkit-transform: translateX(0);}
}
@-moz-keyframes shake {
    0% {-moz-transform: translateX(0);}
    16% {-moz-transform: translateX(-20px);}
    30% {-moz-transform: translateX(17px);}
    45% {-moz-transform: translateX(-15px);}
    60% {-moz-transform: translateX(12px);}
    75% {-moz-transform: translateX(-10px);}
    92% {-moz-transform: translateX(7px);}
    100% {-moz-transform: translateX(0);}
}
@-o-keyframes shake {
    0% {-o-transform: translateX(0);}
    16% {-o-transform: translateX(-20px);}
    30% {-o-transform: translateX(17px);}
    45% {-o-transform: translateX(-15px);}
    60% {-o-transform: translateX(12px);}
    75% {-o-transform: translateX(-10px);}
    92% {-o-transform: translateX(7px);}
    100% {-o-transform: translateX(0);}
}
@keyframes shake {
    0% {transform: translateX(0);}
    16% {transform: translateX(-20px);}
    30% {transform: translateX(17px);}
    45% {transform: translateX(-15px);}
    60% {transform: translateX(12px);}
    75% {transform: translateX(-10px);}
    92% {transform: translateX(7px);}
    100% {transform: translateX(0);}
}
.clear {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
}
.system_status {
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin: 36px 0 48px 0;
    background: #fff;
    padding: 7px 0 7px 0;
    border-radius: 3px;
    color: #666;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 5px rgba(45, 45, 45, 0.42);;
    -webkit-box-shadow: 1px 1px 5px rgba(45, 45, 45, 0.42);;
}
.is-shown.system_status {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 1s 0.8s;
    -moz-transition: all 1s 0.8s;
    -o-transition: all 1s 0.8s;
    transition: all 1s 0.8s;
}
.system_status li {
    display: table-cell;
    width: 20%;
    line-height: 29px;
}
.system_status li {
    opacity:0;
    -webkit-transition: opacity 0.8s 1.2s ease-out;
    -ms-transition: opacity 0.8s 1.2s ease-out;
    transition: opacity 0.8s 1.2s ease-out;
}
.system_status li:nth-child(2) {
    border-left: 1px solid rgb(190, 190, 190);
    -webkit-transition-delay: 1.35s;
    -ms-transition-delay: 1.35s;
    transition-delay: 1.35s;
}
.is-shown.system_status li {
    opacity: 1;
}
.beta-picker {
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin: 36px 0 34px 0;
    color: #32A2D3;
    background: transparent;
    border: 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.is-shown.beta-picker {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 1.6s 1s;
    -moz-transition: all 1.6s 1s;
    -o-transition: all 1.6s 1s;
    transition: all 1.6s 1s;
}
.beta-picker li {
    display: table-cell;
    width: 5%;
    line-height: 31px;
    cursor: hand;
    transition: all 0.2s 0s;
}
.beta-picker li:nth-child(2) {
    border-left: 1px solid #32A2D3;
}
.beta-picker li:hover {
    background: #E5F6FD;
    color: #1F8BBA;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.45s 0s;
    -moz-transition: all 0.45s 0s;
    -o-transition: all 0.45s 0s;
    transition: all 0.45s 0s;
}
.beta-picker li.selected-beta {
    background: #32A2D3;
    color: #fff;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -webkit-transition: all 0.45s 0s;
    -moz-transition: all 0.45s 0s;
    -o-transition: all 0.45s 0s;
    transition: all 0.45s 0s;
    cursor: default;
}
.tab_content {
    display: none;
}
.selected-content{
    display: block;
}
.sidePanel_right,.sidePanel_right-dl {
    float: right;
    width: 32%;
    padding-bottom: 50px;
}
.orderInfo,.dl-additional {
    margin: 0 0 20px;
    table-layout: auto;
    box-shadow:0.5px 0.5px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow:0.5px 0.5px 4px rgba(0, 0, 0, 0.35);
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.orderInfo {
    margin-bottom: 30px;
}
.orderInfo-name {
    padding: 13px 13px;
    border: 0 solid #eceaea;
    border-top-width: 1px;
    vertical-align: middle;
}
#lastName {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dl-Info-name {
    padding: 1em;
    border: 0 solid #eceaea;
    border-top-width: 1px;
    vertical-align: middle;
    line-height: 2;
    position: relative;
}
.linkAddDL {
    display: block;
}
.table_info {
    font-size: 14px;
    line-height: 20px;
    white-space: normal;
    /*background: #fff;*/
    color: rgb(98, 98, 98);
}
.orderInfoHead {
    color: rgb(103, 103, 103);
    text-shadow: 1px 1px rgba(255,255,255,0.5);
    border: 1px solid #DFDFDF;
    border-bottom: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.4);
    padding: 8px 12px;
    font-size: 20px;
    font-weight: 400;
    background: #ECECEC;
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ECECEC),color-stop(100%,#DDDDDD));
    background:-webkit-linear-gradient(#ECECEC,#DDDDDD);
    background:-moz-linear-gradient(#ECECEC,#DDDDDD);
    background:-o-linear-gradient(#ECECEC,#DDDDDD);
    background:linear-gradient(#ECECEC,#DDDDDD);
}
.dl-InfoHead {
    color: rgb(81, 81, 81);
    text-shadow: 1px 1px rgba(255,255,255,0.5);
    border: 1px solid #FFFFFF;
    border-bottom: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-box-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.4);
    padding: 12px;
    font-size: 20px;
    font-weight: 400;
    background: #ececec;
}
.guarantee {
    background: url("/static/img/verified@2x.png") no-repeat;
    line-height: 300px;
    overflow: hidden;
    width: 100%;
    height: 50px;
    max-height: 50px;
    background-size: contain;
    background-position: center;
    display: block;
    margin: .8em 0;
}
.sidePanelGuarantee h3 {
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    line-height: 14px;
    margin: 0;
    color: #696969;
}
.sidePanelGuarantee p {
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
}
.orderInfo a {
    color: inherit;
    text-decoration: underline;
}
.application {
    width:500px;
    margin:2.93333em auto 50px;
    padding:25px 60px;
    word-wrap: break-word;
    background:#ECECEC;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#EFEFEF),color-stop(100%,#ECECEC));
    background:-webkit-linear-gradient(#EFEFEF,#ECECEC);
    background:-moz-linear-gradient(#EFEFEF,#ECECEC);
    background:-o-linear-gradient(#EFEFEF,#ECECEC);
    background:linear-gradient(#EFEFEF,#ECECEC);
    border:1px solid #fafafa;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:1px 1px 5px rgba(0,0,0,0.4);
    text-align:left
}
.application h2 {
    margin:0 0 .36667em
}
.application p {
    margin:0
}

.appNote {
    display:block;
    margin:0 -60px;
    padding:20px 0 0;
    border-width:1px 0 0;
    border-style:solid;
    border-color:#CFCFCF;
    -webkit-box-shadow:0 2px 0 -1px rgba(255,255,255,0.75) inset;
    -moz-box-shadow:0 2px 0 -1px rgba(255,255,255,0.75) inset;
    box-shadow:0 2px 0 -1px rgba(255,255,255,0.75) inset;
    text-align:center
}
.findUdidContent h2 {
    font-size: 21px;
    font-weight: 200;
    line-height: 1.4;
    max-width: 588px;
    margin: 1.2em auto 2em;
}
.findUdidContent p {
    margin: 3em 0;
}

.ftrNotes {
    font-size:.75em;
    line-height:1.5em;
    margin:1.95556em 0
}
.ftrNav {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position:relative;
    line-height:55px;
    height: inherit;
    text-align:center;
    box-shadow: none;
    border: none;
    background: none;
}
.ftrNav:after {
    display:block;
    content:"";
    font-size:0;
    line-height:0;
    position:absolute;
    height:3px;
    width:960px;
    top:0;
    left:-43px;
    background:url("/static/res/images/line.png") no-repeat 50% -1px
}
.ftrNav ul {
    margin:0
}
.ftrNav li {
    display:-moz-inline-box;
    display:inline-block;
    margin:0 45px
}

.mobile {
    display:none;
}
.SignCert {
    margin: 35px 0 0;
}
.p-dl {
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.is-shown.p-dl {
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity 1s 1s ease;
    -webkit-transition: opacity 1s 1s ease;
    -moz-transition: opacity 1s 1s ease;
    -ms-transition: opacity 1s 1s ease;
    -o-transition: opacity 1s 1s ease;
}
.h2-dl {
    text-align: left;
    font-size: 20px;
    margin: -12px -26px 0;
    padding: 0 26px 13px 26px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255,0.8);
    -webkit-box-shadow: 0 -2px 0 -1px rgba(205, 205, 205, 0.75)inset;
    box-shadow: 0 -2px 0 -1px rgba(205, 205, 205, 0.75)inset;
}
.realize-info {
    text-align: left;
    font-size: 14px;
    margin: 0 -26px 5px -26px;
    padding: 12px 26px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 -2px 0 -1px rgba(205, 205, 205, 0.75)inset;
    box-shadow: 0 -2px 0 -1px rgba(205, 205, 205, 0.75)inset;
}
.download-list {
    text-align: left;
    margin: 26px 0 0;
}
.links-iphone {
    padding: 0 0 20px 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255,0.8);
    -webkit-box-shadow: 0 -2px 0 -1px rgba(205, 205, 205, 0.75)inset;
    box-shadow: 0 -2px 0 -1px rgba(205, 205, 205, 0.75)inset;
}
.links-iphone {
    margin: 0 0 36px 177px;
}
.links-ipad {
    margin: 0 0 36px 177px;
}
.links-ipadmini {
    margin: 0 0 18px 177px;
}
.betaprofile {
    text-align: left;
    margin: 0 -26px 0 -26px;
    padding: 12px 26px;
    font-size: 14px;
    line-height: 18px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255,0.8);
    -webkit-box-shadow: 0 -2px 0 -1px rgba(205, 205, 205, 0.75)inset;
    box-shadow: 0 -2px 0 -1px rgba(205, 205, 205, 0.75)inset;
}
.betaprofile p {
    margin: 0;
}
.betaprofile a {
    float: right;
    border: solid 1px;
    border-radius: 3px;
    padding: 7px 24px;
    margin: 0 0 0 15px;
    -webkit-transition:all .2s;
    transition:all .2s;
}
.betaprofile a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #32A2D3;
    text-shadow: none;
    border-color: #32A2D3;;
}
.betaprofile span {
    display: block;
    margin-top: 10px;
}
/*======================================================================== WATCHOS PAGE */
.watchPage {
    margin: -104px 0 0 0;
    padding-bottom: 50px;
    background: #000000;
    background: -moz-linear-gradient(to bottom,  #000000 0%,#000000 20%,#393b4b 47%,#fcfcfc 97%,#ffffff 100%);
    background: -webkit-linear-gradient(to bottom,  #000000 0%,#000000 20%,#393b4b 47%,#fcfcfc 97%,#ffffff 100%);
    background: linear-gradient(to bottom,  #000000 0%,#000000 20%,#393b4b 47%,#fcfcfc 97%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
}
.watchContent {
    padding-top: 120px;
    padding-bottom: 20px;
}

a.watchButtonRegTop {
    opacity: 0;
    color: #545476;
    border: 1px solid;
    border-radius: 3px;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
}
a.watchButtonRegTop.is-shown {
    opacity: 1;
    color: #e4990d;
    -webkit-transition: opacity 2.5s 1.5s, color .3s, background .3s, border-color .3s;
    -moz-transition: opacity 2.5s 1.5s, color .3s, background .3s, border-color .3s;
    -o-transition: opacity 2.5s 1.5s, color .3s, background .3s, border-color .3s;
    transition: opacity 2.5s 1.5s, color .3s, background .3s, border-color .3s;
}
a.watchButtonRegTop:hover {
    color: #fff;
    background: #e4990d;
    border-color: #e4990d;
    text-decoration: none;
    cursor: pointer;
}
.hdrWatch {
    opacity: 0;
    line-height: 1.15555555;
    font-size: 70px;
    color: #fff;
    font-weight: 100;
    margin: 25px 0 30px;
}
.hdrWatch_strong {
    font-weight: 500;
}
.hdrWatch_add {
    opacity: 0;
    font-size: 36px;
    line-height: 1.09091;
    font-weight: 200;
    color: #696969;
    letter-spacing: -.01em;
    margin: 6px 0 35px;
}
#watchBetaNumber {
    font-size: 40px;
    font-weight: 400;
    vertical-align: top;
    color: #907858;
    margin: 0 0 0 -5px;
}
.is-shown.hdrWatch,.is-shown.hdrWatch_add {
    opacity: 1;
    transition: opacity 4s .5s ease;
    -webkit-transition: opacity 4s 1s ease;
    -moz-transition: opacity 4s .5s ease;
    -ms-transition: opacity 4s .5s ease;
    -o-transition: opacity 4s .5s ease;
}
.watchOSintro {
    color: #ddd;
    max-width: 800px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 1.3375;
    font-weight: 200;
    padding: 0 0 40px 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.is-shown.watchOSintro {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transition: all 2.3s .5s;
    -moz-transition: all 2.3s .5s;
    -o-transition: all 2.3s .5s;
    transition: all 2.3s .5s;
}
.hiddenWatchIntro {
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
}
.is-shown.hiddenWatchIntro {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transition: all 2.3s 2.5s;
    -moz-transition: all 2.3s 2.5s;
    -o-transition: all 2s 2.5s;
    transition: all 2s 2.5s;
}
.watchRow {
    display: table;
    height: 100%;
    padding: 0;
    margin: 0;
}
.watchRow:before, .watchRow:after {
    content: " ";
    display: table;
}
[class*='col-'] {
    padding: 2em 1em;
    float: left;
    position: relative;
    min-height: 1px;
    vertical-align: top;
}
.col-33 {
    display: table-cell;
    float: none;
    width: 33.33%;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
}
.watchH2 {
    font-size: 37px;
    line-height: 1.27885;
    letter-spacing: -0.016em;
    font-weight: 200;
    text-align: left;
}
.watchImage {
    width: 277px;
    margin-left: auto;
    margin-right: auto;
    right: -8px;
    position: relative;
}
.watchImageShadowItem {
    display: block;
    width: 389px;
    height: 457px;
    background-size: 389px 457px;
    background-repeat: no-repeat;
    background-image: url("/static/res/images/watch-shadow_large.png");
    top: 0;
    left: 17px;
    position: absolute;
}
.watchImageItem {
    display: block;
    width: 246px;
    height: 362px;
    background-size: 246px 362px;
    background-repeat: no-repeat;
    background-image: url("/static/res/images/watch-face_large.png");
    position: relative;
    margin: 0 auto;
}
.watchRow p {
    font-size: 22px;
    line-height: 1.3375;
    font-weight: 200;
    text-align: left;
    margin: 0 0 0 15px;
}
.watchH2, .p-text {
    color: #eee;
    text-shadow: 0 0 19px rgba(0, 0, 0, 0.56);
}
.watchSign {
    margin: -6px 0 0 0;
}
.col-50 {
    width: 46%;
    padding: 2em 2%;
}
.icon-fitness {
    display: block;
    width: 64px;
    height: 64px;
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-image: url("/static/res/images/icon-fitness_2x.png");
}
.icon-graphics {
    display: block;
    width: 64px;
    height: 64px;
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-image: url("/static/res/images/icon-graphics-and-games.svg");
}
.watchRow h3 {
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-weight: 200;
    margin: 15px 0 .25em;
}
p.width-90 {
    width: 92%;
    margin: 0;
    font-size: 18px;
    line-height: 1.45em;
    font-weight: 400;
}
.paddingWide {
    padding-top: 1em;
    padding-bottom: 3em;
}
.smaller, .smaller p, .smaller li {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
}
.smaller p {
    text-align: center;
    margin: 0;
    margin-bottom: 1em;
}
.section-other .col-33 {
    padding-left: 2em;
    padding-right: 2em;
}
.text-center {
    text-align: center;
    vertical-align: top;
}
.complications-hero {
    display: block;
    width: 66px;
    height: 70px;
    background-size: 66px 66px;
    background-repeat: no-repeat;
    background-image: url("/static/res/images/apple-watch-app-64x64@2x.png");
    margin-left: auto;
    margin-right: auto;
    background-position: center 90%;
}
.image-icon-sos {
    display: block;
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-image: url("/static/res/images/icon_sos_large@2x.png");
    margin-left: auto;
    margin-right: auto;
}
.macunlock-hero {
    width: 74px;
    height: 70px;
    background-size: 74px 63px;
    background-repeat: no-repeat;
    background-image: url("/static/res/images/icon_mac_large@2x.png");
    margin-left: auto;
    margin-right: auto;
    background-position: center 90%;
}
.watchRow h4 {
    margin-top: 16px;
    font-size: 32px;
    line-height: 1.125;
    font-weight: 200;
    margin-bottom: 0.45em;
}
.watchNotes {
    text-align: center;
    padding: 6.5em 40px;
}
.watchNotes h5 {
    font-size: 34px;
    font-weight: 200;
    line-height: 1.2;
    margin: 0 0 35px;
}
a.watchButtonRegTop.watchButtonBottom {
    color: #1280c8;
    padding: 6px 25px;
    opacity: 1;
    display: inline-block;
}
a.watchButtonRegTop.watchButtonBottom:hover {
    color: #fff;
    background: #1280c8;
    border-color: #1280c8;
    text-decoration: none;
    cursor: pointer;
}
.notes.watchNotes {
    background-image: none;
    background-color: #f7f7f7;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #fcfcfc;
}

/*about*/
.contentPage * {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
.contentPage {
    max-width: 768px;
    margin: auto;
    text-align: left;
}
.content.contentPage {
    padding-bottom: 2.5em;
}
.hdrAbout {
    font-size: 56px;
    margin-top: 20px;
    margin-bottom: 1em;
    text-align: center;
}
.content.contentPage h3 {
    font-size: 32px;
    letter-spacing: -.012em;
    line-height: 1.25;
    margin: 0;
    margin-top: 1.5em;
    margin-bottom: .45em;
}
.contentPage p {
    font-size: 17px;
    line-height: 1.5;
    margin: 0;
    margin-top: 1em;
}
ul.contentUL {
    font-size: 17px;
    line-height: 1.5;
    list-style-type: disc;
    margin: 1em 0 1em 1.6em;
}
ul.contentUL li {
    margin: 0.7em 0;
}
.aboutPic {
    position: relative;
    background-size: 718px;
    width: 718px;
    height: 176px;
    background-image: url(/static/images/whywe.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 3em auto;
}

/*============SpritesSetBase==============*/

.hdrOrder {
    font-size: 52px;
    margin-top: 10px;
    margin-bottom: 1em;
}
.hdrFormhead {
    margin: -11px 0 19px;
    text-align: left;
}
.findUdidContent p {
    -webkit-hyphens: none;
    hyphens: none;
}
.buttonHolder {
    border-bottom: 1px solid #cdcdcd;
}
a.installUDIDProfile {
    text-align: center;
    text-decoration: none;
    padding: 9px 36px;
    display: inline-block;
    width: auto;
    line-height: normal;
    margin: 0.2em 0 3em;
    border: 1px solid #147cc1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #f2f2f2;
    background: #1182cc;
    background-image: -webkit-linear-gradient(top, #2499e6 0%, #0b6cac 100%);
    background-image: linear-gradient(to bottom, #2499e6 0%, #0b6cac 100%);
    text-shadow: 0 0 3px rgba(19, 93, 150, .5);
}
a.installUDIDProfile:active {
    border-color: #2081c3;
    background: #168bd8;
    background-image: -webkit-linear-gradient(top, #39a9f3 0%, #1471af 100%);
    background-image: linear-gradient(to bottom, #39a9f3 0%, #1471af 100%);
}
.foundUDIDform {
    position: relative;
    max-width: 495px;
    margin: 4.4em auto 3em;
    text-align: left;
}
.deviceInfoUDID {
    padding: 2.8em 0;
    border-top: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #b8b8b8;
    margin-bottom: 2.8em;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}
.foundUDIDform h3 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    line-height: 1;
    margin-bottom: .8em;
}
.foundUDIDform h3+span {
    display: block;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: -.01em;
    -webkit-user-select: auto;
    user-select: auto;
    line-height: 1.25;
}
a.registerFoundUdid {
    font-size: 15px;
    margin-top: 1.3em;
    margin-bottom: 1.6em;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 5px 24px;
    border: 1px solid #147cc1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    background: #1182cc;
    background-image: -webkit-linear-gradient(top, #2499e6 0%, #0b6cac 100%);
    background-image: linear-gradient(to bottom, #2499e6 0%, #0b6cac 100%);
    text-shadow: 0 0 3px rgba(19, 93, 150, .5);
}
a.registerFoundUdid:active {
    border-color: #2081c3;
    background: #168bd8;
    background-image: -webkit-linear-gradient(top, #39a9f3 0%, #1471af 100%);
    background-image: linear-gradient(to bottom, #39a9f3 0%, #1471af 100%);
}
.registerUDIDnote {
    display: block;
    color: #9e9e9e;
    font-size: 12px;
    position: absolute;
    left: 0;
    padding-left: 2em;
    bottom: 1em;
    line-height: 1.35;
}
.registerUDIDnote span {
    position: absolute;
    left: 0;
}
.registerUDIDnote span:after {
    line-height: 1;
    content: "";
    padding-left: 0;
    font-size: 126%;
}
.foundUDIDform h4 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    margin-bottom: 1.1em;
}
.foundUDIDform p {
    margin: 0;
    font-size: 15px;
    margin-bottom: .65em;
    line-height: 1.4;
}
.foundUDIDform p b {
    font-weight: 500;
    padding-right: .2em;
}


/*============SpritesSetAdditional==============*/

.hdrfindudid {
    margin-top: 25px;
}
.hdrfindudid_add {
    font-size: 32px;
    color: #818080;
}
.hdrfindudidyes {
    margin-top: 25px;
}
.hdrfinded {

}
.findedudidSubmit {
    text-align: center;
}
.buttonRegTestADD {
    font-size: 27px;
}
.hdrHere {
    margin-top: 25px;
}
.hdrHere_add {
    color: #818080;
}
.hdrStillQuestions {
    margin: 22px 0 -15px;
}
.hdrAbout {
    font-size: 56px;
    margin-top: 20px;
}
.hdrPrivacy {
    margin-top: 25px;
}
.hdrTerms {
    margin-top: 25px;
}
.hdrTerms+p,
.hdrPrivacy+p {
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 2em;
}
.hdrThanks {
    font-size: 68px;
    letter-spacing: -.02em;
    margin-top: 1.05em;
    margin-bottom: .5em;
}
#success_page p {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 200;
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 7em;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}


/*======================================= IMAGES =======================================*/

.picFindUDID {
    display: block;
    width: 537px;
    height: 352px;
    margin: 1em auto;
    background: url(/static/images/findudid.jpg);
    background-size: 537px 352px;
    background-repeat: no-repeat;
}
.picApps {
    display:block;
    width:880px;
    height:503px;
    margin:0.13333em auto 0;
    background:url(/static/images/iphoneapps.jpg) no-repeat 100%;
    z-index:-1
}
.picOS {
    display:block;
    float:left;
    width:456px;
    height:500px;
    margin:-0.2em 60px 3em -138px;
    background:url(/static/images/ios_8.x_beta.jpg) no-repeat 100%;
    z-index:-1;
}
.picmainbird {
    float:left;
    margin:-2.2em 140px 2.93333em 0
}


/* ==== HELP ==== */
.helpHero {
    opacity: 0;
    display: block;
    position: relative;
    margin-top: -104px;
    padding-top: 7.2em;
    padding-bottom: 4.7em;
    background-color: #1c110a;
    background-image: url("/static/res/images/helpHero.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.is-shown .helpHero {
    opacity: 1;
    -webkit-transition: opacity 1.2s cubic-bezier(.5, .15, .5, 1);
    -ms-transition: opacity 1.2s cubic-bezier(.5, .15, .5, 1);
    transition: opacity 1.2s cubic-bezier(.5, .15, .5, 1);
    -webkit-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
}
.helpHero .content {
    position: relative;
    opacity: 0;
    top: 1em;
}
.is-shown .helpHero .content {
    opacity: 1;
    top: 0;
    -webkit-transition: opacity .8s linear, top 1.2s cubic-bezier(.4, .25, .3, .9);
    -ms-transition: opacity .8s linear, top 1.2s cubic-bezier(.4, .25, .3, .9);
    transition: opacity .8s linear, top 1.2s cubic-bezier(.4, .25, .3, .9);
    -webkit-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
}
/*popular*/
.popularQuestions {
    background: #f3f3f3;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #d1d1d1;
    -webkit-box-shadow: inset 0 -1px 0 #fafafa;
    box-shadow: inset 0 -1px 0 #fafafa;
    padding: 1.5em 0;
    margin: 0;
}
.helpContent .popularQuestions .content {
    position: relative;
    text-align: left;
    margin-bottom: 0;
    font-size: 13.5px;
    line-height: 1.3;
}
.helpContent .popularQuestions h2 {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0;
    padding-left: inherit;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.05em;
    font-size: inherit;
    font-weight: 400;
    display: block;
    margin: 0;
    margin-left: .12em;
}
.popularQuestions ul {
    margin: 0;
    position: relative;
    padding-left: 140px;
}
.popularQuestions ul li {
    display: inline-block;
    padding: .15em 0.5em .11em;
    margin: 1px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    background: 0;
    white-space: nowrap;
    font-size: inherit;
    line-height: inherit;
}
.popularQuestions ul li:hover {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 0 0 #d5d5d5, 0 0 0 1px #e8e8e8;
    box-shadow: 0 1px 0 0 #d5d5d5, 0 0 0 1px #e8e8e8;
    color: #1280c8;
}
.popularQuestions ul li a {
    color: inherit;
    text-decoration: none;
    position: relative;
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
}
/*popular end*/

.helpContent {
    padding-left: 1em;
    opacity: 0;
}
.is-shown .helpContent {
    padding-left: 0;
    opacity: 1;
    -webkit-transition: opacity .45s linear, padding .4s cubic-bezier(.4, .1, .5, 1);
    -ms-transition: opacity .45s linear, padding .4s cubic-bezier(.4, .1, .5, 1);
    transition: opacity .45s linear, padding .4s cubic-bezier(.4, .1, .5, 1);
    -webkit-transition-delay: 1.8s;
    -ms-transition-delay: 1.8s;
    transition-delay: 1.8s;
}
.helpPage h1 {
    margin: 0 0 .3em;
    color: #e8e8e8;
    font-size: 66px;
    line-height: 1.05;
    font-weight: 100;
    letter-spacing: -.014em;
}
.helpHead {
    margin: auto;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 200;
    max-width: 520px;
    color: #999;
    letter-spacing: -.003em;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
.helpContent p,
.helpContent li {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
.helpCategory {
    position: relative;
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden;
    -webkit-box-shadow: 0 -1px 0 transparent;
    box-shadow: 0 -1px 0 transparent;
    -webkit-transition: background .4s ease, box-shadow .4s ease;
    -ms-transition: background .4s ease, box-shadow .4s ease;
    transition: background .4s ease, box-shadow .4s ease;
}
.helpContent .content {
    text-align: left;
}
.category-title {
    display: table;
    width: 100%;
    cursor: pointer;
}
.helpContent h2 {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 200;
    letter-spacing: -.015em;
    margin: 0;
    padding: 1.4em 15px;
    padding-left: 0;
    display: table-cell;
    vertical-align: middle;
}
.helpContent h2 span {
    color: #ababab;
}
.helpAccordion ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.question {
    border-top: 1px solid #dbdbdb;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: border-color .4s ease, padding .4s ease;
    transition: border-color .4s ease, padding .4s ease;
}
li.question.active {
    border-color: #808080;
    padding-bottom: .25em;
}
.question-title {
    display: table;
    width: 100%;
    padding: 12px 0;
    cursor: pointer;
}
a.question-title:hover {
    text-decoration: none;
}
a.question-title:hover h3,
a.question-title:active h3 {
    text-decoration: underline;
}
.question.active .question-title h3 {
    color: #222;
}
.helpContent h3 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    line-height: 1.5;
    display: table-cell;
    vertical-align: middle;
    color: inherit;
    padding-right: 20px;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
.plusicon {
    width: 12px;
    height: 28px;
    padding: 0 15px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    -webkit-transition: -webkit-transform .35s ease-out;
    transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
    transition: transform .35s ease-out,-webkit-transform .35s ease-out;
}
.plusicon:after {
    display: block;
    content: "";
    background-image: url("/static/res/images/expand@2x.png");
    background-size: 50px 18px;
    background-repeat: no-repeat;
    background-position: -19px 0;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    opacity: .45;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.category-title .plusicon {
    width: 18px;
    padding: 0;
}
.category-title .plusicon:after {
    background-position: 0 0;
    width: 18px;
    height: 18px;
}
/* поворачиваем крестик */
.active.helpCategory .category-title .plusicon,
.question.active .plusicon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* прозрачность крестика */
.active.helpCategory .category-title .plusicon:after,
.question.active .plusicon:after {
    opacity: .9;
}
.question-answer {
    padding-right: 39px;
}
.question-answer,
.helpAccordion {
    font-size: 16px;
    line-height: 1.5;
}
.helpAccordion h5 {
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: .03em;
    margin-top: 0;
    margin-bottom: .95em;
    line-height: 1.4;
}
.helpAccordion ul+h5 {
    margin-top: 1.15em;
}
.helpAccordion h4 {
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    color: #444;
    margin: 0 0 .45em;
}
.helpAccordion *+h4 {
    margin-top: 1.1em;
}
.helpAccordion p {
    margin: 0 0 .8em;
}
.helpAccordion span.lighter {
    display: block;
    margin: .23em 0;
    color: #888;
}
.additionalInfo {
    display: block;
    margin-bottom: .4em;
    font-size: inherit;
    line-height: inherit;
    font-style: italic;
}

ul.helpList, ol.helpList {
    margin: 0;
    margin-bottom: .95em;
    font-size: inherit;
    line-height: inherit;
}
.helpList li {
    padding-left: 1.5em;
    margin-top: 0;
    margin-bottom: .45em;
    position: relative;
}
ol.helpList {
    counter-reset: list;
    position: relative;
}
ol.helpList li {
    padding-left: 2em;
}
ol.helpList li:before {
    display: inline-block;
    counter-increment: list;
    position: absolute;
    left: 1em;
    margin: 0;
    content: counter(list) ".";
}
ol.helpList ul.helpList {
    margin: .5em 0;
}
ol.helpList ul.helpList li {
    padding-left: 1.2em;
}
ol.helpList ul.helpList li:before {
    left: .35em;
    counter-increment: none;
}
.cardnumber {
    white-space: nowrap;
}
.cardnumber i {
    font-style: inherit;
    padding-left: .3em;
    margin: 0;
}
.formInList button {
    cursor: pointer;
    height: auto;
    padding: 0;
    background: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-tap-highlight-color: inherit;
    text-align: left;
    outline: 0;
}
/*wideUL*/
ul.helpList.higherHelpList {
    margin-top: 1.2em;
}
.higherHelpList.helpList li {
    margin: 1em 0;
    padding-bottom: .8em;
    border-bottom: 1px solid #e8e8e8;
}
.higherHelpList.helpList li:last-child {
    border: 0;
    padding-bottom: .4em;
}
/**/
ul.helpList li:before {
    display: inline-block;
    position: absolute;
    top: .5em;
    content: "";
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #474747;
}
.helpCount {
    margin: 0;
    list-style-type: none;
    counter-reset: list;
}
ol.helpCount li:before {
    display: inline-block;
    counter-increment: list;
    content: counter(list)".";
    position: absolute;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}
.helpList li:before {
    left: .45em;
}
.helpWarning {
    position: relative;
    padding: 1em;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid;
    margin-top: 1em;
    margin-bottom: 1.1em;
    background: #faf5e6;
    background: rgba(252, 189, 0, 0.08);
    border-color: #ece4cd;
    border-color: rgba(117, 88, 0, 0.11);
}
.helpWarning.noteWarning {
    background: #f2f2f2;
    border-color: #e7e7e7;
    background: rgba(0, 0, 0, 0.035);
    border-color: rgba(0, 0, 0, 0.045);
}
.helpWarning p {
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
}
.helpWarning p+p {
    margin-top: .4em;
}
.contentLink:after {
    padding-right: .2em;
}


/* === анимация открытия === */

/* анимация блока */
.helpAccordion,
.question-answer {
    pointer-events: none;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: .4s cubic-bezier(0.89, 0, 0.44, 0.96);
    -ms-transition: .4s cubic-bezier(0.89, 0, 0.44, 0.96);
    transition: .4s cubic-bezier(0.89, 0, 0.44, 0.96);
}
.active.helpCategory .helpAccordion,
.question.active .question-answer {
    pointer-events: auto;
    height: auto;
    opacity: 1;
}
.active.helpCategory .helpAccordion {
    padding-bottom: 2.2em;
}
.active.helpCategory {
    background: #fafafa;
    -webkit-box-shadow: 0 -1px 0 #b2b2b2;
    box-shadow: 0 -1px 0 #b2b2b2;
}
.active.helpCategory:first-child {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.help-notes {
    background-color: #f3f3f3;
    padding: 6em 0;
    text-align: center;
    -webkit-box-shadow: 0 -1px 0 #d6d6d6, 0 1px 0 #fcfcfc inset, 0 -1px 0 #fbfbfb inset;
    box-shadow: 0 -1px 0 #d6d6d6, 0 1px 0 #fcfcfc inset, 0 -1px 0 #fbfbfb inset;
}
.help-notes h2 {
    margin: 0;
    line-height: 1.15;
    font-weight: 200;
    font-size: 52px;
    letter-spacing: -.02em;
    margin-bottom: .45em;
}
.help-notes p {
    font-size: 21px;
    line-height: 1.4;
    font-weight: 200;
    hyphens: manual;
    -webkit-hyphens: manual;
    max-width: 585px;
    margin: auto;
}
a[href="#"] {
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    touch-callout: none;
}

a[href^="#"]:not([href$="#"]):not([name]) { /*внутренняя ссылка, начинается с #, не заканчивается #, не имеет аттрибута name */
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted;
}
a[href^="#"]:not([href$="#"]):not([name]):hover {
    color: #1280c8;
}
.anchorLink {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
h5 .anchorLink {
    top: -1.1em;
}
.YandexForm {
    margin-top: 1.2em;
    margin-bottom: .8em;
    position: relative;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
a.helpButton {
    padding: .3em .7em;
    font-size: 14px;
    border: 1px solid;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
a.helpButton:hover {
    background: #1280c8;
    color: #fff;
    border-color: #1280c8;
}
.helpCategory .iconExclamation:after {
    font-size: 1.3em;
    color: #e82929;
    line-height: 0;
    padding: 0 .07em;
}
span.lighter.noteLighter {
    font-size: 13px;
    line-height: 1.4;
    color: inherit;
    padding-left: 1.9em;
    position: relative;
    margin-top: .7em;
}
span.lighter.noteLighter .iconExclamation {
    position: absolute;
    left: 0;
}
span.lighter.noteLighter .iconExclamation:after {
    color: #bf2323;
    padding-left: 0;
}

/*downloads fix*/
.downloadPage {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dedede;
}
.headDownload {
    margin-top: -104px;
    margin-bottom: 2em;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
}
.is-shown .headDownload {
    background-color: #020202;
    -webkit-transition: background 2.2s cubic-bezier(0.36, 0.09, 0.53, 1);
    -ms-transition: background 2.2s cubic-bezier(0.36, 0.09, 0.53, 1);
    transition: background 2.2s cubic-bezier(0.36, 0.09, 0.53, 1);
}
.headDownloadImage {
    background-image: url("/static/res/images/heroDownload.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}
.is-shown .headDownloadImage {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 2.2s .5s cubic-bezier(0.17, 0.26, 0.53, 1), opacity 2.2s .5s linear;
    -webkit-transition: transform 2.2s .5s cubic-bezier(0.17, 0.26, 0.53, 1), opacity 2.2s .5s linear;
    transition: -webkit-transform 2.2s .5s cubic-bezier(0.17, 0.26, 0.53, 1), opacity 2.2s .5s linear;
    transition: transform 2.2s .5s cubic-bezier(0.17, 0.26, 0.53, 1), opacity 2.2s .5s linear;
}
.downloadPage .content {
    text-align: left;
}
.headDownload .content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 7.2em;
    padding-bottom: 4.7em;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    margin-bottom: 0;
    max-width: 575px;
    opacity: 0;
    -webkit-transform: scale(.92);
    -ms-transform: scale(.92);
    transform: scale(.92);
}
.is-shown .headDownload .content {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 2.3s .6s ease, opacity 2.1s .6s ease;
    -webkit-transition: transform 2.3s .6s ease, opacity 2.1s .6s ease;
    transition: -webkit-transform 2.3s .6s ease, opacity 2.1s .6s ease;
    transition: transform 2.3s .6s ease, opacity 2.1s .6s ease;
}
.headDownload .content h1 {
    color: #e2e2e2;
    font-size: 66px;
    line-height: 1.05;
    font-weight: 100;
    letter-spacing: -.014em;
    margin: 0;
    margin-bottom: .32em;
    -webkit-font-smoothing: subpixel-antialiased;
}
.headDownload .content p {
    color: #b8b8b8;
    font-size: 21px;
    font-weight: 200;
    line-height: 1.3;
    margin: 0;
    letter-spacing: -.003em;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
.downloadContent {
    top: -.6em;
    position: relative;
    opacity: 0;
}
.is-shown .downloadContent {
    top: 0;
    opacity: 1;
    -webkit-transition: top 1.2s 1.4s ease-out, opacity 1.2s 1.4s ease-out;
    transition: top 1.2s 1.4s ease-out, opacity 1.2s 1.4s ease-out;
}
a.downloadsPromo {
    display: block;
    margin: 0 0 .45em;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    /*
    color: #fff;
    font-size: 15px;
    line-height: 1.35;
    padding: 1.2em 8.8em;
    background: #0d5949;
    background: -webkit-linear-gradient(left, #ceafa0, #ccaf91 7%, #28ada9 50%, #1a989d 70%, #0f5d76);
    background: linear-gradient(to right, #ceafa0, #ccaf91 7%, #28ada9 50%, #1a989d 70%, #0f5d76);
    */
    color: inherit;
    font-size: 14px;
    padding: 1.2em 9.8em;
    line-height: 1.45;
    background: #deebf1;
    background: -webkit-linear-gradient(top, #ececf7, #dcebf0);
    background: linear-gradient(to bottom, #ececf7, #dcebf0);
    -webkit-box-shadow: 0 1px 0 #c6d7de, 0 0 0 1px #ffffff;
    box-shadow: 0 1px 0 #c6d7de, 0 0 0 1px #ffffff;
}
a.downloadsPromo span {
    font-weight: 600;
    color: #ed5309;
    font-size: 10px;
    padding: 2px 7px;
    border: 1px solid;
    position: absolute;
    border-radius: 3px;
    top: 50%;
    margin-top: -1em;
    left: 1.5em;
}
a.downloadsPromo label {
    border: 0;
    display: block;
    margin-top: .45em;
    color: #1280c8;
}
a.downloadsPromo:hover label {
    text-decoration: underline;
}
a.downloadsPromo+p {
    font-size: 12px;
    text-align: right;
    color: #8c969d;
    line-height: 1.25;
    margin: 0 0 1.3em;
}
.application_buy.betas {
    padding: 0 20px 20px;
    font-size: 15px;
    line-height: 1.45;
}
.application_buy.betas p {
    margin: 0;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
    font-size: inherit;
    line-height: inherit;
}
.betaHeader {
    display: inline-block;
    font-size: 32px;
    font-weight: 200;
    letter-spacing: -.018em;
    line-height: 77px;
}
.betaPickerHolder {
    height: 46px;
    overflow: hidden;
    padding: 0;
    margin: 0 -20px 0;
    -webkit-box-shadow: 0 -1px 0 #d4d4d4, 0 1px 0 #d4d4d4;
    box-shadow: 0 -1px 0 #d4d4d4, 0 1px 0 #d4d4d4;
}
ul.beta-picker2 {
    position: relative;
    margin: 0;
    padding: 3px 20px 0;
    text-align: left;
    height: 60px;
    line-height: 40px;
    background: #e0e0e0;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
ul.beta-picker2 li {
    display: inline-block;
    position: relative;
    font-size: 16px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background .2s, box-shadow .2s;
    transition: background .2s, box-shadow .2s;
}
ul.beta-picker2 li:hover {
    background: #e6e6e6;
    -webkit-box-shadow: 0 0 0 1px #d6d6d6;
    box-shadow: 0 0 0 1px #d6d6d6;
}
.selected-beta,
ul.beta-picker2 li.selected-beta:hover {
    font-weight: 600;
    background: #efefef;
    -webkit-box-shadow: 0.5px 0.5px 1px #a7a7a7;
    box-shadow: 0.5px 0.5px 1px #a7a7a7;
}
.betaDevider {
    display: inline-block;
    width: 1px;
    box-shadow: -1px 0 0 #efefef, -2px 0 0 #cccccc;
    height: 41px;
    vertical-align: middle;
    top: 0;
    margin: 0 4px;
}
.application_buy.betas p.realize-info {
    margin: 0;
    padding: 0;
    margin-bottom: .45em;
    font-size: inherit;
    line-height: 1.4;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}
.application_buy.betas .helpWarning {
    padding: .6em .8em;
    background: #f3ecdc;
    border-color: #e6dec6;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: .3em;
    margin-right: 0;
}
.application_buy.betas .helpWarning p+p {
    margin-top: .4em;
}
.application_buy.betas h2 {
    margin: 0;
    font-weight: 200;
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -.012em;
    margin-top: 1.1em;
    margin-bottom: .45em;
}
.deviceList {
    position: relative;
    padding-left: 95px;
}
.deviceHead:before {
    display: block;
    content: "";
    width: 75px;
    height: 105px;
    position: absolute;
    left: 0;
    margin-top: -10px;
    background-repeat: no-repeat;
    background-position: center top;
}
.deviceHead.iphones:before {
    background-image: url("/static/res/images/image_devices_iphones.png");
    background-size: 60px 86px;
}
.deviceHead.iphones-ios11.iphones:before {
    background-image: url("/static/res/images/image_devices_iphones-ios11.png");
}
.deviceHead.ipads:before {
    background-image: url("/static/res/images/image_devices_ipad.png");
    background-size: 75px 105px;
    margin-top: 7px;
}
.deviceHead.ipads-ios11.ipads:before {
    background-image: url("/static/res/images/image_devices_ipad-ios11.png");
}
.deviceHead.tvImage:before {
    background-image: url("/static/res/images/image_devices_tv.png");
    background-size: 60px 60px;
    margin-top: -6px;
}
.deviceHead.profile:before {
    background-image: url("/static/res/images/image_devices_profile.png");
    background-size: 68px 68px;
    margin-left: 5px;
    margin-top: -12px;
    height: 68px;
}
.deviceList ul {
    margin: 2.8em 0 2.2em;
    font-size: inherit;
    line-height: inherit;
}
.deviceList ul:first-child {
    margin-top: 2em
}
.deviceList ul li {
    margin-bottom: 0;
}
ul li.deviceHead {
    font-weight: 600;
    color: #656565;
    margin-bottom: .25em;
}
li.deviceHead.ipads {
    margin-bottom: 0;
}
.deviceList ul li a {
    display: block;
    padding: 5px 0;
    line-height: inherit;
}



/*TIPS*/

/*tips*/
.tip {
    text-align: left;
    width: auto;
    font-size: 13px;
    line-height: 1.42;
    font-weight: 400;
    max-width: 350px;
    min-width: 200px;
    z-index: 120;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tip:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.12);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.tip-inner {
    position: relative;
    padding: 1.2em;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.25);
}
.tip [class*='tip-arrow-'] {
    background-image: url("/static/images/tipArrow.svg");
    background-repeat: no-repeat;
}
.tip-arrow-top,
.tip-arrow-bottom {
    width: 46px;
    height: 20px;
    left: 50%;
    margin-left: -23px;
}
.tip-arrow-right,
.tip-arrow-left {
    width: 20px;
    height: 46px;
    top: 50%;
    margin-top: -23px;
}
.tip-arrow-top {bottom: 100%;background-position: -104px -5px;}
.tip-arrow-bottom {top: 100%;background-position: 0 -12px;}
.tip-arrow-left {right: 100%;margin-right: -16px;background-position: -47px 6px;}
.tip-arrow-right {left: 100%;margin-left: -16px;background-position: -83px 6px;}

.fieldNoteTip .tip-arrow-top, .fieldNoteTip .tip-arrow-bottom {right: 13px;left: auto;}
.chooseNoteTip .tip-arrow-top, .chooseNoteTip .tip-arrow-bottom {right: 25px;left: auto;}

.tip h5, .tip p {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
}
.tip a {
    -webkit-tap-highlight-color: initial;
}
a.installMobileconfig {
    display: block;
}
a.installMobileconfig:before {
    display: inline-block;
    content: "";
    font-family: "icons";
    line-height: 1.4;
    font-size: 130%;
    font-weight: 200;
    padding-right: .35em;
}
.tip h5 {margin-bottom: .55em;}
.tip p+h5 {margin-top: 1em;}
.tip p+p {margin-top: .55em;}
.tip p.lighter {
    border-top: 1px solid #d4d4d4;
    padding-top: .9em;
    color: #6e6e6e;
    font-size: 12px;
    margin-top: 1.4em;
}




/* orderPage */
.orderPage * {
    -webkit-tap-highlight-color: initial;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
.orderPage {
    opacity: 0;
    margin-top: -114px;
    background: #f4f4f4;
}
.is-shown .orderPage {
    opacity: 1;
    -webkit-transition: opacity 1s .5s ease-in-out;
    transition: opacity 1s .5s ease-in-out;
}
.orderHero {
    background-color: #242428;
    background-image: url("/static/images/orderPage/orderHero-large.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    pointer-events: none;
}
.orderHero .content {
    top: -.8em;
    color: #fff;
    padding-top: 8em;
    padding-bottom: 9em;
    max-width: 600px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.48), 0 0 15px rgba(0, 0, 0, 0.65);
}
.is-shown .orderHero .content {
    top: 0;
    -webkit-transition: top .9s .3s ease-out;
    transition: top .9s .3s ease-out;
}
.orderHero h1 {
    font-size: 54px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.05;
    margin-bottom: .35em;
}
.orderHero p {
    margin: 0;
    font-size: 19px;
    font-weight: 200;
    line-height: 1.4;
}
/*form*/
.blockForm.content {
    top:1.5em;
    max-width: 660px;
    background-color: transparent;
    margin-top: -4em;
    font-size: 15px;
    line-height: 1.45;
}
.is-shown .blockForm.content {
    top: 0;
    -webkit-transition: top .9s .3s ease-out;
    transition: top .9s .3s ease-out;
}
.formHolder {
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0 1em 5em 1em rgba(0, 0, 0, 0.16);
    box-shadow: 0 1em 5em 1em rgba(0, 0, 0, 0.16);
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: transparent;
}
.formHeader {
    display: block;
    position: absolute;
    line-height: 1;
    top: -22px;
    left: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25), 0 0 11px rgba(0, 0, 0, 0.51);
}
.formBlock {
    margin-top: 1.5em;
    position: relative;
    margin-bottom: 2.6em;
}
p.orderHeadNote {
    font-size: 13px;
    line-height: 1.45;
    margin: 1.5em 0;
    padding: .7em 1em;
    background: #fcf5ec;
    border: 1px solid #f0e3d4;
}
p.orderHeadNote.attentionNote {
    background: #ffcdce;
    border: 1px solid #e89d9e;
}
.orderBottomNote {
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    padding: .7em 0;
    font-weight: 600;
    color: #c6694f;
    text-align: center;
    border-top: 1px solid #d0abab;
}
.formBlock h2 {
    margin: 0;
    margin-top: .5em;
    line-height: inherit;
    margin-bottom: 1em;
    font-size: inherit;
}
.inputHolder {
    margin-bottom: .9em;
    position: relative;
    display: block;
    width: 100%;
}
.formField {
    position: relative;
    height: 42px;
    line-height: 42px;
}
.formInput {
    position: relative;
    margin: 0;
    padding: 0;
    opacity: 1;
    font-size: inherit;
    line-height: 1.25;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding-left: 12px;
    padding-right: 12px;
    background-clip: padding-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: border .25s, box-shadow .25s;
    transition: border .25s, box-shadow .25s;
}
.formInput:focus {
    border-color: #6dbdea;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(16, 140, 217, 0.35);
    box-shadow: 0 0 0 2px rgba(16, 140, 217, 0.35);
}
.textLabel {
    position: absolute;
    font-size: inherit;
    top: 0;
    left: 13px;
    line-height: inherit;
    color: #a9a9a9;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    pointer-events: none;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.formInput:disabled+.textLabel,
.formInput:focus+.textLabel,
.phoneInput+.textLabel,
.filled .formInput+.textLabel,
.invalidform .inputHolder:not(.filled) .formInput+.textLabel {
    font-size: 11px;
    top: -5px;
    left: 10px;
    background: #ffffff;
    padding: 0 4px;
    color: #999;
    font-weight: 500;
    line-height: 100%;
}
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 50px #fff !important; color: inherit !important; }
input:focus:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 50px #fff, 0 0 0 2px rgba(16, 140, 217, 0.35) !important;}
textarea:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 250px #fff !important; color: inherit !important; }
select:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 50px #fff !important; color: inherit !important; }
select {cursor: pointer;}
.formIcon {
    display: block;
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    color: #aeaeae;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
}
.formIcon:hover:before,
.shownTip.formIcon:before {
    color: #2295e1;
}
.formIcon:before {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    font-family: "icons";
    alt: "";
    content: "";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    z-index: 1;
    position: relative;
}
.formDropdown:after {
    display: block;
    content: "";
    height: 40px;
    position: absolute;
    width: 60px;
    right: 1px;
    top: 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    z-index: 0;
    pointer-events: none;
    background: #fff;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.formHelper:before {
    content:"";
    padding: 0 .2em;
}
.formDropdown:before {
    content: "";
    color: #888;
    font-size: 20px;
    font-weight: 400;
}
.formInput.hasNote {  padding-right: 37px;  }
.formInput.selectBox {  padding-right: 30px;  }
.formDropdown {  pointer-events: none;  }
a.whatToChoose,
a.promoFieldCall {
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 12px;
    border-bottom: 1px dotted #5f9fc7;
    line-height: 1.2;
}
a.promoFieldCall {
    top: auto;
    bottom: -24px;
}
.hasPromo a.promoFieldCall {
    display: none;
}

/*custom checkbox*/
.checkBoxOption {  display: none;  }
.checkBoxHolder, .checkBoxOptionLabel {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.checkBoxOptionHolder {
    display: table-cell;
    width: 50%;
    text-align: center;
    height: 100%;
    position: relative;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}
.checkBoxHolder .checkBoxOptionHolder:first-child {padding-left: 0;}
.checkBoxHolder .checkBoxOptionHolder:last-child {padding-right: 0;}
.checkBoxOptionLabel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.3;
    font-size: inherit;
    border-radius: 3px;
    padding: 1.2em 1em 1.4em;
    border: 1px solid #c7c7c7;
    -webkit-box-shadow: inset 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px transparent;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .2s ease-in-out, background .35s ease;
    transition: all .2s ease-in-out, background .35s ease;
}
.checkBoxOptionLabel:hover {
    background: #f7fbff;
    border-color: #6dbdea;
}
input.checkBoxOption:checked + .checkBoxOptionLabel:hover {
    background: inherit;
}
input.checkBoxOption:checked + .checkBoxOptionLabel {
    cursor: default;
    border-color: #73bce5;
    -webkit-box-shadow: inset 0 0 0 1px #73bce5;
    box-shadow: inset 0 0 0 1px #73bce5;
}
.checkBoxOptionLabel span {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.checkBoxOptionLabel span:before {
    pointer-events: none;
    display: block;
    content: "";
    font-family: "icons";
    alt: "";
    color: #2a82b2;
    font-style: normal;
    font-weight: 200;
    font-size: 22px;
    line-height: 1;
    padding: 3px;
    padding-top: 2px;
    text-decoration: none;
    z-index: 1;
    position: absolute;
    left: -6px;
    top: -6px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: all .2s ease-in-out, background .35s ease;
    transition: all .2s ease-in-out, background .35s ease;
}
.checkBoxOptionLabel small {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 12px;
    font-size: 10px;
    font-weight: 500;
    color: #a0a0a0;
}
.checkBoxOptionLabel small b {
    text-decoration: line-through;
    color: #e12323;
    font-size: 12px;
}
input.checkBoxOption:checked + .checkBoxOptionLabel span:before {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.checkBoxOptionHolder.disabledPayment {
    color: #a0a0a0;
    pointer-events: none;
}

/*phone input*/
.phonePlus {
    display: block;
    background: 0;
    position: absolute;
    top: 0;
    left: 13px;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1;
}
.phoneInput {
    padding-left: 22px;
}
.phoneInputHolder {
    display: none;
    position: absolute;
    margin: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    pointer-events:none;
}
.phoneRequired .phoneInputHolder {  display: block;  }
.phoneFieldAnimate .phoneInputHolder {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events:auto;
}
.phoneRequired .inputHolder,
.phoneInputHolder {
    width: 49%;
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px);
}

/*phone animate*/
.phoneRequired .inputHolder {/*enable select*/
    -webkit-transition: .25s .1s cubic-bezier(.9, 0, .6, .9);
    transition: .25s .1s cubic-bezier(.9, 0, .6, .9);
}
.phoneFieldAnimate.paymentForm .phoneInputHolder {/*enable input*/
    -webkit-transition: .2s .1s cubic-bezier(.65, 0, .35, 1);
    transition: .2s .1s cubic-bezier(.65, 0, .35, 1);
}
.paymentForm .inputHolder {/*disable select*/
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
}
.paymentForm .phoneInputHolder {/*disable input*/
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
}
.bottomForm {
    border-top: 1px solid #c7c7c7;
    position: relative;
    display: table;
    width: 100%;
    padding: 1.35em 0;
    margin-top: 3.2em;
}
.bottomForm p,
.orderSubmit {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.bottomForm p {
    padding-bottom: 7px;
    font-size: 22px;
    font-weight: 200;
}
.orderCost {
    font-size: 170%;
    color: #1481c8;
    line-height: 1;
}
.costPercent {
    position: absolute;
    display: block;
    left: 0;
    bottom: 19px;
    font-weight: 400;
    font-size: 11px;
    color: #a2a2a2;
}
.orderSubmit {
    width: 180px;
    text-align: right;
}
.orderSubmit button {
    text-align: center;
    text-decoration: none;
    padding: 5px 24px;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: inherit;
    margin: 0;
    outline: 0;
    border: 1px solid #147cc1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    background: #1182cc;
    background-image: -webkit-linear-gradient(top, #2499e6 0%, #0b6cac 100%);
    background-image: linear-gradient(to bottom, #2499e6 0%, #0b6cac 100%);
    text-shadow: 0 0 3px rgba(19, 93, 150, .5);
}
.orderSubmit button:hover {
    border-color: #2081c3;
    background: #168bd8;
    background-image: -webkit-linear-gradient(top, #39a9f3 0%, #1471af 100%);
    background-image: linear-gradient(to bottom, #39a9f3 0%, #1471af 100%);
}
.formError {
    text-align: left;
    font-size: 13px;
    color: #ffffff;
    position: fixed;
    top: -2em;
    opacity: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 430px;
    -webkit-transition: .8s;
    transition: .8s;
    z-index: 9999999;
    pointer-events: none;
    line-height: 1.35;
}
.formErrorContent {
    background: rgba(183, 65, 49, 0.92);
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 6px 34px rgba(0, 0, 0, 0.47);
    box-shadow: 0 6px 34px rgba(0, 0, 0, 0.47);
}
.formError p, .formError h5 {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: .45em 1em;
}
.formError h5 {
    font-size: inherit;
    text-transform: uppercase;
    letter-spacing: .06em;
    background: rgba(255, 255, 255, 0.16);
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.fieldTip {
    position: absolute;
    bottom: 100%;
    width: 100%;
    text-align: center;
    display: none;
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    -webkit-animation: fieldTipShow .25s forwards 1;
    animation: fieldTipShow .25s forwards 1;
}
@-webkit-keyframes fieldTipShow {
    0% {opacity: 0; bottom: 90%;}
    100% {opacity: 1; bottom: 100%;}
}
@keyframes fieldTipShow {
    0% {opacity: 0; bottom: 90%;}
    100% {opacity: 1; bottom: 100%;}
}
.fieldTipWrap {
    position: relative;
    text-align: left;
    background: #fff5d7;
    border: 1px solid #f9e0b1;
    padding: .73em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
    display: inline-block;
    min-width: 200px;
    max-width: 320px;
    margin: auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 14px;
    -webkit-box-shadow: 0 1px 23px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 23px rgba(0, 0, 0, 0.2);
}
.fieldTipWrap:after {
    background-image: url("/static/images/fieldTipArrow.svg");
    background-repeat: no-repeat;
    display: block;
    content: "";
    width: 50px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -25px;
    background-position: 0 -16px;
}
.fieldTip p,
.checkResult .fieldTip p {
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}
.headNoteStrong {
    display: block;
    margin-bottom: .35em;
}
.helpIcon:after {
    content: "";
    padding: 0 .1em;
    font-size: 120%;
    line-height: 0;
    color: #444;
}
.phoneInputHolder .fieldTipWrap {
    min-width: auto;
    width: 100%;
    text-align: center;
}


/* PROMO */
.promoNote {
    display: none;
    background: #f2fcf4;
    box-shadow: 0 0 0 1px #dff0df;
    padding: .6em 1em;
    font-size: 13px;
    line-height: 1.35;
    margin-bottom: -0.8em;
}
.promoNote p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}
.promoNote p a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #c3c3c3;
}
.promoNote p a:hover {
    color: #1280c8;
    border-color: inherit;
}
.hasPromo .promoNote,
.hasPromo.promoFree small.freeOrderPrice,
.hasPromo.promoFree span.freeOrderPrice {
  display: block;
}
.hasPromo.promoFree .paymentForm,
.hasPromo.promoFree .costPercent,
.hasPromo.promoFree small.fullOrderPrice,
.hasPromo.promoFree span.fullOrderPrice,
small.freeOrderPrice,
span.freeOrderPrice {
    display: none;
}

.promoTip .tip-inner:before,
.promoTip .tip-inner:after {
    display: block;
    content: "";
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.promoChecking .promoTip .tip-inner:before,
.promoChecking .promoTip .tip-inner:after {
    opacity: 1;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: auto;
}
.promoChecking .promoTip .tip-inner:before {
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    top: 0;
    border-radius: inherit;
    z-index: 1;
}
.promoChecking .promoTip .tip-inner:after {
    content: "Проверка...";
    z-index: 2;
    line-height: 0;
    top: 50%;
    font-size: 14px;
    font-weight: 600;
}
.promoTip .formInput {
    padding-right: 95px;
}
p.errorPromo {
    display: none;
    font-size: 12px;
    color: #bf3838;
    margin: 7px 0 -7px;
}
.filled.notallowed.invalid p.errorPromo {
    display: block;
}
.hasPromo .blockForm.content {
    animation: change .45s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
@keyframes change {
    0%,100% {  top: 0;  opacity: 1;  }
    40% {  top: 10px;  opacity: 0;  }
    41% {  top: 25px;  opacity: 0;  }
}

/* FORM VALIDATION */

/*showTipError only focused*/
.inputHolder.invalid input:focus ~ .fieldTip, /* если в поле ошибка */
.invalidform .inputHolder:not(.valid) input:focus ~ .fieldTip /* если был сабмит + поле не имеет класса VALID*/
{
    display: block;
}
.invalidform .inputHolder:not(.valid):not(.invalid).filled input:focus ~ .fieldTip { /* скрываем TIP, если начали печатать, нет ошибок и поле не пустое */
    display: none;
}
.filled.valid .formInput+.textLabel {
    color: #82b084;
}
.filled.invalid .formInput+.textLabel, /*заполненное поле с ошибкой*/
.invalidform .inputHolder.invalid input:focus+.textLabel, /*поле с ошибкой в фокусе*/
.invalidform .inputHolder.filled.invalid input+.textLabel, /*заполненное поле с ошибкой в фокусе*/
.invalidform .inputHolder:not(.filled) .formInput+.textLabel {
    color: #bf3838;
}
.formshake.invalidform .formError {
    opacity: 1;
    top: 15px;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}
.invalidform .inputHolder:not(.valid) input:not(:focus) {
    border-color: #d18383;
}
.invalidform.formshake .inputHolder:not(.valid) input {
    -webkit-animation: inputError 1s ease;
    animation: inputError 1s ease;
}
@-webkit-keyframes inputError {
    0% {background: #fff;}
    25% {background: #fff8f8;}
    50% {background: #fff8f8;}
    100% {background: #fff;}
}
@keyframes inputError {
    0% {background: #fff;}
    25% {background: #fff8f8;}
    50% {background: #fff8f8;}
    100% {background: #fff;}
}
/*end*/
.safeInfo {
    display: block;
    max-width: 475px;
    font-size: 12px;
    line-height: 1.5;
    padding-top: 4.5em;
    padding-bottom: 4em;
    text-align: left;
}
.safeInfoHolder {
    padding-left: 2.5em;
    position: relative;
}
.content .safeInfoHolder h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: inherit;
    margin-bottom: .45em;
}
.safeInfoHolder h3:before {
    display: inline-block;
    content: "";
    background-image: url("/static/images/orderPage/safetyIcon.svg");
    background-repeat: no-repeat;
    width: 20px;
    height: 26px;
    position: absolute;
    background-size: 20px 26px;
    left: 0;
    top: -4px;
}
.safeInfoHolder p {
    margin: 0;
    margin-bottom: .4em;
    font-size: inherit;
    line-height: inherit;
}
/*orderQuestions*/
.orderQuestions {
    background: #fff;
    box-shadow: 0 -1px 0 #e8e8e8;
    padding: 5em 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
}
.orderQuestions .content,
.orderNote .content {
    max-width: 768px;
    text-align: left;
}
.orderQuestions h2 {
    font-size: 34px;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -.012em;
    margin: 0;
    margin-bottom: 1.2em;
}
.orderQuestions .content h3 {
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 0.8em;
    padding-top: 2em;
    margin-top: 2em;
    border-top: 1px solid #dedede;
}
.orderQuestions .content h2+h3 {
    border: 0;
    padding-top: 0;
}
.orderQuestions p {
    margin: 0;
    margin-bottom: .45em;
    font-size: inherit;
    line-height: inherit;
}
.orderQuestions p.lighter {
    font-size: 12px;
    color: #888;
    line-height: 1.45;
}
.orderNote {
    background: #fafafa;
    padding: 1.2em 0;
    border-top: 1px solid #f3f3f3;
    -webkit-box-shadow: 0 1px 0 #e8e8e8, 0 2px 0 #f9f9f9;
    box-shadow: 0 1px 0 #e8e8e8, 0 2px 0 #f9f9f9;
    position: relative;
}
.orderNote p {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
}
.orderNote p+p {
    margin-top: .45em;
}

/*loader*/
.loaderWrapper {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.94);
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999;
}
body.loading .loaderWrapper {
    display: block;
    -webkit-animation: loaderShow .3s ease;
    animation: loaderShow .3s ease;
}
@-webkit-keyframes loaderShow {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes loaderShow {
    0% {opacity: 0}
    100% {opacity: 1}
}
.loader {
    width: 36px;
    height: 36px;
    border-radius: 23%;
    margin-top: -54px;
    margin-left: -18px;
    top: 50%;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-color: #f6fcff;
    border: 1px solid #28a0e0;
    -webkit-animation: cssload-animation 1s infinite linear;
    -moz-animation: cssload-animation 1s infinite linear;
    animation: cssload-animation 1s infinite linear;
}
.loaderWrapper span {
    position: relative;
    top: 50%;
    font-size: 15px;
    text-indent: 5px;
    display: block;
}
@-webkit-keyframes cssload-animation {
    0% {	 -webkit-transform: rotate(0deg); border-radius: 37%; }
    50% {	-webkit-transform: rotate(90deg); border-radius: 17%; }
    100% { -webkit-transform: rotate(180deg); border-radius: 37%; }
}
@-moz-keyframes cssload-animation {
    0% {	 -moz-transform: rotate(0deg); border-radius: 37%; }
    50% {	-moz-transform: rotate(90deg); border-radius: 17%; }
    100% { -moz-transform: rotate(180deg); border-radius: 37%; }
}
@keyframes cssload-animation {
    0% {	 transform: rotate(0deg); border-radius: 37%; }
    50% {	transform: rotate(90deg); border-radius: 17%; }
    100% { transform: rotate(180deg); border-radius: 37%; }
}

.content.afterOrder {
    max-width: 639px;
    padding-top: 3.5em;
    padding-bottom: 6.5em;
}
.afterOrder h1 {
    font-size: 50px;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
    letter-spacing: -.018em;
    line-height: 1.05;
    margin: 0;
    margin-bottom: .55em;
}
.afterOrder p {
    margin: 0;
    margin-bottom: .35em;
    font-size: 21px;
    font-weight: 200;
    line-height: 1.43;
}
/* waitingPayment */
.waitingPayment .orderHero .content {
    padding-bottom: 7.6em;
}
.waitingPaymentNote {
    display: block;
    background: #f8f0e5;
    box-shadow: 0 0 0 1px #f0e3d1;
    padding: 1em;
    margin-bottom: 2em;
}
.waitingPaymentNote p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}



/*certFIX*/
.certPage {
    background: #f7f7f7;
    margin-top: -104px;
    opacity: 0;
}
.is-shown .certPage {
    opacity: 1;
    -webkit-transition: opacity 2s 1s;
    -moz-transition: opacity 2s 1s;
    -ms-transition: opacity 2s 1s;
    transition: opacity 2s 1s;
}
.certPage * {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
.certHero {
    background-color: #050402;
    background-image: url("/static/images/certpage/certHero_large.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
}
.certHero .content {
    color: #f2f2f2;
    padding-top: 10.5em;
    padding-bottom: 9.5em;
    text-shadow: 0 0 13px rgba(0, 0, 0, 0.66);
    font-size: 22px;
    font-weight: 200;
    line-height: 1.35;
    max-width: 770px;
    opacity: 0;
    -webkit-transform: scale(.94);
    -ms-transform: scale(.94);
    transform: scale(.94);
}
.is-shown .certHero .content {
    opacity: 1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    -webkit-transition: opacity 3.5s 1s, -webkit-transform 4s .5s;
    -webkit-transition: opacity 3.5s 1s, transform 4s .5s;
    transition: opacity 3.5s 1s, -webkit-transform 4s .5s;
    transition: opacity 3.5s 1s, transform 4s .5s;
}
.certHero h1 {
    font-size: 64px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.05;
    margin: 0;
    margin-bottom: .3em;
}
.certHero p {
    margin: 0 auto;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.certHero p strong {
    font-weight: inherit;
}
.certHero .down {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1.7em;
    color: inherit;
    opacity: .6;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}
.certHero .down:after {
    content: "";
    padding-left: 0;
    display: block;
    position: relative;
    width: 100%;
    font-size: 22px;
    font-weight: 200;
    line-height: 1;
    -webkit-animation: discoverArrow 3.5s infinite ease;
    animation: discoverArrow 3.5s infinite ease;
}
@-webkit-keyframes discoverArrow {
    0% {-webkit-transform: translateY(-4px);}
    50% {-webkit-transform: translateY(3px);}
    100% {-webkit-transform: translateY(-4px);}
}
@keyframes discoverArrow {
    0% {transform: translateY(-4px);}
    50% {transform: translateY(3px);}
    100% {transform: translateY(-4px);}
}
.certHero .down:hover {
    opacity: 1;
}
.discoverCert.hideDisc {
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s;
    pointer-events: none;
}


.certPrice {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    -webkit-box-shadow: 0 -1px 0 #e3e3e3 inset;
    box-shadow: 0 -1px 0 #e3e3e3 inset;
    padding: 2.5em 0;
    position: relative;
}
.certPrice .content {
    text-align: left;
    max-width: 690px;
}
.certPriceText {
    padding-right: 225px;
    position: relative;
    opacity: 0;
}
.is-shown .certPriceText {
    opacity: 1;
    -webkit-transition: opacity 3s 1.5s;
    -ms-transition: opacity 3s 1.5s;
    transition: opacity 3s 1.5s;
}
.certPrice h5 {
    font-size: 24px;
    font-weight: 200;
    line-height: 1.35;
    margin: 0;
    margin-top: -0.65em;
    margin-bottom: .35em;
}
.certPrice h5 span {
    font-size: 170%;
    color: #1481c8;
    line-height: 1;
}
.certPrice h5 small {
    position: absolute;
    top: -0.4em;
    margin-left: -.13em;
    font-size: 18px;
    line-height: 0;
    font-weight: 600;
    color: #e53030;
    text-decoration: line-through;
}
.certPriceText p {
    margin: 0;
    font-size: 13px;
    color: #a1a1a1;
    line-height: 1.45;
}
a.purchaseCert {
    position: absolute;
    right: 0;
    top: 50%;
    text-align: center;
    text-decoration: none;
    padding: 9px 36px;
    display: inline-block;
    width: auto;
    line-height: normal;
    margin: 0;
    margin-top: .38em;
    border: 1px solid #147cc1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #f2f2f2;
    background: #1182cc;
    background-image: -webkit-linear-gradient(top, #2499e6 0%, #0b6cac 100%);
    background-image: linear-gradient(to bottom, #2499e6 0%, #0b6cac 100%);
    text-shadow: 0 0 3px rgba(19, 93, 150, .5);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
a.purchaseCert:hover {
    border-color: #2081c3;
    background: #168bd8;
    background-image: -webkit-linear-gradient(top, #39a9f3 0%, #1471af 100%);
    background-image: linear-gradient(to bottom, #39a9f3 0%, #1471af 100%);
}



.certDescription {
    background: #f7f7f7;
    padding: 5em 0;
    position: relative;
}
.certDescription .content {
    text-align: left;
    display: table;
    position: relative;
    width: 100%;
    height: 624px;
    max-width: 900px;
}
.certDescription .content:before,
.certDescription .content:after,
.certDescrText:before,
.certDescrText:after {
    display: table;
    content: "";
}
.certIphone {
    position: absolute;
    margin-top: -319px;
    left: -2%;
    top: 50%;
    background-size: 376px 644px;
    height: 644px;
    width: 376px;
    background-image: url("/static/images/certpage/certIphone.jpg?=v1");
    background-repeat: no-repeat;
}
.certIphone p {
    font-weight: 500;
    font-size: 12px;
    color: #b2b2b2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
}
.certIphone div {
    display: block;
    position: absolute;
    width: 240px;
    height: 432px;
    left: 69px;
    top: 76px;
    overflow: hidden;
}
.certIphone div span {
    background-image: url("/static/images/certpage/certAppsScreen.png?=v1");
    background-repeat: no-repeat;
    width: inherit;
    height: 396px;
    display: block;
    background-size: 706px 396px;
    background-position: 3px 0;
    top: 25px;
    left: 0;
    position: absolute;
    -webkit-animation: appsswipe 10s 4s cubic-bezier(.2, 1, .2, 1) 6;
    animation: appsswipe 10s 4s cubic-bezier(.2, 1, .2, 1) 6;
}
@-webkit-keyframes appsswipe {
    0% {background-position: 3px 0;}
    12% {background-position: -232px 0;}
    38% {background-position: -232px 0;}
    49% {background-position: -467px 0;}
    69% {background-position: -467px 0;}
    82% {background-position: 3px 0;}
    100% {background-position: 3px 0;}
}
@keyframes appsswipe {
    0% {background-position: 3px 0;}
    12% {background-position: -232px 0;}
    38% {background-position: -232px 0;}
    49% {background-position: -467px 0;}
    69% {background-position: -467px 0;}
    82% {background-position: 3px 0;}
    100% {background-position: 3px 0;}
}
.certDescrText {
    display: table-cell;
    padding-left: 355px;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    font-size: 19px;
    font-weight: 200;
    line-height: 1.5;
}
.certDescrText h2 {
    margin: 0;
    margin-bottom: .55em;
    font-size: 37px;
    font-weight: 200;
    line-height: 1.15;
    letter-spacing: -.009em;
}
.certDescrText p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    margin-bottom: .65em;
    -webkit-font-smoothing: auto;
}
.certDescrText p a {
    color: inherit;
    text-decoration: none;
    position: relative;
    border-bottom: 1px solid #c5c5c5;
    -webkit-transition: .3s;
    transition: .3s;
}
.certDescrText p a:hover {
    color: #1280c8;
    border-color: #64addc;
}
.certDescrText p+a {
    margin-top: 1em;
    display: block;
}


.certUsedto {
    background: #fff;
    border-top: 1px solid #ffffff;
    box-shadow: inset 0 1px 0 #e4e4e4;
    padding: 2.5em 0;
}
.certUsedto .content {
    text-align: left;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}
.certUsedtoCell {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: top;
    position: relative;
}
.certUsedto .certUsedtoCell:first-child {padding-right: 5px}
.certUsedto .certUsedtoCell:last-child {padding-left: 5px}
.certUsedtoHolder,
.certSpecOffer.content p {
    display: block;
    position: relative;
    height: 100%;
    background: #f5f5f5;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 #d3d3d3, 0 0 0 1px #e6e6e6;
    box-shadow: 0 1px 0 #d3d3d3, 0 0 0 1px #e6e6e6;
}
.certUsedto ul {
    margin: 0;
    display: block;
    padding: 2em 3em;
    font-size: 15px;
    line-height: 1.45;
}
.certUsedto h3 {
    font-size: inherit;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: .75em;
}
.certUsedto ul li {
    padding-left: 1em;
    margin-left: .5em;
    margin-top: .35em;
    position: relative;
}
.certUsedto ul li:before {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    border: 1px solid #828282;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .45em;
}

.certSpecOffer.content {
    text-align: center;
    margin-top: 1em;
    font-size: 15px;
    line-height: 1.45;
}
.certSpecOffer.content p {
    margin: 0;
    padding: 1.2em 12em;
    font-size: inherit;
    line-height: inherit;
}

.certSpecOffer.content p span {
    font-weight: 500;
    color: #f15519;
    font-size: 10px;
    padding: 1px 7px;
    border: 1px solid;
    position: absolute;
    border-radius: 3px;
    top: 50%;
    margin-top: -1em;
    left: 1.5em;
}


.certHowTo {
    overflow: hidden;
    position: relative;
    background: #f2f2f2;
    padding: 6em 0 4.8em;
    -webkit-box-shadow: inset 0 1px 0 #cdcdcd, inset 0 2px 0 white;
    box-shadow: inset 0 1px 0 #cdcdcd, inset 0 2px 0 white;
}
.certHowTo h2 {
    margin: 0;
    margin-bottom: .45em;
    font-size: 54px;
    font-weight: 200;
    letter-spacing: -.015em;
    line-height: 1.1;
}
.certHowTo h5 {
    font-size: 20px;
    font-weight: 200;
    max-width: 616px;
    margin: auto;
    line-height: 1.4;
    -webkit-font-smoothing: auto;
}

.signInstruction {
    margin-top: 6em;
    text-align: left;
    position: relative;
}
.signInstruction:before {
    display: inline-block;
    content: "Краткая инструкция";
    color: #909090;
    font-size: 13px;
    position: absolute;
    line-height: 1;
    top: -1.5em;
}
.signStep {
    border-top: 1px solid #cecece;
    display: table;
    width: 100%;
    position: relative;
    padding: 3em 0;
}
.stepText {
    display: table-cell;
    position: relative;
    padding-left: 3.5em;
    padding-right: 50%;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.5;
    z-index: 2;
}
.stepCount {
    display: block;
    position: absolute;
    font-size: 2.8em;
    font-weight: 200;
    color: #1280c8;
    line-height: 1;
    margin-top: -.23em;
    margin-left: -.82em;
}
.stepText h3 {
    letter-spacing: 0;
    font-size: inherit;
    font-weight: 600;
    margin: 0;
    margin-bottom: .5em;
    line-height: inherit;
}
.stepText p {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    margin-top: .45em;
}
.stepText p span {
    font-size: 13px;
    line-height: 1.5;
    display: block;
    margin-top: 1em;
    color: #8f8f8f;
}
.signStep figure {
    display: block;
    background: transparent;
    position: absolute;
    right: 2%;
    top: 50%;
    background-repeat: no-repeat;
}


.signStep1 {height:242px;}
.signStep1 .stepText {padding-right: 500px;}
.signStep1 figure {
    background-image: url("/static/images/certpage/signStep_1.jpg");
    background-size: 415px 242px;
    width: 415px;
    height: 242px;
    margin-top: -109px;
}

.signStep2 {height: 210px;}
.signStep2 .stepText {padding-right: 30px;padding-left: 455px;}
.signStep2 figure {
    background-image: url("/static/images/certpage/signStep_2.jpg");
    background-size: 336px 182px;
    width: 336px;
    height: 182px;
    margin-top: -89px;
    right: auto;
    left: 3.5%;
}

.signStep3 {height: 196px;}
.signStep3 .stepText {padding-right: 420px;}
.signStep3 figure {
    background-image: url("/static/images/certpage/signStep_3.jpg");
    background-size: 336px 196px;
    width: 336px;
    height: 196px;
    margin-top: -92px;
}

.signNote {
    text-align: left;
    font-style: italic;
    font-size: 13px;
    line-height: 1.4;
    padding: 1em 2.5em;
    background: #f1ece2;
    border: 1px solid #e0dbd0;
    border-radius: 2px;
    margin: auto;
    margin-top: 1em;
}
.signNote p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}
.signNote p+p {
    margin-top: .45em;
}
.signNote.graySingNote {
    background: #eaeaea;
    border: 1px solid #dddddd;
}


a.certOrder {
    background-color: #060709;
    background-image: url("/static/images/certpage/certOrder_large.jpg");
    background-repeat: no-repeat;
    background-size: cover, contain;
    background-position: center;
    padding: 7.5em 0 0;
    color: #fff;
    display: block;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.39), 0 0 15px #2f2f2f;
}
.certOrder h2 {
    font-size: 42px;
    letter-spacing: -.012em;
    font-weight: 200;
    margin: 0;
    margin-bottom: .45em;
    line-height: 1.15;
}
a.certOrder label {
    font-size: 22px;
    font-weight: 200;
    border-color: transparent;
    border-style: solid;
}
a.certOrder:hover label {
    border-bottom-color: inherit;
}
a.certOrder p {
    margin: 0;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
    background: rgba(75, 75, 75, 0.5);
    padding: .7em 0;
    border: 1px;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-top: 5.3em;
    color: #adadad;
}
a.certOrder p span {display: block;}
span.exclusive {
    color: #6bf;
    font-size: 10px;
    line-height: 1;
    margin-top: 3px;
}

.certNote {
    position: relative;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
    color: #777;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 1px #ffffff, 0 2px #e6e6e6;
    box-shadow: 0 1px #ffffff, 0 2px #e6e6e6;
}
.certNote .content {
    text-align: left;
    padding-top: 1.15em;
    padding-bottom: 1em;
}
.certNote p {
    margin: 0;
    line-height: inherit;
    font-size: inherit;
    position: relative;
}
.certNote p+p {
    margin-top: .45em;
}
.certNote .asterisk {
    position: absolute;
    left: -.7em;
}
.whiteNotes {
    background: #fff;
}



/*temp*/
.terminateMessage {
    position: fixed;
    display: block;
    background: rgba(124, 139, 147, 0.85);
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    font-size: 14px;
    line-height: 1.43;
    padding: .4em 1em;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.47);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-backdrop-filter: saturate(250%) blur(8px);
    backdrop-filter: saturate(250%) blur(8px);
}
.terminateMessage a {
    color: inherit;
    display: block;
    max-width: 500px;
    margin: 0 auto;
}
.terminateMessage p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}
.is-shown .terminateMessage {
    opacity: 1;
    transition: opacity.35s 2.5s;
}


/*=================================== MEDIA ====================================*/



/*======================iPad LANDSCAPE ======================*/


@media screen and (min-width: 921px) and (max-width: 1025px) {
    .sign-in-content {
        width: 900px;
        margin: 0 0 0 -10px;
    }
}

@media screen and (max-width: 900px) {

    /*betaPage*/
    .introText {
        max-width: 65%;
        font-size: 20px;
    }
    .introText h1 {
        font-size: 54px;
        letter-spacing: -.02em;
    }
    .iosbetaHeroImage {
        left: 53%;
    }
    @-webkit-keyframes iosheroImage {
        0% {left: 55%}
        100% {left: 53%}
    }
    @keyframes iosheroImage {
        0% {left: 55%}
        100% {left: 53%}
    }
    .aboutBeta {
        padding: 6em 0 6.3em;
    }
    .aboutBeta .content {
        max-width: 718px;
    }
    .aboutBeta h4 {
        font-size: 44px;
        letter-spacing: -.012em;
        line-height: 1.15;
        margin-bottom: .45em;
    }
    .aboutBeta p {
        font-size: 20px;
    }

    .ready a {
        padding: 5.3em 0 4.5em;
        text-align: center;
    }
    .ready .content h3 {
        font-size: 38px;
        line-height: 1.15;
        margin-left: auto;
        max-width: none;
        text-align: inherit;
    }
    .priceBlock {
        max-width: none;
        display: block;
        width: auto;
        margin: 0 -25px 0;
        padding: 5px 0;
        position: relative;
        right: auto;
        border: none;
        -webkit-transform: none;
        transform: none;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }
    .priceBlock li {
        display: inline-block;
        text-align: left;
        margin: 0 15px;
        width: 320px;
        border: none;
        padding-top: 14px;
        padding-bottom: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

}
/*======================iPad LANDSCAPE END======================*/


@media only screen and (min-width: 1441px) {
    .helpHero {background-image: url("/static/res/images/helpHero@2x.jpg");}
    .certHero {background-size: contain;}
    a.certOrder {background-image: url("/static/images/certpage/certOrder_xlarge.jpg");}
}


/*======================================= High DPI Layout =======================================*/

@media only screen and (min-resolution:1.5dppx),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:150dpi) { html {text-rendering: optimizelegibility;} }

@media only screen and (min-width: 768px) and (min-resolution:1.5dppx),only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width: 768px) and (min--moz-device-pixel-ratio:1.5),only screen and (min-width: 768px) and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .fruityPromoClose:before  {
        background-image:url(/static/res/images/SpritesSetBase@2x.png);
        -webkit-background-size:828px 654px;
        background-size:828px 654px;
    }
    .note:before,.note:after,.Sign:after,.SignCert:after,.ftrNav:after {
        background-image:url(/static/res/images/line@2x.png);
        -webkit-background-size:900px 3px;
        background-size:900px 3px;
    }
    .aboutPic {
        background-image: url(/static/images/whywe@2x.png);
    }
    .picApps {
        background-image:url(/static/images/iphoneapps@2x.jpg);
        -webkit-background-size:880px 503px;
        background-size:880px 503px;
    }
    .picOS {
        background-image:url(/static/images/ios_8.x_beta@2x.jpg);
        -webkit-background-size:456px 500px;
        background-size:456px 500px;
    }
    .picFindUDID {
        background-image:url(/static/images/findudid@2x.jpg);
    }
    .mainSection {
        background-image:url(/static/res/images/bgr.section@2x.jpg);
        -webkit-background-size:960px 101px;
        background-size:960px 101px;
    }
    .notes {
        background-image:url(/static/res/images/bgr.notes@2x.jpg);
        -webkit-background-size:960px 101px;
        background-size:960px 101px;
    }
    .accept {
        background-image:url(/static/res/images/paysystems@2x.png);
        -webkit-background-size:870px 52px;
        background-size: 870px 52px;
    }
    .watchImageShadowItem {
        -webkit-background-size: 389px 457px;
        background-size: 389px 457px;
        background-image: url("/static/res/images/watch-shadow_large@2x.png");
    }
    .watchImageItem {
        -webkit-background-size: 246px 362px;
        background-size: 246px 362px;
        background-image: url("/static/res/images/watch-face_large@2x.png");
    }
    .headDownloadImage {background-image: url("/static/res/images/heroDownload@2x.jpg");}
    .certIphone {background-image: url("/static/images/certpage/certIphone@2x.jpg?=v1");}
    .certIphone div span {background-image: url("/static/images/certpage/certAppsScreen@2x.png?=v1");}
    a.certOrder {background-image: url("/static/images/certpage/certOrder_large@2x.jpg");}
    .iosbetaHeroImage {background-image: url("/static/images/iosbeta/introHeroBeta@2x.jpg");}
    .compatibleiosImage {background-image: url("/static/images/iosbeta/compatibleios@2x.png");}
    .ready {background-image: url("/static/images/iosbeta/ios_ready_large@2x.jpg");}
}
@media only screen and (min-width: 1600px) {
    .ready {  background-image: url("/static/images/iosbeta/ios_ready_xlarge.jpg");  }
    .headDownloadImage {background-image: url("/static/res/images/heroDownload_xlarge.jpg");}
}
@media only screen and (min-width: 1441px) and (min-resolution:1.5dppx), only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width: 1441px) and (min--moz-device-pixel-ratio:1.5), only screen and (min-width: 1441px) and (-o-min-device-pixel-ratio:3/2), only screen and (min-width: 1441px) and (min-device-pixel-ratio:1.5), only screen and (min-width: 1441px) and (min-resolution:150dpi) {
    a.certOrder {background-image: url("/static/images/certpage/certOrder_xlarge@2x.jpg");}
}






@media screen and (max-width: 1024px) {
    .certHero .content {
        font-size: 20px;
        padding-top: 9.5em;
        padding-bottom: 8.8em;
        max-width: 700px;
        line-height: 1.4;
    }
    .certHero h1 {
        font-size: 57px;
        margin-bottom: .4em;
    }
    .certDescription {padding: 4em 0;}
    .certDescription .content {
        height: 490px;
        max-width: 768px;
    }
    .certIphone {
        left: -1%;
        margin-top: -248px;
        background-size: 296px 505px;
        height: 505px;
        width: 296px;
        background-image: url("/static/images/certpage/certIphone-small.jpg?=v1");
    }
    .certIphone div {
        width: 188px;
        height: 340px;
        left: 55px;
        top: 60px;
    }
    .certIphone div span {
        background-image: url("/static/images/certpage/certAppsScreen-small.png?=v1");
        height: 308px;
        display: block;
        background-size: 549px 308px;
        background-position: 3px 0;
        top: 19px;
    }

    @-webkit-keyframes appsswipe {
        0% {background-position: 3px 0;}
        12% {background-position: -179px 0;}
        38% {background-position: -179px 0;}
        49% {background-position: -364px 0;}
        69% {background-position: -364px 0;}
        82% {background-position: 3px 0;}
        100% {background-position: 3px 0;}
    }
    @keyframes appsswipe {
        0% {background-position: 3px 0;}
        12% {background-position: -179px 0;}
        38% {background-position: -179px 0;}
        49% {background-position: -364px 0;}
        69% {background-position: -364px 0;}
        82% {background-position: 3px 0;}
        100% {background-position: 3px 0;}
    }
    .certDescrText {
        padding-left: 275px;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.55;
    }
    .certDescrText h2 {
        margin-bottom: .85em;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0;
    }
    .certDescrText p,
    .certHowTo h5 {
        -webkit-font-smoothing: antialiased;
    }
    .certDescrText p+a {margin-top: 1.2em;}
    .certIphone p {
        font-size: 11px;
        bottom: -8px;
    }
    .certUsedto ul {padding: 2em 2em;}
    .signStep1 .stepText {padding-right: 50%;}
    .signStep1 figure {
        right: auto;
        left: 52%;
    }
    .signStep2 .stepText {padding-left: 46%;}
    .signStep2 figure {
        left: auto;
        right: 63%;
    }
    .signStep3 .stepText {padding-right: 43%;}
    .signStep3 figure {
        right: auto;
        left: 60%;
    }
    .certHowTo {
        padding: 5em 0 4.2em;
    }
    .certHowTo h2 {
        font-size: 46px;
    }
    .certHowTo h5 {
        font-size: 17px;
        font-weight: 400;
        max-width: 525px;
    }
    .signInstruction {margin-top: 5.4em;}

}



@media only screen and (max-width: 1024px) and (min-resolution:1.5dppx), only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio:1.5), only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio:3/2), only screen and (max-width: 1024px) and (min-device-pixel-ratio:1.5), only screen and (max-width: 1024px) and (min-resolution:150dpi) {
    .certIphone {background-image: url("/static/images/certpage/certIphone-small@2x.jpg");}
    .certIphone div span {background-image: url("/static/images/certpage/certAppsScreen-small@2x.png");}
}


@media screen and (max-width: 900px) {
    .signStep1 .stepText {
        padding-right: 55%;
        padding-left: 10%;
    }
    .signStep1 figure {
        left: 45%;
    }
    .signStep2 .stepText {
        padding-left: 52%;
    }
    .signStep2 figure {
        right: 55%;
    }
    .signStep3 .stepText {
        padding-right: 45%;
        padding-left: 6%;
    }
    .signStep3 figure {
        left: 55%;
    }
}




/*=======================================PHONE LAYOUT=======================================*/

/*===========MENU MEDIA============*/

@media (max-width:920px) {
    .mainWrap {width:700px;}
}

/*==============MENU MEDIA END================*/

@media handheld, only screen and (max-width: 767px) {

    /* fruityPROMO START */
    .is-shown.fruityPromo {
        height: 61px;
    }
    .fruityPromoLink {
        line-height: 17px;
        left: 50%;
        width: 250px;
        margin: 0 0 0 -125px;
        bottom: 5px;
    }
    .fruityPromoClose {
        height: 60px;
        width: 35px;
    }
    .fruityPromoClose:before {
        margin: 23px 0 25px 11px;
        background-image: url(/static/res/images/mobile-sprites_udid.png);
        background-position: -307px -18px;
    }

    /* fruityPROMO END */



    /*IOSBETA PAGE */
    .introBack .content {
        padding-top: 8em;
        padding-bottom: 8em;
    }
    .iosbetaHeroImage {
        left: 48%;
    }
    @-webkit-keyframes iosheroImage {
        0% {left: 51%}
        100% {left: 48%}
    }
    @keyframes iosheroImage {
        0% {left: 51%}
        100% {left: 48%}
    }
    .discoverBeta.down {
        display: none;
    }
    .aboutBeta {
        padding: 5em 0 5.5em;
    }
    .aboutBeta .content {
        max-width: 570px;
    }
    .aboutBeta h4 {
        font-size: 40px;
        letter-spacing: -.008em;
    }
    .aboutBeta p {
        font-size: 19px;
    }
    .compatibleiosImage {
        right: 58%;
        margin-right: 1em;
    }
    .compatibleIosText {
        left: 43%;
    }
    .ready {  background-image: url("/static/images/iosbeta/ios_ready_small.jpg");  }
    .priceBlock {
        margin: 0 -16px 0;
    }
    .priceBlock li {
        margin: auto;
        padding-right: 16px;
        padding-left: 54px;
    }
    .cost:before, .time:before {
        left: 16px;
    }
    .singleBlock {
        padding: 4em 0 4.2em;
    }
    .singleBlock .content {
        max-width: 460px;
    }
    .singleBlock figure {
        width: 46px;
        height: 39px;
    }
    .whyweIcon {
        background-image: url("/static/images/iosbeta/icon-whywe_small.svg");
    }
    .singleDownloadIcon {
        background-image: url("/static/images/iosbeta/icon-download-small.svg");
    }
    .singleBlock h2 {
        line-height: 1.125;
        font-size: 34px;
        font-weight: 300;
        margin-bottom: .3em;
    }
    .singleBlock p, .singleBlock label {
        font-size: 18px;
        line-height: 1.5;
        font-weight: normal;
    }



    /*UDID*/
    .foundUDIDform {
        margin-top: 3em;
    }
    .deviceInfoUDID {
        padding-top: 2.1em;
        padding-bottom: 3.1em;
        margin-bottom: 2em;
    }
    .content .foundUDIDform h3 {
        margin: 0;
        margin-bottom: .8em;
        font-size: 16px;
    }
    .foundUDIDform h3+span {
        letter-spacing: 0.005em;
    }
    .registerUDIDnote {
        right: auto;
        left: 0;
    }



    .sidePanelGuarantee.fixGuar {
        margin-top: 2em;
    }
    body {
        padding: 102px 0 0;
        min-width: 320px;
        max-width: none;
    }
    .mainWrap {width:auto;padding:50px 20px;}
    .hdrWrap {
        max-width: 100%;
        height: 47px;
        padding: 56px 0 0 0;
        line-height: 34px;
        width: 102%;
        white-space: nowrap;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;}
    .hdrWrap:after {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 0.05556em;
        background: rgba(255,255,255,0.2);
    }
    .space {
        display:none;
    }
    #hidden-content,
    .hidden-content {
        display:none;
    }
    li {
        margin-bottom: 8px;
    }
    .form dt {
        display:none;
        float:none;
        height:0;
    }
    .form dd {
        margin:0.8em 0 13px 0;
        overflow: visible;
        font-size: 17px;
        line-height: 1.6;
    }
    .faq dt {
        border-top: 1px solid rgb(229, 229, 229);
        padding: 14px 10px 10px 36px;
    }
    .faq dt:before {
        display:inline-block;
        content:"";
        height:9px;
        width:16px;
        margin: 0 10px 0 -26px;
        background:url("/static/res/images/mobile-sprites.png") no-repeat -296px -49px;
    }
    dl.faq.dfLstRst {
        margin: 14px 0;
    }
    .faq dt a {
        border-bottom: none;
        margin: 16px 0 16px 0;
    }
    .faq dd {
        padding: 0 0 5px 0;
        font-size: 18px;
        line-height: 1.7;
    }
    .qmargin {
        margin-bottom: 20px;
    }
    .mobile-ul {
        padding: 0 0 0 25px;
        font-size: 16px;
        line-height: 1.6;
    }
    .mobile-ul li:before {
        line-height: 28px;
    }
    .content h3 {
        text-align: left;
        margin-bottom: 15px;
        margin-top: 35px;
    }
    .contentPage {
        max-width: 550px;
    }
    .video {
        width: 100%;
        height: 200px;
    }

    .mobile {
        display:block;
        padding-bottom: 5px;
        text-align: left;
    }
    p, dl, ul, ol, address, table {
        font-size: 0.9em;
        line-height: 1.55em;
    }
    html {
        font-size: 18px;
        line-height: 26px;
    }
    .content, .contentnote, .ntsWrap, .mSctWrap {
        padding-left: 16px;
        padding-right: 16px;
    }
    .application {
        width: auto;
        padding: 24px 12px;
        margin: 2.93333em -5px;
        text-shadow: 0 1px 0 rgba(255,255,255,0.65);
        -webkit-border-radius:4px;
        border-radius:4px;
        background: #F2F1F1;
    }
    .application_buy {
        float: none;
        width: 100%;
        padding: 0 16px 0 14px;
        margin: 32px 0 32px -16px;
        border-radius: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .sidePanel_right,.sidePanel_right-dl {
        width: 100%;
        padding: 0 0 30px 0;
    }
    .sidePanelGuarantee p {
        font-size: 13px;
        line-height: 1.6;
        margin: 0 auto;
    }
    .orderInfoHead {
        font-size: 22px;
        padding: 15px 12px;
        font-weight: 200;
    }
    .table_info {
        line-height: 22px;
        font-size: 16px;
    }
    .mobile-table_info-dl {
        line-height: 28px;
    }
    .field,.sidePanel_right,.sidePanel_right-dl {
        float:none;
    }
    .orderInfo {
        margin: 0 0 -9px;
    }

    .system_status li:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 1px solid rgb(220, 220, 220);
    }
    .system_status {
        text-align: left;
        padding: 0 15px 0 15px;
        margin: 23px -16px 32px -16px;
        -webkit-box-shadow: 0 0 6px rgba(45, 45, 45, 0.32);
        box-shadow: 0 0 6px rgba(45, 45, 45, 0.32);
        -webkit-border-radius: 0;
        border-radius: 0;
        font-size: 17px;
    }
    .system_status li {
        display: block;
        width: 100%;
        margin-bottom: 0;
        line-height: 46px;
    }
    .beta-picker {
        font-size:14px;
    }
    .beta-picker li {
        line-height: 32px;
    }
    .fieldNote {
        font-size: 14px;
        line-height: 18px;
        padding-top: 4px;
        width: 100%;
        margin: 0;
        text-align: right;
        color: #868686;
    }
    .appNote {
        margin: 0 -13px;
        padding: 23px 11px 0;
        font-size: 0.9em;
        line-height: 1.5em;
    }
    .notes {
        padding-top: 11px;
        padding-bottom: 13px;
    }
    .mobile-notes-padding {
        padding: 41px 0 13px 0;
    }
    .head_faq {
        margin: 30px 0 -8px 0;
    }
    .appSubmit:after {
        height: 0;
        background: url("/static/res/images/mobile-sprites-order.png") no-repeat;
        line-height: 300px;
        overflow: hidden;
    }
    .appSubmit {
        margin: 32px 0 32px;
        font-size: 28px;
        line-height: 1.5;
    }
    .appSubmit:after {
        width: 12px;
        margin: 0 0 -5px 13px;
        height: 28px;
        background-position: -202px -129px;
    }
    .hdrOrder {
        line-height: 1.2;
        margin: -8px 0 32px 0;
    }
    .hdrFormhead {
        font-size: 25px;
        line-height: 1.3;
        margin: 19px 0;
    }
    .sidePanelGuarantee h3 {text-align: center;}

    input, button, textarea {
        padding: 0 2%;
    }
    .hdrThanks {
        font-size: 42px;
        letter-spacing: -.012em;
        line-height: 1.15;
    }
    #success_page p {
        font-size: 18px;
        margin-bottom: 6em;
    }
    .hdrQuestions {
        font-size: 30px;
        line-height: 1.4;
        margin: 15px 0 -15px;
    }
    .hdrHere {
        margin: 0;
        line-height: 1.3;
        font-size: 46px;

    }
    .hdrAbout {
        margin: 0;
        line-height: 1.2;
        font-size: 46px;
    }
    .mob-pad {
        padding-bottom: 50px;
        line-height: 20px;
    }
    section.notes ul {
        font-size: 18px;
        line-height: 1.7;
    }
    .order-paySubmit {
        font-size: 28px;
        line-height: 1.5;
        height: auto;
    }
    .orderInfo-name p {
        font-size: 15px;
        line-height: 1.6;
    }
    .aboutPic {
        width: 256px;
        height: 1002px;
        background-size: 256px 1002px;
        background-image: url(/static/res/images/mobile-whywe.png);
    }
    .hdrPrivacy {
        font-size: 34px;
        line-height: 1.3;
        margin: 0;
    }
    .hdrTerms {
        margin: 0;
        line-height: 1.1;
        font-size: 40px;
    }
    .ntsWrap:before,.Sign:after,.Sign-footer:after {
        background: url("/static/res/images/mobile-sprites_udid.png") no-repeat;
        line-height: 300px;
        overflow: hidden;
    }
    .note {
        padding: 0 0 25px 0;
    }
    p, .note {
        font-size: 18px;
        line-height: 29px;
    }
    .note:before, .note:after {
        height: 2px;
        position: initial;
        width: 270px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        background: url("/static/res/images/mobile-sprites_udid.png") no-repeat 0 -2px;
    }
    .note:before {
        margin-bottom: 18px;
    }
    .note:after {
        margin-top: 18px;
    }
    .buttonReg,.buttonRegTest {
        width: 100%;
        font-size: 24px;
        padding: 18px 0;
        line-height: 1;
        height: auto;
        margin: 8px 0 36px;
        text-align: center;
    }
    .buttonRegTestADD {
        margin-bottom: 47px;
    }
    .findedudidSubmit {
        width: 100%;
        height: auto;
        margin: -5px 0 0;
        font-size: 21px;
        padding: 14px 0;
    }
    .buttonReg:after,.buttonRegTest:after,.findedudidSubmit:after {
        background-position: -234px -147px;
        width: 9px;
        height: 19px;
        margin: 0 0 -1px 14px;
        float: none;
        display: -webkit-inline-box;
        display: inline-block;
    }
    .findedudidSubmit:after {
        margin: 0 0 -2px 10px;
    }
    .picOS {
        background-size: 83%;
        margin: 11px 0 -65px -157px;
    }

    .ntsWrap:before {
        content: "";
        height: 2px;
        position: initial;
        width: 270px;
        margin-left: auto;
        margin-right: auto;
        background: url("/static/res/images/mobile-sprites_udid.png") no-repeat 0 -2px;
    }
    .Sign {
        width: 100%;
        margin: 0;
        overflow:hidden;
    }
    .Sign:after {
        content:"";
        height: 2px;
        position: initial;
        width: 270px;
        margin-left: auto;
        margin-right: auto;
        background: url("/static/res/images/mobile-sprites_udid.png") no-repeat 0 -2px;
    }
    .Sign-footer {
        float: none;
        margin: 0;
    }
    .Sign-footer:after {
        display:block;
        content:"";
        height: 2px;
        position: initial;
        width: 270px;
        margin-left: auto;
        margin-right: auto;
        background: url("/static/res/images/mobile-sprites_udid.png") no-repeat 0 -2px;
    }
    .ftrNav:after {
        display:none;
    }
    .SignCert:after {
        background: url("/static/res/images/mobile-sprites_sert.png") no-repeat;
        line-height: 300px;
        overflow: hidden;
    }
    a.apply {
        text-align: center;
        padding: 10px 10px 14px 10px;
    }
    .warning {
        margin-left: 30px;
        line-height: 1.6;
        font-size: 14px;
    }
    .warning:before {
        margin: -2px 8px -5px -30px;
    }
    .SignCert {
        width: 100%;
        margin: 35px 0 0;
    }
    .SignCert:after {
        content: "";
        height: 3px;
        position: initial;
        width: 270px;
        margin-left: auto;
        margin-right: auto;
        background: url("/static/res/images/mobile-sprites_cert.png") no-repeat;
        background-position: 0 -174px;
    }
    .udidSubmit:after {
        background: url("/static/res/images/mobile-sprites_findudid.png") no-repeat;
        line-height: 300px;
        overflow: hidden;
    }
    .hdrfindudidyes {
        line-height: 1.2;
        margin: 0;
        font-size: 40px;
    }
    .nofoundudid .hdrfindudidyes {
        margin-top: .9em;
    }
    .findUdidContent h2 {
        font-size: inherit;
        font-weight: 400;
        margin: .8em auto 2em;
        line-height: 1.5;
    }
    .udidSubmit {
        width: 100%;
        height: auto;
        padding: 17px 0;
        margin: 30px -1px 24px;
    }
    .udidSubmit:after {
        background-position: -190px -313px;
        width: 12px;
        height: 22px;
        margin: 0 0 -1px 15px;
    }
    .mobile_form {
        text-align:center;
    }
    .hdrfindudid {
        margin: 0;
        line-height: 1.3;
        font-size: 44px;
    }
    .hdrfindudid_add {
        font-size: 27px;
        display: block;
    }
    .picFindUDID {
        background-image: url(/static/images/findudid@2x.jpg);
        width: 100%;
        height: 209px;
        background-position: center;
        background-size: contain;
        display: block;
        position: relative;
        left: 0;
    }
    .hdrfinded {
        font-size: 44px;
        line-height: 1.3;
    }
    .guarantee {
        width: 288px;
        height: 46px;
        background-size: 288px 45px;
        margin: 0 auto .6em;
        max-height: none;
    }
    .hdrDownload {
        font-size: 49px;
        line-height: 1.2;
    }
    .ftrNotes ol {
        font-size: 14px;
        line-height: 1.6;
        margin: 0 0 0 10px;
    }
    .h2-dl {
        margin: 10px -16px 0;
        padding: 0 15px 10px 15px;
    }
    .realize-info {
        margin: 0 -17px 0 -15px;
        padding: 12px 15px;
    }
    .betaprofile {
        margin: 0 -17px 0 -15px;
        padding: 12px 15px;
    }
    .betaprofile a {
        float: none;
        text-align: center;
        display: block;
        width: 100%;
        padding: 12px 0;
        margin: 0 0 15px;
        font-size: 18px;
    }
    .downloads-iphone:before,.downloads-ipad:before,.downloads-ipadmini:before {
        float:none;
    }
    .links-iphone,.links-ipad,.links-ipadmini {
        line-height: 28px;
    }
    .links-iphone,.links-ipad {
        margin: 20px 0 40px 0;
    }
    .links-ipadmini {
        margin: 20px 0 40px 0;
    }
    .watchPage {
        padding-bottom: 35px;
    }
    a.watchButtonRegTop {
        padding: 9px 20px;
        font-size: 15px;
    }
    .hdrWatch {
        font-size: 44px;
        margin-top: 40px;
    }
    #watchBetaNumber {
        font-size: 26px;
    }
    .hdrWatch_add {
        font-size: 28px;
        margin: 4px 0 30px;
    }
    .watchOSintro {
        font-size: 20px;
    }
    .col-50, .col-33 {
        width: 100%;
    }
    [class*='col-'] {
        float: left;
        padding: 1.5em 0 1em;
    }
    .watchH2 {
        text-align: center;
        font-size: 34px;
        line-height: 1.2;
        margin: 0;
    }
    .watchImage {
        width: 190px;
        right: -4px;
    }
    .watchImageShadowItem {
        width: 243px;
        height: 343px;
        background-size: 243px 343px;
        background-image: url("/static/res/images/watch-shadow_small.png");
        top: 0;
        left: 53px;
    }
    .watchImageItem {
        width: 185px;
        height: 271px;
        background-size: 185px 271px;
        background-image: url("/static/res/images/watch-face_small.png");
    }
    .watchRow p {
        font-size: 20px;
        line-height: 1.4;
        margin: 0;
        color: #333333;
        text-shadow: 0 0 9px rgba(255, 255, 255, 0.6);
    }
    .paddingWide {
        padding-bottom: 0;
    }
    .watchRow h3 {
        font-size: 28px;
        line-height: 1.14286;
        margin: 20px 0 .35em;
    }
    p.width-90 {
        font-size: 18px;
        line-height: 1.5;
        width: 100%;
    }
    .section-other .col-33 {
        padding: 2em 0;
    }
    .text-center {
        text-align: left;
    }
    .complications-hero, .image-icon-sos, .macunlock-hero {
        margin: 0;
    }
    .watchRow h4 {
        font-size: 28px;
        line-height: 1.14667;
        margin: 20px 0 .35em;
    }
    .smaller, .smaller p, .smaller li {
        text-align: left;
        font-size: 18px;
        line-height: 1.5em;
    }
    .watchNotes {
        padding: 16px;
        padding-top: 4em;
        padding-bottom: 4em;
    }

    /*orderPage*/
    .orderHero {
        background-image: url(/static/images/orderPage/orderHero-small.jpg);
    }
    .orderHero .content {
        max-width: 515px;
        padding-top: 7em;
        padding-bottom: 6.5em;
    }
    .orderHero h1 {
        font-size: 48px;
        letter-spacing: -.012em;
        line-height: 1.1;
        margin-bottom: .4em;
    }
    .orderHero p {
        font-size: 18px;
    }
    .blockForm.content,
    .orderQuestions .content,
    .orderNote .content {
        max-width: 580px;
    }
    .orderQuestions {
        padding: 4em 0;
    }
    .orderQuestions h2 {
        font-size: 32px;
        letter-spacing: -.01em;
    }

    /*help*/
    .helpHero {
        margin-top: -102px;
        padding-top: 5.75em;
        padding-bottom: 3.75em;
        background-image: url("/static/res/images/helpHero-small.jpg");
    }
    .helpContent {
        padding-left: 1.75%;
    }
    .helpPage h1 {
        margin-bottom: .22em;
        font-size: 50px;
        letter-spacing: -.008em;
    }
    .helpHead {
        line-height: 1.33;
        max-width: 435px;
        font-size: 18px;
        letter-spacing: 0;
    }
    .helpContent h2 {
        width: 90%;
        font-size: 26px;
        line-height: 1.25;
        padding: 1.1em 10px 1.1em 0;
        letter-spacing: -.008em;
    }
    .question {
        margin: 0;
    }
    a.question-title:hover h3 {
        text-decoration: none;
    }
    a.question-title:active h3 {
        text-decoration: underline;
    }

    .helpContent h3 {
        margin-bottom: 0;
        margin-top: 0;
    }
    .question-answer {
        padding-right: 15px;
        line-height: 1.6;
    }
    .helpWarning {
        margin-right: -15px;
    }
    .active.helpCategory .helpAccordion {
        padding-bottom: .55em;
    }
    .question.active .question-answer {
        padding-bottom: 5px;
    }
    .helpAccordion {
        line-height: 1.6;
    }
    .helpAccordion h5 {
        font-size: inherit;
        margin-top: .25em;
    }
    .helpAccordion ul+h5 {
        margin-top: 1.25em;
    }
    .helpAccordion p {
        font-size: inherit;
        line-height: inherit;
    }
    .plusicon {width: 8px;padding: 0;}
    .plusicon:after {
        background-position: -43px 0;
        width: 8px;
        height: 8px;
    }
    .category-title .plusicon {width: 10px;}
    .category-title .plusicon:after {
        background-position: -32px 0;
        width: 10px;
        height: 10px;
    }
    .help-notes {
        padding: 4.5em 0;
    }
    .help-notes h2 {
        font-size: 40px;
    }
    .help-notes p {
        font-size: 18px;
        font-weight: 400;
        max-width: 400px;
    }
    .helpWarning {
        padding: .85em;
    }
    .helpList li {
        padding-left: 1.35em;
    }
    .helpList li:before {
        left: .05em;
    }
    .helpWarning p {
        font-size: 14px;
        line-height: 1.45;
    }
    .YandexForm {
        margin-right: -14px;
    }
    .anchorLink {
        top: 8px;
    }
    h5 .anchorLink {
        top: -.75em;
    }
    /*popular*/
    .helpContent .popularQuestions h2 {
        position: relative;
        margin-left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 0;
        display: inline-block;
        width: auto;
        font-weight: 500;
    }
    .popularQuestions ul {
        margin-top: 1em;
        margin-left: -.45em;
        margin-right: -.45em;
        padding: 0;
        font-size: 13.5px;
        line-height: 1.3;
    }
    .popularQuestions ul li {
        padding-left: .35em;
        padding-right: .35em;
    }
    .popularQuestions ul li:hover {
        background: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: inherit;
    }
    .popularQuestions ul li:active {
        background: #ffffff;
        -webkit-box-shadow: 0 1px 0 0 #d5d5d5, 0 0 0 1px #e8e8e8;
        box-shadow: 0 1px 0 0 #d5d5d5, 0 0 0 1px #e8e8e8;
        color: #1280c8;
    }

    /*download*/
    .headDownloadImage {
        background-image: url("/static/res/images/heroDownload-ipad@2x.jpg");
    }
    .headDownload {
        margin-top: -102px;
    }
    .headDownload .content {
        padding-top: 5.75em;
        padding-bottom: 3.75em;
        max-width: 470px;
    }
    .headDownload .content h1 {
        font-size: 47px;
        letter-spacing: -.008em;
        margin-bottom: .25em;
    }
    .headDownload .content p {
        font-size: 18px;
        letter-spacing: 0;
    }
    a.downloadsPromo {
        padding: 3.5em 1em 1em;
        text-align: left;
    }
    a.downloadsPromo span {
        top: 2em;
        margin: 0;
    }
    a.downloadsPromo+p {
        margin-bottom: 2em;
    }
    .application_buy.betas {
        width: 100%;
        margin: 0;
        margin-bottom: 2em;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding: 0 16px 16px;
        font-size: 16px;
    }
    .betaHeader {
        font-size: 28px;
        line-height: 65px;
    }
    .betaPickerHolder {
        margin-left: -16px;
        margin-right: -16px;
    }
    ul.beta-picker2,
    ul.beta-picker2 li {
        padding-left: 8px;
        padding-right: 8px;
    }
    ul.beta-picker2 li:hover {
        background: inherit;
        box-shadow: inherit;
    }
    .application_buy.betas h2 {
        font-size: 24px;
        letter-spacing: -.008em;
        margin-top: 1.35em;
    }
    .application_buy.betas p.realize-info {
        font-size: 14px;
        margin-bottom: .7em;
    }
    .deviceList {
        padding-left: 75px;
    }
    .deviceList ul {
        margin: 2em 0 1.5em;
    }
    .deviceHead:before {
        width: 60px;
        height: 84px;
        margin-top: 0;
    }
    .deviceHead.iphones:before {
        background-size: 48px 69px;
        height: 69px;
    }
    .deviceHead.ipads:before {
        background-size: 60px 84px;
    }
    .deviceHead.profile:before {
        background-size: 54px;
        height: 54px;
        margin-left: 3px;
        margin-top: -2px;
    }
    .deviceHead.tvImage:before {
        background-size: 48px;
        margin-top: 3px;
        height: 48px;
    }

    /*certPage*/
    .certHero .content {
        padding-top: 6em;
        padding-bottom: 4.8em;
        max-width: 580px;
    }
    .certHero h1 {
        font-size: 52px;
        margin-bottom: .35em;
    }
    .certHero .down {
        bottom: .6em;
    }
    .certPrice {
        padding: 2em 0;
    }
    .certPrice .content {
        max-width: 580px;
    }
    .certPriceText {
        padding-right: 170px;
    }
    .certPrice h5 {
        font-size: 22px;
    }
    a.purchaseCert {
        font-size: 15px;
        padding: 8px 20px;
    }

    .certDescription {
        padding: 2.5em 0;
    }
    .certDescrText h2 {
        font-size: 21px;
    }
    .certDescrText {
        font-size: 16px;
    }

    .certUsedto {
        padding: 2em 0;
    }
    .certUsedto ul {
        padding: 1.6em 1.2em;
    }
    .certUsedto .content h3 {
        margin: 0;
        margin-bottom: .75em;
    }
    .certUsedto ul li {
        margin-bottom: 0;
    }
    .certHowTo {
        padding-top: 4em;
        padding-bottom: 3.3em;
    }
    .certHowTo h2 {
        font-size: 42px;
        letter-spacing: -.01em;
    }
    .certHowTo h5 {
        font-size: 16px;
        max-width: 500px;
        line-height: 1.5;
    }
    .signInstruction {
        margin-top: 4.5em;
    }
    .signStep {
        padding: 2.3em 0 1.4em;
        display: block;
        height: auto;
    }
    .stepText {
        display: block;
    }
    .signStep1 .stepText,
    .signStep2 .stepText,
    .signStep3 .stepText {
        padding-left: 4em;
        padding-right: 4em;
    }
    .stepCount {
        margin-top: 0;
    }
    .content .stepText h3 {
        margin: 0;
        margin-bottom: .5em;
    }
    .signStep figure {
        position: relative;
        right: auto;
        left: auto;
        margin: auto;
        margin-top: 1.5em;
        width: 100%;
        background-position: center;
        top: auto;
    }
    a.certOrder {
        padding-top: 6em;
        background-image: url("/static/images/certpage/certOrder_large@2x.jpg");
    }
    a.certOrder p {margin-top: 4.5em;}
    a.certOrder:hover label {border-bottom-color: transparent;}
    a.certOrder:active label {border-bottom-color: inherit;}






}


@media only screen and (max-width: 767px) and (min-resolution: 1.5dppx), only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 767px) and (min-device-pixel-ratio: 1.5) {
    .custom_select:before,.appSubmit:after {
        background-image: url(/static/res/images/mobile-sprites-order@2x.png);
        -webkit-background-size: 320px 297px;
        background-size: 320px 297px;
    }
    .ftrNav:after, .faq dt:before{
        background-image: url(/static/res/images/mobile-sprites@2x.png);
        -webkit-background-size: 320px 606px;
        background-size: 320px 606px;
    }
    .fruityPromoClose:before,.ntsWrap:before,.Sign:after,.Sign-footer:after {
        background-image: url(/static/res/images/mobile-sprites_udid@2x.png);
        -webkit-background-size: 320px 393px;
        background-size: 320px 393px;
    }
    .accept {
        background-image: url(/static/res/images/mobile-paysystems@2x.png);
        -webkit-background-size: 270px 141px;
        background-size: 270px 141px;
    }
    .aboutPic {
        background-image: url(/static/res/images/mobile-whywe@2x.png);
    }
    .picOS {
        background-image:url(/static/images/ios_8.x_beta@2x.jpg);
    }
    .watchImageShadowItem {
        -webkit-background-size: 243px 343px;
        background-size: 243px 343px;
        background-image: url("/static/res/images/watch-shadow_small@2x.png");
    }
    .watchImageItem {
        -webkit-background-size: 185px 271px;
        background-size: 185px 271px;
        background-image: url("/static/res/images/watch-face_small@2x.png");
    }
    .iosbetaHeroImage {background-image: url(/static/images/iosbeta/introHeroBeta@2x.jpg);}
    .compatibleiosImage {background-image: url("/static/images/iosbeta/compatibleios@2x.png");}
    .ready {  background-image: url("/static/images/iosbeta/ios_ready_small@2x.jpg");  }
}




@media only screen and (max-width: 660px) {

    /*betaPage*/

    .howTo .content {
        max-width: 500px;
    }
    .howToList {
        padding-top: 1.2em;
        padding-bottom: 2.8em;
    }
    .howToList li {
        float: none;
        width: 100%;
        margin: 1.6em 0;
    }
    .howToList li:nth-child(odd), .howToList li:nth-child(even) {
        padding-left: 1.6em;
        padding-right: 0;
    }
    .howToList li:nth-child(even):before {
        left: 0;
    }

    .compatibleios {
        padding-top: 3.8em;
        padding-bottom: 4.3em;
    }
    .compatibleios .content {
        text-align: center;
    }
    .compatibleiosImage {
        background-image: url("/static/images/iosbeta/compatibleios-small.png");
        background-size: 160px 219px;
        width: 160px;
        min-height: 219px;
        position: relative;
        right: auto;
        margin: 0 auto;
    }
    .compatibleIosText {
        left: auto;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        top: auto;
        padding: 0;
        max-width: none;
        margin: 1.3em auto 0;
    }
    .compatibleIosText h4 {
        display: inline-block;
        font-size: 13px;
        font-weight: normal;
        text-transform: lowercase;
        border: 1px solid #a6a49b;
        border-radius: 3px;
        line-height: 0;
        padding: .8em .9em;
        color: #8d877b;
        letter-spacing: 0;
        margin: 0 0 17px;
    }
    .compatibleIosText ul {
        text-align: left;
    }
    .compIOSfirstCol {
        padding-right: 2em;
    }


    /*certPage*/
    .certDescription {
        padding: 3.5em 0 0;
        overflow: hidden;
    }
    .certDescription .content {
        display: block;
        max-width: 580px;
        height: auto;
    }
    .certDescrText {
        padding: 0;
        display: block;
        margin: auto;
        font-size: 18px;
        font-weight: 200;
        line-height: 1.45;
    }
    .certDescrText h2 {
        font-size: 34px;
        font-weight: 200;
        line-height: 1.15;
        letter-spacing: -.01em;
        margin-bottom: .55em;
    }
    .certDescrText p{
        -webkit-font-smoothing: auto;
    }
    .certIphone {
        position: relative;
        margin: 1.4em auto 0;
        left: 0;
        background-size: 296px 346px;
        height: 346px;
        width: 296px;
        background-image: url(/static/images/certpage/certIphone-mobile.jpg);
    }
    .certIphone p {
        bottom: 0;
        background: rgba(247, 247, 247, 0.79);
        color: #242424;
        line-height: 2.45;
    }
    .certIphone div span {
        background-image: url(/static/images/certpage/certAppsScreen-mobile.png);
    }
    .certUsedto .content {
        display: block;
        height: auto;
    }
    .certUsedtoCell {
        display: block;
        width: 100%;
        height: auto;
    }
    .certUsedto .certUsedtoCell:first-child {
        padding-right: 0;
        padding-bottom: 17px;
    }
    .certUsedto .certUsedtoCell:last-child {
        padding-left: 0;
    }
    .certUsedto ul {
        padding: 1.3em 1em;
        max-width: 390px;
    }
    .certSpecOffer.content {
        text-align: left;
    }
    .certSpecOffer.content p {
        padding: 3em 1em 1em;
    }
    .certSpecOffer.content p span {
        top: 1.5em;
        margin: 0;
    }

}


@media only screen and (max-width: 660px) and (min-resolution: 1.5dppx), only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 660px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 660px) and (min-device-pixel-ratio: 1.5) {
    .compatibleiosImage {background-image: url("/static/images/iosbeta/compatibleios-small@2x.png");}
}




/*==================================== IPHONE 6 ========================================*/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2) {
    .guarantee {
        width: 343px;
        height: 63px;
        background: url("/static/img/verified@3x.png") no-repeat;
        background-size: 343px 55px;
    }
    .fruityPromo {
        font-size: 13px;
    }
}
/*==================================== IPHONE 6 PLUS RETINA ========================================*/
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .custom_select:before,.appSubmit:after {
        background-image: url(/static/res/images/mobile-sprites-order@3x.png);
        -webkit-background-size: 320px 297px;
        background-size: 320px 297px;
    }
    .ftrNav:after, .faq dt:before{
        background-image: url(/static/res/images/mobile-sprites@3x.png);
        -webkit-background-size: 320px 606px;
        background-size: 320px 606px;
    }
    .fruityPromoClose:before, .ntsWrap:before,.Sign:after,.Sign-footer:after {
        background-image: url(/static/res/images/mobile-sprites_udid@3x.png);
        -webkit-background-size: 320px 393px;
        background-size: 320px 393px;
    }
    .accept {
        background-image: url(/static/res/images/mobile-paysystems@3x.png);
        -webkit-background-size: 270px 141px;
        background-size: 270px 141px;
    }
    .aboutPic {
        background-image: url(/static/res/images/mobile-whywe@3x.png);
    }

    /*========== changes on layout ==========*/
    .fruityPromoLink {
        width: 310px;
        margin: 0 0 0 -155px;
    }
    .fruityPromo {
        font-size: 14px;
    }
    .guarantee {
        width: 382px;
        height: 68px;
        background: url("/static/img/verified@3x.png") no-repeat;
        background-size: 382px 61px;
    }
}

/*=================================== IPAD PORTRAIT LAYOUT ====================================*/

@media screen and (min-width: 768px) and (max-width: 920px) {

    .warning.mob-pad {
        margin-bottom: 40px;
    }
    /*================================ NAV END ====================================*/

    .video {
        width: 720px;
        height: 476px;
    }
    .sign-in-content {
        width: 768px;
        margin: 0 0 0 -25px;
    }
    .Sign:after,.SignCert:after,.ftrNav:after {
        width: 718px;
        left:-30px;
    }
    .note:before, .note:after {
        width: 718px;
        margin-left: -359px;
    }
    .notes {
        display:-moz-inline-box;
        display: inline-block;
        width: 100%;
        padding: 13px 0 13px 0;
    }
    .picOS {
        margin: 1.8em 32px 1.33333em -264px;
    }
    .steps li,.warning {
        margin-left: 34px;
    }
    .system_status {
        font-size: 13px;
        margin: 27px 0 45px 0;
        padding: 5px 0 5px 0;
    }
    .orderFix {
        max-width: 755px;
    }
    .h2-dl {
        margin: -12px -23px 0;
    }
    .orderInfoHead {
        padding: 12px 0 13px 12px;
        font-size: 17px;
    }
    .dl-Info-name {
        padding: 13px 13px;
    }

    .application_buy {
        padding: 25px 22px;
    }
    .application_buy.betas {
        padding: 0 22px 22px;
    }

    .betaprofile a {
        float: none;
        text-align: center;
        display: block;
        width: 100%;
        padding: 7px 0;
        margin: 0 0 15px;
    }
    .steps.faqSteps li {
        margin-left: 0;
    }
    .watchPage {
        background: -moz-linear-gradient(to bottom, #000000 0%,#000000 5%,#393b4b 50%,#fcfcfc 98%,#ffffff 100%);
        background: -webkit-linear-gradient(to bottom, #000000 0%,#000000 5%,#393b4b 50%,#fcfcfc 98%,#ffffff 100%);
        background: linear-gradient(to bottom, #000000 0%,#000000 5%,#393b4b 50%,#fcfcfc 98%,#ffffff 100%);
    }
    .watchContent {
        padding-top: 105px;
    }
    .watchH2 {
        text-align: center !important;
        font-size: 28px;
        line-height: 1.1;
        font-weight: 200;
        letter-spacing: -.008em;
    }
    .watchImage {
        width: 186px;
        right: 0;
    }
    .watchImageItem {
        background-size: 75%;
        width: 246px;
        height: 274px;
    }
    .watchImageShadowItem {
        background-size: 75%;
        top: 0;
        left: 1px;
        height: 344px;
    }
    .watchRow p {
        font-size: 20px;
        line-height: 1.4;
        margin: 0;
    }
    .watchOSintro {
        padding: 0 0 15px 0;
    }
    .paddingWide {
        padding-bottom: 1em;
    }
    p.width-90 {
        font-size: 17px;
    }
    .col-50 {
        width: 48%;
        padding: 2em 2% 2em 0;
    }
    .section-other .col-33 {
        padding-left: 1em;
        padding-right: 1em;
    }
    .watchRow h4 {
        font-size: 28px;
        margin-bottom: 0.3em;
    }
    .smaller, .smaller p, .smaller li {
        font-size: 15px;
        line-height: 1.5;
    }
    section.content.section-other.watchWideContent {
        padding-bottom: 2em;
    }
    .section-other .col-33 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .watchNotes {
        padding: 5.5em 0;
        display: block;
    }
    .watchNotes h5 {
        padding: 0 25px;
    }

    /*help*/
    .helpHero {
        padding-top: 6.5em;
        padding-bottom: 4.3em;
    }
    .helpPage h1 {
        font-size: 57px;
        margin-bottom: .25em;
    }
    .helpHead {
        font-size: 20px;
        line-height: 1.35;
        max-width: 490px;
    }

    /*download*/
    .headDownloadImage {
        background-image: url("/static/res/images/heroDownload-ipad@2x.jpg");
    }
    .headDownload .content {
        padding-top: 6.5em;
        padding-bottom: 4.3em;
        max-width: 510px;
    }
    .headDownload .content h1 {
        font-size: 56px;
        margin-bottom: .3em;
    }
    .headDownload .content p {
        font-size: 19px;
        line-height: 1.35;
    }
    .betaPickerHolder {
        margin-left: -22px;
        margin-right: -22px;
    }
    ul.beta-picker2 {
        padding-left: 22px;
        padding-right: 22px;
    }
    .betaHeader {
        font-size: 30px;
        letter-spacing: -.012em;
        line-height: 65px;
    }
    .application_buy.betas h2 {
        font-size: 26px;
    }
}


@media only screen and (max-width: 565px) {
    /*certPage*/
    .introText h1 {
        font-size: 52px;
    }
    .introText {
        max-width: 75%;
        font-size: 19px;
    }
    .certHero h1 {
        font-size: 47px;
        line-height: 1;
        margin-bottom: .35em;
    }
    .certHero .content {
        font-size: 19px;
        padding-top: 6.5em;
        padding-bottom: 6em;
    }
    .certPrice {
        padding-bottom: 1em;
    }
    .certPriceText {
        padding: 0;
        text-align: center;
    }
    a.purchaseCert {
        position: relative;
        margin: 0;
        top: auto;
        -webkit-transform: none;
        transform: none;
        margin-top: 1.2em;
        margin-bottom: 2.3em;
        padding: 9px 30px;
    }
    .certPriceBorder {
        border-top: 1px solid #dfdfdf;
        padding-top: 1em;
    }
    .certHowTo {
        padding-top: 3.5em;
        padding-bottom: 2em;
    }
    .certHowTo .content {
        text-align: left;
    }
    .certHowTo h2 {
        font-size: 34px;
        font-weight: 200;
        line-height: 1.25;
        margin-bottom: .55em;
    }
    .certHowTo h5 {
        font-size: 18px;
        font-weight: 200;
        line-height: 1.45;
        max-width: none;
        -webkit-font-smoothing: auto;
    }
    .signInstruction {
        margin-top: 4em;
    }
    .signStep {
        padding: 1.8em 0 .9em;
    }
    .signStep1 .stepText,
    .signStep2 .stepText,
    .signStep3 .stepText {
        padding-left: 28px;
        padding-right: 0;
    }
    .stepCount {
        font-size: 2.2em;
    }
    .signStep figure {margin-top: 1em;}
    .signStep1 figure {
        background-size: 290px 170px;
        height: 170px;
    }
    .signStep2 figure {
        background-size: 290px 156px;
        height: 156px;
    }
    .signStep3 figure {
        background-size: 290px 168px;
        height: 168px;
    }
    .signNote {
        padding: 1em;
    }
    a.certOrder {
        background-image: url("/static/images/certpage/certOrder_small.jpg");
    }

}




@media screen and (max-width: 500px) {
    .ready a {
        padding: 6.25em 0 5.9em;
    }
    .headDownloadImage {
        background-image: url("/static/res/images/heroDownload-small@2x.jpg");
    }
    /*help*/
    .helpHero .content {
        max-width: 360px;
    }
    .popularQuestions ul {
        margin-top: .75em;
    }
    .popularQuestions ul li {
        padding-top: .19em;
        padding-bottom: .23em;
    }
    /*download*/
    .headDownload .content {
        max-width: 380px;
    }
    .help-notes p {
        max-width: 340px;
    }
}


@media screen and (max-width: 480px) {

    /*betaPage*/
    .iosbetaHeroMobileImage {
        display: block;
        position: absolute;
        background-image: url("/static/images/iosbeta/introHeroBetaMobileTop.jpg");
        background-size: 397px 320px;
        background-repeat: no-repeat;
        background-position: center;
        width: 397px;
        height: 300px;
        top: -23px;
        right: -13%;
        animation: iosheroMobileImage 1.6s ease forwards 1;
    }
    @-webkit-keyframes iosheroMobileImage {
        0% {top: -4.5%;}
        100% {top: -23px;}
    }
    @keyframes iosheroMobileImage {
        0% {top: -4.5%;}
        100% {top: -23px;}
    }
    .iosbetaHeroImage {
        background-image: url(/static/images/iosbeta/introHeroBetaMobileBottom.jpg);
        background-size: 452px 326px;
        background-position: center top;
        height: 206px;
        width: 452px;
        top: auto;
        left: 50%;
        margin-left: -226px;
        bottom: 1px;
    }
    @-webkit-keyframes iosheroImage {
        0% {bottom: -2%}
        100% {bottom: 1px}
    }
    @keyframes iosheroImage {
        0% {bottom: -2%}
        100% {bottom: 1px}
    }
    .introBack .content {
        padding-top: 14em;
        padding-bottom: 12em;
    }
    .introText {
        max-width: none;
        line-height: 1.45;
    }
    .betaPrice {
        left: 0;
        width: 100%;
        text-align: center;
        padding: .7em 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.7);
        border-color: #ececec;
        color: #555;
        -webkit-backdrop-filter: saturate(250%) blur(8px);
        backdrop-filter: saturate(250%) blur(8px);
    }

    .aboutBeta {
        padding: 4em 0;
    }
    .aboutBeta .content,
    .aboutBeta h3.lighter {
        text-align: left;
    }
    .aboutBeta h3.lighter {
        font-size: 15px;
        text-indent: .1em;
    }
    .aboutBeta h4 {
        font-size: 38px;
        margin-top: .5em;
        margin-bottom: .6em;
    }
    .aboutBeta p {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.55;
    }

    .howToList {
        padding-bottom: 2.3em;
    }
    .howToList li:nth-child(odd), .howToList li:nth-child(even) {
        padding-left: 1.25em;
    }
    .howToList li:before {
        font-size: 150%;
        line-height: 1.05;
    }
    .howToList p {
        font-size: 16px;
        margin-top: .65em;
    }
    .howToList li {
        margin: 1.4em 0;
    }

    /* orderPage */

    .orderHero .content {
        padding-top: 7em;
        padding-bottom: 4.5em;
    }
    .orderHero h1 {
        font-size: 46px;
        letter-spacing: -.01em;
        line-height: 1.05;
        margin-bottom: .4em;
    }
    .orderHero p {
        font-size: 17px;
    }
    .formHeader {
        position: relative;
        line-height: 0;
        top: -18px;
    }
    .formHolder {
        -webkit-box-shadow: 0 1em 3em 0.5em rgba(0, 0, 0, 0.12);
        box-shadow: 0 1em 3em 0.5em rgba(0, 0, 0, 0.12);
    }
    .blockForm.content {
        margin: 0;
        padding: 0;
    }
    .mobileOrderCost {
        display: block;
        margin-top: .15em;
    }
    .costPercent {
        bottom: 16px;
    }
    .orderSubmit {
        width: 158px;
    }
    .orderSubmit button {
        padding: 7px 20px;
    }

    /*check*/
    a.registerFoundUdid {
        font-size: 16px;
        margin-bottom: .7em;
    }
}

@media only screen and (max-width: 480px) and (min-resolution: 1.5dppx), only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 480px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 1.5) {

    .iosbetaHeroMobileImage {background-image: url("/static/images/iosbeta/introHeroBetaMobileTop@2x.jpg");  }
    .iosbetaHeroImage {background-image: url(/static/images/iosbeta/introHeroBetaMobileBottom@2x.jpg);}
}


@media screen and (max-width: 410px) {
    ul.beta-picker2, ul.beta-picker2 li {
        padding-left: 12px;
        padding-right: 12px;
    }
    .deviceList {
        padding-left: 54px;
    }
    .deviceHead.ipads:before {
        background-size: 44px 62px;
    }
    .deviceHead:before {
        width: 44px;
        background-position: left top;
    }
    .deviceHead.profile:before {
        background-size: 44px;
        height: 44px;
        margin-left: 0;
        margin-top: 3px;
    }
    .deviceHead.iphones:before {
        background-size: 42px 60px;
        height: 60px;
    }
    .deviceHead.tvImage:before {
        background-size: 39px;
        margin-top: 7px;
        height: 39px;
    }
    /*cert*/
    .certPrice h5 {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .certPrice h5 small {
        top: 2.55em;
        margin-left: -2.2em;
    }


}


@media screen and (max-width: 370px) {

    /*betaPage*/
    .compatibleIosText {
        display: inline-block;
    }
    .introText h1 {
        font-size: 45px;
    }
    .compatibleIosText .deviceList ul {
        padding: 0 3em;
        display: block;
    }
    /*certPage*/
    .certHero .content {
        padding-top: 6em;
        padding-bottom: 5em;
    }
    .certPriceText p {
        font-size: 12px;
    }
    /*orderPage*/
    .bottomForm p {
        font-size: 18px;
    }


}

@media screen and (max-width: 330px) {
    .certIphone {
        left: -4px;
    }
}


@media only screen and (min-resolution: 1.5dppx) and (min-width: 768px) and (max-width: 920px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) and (max-width: 920px) {
    .note:before,.note:after,.Sign:after,.SignCert:after,.ftrNav:after {
        background-image: url(/static/res/images/line@2x.png);
        -webkit-background-size: 728px 3px;
        background-size: 728px 3px;
    }
    .accept {
        background-image: url(/static/res/images/paysystems@2x.png);
        -webkit-background-size: 715px 42px;
        background-size: 715px 42px;
    }

}

/* iphone X landscape */
@media screen and (height: 375px) and (width: 812px) and (-webkit-device-pixel-ratio: 3) {
    .content, .contentnote, .ntsWrap, .mSctWrap {
        padding-left: 45px;
        padding-right: 45px;
    }
}
.nav_fix, .nav_list, .ftrLinks, .bottomPaysystem{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}