@charset 'UTF-8';
@font-face
{
    font-family: 'ProximaNova-webfont';
    font-weight: 700;
    font-style: normal;

    src: url('fonts/ProximaNova-Bold.woff') format('woff');
}
@font-face
{
    font-family: 'alsschlange-webfont';
    font-weight: 400;
    font-style: normal;

    src: url('fonts/alsschlangeregular-webfont.woff') format('woff');
}
.i-sprite,
.button--arrow:after,
.go-top:after,
.support__label:before,
.support__close,
.logo,
.zoom:before,
.main__disk:after,
.disk-contains__list:before,
.more-interesting__item:nth-child(1):before,
.more-interesting__item:nth-child(2):before,
.more-interesting__item:nth-child(3):before,
.lesson__time:after,
.lesson-tests__item:nth-child(1):before,
.lesson-tests__item:nth-child(2):before,
.lesson-tests__item:nth-child(3):before,
.lesson-tests__item:nth-child(4):before,
.about-us-quote__text:before,
.explanation__play:before,
.complect__item:after,
.complect__item:nth-child(1):before,
.complect__item:nth-child(2):before,
.complect__item:nth-child(3):before,
.description .bx-prev,
.description .bx-next,
.how-to-use__list:after,
.how-to-use__item:nth-child(1):before,
.how-to-use__item:nth-child(2):before,
.how-to-use__item:nth-child(3):before,
.in-result__item:before,
.in-result__contains:after,
.in-result-contains__item:nth-child(1):before,
.in-result-contains__item:nth-child(2):before,
.in-result-contains__item:nth-child(3):before,
.guarantee__item:before,
.fancybox-close
{
    background-image: url('../images/i-s3e281724a7.png');
    background-repeat: no-repeat;
}

/* ==========================================================================
 * Кнопки
 * ========================================================================== */
.button
{
    font-family: 'ProximaNova-webfont', Tahoma, sans-serif;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    width: 100%;

    -webkit-transition: all .3s;
            transition: all .3s;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
    border: 0;
    border-radius: 4px;
    outline: none;
}
.button--green
{
    background: #058f46;
}
.button--green:before
{
    background: #04803e;
}
.button--green:hover
{
    background: #04803e;
}
.button--green:hover:before
{
    background: #047037;
}
.button--red
{
    background: #ed1b23;
}
.button--red:before
{
    background: #d0161d;
}
.button--red:hover
{
    background: #d0161d;
}
.button--red:hover:before
{
    background: #b9161d;
}
.button--s
{
    font-size: 12px;

    height: 34px;
    padding: 12px 0 0;
}
.button--l
{
    font-size: 13px;

    height: 58px;
    padding: 24px 0 0;
}
.button--l.button--arrow
{
    padding-right: 58px;
}
.button--l.button--arrow:before
{
    width: 58px;
}
.button--l.button--arrow:after
{
    right: 23px;
}
.button--xl
{
    font-size: 16px;

    height: 70px;
    padding: 28px 0 0;
}
.button--xl.button--arrow
{
    padding-right: 70px;
}
.button--xl.button--arrow:before
{
    width: 70px;
}
.button--xl.button--arrow:after
{
    right: 30px;
}
.button--arrow
{
    position: relative;

    overflow: hidden;
}
.button--arrow:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    content: '';
    -webkit-transition: all .3s;
            transition: all .3s;

    border-radius: 0 4px 4px 0;
}
.button--arrow:after
{
    position: absolute;
    top: 50%;

    display: inline-block;

    width: 10px;
    height: 15px;
    margin: -7px 0 0;

    content: '';

    background-position: -154px 0;
}

/* ==========================================================================
 * Формы
 * ========================================================================== */
.form
{
    *zoom: 1;
}
.form:before,
.form:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.form:after
{
    clear: both;
}
.form__line
{
    position: relative;

    margin-bottom: 16px;
}
.form label.error
{
    font-size: 14px;

    position: absolute;
    top: -13px;
    right: 0;

    margin-left: 0;
    padding: 5px;

    text-align: center;
    white-space: nowrap;

    color: #fff;
    border-radius: 5px;
    background: #000;
    background: rgba(0, 0, 0, .7);
}
.form__button
{
    margin-top: 32px;
}
.form__input,
.form__textarea
{
    width: 100%;
    padding: 5px 0 5px 20px;

    border: 1px solid #ccc;
    outline: none;

    -webkit-appearance: none;
}
.form__input.error,
.form__textarea.error
{
    border-color: red;
}

/* ==========================================================================
 * Оформление
 * ========================================================================== */
html
{
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1.285;

    min-width: 1000px;

    background: #fafafa;

    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
            text-size-adjust: none;
}

a
{
    color: #0596d5;
}

p,
span
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=);
}

/* ==========================================================================
 *  Browse Happy prompt
 * ========================================================================== */
