@charset "utf-8";
p, blockquote, li, dd {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}
body {
    background-color: #f7f7f7;
}
.backApps * {
    -webkit-tap-highlight-color: initial;
}
.backApps {
    margin: -130px 0 0px;
    padding: 130px 0 0;
    overflow: hidden;
}

/*submenu*/
.vkSubmenu {
    position: absolute;
    z-index: 100;
    top: 40px;
    width: 100%;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    opacity: 0;
    transition: .3s .5s ease-out;
    -webkit-user-select: none;
    user-select: none;
}
.is-shown .vkSubmenu {
    top:52px;
    opacity: 1;
}

.vkSubmenu .content {
    height: 52px;
    overflow: hidden;
    text-align: right;
}
.vkSubmenu ul {
    margin: 0 -1em;
    font-size: 14px;
    line-height: 52px;
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 18px;
}
.vkSubmenu ul li {
    display: inline-block;
    padding: 0 1em;
    margin: 0;
}
.vkSubmenu .content h3 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: 0;
    font-weight: 500;
    color: #616161;
}
.vkSubmenu ul li a {
    display: block;
    position: relative;
    text-decoration: none;
}
.hover .vkSubmenu ul li a:after {
    font-family: "icons";
    alt: "";
    content: "";
    font-size: 1.3em;
    line-height: 0;
    color: inherit;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 17px;
    opacity: 0;
    -webkit-transition: .25s ease;
    transition: .25s ease;
}
.hover .vkSubmenu ul li:hover a:after {
    opacity: 1;
    bottom: 11px;
}
span.submenuBonus {
    position: absolute;
    bottom: 11px;
    left: 0;
    text-align: center;
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 10px;
    font-weight: 600;
    color: #ea7623;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.hover .vkSubmenu ul li:hover span.submenuBonus {
    opacity: 0;
    bottom: 7px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

/* intro */
.introApps {
    margin: 4em 0;
    position: relative;
    top: -.8em;
    opacity: 0;
}
.is-shown .introApps {
    top: 0;
    opacity: 1;
    -webkit-transition: opacity 1s .8s linear, top 1s .8s cubic-bezier(.4, .25, .3, .9);
    transition: opacity 1s .8s linear, top 1s .8s cubic-bezier(.4, .25, .3, .9);
}
.introApps .content {
    max-width: 650px;
}
.vklogo {
    display: block;
    background-image: url("/static/images/apps/iconSticker.jpg");
    background-repeat: no-repeat;
    width: 106px;
    height: 94px;
    background-size: 94px 94px;
    margin: 0 auto 32px;
    background-position: 12px 0;
}
.introApps h1 {
    font-size: 54px;
    font-weight: 400;
    letter-spacing: -.03em;
    margin-bottom: .4em
}
.introApps .lighter {
    font-weight: 100;
    color: #434343;
    letter-spacing: -.012em;
    text-rendering: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: inherit;
}
.introApps h2 {
    font-size: 20px;
    font-weight: 200;
    color: #909090;
    line-height: 1.35;
    margin: -.4em 0 1.2em;
}
.introApps h5 {
    color: #f97900;
    position: relative;
    margin: 0 0 1em;
    top: -0.7em;
    font-size: 11px;
    display: inline-block;
    border: 1px solid;
    border-radius: 3px;
    line-height: 1;
    padding: 4px 7px 3px;
}
.introApps p {
    font-size: 23px;
    line-height: 1.38;
    font-weight: 300;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: .4em;
}
.normalStrong {
    font-weight: normal;
    color: #222;
}
.introApps a {
    font-size: 20px;
    font-weight: 200;
    display: inline-block;
    line-height: 1;
    padding: .6em 1.1em;
    text-decoration: none;
}

/* phone images */
.heroImageRow {
    white-space: nowrap;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 725px;
    opacity:0;
}
.is-shown .heroImageRow {
    opacity: 1;
    -webkit-transition:opacity .2s 1s linear;
    transition:opacity .2s 1s linear;
}
.gridCenter {
    position: absolute;
    left: 50%;
    margin: 0 auto;
    text-align: left;
    width: 0;
}
.iPhoneDevice.image1 {
    background-image: url("/static/images/apps/iphone/iphone-silver-large-1.png") !important;
}
.iPhoneDevice.image2 {
    background-image: url("/static/images/apps/iphone/iphone-silver-large-2.png") !important;
}
.iPhoneDevice.image3 {
    background-image: url("/static/images/apps/iphone/iphone-silver-large-3.png") !important;
}
.iPhoneDevice.image4 {
    background-image: url("/static/images/apps/iphone/iphone-silver-large-4.png") !important;
}
.iPhoneDevice.image5 {
    background-image: url("/static/images/apps/iphone/iphone-silver-large-5.png") !important;
}
.iPhoneDevice {
    background-image: url("/static/images/apps/iphone/large/iphone-silver-large.png");
    width: 351px;
    height: 660px;
    background-size: 351px 660px;
    margin: 0 -10px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.iPhoneDevice.image1 {z-index:22}
.iPhoneDevice.image2 {z-index:11}
.iPhoneDevice.image1,
.iPhoneDevice.image3,
.iPhoneDevice.image5 {
    -webkit-transform: translate3d(-836px, 0, 0);
    transform: translate3d(-836px, 0, 0);
    -webkit-animation: topDevices 1s 1s 1 forwards ease;
    animation: topDevices 1s 1s 1 forwards ease;
}
.iPhoneDevice.image2,
.iPhoneDevice.image4 {
    -webkit-transform: translate3d(-836px, 64px, 0);
    transform: translate3d(-836px, 64px, 0);
    -webkit-animation: bottomDevices 1.2s 1s 1 forwards ease;
    animation: bottomDevices 1.2s 1s 1 forwards ease;
}
@-webkit-keyframes topDevices {
    0% {opacity: 0;-webkit-transform: translate3d(-836px, 110px, 0);}
    100% {opacity: 1;-webkit-transform: translate3d(-836px, 0, 0);}
}
@keyframes topDevices {
    0% {opacity: 0;transform: translate3d(-836px, 110px, 0);}
    100% {opacity: 1;transform: translate3d(-836px, 0, 0);}
}
@-webkit-keyframes bottomDevices {
    0% {opacity: 0;-webkit-transform: translate3d(-836px, 0, 0);}
    100% {opacity: 1;-webkit-transform: translate3d(-836px, 64px, 0);}
}
@keyframes bottomDevices {
    0% {opacity: 0;transform: translate3d(-836px, 0, 0);}
    100% {opacity: 1;transform: translate3d(-836px, 64px, 0);}
}
.screen {
    width: 260px;
    height: 462px;
    background-size: 260px 462px;
    background-repeat: no-repeat;
    top: 86px;
    left: 47px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition: -webkit-transform .25s 2s ease, opacity .25s 2s linear;
    -webkit-transition: transform .25s 2s ease, opacity .25s 2s linear;
    transition: -webkit-transform .25s 2s ease, opacity .25s 2s linear;
    transition: transform .25s 2s ease, opacity .25s 2s linear;
}
.is-shown .screen {
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    opacity: 1;
}
.screen1 {background-image: url("/static/images/apps/iphone/large/screen1-large.jpg");}
.screen2 {background-image: url("/static/images/apps/iphone/large/screen2-large.jpg");}
.screen3 {background-image: url("/static/images/apps/iphone/large/screen3-large.jpg");}
.screen4 {background-image: url("/static/images/apps/iphone/large/screen4-large.jpg");}
.screen5 {background-image: url("/static/images/apps/iphone/large/screen5-large.jpg");}


/* HIW */
.appsHIW {
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 80%);
    background-image: linear-gradient(to bottom, #f7f7f7 0%, #ffffff 80%);
    padding: 2em 0 4em;
}
.hiwText h2 {
    font-size: 48px;
    line-height: 1.15;
    font-weight: 200;
    letter-spacing: -0.02em;
    margin: 0;
    margin-bottom: .45em;
}
.hiwText p {
    font-size: 20px;
    line-height: 1.45;
    max-width: 650px;
    margin: 0 auto;
    font-weight: 200;
}
.aboutApp {
    position: relative;
    opacity: 0;
    padding-top: 3.5em;
}
.is-shown .aboutApp {
    opacity: 1;
    -webkit-transition: opacity .8s 1.5s linear;
    transition: opacity .8s 1.5s linear;
}
.aboutApp h2 {
    font-size: 40px;
    line-height: 1.15;
    font-weight: 300;
    letter-spacing: -0.02em;
    margin: .32em 0 .42em;
}
.aboutApp p {
    font-size: 18px;
    line-height: 1.4446;
    max-width: 630px;
    margin: 0 auto;
    margin-bottom: 4em;
}
.aboutAppRow {
    display: table;
    width: 100%;
    position: relative;
}
.aboutAppsell {
    display: table-cell;
    width: 33.33%;
    position: relative;
    vertical-align: top;
}
.appDevider {
    display: inline-block;
    margin-left: -6px;
    margin-top: 4px;
    position: absolute;
}
.appDevider:before {
    display: block;
    font-family: "icons";
    content: "";
    font-size: 24px;
    font-weight: 400;
}
.aboutAppContent {
    font-size: 15px;
    line-height: 1.45;
    padding: 0 1.2em;
}
.aboutAppContent figure {
    width: 56px;
    height: 50px;
    margin: 0 auto 1.5em;
    background-image: url(/static/images/apps/apps-hiw.svg);
    background-size: 210px;
    background-repeat: no-repeat;
}
figure.orderIcon {
    background-position: -6px -2px;
}
figure.resignIcon {
    background-position: -74px -3px;
}
figure.installIcon {
    background-position: -141px -3px;
}
.content .aboutAppContent h3 {
    text-align: inherit;
    font-weight: 500;
    letter-spacing: 0;
    font-size: inherit;
    line-height: 1.32;
    margin: 0 0 .45em;
}
.aboutAppContent p {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    color: #888;
}
a.aboutAppMore {
    font-size: 20px;
    padding-left: .9em;
    padding-right: .9em;
    font-weight: 200;
    display: inline-block;
    line-height: 1;
    padding: .6em 1.1em;
    text-decoration: none;
    margin-top: 2em;
}

/* prefer */
.ourPref {
    position: relative;
    background: #e3f1ff;
    background-image: -webkit-linear-gradient(top, #ddf0ff 0%, #fbecff 100%);
    background-image: linear-gradient(to bottom, #ddf0ff 0%, #fbecff 100%);
    padding: 5em 0 3em;
    box-shadow: 0 1px 0px #c8d7e4 inset, 0 -1px 0px #ffffff inset, 0 -2px 0px #eadbef inset;
}
.ourPref .prefHolder {
    background: #fff;
    max-width: 600px;
    padding-top: 2em;
    padding-bottom: 2.4em;
    box-shadow: 0 10px 46px rgba(0, 0, 0, 0.11);
    z-index: 2;
    text-align: left;
}
.ourPref h3 {
    margin-top: 0;
    margin-bottom: .45em;
    font-size: 29px;
    letter-spacing: -.015em;
    font-weight: 300;
    line-height: 1.1;
}
.ourPref h3+p {
    margin: 0;
    line-height: 1.35;
    font-weight: 300;
    font-size: 19px;
}
.ourPref figure {
    display: block;
    background-repeat: no-repeat;
    margin: 0 0 1.5em;
    width: 44px;
    height: 38px;
    background-image: url(/static/images/iosbeta/icon-whywe_small.svg);
    background-size: 44px;
}
.ourPref ul {
    font-size: 16px;
    line-height: 1.4;
    margin: 1em 0;
}
.ourPref ul li {
    padding-left: 1.2em;
    margin-left: 1.2em;
    margin-top: .45em;
    position: relative;
}
.ourPref ul li:before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #61c1ef;
    border-radius: 50%;
    position: absolute;
    left: -.1em;
    top: .45em;
}
.ourPref .prefButton {
    text-align: center;
    margin-top: 1.8em;
}
.ourPref .prefButton a {
    text-decoration: none;
    font-size: 16px;
    padding: .7em 1.8em;
    display: inline-block;
    line-height: 1;
    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);
}
.ourPref .prefButton a: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%);
}

