@charset "utf-8";

/*==================================== GLOBAL NAV ================================================*/
nav {
    position: fixed;
    top:0;
    z-index: 9999;
    width: 100%;
    height: auto;
    font-size: 14px;
    -webkit-user-select: none;
    user-select: none;
}
nav *,
nav *:after,
nav *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.logo:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    position: relative;
    width: 42px;
    height: 42px;
    margin: -1px -29px 0 0;
    background-image: url("/static/images/_logo.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.global_nav {
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.88);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    position: relative;
    z-index: 10;
    overflow: hidden;
    -webkit-backdrop-filter: saturate(300%) blur(10px);
    backdrop-filter: saturate(300%) blur(10px);
}
.mobile_nav {display: none}
.nav_list:after {
    content: '';
    width: 100%;
    display: inline-block;
}
.nav_list {
    cursor: default;
    text-align: justify;
    width: auto;
    margin: 0 -14px;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.nav_list li {
    list-style-type: none;
    vertical-align: top;
    display: inline-block;
}
.nav_list a {
    position: relative;
    z-index: 1;
    text-decoration: none;
    color: #f2f2f2;
    padding: 0 14px;
    display: inline-block;
    white-space: nowrap;
    line-height: 52px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
nav #mobile-content {
    display: none;
}
.nav_list a:hover,
.current * {
    opacity: 0.65;
}
.helpLink a:after {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 135%;
    text-align: center;
    bottom: 11px;
    line-height: 0;
    padding-left: 0;
}
.checkout:after {
    display: inline-block;
    content: "";
    background-image: url("/static/images/icon-shop_white.svg");
    width: 23px;
    height: 23px;
    background-size: 23px 23px;
    margin: 0 0 -6px 5px;
}
.linkSign:after {
    display: block;
    position: absolute;
    line-height: 14px;
    font-size: 11px;
    text-align: center;
    bottom: 4px;
    font-weight: 400;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.popularLink:after {
    color:#6bf;
    content: "VK + VKSettings";
    margin-left: .2em;
}
.certLink:after, .soonLink:after {
    color:#8c8c8c;
}
.certLink:after {
    content: "Сертификат Apple";
}
.soonLink:after {
    content: "Скоро";
}

/*===== HELP_NAV START =====*/
.helpNav {
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 13px;
}
.helpNavContent {
    max-height: -webkit-calc(100vh - 52px);
    max-height: calc(100vh - 52px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 22px;
    padding-bottom:  22px;
    background: rgba(255,255,255,.98);
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.15);
}
.helpNavContent .content {
    text-align: left;
}
.PopBlock,
.CategBlock,
.blockLinks a {
    background-color: #f2f2f2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #cccccc, 0 0 0px 1px #e8e8e8;
}
.questionWrapper {
    top: 0;
    position: relative;
    display: table;
    width: 100%;
}
.PopBlock,
.CategBlock {
    display: table-cell;
    position: relative;
    padding: 20px 10px;
}
.PopBlock {width: 65%}
.CategBlock {width: 35%}

.helpDevider {
    display: inline-block;
    width: 6px;
}
.helpNav ul {
    margin: 0;
}
.PopBlock ul {
    float: left;
    position: relative;
    width: 50%;
}
#paddingUL {padding-right: 10px;}
.helpNav h4 {
    line-height: 1.3;
    font-size: 17px;
    font-weight: 400;
    padding: 2px 10px 9px;
    margin: 0;
}
.helpNav a {
    line-height: 1.45;
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    text-decoration: none;
    margin: 1px 0;
    -webkit-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}
.helpNav a:hover {
    background-color: #e6e6e6;
}
.blockLinks {
    width: 100%;
    padding-top: 4px;
}
.blockLinks:after,
.blockLinks:before,
.blockLinks div:before,
.blockLinks div:after,
.PopBlock ul:before,
.PopBlock ul:after,
.PopBlockWrap:before,
.PopBlockWrap:after {
    display: table;
    content: "";
    clear: both;
}
.blockLinks div {
    float: left;
    width: 50%;
}
.gotohelp {padding-right: 4px;}
.contactHelp {padding-left: 2px;}

.blockLinks a {
    display: block;
    width: 100%;
    position: relative;
    padding: 20px 10px 19px 8%;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
}
.blockLinks a:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    font-size: 33px;
    height: 100%;
    color: #8d8d8d;
    font-weight: 200;
    border-right: 1px solid #fff;
}
.gotohelp a:before {content: "?";line-height: 62px;}
.contactHelp a:before {content: "@";line-height: 57px;}
.helpCloseWrapper {
    position: relative;
    width: 100%;
    height: 64px;
    padding: 0;
    background: 0;
    outline: 0;
}
.closeButton {
    height: 36px;
    width: 36px;
    background-color: rgba(255,255,255,0.97);
    border-radius: 50%;
    position: relative;
    margin: 10px auto 0;
    -webkit-box-shadow: 0 .5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 .5px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .35s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: all .35s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.closeButton:after,
.closeButton:before {
    display: block;
    content: "";
    width: 16px;
    position: absolute;
    height: 2px;
    left: 0;
    top: 0;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin: 17px 0px 0 10px;
    background-color: #777;
}
.closeButton:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.closeButton:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.helpCloseWrapper:hover .closeButton {
    background-color: #fff;
    -webkit-transform: scale(1.1) rotate(90deg);
    -moz-transform: scale(1.1) rotate(90deg);
    -ms-transform: scale(1.1) rotate(90deg);
    transform: scale(1.1) rotate(90deg);
}

/*when opened help page (hide selflink) */
.gotohelp a span {display: none;}
.currentHelp .gotohelp {
    cursor: s-resize;
}
.currentHelp .gotohelp a span {
    display: block;
    position: absolute;
    width: 100%;
    padding-left: inherit;
    padding-right: inherit;
    left: 0;
    font-size: 11px;
    color: #8a8a8a;
    bottom: 6px;
    line-height: 1;
}
.currentHelp .gotohelp a span:before {
    display: block;
    content: "Текущая страница";
}


/*===== HELP_NAV END =====*/





/*========== АНИМАЦИЯ ПРИ СТАРТЕ ===========*/

.nav_list {max-height: 0;}
.is-shown .nav_list {
    max-height: 52px;
    -webkit-transition: max-height .5s .2s;
    transition: max-height .5s .2s;
}
.nav_list li {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}
.is-shown .nav_list li {
    -webkit-transition: opacity .8s .2s, -webkit-transform .6s .25s;
    transition: opacity .8s .2s, transform .6s .25s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
/* ------ */

/*========================= АНИМАЦИЯ ОТКРЫТИЯ ПОМОЩИ =========================*/

/* Затемнение меню */
.global_nav {
    -webkit-transition: background .4s .43s linear;
    transition: background .4s .43s linear;
}
.openHelp .global_nav {
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    background-color: #171717;
}

/* Анимация пункта меню */
.helpLink a {
    background-color: transparent;
    -webkit-transition: all .4s ease !important;
    transition: all .4s ease !important;
}
.openHelp .helpLink a {
    background-color: #fff;
    color: #333;
    opacity: 1;
    -webkit-transition: all .25s cubic-bezier(0.4, 0, 1, 1) !important;
    transition: all .25s cubic-bezier(0.4, 0, 1, 1) !important;
}
.helpLink a:after {
    -webkit-transition: all .35s .1s ease-out, opacity .25s .2s linear;
    transition: all .35s .1s ease-out, opacity .25s .2s linear;
}
.openHelp .helpLink a:after {
    opacity: 0;
    bottom: 0;
    -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;
}

/* Затемнение контента */
body.openHelp:after {
    z-index: 8888;
    opacity: .3;
    pointer-events: auto;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

/* Появление субменю */
.helpNav {
    pointer-events: none;
    max-height: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .4s .1s cubic-bezier(.8, 0, .6, 1), max-height 0s .6s;
    transition: transform .4s .1s cubic-bezier(.8, 0, .6, 1), max-height 0s .6s;
}
.openHelp .helpNav {
    pointer-events: auto;
    max-height: 100vh;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .55s .01s cubic-bezier(.5, 0, 0, 1), max-height 0s;
    transition: transform .55s .01s cubic-bezier(.5, 0, 0, 1), max-height 0s;
}

/* Появление контента помощи */
.helpNavContent .content {
    -webkit-transform: translateY(-35%) scale(.9);
    transform: translateY(-35%) scale(.9);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.3, 0, .3, .9);
    transition: transform .7s cubic-bezier(.3, 0, .3, .9);
}
.openHelp .helpNavContent .content {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, .5, .9);
    transition: transform .5s cubic-bezier(.4, 0, .5, .9);
}

/* Появление кнопки закрытия помощи */
.closeButton {
    -webkit-animation: closeButtonOFF .4s cubic-bezier(.6, 0, .7, 1) both;
    animation: closeButtonOFF .4s cubic-bezier(.6, 0, .7, 1) both;
}
@keyframes closeButtonOFF {
    0% {}
    100% {transform:translateY(25px) scale(.2); opacity: 0;}
}
@-webkit-keyframes closeButtonOFF {
    0% {}
    100% {-webkit-transform:translateY(25px) scale(.2); opacity: 0;}
}
.openHelp .closeButton {
    -webkit-animation: closeButtonON .4s .35s cubic-bezier(.2, .15, 0.15, 1) both;
    animation: closeButtonON .4s .35s cubic-bezier(.2, .15, 0.15, 1) both;
}
@keyframes closeButtonON {
    0% {margin-top: -70px;;opacity: 0;z-index: -1;}
    99% {z-index: -1}
    100% {margin-top: 10px;;opacity: 1;z-index: 1;}
}
@-webkit-keyframes closeButtonON {
    0% {margin-top: -70px;;opacity: 0;z-index: -1;}
    99% {z-index: -1}
    100% {margin-top: 10px;;opacity: 1;z-index: 1;}
}

/*=АНИМАЦИЯ END =*/

/*===== NAV END ======*/



/*==================================== GLOBAL FOOTER ================================================*/
footer {
    position: relative;
    font-size: 13px;
    overflow: hidden;
    background: #f7f7f7;
    -webkit-user-select: none;
    user-select: none;
}
.bottomNav {
    overflow: hidden;
    background: #ededed;
    border-top: 1px solid #dbdbdb;
    outline: 1px solid white;
    -webkit-box-shadow: 0px 3px 4px -5px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0px 3px 4px -5px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0px 3px 4px -5px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0px 3px 4px -5px rgba(0, 0, 0, 0.3) inset;
}
.bottomPaysystem,
.ftrLinks {
    text-align: justify;
    vertical-align: top;
}
.bottomPaysystem:after, .ftrLinks:after{
    content: '';
    width: 100%;
    display: inline-block;
}
.ftrLinks {height: 52px;}
.bottomNav a {
    display: inline-block;
    opacity: .6;
    color: #333;
    padding: 0 12px;
    text-decoration: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 2px -12px;
    line-height: 47px;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.bottomNav a:hover {
    opacity: 1;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0.5px 0.5px .5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0.5px 0.5px .5px 0px rgba(0, 0, 0, 0.2);
}
#LinkUdidText:before,
#LinkTermsText:before,
#LinkPrivacyText:before {
    display: inline-block;
}
#LinkUdidText:before {content: "Найти UDID"}
#LinkTermsText:before {content: "Условия использования"}
#LinkPrivacyText:before {content: "Конфиденциальность"}
#LinkAboutText:before {content: "О проекте"}
.tgLogo:before,
.ftrContact:before {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-image: url("/static/images/spritesNavIcons.svg");
    background-repeat: no-repeat;
    content: "";
    margin-right: 9px;
    width: 28px;
    height: 24px;
}
.tgLogo:before {background-position: 0 0;}
.ftrContact:before {background-position: -28px 1px;}

/*paysystems*/
.bottomPaysystem {
    height: 64px;
    line-height: 64px;
    margin: 1px -25px 0;
    font-size: 0;
}
.bottomPaysystem li {
    display: inline-block;
    padding: 0 25px;
}
.bottomPaysystem li span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-image: url("/static/images/paySystems.png");
    background-size: 59px 206px;
    background-repeat: no-repeat;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.bottomPaysystem:before,
.bottomPaysystem li:hover span {
    background-image: url("/static/images/paySystems-color.png");
    background-size: 59px 206px;
}
.bottomPaysystem:before {
    display: block;
    height: 1px;
    width: 1px;
    left: -9999px;
    position: absolute;
    content: "";
}
.Visa {
    height: 16px;
    width: 43px;
    background-position: 0 -87px;
}
.Qiwi {
    height: 20px;
    width: 47px;
    background-position: 0 -63px;
}
.Yandex {
    height: 23px;
    width: 54px;
    background-position: 0 -35px;
}
.Webmoney {
    height: 32px;
    width: 39px;
    background-position: 0 0;
}
.Banks {
    height: 21px;
    width: 54px;
    background-position: 0 -107px;
}
.Terminal {
    height: 33px;
    width: 57px;
    background-position: 0 -133px;
}
.sslLogo {
    height: 34px;
    width: 53px;
    margin-bottom: 2px;
    background-position: 0 -168px;
}

/* copyright */
.copyright {
    display: table;
    width: 100%;
    height: 31px;
    color: #999;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-shadow: 0 6px 3px -7px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 6px 3px -7px rgba(0, 0, 0, 0.4) inset;
    border-top: 1px solid rgba(255, 255, 255, 0.74);
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    hyphens:auto;
}
.copyright a {color: inherit;}
.copyrightDevider {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%;
}
.copyrightTextHolder {
    text-align: left;
    display: table;
    width: 100%;
    position: relative;
}
.copyright p {
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    -webkit-user-select: auto;
    position: relative;
    vertical-align: middle;
    display: table-cell;
    line-height: 1.4;
    width: 90px;
    white-space: nowrap;
    padding-right: 1.5em;
}
.copyright p.footerText {
    padding-right: 290px;
    padding-left: 1.5em;
    width: auto;
    white-space: normal;
}
p.footerText:before {
    content: "";
    display: block;
    width: 1px;
    background: #bababa;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
div#vk_like {
    position: absolute!important;
    right: 110px;
    top: 50%;
    margin-top: -11px;
    padding-right: inherit;
    z-index: 5;
}
.counter {
    z-index: 4;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    width: 88px;
    margin-top: -16px;
    height: 31px;
    float: right;
    top: 50%;
    position: absolute;
    right: 0;
    padding-right: inherit;
}



/*===== GLOBAL FOOTER END =====*/



/*============================== OVERLAY WINDOW ==============================*/
.contentOverlay,
.contentOverlay *,
.contentOverlay *:after,
.contentOverlay *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contentOverlay {
    max-height: 0;
    min-width: 320px;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    overflow: hidden;
    z-index: 999999;
    text-align: center;
    left: -9999px;
    right: 0;
    padding-top: 52px;
    padding-bottom: 52px;
    white-space: nowrap;
    pointer-events: none;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}
.contactWindowActive .contentOverlay {
    max-height: 2000px;
    left: 0;
    bottom: 0;
    overflow: auto;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.contentOverlay:before {
    position: relative;
    content: "";
    display: -moz-inline-box;
    display: inline-block;
    height: 100%;
    margin: 0 -4px 0 0;
    vertical-align: middle;
}
.overlayWindow {
    background: #fff;
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto;
    max-width: 660px;
    vertical-align: middle;
    white-space: normal;
    opacity: 0;
    cursor: auto;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: opacity .2s 0s cubic-bezier(.8, 0, .2, 1), -webkit-transform .2s 0s cubic-bezier(.8, 0, .2, 1);
    -ms-transition: opacity .2s 0s cubic-bezier(.8, 0, .2, 1), -ms-transform .2s 0s cubic-bezier(.8, 0, .2, 1);
    transition: opacity .2s 0s cubic-bezier(.8, 0, .2, 1), transform .2s 0s cubic-bezier(.8, 0, .2, 1);
}
.contactWindowActive .overlayWindow {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.35s 0.1s cubic-bezier(.8, 0, .2, 1), -webkit-transform 0.35s 0.1s cubic-bezier(.8, 0, .2, 1);
    -ms-transition: opacity 0.35s 0.1s cubic-bezier(.8, 0, .2, 1), -ms-transform 0.35s 0.1s cubic-bezier(.8, 0, .2, 1);
    transition: opacity 0.35s 0.1s cubic-bezier(.8, 0, .2, 1), transform 0.35s 0.1s cubic-bezier(.8, 0, .2, 1);
}
.overlayWindowWrapper {
    width: auto;
    position: relative;
    padding: 20px 25px;
    text-align: left;
}
.fullScreenClosebutton {
    position: fixed;
    width: 100%;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit;
    z-index: -1;
    background: transparent;
    height: 100%;
    padding: 0;
    outline: 0;
}
/*кнопка закрытия*/
.closeOverlayButton {
    height: 44px;
    width: 44px;
    background: transparent;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    outline: 0;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.15, .5, .6, 1.25);
    -ms-transition: -ms-transform .35s cubic-bezier(.15, .5, .6, 1.25);
    transition: transform .35s cubic-bezier(.15, .5, .6, 1.25);
}
.closeOverlayButton:hover {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
}
.closeOverlayButton:after,.closeOverlayButton:before {
    display: block;
    content: "";
    position: relative;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #888;
}
.closeOverlayButton:after {
    -webkit-transform: translateY(-1px) rotate(45deg) ;
    -ms-transform: translateY(-1px) rotate(45deg);
    transform: translateY(-1px) rotate(45deg);
}
.closeOverlayButton:before {
    -webkit-transform: translateY(1px) rotate(-45deg);
    -ms-transform: translateY(1px) rotate(-45deg);
    transform: translateY(1px) rotate(-45deg);
}
/*анимация при появлении*/
body.overlay:after {
    z-index: 99999;
    opacity: .45;
    -webkit-transition: opacity .25s ease;
    -ms-transition: opacity .25s ease;
    transition: opacity .25s ease;
}



/*============= CONTACTS ===============*/
.contactContent h2 {
    font-size: 30px;
    letter-spacing: -.016em;
    line-height: 1.125;
    font-weight: 200;
    margin-bottom: .55em;
    margin-top: 0;
}
.ContactWrap {
    display: table;
    width: 100%;
    padding: 13px 15px;
    position: relative;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f2f2f2;
    margin-bottom: 9px;
    color: inherit;
    text-decoration: none!important;
    -webkit-box-shadow: 0 1px 0 #e6e6e6, 0 0 0 1px #ededed;
    box-shadow: 0 1px 0 #e6e6e6, 0 0 0 1px #ededed;
}
.ContactWrap:before,.ContactWrap:after {
    content: " ";
    display: table;
}
.ContactWrap div {
    vertical-align: middle;
    display: table-cell;
    width: 58%;
}
.ContactWrap.lockedContact {
    background: #fae2cc;
}
a.preffered label:before {
    display: inline-block;
    content: "Наиболее быстрый";
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    color: #888;
    margin: 0 25px 1px 0;
    padding: 4px 11px;
    vertical-align: middle;
    line-height: 1.2;
}

.ContactWrap h3 {
    font-size: 17px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0em;
    margin: 0 auto .11em;
}
.ContactWrap p {
    font-size: 14px;
    line-height: 1.25;
    color: #999;
    margin: 0 0 3px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}
.contactRight {
    text-align: right;
}
.ContactWrap label {
    border: 0;
    color: #1280c8;
    font-size: 17px;
}
a.ContactWrap:hover label {
    text-decoration: underline;
}




/*======================================= 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) {
    .bottomPaysystem li span {background-image: url("/static/images/paySystems@2x.png");}
    .bottomPaysystem li:hover span,
    .bottomPaysystem:before {background-image: url("/static/images/paySystems-color@2x.png");}
}





/*=========================== MAX 1024px ============================*/

@media screen and (max-width: 1024px) {
nav {font-size: 13px;}
.nav_list {margin: 0 -10px;}
.nav_list a {padding: 0 10px;}
.linkSign:after {font-size: 10px;}
.helpLink a:after {bottom: 12px;}
.helpNav h4 {padding-bottom: 6px;}
footer {font-size: 12px;}
}


/*=========================== MAX 860px ============================*/

@media screen and (max-width: 860px) {
nav {font-size: 12.5px;}
.nav_list {margin: 0 -7px;}
.nav_list a {padding: 0 7px;}
.helpNav h4 {padding-bottom: 9px;}
.bottomNav a {padding: 0 8px;margin: 2px -8px;}
#LinkTermsText:before { content: "Правила";}
.bottomPaysystem {margin: 1px -15px 0;}
.bottomPaysystem li {padding: 0 15px;}
}


/*=========================== MAX 800px ============================*/

@media screen and (max-width: 800px) {
.PopBlock, .CategBlock {padding: 15px 5px;}
.PopBlock {width: 63%;}
.CategBlock {width: 37%;}
}



/*=========================== MAX 766px ============================*/

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


/* ========== Обнуление десктопной анимации ========== */
.nav_list, .is-shown .nav_list {max-height: none;} /* появление меню при старте */
.openHelp .global_nav {background: 0;} /* убираем затемнение основного меню */
.openHelp .helpLink a, .helpLink a {background: 0; color:inherit; opacity: 1;} /* Анимация пункта меню */
.openHelp .helpLink a:after, .helpLink a:after {opacity: 1;} /* Анимация пункта меню */
.helpNav, .openHelp .helpNav {max-height: none;}
/***************/
.nav_list, .is-shown .nav_list, /* появление основного меню при старте */
.nav_list li, .is-shown .nav_list li, /* появление контента меню при старте */
.global_nav, .openHelp .global_nav, /* затемнение основного меню */
.openHelp .helpLink a, .helpLink a, /* трансформация пункта меню */
.openHelp .helpLink a:after, .helpLink a:after, /* трансформация пункта меню */
.helpNav, .openHelp .helpNav, /* Появление субменю */
.helpNavContent .content, .openHelp .helpNavContent .content, /* Появление контента помощи */
.closeButton, .openHelp .closeButton /* Появление кнопки закрытия помощи  */
{-webkit-transition: none;-webkit-transform: none;-webkit-animation:none;transition: none;transform: none;animation:none;} 
/* ========== Обнуление десктопной анимации ========== */


/* ====== МОБИЛЬНОЕ МЕНЮ ====== */

.nav {
    min-width: 320px;
    width: 100%;
    text-align:left;
    font-size: 17px;
    height: 52px;
}
nav #mobile-content {
    display: block;
}
nav #desktop-content {
    display: none;
}
.mobile_nav {
    display: block;
    height: 52px;
    line-height: 52px;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 300;
    margin: 0;
    white-space: nowrap;
    font-size: 14px;
    color: #f7f7f7;
    background: #222;
    background: rgba(0, 0, 0, 0.84);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: saturate(300%) blur(5px);
    backdrop-filter: saturate(300%) blur(5px);
}
.mobile_nav li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 100%;
    margin: 0;
}
.mobile_nav:after,
.mobile_nav li:after {
    display: table;
    content: "";
    clear: both;
}
.mobile_nav .mobile_closeHelp {
    position: absolute;
    left: 50%;
    margin-left: -75px;
}
.mobile_menu,
.mobile_home,
.mobile_closeHelp,
.mobile_buy {
    width: 150px;
}