.browsehappy
{
    margin: 0 0;
    padding: 1em 0;

    text-align: center;

    color: #000;
    background: orange;
}

/* ==========================================================================
 * Layout
 * ========================================================================== */
.wrap
{
    width: 940px;
    margin: auto;
    padding: 0 0;

    *zoom: 1;
}
.wrap:before,
.wrap:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.wrap:after
{
    clear: both;
}

/* ==========================================================================
 * Основные стили
 * ========================================================================== */
.go-top
{
    font-size: 11px;

    position: fixed;
    right: 10px;
    bottom: 20px;

    display: none;

    width: 100px;

    text-align: center;
    text-decoration: none;

    opacity: .7;
    color: #999;
}
.go-top:after
{
    display: inline-block;

    width: 65px;
    height: 75px;
    margin: 10px 0 0;

    content: '';

    background-position: 0 -203px;
}
.go-top:hover
{
    opacity: 1;
}
.go-top:hover span
{
    left: 0;

    opacity: 1;
}
.go-top span
{
    position: relative;
    left: -9999px;

    display: block;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;

    opacity: 0;
}

.support
{
    position: fixed;
    z-index: 500;
    top: 30%;
    left: 0;
}
.support__label
{
    line-height: 45px;

    position: relative;

    display: block;

    width: 45px;
    height: 45px;

    -webkit-transition: all .3s;
            transition: all .3s;
    text-align: center;

    opacity: .25;
    color: inherit;
    background: #ed1b23;
}
.support__label:hover
{
    opacity: .5;
}
.support__label:hover span
{
    left: 60px;

    opacity: 1;
}
.support__label:before
{
    display: inline-block;

    width: 25px;
    height: 25px;

    content: '';
    vertical-align: middle;

    background-position: -109px -68px;
}
.support__label:after
{
    position: absolute;
    top: 0;
    right: -10px;

    width: 0;
    height: 0;

    content: '';

    border-width: 22.5px 0 22.5px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #ed1b23;
}
.support__label span
{
    font-size: 11px;

    position: absolute;
    top: 0;
    left: -180px;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
    white-space: nowrap;

    opacity: 0;
}
.support__label.active
{
    opacity: 1;
}
.support__label.active span
{
    left: -180px;

    opacity: 0;
}
.support__content
{
    font-size: 12px;
    line-height: 18px;

    position: absolute;
    top: -10px;
    left: -250px;

    width: 240px;
    padding: 20px 10px 10px 20px;

    -webkit-transition: all .3s;
            transition: all .3s;

    color: #999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .35);
}
.support__content.active
{
    left: 45px;
}
.support__content p
{
    margin: 0 0 1em;
}
.support__close
{
    position: absolute;
    top: 10px;
    right: 10px;

    display: inline-block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: all .3s;
            transition: all .3s;
    text-indent: -9999px;

    opacity: .7;
    background-position: -7px -18px;
}
.support__close:hover
{
    opacity: 1;
}
.support__title
{
    font-size: 18px;

    margin: 0 0 15px;

    color: #000;
}
.support__time
{
    color: #000;
}

.logo
{
    display: inline-block;

    width: 144px;
    height: 15px;

    content: '';
    text-indent: -9999px;

    background-position: 0 0;
}

.okto-list
{
    width: 700px;
    margin: 0;
    margin: 0 auto;
    padding: 0;

    list-style: none;

    text-align: center;

    *zoom: 1;
}
.okto-list:before,
.okto-list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.okto-list:after
{
    clear: both;
}
.okto-list__item
{
    display: inline-block;

    width: 224px;
    margin: 0 2px;

    vertical-align: top;
}

.block-title
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.22;

    margin: 0 0 17px;

    text-align: center;
}

.block
{
    padding: 40px 0 45px;

    border-bottom: 1px solid #e6e6e6;
}

.zoom
{
    position: relative;
}
.zoom:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;

    content: '';
    -webkit-transition: all .3s;
            transition: all .3s;

    border-radius: 3px;
    background-color: rgba(0, 0, 0, .3);
    background-position: -54px -18px;
}
.zoom:hover:before
{
    background-color: rgba(0, 0, 0, .75);
}

.green-paragraph p
{
    line-height: 18px;

    margin: 0 0 10px;
    padding: 0 0 0 10px;
}
.green-paragraph p:first-child
{
    font-size: 18px;
    line-height: 1.15;

    color: #058f46;
    border-left: 2px solid #058f46;
}

.zoom-list
{
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;

    *zoom: 1;
}
.zoom-list:before,
.zoom-list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.zoom-list:after
{
    clear: both;
}
.zoom-list__item
{
    display: inline-block;

    width: 205px;
    margin: 0 10px;

    vertical-align: top;
}
.zoom-list__image-href
{
    display: block;
    overflow: hidden;

    margin: 0 0 15px;

    border-radius: 3px;
}
.zoom-list__image
{
    vertical-align: top;
}

