@charset 'UTF-8';
@font-face {
    font-family: 'Intro';
    font-weight: 400;
    font-style: normal;

    src: url('Intro-Regular.otf');
}
@font-face {
    font-family: 'Logo';
    font-weight: 400;
    font-style: normal;

    src: url('16933.otf');
}
@font-face {
    font-family: 'Intro';
    font-weight: 300;
    font-style: normal;

    src: url('Intro-Light.otf');
}
@font-face {
    font-family: 'Intro';
    font-weight: 700;
    font-style: normal;

    src: url('Intro-Black.otf');
}
@font-face {
    font-family: 'IntroCond';
    font-weight: 700;
    font-style: normal;

    src: url('Intro-Cond-Black-Free.otf');
}
.i-top-link,
.i-next-link, .main-menu__href--home, .offer__hours, .offer__free-pass, .offer__sign, .price-item__total, .discount__icon, .we-work__item-title:after, .fancybox-close
{
    display: inline-block;

    background: url(icons.png);
}

/* ==========================================================================
 *  Browse Happy prompt
 * ========================================================================== */
.message
{
    padding: 10px;

    color: #333;
    border: 1px solid #ccc;
}
.logo{font-family: 'Logo' !important;font-style: italic;}
.browsehappy
{
    margin: 0 0;
    padding: 1em 0;

    text-align: center;

    color: #000;
    background: orange;
}

/* ==========================================================================
 * Оформление
 * ========================================================================== */
html
{
    font-family: 'Intro', sans-serif;

    min-width: 960px;

    color: #333;
}

.i-top-link,
.i-next-link
{
    display: block;

    width: 46px;
    height: 46px;
    margin: auto;

    text-indent: -9999px;

    background-position: -50px 0;
}

.i-white
{
    color: #fff;
}

/* ==========================================================================
 * Layout
 * ========================================================================== */
.l-wrap
{
    width: 960px;
    margin: auto;
    padding: 0 10px;
}

.l-hidden
{
    display: none;
}

.l-clearfix:before, .l-wrap:before, .form:before,
.l-clearfix:after,
.l-wrap:after,
.form:after
{
  /* 1 */
    display: table;

    content: ' ';
  /* 2 */
}

.l-clearfix:after, .l-wrap:after, .form:after
{
    clear: both;
}

.l-clearfix, .l-wrap, .form
{
    *zoom: 1;
}

/* ==========================================================================
 * Кнопки
 * ========================================================================== */
.i-button
{
    font-weight: 300;

    display: inline-block;

    width: 100%;

    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
    border: 0;
    outline: none;
    background: #f0185a;
}
.i-button:hover
{
    background: #f2306b;
}
.i-button--xl
{
    font-size: 18px;

    padding: 11px 0;
}
.i-button--xxl
{
    font-size: 24px;

    padding: 21px 0 17px;
}

/* ==========================================================================
 * Формы
 * ========================================================================== */
.form__line
{
    margin-bottom: 20px;
}
.form__line--inline
{
    float: left;

    width: 260px;
    margin-right: 30px;
    margin-bottom: 0;
}
.form__button
{
    margin-top: 30px;
    margin-bottom: 10px;
}
.form__button--inline
{
    float: right;

    width: 280px;
    margin: 0;
}
.form__input
{
    font-family: 'Intro', sans-serif;
    font-size: 24px;
    font-weight: 300;

    width: 100%;
    padding: 18px 0;

    text-align: center;

    border: 1px solid #fff;
    outline: none;
}
.form__input--leftalign
{
    padding-left: 30px;

    text-align: left;
}
.form__input.error
{
    border-color: #f0185a;
}

/* ==========================================================================
 * header
 * ==========================================================================
 */
.header
{
    padding: 10px 0;

    background: #edf6f4;
}