.prefInfo {
    display: block;
    max-width: 262px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.45;
    padding-top: 2.8em;
    text-align: center;
}
.prefInfo h5 {
    margin: 0 0 .35em;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: inherit;
    position: relative;
}
.prefInfo p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: #95879c;
    font-weight: 500;
}
.prefInfo p a {
    color: inherit;
    text-decoration: underline;
}
.prefInfo h5 small {
    position: absolute;
    top: -0.65em;
    margin-left: .4em;
    font-size: 15px;
    line-height: 0;
    font-weight: 600;
    color: #bb92b8;
    text-decoration: line-through;
}
.prefInfo h5 .appPrice {
    font-size: 150%;
    color: #8558aa;
    line-height: 0;
}
.appPrice span {
    font-size: 90%;
    padding-left: .1em;
}

/* about VK */
.aboutVKS {
    position: relative;
    padding: 5.5em 0 4em;
}
.lighterHead {
    font-size: 11px;
    font-weight: 600;
    color: #ea7e20;
    border: 1px solid;
    border-radius: 3px;
    padding: 3px 7px;
}
.aboutVKS h2 {
    font-size: 40px;
    line-height: 1.15;
    font-weight: 300;
    letter-spacing: -0.02em;
    margin: .32em 0 .42em;
}
.aboutVKS p {
    font-size: 18px;
    line-height: 1.4446;
    max-width: 630px;
    margin: 0 auto;
    margin-bottom: 4em;
}
.aboutVKrow:before,
.aboutVKrow:after,
.aboutVKsell:before,
.aboutVKsell:after {
    display: table;
    content: "";
}
.aboutVKrow {
    text-align: left;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}
.aboutVKsell {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: top;
    position: relative;
    padding: 4px;
}
.aboutVKrow .aboutVKsell:first-child {
    padding-left: 0;
}
.aboutVKrow .aboutVKsell:last-child {
    padding-right: 0;
}
.sellContent {
    display: block;
    position: relative;
    padding: 1.4em 2em 2em;
    height: 100%;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 0 #dddddd, 0 0 0 1px #efefef;
    box-shadow: 0 1px 0 0 #dddddd, 0 0 0 1px #efefef;
}

.aboutVKS .aboutVKrow p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}
.aboutVKrow figure {
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    background-image: url("/static/images/apps/sprites.png");
    background-repeat: no-repeat;
    background-size: 198px 30px;
}
.hideIcon {background-position: 0 4px;}
.coloredIcon {background-position: -68px 2px;}
.pushIcon {background-position: -103px 1px;}
.toolsIcon {background-position: -33px 2px;}
.fingerPrintIcon{background-position: -137px 1px}
.musicIcon {background-position: -171px 2px}

/*questions*/
.appsQuestions,
.appsQuestions .active.helpCategory {
    position: relative;
    background: #fff;
}
.appsQuestions .helpCategory .content {
    max-width: 768px;
}