.mobile_menu {float: left;}
.mobile_home {float: none;}
.mobile_buy {float: right;}
.mobile_nav label {
    position: absolute;
    display: block;
    border: 0;
}
.mobile_menu label {left: 49px;}
.mobile_buy label {right: 49px;}
.current.mobile_buy label,
.current.mobile_buy a {opacity: .65}

/* ====== кнопка «меню» ======*/
.mobile_menu_button {
    position: relative;
    width: 20px;
    left: 16px;
    height: 100%;
    float: left;
}
.mobile_menu_button span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.mobile_menu_button span:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 25px;
    background: #f2f2f2;
}
.menu-rect-top:after {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
.menu-rect-bottom:after {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}

/* ====== Лого ====== */
.mobile_home a {
    display: block;
    height: 100%;
    width: 100%;
    color: inherit;
    font-size: 15px;
    text-decoration: none;
}
.logo:before {
    width: 38px;
    height: 38px;
    margin: 0 -27px 0 0;
    background-size: 38px;
}

/* ====== кнопка оформления заказа ====== */
.mobile_buy a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.mobile_buy .checkout:after {
    margin: 0;
    position: absolute;
    right: 16px;
    top: 14px;
}
.mobile_buy label {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.mobile_buy:active * {opacity: .65}


/*========================= ГЛОБАЛЬНОЕ МЕНЮ в нормальном состоянии =========================*/
.global_nav_content {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    height: -webkit-calc(100% - 52px);
    height: calc(100% - 52px);
    overflow: hidden;
}
.global_nav {
    background: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    pointer-events: auto;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}
.global_nav .content {
    padding: 0;
    height: auto;
}
.nav_list {
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    width: 100%;
    height: auto;
    padding: 10px 0 66px;
    font-size: inherit;
    line-height: inherit;
}
.nav_list:after {
    display: none;
}

.nav_list li {
    display: block;
    vertical-align: middle;
    margin: 0 48px;
    line-height: 58px;
    -webkit-box-shadow: inset 0px -1px 0px #d7d7d7;
    box-shadow: inset 0px -1px 0px #d7d7d7;
}
.nav_list a {
    display: block;
    color: #353535;
    white-space: normal;
    padding: 0 49px 1px;
    margin: 0 -49px -1px;
    font-weight: 400;
    line-height: inherit;
}
.nav_list a:hover,
.nav_list a:active,
.current * {
    opacity: 1;
}
.nav_list a:active {
    background: #f2f2f2;
    color: #000;
    -webkit-box-shadow: inset 0px 0px 0px 1px #d7d7d7;
    box-shadow: inset 0px 0px 0px 1px #d7d7d7;
}
.nav_list li.current a {
    opacity: 1;
    color: #777;
    -webkit-box-shadow: inset 5px 0px 0px #282828;
    box-shadow: inset 5px 0px 0px #282828;
}
.nav_list li.current.helpLink a {
    color: inherit;
}
.nav_list li.current a:active {
    -webkit-box-shadow: inset 3px 0px 0px #282828, inset 0px 0px 0px 1px #d7d7d7;
    box-shadow: inset 3px 0px 0px #282828, inset 0px 0px 0px 1px #d7d7d7;
}

.nav_list li:first-child {display: none;} /*.logo*/
li.helpLink {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
li.helpLink a {
    padding: 0 0 8px;
    margin: 0 -1px;
    -webkit-transition-delay: .25s !important;
    transition-delay: .25s !important;
}
.mobileCheckoutLink:after {
    display: none;
}
.mobileCheckoutLink:before {
    display: inline-block;
    content: "";
    margin: 0 9px -3px 0;
    background-image: url("/static/images/icon-shop_dark.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.helpLink a:after {
    bottom: 17px;
}
.linkSign:after {
    font-size: 11px;
}
.popularLink:after,
.soonLink:after {
    display: inline-block;
    position: relative;
    color: #f5532d;
    border-radius: 2px;
    line-height: 0;
    bottom: auto;
    vertical-align: middle;
    left: 12px;
    border: 1px solid;
    padding: 9px 8px;
    margin: -1px 0 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}
.soonLink:after {
    color: #8c8c8c;
    border-color: #bbbbbb;
}
.certLink:after {
    text-align: left;
    padding: inherit;
    width: 100%;
}
.helpNav {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
.helpNavContent {
    padding: 15px 1px;
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: inherit;
    overflow: hidden;
}
.PopBlock, .CategBlock {
    width: 50%;
    padding: 15px 10px;
}
.PopBlock ul {
    float: none;
    width: 100%;
}
#paddingUL {
    padding-right: 0;
}
.helpNav h4 {
    font-size: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.helpNav ul li {
    margin: 0;
}
.helpNav a {
    font-size: 15px;
}
.helpNav a:hover {
    background:0;
}
.blockLinks a:hover {
    background: #f2f2f2;
}
.helpNav a:active,
.blockLinks a:active {
    background-color: #e6e6e6;
}
.blockLinks a {
    font-size: 17px;
    padding: 18px 16px;
}
.blockLinks a:before {display: none;}
.helpCloseWrapper {
    display: none;
}
.currentHelp .gotohelp a span {bottom: 7px;}





/*============ АНИМАЦИЯ ПРИ ЗАГРУЗКЕ ==============*/

/* появление меню */
.nav {opacity: 0;}
.is-shown .nav {
    opacity: 1;
    -webkit-transition: height .25s cubic-bezier(.65, .1, 0, 1), background .65s .1s linear, opacity 1s .5s ease-out;
    transition: height .25s cubic-bezier(.65, .1, 0, 1), background .65s .1s linear, opacity 1s .5s ease-out;
}

/*============ АНИМАЦИЯ ОТКРЫТИЯ НАВИГАЦИИ ==============*/
.mobMenuActive .nav {
    height: 100%;
    background: rgba(255, 255, 255, 0.985);
    -webkit-transition: height .4s cubic-bezier(1, 0, .6, .9), background .1s linear;
    transition: height .4s cubic-bezier(1, 0, .6, .9), background .1s linear;
}
body.mobMenuActive:after {
    z-index: 8888;
    opacity: .3;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

/*========================= АНИМАЦИЯ ЭЛЕМЕНТОВ МОБИЛЬНОГО МЕНЮ =========================*/

.mobile_menu_button,.mobile_menu_button span {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .15, 1);
    transition: transform .3s cubic-bezier(.4, 0, .15, 1);} /* закрытое состояние */
.mobile_menu_button span:after { /* закрытое состояние */
    -webkit-transition: -webkit-transform .35s, height .2s, opacity .2s;
    transition: transform .35s, height .2s, opacity .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

/* Анимация кнопки меню */
.mobMenuActive .mobile_menu_button span:after { /*Собираем линии в одну*/
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 2px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mobMenuActive .mobile_menu_button {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} /*Поворачиваем кнопку (все линии)*/
.mobMenuActive .menu-rect-top {-webkit-transform: rotate(90deg);transform: rotate(90deg);} /*Поворачиваем одну из линий*/
.mobMenuActive .menu-rect-middle:after {opacity:0;} /*Прячем среднюю линию*/
.mobMenuActive .mobile_menu_button span:after,
.mobMenuActive .menu-rect-middle:after {-webkit-transition-delay: 0s;transition-delay: 0s;} /*Убираем задержку анимации*/
.mobMenuActive .mobile_menu_button,
.mobMenuActive .menu-rect-top {-webkit-transition-delay: .2s;transition-delay: .2s;} /*Добавляем задержку анимации*/
.mobile_menu label {-webkit-transition: opacity .35s ease, left .3s ease-out; transition: opacity .35s ease, left .3s ease-out;}
.mobMenuActive .mobile_menu label {
    opacity: 1 !important;
    left: 49px;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

/* Анимация иконки корзины */
.mobile_buy {
    -webkit-transition: -webkit-transform .5s cubic-bezier(1, 0, 0, 1), opacity .7s .2s;
    transition: transform .5s cubic-bezier(1, 0, 0, 1), opacity .7s .2s;
}
.mobMenuActive .mobile_buy {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.7, .2, .6, .7), opacity .5s;
    transition: transform .4s cubic-bezier(.7, .2, .6, .7), opacity .5s;
}

/* Анимация логотипа */
.mobile_home a {
    -webkit-transition: color .6s .1s;
    transition: color .6s .1s;
}
.mobMenuActive .mobile_home a {
    color: transparent;
    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
}
.mobile_home a:before {
    -webkit-transition: -webkit-filter .3s linear, margin .35s cubic-bezier(.6, .3, .3, 1);
    transition: filter .3s linear, margin .35s cubic-bezier(.6, .3, .3, 1);
}
.mobMenuActive .mobile_home a:before {
    margin: 0 -34px 0 19px;
    -webkit-filter: grayscale(100%) brightness(150%);
    filter: grayscale(100%) brightness(150%);
    -webkit-transition: -webkit-filter .4s linear, margin .45s ease-in-out;
    transition: filter .4s linear, margin .45s ease-in-out;
}

/* анимация логотипа при открытии помощи */
.mobile_home {
    pointer-events: auto;
    -webkit-transition: -webkit-transform .8s cubic-bezier(1,0,0,1), opacity .8s;
    transition: transform .8s cubic-bezier(1,0,0,1), opacity .8s;
}
.openHelp .mobile_home {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* анимация кнопки меню при открытии помощи */
.mobile_menu {-webkit-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;}
.openHelp .mobile_menu {opacity: .6}

/*============================ OPEN CONTENT ARROW ============================*/
.openContentButton {
    display: block;
    position: relative;
    height: 44px;
    width: 44px;
}
.openContentButton span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.8,0,0,1),-webkit-transform-origin .8s cubic-bezier(.8,0,0,1);
    -ms-transition: -ms-transform .8s cubic-bezier(.8,0,0,1),-ms-transform-origin .8s cubic-bezier(.8,0,0,1);
    transition: transform .8s cubic-bezier(.8,0,0,1),transform-origin .8s cubic-bezier(.8,0,0,1);
    -webkit-transform: translateY(8%);
    -ms-transform: translateY(8%);
    transform: translateY(8%);
}
.openContentButton span:after, .openContentButton span:before {
    display: block;
    content: "";
    height: 1px;
    width: 12px;
    background: #333;
    position: absolute;
    display: block;
    top: 50%;
    z-index: 1;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.8,0,0,1),-webkit-transform-origin .8s cubic-bezier(.8,0,0,1);
    -ms-transition: -ms-transform .8s cubic-bezier(.8,0,0,1),-ms-transform-origin .8s cubic-bezier(.8,0,0,1);
    transition: transform .8s cubic-bezier(.8,0,0,1), transform-origin .8s cubic-bezier(.8,0,0,1);
}
.openContentButton span:before {
    right: 50%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    -ms-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5);
}
.openContentButton span:after {
    left: 50%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    -ms-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5);
}

/* OPEN CONTENT ARROW ANIMATE*/
.openContentButton.active span {
    -webkit-transform: translateY(-8%);
    -ms-transform: translateY(-8%);
    transform: translateY(-8%);
}
.openContentButton.active span:before {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    -ms-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5);
}
.openContentButton.active span:after {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    -ms-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5);
}
/*кнопка закрытия ПОМОЩИ*/
.mobile_closeHelp .openContentButton {
    width: 100%;
    height: 100%;
    padding: 0;
    background: 0;
    outline: 0;
}
.mobile_closeHelp .openContentButton span {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.mobile_closeHelp .openContentButton span:before,
.mobile_closeHelp .openContentButton span:after {
    background: #f2f2f2;
    height: 2px;
}
.mobile_closeHelp .openContentButton span:before {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-border-top-left-radius: 1px;
    border-top-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    border-bottom-left-radius: 1px;
}
.mobile_closeHelp .openContentButton span:after {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-border-top-right-radius: 1px;
    border-top-right-radius: 1px;
    -webkit-border-bottom-right-radius: 1px;
    border-bottom-right-radius: 1px;
}
.mobile_closeHelp p {
    position: absolute;
    display: block;
    width: 100%;
    font-size: 12px;
    margin: 0;
    bottom: 0;
    line-height: 12px;
    color: transparent;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

/*Анимация кнопки закрытия ПОМОЩИ*/

li.mobile_closeHelp {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
}
.openHelp li.mobile_closeHelp {
    opacity: 1;
    pointer-events: auto;
}
.openHelp .mobile_closeHelp .openContentButton span {
    -webkit-transform: translateY(-14px);
    transform: translateY(-14px);
}
.openHelp .mobile_closeHelp .openContentButton span:before {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.openHelp .mobile_closeHelp .openContentButton span:after {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.openHelp .mobile_closeHelp p {
    bottom: 10px;
    color: #f2f2f2;
    font-weight: 400;
}
/*==*/



/*========================= АНИМАЦИЯ появления контента =========================*/
.is-shown .nav_list {
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0.18, 0.04, 0.67, 0.99), opacity .25s cubic-bezier(0.4, 0.02, 0.52, 0.88);
    transition: transform .25s cubic-bezier(0.18, 0.04, 0.67, 0.99), opacity .25s cubic-bezier(0.4, 0.02, 0.52, 0.88);
}
.mobMenuActive .nav_list {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .5s .2s cubic-bezier(0.49, 0.01, 0, 0.99), opacity 0s;
    transition: transform .5s .2s cubic-bezier(0.49, 0.01, 0, 0.99), opacity 0s;
}

.global_nav {
    -webkit-transition: -webkit-transform .78s .02s cubic-bezier(1,0,0,1), opacity .8s ease;
    transition: transform .78s .02s cubic-bezier(1,0,0,1), opacity .8s ease;
    -webkit-animation: down .78s;
    animation: down .78s;
}
@keyframes down {
    0% {bottom: auto;}
    100% {bottom: auto;}
}
@-webkit-keyframes down {
    0% {bottom: auto;}
    100% {bottom: auto;}
}
.openHelp .global_nav {
    bottom: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .78s .02s cubic-bezier(1,0,0,1), opacity .8s ease;
    transition: transform .78s .02s cubic-bezier(1,0,0,1), opacity .8s ease;
}
.helpLink a:after {
    -webkit-transition: all .95s ease;
    transition: all .95s ease;
}
.openHelp .helpLink a:after {
    font-size: 10%;
    bottom: 28px;
    -webkit-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}
.helpNav {
    pointer-events: none;
    top: 75%;
    opacity: 0;
    -webkit-transition: top .78s .02s cubic-bezier(1, 0, 0, 1), opacity .5s .2s;
    transition: top .78s .02s cubic-bezier(1, 0, 0, 1), opacity .5s .2s;
}
.openHelp .helpNav {
    pointer-events: auto;
    opacity: 1;
    top: 0;
    -webkit-transition: top .78s .02s cubic-bezier(1, 0, 0, 1), opacity .5s .1s cubic-bezier(.7, 0, .7, .7);
    transition: top .78s .02s cubic-bezier(1, 0, 0, 1), opacity .5s .1s cubic-bezier(.7, 0, .7, .7);
}

/*=====   FOOTER   =====*/

footer {font-size: 13.5px;}
.bottomNav {background: #f0f0f0;}
.bottomNav .content {padding: 0;}
.ftrLinks {
    height: auto;
    display: block;
    overflow: hidden;
}
.ftrLinks:after {display: none;}
.bottomNav a {
    line-height: 45px;
    display: block;
    padding: 0 16px;
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    color: #666;
}
.bottomNav a,
.bottomNav a:hover {
    background: transparent;
    -webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.52), 0px 1px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.52), 0px 1px 0px rgba(0, 0, 0, 0.07);
}
.bottomNav a:after {
    content: "";
    font-size: 20px;
    float: right;
    line-height: inherit;
    color: #000;
    opacity: .45;
    margin-top: -1px;
}
a.tgLogo:after,
a.ftrContact:after {
    content: "";
    font-size: 130%;
    margin: 0;
    opacity: .47;
}
a.ftrContact:after {
    content: "";
}
.bottomNav a:active {color: #333;background-color: rgba(130, 130, 130, 0.08);}
.bottomNav a:active:after {opacity: .85;}
#LinkTermsText {display: block;}
#LinkTermsText:before {content: "Условия использования сервиса"}
#LinkPrivacyText:before {content: "Политика конфиденциальности"}
.findUdidMobileLink#LinkUdidText:before {content: "Найти UDID без iTunes";}
#LinkAboutText:before {content: "О проекте";}
.bottomPaysystem {margin: 1px -5px 0;}
.bottomPaysystem li {padding: 0 5px; margin: 0;}
.bottomPaysystem li:hover span {background-image: url("/static/images/paySystems.png");background-size: 59px 206px;} /* хак. Показываем ту же картинку при ховере для мобилок */
.bottomPaysystem li:active span {background-image: url("/static/images/paySystems-color.png");background-size: 59px 206px;}
.copyright p {white-space: normal;width: 50px;}

/*=== OVERLAY WINDOW ===*/
.contentOverlay {
    padding-top: 25px;
    padding-bottom: 25px;
}
.closeOverlayButton:hover {-webkit-transform:none; transform:none;}
.overlayWindow {max-width: 100%;}
.overlayWindowWrapper {padding: 20px 15px;}

.contactContent {
    width: 480px;
    max-width: 100%;
}
.contactContent h2 {
    font-size: 28px;
}
.ContactWrap {
    padding: 10px;
}

.ContactWrap div {
    display: block;
    width: 100%;
    text-align: left;
}
.contactRight {
    padding-top: 3px;
}
    a.preffered label:before {
    position: absolute;
    right: 12px;
    top: 50%;
    font-size: 11px;
    margin: 0;
    padding: 5px 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
    a.preffered p {
        max-width: 62%;
    }

}


/*=========================== HiDPI for mobile ============================*/

@media only screen and (max-width: 766px) and (min-resolution: 1.5dppx), only screen and (max-width: 766px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 766px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 766px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 766px) and (min-device-pixel-ratio: 1.5) {
.bottomPaysystem li:hover span {background-image: url("/static/images/paySystems@2x.png");} /* хак. Показываем ту же картинку при ховере для мобилок */
.bottomPaysystem li:active span {background-image: url("/static/images/paySystems-color@2x.png");}
}



/*=========================== MAX 600px ============================*/

@media handheld, only screen and (max-width: 600px) {
.helpNavContent {
    padding: 0;
    -webkit-transition: background .5s;
    transition: background .5s;
}
.openHelp .helpNavContent {
    background: #f7f7f7;
    -webkit-transition: background .3s .5s;
    transition: background .3s .5s;
}
.questionWrapper,
.PopBlock,
.CategBlock {
    display: block;
    width: 100%;
    margin: 0;
}
.questionWrapper {
    padding: 0 49px;
    padding-top: 65px;
}
.helpNavContent .content {
    padding: 0;
}
.helpDevider {
    display: none;
}
.blockLinks {
    margin: 0 0;
    width: auto;
    padding: 0 0;
}
.blockLinks div {
    float: none;
    width: 100%;
    padding: 0;
}
.blockLinks a {
    line-height: 60px;
    font-size: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0;
    margin: 0;
    padding: 0 49px;
}
.PopBlock, .CategBlock {
    background: 0;
    padding: 10px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.questionWrapper li {
    position: relative;
    -webkit-box-shadow: inset 0px -1px 0px #e8e8e8;
    box-shadow: inset 0px -1px 0px #e8e8e8;
}
.questionWrapper li:after {
    content: "";
    color: #a6a6a6;
    position: absolute;
    line-height: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    font-size: 18px;
}
.questionWrapper a {
    display: block;
    overflow: hidden;
    padding: 0 12px;
    line-height: 48px;
    padding-right: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: -1px -12px 0px;
    font-weight: 400;
    color: inherit;
    position: relative;
}
.questionWrapper a:active {
    background-color: transparent;
    color: #1280c8;
}
.helpNav h4 {
    padding: 20px 0 13px;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 600;
}
.gotohelp {
    position: absolute;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0 1px 0 #fefefe;
    top: 0;
}
.gotohelp a {
    text-align: left;
}

.contactHelp {
    text-align: center;
}
.contactHelp a,
.blockLinks .contactHelp a:hover {
    text-align: center;
    padding: 9px 36px;
    display: inline-block;
    width: auto;
    line-height: normal;
    margin: 1.2em 0 2.5em;
    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);
}

.blockLinks a:hover {background: 0;}
.blockLinks a:active {
    background: #fcfcfc;
}
.blockLinks .contactHelp a: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%);
}

/*footer*/
.copyright {height: 64px;}
.copyrightTextHolder {
/*    margin-left: 120px;*/
    display: block;
    width: auto;
}
.copyright p {
    display: block;
    width: auto;
    padding: 0;
}
.copyright p.footerText {padding: 0;margin-top: .45em;}
.copyright p.footerText:before {display: none;}
div#vk_like {
    right: auto;
    left: 0;
    padding-right: 0;
    padding-left: inherit;
    margin-top: -30px;
}
.counter {
    left: 0;
    padding-left: inherit;
    margin-top: 2px;
}


}

/*=========================== MAX 480px ============================*/

@media handheld, only screen and (max-width: 480px) {
/* nav */
.mobile_menu,
.mobile_buy {
    width: 90px;
}
.mobile_home,.mobile_closeHelp {width: 110px;}
.mobile_nav .mobile_closeHelp {margin-left: -55px;}
.mobile_menu label {opacity: 0;left: 42px;}
.mobile_buy label {display: none;}

/*footer*/
.bottomPaysystem:after, .ftrLinks:after {display: none;}
.ftrScrollWrap {
    height: 64px;
    overflow: hidden;
    padding: 0;
}
.bottomPaysystem {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    margin: 0;
    padding: 0 4px;
    height: 85px;/*чтобы не было видно скролла*/}
.bottomPaysystem li {padding: 0 12px;}

}



/*=========================== MAX 374px ============================*/

@media handheld, only screen and (max-width: 374px) {
/*nav*/
.nav_list {padding-bottom: 60px}
.nav_list li {line-height: 52px;}
/*contact*/
a.preffered label:before {max-width: 28%;}

.popularLink:after {
    display: block;
    border: none;
    text-align: left;
    padding: 0;
    line-height: .9;
    margin: 0;
    left: 0;
    bottom: 10px;
}
}


/*==================================== IPHONE 6 PLUS RETINA ========================================*/
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .bottomPaysystem li span {background-image: url("/static/images/paySystems@3x.png");}
    .bottomPaysystem li:hover span {background-image: url("/static/images/paySystems@3x.png");} /* хак. Показываем ту же картинку при ховере для мобилок */
    .bottomPaysystem li:active span,
    .bottomPaysystem:before {background-image: url("/static/images/paySystems-color@3x.png");}
}