/* ==========================================================================
 * header
 * ========================================================================== */
.header
{
    position: fixed;
    z-index: 500;
    top: 0;
    right: 0;
    left: 0;

    padding: 10px 0;

    -webkit-transition: all .3s;
            transition: all .3s;

    border-bottom: 1px solid #fafafa;
    background: #fafafa;
}
.header.active
{
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
}
.header__logo
{
    float: left;

    margin: 10px 70px 0 0;
}
.header__menu
{
    float: left;
}
.header__button
{
    float: right;

    width: 160px;
}

.menu
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 16px;
    line-height: 35px;

    margin: 0;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.menu:before,
.menu:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.menu:after
{
    clear: both;
}
.menu__item
{
    display: inline-block;

    margin: 0 8px;
}
.menu__href
{
    -webkit-transition: all .3s;
            transition: all .3s;
    text-decoration: none;

    color: #999;
}
.menu__href:hover
{
    text-decoration: underline;

    color: #000;
}
.menu__href.active
{
    color: #ed1b23;
}

/* ==========================================================================
 * main
 * ========================================================================== */

.main__wrap
{
    position: relative;
}
.main__title
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 41px;

    margin: 38px 0 37px 480px;

    text-align: left;

    color: #fbe8bc;
}
.main__disk
{
    position: absolute;
    z-index: 20;
    top: -31px;
    left: 0;
}
.main__disk:after
{
    position: absolute;
    top: 17px;
    left: 223px;

    display: inline-block;

    width: 180px;
    height: 125px;

    content: '';

    background-position: 0 -483px;
}

/* ==========================================================================
 * disk-contains
 * ========================================================================== */
.disk-contains
{
    padding: 20px 0;
}
.disk-contains__list
{
    position: relative;
}
.disk-contains__list:before
{
    position: absolute;
    top: 21px;
    left: -32px;

    display: inline-block;

    width: 63px;
    height: 80px;

    content: '';

    background-position: -65px -203px;
}
.disk-contains__item
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 22px;
    line-height: 1;

    height: 180px;
    padding: 54px 0 0;

    background: url(../images/bg/okto-wood.png) 50% 0 no-repeat;
}
.disk-contains__item span
{
    font-size: 46px;
}

/* ==========================================================================
 * students-interest
 * ========================================================================== */
.students-interest
{
    background: #ffcc6c;
}
.students-interest__wrap
{
    padding: 20px 0 26px;

    background: url(../images/bg/students.jpg) 100% 0 no-repeat;
    background-size: auto 100%;
}
.students-interest__title
{
    margin: 0 0 4px;

    text-align: left;
}
.students-interest__text
{
    width: 400px;
}

/* ==========================================================================
 * more-interesting
 * ========================================================================== */
.more-interesting__subtitle
{
    margin: 0 0 24px;

    text-align: center;
}
.more-interesting__item
{
    white-space: nowrap;
}
.more-interesting__item:before
{
    margin: 0 0 13px;
}
.more-interesting__item:nth-child(1)
{
    position: relative;
}
.more-interesting__item:nth-child(1):before
{
    display: inline-block;

    width: 155px;
    height: 180px;

    content: '';

    background-position: 0 -1508px;
}
.more-interesting__item:nth-child(2)
{
    position: relative;
}
.more-interesting__item:nth-child(2):before
{
    display: inline-block;

    width: 155px;
    height: 180px;

    content: '';

    background-position: 0 -1328px;
}
.more-interesting__item:nth-child(3)
{
    position: relative;
}
.more-interesting__item:nth-child(3):before
{
    display: inline-block;

    width: 155px;
    height: 180px;

    content: '';

    background-position: 0 -1148px;
}

/* ==========================================================================
 * lesson
 * ========================================================================== */
.lesson__title
{
    margin: 0 0 30px;
}
.lesson__time
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 16px;

    position: relative;

    margin: -5px 0 25px 0;
    padding: 0 0 5px;

    text-align: right;

    color: #999;
    border-bottom: 1px solid #cecece;
}
.lesson__time:after
{
    position: absolute;
    right: 0;
    bottom: -6px;

    display: inline-block;

    width: 7px;
    height: 11px;

    content: '';

    background-position: 0 -18px;
}