/*install*/
.installBlock {
    opacity: 0;
    padding: 2em 0;
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 3%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 3%);
    position: relative;
    border-bottom: 1px solid #d6d6d6;
}
.is-shown .installBlock {
    opacity: 1;
    -webkit-transition: opacity .7s 1s;
    transition: opacity .7s 1s;
}
.installBlock .content {
    text-align: left;
    position: relative;
    max-width: 768px;
}
.installBlock h2 {
    font-size: 46px;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -.012em;
    margin: 0;
    padding: .9em 0 0.5em;
}


.fakeBack {
    display: block;
    background: 0;
    padding-top: .4em;
    height: 55px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
    pointer-events: none;
    -webkit-transition: height .3s ease, background .3s ease, top .3s ease;
    transition: height .3s ease, background .3s ease, top .3s ease;
}
.sticky .fakeBack {
    background: rgba(243, 248, 255, 0.88);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09), 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09), 0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-backdrop-filter: saturate(300%) blur(10px);
    backdrop-filter: saturate(300%) blur(10px);
    height: 47px;
    width: 100%;
    position: fixed;
    top: 0;
    padding: 0;
    margin-top: 52px;
}


/*picker*/
.pickerPlaceholder {
    height: 47px;
    line-height: 46px;
    position: relative;
    text-align: right;
    margin-top: -35px;
    margin-bottom: -0.6em;
    -webkit-transition: line-height .3s ease, opacity .3s ease, height .3s ease, box-shadow .3s ease, backgroung .3s ease;
    transition: line-height .3s ease, opacity .3s ease, height .3s ease, box-shadow .3s ease, backgroung .3s ease;
}
.notAuthorized .pickerPlaceholder {
    margin-bottom: 0;
}
.pickerPlaceholder * {
    -webkit-transition: inherit;
    transition: inherit;
}
.updateInfo {
    text-align: left;
    display: block;
    position: relative;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: inherit;
    z-index: 120;
    /*pointer-events: none;*/
    -webkit-transition: top .3s ease, opacity .25s, left 0s;
    transition: top .3s ease, opacity .25s, left 0s;
}
.appPicker {
    display: inline-block;
    text-align: right;
    position: relative;
    font-size: 14px;
    height: auto;
    line-height: inherit;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    max-width: 100%;
    z-index: 110;
    padding: 0 1.2em;
    margin: 0 -1.2em;
    border-radius: 2px;
}
.appPicker p {
    margin: -1px 0 0;
    padding-bottom: 1px;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.appPicker p:after {
    display: inline-block;
    font-family: "icons";
    alt: "";
    content: "";
    font-weight: 400;
    font-size: 21px;
    line-height: inherit;
    position: relative;
    top: 1px;
    padding-left: .45em;
}
.appPickerContent {
    position: relative;
}

.appPicker p span,
.appPicker p:after,
.appPicker p:before {/*fuckin' fix*/
    -webkit-transition: -webkit-transform .3s ease, color 0s;
    transition: -webkit-transform .3s ease, color 0s;
    transition: transform .3s ease, color 0s;
    transition: transform .3s ease, -webkit-transform .3s ease, -ms-transform .3s ease, color 0s;
}
.fakeSelect {
    max-height: 50vh;
    position: relative;
    overflow: hidden;
    margin: 0;
    pointer-events: none;
    line-height: inherit;
    font-size: inherit;
    padding-bottom: .8em;
    margin-top: -8px;
}
.orderInfoApps {
    border-right: 1px solid #616161;
    margin-right: 11px;
    padding-right: 13px;
}

.appPicker p span.orderInfoAppsHead,
.appPicker p span.orderInfoApps {
    transition: font-weight .25s, font-size .25s, opacity .15s;
}
.pickerOpen .orderInfoAppsHead {
    font-weight: 600;
    font-size: 16px;
}
.pickerOpen .orderInfoApps {
    opacity: 0;
    pointer-events: none;
}


.pickerOpen .fakeSelect {
    pointer-events: auto;
    overflow: auto;
}
.pickerOpen .appPicker {
    background: #fff;
    box-shadow: 0 19px 36px rgba(0, 0, 0, 0.2);
}
.pickerOpen .appPicker p {
    color: #353535;
}
.pickerOpen .appPicker p:after,
.pickerOpen .appPicker p:before {
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1);
}
ul.fakeSelect li {
    margin: 0;
    opacity: 0;
    line-height: 0px; /*px is important*/
    -webkit-transition: line-height .1s ease, opacity .1s ease;
    transition: line-height .1s ease, opacity .1s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pickerOpen ul.fakeSelect li {
    line-height: 26px;
    opacity: 1;
    -webkit-transition: line-height .3s ease, opacity .3s .05s ease, padding .25s ease;
    transition: line-height .3s ease, opacity .3s .05s ease, padding .25s ease;
}
.hover ul.fakeSelect li:hover {
    padding: 0 .25em;
}
ul.fakeSelect li.activeTab {
    color: #b1b1b1;
    pointer-events: none;
}
ul.fakeSelect li.activeTab:before {
    content: "";
    font-family: "icons";
    font-size: 150%;
    line-height: inherit;
    margin-top: 1px;
    display: inline-block;
    position: absolute;
    margin-left: -25px;
}
.certStatus {
    color: #c44320;
    font-weight: 600;
}
a.identificationButton {
    text-align: center;
    padding: 5px 20px;
    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);
    text-decoration: none;
}
a.identificationButton:hover,
a.identificationButton: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%);
}
.installWindowBack a.identificationButton.link {
    display: inline-block;
    font-size: 16px;
    margin-top: .5em;
}
.installWindow .content small {
    font-size: .7em;
    display: block;
    line-height: 1.2;
    color: #929292;
    margin-top: 1em;
}

/*sticky active*/

.sticky .appPicker {
    position: fixed;
    top: 52px;
    width: 100%;
    right: 0;
}
.sticky .updateInfo {
    position: fixed;
    top:52px;
}
.sticky .appPickerContent {
    max-width: 768px;
    margin: 0 auto;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pickerOpen .sticky .appPicker {
    -webkit-box-shadow: 0 4px 13px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.2);
}


/*sticky hidden*/
.sticky.stickyHide .fakeBack,
.sticky.stickyHide .appPicker,
.sticky.stickyHide .updateInfo{
    pointer-events: none;
    opacity: 0;
    top:0;
    -webkit-transition: .45s ease-in-out, color 0s;
    transition: .45s ease-in-out, color 0s;
}
.sticky.stickyHide .fakeBack {
    top:-52px;
}