.logo-block
{
    

    width: 910px;
}
.logo-block__text
{
    float: left;
    font-family: 'Intro', sans-serif;
    width: 275px;
    font-weight: bold;
    font-size: 52px;
    line-height: 1;
}
.logo-block__phone
{
    float: right;

    width: 275px;
}
.logo-block__number{text-align: right;} 
.logo-block__number span{color: #ccc}
.logo-block__number a{text-decoration: none;}
{
    margin-top: 0;
}
.logo-block__logo
{
    text-align: center;
}

/* ==========================================================================
 * main-menu
 * ========================================================================== */
.main-menu
{
    line-height: 60px;

    background: #000;
}
.main-menu__item
{
    float: left;

    margin: 0 50px;
}
.main-menu__item:first-child
{
    margin: 0 0 0 60px;
}
.main-menu__href
{
    font-size: 14px;

    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
}
.main-menu__href--home
{
    width: 24px;
    height: 24px;

    vertical-align: middle;
    text-indent: -9999px;

    background-position: 0 0;
}

/* ==========================================================================
 * offer
 * ========================================================================== */
.offer
{
    height: 64.125em;
    min-height: 1026px;

    text-align: center;

    background: #b9bec1 url(offer-bg.jpg) center top no-repeat;
}
.offer form{max-width: 600px;margin: auto}
.offer__title
{
    font-family: 'IntroCond', sans-serif;

    margin-bottom: 20px;

    text-align: center;

    color: #fff;
}
.offer__title span
{
    color: #7ec4fe;
}
.offer__hours
{
    width: 82px;
    height: 82px;
    margin: 0 10px;

    vertical-align: middle;
    text-indent: -9999px;

    background-position: 0 -50px;
}
.offer__free-pass
{
    line-height: 47px;

    width: 489px;
    height: 47px;
    margin-bottom: 22px;

    text-transform: uppercase;

    background-position: 0 -150px;
}
.offer__price
{
    font-size: 30px;

    margin-bottom: 22px;

    text-transform: uppercase;
}
.offer__sign
{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;

    width: 127px;
    height: 24px;
    margin-bottom: 10px;

    color: #f36;
    background-position: 0 -200px;
}
.offer__timer
{
    font-size: 72px;
    font-weight: 700;
    line-height: 1;

    margin-bottom: 10px;

    vertical-align: bottom;

    color: #fff;
}
.offer__timer:before
{
    display: inline-block;

    margin: -5px 12px 0 0;

    content: '[';
    vertical-align: top;

    color: #7ec4fe;
}
.offer__timer:after
{
    display: inline-block;

    margin: -5px 0 0 0;

    content: ']';
    vertical-align: top;

    color: #7ec4fe;
}
.offer__details
{
    font-size: 26px;
    font-weight: 300;
}

.lt-ie9 .offer__title
{
    font-size: 50px;
}

.offer-form
{
    height: 45.625em;
    min-height: 730px;

    background: #fff url(offer-form-bg.jpg) center bottom no-repeat;
}
.offer-form__top-link, .offer-form__next-link
{
    margin-top: 30px;
}

/* ==========================================================================
 * order-form
 * ========================================================================== */
.order-form
{
    margin: auto;

    text-align: center;
}
.order-form__title
{
    font-size: 32px;
    font-weight: 300;

    margin-bottom: 25px;

    text-transform: uppercase;
}
.order-form__box
{
    font-weight: 18px;
    font-weight: 300;

    width: 593px;
    height: 433px;
    margin: auto;
    padding: 55px;

    color: #fff;
    background: #59b2cf url(blue-box-bg.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
}
.order-form__box--inline
{
    width: 920px;
    height: 134px;
    padding: 30px 20px;
}
.order-form__disclaimer
{
    font-size: 18px;

    margin-top: 8px;
}
.order-form__disclaimer a
{
    color: #fff;
}

/* ==========================================================================
 * extra
 * ========================================================================== */
.extra
{
    padding: 30px 0 0 0;

    background: #fff;
}
.extra__list
{
    padding: 30px 0 0;

    list-style: none;

    text-align: justify;
}
.extra__list:after
{
    display: inline-block;

    width: 100%;

    content: '';
}
.extra__item
{
    display: inline-block;

    width: 32%;
    margin: 0 0 40px;

    text-align: center;
    vertical-align: top;
}
.extra__item:before
{
    display: inline-block;

    margin: 0 0 0;
}
.extra__item--test-drive:before
{
    content: url(test-drive.png);
}
.extra__item--driver:before
{
    content: url(driver.png);
}
.extra__item--mkad:before
{
    content: url(mkad.png);
}
.extra__item--avans:before
{
    content: url(avans.png);
}
.extra__item--money:before
{
    content: url(money.png);
}
.extra__item--docs:before
{
    content: url(docs.png);
}
.extra__name
{
    font-size: 18px;
    font-weight: 900;

    margin: 0 0 15px;
}
.extra__name span
{
    font-family: sans-serif;
}
.extra__text
{
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
}

/* ==========================================================================
 * clients
 * ========================================================================== */
.clients
{
    padding-bottom: 7.5em;

    text-align: center;

    background: url(clients-bg.png) center bottom no-repeat;
}
.clients__list
{
    opacity: .82;
}
.clients__item
{
    display: inline-block;

    width: 30%;

    text-align: center;
}
.clients__image
{
    padding: 20px;

    vertical-align: middle;
}
.clients__top-link, .clients__next-link
{
    margin-top: 70px;
}

/* ==========================================================================
 * services
 * ========================================================================== */
.services
{
    color: #fff;
    background: #303030;
}
.services__title
{
    margin-top: 30px;
}
.services__list
{
    margin: 0;
    margin-bottom: 50px;
    padding: 0;

    list-style: none;

    text-align: center;
}
.services__item
{
    font-size: 18px;

    display: inline-block;

    width: 32%;
    margin-bottom: 30px;

    vertical-align: top;
}
.services__item:before
{
    display: block;
    margin: 0 auto;

    content: ''; 
    background: url(uslugi.png) no-repeat;
    width: 250px;
    height: 250px;
} 

.services__item--1:before
{
    background-position: 0 -70px;
}
.services__item--2:before
{
    background-position: -360px  -70px;
}
.services__item--3:before
{
    background-position: -730px -70px;
}
.services__item--4:before
{
    background-position:0 -440px;
}
.services__item--5:before
{
    background-position: -730px -440px;
}
.services__item--6:before
{
    background-position:-360px -440px;
}
.services__item-title
{
    font-weight: 700;

    height: 70px;

    text-transform: uppercase;
}
.services__text
{
    font-weight: 300;
    line-height: 24px;
}
.services__top-link, .services__next-link
{
    position: relative;

    margin-bottom: -40px;
}

/* ==========================================================================
 * prices
 * ========================================================================== */
.prices
{
    height: 91.25em;
    min-height: 1460px;
    padding-top: 8.75em;

    background: url(prices-bg.jpg) center top no-repeat;
}
.prices__list
{
    margin: 0;
    padding: 30px 0 60px;

    list-style: none;
 }
 .flex{display: flex}
.nav-box {
    justify-content: center;
    margin-bottom: 30px;
}

.nav-box a{
    background: yellow;
    background: #67cdcd;
    text-decoration: none;
    color: black;
    margin: 20px;
    padding: 10px 20px;
}
.nav-box a.active{
    background: yellow;
}
 .country-prices{padding-bottom: 40px}
 .country{display: none}
 .country.active{display: block;}
 .country h4{font-weight: bold;font-size: 22px}
 .country table{width: 100%}
 .country table td{padding: 5px;} 
 .country table th{text-align: left;padding-bottom: 10px} 
 .country table tr:nth-child(even){
    background: #f0f4f5
 }
.prices__list:after
{
    display: inline-block;

    width: 100%;

    content: '';
}
.prices__item
{
    display: inline-block;

    width: 280px;
    margin: 0 10px 30px;
}

.price-item
{
    font-size: 18px;

    padding: 20px;

    text-align: center;

    color: #fff;
    background: #59b2cf url(blue-box-bg.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
}
.price-item__title
{
    font-weight: 700;

    text-transform: uppercase;
}
.price-item__title:after
{
    display: block;

    width: 250px;
    height: 119px;
    margin: 20px auto;

    content: '';

    background: url(cars-icons.png);
}
.price-item__title--1:after
{
    background: url(cars-icons2.png);
    background-position: 0 0;
}
.price-item__title--2:after

{

    background: url(cars-icons2.png);
    background-position: -250px 0;
}
.price-item__title--3:after
{
    background-position: -500px 0;
}
.price-item__title--4:after
{
    background: url(cars-icons-2.png);
    background-position: 0 0;
}
.price-item__title--5:after
{
    background: url(cars-icons-2.png);
    background-position: -250px 0;
}
.price-item__title--6:after
{
    background: url(cars-icons-2.png);
    background-position: -500px 0;
}
.price-item__text
{
    font-weight: 300;
}
.price-item__time
{
    font-weight: 700;

    margin-bottom: 40px;

    text-transform: uppercase;
}
.price-item__money
{
    font-weight: 700;
}
.price-item__total
{
    font-weight: 700;
    line-height: 37px;

    display: block;

    width: 187px;
    height: 37px;
    margin: 0 auto;

    color: #f0185a;
    background-position: -150px -200px;
}

/* ==========================================================================
 * discount
 * ========================================================================== */
.discount
{
    position: relative;

    height: 46.375em;
    min-height: 742px;
    margin-bottom: 100px;

    background: url(discount-bg.jpg) center top no-repeat;
}
.discount__title
{
    font-family: 'Intro', sans-serif;

    margin-top: 0;
}
.discount__content
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    margin-top: -75px;
}
.discount__text
{
    font-size: 24px;
    font-weight: 300;
    line-height: 150px;

    text-align: center;
    vertical-align: middle;

    color: #fff;
}
.discount__icon
{
    width: 274px;
    height: 142px;
    margin: 0 20px;

    vertical-align: middle;

    background-position: 0 -250px;
}
.discount__form
{
    position: absolute;
    right: 0;
    bottom: -100px;
    left: 0;
}