.lesson-schedule
{
    height: 162px;
    margin: 0;
    padding: 0;

    list-style: none;

    background: url(../images/bg/schedule.png) 50% 40px no-repeat;

    *zoom: 1;
}
.lesson-schedule:before,
.lesson-schedule:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.lesson-schedule:after
{
    clear: both;
}
.lesson-schedule__item
{
    font-size: 12px;

    float: left;

    padding: 0 0 0 8px;

    color: #999;
}
.lesson-schedule__item:nth-child(1)
{
    width: 104px;
}
.lesson-schedule__item:nth-child(2)
{
    width: 238px;
    padding-top: 59px;

    color: #058f46;
}
.lesson-schedule__item:nth-child(2) .lesson-schedule__time
{
    color: #058f46;
}
.lesson-schedule__item:nth-child(3)
{
    width: 238px;
    padding-top: 30px;

    color: #058f46;
}
.lesson-schedule__item:nth-child(3) .lesson-schedule__time
{
    color: #058f46;
}
.lesson-schedule__item:nth-child(4)
{
    width: 228px;
}
.lesson-schedule__item:nth-child(5)
{
    width: 132px;
    padding: 0;

    text-align: right;
}
.lesson-schedule__time
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 28px;

    white-space: nowrap;

    color: #999;
}
.lesson-schedule__top-text
{
    margin: 0 0 25px;
}

.lesson-tests
{
    text-align: center;
}
.lesson-tests__list
{
    margin: 0;
    margin: 25px 0 4px;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.lesson-tests__list:before,
.lesson-tests__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.lesson-tests__list:after
{
    clear: both;
}
.lesson-tests__item
{
    display: inline-block;

    width: 193px;

    vertical-align: top;

    color: #303030;
}
.lesson-tests__item:before
{
    margin: 0 0 10px;
}
.lesson-tests__item:nth-child(1)
{
    position: relative;
}
.lesson-tests__item:nth-child(1):before
{
    display: inline-block;

    width: 86px;
    height: 100px;

    content: '';

    background-position: -86px -283px;
}
.lesson-tests__item:nth-child(2)
{
    position: relative;
}
.lesson-tests__item:nth-child(2):before
{
    display: inline-block;

    width: 86px;
    height: 100px;

    content: '';

    background-position: 0 -283px;
}
.lesson-tests__item:nth-child(3)
{
    position: relative;
}
.lesson-tests__item:nth-child(3):before
{
    display: inline-block;

    width: 86px;
    height: 100px;

    content: '';

    background-position: -86px -383px;
}
.lesson-tests__item:nth-child(4)
{
    position: relative;
}
.lesson-tests__item:nth-child(4):before
{
    display: inline-block;

    width: 86px;
    height: 100px;

    content: '';

    background-position: 0 -383px;
}

/* ==========================================================================
 * about-us
 * ========================================================================== */
.about-us__title
{
    margin: 0 0 40px;
}
.about-us__quote
{
    width: 660px;
    margin: 0 auto 30px;
}
.about-us__list
{
    margin: 0 0 2px;
}

.about-us-quote
{
    *zoom: 1;
}
.about-us-quote:before,
.about-us-quote:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.about-us-quote:after
{
    clear: both;
}
.about-us-quote__text
{
    font-size: 12px;
    line-height: 18px;

    position: relative;

    float: right;

    width: 500px;
    padding: 14px 20px 4px;

    color: #303030;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #fff;
}
.about-us-quote__text p
{
    margin: 0 0 .85em;
}
.about-us-quote__text:before
{
    position: absolute;
    top: 34px;
    left: -16px;

    display: inline-block;

    width: 16px;
    height: 18px;

    content: '';

    background-position: -164px 0;
}
.about-us-quote__person
{
    width: 128px;

    text-align: center;
}
.about-us-quote__image-box
{
    margin: 0 0 4px;
}
.about-us-quote__name
{
    margin: 0 0 5px;
}
.about-us-quote__post
{
    font-size: 12px;

    color: #999;
}

/* ==========================================================================
 * explanation
 * ========================================================================== */
.explanation
{
    padding: 40px 0 0;
}
.explanation__wrap
{
    padding: 0 0 46px;

    background: url(../images/bg/video.jpg) 100% 100% no-repeat;
}
.explanation__title
{
    margin: 0 0 40px;
}
.explanation__text
{
    display: inline-block;

    width: 250px;
    margin: 0 30px 0 0;

    vertical-align: top;
}
.explanation__video
{
    display: inline-block;

    width: 375px;
    margin: 0 60px 0 0;

    vertical-align: top;
}
.explanation__video iframe
{
    border: 0;
}
.explanation__play
{
    position: relative;

    display: inline-block;

    width: 180px;
    margin: -12px 0 0;

    vertical-align: top;

    color: #cecece;
}
.explanation__play:before
{
    position: absolute;
    top: -28px;
    left: -60px;

    display: inline-block;

    width: 95px;
    height: 36px;

    content: '';

    background-position: 0 -68px;
}

/* ==========================================================================
 * complect
 * ========================================================================== */
.complect__title
{
    margin: 0 0 40px;
}
.complect__list
{
    margin: 0;
    margin: 0 0 4px;
    padding: 0;

    list-style: none;

    *zoom: 1;
    *zoom: 1;
}
.complect__list:before,
.complect__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.complect__list:after
{
    clear: both;
}
.complect__list:before,
.complect__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.complect__list:after
{
    clear: both;
}
.complect__item
{
    font-size: 14px;
    line-height: 18px;

    position: relative;

    float: left;

    width: 140px;
    margin: 0 20px 0 0;
    padding: 40px 20px 0;

    text-align: center;
}
.complect__item:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 140px;
    height: 254px;

    content: '';

    background-position: 0 -1688px;
}
.complect__item:before
{
    margin: 0 0 10px;
}
.complect__item:nth-child(1)
{
    position: relative;
}
.complect__item:nth-child(1):before
{
    display: inline-block;

    width: 50px;
    height: 50px;

    content: '';

    background-position: -103px -153px;
}
.complect__item:nth-child(2)
{
    position: relative;
}
.complect__item:nth-child(2):before
{
    display: inline-block;

    width: 40px;
    height: 50px;

    content: '';

    background-position: -94px -18px;
}
.complect__item:nth-child(3)
{
    position: relative;
}
.complect__item:nth-child(3):before
{
    display: inline-block;

    width: 53px;
    height: 50px;

    content: '';

    background-position: -50px -153px;
}
.complect__item--product
{
    float: right;

    width: 460px;
    margin: 0;
    padding: 18px 20px 20px 10px;

    border: 1px solid #e6e6e6;
    border-radius: 3px;
}
.complect__item--product:after
{
    display: none;
}