.installHolder {
    position: relative;
    margin-bottom: 1.9em;
    margin-top: .5em;
}
.change .installHolder {
    -webkit-animation: change .45s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    animation: change .45s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
@-webkit-keyframes change {
    0%,100% {  bottom: 0;  opacity: 1;  }
    40% {  bottom: -10px;  opacity: 0;  }
    41% {  bottom: -25px;  opacity: 0;  }
}
@keyframes change {
    0%,100% {  bottom: 0;  opacity: 1;  }
    40% {  bottom: -10px;  opacity: 0;  }
    41% {  bottom: -25px;  opacity: 0;  }
}
.appDownload+.appDownload {
    margin-top: 1em;
}
.appDownload {
    padding: 50px;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 #dadada, 0 0 0 1px #ececec;
    box-shadow: 0 1px 0 #dadada, 0 0 0 1px #ececec;
    position: relative;
}
.appDownload.newApp:after,
.appDownload.soonApp:after {
    display: block;
    content: "Новое";
    position: absolute;
    top: 1.3em;
    right: 1.3em;
    line-height: 0;
    font-size: 11px;
    background: #f2571f;
    color: #fff;
    font-weight: 600;
    padding: 10px 7px;
    border-radius: 2px;
}
.appDownload.soonApp:after {
    content: "Скоро";
    background: 0;
    color: #f2571f;
    border: 1px solid;
}
.appDownload.exclusiveApp.newApp:after,
.appDownload.recommededApp.newApp:after {
    background: 0;
/*  color: #f2571f;*/
    color: #41a39b;
    border: 1px solid;
}
.appDownload.exclusiveApp.newApp:after {
    content: "Эксклюзивно";
}
.appDownload.recommededApp.newApp:after {
    content: "Рекомендуем";
}
.appBlock {
    display: block;
    padding-left: 115px;
    position: relative;
    font-size: 14px;
    line-height: 1.45;
}
.appHead:before {
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    background-size: 80px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    -webkit-border-radius: 23%;
    border-radius: 23%;
}
.appHead.vkIcon:before {background-image: url("/static/images/apps/appicon/vk.svg");}
.appHead.instagramIcon:before {background-image: url("/static/images/apps/appicon/instagram.svg");}
.appHead.ytIcon:before {background-image: url("/static/images/apps/appicon/yt.svg");}
.appHead.whatsappIcon:before {background-image: url("/static/images/apps/appicon/whatsapp.jpg")}
.appHead.lazytoolIcon:before {background-image: url("/static/images/apps/appicon/lazytool.jpg")}
.appHead.glazbaIcon:before {background-image: url("/static/images/apps/appicon/glazba.svg");}
.appHead.deezerIcon:before {background-image: url("/static/images/apps/appicon/deezer.jpg");}
.appHead.spotifyIcon:before {background-image: url("/static/images/apps/appicon/spotify.jpg");}
.appHead.sleepcycleIcon:before {background-image: url("/static/images/apps/appicon/sleepcycle.jpg");}
.appHead.ytmusicIcon:before {background-image: url("/static/images/apps/appicon/ytmusic.jpg");}
.appHead.vpnIcon:before {background-image: url("/images/apps/appicon/vpnicon.jpg");}
.appHead.itransmissionIcon:before {background-image: url("/static/images/apps/appicon/itransmission.jpg");}
.appHead.itorrentIcon:before {background-image: url("/static/images/apps/appicon/itorrent.jpg");}
.appHead.mytunerIcon:before {background-image: url("/static/images/apps/appicon/mytuner.jpg");}
.appHead.taxiIcon:before {background-image: url("/static/images/apps/appicon/taxi.jpg");}
.appHead.focosproIcon:before {background-image: url("/static/images/apps/appicon/focospro.jpg");}
.appHead.tinderIcon:before {background-image: url("/static/images/apps/appicon/tinder.jpg");}
.appHead.tiktokIcon:before {background-image: url("/static/images/apps/appicon/tiktok.jpg");}
.appHead.tvplusIcon:before {background-image: url("/static/images/apps/appicon/tvplus.jpg");}
.appHead.yamusicIcon:before {background-image: url("/static/images/apps/appicon/yamusic.jpg");}
.appHead.inshotIcon:before {background-image: url("/static/images/apps/appicon/inshot.jpg");}
.appHead.smuleIcon:before {background-image: url("/static/images/apps/appicon/smule.jpg");}
.appHead.booksIcon:before {background-image: url("/static/images/apps/appicon/books.jpg");}
.appHead.soonIcon:before {
    background: -webkit-linear-gradient(top, #e6e6e6, #ececec);
    background: linear-gradient(to bottom, #e6e6e6, #ececec);
}
.appBlock h3 {
    display: block;
    margin: 0;
    font-size: 27px;
    line-height: 1.25;
    margin-bottom: .2em;
    letter-spacing: -.013em;
}
.appBlock h3 span {
    font-weight: 600;
    letter-spacing: 0;
    font-size: 11px;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 1;
    padding: 3px 5px 2px;
    position: relative;
    top: -4px;
    white-space: nowrap;
    background: #a9a9a9;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.appBlock h3 span+span {
    margin-left: .45em;
}
.appBlock h3+span,
.appBlock h3+span+span {
    display: block;
    margin: 0;
    color: #999;
    font-size: 12px;
    line-height: 1.45;
}
.appBlock h3+span+span {
    margin-top: .25em;
}
.appInfo {
    display: block;
    margin-top: 1em;
}
.appInfo p {
    margin: 0;
    margin-bottom: .45em;
    font-size: inherit;
    line-height: inherit;
}
.helpCategory.appsAccordion {
    display: block;
    border: 0;
    min-height: 23px;
    background: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.helpCategory.appsAccordion .category-title {
    display: block;
    position: absolute;
    bottom: 0;
    color: #1280c8;
    -webkit-transition: .2s;
    transition: .2s;
}
.helpCategory.appsAccordion .category-title:after {
    display: inline-block;
    content: "";
    alt: "";
    font-family: "icons";
    font-size: 110%;
    padding-left: .2em;
    font-weight: 400;
}
.active.helpCategory.appsAccordion .category-title {
    opacity: 0;
    pointer-events: none;
}

.helpCategory.appsAccordion .helpAccordion {
    font-size: inherit;
    line-height: inherit;
    padding: 0;
}
.helpCategory.appsAccordion .helpAccordion p,
.helpCategory.appsAccordion .helpAccordion ul li+li {
    margin: 0;
    margin-top: .45em;
}
.helpCategory.appsAccordion .helpAccordion h4 {
    margin-top: .5em;
}
.helpCategory.appsAccordion .helpAccordion *+h4 {
    margin-top: 1em;
}
.appsAccordion .helpAccordion ul {
    list-style-type: disc;
    margin: .8em 0;
    margin-left: 1.85em;
    font-size: inherit;
    line-height: inherit;
}
.helpCategory.appsAccordion .helpWarning p {
    margin: 0;
    font-size: 13px;
}
.versLink {
    display: table;
    width: 100%;
    position: relative;
    margin-top: 2em;
    padding-top: 1.8em;
    border-top: 1px solid #d8d8d8;
}
.appVers {
    color: #888;
    font-size: 12px;
    display: table-cell;
    max-width: 40%;
    vertical-align: middle;
    padding-right: 20px;
}
.appVers p {
    margin: 0;
    margin-top: 0.45em;
    font-size: 10px;
    font-weight: 600;
    line-height: inherit;
    position: absolute;
    color: #acacac;
}
.appVers p+p {
    margin-top: 1.55em;
}
.inlineApptext {
    color: #6d6d6d;
    margin-right: 10px;
    font-size: inherit;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 600;
    border: 1px solid #b1b1b1;
    border-radius: 2px;
    line-height: 0;
    padding: 11px 7px 9px;
}
.linkHolder {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    min-width: 205px;
}
.versLink a {
    display: inline-block;
}
.versLink a+a {
    margin-left: 1.5em;
}
.versLink a.appButtonInstall {
    text-align: center;
    padding: 5px 20px;
    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);
    text-decoration: none;
}
.versLink a.appButtonInstall: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%);
}
a.appButtonInstall.notAuthorized,
a.appButtonInstall.notPaidButton,
a.identificationButton.link.disabledIDButton,
.revokedlink:not(.dnsCheckerON) a.appButtonInstall {
    opacity: .45;
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(100%);
}

a.identificationButton.link.disabledIDButton {
    pointer-events: none;
}
a.noUnderline {
    text-decoration: none;
}
.notPaid {
    color: #ca831d;
    border: 1px solid;
    border-radius: 3px;
    padding: 3px 9px;
    margin-right: 5px;
}
.disableLinks .desktopDownload {
    color: #b1b1b1;
    pointer-events: none;
}
p.unavailable {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #a4a4a4;
    line-height: 1.35;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}
.sourceApp {
    color: #aaaaaa;
    font-size: 12px!important;
    margin-top: 1em!important;
}
.sourceApp a {
    color: inherit;
    text-decoration: underline;
}
.sourceApp a:hover {
    color: #1280c8;
    text-decoration: none;
}
.installHolder h6 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .07em;
    font-size: 17px;
    line-height: 1;
    margin: 2.5em 0 1.3em;
    position: relative;
}
.appsAnchor {
    top: -50px;
}
a.needMoreApps {
    background: #b0b2b5;
    margin-top: 2.5em;
    color: #fff;
    padding: 1.2em 1.4em;
    font-size: 14px;
    line-height: 1.45;
    border-radius: 2px;
    box-shadow: 0 1px 0 #ffffff;
    display: block;
    text-decoration: none;
    -webkit-transition: .25s;
    transition: .25s;
}
a.needMoreApps:hover {
    background: #2f92d2;
}

