body {
    color: #2E3B4C;
    -webkit-font-smoothing: antialiased;
    background-color: #f7fafc;
    counter-reset: increment;
    font-family: 'Helvetica Neue';
}

html, body {
    height: 100%;
}

body.waiting {
    overflow: hidden;
}

.geodefined .geolocation {
    display: none;
}

header, footer  {
    min-width: 940px;
}

h1 {
    /* font-family: 'HelveticaNeueCyr-Thin'; */
    font-size: 50px;
    font-weight: 200;
}

h2 {
    /* font-family: 'HelveticaNeueCyr-Roman'; */
    font-size: 50px;
    font-weight: 400;
}

h3 {
    /* font-family: 'HelveticaNeueCyr-Medium'; */
    font-size: 24px;
    font-weight: 400;
}

/*   HEADER   */

header {
    width: 100%;
    background-color: #f7fafc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 90px;
    border-bottom: 1px solid #e2e6ea;
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header__nav-link {
    color: #2E3B4C;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.header__nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background-color: #1DB163;
    left: 0;
    -webkit-transition: width 0.1s ease-in-out;
    transition: width 0.1s ease-in-out;
}

.header__nav-link:hover,
.header__nav-link.active {
    color: #1DB163;
}

.header__nav-link:hover:after,
.header__nav-link.active:after {
    width: 100%;
}

.logo a {
    display: block;
    width: 173px;
    height: 30px;
    background: url(/backend/static/images/screen-intro-logo.png);
}

.lk a {
    display: block;
    position: relative;
    font-family: 'HelveticaNeueCyr-Medium';
    font-size: 16px;
    color: #2E3B4C;
    text-decoration: none;
    padding: 33px 0 32px 33px;


    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.lk a:hover {
    color: #1DB163;
}

.lk i {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #1DB163 url(../img/btn-enter.svg) 0 center no-repeat;
    left: 0;
    top: 27px;

    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.lk a:hover i {
    background-color: #2FD07A;
}

.geolocation {
    background-color: #1db163;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 90px;
    height: 75px;
}

.geolocation-in {
    text-align: left;
    color: white;
    font-size: 16px;
    font-family: 'HelveticaNeueCyr-Roman';
    padding-top: 17px;
    position: relative;
    height: auto;
    max-width: 940px;
    margin: 0 auto;
}

.geolocation-in > span {
    margin-left: 10px;
}

.geolocation a {
    color: white;
    text-decoration: none;
}

.geolocation a span {
    border-bottom: 1px dashed white;
    padding-bottom: 2px;

    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.geolocation a + a {
    margin-left: 20px;
}

.geolocation span + a {
    margin-left: 25px;
}

.geolocation a:hover span {
    border-bottom: 0;
}

.geo-close {
    position: absolute;
    right: -5px;
    display: block;
    width: 30px;
    height: 30px;
    top: 24px;
}

.geolocation a + .geo-close {
    margin: 0;
}

.geo-close i:before, .geo-close  i:after {
    content: "";
    position: absolute;
    background-color: white;
}

.geo-close i:before {
    top: 3px;
    right: 14px;
    width: 1px;
    height: 21px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.geo-close i:after {
    top: 13px;
    right: 4px;
    width: 21px;
    height: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

/*    CONTENT   */
section {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 90px;
}

.section--intro {
    padding-bottom: 115px;
    position: relative;
    overflow: hidden;
}

.section--intro > * {
    z-index: 4;
    position: relative;
}

.img-city {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 2;
}

.img-curve {
    position: absolute;
    left: 0;
    top: 350px;
    z-index: 3;
    display: none;
}

.section--intro h1, .section--intro h3 {
    text-align: center;
    width: 650px;
    margin: 0 auto;
    padding-top: 55px;
    line-height: 64px;
}

.section--intro h3 {
    margin: 25px auto 0;
    line-height: 36px;
    padding-top: 0;
}

.controls {
    font-size: 0;
    margin-top: 33px;
    text-align: center;
}

.controls a {
    display: inline-block;
    margin: 0 25px;
    font-size: 16px;
}

.cartype {
    max-width: 1110px;
    margin: 73px auto 0;
    padding-top: 285px;
    font-size: 0;
    /*background: url(../img/pic-auto-moscow.png) no-repeat center top;*/
    /*background-size: contain;*/
}

.cartype-in {
    max-width: 940px;
    margin: 0 auto;
}

.cartype-i {
    position: relative;
    display: inline-block;
    width: 33%;
    text-align: center;
    font-family: 'HelveticaNeueCyr-Thin';
    font-size: 36px;
    vertical-align: top;
}

.section--intro .cartype-i img {
    position: absolute;
    width: 195%;
}

.section--intro .cartype-i:first-child {
    z-index: 1;
    width: 30%;
}

.section--intro .cartype-i:nth-child(2) {
    z-index: 3;
    width: 40%;
}

.section--intro .cartype-i:nth-child(3) {
    z-index: 2;
    width: 30%;
}

.cartype-i:nth-child(2) {
    margin-top: 60px;
}

.cartype-i span {
    position: relative;
    display: block;
    font-family: 'HelveticaNeueCyr-Medium';
    font-size: 24px;
    color: #1DB163;
    padding-top: 15px;
    margin-top: 5px;
}

.cartype-i span:after {
    content: '';
    width: 120px;
    position: absolute;
    background-color: #ced4d8;
    height: 2px;
    left: 50%;
    margin-left: -60px;
    top: 0;
    border-radius: 2px;
}

.section--tarif {
    position: relative;
    padding-bottom: 270px;
    background: url(../img/pic-auto-moscow2.png) no-repeat center bottom;
    background-size: 870px;
}

.section--tarif:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    z-index: 0;
    left:0;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6edf0), to(#f7fafc));
    background: linear-gradient(to bottom, #e6edf0 0%, #f7fafc 100%);
}

.section--tarif h2, .section--tarif h3, .section--cartype h2, .section--cartype h3 {
    font-family: 'HelveticaNeueCyr-Roman';
    position: relative;
    z-index: 1;
    text-align: center;
}

.section--tarif h2, .section--cartype h2 {
    padding-top: 65px;
    color: #2E3B4C;
}

.section--tarif h2 span, .section--cartype h2 span {
    color: #1DB163;
    font-family: 'HelveticaNeueCyr-Bold';
}

.section--tarif h3, .section--cartype h3 {
    color: black;
    position: relative;
    padding-top: 27px;
}

.section--tarif h3:before, .section--cartype h3:before {
    content: '';
    width: 120px;
    position: absolute;
    background-color: #ced4d8;
    height: 2px;
    left: 50%;
    margin-left: -60px;
    top: 13px;
    border-radius: 2px;
}

.section--tarif h3 span, .section--cartype h3 span {
    color: #1DB163;
    font-family: 'HelveticaNeueCyr-Bold';
}

.tarif {
    max-width: 940px;
    font-size: 0;
    margin: 0 auto;
    padding-top: 170px;
    text-align: justify;
}

.section--tarif p {
    text-align: center;
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 16px;
    color: #AAB6C2;
    margin-top: 45px;
}

.section--tarif a {
    text-decoration: none;
    color: #007AFF;

    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.section--tarif a:hover {
    color: #3195F3;
}

.tarif:after {
    content: '';
    display: inline-block;
    width: 100%;
}


.tarif-i {
    width: 28%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    position: relative;
}

.tarif-i b {
    color: black;
    font-family: 'HelveticaNeueCyr-Bold';
    font-size: 24px;
    font-weight: 600;
    display: block;
}

.tarif-i p {
    color: #798490;
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 16px;
    line-height: 23px;
    margin-top: 14px;
}

.tarif-i .icon {
    position: absolute;
    left: 50%;
    top: -110px;
}

.section--plus {
    position: relative;
}

.section--plus .deco {
    position: absolute;
    background: url(../img/ico-scrolldown.svg) no-repeat 0 0;
    width: 60px;
    height: 352px;
    left: 50%;
    margin-left: -20px;
    top: 260px;
}

.section--plus h2 {
    padding-top: 65px;
    color: #2E3B4C;
    text-align: center;
}

.plus {
    max-width: 940px;
    margin: 0 auto;
    background: url(../img/pic-auto-moscow3.png) no-repeat 45% 65px;
    overflow: hidden;
    background-size: 36%;
    padding: 30px 0 180px;
    position: relative;
}

.plus-i {
    text-align: center;
    float: left;
    width: 30%;
    margin-top: 117px;
    position: relative;
}

.plus-i:nth-child(2n) {
    float: right;
}

.plus-i:nth-child(3) {
    clear: both;
}

.plus-i i {
    position: absolute;
    left: 50%;
    top: -50px;
}

.plus-i b {
    font-family: 'HelveticaNeueCyr-Bold';
    font-size: 16px;
    color: black;
}

.plus-i p {
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 14px;
    color: #798490;
    line-height: 21px;
    margin-top: 7px;
}

.section--geo {
    position: relative;
    padding-bottom: 235px;
}

.section--geo:before, .section--app:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    z-index: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6edf0), to(#f7fafc));
    background: linear-gradient(to bottom, #e6edf0 0%, #f7fafc 100%);
}

.section--app {
    background-color: #f7fafc;
    width: 100%;
    position: relative;
 }


.slide {
    width: 730px;
    margin: 0 auto;
    height: 480px;
}

.slide:last-child {
    height: 380px;
}

.section--geo h2, .section--app h2 {
    z-index: 1;
    position: relative;
    text-align: center;
    color: #2E3B4C;
    padding-top: 67px;
}

.section--app h2 {
    line-height: 66px;
}

.geo, .slider {
    font-size: 0;
    max-width: 940px;
    margin: 0 auto;
    padding-top: 62px;
}

.geo {
    position: relative;
}

.slider {
    margin-bottom: 300px;
}

.geo > div, .slide > div {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: top;
    z-index: 1;
    position: relative;
}

.geo .text, .slide .text {
    padding-right: 40px;
    max-width: 400px;
}

.geo .map, .slide .img {
    padding-left: 40px;
    float: right;
}

.geo .text {
    margin-right: 500px;
    padding-right: 0;
    width: auto;
}
.geo .map {
    width: 460px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 85px;
}

.slide .img {
    /*position: absolute;*/
    padding: 0;
    width: 60%;
    /*top: 240px;*/
    right: 0;
    float: none;
}

.slide img {
    display: none;
    position: absolute;
    top: 0;
    background: #f7fafc;
}

.slide img:first-child {
    display: block;
}

.slide .text {
    width: 40%;
    padding: 0;
    margin-top: 110px;

}

.geo h3, .slide h3 {
    line-height: 32px;
    color: black;
    padding-top: 12px;
}

.geo p, .slide p {
    font-size: 16px;
    line-height: 24px;
    color: #798490;
    font-family: 'HelveticaNeueCyr-Roman';
    padding-top: 9px;
}

.steps {
    width: 100%;
    position: absolute;
    left: 0;
    background-color: #f7fafc;
    z-index: 2;
}

.steps:before {
    content: '';
    position: absolute;
    top: -70px;
    left: 0;
    width: 100%;
    height:70px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(247,250,252,0)),color-stop(50%, rgba(247,250,252,1)));
    background: linear-gradient(to bottom, rgba(247,250,252,0) 0%,rgba(247,250,252,1) 50%);
}

.steps ul{
    font-size: 0;
    max-width: 940px;
    text-align: center;
    padding: 0 0 50px;
    margin: 0 auto;
}

.steps li {
    display: inline-block;
    position: relative;
    font-family: "HelveticaNeueCyr-Roman";
    font-size: 16px;
    color: #AAB6C2;
    padding-bottom: 30px;
}

.steps li + li {
    margin-left: 190px;
}
.steps li:before {
    position: absolute;
    content: '';
    width: 170px;
    height: 4px;
    border-radius: 4px;
    background-color: #AAB6C2;
    top: 19px;
    left: -180px;
}

.steps li > span {
    position: absolute;
    left: -55px;
    width: 150px;
    white-space: nowrap;
    top: 55px;
}

.steps li.active {
    color: #1DB163;
}

.steps li:after {
    display: none;
    position: absolute;
    content: '';
    width: 16px;
    height: 22px;
    top: 10px;
    left: -25px;
    background: url(../img/arrow-left.svg);
}

.steps li.active:after {
    display: block;
}

.steps li:first-child:before, .steps li:first-child:after {
    display: none;
}

.steps li.active:before {
    background-color: #1DB163;
}

.steps i {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #AAB6C2;
    border-radius: 40px;
    text-align: center;
    font-style: normal;
}

.steps i span {
    position: absolute;
    color: white;
    font-size: 24px;
    font-family: 'HelveticaNeueCyr-Medium';
    top: 10px;
    width: 100%;
    left: 0px;
}

.steps .active i {
    background-color: #1DB163;
}

.download {
    max-width: 940px;
    margin: 0 auto;
    border-top: 1px solid #e2e6ea;
    padding: 40px 0;
}

.download p {
    text-align: center;
    font-size: 24px;
    font-family: 'HelveticaNeueCyr-Roman';
}

.download img {
    vertical-align: middle;
}

.download a {
    margin-left: 8px;
}

footer {
    width: 100%;
    padding: 0 90px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*     RULES    */

.section--rules h1 {
    line-height: 62px;
    max-width: 940px;
    margin: 0 auto;
    padding-top: 60px;
}

.rules-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 440px;
}

.rules-common h2 {
    font-family: 'HelveticaNeueCyr-Medium';
    color: #2A2F35;
    margin: 45px 0 15px;
}

.rules-common h2 span {
    color: #1DB163;
}

.rules-common p + h2 {
    margin-top: 25px;
}

.rules-common p, .gas p, .parking p, .insurance p, .config p {
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 16px;
    line-height: 24px;
}

.gas p, .parking p, .insurance p, .config p {
    margin: 13px 0 0 20px;
}

.config__item + .config__item {
    margin-left: 15px;
}

.config__icon svg {
    display: block;
}

.config p i {
    margin-right: 5px;
}

.config .mobile {
    display: none;
}

.config .engine {
    border-top: 1px solid #cdd4d8;
    padding-top: 20px;
    margin-top: 20px;
}

.config .engine.softtop {
    width: 490px;
}

.engine__item + .engine__item {
    margin-left: 20px;
}

.rules-common .sup, .gas .sup {
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 14px;
    color: #AAB6C2;
    line-height: 23px;
    margin-left: 0;
}

.gas p, .parking p, .insurance p, .config p {
    margin: 15px 0 0 0;
}

.green {
    color: #1DB163;
}

.rules-common .sup a, .parking p a {
    text-decoration: none;
    color: #007AFF;

    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.rules-common .sup a:hover, .parking p a:hover {
    color: #3195F3;
}

.tab {
    font-size: 0;
    float: right;
    width: 440px;
}

.tab li {
    display: inline-block;
    padding: 12px 18px 7px;
    border: 3px solid transparent;
}

.tab a {
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 24px;
    font-family: 'HelveticaNeueCyr-Medium';
    color: #2A2F35;

    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.tab a:after {
    content: '';
    height: 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1px dashed #2A2F35;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;

    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.tab li + li {
    margin-left: 10px;
}

.tab .active {
    border: 3px solid #1DB163;
    border-radius: 10px;
}

.tab .active a {
    color: #1DB163;
    cursor: default;
}

.tab .active a:after {
    display: none;
}

.tab a:hover {
    color: #1DB163;
}

.tab a:hover:after {
    border-color: #1DB163;
}

.gas, .parking, .faq, .insurance, .config {
    font-size: 0;
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.gas {
    padding-bottom: 80px;
}

.gas > div, .parking > div, .config > div {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
}

.insurance > div {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.insurance .text {
    width: 60%;
    padding-right: 10px;
}

.insurance .img {
    width: 40%;
    vertical-align: bottom;
    text-align: center;
}

.gas .text, .gas .img {
    padding-right: 10px;
    vertical-align: middle;
}

.gas .img, .parking .text, .insurance .img, .config .img {
    padding-left: 10px;
}

.gas img, .parking img, .insurance img, .config img {
    width: 100%;
}

.gas h2, .parking h2, .insurance h2, .config h2  {
    font-size: 36px;
    color: #2A2F35;
    font-family: 'HelveticaNeueCyr-Medium';
    line-height: 50px;
}

.parking .text {
    vertical-align: bottom;
}

.config .text {
    vertical-align: top;
    margin-top: 10px;
}

.parking img, .config img {
    max-width: 370px;
}

.insurance img {
    max-width: 225px;
}

.insurance h1 {
    padding-top: 25px;
    line-height: 50px;
}

.section--duties {
    max-width: 1120px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.section--duties:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    z-index: 0;
    left:0;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6edf0), to(#f7fafc));
    background: linear-gradient(to bottom, #e6edf0 0%, #f7fafc 100%);
}

.section--duties h2 {
    font-family: 'HelveticaNeueCyr-Medium';
    position: relative;
    z-index: 1;
    font-size: 36px;
    line-height: 52px;
    color: #2A2F35;
    padding-top: 67px;
}

.section--duties ul + h2 {
    margin-top: 110px;
}

.section--duties ul {
    font-size: 0;
    margin-top: 3px;
}


.section--duties li {
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: top;
    margin-top: 18px;
}

.section--duties li:nth-child(2n+1) {
    padding: 0 0 0 20px;
    width: 40%;
}

.section--duties li:nth-child(2n) {
    padding: 0 0 0 100px;
    width: 60%;
}

.section--duties li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: #1DB163;
}

.section--duties li:nth-child(2n):before {
    left: 80px;
}

.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 14px;
    line-height: 20px;
    padding-top: 23px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.table-cell:first-child {
    width: 37%;
}

.table-cell:nth-child(2) {
    padding-left: 140px;
    width: 45%;
}
.table-cell:nth-child(3) {
    padding-left: 50px;
}

.table-cell p + p {
    padding-top: 20px;
}

.thead {
    color: #AAB6C2;
}

.thead .table-cell {
    white-space: nowrap;
    border-bottom: 1px solid #AAB6C2;
    padding-bottom: 7px;
    padding-top: 0;
}

.section--contacts {
    margin: 0 auto;
    padding-bottom: 100px;
}

.section--contacts h1 {
    line-height: 62px;
    max-width: 940px;
    margin: 0 auto;
    padding-top: 60px;
}

.contacts {
    padding-top: 60px;
    max-width: 940px;
    margin: 0 auto;
    font-size: 0;
}

.contacts > div {
    vertical-align: top;
}

.address {
    float: left;
    width: 325px;
}
.req {
    float: right;
    width: 325px;
}

.address b, .req b {
    display: block;
    font-family: 'HelveticaNeueCyr-Bold';
    font-size: 24px;
    color: black;
    padding-bottom: 23px;
}

.address p, .req p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'HelveticaNeueCyr-Roman';
}

.address p {
    color: #798490;
}

.address p + p {
    margin-top: 20px;
}

.address a, .tarifs a, .insurance a {
    text-decoration: none;
    color: #007AFF;

    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.address a:hover, .tarifs a:hover, .insurance a:hover {
    color: #3195F3;
}

.link {
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #007AFF;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.link:hover {
    color: #3195F3;
}

.req span {
    color: #798490;
}


.section--tarifs {
    margin: 0 auto;
    padding-bottom: 100px;
}

.section--tarifs h1 {
    line-height: 62px;
    max-width: 940px;
    margin: 0 auto;
    padding-top: 60px;
}

.tarifs {
    max-width: 940px;
    margin: 0 auto;
    font-size: 0;
}

.tarifs > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.tarifs .img {
    width: 40%;
    position: relative;
    margin-top: -50px;
    text-align: center;
    position: relative;
}

.tarifs .img img {
    width: auto;
    position: relative;
    display: none;

}

.tarifs .img img:first-child {
    display: inline;
}

.tarifs .tarifs-slider {
    width: 60%;
    padding-right: 100px;
}

.tarifs .tarif-i {
    text-align: left;
    margin-top: 100px;
    width: 100%;
    height: 480px;
}

.tarifs p {
    font-family: 'HelveticaNeueCyr-Medium';
    font-size: 16px;
    line-height: 25px;
    color: #2E3B4C;
}

.tarifs .sup, .config .sup {
    font-size: 16px;
    line-height: 22px;
    font-family: 'HelveticaNeueCyr-Roman';
    color: #AAB6C2;
    padding-top: 15px;
}

.config .sup {
    font-size: 14px;
    color: #798490;
}

.tarif-i h2 {
    font-family: 'HelveticaNeueCyr-Medium';
    color: #2A2F35;
}

.tarif-i h1 {
    padding-top: 10px;
}

.tarif-i h2 span {
    color: #1DB163;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(46, 59, 76, 0.8);
    z-index: 20;
    overflow-y: auto;
}

.overlay-login {
    background-color: #f7fafc;
}

.overlay-login .login {
    max-width: 270px;
    margin: 0 auto;
}

.overlay-login .login p {
    font-size: 16px;
    font-family: 'HelveticaNeueCyr-Roman';
    line-height: 23px;
    color: #798490;
    text-align: center;
}

.overlay-login .login .small {
    font-size: 14px;
    font-family: "HelveticaNeueCyr-Roman";
    color: #AAB6C2;
}

.overlay-login .login .error {
  font-size: 14px;
  font-family: "HelveticaNeueCyr-Roman";
  color: #FF5754;
}

.overlay-login .logo {
    width: 270px;
    height: 49px;
    background: url(/backend/static/images/screen-intro-logo.png);
    background-size: 270px 49px;
    margin: 0 auto 70px;
}

.overlay-login .login-form {
    margin: 45px auto 70px;
}

.overlay-login .login-form .btn-sbmt {
    margin: 40px auto;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 200px;
}

.login-form__i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.login-form__code {
    font: 24px/32px 'HelveticaNeueCyr-Roman';
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.login-form__code::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 5px 4px 0;
    border-top-color: #000;
    margin: 0 2px;
}

.login-countries-list {
    max-width: 320px;
    margin: 0 auto;
    padding: 10px;
}

.login-countries-list__item {
    text-align: left;
    font: 16px 'HelveticaNeueCyr-Roman';
    padding: 12px 10px;
    color: #000;
    cursor: pointer;
}

.login-countries-list__item:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.overlay-table {
    display: table;
    width: 100%;
    height: 100%;
}

.overlay-row {
    display: table-row;
}

.overlay-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.close {
    position: absolute;
    width: 41px;
    height: 41px;
    background-color: rgba(46, 59, 76, 1);
    border-radius: 41px;
    cursor: pointer;
    top: 10px;
    right: 10px;
}

.close:before, .close:after {
    content: "";
    position: absolute;
    background-color: white;
}

.close:before {
    top: 10px;
    right: 20px;
    width: 1px;
    height: 21px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close:after {
    top: 20px;
    right: 10px;
    width: 21px;
    height: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.overlay-login .close {
    background-color: transparent;
    width: 50px;
    height: 50px;
    top: 40px;
    right: 40px;
}

.overlay-login .close:before, .overlay-login .close:after {
    background-color: #979797;
    width: 2px;
    height: 50px;
}

.overlay-login .close:before {
    top: 0;
    right: 22px;
}

.overlay-login .close:after {
    width: 50px;
    height: 2px;
    top: 24px;
    right: -2px;
}

.section--faq h1 {
    line-height: 62px;
    max-width: 940px;
    margin: 0 auto;
    padding-top: 60px;
}

.article + .article {
    margin-top: 19px;
}

.section--cars {
    position: relative;
}

.section--cars .rules-common {
    padding: 0;
}

.section--cars .rules-common:before {
    display: none;
    padding: 0;
}

.section--cars .tab {
    position: absolute;
    right: 0;
    top: -165px;
    text-align: right;
    z-index: 2;
}

.softtop {
    position: relative;
    margin-top: 30px;
}


.softtop .img {
    padding-left: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.softtop img {
    width: 140px;
}

.softtop .text {
    padding-top: 5px;
    margin: 0 0 0 150px;
}

.config .softtop p {
    margin: 0;
}

.config .softtop .sup {
    margin-left: 10px;
    padding-top: 10px;
}

.colorpic {
    text-align: center;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 90px;
}

.colorpic span {
    display: inline-block;
    border-radius: 28px;
    width: 28px;
    height: 28px;
    border: 1px solid #c8cbcc;
    position: relative;
    cursor: pointer;
}

.colorpic span:before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 24px;
    position: absolute;
    top: 2px;
    left: 2px;
}

.colorpic .white:before,
.colorpic .white_black:before,
.colorpic .white_orange:before {
    background-color: white;
}

.colorpic .black:before {
    background-color: black;
}

.colorpic .blue:before,
.colorpic .nodt_blue:before {
    background-color: #035389;
}

.colorpic .grey:before {
    background-color: grey;
}

.colorpic .silver:before {
    background-color: silver;
}

.colorpic .orange:before {
    background-color: #E44B26;
}

.colorpic .red:before {
    background-color: #C0040E;
}

.colorpic .yellow:before,
.colorpic .gold:before {
    background-color: #E6C20B;
}

.colorpic span + span {
    margin-left: 5px;
}


/*    ICONS    */

.icon {
    display: inline-block;
    vertical-align: middle;
}

.icon--twitter {
    width: 20px;
    height: 17px;
    background: url('../img/ico-twitter.svg') 0 0 no-repeat;
    margin: -8px 0 0 -9px;
}

.icon--vk {
    width: 20px;
    height: 13px;
    background: url('../img/ico-vk.svg') 0 0 no-repeat;
    margin: -7px 0 0 -11px;
}

.icon--fb {
    width: 11px;
    height: 20px;
    background: url('../img/ico-fb.svg') 0 0 no-repeat;
    margin: -10px 0 0 -6px;
}

.icon--yt {
    width: 20px;
    height: 14px;
    background: url('../img/ico-yt.svg') 0 0 no-repeat;
    margin: -7px 0 0 -10px;
}

.icon--in {
    width: 20px;
    height: 20px;
    background: url('../img/ico-in.svg') 0 0 no-repeat;
    margin: -10px 0 0 -10px;
}

.icon--te {
    width: 20px;
    height: 17px;
    background: url('../img/ico-te.svg') 0 0 no-repeat;
    margin: -9px 0 0 -11px;
}

.icon--parking {
    width: 70px;
    height: 70px;
    background: url('../img/ico-parking.svg') 0 0 no-repeat;
    margin-left: -35px;
}

.icon--parking.icon--parking24 {
    width: 24px;
    height: 24px;
    margin-left: 0;
    background-size: 24px;
}

.icon--price {
    width: 24px;
    height: 24px;
    background: url('../img/ico-drive-price.svg') 0 0 no-repeat;
}

.icon--pax {
    width: 14px;
    height: 21px;
    background: url('../img/ico-pax.svg') 0 0 no-repeat;
}

.icon--engine {
    width: 29px;
    height: 21px;
    background: url('../img/ico-engine.svg') 0 0 no-repeat;
}

.icon--allinclude {
     width: 74px;
     height: 70px;
     background: url('../img/ico-include.svg') 0 0 no-repeat;
     margin-left: -37px;
 }

.icon--night {
    width: 89px;
    height: 84px;
    background: url('../img/ico-night.svg') 0 0 no-repeat;
    margin-left: -45px;
}

.icon--like {
    width: 32px;
    height: 30px;
    background: url('../img/ico-like.svg') 0 0 no-repeat;
    margin-left: -16px;
}

.icon--heart {
    width: 37px;
    height: 30px;
    background: url('../img/ico-heartt.svg') 0 0 no-repeat;
    margin-left: -18px;
}

.icon--travel {
    width: 37px;
    height: 30px;
    background: url('../img/ico-travel.svg') 0 0 no-repeat;
    margin-left: -18px;
}

.icon--cheap {
    width: 36px;
    height: 30px;
    background: url('../img/ico-cheap.svg') 0 0 no-repeat;
    margin-left: -18px;
}

.icon--geo {
    width: 33px;
    height: 39px;
    background: url('../img/ico-geo2.svg') 0 0 no-repeat;
}

.mobile {
    display: none;
}

.section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 940px;
    margin: 0 auto 110px;
    padding: 60px 0 0;
}

.section-header-select {
    width: 28%;
}

.section-header-select__title {
    font: 16px "HelveticaNeueCyr-Roman";
    margin: 0 0 15px;
}

.select {
    position: relative;
    overflow: hidden;
    max-height: 50px;
    border: 3px solid #1DB163;
    border-radius: 10px;
}

.select_rules {
    width: 255px;
    margin: 15px 0 0;
}

.select:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 10px 5.7735px 0;
    border-top-color: #1DB163;
}

.select select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 12px 18px 7px;
    border: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    font: 24px 'HelveticaNeueCyr-Medium';
}

.life-insurance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.life-insurance__text {
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 16px;
    line-height: 24px;
    margin: 15px 0;
}

.life-insurance__link {
    font-family: 'HelveticaNeueCyr-Roman';
    text-decoration: none;
    color: #007AFF;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.life-insurance__link:hover {
    color: #3195F3;
}

.signin {
  margin: 0 20px 0 auto;
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-ac{
    display: flex;
    align-items: center;
}

.flex-sb {
    display: flex;
    justify-content: space-between;
}

.copy__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.copy__cards svg + svg {
  margin-left: 6px;
}

.container {
  box-sizing: border-box;

  @media (--noMobile) {
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
    padding-left: 90px;
    padding-right: 90px;
  }

  @media (--mobile) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.title {
  @media (--noMobile) {
    margin: 60px 0;
  }

  @media (--mobile) {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    padding: 25px 0 30px;
    background: linear-gradient(to bottom, #24bd6b, #2fd07a);
    margin-top: 49px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

.header-banner-wr {
  background: #d9e7ec;

  @media (--mobile) {
    display: block;
    text-decoration: none;
  }
}

.header-banner {
  display: flex;
  align-items: center;

  @media (--noMobile) {
    justify-content: space-between;
    background: url(../img/banner@3x.jpg) center center / 500px 125px no-repeat;
    height: 125px;
  }

  @media (--mobile) {
    background: url(../img/banner-mobile@3x.jpg) right center / auto 85px no-repeat;
    height: 85px;
  }

  &__text {
    color: #000;

    @media (--noMobile) {
      max-width: 350px;
      margin-left: 30px;
      font-size: 17px;
      line-height: 1.41;
    }

    @media (--mobile) {
      font-size: 10px;
      line-height: 1.5;
      max-width: 160px;
    }
  }

  &__btn {
    @media (--noMobile) {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.19;
      color: #000;
      background: #fff;
      border-radius: 25px;
      padding: 18px 37px 13px;
      text-decoration: none;
      margin-right: 30px;
    }
  }
}

.content {
  position: relative;
  z-index: 1;

  @media (--noMobile) {
    padding-top: 155px;

    .banner & {
      padding-top: 280px;
    }

    .geodefined & {
      padding-top: 80px;
    }

    .geodefined.banner & {
      padding-top: 205px;
    }
  }

  @media (--mobile) {
    padding-top: 30px;

    .banner & {
      padding-top: 105px;
    }

    .app-hidden & {
      padding-top: 0;
    }

    .app-hidden.banner & {
      padding-top: 68px;
    }
  }
}

.footer {
  display: flex;

  @media (--noMobile) {
    max-width: 940px;
    margin: 0 auto;
    border-top: 1px solid #e2e6ea;
    padding-top: 60px;
    justify-content: space-between;
    align-items: flex-start;
  }

  @media (--mobile) {
    flex-direction: column;
  }
}

.footer-left,
.footer-right {
  @media (--noMobile) {
    width: 25%;
    display: flex;
  }
}

.footer-left {
  @media (--mobile) {
    order: 0;
  }
}

.footer-right {
  @media (--mobile) {
    order: 2;
  }
}

.footer-logo {
  @media (--noMobile) {
    width: 161px;

    &__img {
      max-width: 100%;
    }
  }
}

.footer-social {
  display: flex;

  @media (--noMobile) {
    margin-left: auto;
  }

  @media (--mobile) {
    justify-content: center;
  }

  &__item {
    & + & {
      margin-left: 10px;
    }
  }

  &__link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;

    @media (--noMobile) {
      width: 40px;
      height: 40px;
      background-color: #1db163;
      transition: all 0.1s ease-in-out;

      &:hover {
        background-color: #2fd07a;
      }

      svg:not(:first-child) {
        display: none;
      }
    }

    @media (--mobile) {
      width: 45px;
      height: 45px;

      svg:first-child {
        display: none;
      }

      svg:not(:first-child) {
        max-width: 25px;
        max-height: 25px;
      }
    }
  }
}

.footer-copy {
  text-align: center;

  @media (--noMobile) {
    width: 50%;
  }

  @media (--mobile) {
    order: 3;
  }

  &__text {
    font-size: 12px;
    margin-top: 15px;

    @media (--mobile) {
      color: #aab6c2;
      line-height: 17px;
    }
  }

  &__link {
    text-decoration: none;
    color: #007aff;
    font-weight: 500;
    transition: all 0.1s ease-in-out;

    &:hover {
      color: #3195f3;
    }
  }
}

.footer-getapp {
  @media (--mobile) {
    order: 1;
    text-align: center;

    &__text {
      font-size: 12px;
      line-height: 17px;
      color: #aab6c2;
    }

    &__btn {
      font-size: 16px;
      margin: 20px 0 40px;
      display: inline-flex;
    }
  }
}



@media screen and (max-width: 1068px) {
    .rules-common.spb:before {
        width: 70%;
    }

    .cartype-i:nth-child(2) img {
        max-width: 455px;
    }
}

@media screen and (max-width: 1100px) {
    .section--cars .tab {
        position: relative;
        text-align: left;
        top: -70px;
    }

    .config .img {
        width: 40%;
    }

    .config .text {
        padding-left: 25px;
        width: 60%;
    }

    .colorpic {
        padding-right: 20px;
    }
}

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

    a, i {
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }

    .mobile {
        display: block;
    }

    .navactive .fixed {
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: auto;
    }

    .geolocation {
        display: none;
    }

    .header__language {
        display: none;
        text-decoration: underline;
        margin: auto 0 15px;
        font-size: 13.5px;
        color: rgba(47, 47, 68, 0.6);
    }

    .navactive .header__language {
        display: block;
    }

    h2, .section--app h2 , .section--duties h2 {
        font-family: 'HelveticaNeueCyr-Thin';
        font-size: 30px;
        line-height: 40px;
        font-weight: 400;
    }

    .tarif {
        min-width: 0;
        max-width: 100%;
        padding: 0;
    }

    .section--tarif {
        background: none;
        padding: 20px 20px 40px;
    }

    .section--tarif:before {
        top: 0;
    }

    .section--tarif h2, .section--tarif h3 {
        display: none;
    }

    .section--tarif p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 30px;
    }

    .tarif {
        padding-top: 0;
    }

    .tarif-i {
        display: block;
        width: 100%;
        padding-top: 115px;
    }

    .tarif-i .icon {
        top: 25px;
    }

    .tarif-i b {
        font-size: 24px;
        line-height: 16px;
    }

    .tarif-i p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 17px;
    }

    .icon--parking {
        height: 60px;
        width: 60px;
        background-size: 60px;
        margin-left: -30px;
    }

    .icon--allinclude {
        width: 63px;
        height: 60px;
        margin-left: -31px;
        background-size: 63px 60px;
    }

    .icon--night {
        width: 63px;
        height: 60px;
        margin-left: -32px;
        background-size: 63px 60px;
    }

    .icon--fb {
        width: 11px;
        height: 23px;
        background: url(../img/mobile/ico-fb.svg);
        background-size: 11px 23px;
        margin: -11px 0 0 -5px;
    }

    .icon--twitter {
        width: 22px;
        height: 18px;
        background: url(../img/mobile/ico-tweet.svg);
        background-size: 22px 18px;
        margin: -9px 0 0 -11px;
    }

    .icon--yt {
        width: 22px;
        height: 16px;
        background: url(../img/mobile/ico-youtube.svg);
        background-size: 22px 16px;
        margin: -8px 0 0 -11px;
    }

    .icon--in {
        width: 23px;
        height: 23px;
        background: url(../img/mobile/ico-insta.svg);
        background-size: 23px;
        margin: -12px 0 0 -11px;
    }

    .icon--vk {
        width: 25px;
        height: 14px;
        background: url(../img/mobile/ico-vk.svg);
        background-size: 25px 14px;
        margin: -7px 0 0 -12px;
    }

    .icon--te {
        width: 24px;
        height: 20px;
        background: url(../img/mobile/ico-telegram.svg);
        background-size: 24px 20px;
        margin: -10px 0 0 -12px;
    }

    .section--plus {
        padding: 0 20px 110px;
        background: url(../img/pic-auto-moscow2.png) center bottom no-repeat;
        background-size: contain;
    }

    .section--plus:before, footer:before, .gas:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100px;
        z-index: -1;
        left:0;
        top: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#e6edf0), to(#f7fafc));
        background: linear-gradient(to bottom, #e6edf0 0%, #f7fafc 100%);
    }

    .section--plus .deco {
        display: none;
    }

    .section--plus h2, .section--geo h2, .section--plus h2, .section--app h2, .section--duties h2 {
        position: relative;
        z-index: 2;
        padding-top: 45px;
    }

    .section--plus p {
        font-size: 12px;
        line-height: 16px;
    }

    .plus {
        background: none;
        padding: 0;
        margin: 0;
        overflow: auto;
        max-width: 30000px
    }

    .plus > div {
        height: 200px !important;
    }

    .plus-i {
        width: 100%;
        clear: none !important;
        margin-top: 0;
        float: left !important;
        padding-top: 90px !important;
    }

    .plus-i i {
        top: 40px;
    }

    .plus-i p {
        margin-top: 15px;
    }

    .section--geo {
        padding: 0 20px 20px;
    }

    .geo {
        padding-top: 15px;
    }
    .geo .text {
        width: 100%;
        display: block;
        margin: 0;
        max-width: none;
    }
    .geo .map {
        width: 100%;
        display: block;
        margin: 0;
        position: relative;
        top: 20px;
        padding-bottom: 40px;
    }

    .geo h3 {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .geo p {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }

    footer {
        min-width: 0;
        padding: 45px 20px 0;
        position: relative;
    }

    header {
        padding: 0 20px;
        border: 0;
        min-width: 0;
        position: relative;
    }

    .header__nav {
        display: none;
    }

    header .lk {
        display: none;
    }

    header .logo a {
        width: 130px;
        height: 22px;
        background-size: 130px 22px;
    }

    .header {
        height: auto;
        padding: 13px 0;
    }

    .section--intro .cartype, .section--intro .img-city, .section--intro .img-curve {
        display: none;
    }

    .section--intro {
        padding: 20px 20px 40px;
    }

    .section--intro h1 {
        font-size: 30px;
        line-height: 40px;
        width: 100%;
    }

    .section--intro h3 {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        margin-top: 15px;
    }

    .section--intro .controls {
        display: none;
    }

    .section--intro .controls.mobile {
        display: block;
        margin-top: 15px;
    }

    .section--intro .controls a {
        display: block;
        width: 220px;
        margin: 0 auto;
    }

    .section--intro .controls a + a {
        margin-top: 20px;
    }

    .btn-lnk, .btn-sbmt {
        -webkit-box-sizing: border-box !important;
                box-sizing: border-box !important;
        white-space: nowrap !important;
    }

    .btn-lnk {
        border: 1px solid #798490 !important;
    }

    .section--cartype {
        position: relative;
        padding: 0 0 30px;
    }

    .section--cartype:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100px;
        z-index: 0;
        left:0;
        top: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#e6edf0), to(#f7fafc));
        background: linear-gradient(to bottom, #e6edf0 0%, #f7fafc 100%);
    }

    .cartype {
        margin: 0;
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .msk .cartype > div {
        background: url(../img/bgr-slide11.svg) repeat-x left 80px;
        background-size: 80%;
        padding: 200px 0 0 0 !important;
        height: 240px !important;
    }

    .msk .cartype > div:before {
        content: '';
        display: block;
        background: url(../img/bgr-curve.svg) no-repeat left 0;
        height: 180px;
        width: 100%;
        background-size: 100%;
        top: 155px;
        position: absolute;
    }

    .spb .cartype:before {
        background: url(../img/bgr-curve.svg) no-repeat -40px 0;
        height: 180px;
        width: 100%;
        background-size: 230%;
        top: 185px;
    }

    .section--cartype.spb .cartype {
        background: url(../img/mobile/bgr-main-spb.svg) no-repeat left 10px;
        background-size: 100%;
        height: 250px;
        padding-top: 240px;
        position: relative;
        z-index: 2;
    }

    .cartype-i img {
        height: 150px;
    }

    .cartype-i {
        width: 100%;
        display: block;
        float: left;
        margin: 0 !important;
        padding: 0;
        height: 450px !important;
    }

    .spb .cartype {
        padding-top: 200px;
    }

    .spb .cartype-i {
        left: 0;
        height: auto;
    }

    .headers {
        position: absolute;
        z-index: 3;
        width: 100%;
        text-align: center;
        top: 50px;
        left: 0;
    }

    .section--cartype h2, .section--cartype h3 {
        position: relative;
    }

    .section--cartype h2 {
        font-size: 24px;
        line-height: 16px;
        padding: 0;
    }

    .section--cartype h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .cartype-i .text {
        font-size: 30px;
        line-height: 38px;
        margin-top: 10px;
    }

    .cartype-i span, .spb .cartype-i span {
        font-size: 20px;
        line-height: 26px;
        margin-top: 0;
        padding-top: 10px;
    }

    .spb .cartype-i span {
        position: relative;
    }

    .spb .cartype-i span:after {
        content: '';
        display: block;
        width: 120px;
        position: absolute;
        background-color: #ced4d8;
        height: 2px;
        left: 50%;
        margin-left: -60px;
        top: 0;
        border-radius: 2px;
    }

    .steps, .download {
        display: none;
    }

    .slider {
        margin: 0;
        padding-top: 0;
    }

    .section--app {
        padding: 0 20px 30px;
        overflow: hidden;
    }

    .slide {
        width: 100%;
        height: auto !important;
        counter-increment: increment;
        margin-top: 120px;
    }

    .slide:first-child {
        margin-top: 30px;
    }

    .slide:last-child {
        margin-bottom: 50px;
    }

    .section--app .img {
        right: 0;
        top: 235px;
        position: absolute;
        height: 369px;
        width: 28%;
    }

    .section--app .img img {
        display: none;
        height: 369px;
    }

    .section--app .img img:first-child {
        display: block;
    }

    .slide:before {
        content: counter(increment, decimal);
        display: block;
        color: white;
        width: 30px;
        height: 30px;
        background-color: #1DB163;
        border-radius: 30px;
        font-family: 'HelveticaNeueCyr-Bold';
        font-size: 16px;
        line-height: 32px;
        text-align: center;
    }

    .slide .text {
        padding-right: 30%;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 0;
    }

    .slide .img {
        display: none;
    }

    .slide h3 {
        font-family: 'HelveticaNeueCyr-Bold';
        font-size: 16px;
        line-height: 24px;
    }

    .slide p {
        font-size: 12px;
        line-height: 16px;
    }

    .footer .btn-sbmt:hover {
        color: white;
    }

    .app {
        position: relative;
        display: block;
        padding: 8px 0 9px 7px;
        background: #12A757;
        text-decoration: none;
    }

    .app p {
        font-size: 12px;
        font-family: 'HelveticaNeueCyr-Roman';
        color: white;
    }

    .icon--apple {
        background: url(../img/mobile/ico-svg-apple.svg);
        width: 8px;
        height: 9px;
        background-size: 8px 9px;
        margin: -3px 0 0 3px;
    }

    .icon--app {
        background: #fff url(../img/mobile/ico-arrow-right.svg) left center no-repeat;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        background-size: 15px 9px;
        margin-right: 3px;
    }

    .app .icon--close {
        position: absolute;
        display: block;
        right: 17px;
        top: 8px;
        width: 22px;
        height: 22px;
        cursor: pointer;
    }

    .app .icon--close:before, .app .icon--close:after {
        content: "";
        position: absolute;
        background-color: white;
    }

    .app .icon--close:before {
        top: 3px;
        right: 11px;
        width: 1px;
        height: 15px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .app .icon--close:after {
        top: 10px;
        right: 4px;
        width: 15px;
        height: 1px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .hamburger {
        position: absolute;
        right: 10px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 3;
        top: 4px;
    }

    .hamburger i {
        top: 19px;
        right: 10px
    }

    .hamburger i, .hamburger i:before, .hamburger i:after {
        position: absolute;
        width: 18px;
        height: 2px;
        background: #1DB163;
        display: block;
        content: '';
        border-radius: 3px;
    }

    .hamburger i:before {
        top: -6px;
        -webkit-transition-property: all, transform;
        -webkit-transition-property: all, -webkit-transform;
        transition-property: all, -webkit-transform;
        transition-property: all, transform;
        transition-property: all, transform, -webkit-transform;
    }
    .hamburger i:after {
        bottom: -6px;
        -webkit-transition-property: all, transform;
        -webkit-transition-property: all, -webkit-transform;
        transition-property: all, -webkit-transform;
        transition-property: all, transform;
        transition-property: all, transform, -webkit-transform;
    }
    .hamburger i:before, .hamburger i:after {
        -webkit-transition-duration: 0.2s, 0.2s;
        transition-duration: 0.2s, 0.2s;
        -webkit-transition-delay: 0.1s, 0s;
        transition-delay: 0.1s, 0s;
    }

    .navactive .hamburger i {
        background: none;
    }
    .navactive .hamburger i:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .navactive .hamburger i:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navactive .hamburger i:before, .navactive .hamburger i:after {
        -webkit-transition-delay: 0s, 0.2s;
        transition-delay: 0s, 0.2s;
    }
    .navactive .content, .navactive footer, .navactive header .logo {
        display: none;
    }

    .navactive header {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 50px;
    }

    .navactive .header__nav {
        display: block;
        margin: 30px 0;
    }

    .header__nav-item {
        margin: 0;
    }

    .header__nav-item_city {
        margin-top: 23.5px;
    }

    .header__nav-link_city {
        color: #1eb464;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .header__nav-link_city svg {
        width: 20px;
        height: 20px;
        fill: currentColor;
        margin: 0 0 4px 12px;
    }

    .header__nav-link {
        font-size: 20px;
        line-height: 50px;
        font-weight: 400;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0;
    }

    .header__nav-link::after {
        bottom: 13px;
    }

    .navactive .header {
        border: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        padding: 0;
    }

    .header > .city {
        position: fixed;
        bottom: 0;
        width: 100%;
        display: none;
        left: 0;
    }

    .navactive .header > .city {
        display: block;
    }

    .city span, .city a {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 20px;
        line-height: 60px;
        text-decoration: none;
        color: white;
        font-family: "HelveticaNeueCyr-Roman";
        text-align: center;
    }

    .city > div {
        background-color: #2FD07A;
        text-align: center;
    }

    .section--tarifs, .section--faq, .section--contacts, .section--rules, .section--cars {
        padding: 20px 0 0 0;
    }

    .section--rules {
        overflow: hidden;
        margin: 0 0 60px;
    }

    .inner:not(.navactive) header {
        background: -webkit-gradient(linear, left top, left bottom, from(#1EB464), to(#24bd6b));
        background: linear-gradient(to bottom, #1EB464 0%, #24bd6b 100%);
    }

    .inner header .logo a {
        background: url(../img/mobile/logo-white.svg);
        background-size: 130px 22px;
    }

    .inner:not(.navactive) .header {
        border-bottom: 1px solid #3ec57c;
    }

    .inner section > h1 {

        text-align: center;
        font-size: 30px;
        line-height: 40px;
        font-family: "HelveticaNeueCyr-Thin";
        padding: 30px 0 30px;
        color: white;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#24bd6b), to(#2fd07a));
        background: linear-gradient(to bottom, #24bd6b 0%, #2fd07a 100%);
        margin-top: 29px;
    }

    .inner:not(.navactive) .hamburger i,
    .inner:not(.navactive) .hamburger i:before,
    .inner:not(.navactive) .hamburger i:after {
        background-color: white;
    }

    .tarifs {
        padding: 0 20px 50px;
    }

    .tarifs .tarifs-slider {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .tarifs .tarif-i {
        margin: 50px 0 0 0;
        padding: 0;
    }
    .tarifs .tarif-i > * {
        padding-right: 30%;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .tarifs .tarif-i h2, .tarifs .tarif-i h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .tarifs .tarif-i h1 {
        padding-top: 0;
    }

    .tarifs .tarif-i p {
        font-size: 12px;
        line-height: 16px;
        font-family: 'HelveticaNeueCyr-Roman';
        color: #798490;
    }

    .tarifs .img {
        right: 0px;
        top: 225px;
        position: absolute;
        height: 381px;
        width: 28%;
    }

    .tarif-i .sup {
        display: none;
    }

    .tarifs .sup {
        font-size: 8px;
        line-height: 12px;
        color: #AAB6C2;
        text-align: center;
        padding-top: 40px;
    }

    .icon--expand-grey {
        width: 10px;
        height: 10px;
        border-top: 1px solid #AAB6C2;
        border-right: 1px solid #AAB6C2;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);

        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;

    }

    .active .icon--expand-grey {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .section--contacts h1 {
        display: none;
    }

    .section--contacts h1.mobile {
        display: block;
    }

    .contacts {
        padding: 20px 20px 40px;
    }

    .contacts b {
        display: none;
    }

    .req, .address, .street {
        width: 100%;
        float: none;
        position: relative;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 20px;
    }

    .address p.first {
        display: none;
    }

    .req p, .address p, .street p {
        font-size: 12px;
        line-height: 20px;
        font-family: 'HelveticaNeueCyr-Roman';
    }

    .req span {
        color: #2E3B4C;
    }

    .address span {
        color: #AAB6C2;
        width: 150px;
        display: inline-block;
    }

    .address p + p {
        margin-top: 0;
    }

    .req:before, .address:before, .street:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0px;
        width: 1px;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(#1db263), to(#45f166));
        background: linear-gradient(to bottom, #1db263 0%, #45f166 100%);
    }

    .inner .section--rules h1 {
        padding: 30px 20px 100px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    .tab {
        display: none;
    }

    .rules-content {
        width: 100%;
        text-align: center;
        padding: 70px 20px 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        max-width: none;
    }

    .rules-common {
        padding-bottom: 0;
        margin-top: 50px;
    }
    .inner .section--rules .rules-content h1 {
        font-size: 24px;
        line-height: 32px;
        padding: 0;
        color: #2E3B4C;
        display: block;
    }

    .rules-common h2 {
        margin: 0;
        padding: 0;
        font-size: 24px;
        line-height: 32px;
    }

    .rules-common p {
        font-size: 12px;
        line-height: 16px;
        color: #798490;
        margin: 5px 0 0 0;
    }

    .rules-common.msk:before {
        background-size: 250px 222px;
        height: 222px;
        top: -150px;
        width: 250px;
        left: 50%;
        margin-left: -125px;
    }

    .rules-common.spb:before {
        background-size: 433px 225px;
        height: 225px;
        top: -140px;
        width: 433px;
        left: 50%;
        margin-left: -216px;
    }

    .gas, .parking, .insurance {
        position: relative;
        padding: 130px 20px 0px;
    }

    .gas > div, .parking > div, .insurance > div, .insurance .text {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .section--cars .rules-common {
        margin-top: 0;
    }

    .config {
        padding: 40px 0 30px;
        position: relative;
    }

    .config:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100px;
        z-index: 0;
        left:0;
        top: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#e6edf0), to(#f7fafc));
        background: linear-gradient(to bottom, #e6edf0 0%, #f7fafc 100%);
    }

    .config:nth-child(1):before {
        display: none;
    }


    .config .img, .config .text {
        width: 100%;
        padding: 0;
        text-align: center;
    }


    .config .text {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 20px;
        max-width: 390px;
        margin: 10px auto 0;
        display: block;
    }

    .config .engine {
        width: auto;
        font-size: 12px;
        margin-top: 5px;
        padding-top: 5px;
    }

    .config img {
        width: 70%;
        position: relative;
        z-index: 2;
    }

    .config .icon--pax {
        width: 11px;
        height: 16px;
        background-size: 11px 16px;
    }

    .config .icon--engine {
        width: 16px;
        height: 12px;
        background-size: 16px 12px;
    }

    .config h2 {
        font-family: HelveticaNeueCyr-Bold;
        margin-top: 15px;
    }

    .config .sup {
        font-size: 12px;
        line-height: 16px;
        color: #AAB6C2;
        margin-top: 0;
    }

    .config .engine.softtop {
        width: auto;
    }

    .colorpic {
        padding: 0;
        margin-top: 15px;
    }

    .colorpic span {
        width: 18px;
        height: 18px;
    }

    .colorpic span:before {
        width: 16px;
        height: 16px;
        top: 1px;
        left: 1px;
    }

    .gas h2, .parking h2, .insurance h2, .config h2 {
        font-size: 16px;
        line-height: 24px;
        color: black;
    }

    .gas p, .parking p, .insurance p {
        color: #798490;
        font-size: 16px;
        line-height: 24px;
    }

    .config p {
        font-size: 12px;
        margin-top: 7px;
    }

    .config__item + .config__item,
    .engine__item + .engine__item {
        margin-left: 5px;
    }

    .config .mobile {
        display: block;
        color: #2E3B4C;
    }

    .config .icon--price, .config .icon--parking {
        width: 18px;
        height: 18px;
        background-size: 18px;
    }

    .config__icon svg {
        width: 18px;
    }

    .softtop {
        max-width: 390px;
        margin: 30px auto 0;
    }

    .softtop .img {
        width: 90px;
    }

    .softtop .img img {
        width: 100%;
    }

    .softtop p {
        display: block;
    }

    .softtop .text {
        margin-left: 110px;
        padding: 0;
        width: auto;
        text-align: left;
    }

    .softtop p {
        font-size: 12px;
        color: #2E3B4C;
    }

    .config .softtop .sup {
        padding-top: 0;
    }

    .config .sup.mobile {
        color: #AAB6C2;
    }

    .gas .sup, .gas .sup span.green, .parking .sup,
    .parking .sup span.green {
        color: #AAB6C2;
        font-size: 12px;
        line-height: 16px;
    }

    .insurance p a {
        font-size: 12px;
        line-height: 16px;
    }

    .gas .img img, .parking .img img, .insurance .img img {
        display: none;
    }

    .gas .img, .parking .img, .insurance .img {
        width: 60px;
        height: 60px;
        position: absolute;
        background: url(../img/mobile/ico-gas.svg) no-repeat;
        background-size: 50px;
        top: 40px;
        left: 50%;
        margin-left: -25px;
        padding: 0;
    }

    .parking .img {
        background: url(../img/ico-parking.svg) no-repeat;
        background-size: 50px;
    }

    .insurance .img {
        background: url(../img/mobile/ico-insurance.svg) no-repeat;
        background-size: 50px;
    }

    .section--duties {
        padding: 0 20px 40px;
    }

    .section--duties h2 {
        text-align: center;
    }

    .section--duties ul {
        margin-top: 20px;
    }

    .section--duties li {
        color: #798490;
        font-size: 12px;
        line-height: 16px;
        width: 100% !important;
        padding-left: 10px !important;
    }

    .section--duties li:before {
        width: 3px;
        height: 3px;
        top: 7px;
        left: 0 !important;
    }

    .section--duties ul + h2 {
        margin-top: 0;
    }

    .section--duties .table {
        display: none;
    }

    .section--tarifs {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .close {
        width: 31px;
        height: 31px;
        top: 10px;
        right: 10px;
    }

    .close:before {
        top: 5px;
        right: 15px;
    }

    .close:after {
        top: 15px;
        right: 5px;
    }

    .inner:before {
        content: '';
        display: block;
        height: 170px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: #24bd6b;
    }

    .inner .section {
        position: relative;
        z-index: 2;
    }

    .rules-common {
        position: relative;
    }

    .rules-common__img {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .rules-common__img_msk {
        top: -150px;
        max-width: 250px;
    }

    .rules-common__img_spb {
        top: -130px;
        max-width: 350px;
    }

    .rules-common__img_sochi {
        top: -140px;
        max-width: 300px;
    }

    .rules-common__img_ekaterinburg {
        top: -115px;
        max-width: 300px;
    }

    .faq__i {
        padding: 40px 20px;
    }

    .life-insurance {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 20px;
    }

    .life-insurance__content {
        text-align: center;
    }

    .life-insurance__icon {
        margin: 30px 0;
    }

    .life-insurance__icon svg {
        width: 60px;
        height: 60px;
    }

    .life-insurance__title {
        font-size: 16px;
        line-height: 24px;
        color: black;
        font-family: 'HelveticaNeueCyr-Medium';
        margin: 0;
    }

    .life-insurance__link {
        font-size: 12px;
        line-height: 16px;
    }

    .city-popup {
        padding: 87px 0 0;
    }

    .city-popup__title {
        font: 16px/1.5 'HelveticaNeueCyr-Roman';
        color: #798490;
        margin: 0 0 16px;
        padding: 0 25.5px 0 0;
    }

    .city-popup__subtitle {
        display: none;
    }

    .city-popup__list-link {
        text-decoration: none;
        font: 20px/2.5 'HelveticaNeueCyr-Roman';
        color: #2e3b4c;
        -webkit-transition: background 0.5s;
        transition: background 0.5s;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .city-popup__footer {
        display: none;
    }

    .city-popup__back {
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        top: 8px;
        left: 11px;
    }

    .city-popup__back svg {
        width: 20px;
        height: 20px;
    }

    .copy__cards {
      margin: 20.5px 0 95px;
    }
}

.bx-controls {
    margin-top: 25px;
}

.bx-pager {
    font-size: 0;
    text-align: center;
    width: 100%;
}

.bx-pager-item {
    display: inline-block;
}

.bx-pager-item + .bx-pager-item {
    margin-left: 7px;
}

.bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #AAB6C2;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.bx-pager-item a.active {
    background-color: #798490;
    border-color: #798490;
}
@media screen and (min-width: 768px) {
    .header__nav {
        margin-left: 45px;
    }

    .header__nav-item {
        margin: 0 10px;
    }

    .header__nav-link {
        font-size: 14px;
        font-weight: 500;
        line-height: 0.8;
        padding: 34px 0;
        display: block;
    }

    .header__nav-link::after {
        bottom: 27px;
    }

    .header__nav-link_all {
        border: 2px solid #1eb464;
        border-radius: 18px;
        padding: 10.5px 16px;
    }

    .header__nav-link_all::after {
        display: none;
    }

    .header__language {
        font-size: 14px;
        color: #2E3B4C;
        cursor: pointer;
    }

    .rules-common {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 940px;
        margin: 110px auto 130px;
    }

    .rules-common__img {
        max-height: 335px;
    }

    .rules-common__img_msk {
        margin: -70px 0 0 -50px;
    }

    .rules-common__img_spb {
        margin: -50px 0 0 -235px;
    }

    .rules-common__img_sochi {
        margin: -70px 0 0 -50px;
    }

    .rules-common__img_ekaterinburg {
        margin: -20px 0 0 -90px;
    }

    .faq__i {
        max-width: 940px;
        margin: 0 auto;
        padding: 60px 0 100px;
    }

    .life-insurance {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 940px;
        margin: 0 auto;
        padding-bottom: 100px;
    }

    .life-insurance__img {
        max-width: 225px;
    }

    .life-insurance__content {
        width: calc(100% - 350px);
        margin: 20px 0 0;
    }

    .life-insurance__title {
        font-size: 36px;
        color: #2A2F35;
        font-family: 'HelveticaNeueCyr-Medium';
        line-height: 50px;
    }

    .life-insurance__link {
        font-size: 16px;
        line-height: 24px;
    }

    .city-popup {
        padding: 60px 60px 30px !important;
        border-radius: 4px;
        width: 700px;
    }

    .city-popup__title {
        font: 36px/1.39 'HelveticaNeueCyr-Bold';
        color: #2a2f35;
        margin: 0 0 20px;
    }

    .city-popup__subtitle {
        font: 17px/1.53 'HelveticaNeueCyr-Roman';
        color: rgba(0, 0, 0, 0.5);
        margin: 0 0 40px;
    }

    .city-popup__list {
        margin-left: -30px;
    }

    .city-popup__list-link {
        text-decoration: none;
        font: 24px/1.33 'HelveticaNeueCyr-Roman';
        color: #000;
        border-radius: 4px;
        -webkit-transition: background 0.5s;
        transition: background 0.5s;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 15px 30px;
    }

    .city-popup__list-link:hover {
        background-color: rgba(30, 180, 100, 0.1);
    }

    .city-popup__list-link_active {
        color: #1db163;
    }

    .city-popup__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 70px 0 0;
    }

    .city-popup__close {
        font: 24px/1.33 'HelveticaNeueCyr-Roman';
        color: #000;
        border: none;
        background-color: transparent;
    }

    .city-popup__back {
        display: none;
    }

    .copy__cards {
        margin: 32px 0;
    }
}

#packets-modal label, #rates-modal label {
    margin-bottom: 10px;
}

.t-align-end {
    text-align: end;
}

.download-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.download-buttons p {
    margin: 0;
}