/* ==========================================================================
 * product
 * ========================================================================== */
.red-star
{
    color: red;
}

.product
{
    line-height: 1;

    *zoom: 1;
}
.product:before,
.product:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.product:after
{
    clear: both;
}
.product--big .product__image-box
{
    float: right;

    width: 370px;
}
.product--big .product__text
{
    font-size: 14px;

    margin: 63px 405px 0 0;

    text-align: left;
}
.product--big .product__old-price
{
    font-size: 28px;

    margin: 0 0 22px;

    color: #666;
}
.product--big .product__price
{
    font-size: 46px;

    color: #ed1b23;
}
.product--big .product__disclaimer
{
    margin: 0 0 28px;

    color: #000;
}
.product--big .product__button
{
    margin: 0 0 20px;
}
.product__image-box
{
    float: left;

    width: 190px;
    margin: 17px 0 0;
}
.product__text
{
    font-size: 11px;

    margin: 0 0 0 203px;

    text-align: right;

    color: #999;
}
.product__old-price
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 22px;

    margin: 0 0 5px;

    text-decoration: line-through;
}
.product__price
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 34px;

    margin: 0 0 11px;

    color: #058f46;
}
.product__disclaimer
{
    margin: 0 0 21px;
}
.product__button
{
    margin: 8px 0 5px;
}
.product__licence
{
    line-height: 1.2;
	font-size: 12px;
}

/* ==========================================================================
 * description
 * ========================================================================== */