.important-message {
    position: fixed;
    z-index: 100;
    width: 100%;
    margin: 0;
    left: 0;
    padding: 0;
    text-align: center;
    -webkit-transition: .35s ease;
    transition: .35s ease;
}
.visiblePlace .important-message {
    opacity: 1;
    pointer-events: auto;
    bottom: 1em;
}
.important-message, .stickyHide .important-message {
    opacity: 0;
    bottom: -.5em;
    pointer-events: none;
}
.important-message p {
    margin: 0 auto;
    max-width: 590px;
    font-size: 13px;
    line-height: 1.35;
    padding: .9em 1.1em;
    background: rgba(180, 83, 25, 0.9);
    border-radius: 13px;
    color: #f5f5f5;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: saturate(250%) blur(6px);
    backdrop-filter: saturate(250%) blur(6px);
}
.important-message p a {
    color: inherit;
    text-decoration: underline;
}
.picker-group.lockedCert {
    display: none;
}
.orderStatusApps {
    border: 1px solid;
    border-radius: 3px;
    padding: 2px 5px;
    margin-left: 4px;
}
.orderStatusApps.expiredST {
    color: #d9990f;
}
.orderStatusApps.revokedST {
    color: #c74308;
}
.orderStatusApps.paidST {
    color: #039307;
}
.orderStatusApps.fullST {
    color: #ffffff;
    background: #1fa223;
    border-color: #1fa223;
}
a.reID {
    display: block;
    text-align: center;
    margin-top: .4em;
    border-top: 1px solid #b2b2b2;
    padding: .8em 0 .15em;
    -webkit-transition: paddind .01s;
    transition: paddind .01s;
}

/* order */
a.appsOrder {
    background-color: #060709;
    background-image: url(/static/images/apps/appsOrder_large.jpg);
    background-repeat: no-repeat;
    background-size: cover, contain;
    background-position: center;
    padding: 5.8em 0 5em;
    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;
}
.appsOrder h2 {
    font-size: 48px;
    letter-spacing: -.018em;
    font-weight: 200;
    margin: 0;
    margin-bottom: .45em;
    line-height: 1;
}
a.appsOrder p {
    margin: 0 auto 1em;
    position: relative;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 300;
    max-width: 450px;
}
a.appsOrder label {
    font-size: 22px;
    font-weight: 200;
    border-color: transparent;
    border-style: solid;
}
a.appsOrder:hover label {
    border-bottom-color: inherit;
}
.bottomOrder {
    text-align: center;
    margin-top: 3.3em;
}
.bottomOrder a {
    text-decoration: none;
    font-size: 15px;
    padding: .6em 1.5em;
    display: inline-block;
    line-height: 1;
    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);
}
.bottomOrder a: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%);
}


.dnsCheckBlock.dnsrevon,
.dnsDisable.dnsrevon,
.dnsCheckerON .dnsDisable.dnsrevoff,
.dnsCheckerON .dnsCheckBlock.dnsrevoff {
    display: none;
}
.dnsCheckerON .dnsCheckBlock.dnsrevon,
.dnsCheckerON .dnsDisable.dnsrevon {
    display: block;
}
.dnsDisable.dnsrevon {
    background: rgba(7, 169, 34, 0.95);
}
.dnsDisable.dnsrevon figure {
    background: rgba(27, 173, 47, 0.82);
}
.dnsCheckBlock.dnsrevon .dnsStatusBlock .content {
    box-shadow: 0 -6px 0 0px rgba(7, 169, 34, 0.95);
}

.dnsCheckerON .dnsEnable {
    display: block;
}
.dnsEnable {
    display: none;
    z-index: 999;
    position: fixed;
    left: 16px;
    bottom: 16px;
    width: 50px;
    height: 50px;
    background: rgba(9, 189, 47, 0.87);
    border-radius: 50%;
}

.dnsEnable figure {
    display: block;
    position: relative;
    vertical-align: middle;
    background-image: url(/static/images/apps/protect.svg);
    background-repeat: no-repeat;
    width: inherit;
    height: inherit;
    background-size: 32px;
    background-position: center;
}

.dnsCheckerON .dnsDisable {
    display: none;
}
.is-shown .dnsDisable {
    margin-bottom: 0;
    transition: margin-bottom .4s 4s ease;
}
.dnsDisable {
    margin-bottom: -4em;
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background: rgba(209, 27, 27, 0.95);
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    -webkit-transition: .15s ease;
    transition: .15s ease;
}
.dnsDisable figure {
    display: block;
    position: inherit;
    width: 32px;
    height: 5px;
    background: #d3282a73;
    left: 50%;
    margin-left: -16px;
    margin-top: -13px;
    border-radius: 5px;
}
.dnsDisable p{
    padding: 0 0;
    margin: 10px 16px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 1.45em;
}
.showDNStext .dnsDisable {
    bottom: 2em;
    opacity: 0;
    pointer-events: none;
}


.dnsCheckBlock {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(208, 208, 208, 0.8);
    -webkit-backdrop-filter: saturate(250%) blur(5px);
    backdrop-filter: saturate(250%) blur(5px);
    z-index: 10000;
    overflow: auto;
    pointer-events: none;
    opacity: 0;
}
.showDNStext .dnsCheckBlock {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}
.dnsStatusBlock {
    position: absolute;
    bottom: -15em;
    width: 100%;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
}
.showDNStext .dnsStatusBlock {
    bottom: 0;
    -webkit-transition: bottom .25s ease-in-out;;
    transition: bottom .25s ease-in-out;
}
.dnsStatusBlock .content {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 -6px 0 0px rgba(231, 7, 7, 0.88);
    padding: 2em 1.6em;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    max-width: 540px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    -webkit-transition: bottom .15s ease-in-out;;
    transition: bottom .15s ease-in-out;
}
.dnsCheckBlock h5 {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.15;
    margin: 0 0 .55em;
}
.dnsCheckBlock h6 {
    font-size: .85em;
    line-height: 0;
    margin: -.2em 0 2em;
    font-weight: 400;
}