/* ==========================================================================
 * advantages
 * ========================================================================== */
.advantages
{
    padding-bottom: 7.5em;

    background: url(jobs-bg-top.png) center bottom no-repeat;
}
.advantages__list
{
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;

    background: url(advantages-bg.jpg) center center no-repeat;
}
.advantages__item
{
    font-size: 18px;

    display: inline-block;

    width: 32%;
    margin: 60px 0;

    vertical-align: top;
}
.advantages__item-title
{
    font-weight: 700;

    margin-bottom: 15px;
}
.advantages__text
{
    font-weight: 300;
}

/* ==========================================================================
 * jobs
 * ========================================================================== */
.jobs
{
    padding-bottom: 8.125em;

    background: #f6f6f6 url(jobs-bg-bottom.png) center bottom no-repeat;
}
.jobs__item
{
    display: table;

    margin-bottom: 20px;
}
.jobs__top-link, .jobs__next-link
{
    margin-top: 50px;
}

.job
{
    display: table-row;
}
.job__client
{
    display: table-cell;

    width: 40%;
    padding-right: 60px;

    text-align: right;
    vertical-align: middle;
}
.job__content
{
    display: table-cell;

    width: 60%;
}
.job__box
{
    font-size: 18px;

    position: relative;

    overflow: hidden;

    width: 558px;
    padding: 30px 45px;

    color: #fff;
    background: #3491b7 url(job-bg.png);
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
}
.job__box:before
{
    position: absolute;
    top: -5px;
    left: -5px;

    content: url(dots-up.png);
}
.job__box:after
{
    position: absolute;
    right: -5px;
    bottom: -10px;

    content: url(dots-down.png);
}
.job__title
{
    font-weight: 700;

    margin-bottom: 30px;

    text-transform: uppercase;
}
.job__text
{
    font-weight: 300;

    margin-bottom: 15px;
    padding-bottom: 5px;

    border-bottom: 1px solid #4eb8ef;
}
.job__started, .job__shops
{
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;

    float: left;

    width: 50%;
    padding-left: 8px;

    border-left: 6px solid #4eb8ef;
}
.job__started strong, .job__shops strong
{
    text-transform: uppercase;
}
.job__shops
{
    border-color: #f36;
}