.description__title
{
    margin: 0 0 40px;
}
.description__list
{
    margin: 0;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.description__list:before,
.description__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.description__list:after
{
    clear: both;
}
.description__pager
{
    line-height: 1;

    width: 82px;
    height: 40px;
    margin: 16px auto 5px;
    padding: 10px 5px;

    text-align: center;

    border: 3px solid #ffcc6c;
    border-radius: 20px;
}
.description .bx-wrapper
{
    position: relative;
}
.description .bx-next,
.description .bx-prev
{
    position: absolute;
    bottom: -51px;
    left: 50%;

    text-indent: -9999px;
}
.description .bx-next:hover,
.description .bx-prev:hover
{
    opacity: .8;
}
.description .bx-prev
{
    display: inline-block;

    width: 21px;
    height: 30px;
    margin: 0 0 0 -80px;

    content: '';

    background-position: -153px -153px;
}
.description .bx-next
{
    display: inline-block;

    width: 21px;
    height: 30px;
    margin: 0 0 0 59px;

    content: '';

    background-position: -128px -203px;
}

.description-item__image-box
{
    display: inline-block;

    width: 460px;
    margin: 0 17px 0 0;

    vertical-align: top;
}
.description-item__text
{
    font-size: 14px;
    line-height: 18px;

    display: inline-block;

    width: 450px;

    vertical-align: top;
}
.description-item__text p
{
    margin: 0 0 1em;
}
.description-item__title
{
    font-size: 14px;
    font-weight: 700;

    margin: 0 0 10px;
}
.description-item__title span
{
    color: #ed1b23;
}

/* ==========================================================================
 * tests
 * ========================================================================== */
.tests__title
{
    margin: 0 0 34px;
}
.tests__texts
{
    margin: 0 0 16px -20px;
}
.tests__text
{
    display: inline-block;

    width: 458px;
    margin: 0 0 0 20px;

    vertical-align: top;
}
.tests__list
{
    margin: 0 0 3px;
}

/* ==========================================================================
 * how-to-use
 * ========================================================================== */
.how-to-use__title
{
    margin: 0 0 20px;
}
.how-to-use__list
{
    position: relative;
}
.how-to-use__list:before
{
    position: absolute;
    top: 68px;
    left: 28px;

    width: 100px;

    content: 'Наведите мышь';
    text-align: center;

    color: #999;
}
.how-to-use__list:after
{
    position: absolute;
    top: 16px;
    left: 80px;

    display: inline-block;

    width: 87px;
    height: 49px;

    content: '';

    background-position: -50px -104px;
}
.how-to-use__item
{
    position: relative;

    padding-top: 194px;
}
.how-to-use__item:before
{
    position: absolute;
    top: 0;
    left: 50%;

    width: 155px;
    height: 180px;
    margin: 0 0 0 -77px;
}
.how-to-use__item:nth-child(1)
{
    position: relative;
}
.how-to-use__item:nth-child(1):before
{
    display: inline-block;

    width: 155px;
    height: 180px;

    content: '';

    background-position: 0 -788px;
}
.how-to-use__item:nth-child(2)
{
    position: relative;
}
.how-to-use__item:nth-child(2):before
{
    display: inline-block;

    width: 155px;
    height: 180px;

    content: '';

    background-position: 0 -608px;
}
.how-to-use__item:nth-child(3)
{
    position: relative;
}
.how-to-use__item:nth-child(3):before
{
    display: inline-block;

    width: 155px;
    height: 180px;

    content: '';

    background-position: 0 -968px;
}
.how-to-use__image
{
    position: absolute;
    top: 0;
    left: 50%;

    width: 155px;
    height: 180px;
    margin: 0 0 0 -77px;
}

.preload
{
    display: none;
}

/* ==========================================================================
 * in-result
 * ========================================================================== */
.in-result
{
    padding-bottom: 0;

    border-bottom: 0;
}
.in-result__title
{
    margin: 0 0 34px;
}
.in-result__list
{
    margin: 0;
    margin: 0 0 13px -20px;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.in-result__list:before,
.in-result__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.in-result__list:after
{
    clear: both;
}
.in-result__item
{
    position: relative;

    display: inline-block;

    width: 458px;
    margin: 0 0 13px 20px;
    padding: 0 30px 0 30px;

    vertical-align: top;
}
.in-result__item:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 20px;
    height: 15px;

    content: '';

    background-position: -149px -104px;
}
.in-result__bottom
{
    padding: 25px 0 22px;

    background: #f2f2f2;
}
.in-result__contains
{
    position: relative;

    display: inline-block;

    width: 460px;
    margin: 0 48px 0 0;
    padding: 0 0 0 120px;

    vertical-align: top;
}
.in-result__contains:after
{
    position: absolute;
    top: 25px;
    right: -15px;

    display: inline-block;

    width: 14px;
    height: 20px;

    content: '';

    background-position: -95px -68px;
}
.in-result__text
{
    display: inline-block;

    width: 425px;

    vertical-align: top;
}

.in-result-contains
{
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.in-result-contains:before,
.in-result-contains:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.in-result-contains:after
{
    clear: both;
}
.in-result-contains__item
{
    position: relative;

    display: inline-block;

    width: 104px;

    text-align: center;
    vertical-align: top;
}
.in-result-contains__item:after
{
    font-size: 30px;

    position: absolute;
    top: 5px;
    left: -10px;

    content: '+';

    color: #fdd385;
}
.in-result-contains__item:before
{
    margin: 0 0 3px;
}
.in-result-contains__item:first-child:after
{
    display: none;
}
.in-result-contains__item:nth-child(1)
{
    position: relative;
}
.in-result-contains__item:nth-child(1):before
{
    display: inline-block;

    width: 50px;
    height: 50px;

    content: '';

    background-position: -103px -153px;
}
.in-result-contains__item:nth-child(2)
{
    position: relative;
}
.in-result-contains__item:nth-child(2):before
{
    display: inline-block;

    width: 50px;
    height: 49px;

    content: '';

    background-position: 0 -153px;
}
.in-result-contains__item:nth-child(3)
{
    position: relative;
}
.in-result-contains__item:nth-child(3):before
{
    display: inline-block;

    width: 50px;
    height: 48px;

    content: '';

    background-position: 0 -104px;
}

/* ==========================================================================
 * order-now
 * ========================================================================== */
.order-now
{
    padding: 12px 0 27px;
}
.order-now__product
{
    margin: 0 90px 0 160px;
}

/* ==========================================================================
 * gifts
 * ========================================================================== */
.gifts
{
    padding-bottom: 4px;
}
.gifts__title
{
    margin: 0 0 33px;
}
.gifts__list
{
    width: 620px;
    margin: 0;
    margin: 0 auto 0;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.gifts__list:before,
.gifts__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.gifts__list:after
{
    clear: both;
}
.gifts__item
{
    margin: 0 0 23px;
}
.gifts__image-box
{
    display: inline-block;

    width: 140px;
    margin: 0 16px 0 0;

    text-align: center;
    vertical-align: top;
}
.gifts__text
{
    font-size: 14px;

    display: inline-block;

    width: 460px;

    vertical-align: top;
}
.gifts__text p
{
    line-height: 18px;

    margin: 0 0 1em;
}
.gifts__name
{
    font-size: 18px;
    font-weight: 400;

    margin: 0 0 9px;
}

/* ==========================================================================
 * guaratee
 * ========================================================================== */
.guarantee
{
    padding-bottom: 15px;
}
.guarantee__title
{
    margin: 0 0 35px;
}
.guarantee__text
{
    margin: 0 0 23px;

    text-align: center;
}
.guarantee__list
{
    font-size: 14px;
    line-height: 18px;

    margin: 0;
    margin: 0 0 0 -20px;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.guarantee__list:before,
.guarantee__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.guarantee__list:after
{
    clear: both;
}
.guarantee__item
{
    position: relative;

    display: inline-block;

    width: 460px;
    margin: 0 0 10px 18px;
    padding: 0 0 0 22px;

    vertical-align: top;
}
.guarantee__item:before
{
    position: absolute;
    top: 2px;
    left: 0;

    display: inline-block;

    width: 12px;
    height: 9px;

    content: '';

    background-position: -137px -104px;
}

/* ==========================================================================
 * testimonials
 * ========================================================================== */
.testimonials
{
    padding-bottom: 0;
}
.testimonials__title
{
    margin: 0 0 40px;
}
.testimonials__list
{
    font-size: 12px;

    margin: 0;
    margin: 0 0 0 -20px;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.testimonials__list:before,
.testimonials__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.testimonials__list:after
{
    clear: both;
}
.testimonials__item
{
    display: inline-block;

    width: 460px;
    margin: 0 0 32px 18px;

    vertical-align: top;
}
.testimonials__info
{
    margin: 0 0 6px;

    *zoom: 1;
}
.testimonials__info:before,
.testimonials__info:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.testimonials__info:after
{
    clear: both;
}
.testimonials__image-box
{
    float: left;
    overflow: hidden;

    width: 50px;
    height: 50px;

    border-radius: 50%;
}
.testimonials__name
{
    font-size: 14px;
    font-size: 14px;
    font-weight: 400;

    margin: 9px 0 0 63px;
}
.testimonials__email
{
    margin: 0 0 0 63px;

    color: #999;
}
.testimonials__text
{
    font-size: 14px;
}
.testimonials__text p
{
    line-height: 18px;

    margin: 0 0 1em;
}
.testimonials__text p:first-child
{
    font-weight: 700;
    line-height: 16px;

    min-height: 32px;
    margin: 0 0 .9em;
}

/* ==========================================================================
 * quiz
 * ========================================================================== */
.quiz
{
    padding-bottom: 39px;
}
.quiz__title
{
    margin: 0 0 33px;
}
.quiz__list
{
    margin: 0;
    margin: 0 0 0 -20px;
    padding: 0;

    list-style: none;

    *zoom: 1;
    *zoom: 1;
}
.quiz__list:before,
.quiz__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.quiz__list:after
{
    clear: both;
}
.quiz__list:before,
.quiz__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.quiz__list:after
{
    clear: both;
}
.quiz__item
{
    float: left;

    width: 300px;
    margin: 0 0 0 20px;
}
.quiz__subtitle
{
    font-size: 18px;
    font-weight: 400;

    margin: 0 0 10px;

    text-align: center;
}

.quiz-pipe__image-box
{
    margin: 0 0 6px;
    padding: 4px 0 0;

    text-align: center;
}
.quiz-pipe__list
{
    font-size: 12px;

    display: table;

    margin: 0;
    margin: 0 auto;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.quiz-pipe__list:before,
.quiz-pipe__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.quiz-pipe__list:after
{
    clear: both;
}
.quiz-pipe__item
{
    display: table-row;
}
.quiz-pipe__name
{
    display: table-cell;

    padding: 6px 10px;
}
.quiz-pipe__value
{
    display: table-cell;

    padding: 6px 10px;

    text-align: right;
}
.quiz-pipe__label
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 10px 0 0;

    border-radius: 50%;
}
.quiz-pipe__label--green
{
    background: #a7d6bb;
}
.quiz-pipe__label--yellow
{
    background: #f8dbaa;
}
.quiz-pipe__label--red
{
    background: #f2a6a5;
}

.quiz-graph__list
{
    font-size: 12px;

    margin: 0;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.quiz-graph__list:before,
.quiz-graph__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.quiz-graph__list:after
{
    clear: both;
}
.quiz-graph__item
{
    margin: 0 0 16px;
}
.quiz-graph__name
{
    margin: 0 0 5px;
}
.quiz-graph__line
{
    line-height: 20px;
}
.quiz-graph__value
{
    display: inline-block;

    height: 20px;
    margin: -2px 5px 0 0;

    vertical-align: middle;

    border: 1px solid #ffcc6c;
    border-radius: 10px;
    background: #f9eeda;
}
.quiz-graph__value--1
{
    width: 80%;
}
.quiz-graph__value--2
{
    width: 4%;
}
.quiz-graph__value--3
{
    width: 2.4%;
}
.quiz-graph__value--4
{
    width: 2.2%;
}

/* ==========================================================================
 * faq
 * ========================================================================== */
.faq
{
    padding-bottom: 50px;

    border-bottom: 0;
}
.faq__list
{
    width: 660px;
    margin: 0;
    margin: 0 auto;
    padding: 0;

    list-style: none;

    *zoom: 1;
}
.faq__list:before,
.faq__list:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.faq__list:after
{
    clear: both;
}
.faq__item
{
    border-bottom: 1px solid #f1f1f1;
}
.faq__item:first-child
{
    border-top: 1px solid #f1f1f1;
}
.faq__item.active .faq__question
{
    color: #000;
    background: #f2f2f2;
}
.faq__question
{
    display: block;

    padding: 15px 20px;

    -webkit-transition: all .3s;
            transition: all .3s;
    text-decoration: none;
}
.faq__question span
{
    border-bottom: 1px dotted;
}
.faq__question:hover span
{
    border-color: transparent;
}
.faq__answer
{
    font-size: 12px;

    padding: 0 20px 5px;

    background: #f2f2f2;
}
.faq__answer p
{
    margin: 0 0 1em;
}

/* ==========================================================================
 * post-scriptum
 * ========================================================================== */
.post-scriptum
{
    padding: 50px 0;

    background: #f2f2f2;
}
.post-scriptum__content
{
    display: inline-block;

    width: 460px;
    margin: 0 16px 0 0;

    vertical-align: top;

    color: #666;
}
.post-scriptum__content p
{
    line-height: 18px;

    margin: 0 0 1em;
}
.post-scriptum__product
{
    display: inline-block;

    width: 460px;
    padding: 15px;

    vertical-align: top;

    border: 1px solid #e6e6e6;
}
.post-scriptum__title
{
    font-family: 'alsschlange-webfont', Tahoma, sans-serif;
    font-size: 28px;
    font-weight: 400;

    margin: 0 0 0;
}

/* ==========================================================================
 * footer
 * ========================================================================== */
.footer
{
    font-size: 12px;
    line-height: 18px;

    padding: 15px 0;

    color: #666;
    background: #e6e6e6;
}
.footer__item
{
    float: left;

    margin: 0 30px 0 0;
}
.footer__time
{
    color: #000;
}
.footer__copy
{
    float: right;
}

/* ==========================================================================
 * modal
 * ========================================================================== */
.modal
{
    display: none;
}
.modal__title
{
    font-size: 18px;

    margin: 0 0 10px;
}

.fancybox-skin
{
    border-radius: 0;
}

.fancybox-close
{
    top: 10px;
    right: 10px;

    display: inline-block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: all;
            transition: all;

    opacity: .7;
    background-position: -7px -18px;
}
.fancybox-close:hover
{
    opacity: 1;
}

.fancybox-title-inside-wrap
{
    font-size: 18px;

    margin: -5px 0 10px;
    padding: 0;
}

/* ==========================================================================
 * helpers
 * ========================================================================== */
.hidden
{
    display: none;
}

/* @media only screen and (min-width: 740px){
  @import "_tablet" ;
} 
*/

.license_small {
    position: fixed;
    top: 30%;
    z-index: 950;
    right: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.license_small span {
    margin: auto;
    color: #999;
    font-size: 11px;
    padding-left: 20px;
    line-height: 1.4;
}

.license_small .rec {

    width: 42px;
    position: relative;
}

.license_full {
    position: fixed;
    z-index: 500;
    top: 30%;
    right: 0;
}

.license_full__content {
    position: absolute;
    top: -10px;
    right: 0;
    transition: all .3s;
    box-shadow: 0 0 10px rgba(0, 0, 0, .35);
}

.license_full__content .close-pop:hover {
    fill: #515151;
}

.license_full__content .close-pop {
    position: absolute;
    right: 10px;
    top: 10px;
}

.license_full__content .pull-right {
    float: right !important;
}

.license_full__content .close-pop {
    fill: #cbcbcb;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.license_full__content img, .license_small img {
    max-width: inherit;
}