.dnsCheckBlock p {
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 .5em;
}
.dnsCheckBlock .closeButton {
    top: -4.7em;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    pointer-events: none;
    -webkit-transition: none;
    -webkit-transform: none;
    -webkit-animation: none;
    transition: none;
    transform: none;
    animation: none;
}
a.hideDNSwindow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
a.dnsCheckButton {
    text-decoration: none;
    padding: .7em 1.5em;
    margin-top: .9em;
    margin-bottom: .2em;
    display: inline-block;
    line-height: 1;
    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);
}
.unactiveDNStext .dnsCheckBlock {
    pointer-events: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    opacity: 0;
    transition: all .1s;
}

/*install*/
.installWindow {
    position: fixed;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    text-align: center;
    white-space: nowrap;
    padding: 52px 25px;
    overflow: scroll;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, top 2s .05s;
}
.showInstallNote .installWindow {
    opacity: 1;
    pointer-events: auto;
    top: 0;
    transition: opacity .25s ease;
}
.installWindow:before {
    position: relative;
    content: "";
    display: -moz-inline-box;
    display: inline-block;
    height: 100%;
    margin: 0 -4px 0 0;
    vertical-align: middle;
}
.installWindowBack {
    background: #f7f7f7;
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-width: 618px;
    vertical-align: middle;
    white-space: normal;
    padding: 2em 0;
}
.installWindow .content {
    text-align: left;
}
.installWindow h3 {
    margin: 0 0 .4em;
    letter-spacing: -.002em;
    line-height: 1.15;
    font-size: 32px;
}
.installWindow p {
    margin: 0;
    line-height: 1.45;
    font-size: 18px;
}
.installWindow p.revokedNote {
    background: #c6ffc8;
    padding: .35em .6em;
    margin: 0 -7px;
    border-radius: 4px;
    font-size: 14px;
}
body:not(.dnsCheckerON) .installWindow p.revokedNote {
    display: none;
}
.installWindow p+p {
    margin-top:.45em;
}
.installWindow a.link {
    display: block;
}
span.pre {
    font-family: "Courier New",Courier,Freemono,"Nimbus Mono L",monospace;
    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;
}


.aboutVKS,
.notes.orderNow,
.hiwText,
.ourPref,
a.appsOrder {
    opacity: 0;
}
.is-shown .aboutVKS,
.is-shown .notes.orderNow,
.is-shown .hiwText,
.is-shown .ourPref,
.is-shown a.appsOrder {
    opacity: 1;
    -webkit-transition: opacity .8s 1.5s linear;
    transition: opacity .8s 1.5s linear;
}

/*======== HiDPi ========*/
@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) {
    .vklogo {background-image: url("/static/images/apps/iconSticker@2x.jpg");}
    .iPhoneDevice {background-image: url("/static/images/apps/iphone/large/iphone-silver-large@2x.png");}
    .screen1 {background-image: url("/static/images/apps/iphone/large/screen1-large@2x.jpg");}
    .screen2 {background-image: url("/static/images/apps/iphone/large/screen2-large@2x.jpg");}
    .screen3 {background-image: url("/static/images/apps/iphone/large/screen3-large@2x.jpg");}
    .screen4 {background-image: url("/static/images/apps/iphone/large/screen4-large@2x.jpg");}
    .screen5 {background-image: url("/static/images/apps/iphone/large/screen5-large@2x.jpg");}
    .aboutVKrow figure {background-image: url("/static/images/apps/sprites@2x.png");}
    a.appsOrder {background-image: url("/static/images/apps/appsOrder_large@2x.jpg");}
}

/*================== MIN-1441px ==================*/
@media only screen and (min-width: 1441px) {
    a.appsOrder {background-image: url("/static/images/apps/appsOrder_xlarge.jpg");}
}


/*================== MAX-1200px ==================*/
@media only screen and (max-width: 1200px) {

    /*intro*/
    .introApps {margin: 3.5em 0 3em}
    .introApps .content {max-width: 610px;}
    .vklogo {
        height: 84px;
        background-size: 84px 84px;
    }
    .introApps h1 {
        font-size: 50px;
        margin-bottom: .3em;
    }
    .introApps h2 {
        margin-bottom: .8em;
    }
    .introApps h5 {
        top: -0.5em;
    }
    .introApps p {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: .2em;
    }
    .introApps a {
        font-size: 20px;
        padding-left: .9em;
        padding-right: .9em;
    }

    /*phone image*/
    .heroImageRow {height: 585px;}
    .iPhoneDevice {
        background-image: url("/static/images/apps/iphone/medium/iphone-silver-medium.png");
        width: 282px;
        height: 522px;
        background-size: 282px 522px;
        margin: 0 -14px;
    }
    .iPhoneDevice.image1,
    .iPhoneDevice.image3,
    .iPhoneDevice.image5 {
        -webkit-transform: translate3d(-643px, 0, 0);
        transform: translate3d(-643px, 0, 0);
    }
    .iPhoneDevice.image2,
    .iPhoneDevice.image4 {
        -webkit-transform: translate3d(-643px, 60px, 0);
        transform: translate3d(-643px, 60px, 0);
    }
    @-webkit-keyframes topDevices {
        0% {opacity: 0;-webkit-transform: translate3d(-643px, 90px, 0);}
        100% {opacity: 1;-webkit-transform: translate3d(-643px, 0, 0);}
    }
    @keyframes topDevices {
        0% {opacity: 0;transform: translate3d(-643px, 90px, 0);}
        100% {opacity: 1;transform: translate3d(-643px, 0, 0);}
    }
    @-webkit-keyframes bottomDevices {
        0% {opacity: 0;-webkit-transform: translate3d(-643px, 0, 0);}
        100% {opacity: 1;-webkit-transform: translate3d(-643px, 60px, 0);}
    }
    @keyframes bottomDevices {
        0% {opacity: 0;transform: translate3d(-643px, 0, 0);}
        100% {opacity: 1;transform: translate3d(-643px, 60px, 0);}
    }
    .screen {
        width: 200px;
        height: 356px;
        background-size: 200px 356px;
        top: 75px;
        left: 40px;
    }
    .screen1 {background-image: url("/static/images/apps/iphone/medium/screen1-medium.jpg");}
    .screen2 {background-image: url("/static/images/apps/iphone/medium/screen2-medium.jpg");}
    .screen3 {background-image: url("/static/images/apps/iphone/medium/screen3-medium.jpg");}
    .screen4 {background-image: url("/static/images/apps/iphone/medium/screen4-medium.jpg");}
    .screen5 {background-image: url("/static/images/apps/iphone/medium/screen5-medium.jpg");}
    .appsHIW {
        padding-top: 3em;
    }

}

/*====================== HiDPi MAX 1200px ======================*/
@media only screen and (max-width: 1200px) and (min-resolution:1.5dppx), screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio:1.5), screen and (max-width: 1200px) and (min--moz-device-pixel-ratio:1.5), screen and (max-width: 1200px) and (min-device-pixel-ratio:1.5) {
    .iPhoneDevice {background-image: url("/static/images/apps/iphone/medium/iphone-silver-medium@2x.png");}
    .screen1 {background-image: url("/static/images/apps/iphone/medium/screen1-medium@2x.jpg");}
    .screen2 {background-image: url("/static/images/apps/iphone/medium/screen2-medium@2x.jpg");}
    .screen3 {background-image: url("/static/images/apps/iphone/medium/screen3-medium@2x.jpg");}
    .screen4 {background-image: url("/static/images/apps/iphone/medium/screen4-medium@2x.jpg");}
    .screen5 {background-image: url("/static/images/apps/iphone/medium/screen5-medium@2x.jpg");}
}