.lt-ie9 .job__box
{
    background: #3491b7;
}

/* ==========================================================================
 * we-work
 * ========================================================================== */
.we-work
{
    position: relative;

    padding-bottom: 10.3125em;

    background: #f0f4f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f4f5), to(#f7fafa));
    background: -webkit-linear-gradient(top, #f0f4f5 0%, #f7fafa 100%);
    background:         linear-gradient(to bottom, #f0f4f5 0%, #f7fafa 100%);
}
.we-work:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 10.3125em;

    content: '';

    background: url(we-work-bg-bottom.png) center bottom no-repeat;
    -webkit-background-size: 100% auto;
            background-size: 100% auto;
}
.we-work__list
{
    text-align: justify;
}
.we-work__list:after
{
    display: inline-block;

    width: 100%;

    content: '';
}
.we-work__item
{
    font-size: 18px;
    font-weight: 300;

    display: inline-block;

    width: 24%;

    text-align: center;
    vertical-align: top;
}
.we-work__item-title
{
    text-transform: uppercase;
}
.we-work__item-title:after
{
    display: block;

    width: 215px;
    height: 24px;
    margin: 10px auto;

    content: '';

    background-position: -100px -50px;
}
.we-work__item-title--last:after
{
    background-position: -100px -100px;
}

/* ==========================================================================
 * partners
 * ========================================================================== */
.partners__list
{
    line-height: 110px;

    text-align: center;
}
.partners__logo
{
    padding: 5px;

    vertical-align: middle;

  /* Google Chrome, Safari 6+ & Opera 15+ */
    opacity: .7;

    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-filter: url(filters.svg#grayscale);
            filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
            filter: gray;
  /* IE6-9 */
    -webkit-filter: grayscale(1);
}
.partners__logo:hover
{
    opacity: 1;

            filter: none;
    -webkit-filter: grayscale(0);
}

/* ==========================================================================
 * consultation
 * ========================================================================== */
.consultation
{
    margin-bottom: 50px;
    padding-top: 10em;

    background: url(consultation-bg.jpg) center top no-repeat;
}
.consultation__title
{
    margin-bottom: 140px;
}
.consultation__top-link, .consultation__next-link
{
    line-height: 90px;

    width: 90px;
    height: 90px;
    margin: 70px auto -45px;

    text-align: center;

    border-radius: 50%;
    background: #fff;
}
.consultation__top-link a, .consultation__next-link a
{
    display: inline-block;

    vertical-align: middle;
}

/* ==========================================================================
 * footer
 * ========================================================================== */
.footer__copy
{
    font-size: 18px;
    font-weight: 300;
    line-height: 50px;

    margin-top: 20px;

    text-align: center;

    color: #fff;
    background: #000;
}

/* ==========================================================================
 * modal
 * ========================================================================== */
.modal
{
    display: none;
}

.fancybox-skin,
.fancybox-opened .fancybox-skin
{
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.fancybox-close
{
    position: absolute;
    z-index: 8040;
    top: auto;
    right: 50%;
    bottom: -50px;

    width: 27px;
    height: 27px;
    margin-right: -13px;

    cursor: pointer;

    background-position: -100px 0;
}

/* ==========================================================================
 * media import
 * ========================================================================== */
@media only screen and (min-width: 1560px)
{
    .i-wide-bg
    {
        -webkit-background-size: 100% auto;
                background-size: 100% auto;
    }
}