/*================== MAX-920px ==================*/
@media only screen and (max-width: 920px) {
    /*intro*/
    .introApps {margin: 3em 0}
    .introApps .content {max-width: 590px;}
    .vklogo {
        height: 76px;
        background-size: 76px 76px;
        margin-bottom: 28px;
        background-position: 19px 0;
    }
    .introApps h1 {
        font-size: 45px;
        margin-bottom: .35em;
    }
    .introApps p {font-size: 21px;}

    /*iphone images*/
    .heroImageRow {height: 460px;}
    .iPhoneDevice {
        margin: 0 auto;
        background-image: url("/static/images/apps/iphone/small/iphone-silver-small.png");
        width: 196px;
        height: 390px;
        background-size: 196px 390px;
    }
    .screen {
        width: 161px;
        height: 287px;
        background-size: 161px 287px;
        top: 50px;
        left: 18px;
    }
    .screen1 {background-image: url("/static/images/apps/iphone/small/screen1-small.jpg");}
    .screen2 {background-image: url("/static/images/apps/iphone/small/screen2-small.jpg");}
    .screen3 {background-image: url("/static/images/apps/iphone/small/screen3-small.jpg");}
    .screen4 {background-image: url("/static/images/apps/iphone/small/screen4-small.jpg");}
    .screen5 {background-image: url("/static/images/apps/iphone/small/screen5-small.jpg");}
    .iPhoneDevice.image1,
    .iPhoneDevice.image3,
    .iPhoneDevice.image5 {
        -webkit-transform: translate3d(-499px, 0, 0);
        transform: translate3d(-499px, 0, 0);
    }
    .iPhoneDevice.image2,
    .iPhoneDevice.image4 {
        -webkit-transform: translate3d(-499px, 60px, 0);
        transform: translate3d(-499px, 60px, 0);
    }
    @-webkit-keyframes topDevices {
        0% {opacity: 0;-webkit-transform: translate3d(-499px, 70px, 0);}
        100% {opacity: 1;-webkit-transform: translate3d(-499px, 0, 0);}
    }
    @keyframes topDevices {
        0% {opacity: 0;transform: translate3d(-499px, 70px, 0);}
        100% {opacity: 1;transform: translate3d(-499px, 0, 0);}
    }
    @-webkit-keyframes bottomDevices {
        0% {opacity: 0;-webkit-transform: translate3d(-499px, 20px, 0);}
        100% {opacity: 1;-webkit-transform: translate3d(-499px, 60px, 0);}
    }
    @keyframes bottomDevices {
        0% {opacity: 0;transform: translate3d(-499px, 20px, 0);}
        100% {opacity: 1;transform: translate3d(-499px, 60px, 0);}
    }

    /* price */

    .appsHIW {
        padding-bottom: 3.5em;
    }
    .hiwText h2 {
        font-size: 42px;
        letter-spacing: -.01em;
    }
    .hiwText p {
        font-size: 17px;
        font-weight: 400;
        max-width: 580px;
    }

    /* prefs */
    .ourPref {
        padding: 4em 0 2.5em;
    }
    .ourPref .prefHolder {
        padding-bottom: 2em;
    }
    .ourPref figure {
        margin: 0 0 1.2em;
    }
    .ourPref h3 {
        font-size: 24px;
        letter-spacing: 0;
        font-weight: 400;
    }
    .ourPref h3+p {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.45;
    }
    .ourPref ul {
        margin: 1.2em 0;
        font-size: 15px;
    }
    .ourPref ul li {
        margin-top: .55em;
    }
    .ourPref ul li:before {
        width: 6px;
        height: 6px;
        top: .4em;
    }
    .ourPref .prefButton {
        margin-top: 1.4em;
    }
    .ourPref .prefButton a {
        font-size: 15px;
    }

    /*install*/
    .installBlock h2 {
        font-size: 42px;
        padding-top: .6em;
    }

}


/*====================== HiDPi MAX 920px ======================*/
@media only screen and (max-width: 920px) and (min-resolution:1.5dppx), screen and (max-width: 920px) and (-webkit-min-device-pixel-ratio:1.5), screen and (max-width: 920px) and (min--moz-device-pixel-ratio:1.5), screen and (max-width: 920px) and (min-device-pixel-ratio:1.5) {
    .iPhoneDevice {background-image: url("/static/images/apps/iphone/small/iphone-silver-small@2x.png");}
    .screen1 {background-image: url("/static/images/apps/iphone/small/screen1-small@2x.jpg");}
    .screen2 {background-image: url("/static/images/apps/iphone/small/screen2-small@2x.jpg");}
    .screen3 {background-image: url("/static/images/apps/iphone/small/screen3-small@2x.jpg");}
    .screen4 {background-image: url("/static/images/apps/iphone/small/screen4-small@2x.jpg");}
    .screen5 {background-image: url("/static/images/apps/iphone/small/screen5-small@2x.jpg");}
}


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

    /*subMenu*/
    .vkSubmenu {
        padding-left: 2em;
        top:52px;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
    .is-shown .vkSubmenu {
        padding-left: 0;
    }
    .vkSubmenu ul {
        margin: 0 -16px;
    }
    .vkSubmenu ul li {
        padding: 0 11px;
    }
    .vkSubmenu ul li:first-child {
        padding-left: 16px;
    }
    .vkSubmenu ul li:last-child {
        padding-right: 16px;
    }

    /*intro*/
    .introApps {margin: 2.5em 0;}
    .introApps .content {max-width: 520px;}
    .vklogo {
        height: 64px;
        background-size: 64px 64px;
        margin-bottom: 26px;
        background-position: 25px 0;
    }
    .introApps h1 {
        font-size: 40px;
        margin-bottom: .4em;
        letter-spacing: -.02em;
    }
    .introApps h2 {
        font-size: 19px;
    }
    .introApps h2 {
        font-size: 16px;
        font-weight: 400;
        color: #aeaeae;
        margin-bottom: 1.2em;
    }
    .introApps p {
        font-size: 19px;
        line-height: 1.43;
    }
    .introApps a {
        font-size: 16px;
        font-weight: normal;
        padding: .8em .7em;
    }

    /*about*/
    .aboutVKS {
        padding-bottom: 2.5em;
        padding-top: 4em;
    }
    .aboutVKS p {margin-bottom: 2.5em;}
    .appsHIW {
        padding-bottom: 2em;
    }
    .hiwText h2 {
        font-size: 40px;
    }
    .hiwText p {
        font-size: 18px;
        line-height: 1.5;
    }
    .aboutApp {
        padding-top: 2em;
    }
    .aboutAppRow {
        display: block;
    }
    .aboutAppsell {
        display: block;
        width: 100%;
        max-width: 320px;
        margin: 2em auto;
    }
    .aboutAppContent {
        padding: 0;
        font-size: 17px;
        line-height: 1.5;
    }
    .appDevider {
        display: block;
        position: relative;
        margin: 0;
    }
    .appDevider:before {
        content: "";
    }
    a.aboutAppMore {
        font-size: 17px;
        font-weight: 400;
        margin: 0;
    }

    /* pref */
    .ourPref {
        padding-left: 16px;
        padding-right: 16px;
    }
    .ourPref .prefHolder {
        padding: 1.4em;
        padding-bottom: 2.2em;
    }
    .ourPref ul {
        font-size: 16px;
    }
    .ourPref ul li {
        padding-left: 1em;
        margin-left: .5em;
    }
    .ourPref .prefButton {
        margin-top: 1.5em;
    }
    .ourPref .prefButton a {
        font-size: 16px;
    }

    /*install*/
    .installBlock {
        padding-bottom: .1em;
    }
    .installBlock h2 {
        font-size: 38px;
        line-height: 1.1;
        letter-spacing: -.01em;
    }
    .helpCategory.appsAccordion .helpWarning {
        margin-right: 0;
    }

    /*picker*/
    .appPicker {
        padding: 0 12px;
        margin: 0 -12px;
    }
    .sticky .appPickerContent {
        padding: 0 16px;
    }

    .appDownload {padding: 1.6em;padding-bottom: 2.5em;}
    .appBlock {padding-left: 90px;}
    .appHead:before {
        width: 66px;
        height: 66px;
        background-size: 66px;
    }

    .bottomOrder {
        margin-top: 2em;
    }

    /*install*/
    .installWindowBack {
        max-width: 480px;
    }

    /*order*/
    a.appsOrder {background-image: url("/static/images/apps/appsOrder_small.jpg");}

}


/*====================== MAX 620px ======================*/
@media only screen and (max-width: 620px) {
    /*intro images*/
    .screen1,
    .screen5 {display: none;}

    /*picker*/
    .fakeBack {
        height: 50px;
    }
    .sticky .fakeBack {
        height: 42px;
    }
    .pickerPlaceholder {
        height: 42px;
        text-align: left;
        margin: -12px 0 -6px;
        line-height: 42px;
    }
    .notAuthorized .fakeBack {
        height: 60px;
    }
    .sticky.notAuthorized .fakeBack {
        height: 44px;
    }
    .notAuthorized .pickerPlaceholder {
        height: 52px;
        line-height: 52px;
        margin-top: 0;
        margin-bottom: -7px;
        text-align: center;
        box-shadow: 0 1px 0px #d8d8d8 inset, 0 2px 0px #ffffff inset;
    }
    .notAuthorized.sticky .appPickerContent {
        padding: 0 16px;
        text-align: right;
    }

    .updateInfo {
        position: absolute;
        width: 100%;
        left: 0;
        margin-top: 15px;
        font-size: 12px;
        color: #666;
        float: none;
        line-height: 1;
    }
    .pickerOpen .updateInfo {
        opacity: .4;
    }
    .appPicker {
        padding: 0 16px;
        margin: 0 -16px;
        width: 100%;
        border-radius: 0;
    }
    .appPicker p {
        line-height: 42px;
    }
    .appPicker p:before,
    ul.fakeSelect li.activeTab:before {
        display: none;
    }
    .notAuthorized .appPicker {
        text-align: center;
    }
    .pickerOpen .appPicker {
        -webkit-box-shadow: 0 8px 66px rgba(0, 0, 0, 0.2);
        box-shadow: 0 8px 66px rgba(0, 0, 0, 0.2);
    }

    ul.fakeSelect li.activeTab:after {
        content: "";
        alt: "";
        font-family: "icons";
        font-size: 150%;
        line-height: inherit;
        margin-top: 1px;
        display: inline-block;
        position: absolute;
        margin-left: 6px;
    }
    .sticky .updateInfo {
        left: 16px;
    }
    #removeSticky {
        position: absolute;
        bottom: 2em;
    }

}

/*====================== MAX 550px ======================*/
@media only screen and (max-width: 550px) {

    /*about*/
    .aboutVKrow,
    .aboutVKsell {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .sellContent {padding: 1.1em 1.5em 1.5em;}
    .aboutVKrow figure {margin-bottom: 15px;}


    /*install*/
    .appBlock {
        padding-left: 0;
    }
    .appHead:before {
        width: 60px;
        height: 60px;
        background-size: 60px;
        position: relative;
        margin-bottom: 1.5em;
    }
    .linkHolder {
        min-width: auto;
        max-width: 100px;
        padding: 3px 0;
    }
    .versLink a+a {
        margin-left: 0;
    }
    a.desktopDownload {display: none;}
    .appVers {
        padding-right: 15px;
    }
    .versLink a.appButtonInstall {
        padding: 5px 13px;
        font-size: 13px;
        font-weight: 600;
    }



    .orderInfoApps {
        padding: 0;
        border: 0;
        position: absolute;
        top: 1px;
        left: 0;
        margin: 0;
    }
    .sticky .orderInfoApps {
        left: 16px;
    }

        /* order */
    a.appsOrder {
        padding: 6em 0;
        background-image: url("/static/images/apps/appsOrder_mobile.jpg");
    }
    .appsOrder h2 {
        line-height: 1.125;
        font-size: 34px;
        font-weight: 300;
        margin-bottom: .3em;
    }
    a.appsOrder p {
        font-size: 18px;
        line-height: 1.45;
        font-weight: 400;
        max-width: 380px;
        margin-bottom: .75em;
    }
    a.appsOrder label {
        font-size: 18px;
        font-weight: 400;
    }
}


/*====================== MAX 500px ======================*/
@media only screen and (max-width: 500px) {
    /*intro images*/
    .screen2 {background-image: url("/static/images/apps/iphone/small/screen1-small.jpg");}
    .screen3 {background-image: url("/static/images/apps/iphone/small/screen2-small.jpg");}
    .screen4 {background-image: url("/static/images/apps/iphone/small/screen3-small.jpg");}
    .visiblePlace .important-message {
        bottom: 7px;
    }
    .important-message, .stickyHide .important-message {
        bottom: -.5em;
    }
    .important-message .content {
        padding-left: 7px;
        padding-right: 7px;
    }

    /*install*/
    .installWindow {
        padding-left: 16px;
        padding-right: 16px;
    }
    .installWindowBack {
        padding: 1.45em .25em;
    }
    .installWindow h3 {
        margin: 0 0 .35em;
        font-size: 28px;
    }
    .installWindow p {
        line-height: 1.4;
        font-size: 16px;
    }
    .installWindow p+p {
        margin-top: .55em;
    }

}

/*====================== HiDPi MAX 500px ======================*/
@media only screen and (max-width: 500px) and (min-resolution:1.5dppx), screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio:1.5), screen and (max-width: 500px) and (min--moz-device-pixel-ratio:1.5), screen and (max-width: 500px) and (min-device-pixel-ratio:1.5) {
    /*intro images*/
    .screen2 {background-image: url("/static/images/apps/iphone/small/screen1-small@2x.jpg");}
    .screen3 {background-image: url("/static/images/apps/iphone/small/screen2-small@2x.jpg");}
    .screen4 {background-image: url("/static/images/apps/iphone/small/screen3-small@2x.jpg");}
}


/*================== MAX-410px ==================*/
@media handheld, only screen and (max-width: 410px) {

    .appDownload {
        padding-left: 1em;
        padding-top: 1em;
        padding-right: 1em;
    }
    .hiddenWordInfoStatus {
        opacity: 0;
        position: absolute;
        letter-spacing: -6px;
    }
    .pickerOpen .hiddenWordInfoStatus {
        opacity: 1;
        position: relative;
        letter-spacing: inherit;
    }
}
/*================== MAX-360px ==================*/
@media handheld, only screen and (max-width: 360px) {
    /*intro*/
    .hiddenWord {display: none;}
    .introApps p {
        font-size: 18px;
    }
    .discountBlock h5 {
        font-size: 23px;
    }
    .discountHolder .content {
        font-size: 15px;
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 1.5em;
    }
    .pickerOpen .hiddenWordInfoStatus {
        opacity: 0;
        position: absolute;
    }
}

/*==================  iphone X landscape ==================*/
@media screen and (height: 375px) and (width: 812px) and (-webkit-device-pixel-ratio: 3) {
    .sticky .appPickerContent {
        padding: 0 45px;
    }
}