.settings__trigger
{
    -webkit-tap-highlight-color: transparent;
}

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html
{
    font-family: sans-serif;

        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body
{
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary
{
    display: block;
}

audio,
canvas,
progress,
video
{
    display: inline-block;
}

audio:not([controls])
{
    display: none;

    height: 0;
}

progress
{
    vertical-align: baseline;
}

template,
[hidden]
{
    display: none;
}

a
{
    background-color: transparent;
}

a:active,
a:hover
{
    outline-width: 0;
}

abbr[title]
{
    text-decoration: underline;
    text-decoration: underline dotted; 

    border-bottom: none;
}

b,
strong
{
    font-weight: inherit;
}

b,
strong
{
    font-weight: bolder;
}

dfn
{
    font-style: italic;
}

h1
{
    font-size: 2em;

    margin: .67em 0;
}

mark
{
    color: black; 
    background-color: yellow;
}

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

img
{
    border-style: none;
}

svg:not(:root)
{
    overflow: hidden;
}

code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

figure
{
    margin: 1em 40px;
}

hr
{
    overflow: visible; 

    box-sizing: content-box;
    height: 0;
}

button,
input,
select,
textarea
{
    font: inherit;

    margin: 0;
}

optgroup
{
    font-weight: bold;
}

button,
input,
select
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit']
{
    cursor: pointer;
}

[disabled]
{
    cursor: default;
}

button,
html [type='button'],
[type='reset'],
[type='submit']
{
    -webkit-appearance: button;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0; 

    border: 0;
}

button:-moz-focusring,
input:-moz-focusring
{
    outline: 1px dotted ButtonText;
}

fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em; 

    border: 1px solid silver;
}

legend
{
    display: table;

    box-sizing: border-box;
    max-width: 100%;
    padding: 0;

    white-space: normal; 

    color: inherit;
}

textarea
{
    overflow: auto;
}

[type='checkbox'],
[type='radio']
{
    box-sizing: border-box;
    padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

[type='search']
{
    -webkit-appearance: textfield;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

html
{
    height: 100%;
}

body
{
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.45;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;

    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;

    color: #2a333c; 
    background-color: #fff;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.nav-open,
.popup-open
{
    overflow: hidden;
}

a
{
    text-decoration: underline; 

    color: inherit;
}
a:hover
{
    text-decoration: none;
}

h1,
.title_h1,
.poster_title,
.benefits__title,
.connect__title,
.professionals__title,
.dilemma_title,
.discover_title
{
    font-size: 35px;
    font-weight: 400;
    line-height: 1.3; 

    position: relative;

    margin: 0;

    text-align: center;
}

h2,
.title,
.title_h2,
.section__title,
.connect__subtitle
{
    font-size: 18px; 
    line-height: 1.3;

    margin: 0;

    color: #a2b2f2;
}

h3,
.title_h3
{
    font-size: 18px;
    font-weight: 700; 

    color: #a2b2f2;
}

h4
{
    font-size: 15px;
    font-weight: 600; 

    margin: 10px 0;
}
h4:first-child
{
    margin-top: 0;
}

h5
{
    font-size: 15px;
    font-weight: 300; 

    margin: 10px 0;
}
h5:first-child
{
    margin-top: 0;
}

.subtitle
{
    color: #1e2c40;
}

p
{
    margin: 10px 0;
}
p:first-child
{
    margin-top: 0;
}
p:last-child
{
    margin-bottom: 0;
}

hr
{
    clear: both;

    margin: 35px 0;

    border: 0;
    border-top: 1px solid #a2b2f2;
    border-top: 1px solid rgba(162, 178, 242, .2);
}
@media screen and (max-width: 999px)
{
    hr
    {
        margin: 30px 0;
    }
}

.clearfix:before,
.gallery__list:before,
.clearfix:after,
.gallery__list:after
{
    display: table; 

    content: '';
}

.clearfix:after,
.gallery__list:after
{
    clear: both;
}

.wrapper,
.header__wrapper,
.section__wrapper,
.naw__wrapper,
.subnav__inner,
.content__inner,
.footer__inner,
.poster__main,
.benefits__inner,
.connect__inner,
.scroller__inner,
.professionals__inner,
.dilemma__inner,
.discover__inner
{
    position: relative;

    min-width: 240px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}
@media screen and (max-width: 999px)
{
    .wrapper,
    .header__wrapper,
    .section__wrapper,
    .naw__wrapper,
    .subnav__inner,
    .content__inner,
    .footer__inner,
    .poster__main,
    .benefits__inner,
    .connect__inner,
    .scroller__inner,
    .professionals__inner,
    .dilemma__inner,
    .discover__inner
    {
        padding-right: 10px; 
        padding-left: 10px;
    }
}

.hidden
{
    display: none;
}

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

.text-left
{
    text-align: left;
}

.text-right
{
    text-align: right;
}

.text-accent
{
    color: #a2b2f2;
}

.text-warning
{
    color: #ffaf25;
}

.text-success
{
    color: #a2b2f2;
}

@media screen and (max-width: 999px)
{
    .text-desktop
    {
        display: none;
    }
}

.text-mobile
{
    display: none;
}
@media screen and (max-width: 999px)
{
    .text-mobile
    {
        display: inline;
    }
}

.text-nowrap
{
    white-space: nowrap;
}

.narrow,
.scroller__inner,
.professionals__list
{
    max-width: 1000px;
    margin-right: auto; 
    margin-left: auto;
}

.narrow_light
{
    max-width: 1000px;
    margin-right: auto; 
    margin-left: auto;
}

.cell,
.form__set,
.section__columns,
.benefits__list,
.professionals__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.lt-ie10 .cell,
.lt-ie10 .form__set,
.lt-ie10 .section__columns,
.lt-ie10 .benefits__list,
.lt-ie10 .professionals__list
{
    text-align: center;
}

.cell__item,
.cell__wide,
.cell__half,
.section__half,
.cell__third,
.cell__fourth,
.benefits__item,
.cell__fifth,
.cell__sixth
{
    box-sizing: border-box;
}

.cell__wide
{
    width: 100%;
}

.cell__half,
.section__half
{
    width: 48.5%;
}

.cell__third
{
    width: 31.35%;
}
.cell__third_double
{
    width: 65.6%;
}

.cell__fourth,
.benefits__item
{
    width: 22.7%;
}
.cell__fourth_double
{
    width: 48.5%;
}
.cell__fourth_triple
{
    width: 74.3%;
}

.cell__fifth
{
    width: 17.63%;
}
.cell__fifth_double
{
    width: 38.2%;
}
.cell__fifth_triple
{
    width: 58.8%;
}
.cell__fifth_quarter
{
    width: 79.4%;
}

.cell__sixth
{
    width: 14.18%;
}
.cell__sixth_double
{
    width: 31.4%;
}
.cell__sixth_third
{
    width: 48.5%;
}
.cell__sixth_quarter
{
    width: 65.7%;
}
.cell__sixth_quinary
{
    width: 82.8%;
}

.lt-ie10 .cell__half,
.lt-ie10 .section__half,
.lt-ie10
.cell__third,
.lt-ie10
.cell__fourth,
.lt-ie10 .benefits__item,
.lt-ie10
.cell__fifth,
.lt-ie10
.cell__sixth
{
    display: inline-block;

    text-align: left;
}

@media screen and (max-width: 999px)
{
    .cell__third
    {
        width: 48.5%;
    }
    .cell__third:nth-child(3n)
    {
        margin-right: auto; 
        margin-left: auto;
    }
    .cell__fourth,
    .benefits__item
    {
        width: 31.35%;
    }
}

@media screen and (max-width: 600px)
{
    .cell__half,
    .section__half,
    .cell__third,
    .cell__third_double
    {
        width: 100%;
    }
    .cell__fourth,
    .benefits__item
    {
        width: 48.5%;
    }
}

@media screen and (max-width: 480px)
{
    .cell__fourth,
    .benefits__item
    {
        width: 100%;
    }
}

.ico
{
    display: inline-block;

    content: '';
    vertical-align: middle; 

    background-size: cover;
}

.ico_note
{
    width: 85px;
    height: 113px; 

    background-image: url('../images/ico_note.png?v=1485089431971');
}

.ico_target
{
    width: 164px;
    height: 113px; 

    background-image: url('../images/ico_target.png?v=1485089431971');
}

.ico_picture
{
    width: 149px;
    height: 113px; 

    background-image: url('../images/ico_picture.png?v=1485089431971');
}

.button,
.header__button,
.signup__prev,
.signup__next,
.signup__check,
.signup__finish
{
    font-size: 15px;
    font-weight: 400;
    line-height: 45px;

    display: inline-block;

    box-sizing: border-box;
    min-width: 160px;
    height: 45px;
    padding: 0 25px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: .16667s linear;
            transition: .16667s linear; 
    text-align: center;
    vertical-align: top;
    text-decoration: none;

    color: #fff;
    border: 0;
    border-radius: 40px;
    outline: none;
    background: #a2b2f2;
    text-shadow: none;
}
.button:hover,
.header__button:hover,
.signup__prev:hover,
.signup__next:hover,
.signup__check:hover,
.signup__finish:hover
{
    text-decoration: none;

    color: #fff;
    background: #b3c3ff;

    will-change: background;
}
.button_light,
.header__button
{
    color: #a2b2f2; 
    background: #fff;
}
.button_light:hover,
.header__button:hover
{
    color: #a2b2f2; 
    background: #fff;
}
.button_bold
{
    background: #08122d;
}
.button_bold:hover
{
    background: #19233e;
}
.button_dark,
.signup__prev
{
    background: #2a333c;
}
.button_dark:hover,
.signup__prev:hover
{
    background: #3b444d;
}
.control .button,
.control .header__button,
.control .signup__prev,
.control
  .signup__next,
.control
  .signup__check,
.control
  .signup__finish,
.board__footer .button,
.board__footer .header__button,
.board__footer .signup__prev,
.board__footer
  .signup__next,
.board__footer
  .signup__check,
.board__footer
  .signup__finish
{
    line-height: 36px;

    height: 36px;

    border-radius: 36px;
}
.button_big
{
    line-height: 48px; 

    height: 48px;
}
.button_lined
{
    color: #08122d; 
    border: 1px solid #08122d;
    background: none;
}
.button_lined:hover
{
    color: #08122d; 
    background: none;
}
.button_lined_light
{
    color: #fff; 
    border: 1px solid #fff;
    background: none;
}
.button_lined_light:hover
{
    color: #08122d; 
    background: #fff;
}
.button_rounded
{
    border-radius: 22px;
}
.button_fix
{
    width: 280px;
    max-width: 100%;
}
.button_wide
{
    display: block;

    width: 100%;
}
.button_up
{
    text-transform: uppercase;
}
.button + .button,
.header__button + .button,
.signup__prev + .button,
.signup__next + .button,
.signup__check + .button,
.signup__finish + .button,
.button + .header__button,
.header__button + .header__button,
.signup__prev + .header__button,
.signup__next + .header__button,
.signup__check + .header__button,
.signup__finish + .header__button,
.button + .signup__prev,
.header__button + .signup__prev,
.signup__prev + .signup__prev,
.signup__next + .signup__prev,
.signup__check + .signup__prev,
.signup__finish + .signup__prev,
.button + .signup__next,
.header__button + .signup__next,
.signup__prev + .signup__next,
.signup__next + .signup__next,
.signup__check + .signup__next,
.signup__finish + .signup__next,
.button + .signup__check,
.header__button + .signup__check,
.signup__prev + .signup__check,
.signup__next + .signup__check,
.signup__check + .signup__check,
.signup__finish + .signup__check,
.button + .signup__finish,
.header__button + .signup__finish,
.signup__prev + .signup__finish,
.signup__next + .signup__finish,
.signup__check + .signup__finish,
.signup__finish + .signup__finish
{
    margin-left: 10px;
}
@media screen and (max-width: 600px)
{
    .button,
    .header__button,
    .signup__prev,
    .signup__next,
    .signup__check,
    .signup__finish
    {
        min-width: 50px;
    }
}

.form
{
    position: relative;
}
.form_signup
{
    max-width: 540px;
}
.connect .form_signup
{
    margin: 0 auto;
}
.dilemma .form_signup
{
    display: inline-block; 

    width: 540px;
    max-width: 100%;
}

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

.form__legend
{
    font-size: 14px;

    margin: 30px 0 15px 180px;

    text-transform: uppercase; 

    color: #808080;
}
.form__legend:first-child
{
    margin-top: 0;
}
@media screen and (max-width: 600px)
{
    .form__legend
    {
        margin: 10px 0 0;

        text-align: center;
    }
}

.form__set
{
    margin: 35px 0 0;
}
.form__set:first-child
{
    margin-top: 0;
}
.form__set:last-child
{
    margin-bottom: 0;
}
.marketing_subscribe .form__set
{
    max-width: 590px;
}
.lt-ie10 .form__set
{
    text-align: center;
}
@media screen and (max-width: 600px)
{
    .form__set
    {
        display: block;
    }
}

.form__row
{
    position: relative;

    margin: 25px 0;
}
.form_light .form__row
{
    margin: 16px 0;
}
@media screen and (max-width: 600px)
{
    .form_light .form__row
    {
        margin: 8px 0;
    }
}
.form__set .form__row
{
    margin: 0;
}
@media screen and (max-width: 600px)
{
    .form__set .form__row
    {
        margin: 35px 0;
    }
}
.form__row_half
{
    width: 47.5%;
}
.form_signup .form__row_half
{
    width: 46%;
}
@media screen and (max-width: 600px)
{
    .form__row_half
    {
        width: auto;
    }
}
.form__row_third
{
    width: 30%;
}
@media screen and (max-width: 600px)
{
    .form__row_third
    {
        width: auto;
    }
}
.form__row:first-child
{
    margin-top: 0;
}
.form__row:last-child
{
    margin-bottom: 0;
}
.form__row_submit
{
    margin-top: 50px;

    text-align: center;
}
.form_light .form__row_submit
{
    margin-top: 40px;
}

.form__element
{
    position: relative; 

    display: block;
}
.form_search .form__element:before
{
    font: normal normal normal 10px/1 FontAwesome; 

    position: absolute;
    top: 13px;
    left: 34px;

    content: '\f002';

    color: #b1b1b1;
}

.form__label
{
    font-weight: bold; 

    display: block;

    margin: 0 0 8px 15px;
}
.form__label_empty:before
{
    display: inline;

    content: 'Field';

    color: transparent;
}
@media screen and (max-width: 600px)
{
    .form__label_empty:before
    {
        display: none;
    }
}

.form__input,
.form__select,
.form__textarea
{
    font-size: 13px;
    line-height: 1.2;

    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 14px 15px 14px;

    -webkit-transition: .25s linear;
            transition: .25s linear;

    color: #2a333c;
    border: 1px solid #08122d;
    border-radius: 25px;
    outline: none;
    background: #fff;

    will-change: border-color;
}
.form__input.error,
.form__select.error,
.form__textarea.error
{
    border-color: #f00;
}
.form__input:focus,
.form__select:focus,
.form__textarea:focus
{
    border-color: #a2b2f2;
}
.form_signup .form__input,
.form_signup
  .form__select,
.form_signup
  .form__textarea
{
    color: #fff; 
    border: 1px solid #fff;
    background: none;
}
.form__element_symboled .form__input,
.form__element_symboled
  .form__select,
.form__element_symboled
  .form__textarea
{
    padding-left: 80px;
}

.marketing_subscribe .form__input
{
    width: 380px;
}

.form__element_search .form__input
{
    padding-left: 50px;
}

.form_search .form__input
{
    font-size: 10px; 
    line-height: 1.45;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 52px;

    border-color: #ccc;
    background: #f8f8f8;
}
.form_search .form__input:focus
{
    border-color: #a2b2f2;
}

.form__textarea
{
    line-height: 1.2;

    display: block;
    overflow: hidden;

    height: 100px;
    max-height: 200px;

    resize: none; 

    border-radius: 10px;
}
.form__textarea_big
{
    height: 170px;
}
.form__textarea.autoExpand
{
    box-sizing: padding-box;
}

.form__select
{
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.form__select::-ms-expand
{
    display: none;
}

.form__element_select
{
    position: relative;
}
.form__element_select:after
{
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: bold;
    line-height: 45px;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 45px;

    content: '\f107';
    text-align: center;
    pointer-events: none; 

    color: #2a333c;
    border-radius: 0;
}
.form_signup .form__element_select:after
{
    color: #fff;
}

.form__input.error ~ .form__label,
.form__textarea.error ~ .form__label
{
    color: #f00;
}

label.error
{
    font-size: 11px;
    font-style: italic;

    display: block;

    text-align: left; 

    color: #f00;
}

.form__input::-webkit-input-placeholder
{
    color: #2a333c;
}
.form_signup .form__input::-webkit-input-placeholder
{
    opacity: 1; 
    color: #fff;
}

.form__input:-moz-placeholder
{
    color: #2a333c;
}
.form_signup .form__input:-moz-placeholder
{
    opacity: 1; 
    color: #fff;
}

.form__input::-moz-placeholder
{
    color: #2a333c;
}
.form_signup .form__input::-moz-placeholder
{
    opacity: 1; 
    color: #fff;
}

.form__input:-ms-input-placeholder
{
    color: #2a333c;
}
.form_signup .form__input:-ms-input-placeholder
{
    opacity: 1; 
    color: #fff;
}

.form__symbol
{
    font-size: 13px;
    line-height: 1.2;

    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 66px;
    margin: 1px 0 0;
    padding: 14px 15px 14px;

    -webkit-transition: .25s linear;
            transition: .25s linear; 
    text-align: center;

    color: #2a333c;
    border-right: 1px solid #08122d;
}
.form__input:focus + .form__symbol
{
    color: #a2b2f2; 
    border-color: #a2b2f2;
}

.form__radio,
.form__checkbox
{
    display: block;

    width: 100%;
    margin: 0 5px;
    padding: 0;
}

.form__radio-box,
.form__checkbox-box
{
    position: absolute;
    left: -3000px;
}

.form__radio-label,
.form__checkbox-label
{
    font-size: 13px;
    line-height: 1.7;

    position: relative;

    display: inline-block;

    width: auto;
    height: auto;
    padding: 0 0 0 30px;

    -webkit-transition: none;
            transition: none; 

    color: 14px;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.form__radio-label:before,
.form__checkbox-label:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 14px;
    height: 14px;
    margin: -9px 0 0 0;

    content: '';

    border: 2px solid #08122d;
    border-radius: 50%;
}
.form__radio-label_light,
.form__checkbox-label_light
{
    font-weight: 100;
}
.form__radio_disabled .form__radio-label,
.form__checkbox_disabled .form__radio-label,
.form__radio_disabled
  .form__checkbox-label,
.form__checkbox_disabled
  .form__checkbox-label
{
    cursor: not-allowed; 

    opacity: .4;
    border-color: #999;
}

.form__checkbox-label:before
{
    font-family: FontAwesome;
    line-height: 16px;

    text-align: center; 

    color: #08122d;
    border-radius: 2px;
}

.form__radio-box:checked + .form__radio-label:before
{
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 10px #a2b2f2;
}

.form__checkbox-box:checked + .form__checkbox-label:before
{
    content: '\f00c';
}

.form__text
{
    margin: -5px 0;
}

.form__hidden
{
    position: absolute;
    left: -5000px;
}

.form__forgot
{
    font-size: 13px;
    line-height: normal;

    float: right;

    text-decoration: none;

    opacity: .3; 
    color: #2a333c;
}
.form__forgot:hover
{
    text-decoration: underline;

    opacity: 1;
}

.control
{
    position: relative; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.control:first-child
{
    margin-top: 0;
}
.control:last-child
{
    margin-bottom: 0;
}
.control_v
{
    display: block;
}
.control_submit
{
    margin-top: 40px;
    padding-left: 180px;
}
@media screen and (max-width: 600px)
{
    .control_submit
    {
        padding-left: 0;

        text-align: center;
    }
}
@media screen and (max-width: 600px)
{
    .control
    {
        display: block;
    }
}

.control__label
{
    font-weight: 400; 
    line-height: 32px;

    display: block;

    width: 150px;
    margin: 0;
    padding: 0 30px 0 0;
}
.control_v .control__label
{
    width: auto;
    padding: 0;
}
.form_settings .control__label
{
    text-align: right;
}
@media screen and (max-width: 600px)
{
    .form_settings .control__label
    {
        text-align: left;
    }
}
@media screen and (max-width: 600px)
{
    .control__label
    {
        width: auto;
    }
}

.control__element
{
    position: relative; 

    display: block;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}

.control__input,
.control__select,
.control__textarea
{
    font-size: 13px;
    line-height: 1.25;

    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 7px 15px;

    -webkit-transition: .25s linear;
            transition: .25s linear;

    color: #2a333c;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    outline: none;
    background: #fff;

    will-change: border-color;
}
.control__input.error,
.control__select.error,
.control__textarea.error
{
    border-color: #f00;
}
.control__input:focus,
.control__select:focus,
.control__textarea:focus
{
    border-color: #a2b2f2;
}
.control__element_symboled .control__input,
.control__element_symboled
  .control__select,
.control__element_symboled
  .control__textarea
{
    padding-left: 80px;
}

.control__textarea
{
    line-height: 1.2;

    display: block;
    overflow: hidden;

    height: 100px;
    max-height: 200px;

    resize: none; 

    border-radius: 5px;
}
.control__textarea_big
{
    height: 170px;
}
.control__textarea.autoExpand
{
    box-sizing: padding-box;
}

.control__select
{
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.control__select::-ms-expand
{
    display: none;
}

.control__element_select
{
    position: relative;
}
.control__element_select:after
{
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 45px;

    content: '\f107';
    text-align: center;
    pointer-events: none; 

    color: #2a333c;
    border-radius: 0;
}

.control__input.error ~ .control__label,
.control__textarea.error ~ .control__label
{
    color: #f00;
}

.layout
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    min-width: 320px;
    margin: 0 auto; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.page_fl .layout,
.page_cl .layout
{
    background: #fafafa;
}

.layout__content
{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.page_projects .layout__content
{
    padding-top: 84px;
}
.page_fl .layout__content,
.page_cl .layout__content
{
    padding-top: 88px;
}
@media screen and (max-width: 999px)
{
    .page_fl .layout__content,
    .page_cl .layout__content
    {
        padding-top: 60px;
    }
}

.header
{
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;

    height: 142px;

    -webkit-transition: .25s ease-out;
            transition: .25s ease-out; 

    color: #fff;
    background: transparent;
}
.header_user
{
    height: 84px;

    background: #fff;
}
.page_fl .header,
.page_cl .header
{
    height: 88px;

    color: #000; 
    background: #fff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, .1);
}
.header_fixed
{
    height: 72px;

    background: #2a333c;
    background: rgba(42, 51, 60, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.page_fl .header_fixed,
.page_cl .header_fixed
{
    height: 60px;

    background: #fff;
}
@media screen and (max-width: 999px)
{
    .nav-open .header
    {
        height: 100%;
    }
    .page_fl .header,
    .page_cl .header
    {
        height: 60px;

        background: #fff;
    }
}

.header_user .header_fixed
{
    background: rgba(255, 255, 255, .8);
}

@media screen and (max-width: 999px)
{
    .header__wrapper
    {
        height: 100%;
    }
}

.header__burger
{
    display: none;
}
@media screen and (max-width: 999px)
{
    .header__burger
    {
        position: absolute;
        z-index: 1010;
        top: 20px;
        right: 40px;

        display: block;

        box-sizing: border-box;
        width: 30px;
        height: 30px;

        cursor: pointer;

        -webkit-tap-highlight-color: transparent;
    }
    .page_fl .header__burger,
    .page_cl .header__burger
    {
        right: 20px;
    }
}

@media screen and (max-width: 999px)
{
    .header__burger-ico
    {
        position: absolute;
        top: 50%;
        left: 0;

        width: 30px;
        height: 2px;
        margin: -1px 0 0 0;

        background: #fff;
    }
    .page_fl .header__burger-ico,
    .page_cl .header__burger-ico
    {
        margin-top: -6px;

        background: #2a333c;
    }
    .header__burger-ico:before,
    .header__burger-ico:after
    {
        position: absolute;
        top: -9px;
        left: 0;

        width: 100%;
        height: 2px;
        margin: -1px 0 0 0;

        content: '';
        -webkit-transition: all .25s linear;
                transition: all .25s linear; 

        background: inherit;
    }
    .header__burger-ico:after
    {
        top: auto;
        bottom: -10px;
    }
    .nav-open .header__burger-ico,
    .nav-open-bottom .header__burger-ico
    {
        background: transparent;
    }
    .nav-open .header__burger-ico:before,
    .nav-open-bottom .header__burger-ico:before
    {
        top: 0;

        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);

        background: #fff;
    }
    .nav-open .header__burger-ico:after,
    .nav-open-bottom .header__burger-ico:after
    {
        bottom: 0;

        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);

        background: #fff;
    }
}

@media screen and (max-width: 480px)
{
    .page_fl .header__burger-ico:before,
    .page_fl .header__burger-ico:after,
    .page_cl .header__burger-ico:before,
    .page_cl .header__burger-ico:after
    {
        background: #2a333c;
    }
}

.header__main
{
    -webkit-transition: padding .25s linear;
            transition: padding .25s linear;
}
@media screen and (max-width: 999px)
{
    .header__main
    {
        padding: 10px 0;
    }
}

.header__site
{
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;

    position: absolute;
    z-index: 10;
    top: 45px;
    left: 40px;

    -webkit-transition: top .25s ease-out;
            transition: top .25s ease-out;
}
.header_user .header__site
{
    top: 17px;

    color: #a2b2f2;
}
.page_fl .header__site,
.page_cl .header__site
{
    top: 17px;

    color: #a2b2f2;
}
.header_fixed .header__site
{
    top: 13px;
}
.page_fl .header_fixed .header__site,
.page_cl .header_fixed .header__site
{
    top: 4px;
}
@media screen and (max-width: 999px)
{
    .header__site
    {
        top: 13px;
    }
    .page_fl .header__site,
    .page_cl .header__site
    {
        top: 4px;
        left: 20px;
    }
}

.header__home
{
    text-decoration: none;
}

.header__actions
{
    position: absolute;
    top: 50px;
    right: 40px;

    -webkit-transition: top .25s ease-out;
            transition: top .25s ease-out;
}
.header_user .header__actions,
.header_fl .header__actions
{
    top: 17px;
}
.header_fixed .header__actions
{
    top: 13px;
}
@media screen and (max-width: 999px)
{
    .header__actions
    {
        z-index: -1;
        top: auto !important;
        bottom: 0;
        left: 40px;

        visibility: hidden;

        padding-bottom: 20px;

        -webkit-transition: opacity .25s ease-out;
                transition: opacity .25s ease-out; 
        text-align: center;

        opacity: 0;
    }
    .nav-open .header__actions
    {
        z-index: 10;

        visibility: visible; 

        opacity: 1;
    }
}

.header_user .header__button,
.header_fl .header__button
{
    opacity: .5; 
    color: #95999e;
    background: none;
}
.header_user .header__button:hover,
.header_fl .header__button:hover
{
    opacity: 1;
}

.header__search
{
    float: right;

    width: 330px;
    margin: 24px 0 0;

    -webkit-transition: margin .25s ease-out;
            transition: margin .25s ease-out;
}
.header_fixed .header__search
{
    margin-top: 12px;
}
@media screen and (max-width: 999px)
{
    .header__search
    {
        margin-top: 2px !important; 
        margin-right: 60px;
    }
}
@media screen and (max-width: 600px)
{
    .header__search
    {
        position: absolute;
        z-index: 200;
        top: 10px;
        right: 70px;
        left: 10px;

        display: none;
        float: none;

        width: auto;
        margin: 0;
    }
    .nav-open .header__search
    {
        display: block;
    }
}
@media screen and (max-width: 480px)
{
    .header__search
    {
        right: 10px;
    }
}

.section_selected
{
    color: #fff; 
    background: #f1f1f1;
}

.section__wrapper
{
    padding-top: 100px;
    padding-bottom: 100px;
}
.section_markets .section__wrapper
{
    max-width: 1000px;
}
@media screen and (max-width: 999px)
{
    .section__wrapper
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.section__title
{
    margin: 0 0 37.5px;

    text-align: center;
}
.section_selected .section__title
{
    color: #a2b2f2;
}

.section__map
{
    width: 808px;
    max-width: 100%;
}

.section__gallery
{
    margin-top: -75px;
    margin-bottom: 75px;
}

.nav
{
    font-size: 15px;

    position: relative;

    height: 72px;
    padding-top: 58px;

    -webkit-transition: padding-top .25s ease-out;
            transition: padding-top .25s ease-out; 
    text-align: center;
}
.header_user .nav
{
    margin-right: 90px;
    padding-top: 25px;

    text-align: right;
}
.page_fl .nav,
.page_cl .nav
{
    float: right;

    height: auto;
    padding-top: 28px;
}
.header_fixed .nav
{
    padding-top: 19px;
}
.page_fl .header_fixed .nav,
.page_cl .header_fixed .nav
{
    padding-top: 16px;
}
.header_fixed.header_user .nav
{
    padding-top: 21px;
}
@media screen and (max-width: 999px)
{
    .nav
    {
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        visibility: hidden;

        width: auto;
        height: auto;
        margin: 0 !important;
        padding-right: 30px;

        -webkit-transition: opacity .5s linear;
                transition: opacity .5s linear; 
        text-align: right;

        opacity: 0;
    }
    .nav:after
    {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;

        height: 0;

        content: '';
        -webkit-transition: height .25s linear;
                transition: height .25s linear; 

        background: black;
    }
    .nav-open .nav
    {
        visibility: visible; 

        opacity: 1;
    }
    .nav-open .nav:after
    {
        height: 100%;
    }
}

.naw__wrapper
{
    min-width: 10px;
}
.page_fl .naw__wrapper,
.page_cl .naw__wrapper
{
    padding: 0;
}

@media screen and (max-width: 999px)
{
    .nav__menu
    {
        position: relative;
        z-index: 5;

        margin: 50px 0 0 0;
    }
}

.nav__list
{
    display: block;

    margin: 0;
    padding: 0;

    list-style: none;

    -webkit-transition: -webkit-transform .25s linear;
            transition: -webkit-transform .25s linear;
            transition:         transform .25s linear;
            transition:         transform .25s linear, -webkit-transform .25s linear;
}
@media screen and (max-width: 999px)
{
    .subnav-open .nav__list
    {
        -webkit-transform: translateX(-200px);
            -ms-transform: translateX(-200px);
                transform: translateX(-200px);
    }
}

.nav__item
{
    display: inline-block;

    margin: 0 35px;
}
.page_fl .nav__item,
.page_cl .nav__item
{
    margin: 0 0 0 30px;
}
@media screen and (max-width: 999px)
{
    .nav__item
    {
        display: block;

        margin: 0;
    }
}

.nav__link
{
    font-weight: 100;
    line-height: 28px;

    position: relative;

    display: block;

    box-sizing: border-box;

    text-decoration: none;

    opacity: .5; 
    color: #fff;
}
.nav__link_parent:after
{
    display: inline-block;

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

    content: '';
    vertical-align: top; 

    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.header_user .nav__link
{
    font-weight: 500; 

    color: #95999e;
}
.page_fl .nav__link,
.page_cl .nav__link
{
    font-size: 10px;
    font-weight: 400;

    text-transform: uppercase;

    opacity: 1; 
    color: #000;
}
.nav__link:hover
{
    opacity: 1;
}
.nav__link_active
{
    opacity: 1;
}
.header_user .nav__link_active
{
    font-weight: 600; 

    color: #a2b2f2;
}
@media screen and (max-width: 999px)
{
    .nav__link
    {
        font-size: 24px;
        font-weight: 300;
        line-height: 1;

        position: relative;

        display: block;
        float: right;
        clear: right;

        height: auto;
        margin: 0 0 40px;
        padding-right: 0;

        color: #fff;
    }
    .nav__link:after
    {
        bottom: 10px;
    }
    .nav__item_active .nav__link
    {
        height: auto;
        margin-right: -10px;
        padding-right: 10px;

        color: #f1f1f1; 
        border-right: 2px solid #f1f1f1;
        border-bottom: 0;
    }
    .nav-open .nav__link
    {
        width: auto;
    }
}
@media screen and (max-width: 999px) and (max-width: 999px)
{
    .nav__link_parent:after
    {
        float: right;

        margin: 2px -20px 0 0;

        -webkit-transition: -webkit-transform .25s linear;
                transition: -webkit-transform .25s linear;
                transition:         transform .25s linear;
                transition:         transform .25s linear, -webkit-transform .25s linear; 

        border-top: 8px solid transparent;
        border-right: 0;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #fff;
    }
    .subnav-open .nav__link_parent:after
    {
        -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
}
@media screen and (max-width: 999px)
{
    .page_fl .nav__link,
    .page_cl .nav__link
    {
        font-size: 20px;
        font-weight: 300;

        text-transform: uppercase;

        opacity: 1; 
        color: #fff;
    }
}

.subnav
{
    position: fixed;
    z-index: 300;
    top: 0;
    right: 0;
    left: 0;

    overflow: hidden;

    height: 0;

    -webkit-transition: opacity .25s linear, height .25s .25s linear;
            transition: opacity .25s linear, height .25s .25s linear; 

    opacity: 0;
}
.subnav-open .subnav
{
    height: 100%;

    -webkit-transition: opacity .25s linear;
            transition: opacity .25s linear; 

    opacity: 1;
}
@media screen and (max-width: 999px)
{
    .subnav
    {
        -webkit-transition: none;
                transition: none;
    }
    .subnav-open .subnav
    {
        position: absolute;
        top: -10px;
        left: 100%;

        overflow: auto;

        width: 200px;
        height: 100vh;
        margin: 0 0 0 30px;

        text-align: left;
    }
}

.subnav__blocker
{
    position: absolute;
    z-index: 301; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    opacity: .7;
    background: #fff;
}
@media screen and (max-width: 999px)
{
    .subnav__blocker
    {
        display: none;
    }
}

.subnav__inner
{
    position: relative;

    height: 100%;
}
.subnav__inner:after
{
    position: absolute;
    z-index: 302;
    top: 0;
    bottom: 0;
    left: 100%;

    width: 3000px;

    content: '';

    background: #000;
}

.subnav__list
{
    position: absolute;
    z-index: 303;
    top: 0;
    right: 0;
    bottom: 0;

    margin: 0;
    padding: 0;

    list-style: none;

    -webkit-transition: -webkit-transform .25s linear;
            transition: -webkit-transform .25s linear;
            transition:         transform .25s linear;
            transition:         transform .25s linear, -webkit-transform .25s linear; 
    -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
            transform: translateX(200px);

    background: #000;
}
.subnav-open .subnav__list
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
@media screen and (max-width: 999px)
{
    .subnav__list
    {
        right: auto;
        left: 0;
    }
}

.subnav__item
{
    margin: 20px 0;
}
@media screen and (max-width: 999px)
{
    .subnav__item
    {
        margin: 5px 0;
    }
}

.subnav__link
{
    display: block;

    padding: 10px 38px;

    text-decoration: none; 

    color: #fff;
}
.subnav__link:hover
{
    background: #333;
}
@media screen and (max-width: 999px)
{
    .subnav__link
    {
        padding: 5px 10px;
    }
}

.content
{
    position: relative;
}

.content__inner
{
    max-width: 808px;
}
.content__inner_wide
{
    max-width: 1400px;
}
.content_complex .content__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1400px; 

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.content__about
{
    font-size: 20px;
    font-weight: 400;

    margin: 50px 0 30px;

    text-align: left; 

    color: #7c7c7c;
}
.content__about img
{
    max-width: 100%;
}
@media screen and (max-width: 999px)
{
    .content__about
    {
        margin: 20px 0;
    }
}

.content__hard
{
    font-weight: 400; 

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    width: 100%;
    padding: 0 0 50px;
}
@media screen and (max-width: 999px)
{
    .content__hard
    {
        display: block;

        padding: 0 0 30px;
    }
}

@media screen and (max-width: 999px)
{
    .content__general
    {
        margin: 0 0 30px;
    }
}

@media screen and (max-width: 600px)
{
    .content__general
    {
        margin: 0 0 15px;
    }
}

.content__aside
{
    width: 25%;
    min-width: 25%;
    padding: 0 0 0 30px;
}
@media screen and (max-width: 999px)
{
    .content__aside
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        padding: 0; 

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
}
@media screen and (max-width: 600px)
{
    .content__aside
    {
        display: block;

        margin: 0 0 15px;
    }
}

.content__title
{
    margin: 0 0 40px;
    padding: 20px 0;

    color: #fff; 
    background: #a2b2f2;
}
.content__title_complex
{
    margin-bottom: 0;
}

.content__name
{
    font-size: 15px;

    margin: 0;

    text-align: left;
    text-transform: uppercase;
}

.content__info
{
    font-size: 12px;

    opacity: .5;
}

.content__block,
.board__item,
.board__editor,
.human__info,
.human__box,
.works__add,
.settings
{
    box-sizing: border-box;
    margin: 0 0 30px;
    padding: 20px 30px;

    border: 1px solid #e6e6e6;
    background: #fff;
}
.content__block:last-child,
.board__item:last-child,
.board__editor:last-child,
.human__info:last-child,
.human__box:last-child,
.works__add:last-child,
.settings:last-child
{
    margin-bottom: 0;
}
.content__general .content__block,
.content__general .board__item,
.content__general
  .board__editor,
.content__general .human__info,
.content__general .human__box,
.content__general .works__add,
.content__general .settings
{
    min-height: 100%;
    padding: 45px 60px;
}
@media screen and (max-width: 999px)
{
    .content__general .content__block,
    .content__general .board__item,
    .content__general
    .board__editor,
    .content__general .human__info,
    .content__general .human__box,
    .content__general .works__add,
    .content__general .settings
    {
        padding: 20px 15px;
    }
}
.content__aside .content__block,
.content__aside .board__item,
.content__aside
  .board__editor,
.content__aside .human__info,
.content__aside .human__box,
.content__aside .works__add,
.content__aside .settings
{
    padding: 45px 60px;
}
@media screen and (max-width: 999px)
{
    .content__aside .content__block,
    .content__aside .board__item,
    .content__aside
    .board__editor,
    .content__aside .human__info,
    .content__aside .human__box,
    .content__aside .works__add,
    .content__aside .settings
    {
        width: 48%;
        margin: 0;
        padding: 20px 15px;
    }
}
@media screen and (max-width: 600px)
{
    .content__aside .content__block,
    .content__aside .board__item,
    .content__aside
    .board__editor,
    .content__aside .human__info,
    .content__aside .human__box,
    .content__aside .works__add,
    .content__aside .settings
    {
        width: auto;
        margin: 0 0 15px;
    }
}
@media screen and (max-width: 600px)
{
    .content__block,
    .board__item,
    .board__editor,
    .human__info,
    .human__box,
    .works__add,
    .settings
    {
        padding-right: 15px; 
        padding-left: 15px;
    }
}

.content__box
{
    margin: 30px 0;

    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
}
.content__box_project
{
    margin-bottom: 60px;
}

.content__form
{
    margin: 30px 0;
}

.content__section
{
    padding: 30px;

    border-top: 2px solid #e9e9e9;
}
.content__section:first-child,
.proposals + .content__section
{
    border-top: 0;
}
@media screen and (max-width: 999px)
{
    .content__section
    {
        padding: 15px;
    }
}

.content__project
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.content__project_header
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
@media screen and (max-width: 762px)
{
    .content__section_author .content__project
    {
        display: block;
    }
}
@media screen and (max-width: 600px)
{
    .content__project
    {
        display: block;
    }
}

.content__project-col
{
    box-sizing: content-box; 
    padding: 0 30px;
}
.content__project-col:first-child
{
    padding-left: 0;
}
.content__project-col:last-child
{
    margin-right: 0;
}
@media screen and (max-width: 999px)
{
    .content__project-col
    {
        margin: 0;
    }
}
@media screen and (max-width: 600px)
{
    .content__project-col
    {
        margin: 20px 0;
    }
    .content__project-col:first-child
    {
        margin-top: 0;
    }
    .content__project-col:last-child
    {
        margin-bottom: 0;
    }
}

.content__author
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 50%; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 762px)
{
    .content__author
    {
        max-width: 100%; 

        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.content__avatar
{
    overflow: hidden;

    width: 60px;
    min-width: 60px;
    height: 60px;
    margin: 0 20px 0 0;

    vertical-align: middle; 

    border-radius: 50%;
}

.content__photo
{
    width: 100%;
    height: 100%;
}

.content__user
{
    overflow: hidden;

    vertical-align: middle;
}

.content__label
{
    font-size: 15px;
    font-weight: 600;

    overflow: hidden;

    max-width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis; 

    color: #08122d;
}

.content__value
{
    overflow: hidden;

    max-width: 100%;
    margin: 5px 0 0;

    white-space: nowrap;
    text-overflow: ellipsis; 

    color: #a2b2f2;
}

.content__rate:last-child
{
    text-align: right;
}

.content__actions
{
    -ms-flex-item-align: center;
    align-self: center;
}
@media screen and (max-width: 999px)
{
    .content__actions
    {
        margin-top: 10px;
    }
}
@media screen and (max-width: 480px)
{
    .content__actions .button,
    .content__actions .header__button,
    .content__actions .signup__prev,
    .content__actions
    .signup__next,
    .content__actions
    .signup__check,
    .content__actions
    .signup__finish
    {
        display: block;

        width: 100%;
        margin: 10px 0 0 0;
    }
}

.content__complex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content__sidebar
{
    position: relative;

    width: 30%;
}

.content__main
{
    box-sizing: border-box;
    width: 70%;

    border-left: 1px solid #d5d7d8;
}
.content__title .content__main
{
    padding-left: 50px;

    border-left-color: transparent;
}

.content__set
{
    position: relative;

    padding: 32px 0 32px 20px;
}
.content__set:before
{
    position: absolute;
    top: 0;
    right: -3000px;
    bottom: 0;
    left: 0;

    content: '';

    border-bottom: 1px solid #d5d7d8;
}
.content__set:last-child:before
{
    display: none;
}
@media screen and (min-width: 1260px)
{
    .content__set
    {
        padding-left: 50px;
    }
}

.content__username
{
    font-size: 17px;

    text-align: center;
}

.content__usertype
{
    text-align: center; 

    opacity: .5;
}

.content__complextitle
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content__pretitle
{
    font-size: 14px;

    margin-bottom: 20px;
    margin-left: 20px;

    text-align: right; 

    color: #8f9599;
}

.content__legend
{
    font-size: 20px;
    font-weight: 400;

    margin: 0 0 30px;

    text-align: left; 

    color: #000;
}
@media screen and (max-width: 600px)
{
    .content__legend
    {
        margin: 0 0 20px;
    }
}

.footer
{
    font-size: 16px; 

    position: relative;

    color: #fff;
    background: #2a333c;
}
.footer_alt
{
    padding-top: 60px;
}
@media screen and (max-width: 999px)
{
    .footer_alt
    {
        padding-top: 0;
    }
}

.footer__content
{
    overflow: hidden;

    padding: 30px 0;
}
@media screen and (max-width: 999px)
{
    .footer__content
    {
        display: block;

        margin: 20px 0;
    }
}

.footer__site
{
    line-height: 24px;

    display: inline-block;

    vertical-align: middle;
}
.footer_alt .footer__site
{
    float: left;
}
@media screen and (max-width: 600px)
{
    .footer__site
    {
        display: block;
        float: none !important;

        text-align: center;
    }
}

.footer__contacts
{
    display: inline-block;

    padding: 7px 0 0 30px;

    vertical-align: middle;
}
@media screen and (max-width: 600px)
{
    .footer__contacts
    {
        display: block;

        padding: 20px 0 0;

        text-align: center;
    }
}

.footer__email
{
    text-decoration: none;
}
.footer__email:hover
{
    text-decoration: underline;
}

.footer__home
{
    font-size: 24px;
    line-height: 1;

    display: block;

    text-decoration: none;
}

.footer__social
{
    font-size: 24px;
    line-height: 1;

    float: right;

    color: #fff;
}
.footer_alt .footer__social
{
    margin-top: 10px;
}
.footer__social_small
{
    font-size: 12px;
}
@media screen and (max-width: 600px)
{
    .footer__social
    {
        float: none;

        margin: 0 0 20px;

        text-align: center;
    }
}

.footer__network
{
    display: inline-block;

    margin: 0 0 0 40px;

    text-decoration: none; 

    color: inherit;
}
@media screen and (max-width: 600px)
{
    .footer__network
    {
        margin: 0 20px;
    }
}

.footer__menu
{
    font-size: 18px;

    padding: 1px 0 0;

    text-align: center;
}
@media screen and (max-width: 999px)
{
    .footer__menu
    {
        clear: both;

        padding-top: 20px;
    }
}

.footer__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.footer__item
{
    display: inline-block;

    margin: 0 1.5%;
}
@media screen and (max-width: 762px)
{
    .footer__item
    {
        margin: 10px 20px 0;
    }
}

.footer__page
{
    text-decoration: none;

    opacity: .5;
}
.footer__page:hover
{
    text-decoration: underline;

    opacity: 1;
}

.sidebar__legend
{
    font-weight: bold;

    position: relative;

    padding: 32px 0;

    text-transform: uppercase; 

    background: #f7f7f7;
}
.sidebar__legend:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -3000px;

    content: '';

    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background: inherit;
}
.sidebar__legend:first-child:before
{
    border-top: 0;
}

.sidebar__label
{
    position: relative;

    padding-right: 50px;
}
.sidebar__label:before
{
    float: right; 

    content: '-';
}

.sidebar__menu
{
    padding: 22px 0;
}

.sidebar__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.sidebar__item
{
    position: relative;

    margin: 16px 0;
}
.sidebar__item:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -3000px;

    content: '';

    border-top: 1px solid transparent;
    border-right: 5px solid transparent; 
    border-bottom: 1px solid transparent;
}
.sidebar__item_active:before
{
    border-top: 1px solid #e8e9eb;
    border-right: 5px solid #a2b2f2;
    border-bottom: 1px solid #e8e9eb;
    background: #fafbfe;
}
.sidebar__item:hover:before
{
    border-top: 1px solid #e8e9eb;
    border-right: 5px solid #a2b2f2;
    border-bottom: 1px solid #e8e9eb;
    background: #f1f3fd;
}
.sidebar__item:first-child
{
    margin-top: 0;
}
.sidebar__item:last-child
{
    margin-bottom: 0;
}

.sidebar__link
{
    position: relative;

    display: block;

    padding: 14px 0;

    text-decoration: none;
}

.popup
{
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;

    min-width: 320px;

    opacity: 0;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: opacity, visibility, z-index;
}
.popup_active
{
    z-index: 2000;

    visibility: visible; 

    opacity: 1;
}
@media screen and (max-width: 999px)
{
    .popup
    {
        display: block;
    }
    .popup .form
    {
        padding: 0 20px;
    }
}

.popup__bg
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;

    -webkit-transition: opacity .25s ease-out;
            transition: opacity .25s ease-out;

    opacity: 0;
    background: #000;

    will-change: opacity, visibility;
}
.popup_active .popup__bg
{
    visibility: visible; 

    opacity: .7;
}

.popup__main
{
    position: relative;

    box-sizing: border-box;
    width: 920px;
    min-height: 200px;
    max-height: 100%;
    margin: 60px 0;
    padding: 50px 60px;

    -webkit-transition: .25s ease-out;
            transition: .25s ease-out;
    -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
            transform: translateY(-200px);
    text-align: left;

    opacity: 0;
    background: #fff;

    will-change: transform;
}
.popup_active .popup__main
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 

    opacity: 1;
}
.popup_signup .popup__main
{
    width: 648px;
}
@media screen and (max-width: 999px)
{
    .popup__main
    {
        left: auto !important;

        width: auto !important;
        max-height: none;
        margin: 40px 20px 20px !important;
    }
}

.popup__header
{
    margin: 0 0 32px;

    text-align: center;
}

.popup__title
{
    font-weight: 400; 

    color: #2a333c;
}

.popup__close
{
    font-size: 24px;
    line-height: 1;

    position: absolute;
    top: 18px;
    right: 20px;

    width: 20px;
    height: 20px;

    cursor: pointer; 
    text-align: center;

    color: #2a333c;
}
.popup__close:before
{
    line-height: 1;

    display: inline-block;

    margin: -4px 0 0;

    content: 'x';
    vertical-align: top;
}

.poster
{
    font-size: 25px; 

    position: relative;

    overflow: hidden;

    height: 724px;

    color: #fff;
    background-color: #a2b2f2;
    background-position: 50% 50%;
    background-size: cover;
}
.page_login .poster
{
    height: 550px;
}
@media screen and (max-width: 999px)
{
    .poster
    {
        height: 600px;
    }
}
@media screen and (max-width: 762px)
{
    .poster
    {
        height: 500px;
    }
}
@media screen and (max-width: 600px)
{
    .poster
    {
        height: 400px;
    }
}
@media screen and (max-width: 480px)
{
    .poster
    {
        height: 300px;
    }
}
.poster_home
{
    height: 842px;
}
@media screen and (max-width: 999px)
{
    .poster_home
    {
        height: auto;
    }
    .poster_home .form_signup
    {
        margin-right: auto; 
        margin-left: auto;
    }
}

.poster__inner
{
    display: table;

    width: 100%;
    height: 100%;
}

.poster__content
{
    position: relative;

    display: table-cell;

    padding-top: 72px;

    text-align: left;
    vertical-align: middle;
}
.poster__content_light
{
    padding-top: 192px;

    text-align: center;
    vertical-align: top;
}
@media screen and (max-width: 999px)
{
    .poster__content_light
    {
        padding-top: 152px;
    }
}
@media screen and (max-width: 762px)
{
    .poster__content_light
    {
        padding-top: 132px;
    }
}
@media screen and (max-width: 600px)
{
    .poster__content_light
    {
        font-size: 15px; 

        padding-top: 92px;
    }
}

.poster__cover
{
    position: absolute;
    right: 40px;
    bottom: -170px;

    width: 452px;
    height: 773px;

    background-repeat: no-repeat;
    background-position: 100% 0;
}
@media screen and (max-width: 999px)
{
    .poster__cover
    {
        display: none;
    }
}

.poster_home .poster__text
{
    width: 45%;
    padding-top: 200px;
}
@media screen and (max-width: 999px)
{
    .poster_home .poster__text
    {
        font-size: 20px; 

        width: auto;
        padding-top: 30px;

        text-align: center;
    }
}

.poster__content_light .poster__text
{
    max-width: 600px;
    margin: 0 auto;
}

.poster_title
{
    margin-bottom: 20px;

    text-align: left; 

    color: inherit;
}
.poster__content_light .poster_title
{
    text-align: center;
}
@media screen and (max-width: 999px)
{
    .poster_title
    {
        font-size: 40px;

        text-align: center;
    }
}
@media screen and (max-width: 600px)
{
    .poster_title
    {
        font-size: 30px;
    }
}

.poster_title + p
{
    margin-top: 5px;
}

.poster__actions
{
    position: relative;

    max-width: 410px;
    margin-top: 50px;
}
@media screen and (max-width: 999px)
{
    .poster__actions
    {
        margin-top: 30px;
    }
}
@media screen and (max-width: 600px)
{
    .poster__actions
    {
        margin-top: 20px;
    }
}

.poster__action
{
    display: inline-block;

    min-width: 175px;
    margin: 0 10px;
}

.poster__footer
{
    font-size: 15px;

    margin-top: 100px;
    padding-bottom: 20px;

    opacity: .5;
}
@media screen and (max-width: 999px)
{
    .poster__footer
    {
        margin-top: 20px;
    }
}

.benefits
{
    padding: 110px 0 90px;

    text-align: center;
}
@media screen and (max-width: 999px)
{
    .benefits
    {
        padding: 50px 0;
    }
}
@media screen and (max-width: 600px)
{
    .benefits
    {
        padding: 20px 0;
    }
}

@media screen and (max-width: 999px)
{
    .benefits__title
    {
        font-size: 30px;
    }
}

@media screen and (max-width: 600px)
{
    .benefits__title
    {
        font-size: 24px;
    }
}

.benefits__about
{
    font-size: 14px;
    font-weight: 100;

    margin: 0 0 65px;

    text-align: center;
}

.benefits__list
{
    margin: 70px 0 0;
    padding: 0;

    list-style: none;
}
@media screen and (max-width: 600px)
{
    .benefits__list
    {
        margin-top: 20px;
    }
}

@media screen and (max-width: 762px)
{
    .benefits__item
    {
        width: 48.5%;
    }
    .benefits__item:last-child
    {
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 600px)
{
    .benefits__item
    {
        width: 100%;
        margin: 20px auto 0;
    }
}

.benefits__cover
{
    height: 100px;
}

.benefits__ico
{
    height: 100%;
}

.benefits__label
{
    font-size: 15px;
    font-weight: 300;

    margin: 30px 0 15px;

    color: #a2b2f2;
}

.benefits__text
{
    margin: 15px 0 20px;
}

.connect
{
    position: relative;

    padding: 75px 0;

    text-align: center; 

    color: #fff;
    background: #2a333c;
}
@media screen and (max-width: 600px)
{
    .connect
    {
        padding: 20px 0;
    }
}

.connect__title
{
    font-weight: 100; 

    margin: 0 0 20px;
}
@media screen and (max-width: 600px)
{
    .connect__title
    {
        font-size: 24px;
    }
}

.connect__subtitle
{
    font-weight: 100; 

    margin-bottom: 50px;

    color: #fff;
}
@media screen and (max-width: 600px)
{
    .connect__subtitle
    {
        font-size: 24px; 

        margin-bottom: 25px;
    }
}

.scroller
{
    position: relative;

    background: #fff;
}

.scroller__inner
{
    height: 100%;
    padding-left: 60px;

    color: #fff;
}
.scroller__screen_light .scroller__inner
{
    color: #2a333c;
}
.scroller__front .scroller__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
@media screen and (max-height: 900px) and (max-width: 600px)
{
    .scroller__inner
    {
        display: block !important;
    }
}
@media screen and (max-width: 600px)
{
    .scroller__inner
    {
        display: block !important;
    }
}

.scroller__screen
{
    position: relative;

    overflow: hidden;

    height: 100vh;
}
@media screen and (max-height: 900px) and (max-width: 600px)
{
    .scroller__screen
    {
        height: auto;
        padding: 30px 0 20px;
    }
}
@media screen and (max-width: 600px)
{
    .scroller__screen
    {
        height: auto;
        padding: 30px 0 20px;
    }
}

.scroller__back
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden; 

    opacity: 0;
    background-color: #a2b2f2;
    background-position: 50% 50%;
    background-size: cover;
}
.scroller__screen_active .scroller__back
{
    position: fixed;

    visibility: visible; 

    opacity: 1;
}
.scroller__screen:first-child .scroller__back
{
    visibility: visible; 

    opacity: 1;
}
.scroller_finish .scroller__screen:first-child .scroller__back
{
    visibility: hidden; 

    opacity: 0;
}
.scroller__screen:first-child .scroller__back,
.scroller_finish .scroller__back
{
    position: absolute;
}
.scroller_start .scroller__screen:first-child .scroller__back
{
    position: fixed;
}
@media screen and (max-height: 900px) and (max-width: 600px)
{
    .scroller__back
    {
        position: absolute !important;

        visibility: visible; 

        opacity: 1 !important;
    }
}
@media screen and (max-width: 600px)
{
    .scroller__back
    {
        position: absolute !important;

        visibility: visible; 

        opacity: 1 !important;
    }
}

.scroller__cover
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: opacity .25s linear;
            transition: opacity .25s linear; 

    opacity: 0;
    background-color: #a2b2f2;
    background-position: 50% 50%;
    background-size: cover;
}
.scroller__screen_active .scroller__cover
{
    -webkit-transition: opacity .25s linear;
            transition: opacity .25s linear; 

    opacity: 1;
}
@media screen and (max-height: 900px) and (max-width: 600px)
{
    .scroller__cover
    {
        opacity: 1 !important;
    }
}
@media screen and (max-width: 600px)
{
    .scroller__cover
    {
        opacity: 1 !important;
    }
}

.scroller__line
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 1px;
}
@media screen and (max-width: 999px)
{
    .scroller__line
    {
        left: 25px;
    }
}

.scroller__label
{
    line-height: 38px;

    position: absolute;
    top: 30%;
    left: -20px;

    visibility: hidden;

    width: 40px;
    height: 40px;

    -webkit-transition: opacity .25s linear;
            transition: opacity .25s linear; 
    text-align: center;

    opacity: 0;
    border-radius: 50%;
    background: #fff;
}
.scroller__label:before,
.scroller__label:after
{
    position: absolute;
    bottom: 50px;
    left: 19px;

    width: 2px;
    height: 5000px;

    content: '';

    background: #fff;
}
.scroller__screen_light .scroller__label:before,
.scroller__screen_light .scroller__label:after
{
    background: #2a333c;
}
.scroller__label:after
{
    top: 50px; 
    bottom: auto;
}
.scroller__screen_light .scroller__label
{
    background: #2a333c;
}
.scroller__screen:first-child .scroller__label,
.scroller__screen_active .scroller__label
{
    visibility: visible; 

    opacity: 1;
}
@media screen and (max-height: 900px) and (max-width: 600px)
{
    .scroller__label
    {
        visibility: visible !important; 

        opacity: 1 !important;
    }
}
@media screen and (max-width: 600px)
{
    .scroller__label
    {
        visibility: visible !important; 

        opacity: 1 !important;
    }
}

.scroller__ico
{
    width: 30px;
    height: 24px;

    vertical-align: middle;
}

.scroller__front
{
    position: relative;

    height: 100%;
}

.scroller__content
{
    width: 48%;
}
@media screen and (max-width: 600px)
{
    .scroller__content
    {
        width: 100%;
        padding-bottom: 20px;

        text-align: center;
    }
}

.scroller__name
{
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;

    display: inline-block;

    height: 28px;
    padding: 0 10px;

    text-transform: uppercase; 

    color: #a2b2f2;
    border-radius: 5px;
    background: #2a333c;
}
.scroller__screen_light .scroller__name
{
    color: #fff; 
    background: #a2b2f2;
}

.scroller__title
{
    font-size: 60px;
    font-weight: 100;
    line-height: 1.2;

    margin: 20px 0;

    color: #08122d;
    color: #fff;
}
.scroller__screen_light .scroller__title
{
    color: #2a333c;
}
@media screen and (max-width: 999px)
{
    .scroller__title
    {
        font-size: 40px;
    }
}
@media screen and (max-width: 762px)
{
    .scroller__title
    {
        font-size: 35px;
    }
}
@media screen and (max-width: 600px)
{
    .scroller__title
    {
        font-size: 30px;
    }
}
@media screen and (max-width: 480px)
{
    .scroller__title
    {
        font-size: 24px;
    }
}

.scroller__photo
{
    position: absolute;
    top: 50vh;
    left: 50%;

    width: 261px;
    height: 554px;
    margin: -277px 0 0 140px;

    text-align: center;
}
.scroller_start .scroller__photo
{
    position: fixed;
}
.scroller_end .scroller__photo
{
    position: absolute;
    top: auto;
    bottom: 50vh;

    margin-top: auto;
    margin-bottom: -277px;
}
@media screen and (max-width: 999px)
{
    .scroller__photo
    {
        margin-left: 40px;
    }
}
@media screen and (max-width: 762px)
{
    .scroller__photo
    {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;

        width: 100%;
        margin: 0 !important;

        text-align: center;
    }
}

.scroller__image
{
    max-width: 100%;
}
.scroller__image_iphone
{
    max-width: 261px;
}

.scroller__iphone
{
    position: relative;

    width: 261px;
    height: 554px;
    margin: 0 auto;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.scroller__video
{
    position: absolute;
    z-index: -1;
    top: 78px;
    left: 18px;

    visibility: hidden; 

    width: 225px;
    height: 399px;

    opacity: 1;
    background: #000;
}
.scroller__video_active
{
    z-index: 25;

    visibility: visible; 

    opacity: 1;
}

.professionals
{
    text-align: center;
}

.professionals__inner
{
    padding-top: 110px;
    padding-bottom: 90px;

    border-top: 1px solid #e6e6e6;
}
@media screen and (max-width: 999px)
{
    .professionals__inner
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 600px)
{
    .professionals__inner
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.professionals__title
{
    margin-bottom: 40px;
}

.professionals__list
{
    margin-top: 70px;
    padding: 0;

    list-style: none;
}
@media screen and (max-width: 999px)
{
    .professionals__list
    {
        display: block;

        margin-top: 30px;

        text-align: center;
    }
}
@media screen and (max-width: 600px)
{
    .professionals__list
    {
        margin-top: 20px;
    }
}

.professionals__item
{
    display: inline-block;

    margin: 0 10px;
}
@media screen and (max-width: 999px)
{
    .professionals__item
    {
        margin-top: 10px;
    }
}

.professionals__dash
{
    display: inline-block;
}

.professionals__link
{
    text-decoration: none;
}
.professionals__link:hover
{
    text-decoration: underline;
}

.dilemma
{
    position: relative;

    color: #fff; 
    background-color: #a2b2f2;
    background-position: 50% 50%;
    background-size: cover;
}
@media screen and (max-width: 999px)
{
    .dilemma
    {
        background-position-x: 100%;
    }
}
@media screen and (max-width: 762px)
{
    .dilemma
    {
        background-position-x: 70%;
    }
}
@media screen and (max-width: 600px)
{
    .dilemma
    {
        background-position-x: 100%;
    }
}

.dilemma__inner
{
    padding-top: 140px;
    padding-bottom: 140px;

    text-align: right;
}
@media screen and (max-width: 999px)
{
    .dilemma__inner
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.dilemma__content
{
    font-size: 25px; 

    display: inline-block;

    width: 50%;
}
@media screen and (min-width: 1260px)
{
    .dilemma__content
    {
        width: 40%;
    }
}
@media screen and (max-width: 999px)
{
    .dilemma__content
    {
        font-size: 18px; 

        width: 60%;
    }
}
@media screen and (max-width: 600px)
{
    .dilemma__content
    {
        font-size: 14px;

        width: 100%;

        text-align: center;
    }
}

.dilemma_title
{
    margin-bottom: 20px;

    text-align: right; 

    color: inherit;
}
@media screen and (max-width: 999px)
{
    .dilemma_title
    {
        font-size: 30px;
    }
}
@media screen and (max-width: 600px)
{
    .dilemma_title
    {
        font-size: 20px;

        text-align: center;
    }
}

.dilemma__actions
{
    margin-top: 50px;
}

.discover
{
    position: relative;

    overflow: hidden;

    background: #fff;
}

.discover__content
{
    display: table;

    width: 100%;
    height: 100%; 

    table-layout: fixed;
}
@media screen and (max-width: 762px)
{
    .discover__content
    {
        display: block;
    }
}

.discover__main
{
    position: relative;

    display: table-cell;

    width: 60%;
    padding: 20px 0;

    text-align: left;
    vertical-align: middle;
}
@media screen and (max-width: 762px)
{
    .discover__main
    {
        display: block;

        width: auto;

        text-align: center;
    }
}

.discover__text
{
    max-width: 600px;
}
@media screen and (max-width: 762px)
{
    .discover__text
    {
        max-width: 100%;
    }
}

.discover_title
{
    max-width: 470px;
    margin-bottom: 20px;

    text-align: left; 

    color: #a2b2f2;
}
@media screen and (max-width: 999px)
{
    .discover_title
    {
        font-size: 30px;
    }
}
@media screen and (max-width: 762px)
{
    .discover_title
    {
        max-width: 100%; 

        text-align: center;
    }
}
@media screen and (max-width: 600px)
{
    .discover_title
    {
        font-size: 20px;
    }
}

.discover_title + p
{
    margin-top: 5px;
}

.discover__actions
{
    position: relative;

    margin-top: 50px;
}
@media screen and (max-width: 999px)
{
    .discover__actions
    {
        margin-top: 30px;
    }
}
@media screen and (max-width: 600px)
{
    .discover__actions
    {
        margin-top: 20px;
    }
}

.discover__action
{
    min-width: 200px;
    margin: 0 20px 0 0;
}
.discover__action:last-child
{
    margin-right: 0;
}
@media screen and (min-width: 1260px)
{
    .discover__action
    {
        min-width: 270px;
        margin-right: 45px;
    }
}
@media screen and (max-width: 999px)
{
    .discover__action
    {
        width: 270px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 762px)
{
    .discover__action
    {
        width: 240px;
        margin-right: 0;
    }
}

.discover__photo
{
    position: relative;

    display: table-cell;

    padding: 130px 0 120px 20px;

    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 999px)
{
    .discover__photo
    {
        padding: 50px 0 50px 20px;
    }
}
@media screen and (max-width: 762px)
{
    .discover__photo
    {
        display: block;

        padding: 20px 0;

        text-align: center;
    }
}

.discover__iphone
{
    max-width: 100%;
}

.signup
{
    position: relative;
}

.signup__slider
{
    position: relative;
    top: -260px;

    margin: 0 0 -140px;
}
@media screen and (max-width: 999px)
{
    .signup__slider
    {
        top: -160px;

        margin-bottom: -40px;
    }
}
@media screen and (max-width: 762px)
{
    .signup__slider
    {
        top: -140px;

        margin-bottom: -20px;
    }
}
@media screen and (max-width: 480px)
{
    .signup__slider
    {
        top: -50px;

        margin-bottom: 0;
    }
}
.signup__slider:after
{
    position: absolute;
    z-index: 50;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 40px;

    content: '';

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background:         linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}

.signup__container
{
    padding: 0 0 40px;
}

.signup__wrapper
{
    position: relative;
    top: -200px;

    width: 830px;
    margin: 0 auto;
    padding: 10px 0;
}
.signup__container .signup__wrapper
{
    top: 0;

    margin: 0;
}
@media screen and (max-width: 999px)
{
    .signup__wrapper
    {
        width: 700px;
    }
}
@media screen and (max-width: 762px)
{
    .signup__wrapper
    {
        width: auto;
    }
}

.signup__slide
{
    box-sizing: border-box; 
    padding: 0 20px;
}
.signup__slide:after
{
    position: absolute;
    z-index: 200;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 20px;

    content: '';

    opacity: .5; 
    background: #fff;
}

.swiper-slide-active:after
{
    z-index: -1;

    opacity: 0;
}

.signup__content
{
    position: relative;

    padding: 60px 100px; 

    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
}
.signup_login .signup__content
{
    padding: 70px 150px;
}
@media screen and (max-width: 762px)
{
    .signup_login .signup__content
    {
        padding: 20px;
    }
}
@media screen and (max-width: 999px)
{
    .signup__content
    {
        padding: 30px 20px;
    }
}

.signup__box
{
    box-sizing: border-box;
    min-height: 340px;
    margin: 0 0 25px;
}
.signup_login .signup__box
{
    min-height: 100px;
}
.signup__content_finish .signup__box
{
    padding-top: 90px;

    text-align: center;
}
@media screen and (max-width: 600px)
{
    .signup__content_finish .signup__box
    {
        padding-top: 30px;
    }
}

.signup__separator
{
    margin: 60px -100px;

    border-top: 1px solid #d4d6d8;
}
@media screen and (max-width: 999px)
{
    .signup__separator
    {
        margin: 30px -20px;
    }
}

.signup__partners
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 340px;
    margin: 0;
    padding: 0;

    list-style: none; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 600px)
{
    .signup__partners
    {
        height: auto;
    }
}

.signup__partner
{
    width: 33%;

    text-align: center;
}
@media screen and (max-width: 762px)
{
    .signup__partner
    {
        width: 50%;
    }
}
@media screen and (max-width: 600px)
{
    .signup__partner
    {
        width: 100%;
        margin: 0 0 10px;
    }
}
.signup__partner:last-child
{
    margin-right: auto;
}

.signup__chose
{
    position: relative;

    overflow: hidden;

    margin: 0 0 80px;

    border: 1px solid #2a333c;
    border-radius: 10px;
}
.signup__chose:after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;

    content: '';

    border-right: 1px solid #2a333c;
}
@media screen and (max-width: 600px)
{
    .signup__chose
    {
        margin: 0 0 50px;
    }
    .signup__chose:after
    {
        top: 50%;
        right: 0;
        bottom: auto;
        left: 0;

        border-top: 1px solid #2a333c;
        border-right: none;
    }
}

.signup__chose-looking,
.signup__chose-hire
{
    position: relative;

    float: left;

    box-sizing: border-box;
    width: 50%;
    height: 144px;
    padding: 25px 30px;

    text-align: center;
}
@media screen and (max-width: 600px)
{
    .signup__chose-looking,
    .signup__chose-hire
    {
        display: block;
        float: none;

        width: auto;
    }
}

.signup__chose-text
{
    font-size: 13px; 

    display: block;

    max-width: 190px;
    margin: 0 auto 10px;
}

.signup__chose-input
{
    position: absolute;
    left: -999px;
}

.signup__chose-radio
{
    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 20px;
    height: 20px;

    vertical-align: bottom; 

    border: 1px solid #2a333c;
    border-radius: 50%;
}
.signup__chose-radio:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;

    content: '';
    -webkit-transition: .25s ease-out;
            transition: .25s ease-out; 
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border-radius: 50%;
    background: #a2b2f2;
}
.signup__chose-input:checked ~ .signup__chose-radio
{
    border-color: #a2b2f2;
}
.signup__chose-input:checked ~ .signup__chose-radio:before
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.signup__chose-shadow
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    cursor: pointer;
    -webkit-transition: .25s ease-out;
            transition: .25s ease-out; 

    opacity: 0;
    border-radius: 9px 0 0 9px;
    box-shadow: inset 0 0 6px rgba(42, 51, 60, .4);
}
.signup__chose-hire .signup__chose-shadow
{
    border-radius: 0 9px 9px 0;
}
@media screen and (max-width: 600px)
{
    .signup__chose-shadow
    {
        border-radius: 9px 9px 0 0;
    }
    .signup__chose-hire .signup__chose-shadow
    {
        border-radius: 0 0 9px 9px;
    }
}
.signup__chose-input:checked ~ .signup__chose-shadow
{
    cursor: default; 

    opacity: 1;
}

.signup__type
{
    margin: 0 0 25px;
}

.signup__avatar
{
    margin: 0 0 85px;
}

.signup__title
{
    font-size: 35px;
    font-weight: 100; 

    max-width: 500px;
    margin: 0 auto;

    color: #2a333c;
}

.signup__text
{
    font-size: 25px; 

    color: #2a333c;
}

.signup__nav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (max-width: 480px)
{
    .signup__nav
    {
        display: block;
    }
}
.signup__nav_start,
.signup__nav_finish
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.signup__prev,
.signup__next,
.signup__check,
.signup__finish
{
    width: 282px;
}
@media screen and (max-width: 762px)
{
    .signup__prev,
    .signup__next,
    .signup__check,
    .signup__finish
    {
        width: 180px;
    }
}
@media screen and (max-width: 480px)
{
    .signup__prev,
    .signup__next,
    .signup__check,
    .signup__finish
    {
        width: 100%;
        margin: 25px 0 0;
    }
    .signup__prev:first-child,
    .signup__next:first-child,
    .signup__check:first-child,
    .signup__finish:first-child
    {
        margin-top: 0;
    }
}

.gallery
{
    position: relative;
}

.gallery__list
{
    margin: -4px;
}
.gallery_big .gallery__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: -16px -80px; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (max-width: 999px)
{
    .gallery_big .gallery__list
    {
        margin: -4px -10px;
    }
}

.gallery__item
{
    float: left;

    margin: 4px;
}
.gallery_big .gallery__item
{
    float: none;

    box-sizing: content-box; 
    width: 33.33%;
    margin: 0;
}

.gallery__photo
{
    width: 120px;
    height: 120px;

    vertical-align: bottom;
}
.gallery_big .gallery__photo
{
    width: 100%;
    height: 100%;
}

.gallery__box
{
    min-height: 20px;
}
.gallery_big .gallery__box
{
    padding: 16px;
}
@media screen and (max-width: 999px)
{
    .gallery_big .gallery__box
    {
        padding: 4px;
    }
}

.proposals
{
    position: relative;
}

.proposals__head
{
    font-size: 12px;
    font-weight: bold; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 30px 30px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.proposals__list
{
    border-top: 1px solid #e8e8e9;
}

.proposals__item
{
    padding: 10px 30px;

    border-bottom: 1px solid #e8e8e9;
}
.proposals_reviews .proposals__item
{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width: 600px)
{
    .proposals__item
    {
        padding: 10px;
    }
}

.proposals__headline
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 600px)
{
    .proposals__headline
    {
        display: block;
    }
}

.proposals__author
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-right: 20px; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 600px)
{
    .proposals__author
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.proposals__avatar
{
    overflow: hidden;

    width: 34px;
    min-width: 34px;
    height: 34px;
    margin: 0 10px 0 0;

    vertical-align: middle; 

    border-radius: 50%;
}

.proposals__photo
{
    width: 100%;
    height: 100%;
}

.proposals__user
{
    overflow: hidden;

    vertical-align: middle;
}

.proposals__name
{
    font-size: 15px;

    overflow: hidden;

    max-width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis; 

    color: #08122d;
}

.proposals__term
{
    font-size: 12px; 

    overflow: hidden;

    max-width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #9fa4a7;
}

.proposals__info
{
    text-align: right;
}
@media screen and (max-width: 600px)
{
    .proposals__info
    {
        padding-top: 10px;

        text-align: left;
    }
}

.proposals__rating
{
    line-height: 1.25;
}

.proposals__stars
{
    display: inline-block;

    width: 70px;
    height: 12px;

    vertical-align: middle; 

    background: url('../images/rating.svg?v=1485089431971') no-repeat 0 0;
}
.proposals__stars_4
{
    background-position: -14px 0;
}
.proposals__stars_3
{
    background-position: -28px 0;
}
.proposals__stars_2
{
    background-position: -42px 0;
}
.proposals__stars_1
{
    background-position: -56px 0;
}

.proposals__votes
{
    font-size: 12px;

    display: inline-block;

    vertical-align: middle; 

    color: #9fa4a7;
}

.proposals__text
{
    font-size: 14px; 

    margin: 20px 0 0;
}

.avatar
{
    position: relative;

    width: 145px;
    height: 145px;
    margin: 0 auto;

    text-align: center; 

    border-radius: 50%;
    background: #2a333c;
}
.avatar_choose
{
    margin-bottom: 20px;
}

.avatar__label
{
    font-size: 20px; 
    line-height: 145px;

    color: #fff;
}

.avatar__cover
{
    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 50%;
}

.avatar__photo
{
    width: 100%;
    height: 100%;
}

.avatar__button
{
    line-height: 50px;

    position: absolute;
    right: 0;
    bottom: 0;

    box-sizing: border-box;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;

    text-align: center;

    border: 0;
    border-radius: 50%;
    outline: none; 
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}

.avatar__ico
{
    margin: -4px 0 0;

    vertical-align: middle;
}

.drag
{
    max-width: 594px;
    margin: 0 auto 60px;

    text-align: left;
}

.drag__list
{
    position: relative;

    margin: 0 0 60px;
}

.drag__file
{
    overflow: hidden;

    margin: 0 0 30px;
    padding: 0 0 0 80px;
}

.drag__view
{
    position: relative;

    float: left;

    width: 55px;
    height: 55px;
    margin: 0 0 0 -80px;

    border-radius: 8px;
    background: #d4d6d8;
}

.drag__type
{
    font-size: 14px;
    line-height: 54px;

    text-align: center; 

    color: #fff;
}

.drag__cover
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.drag__name
{
    font-size: 14px; 

    margin: 0 0 4px;
}

.drag__remove
{
    float: right;

    width: 11px;
    height: 11px;

    cursor: pointer; 

    background: url('../images/ico_remove.svg?v=1485089431971') no-repeat 0 0;
}

.drag__status
{
    font-size: 14px; 

    color: #8f9599;
}

.drag__progress
{
    position: relative;

    height: 3px;
    margin: 8px 0 0;

    background: #d4d6d8;
}

.drag__loaded
{
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;

    background: #a2b2f2;
}

.drag__area
{
    padding: 60px 40px;

    cursor: pointer;
    -webkit-transition: .25s linear;
            transition: .25s linear; 
    text-align: center;

    border: 3px dashed #d5d7d8;
    border-radius: 8px;
}
.drag__area:hover,
.drag__area_active
{
    border-color: #a2b2f2;
}
.drag__area_error
{
    cursor: not-allowed; 

    color: #f2a2a2;
    border-color: #f2a2a2 !important;
}
.drag__list ~ .drag__area
{
    padding: 40px;
}

.drag__symbol
{
    font-size: 56px;

    padding: 10px 0 40px;

    -webkit-transition: .25s linear;
            transition: .25s linear; 

    color: #a2b2f2;
}
.drag__list ~ .drag__area .drag__symbol
{
    font-size: 20px; 

    padding: 0 0 20px;
}

.drag__plus
{
    width: 56px;
    height: 56px;

    -webkit-transition: .25s linear;
            transition: .25s linear;
}
.drag__list ~ .drag__area .drag__plus
{
    width: 20px;
    height: 20px;
}

.drag__title
{
    font-size: 25px;
}
.drag__title .drag__big
{
    font-size: 35px; 

    display: block;
}
.drag__title a
{
    color: #a2b2f2;
}
.drag__area_error .drag__title a
{
    color: #f2a2a2;
}
.drag__list ~ .drag__area .drag__title
{
    font-size: 15px;

    -webkit-transition: font-size .25s linear;
            transition: font-size .25s linear;
}
.drag__list ~ .drag__area .drag__title .drag__big
{
    display: inline;
}

.drag__note
{
    font-size: 14px;

    margin: 30px 0;

    text-align: center; 

    color: #8f9599;
}

.project
{
    position: relative;
}

.project__view
{
    margin: 30px 0 10px;
    padding: 10px;

    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.project__photo
{
    width: 100%;

    vertical-align: bottom;
}

.project__info
{
    margin: 20px 0 0;
}

.project__remove
{
    float: right;

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

    cursor: pointer; 

    background: url('../images/ico_trash.svg?v=1485089431971') no-repeat 0 0;
}

.project__name
{
    margin: 0;
}

.project__about
{
    font-size: 14px; 

    color: #8f9599;
}

.project__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;

    word-wrap: break-word; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.project__item
{
    display: inline-block;

    margin: 0 20px 20px 0;
}

.project__cover
{
    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 108px;
    height: 108px;
    padding: 10px;

    cursor: pointer; 

    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
}
.project__cover:hover
{
    background: #a2b2f2;
}
.project__cover_loading
{
    cursor: default; 

    background: #fff !important;
}

.project__link
{
    display: block;
}

.project__preview
{
    width: 88px;
    height: 88px;

    vertical-align: bottom;
}

.project__delete
{
    position: absolute;
    right: 3px;
    bottom: 3px;

    width: 18px;
    height: 18px;

    border-radius: 50%;
    background: #a2b2f2;
    box-shadow: 0 0 0 3px #fff;
}
.project__cover:hover .project__delete
{
    background: #fff;
    box-shadow: 0 0 0 3px #a2b2f2;
}
.project__delete:before,
.project__delete:after
{
    position: absolute;
    top: 8px;
    left: 2px;

    width: 14px;
    height: 1px;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); 

    background: #fff;
}
.project__cover:hover .project__delete:before,
.project__cover:hover .project__delete:after
{
    background: #a2b2f2;
}
.project__delete:after
{
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.project__add
{
    line-height: 86px;

    display: block;

    width: 88px;
    height: 88px;

    text-align: center; 

    background: #fff;
}

.project__plus
{
    width: 30px;
    height: 30px;

    vertical-align: middle;
}

.project__file
{
    position: absolute;
    left: -3000px;
}

.project__process
{
    font-size: 10px;
    line-height: 1.5; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 88px;
    height: 88px;

    background: #fff;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.project__name
{
    color: #8f9599;
}

.project__progress
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 3px;
    margin: 6px 0 0;

    border-radius: 2px;
    background: #d4d6d8;
}

.project__loaded
{
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;

    background: #a2b2f2;
}

.portfolio
{
    margin: 30px 0;
}

.portfolio__box
{
    padding: 30px;

    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
}

.portfolio__top
{
    width: 100%;
    height: 490px;
    margin-right: auto; 
    margin-left: auto;
}

.portfolio__slide
{
    width: 100%; 
    height: 490px !important;

    background-position: center;
    background-size: cover;
}

.portfolio__thumbs .portfolio__slide
{
    width: 88px;
    height: 88px !important;

    cursor: pointer; 

    border: 10px solid #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
}
.portfolio__thumbs .portfolio__slide.swiper-slide-active
{
    border-color: #a2b2f2;
}

.portfolio__thumbs
{
    margin: 0 -15px;
    padding: 15px;
}
@media screen and (min-width: 762px)
{
    .portfolio__thumbs .swiper-wrapper
    {
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
                transform: translate3d(0px, 0px, 0px) !important;
    }
}

.gallery-thumbs .swiper-slide-active
{
    opacity: 1;
}

.portfolio__next,
.portfolio__prev
{
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 0;

    width: 50px;
    height: 50px;
    margin: -25px 0 0;

    cursor: pointer;
    -webkit-transition: .25s ease-out;
            transition: .25s ease-out; 

    background: rgba(0, 0, 0, .2) url('../images/ico_arrow_left.svg?v=1485089431971') no-repeat 50% 50%;
}
.portfolio__next:hover,
.portfolio__prev:hover
{
    background-color: rgba(0, 0, 0, .4);
}
.portfolio__next.swiper-button-disabled,
.portfolio__prev.swiper-button-disabled
{
    -webkit-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
}

.portfolio__next
{
    right: 0;
    left: auto;

    background-image: url('../images/ico_arrow_right.svg?v=1485089431971');
}
.portfolio__next.swiper-button-disabled
{
    -webkit-transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
            transform: translate(50px, 0);
}

.board
{
    font-weight: 400; 

    max-width: 940px;
    margin: 50px auto;
}
@media screen and (max-width: 999px)
{
    .board
    {
        display: block;

        margin: 20px 0;
    }
}

.board__item,
.board__editor
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media screen and (max-width: 999px)
{
    .board__item,
    .board__editor
    {
        display: block;
    }
}
@media screen and (max-width: 600px)
{
    .board__item,
    .board__editor
    {
        margin-bottom: 15px;
    }
}

.board__editor
{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.board__content
{
    padding: 40px 50px; 

    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
@media screen and (max-width: 762px)
{
    .board__content
    {
        padding: 20px;
    }
}

.board__info
{
    box-sizing: border-box;
    width: 315px;
    min-width: 315px;
    padding: 40px 50px;

    text-align: right; 

    border-left: 1px solid #e6e6e6;
}
@media screen and (max-width: 999px)
{
    .board__info
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: auto;
        min-width: 200px;
        padding-top: 30px;
        padding-bottom: 30px;

        text-align: left; 

        border-top: 1px solid #e6e6e6;
        border-left: none;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media screen and (max-width: 762px)
{
    .board__info
    {
        padding: 20px;
    }
}
@media screen and (max-width: 600px)
{
    .board__info
    {
        display: block;
    }
}

.board__title
{
    font-weight: 400;

    color: #2a333c;
}

.board__parameter
{
    margin: 35px 0;
}
@media screen and (max-width: 999px)
{
    .board__info .board__parameter
    {
        width: 45%; 
        margin: 0 5% 10px 0;
    }
    .board__info .board__parameter:nth-child(even)
    {
        margin-top: 0;
    }
}
.board__parameter:first-child
{
    margin-top: 0;
}
.board__parameter:last-child
{
    margin-bottom: 0;
}
@media screen and (max-width: 600px)
{
    .board__parameter
    {
        width: auto !important;
        margin-right: 0 !important;
    }
}

.board__label
{
    font-size: 16px;
}

.board__value .control
{
    margin-top: 5px;
}

.board__footer
{
    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
    padding: 20px;

    -webkit-transition: .25s ease-out;
            transition: .25s ease-out; 
    text-align: center;

    border-top: 1px solid #e6e6e6;
}
.board__footer_hidden
{
    height: 0;
    padding-top: 0;
    padding-bottom: 0;

    border: 0;
}

.people
{
    margin: 35px 0;
}
@media screen and (max-width: 999px)
{
    .people
    {
        margin: 0;
    }
}

.people__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 100%;
    padding: 30px 0;

    border-bottom: 1px solid #ccc; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.people__item:last-child
{
    border-bottom: none;
}
@media screen and (max-width: 999px)
{
    .people__item
    {
        display: block;

        padding-bottom: 15px;
    }
}

.people__info
{
    overflow: hidden;

    box-sizing: border-box;
    width: 60%;
    height: 180px;
    padding: 15px;

    border: 1px solid #e6e6e6;
    background: #fff;
}
@media screen and (min-width: 1260px)
{
    .people__info
    {
        height: 230px; 
        padding: 30px;
    }
}
@media screen and (max-width: 999px)
{
    .people__info
    {
        width: auto;
        height: auto;
    }
}

.people__about
{
    font-size: 14px;

    margin-top: 10px;
}
@media screen and (min-width: 1260px)
{
    .people__about
    {
        font-size: 16px;

        margin-top: 20px;
    }
}

.people__works
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    min-width: 570px;
}
@media screen and (min-width: 1260px)
{
    .people__works
    {
        min-width: 780px;
    }
}
@media screen and (max-width: 999px)
{
    .people__works
    {
        width: auto;
        min-width: 200px;
        margin: 0 0 15px;
    }
}

.people__work
{
    width: 180px;
    min-width: 180px;
    height: 180px;
    margin: 0 0 0 10px;
}
@media screen and (min-width: 1260px)
{
    .people__work
    {
        width: 230px;
        min-width: 230px;
        height: 230px;
        margin: 0 0 0 30px;
    }
}
@media screen and (max-width: 999px)
{
    .people__work
    {
        width: 33.33%;
        min-width: 50px;
        height: auto; 
        margin: 0;
    }
}

.people__photo
{
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 999px)
{
    .people__photo
    {
        height: auto;
    }
}

.person
{
    font-weight: 400;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-decoration: none; 

    color: #000;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.person_target
{
    display: block;

    text-align: center;
}
.work__author .person
{
    color: #fff;
}

.person__avatar
{
    overflow: hidden;

    width: 64px;
    min-width: 64px;
    height: 64px;

    border-radius: 50%;
}
@media screen and (min-width: 1260px)
{
    .person__avatar
    {
        width: 84px;
        min-width: 84px;
        height: 84px;
    }
}
.person_target .person__avatar
{
    width: 140px;
    height: 140px;
    margin: -60px auto 15px;
}
.work__author .person_target .person__avatar
{
    width: 78px;
    min-width: 78px;
    height: 78px;
    margin-top: 0;

    -webkit-transition: .125s ease-out;
            transition: .125s ease-out; 
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);

    opacity: 0;
}
.works__item:hover .work__author .person_target .person__avatar
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 

    opacity: 1;
}
@media screen and (max-width: 600px)
{
    .work__author .person_target .person__avatar
    {
        width: 50px;
        min-width: 50px;
        height: 50px;
        margin-bottom: 0;
    }
}

.person__photo
{
    width: 100%;
    height: 100%;
}

.person__info
{
    overflow: hidden;
}
.person__avatar + .person__info
{
    margin-left: 16px;
}
@media screen and (min-width: 1260px)
{
    .person__avatar + .person__info
    {
        margin-left: 36px;
    }
}
.person_target .person__info
{
    margin-left: 0;
}

.person__name,
.person__function,
.person__location
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.work__author .person__name,
.work__author
  .person__function,
.work__author
  .person__location
{
    -webkit-transition: .125s ease-out;
            transition: .125s ease-out; 
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);

    opacity: 0;
}
.works__item:hover .work__author .person__name,
.works__item:hover .work__author
    .person__function,
.works__item:hover .work__author
    .person__location
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 

    opacity: 1;
}

.person__name
{
    font-size: 16px; 

    margin-bottom: 2px;
}
.work__author .person__name
{
    -webkit-transition-delay: .03s;
            transition-delay: .03s;
}
@media screen and (max-width: 480px)
{
    .work__author .person__name
    {
        font-size: 12px; 

        margin-bottom: 0;
    }
}
@media screen and (min-width: 1260px)
{
    .person__name
    {
        font-size: 20px; 

        margin-bottom: 5px;
    }
}

.person__function
{
    font-size: 15px; 

    margin-bottom: 2px;
}
.work__author .person__function
{
    -webkit-transition-delay: .06s;
            transition-delay: .06s;
}
@media screen and (max-width: 480px)
{
    .work__author .person__function
    {
        font-size: 12px; 

        margin-bottom: 0;
    }
}
@media screen and (min-width: 1260px)
{
    .person__function
    {
        font-size: 18px; 

        margin-bottom: 5px;
    }
}

.person__location
{
    font-size: 12px;
}
.work__author .person__location
{
    -webkit-transition-delay: .09s;
            transition-delay: .09s;
}
@media screen and (max-width: 480px)
{
    .work__author .person__location
    {
        font-size: 10px; 

        margin-bottom: 0;
    }
}
@media screen and (min-width: 1260px)
{
    .person__location
    {
        font-size: 14px;
    }
}

.human
{
    font-weight: 400; 

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    width: 100%;
    padding: 90px 0 50px;
}
@media screen and (max-width: 999px)
{
    .human
    {
        display: block;

        padding: 60px 0 30px;
    }
}

.human__actions
{
    position: absolute;
    top: 26px;
    right: 0;
}
@media screen and (max-width: 999px)
{
    .human__actions
    {
        position: relative;
        top: auto;
        right: auto;

        margin: -30px 0 30px;

        text-align: right;
    }
}
@media screen and (max-width: 480px)
{
    .human__actions
    {
        margin-bottom: 60px;

        text-align: center;
    }
}

.human__action
{
    margin-left: 20px;
}
@media screen and (max-width: 480px)
{
    .human__action
    {
        margin-right: 10px; 
        margin-left: 10px;
    }
}

.human__sidebar
{
    width: 25%;
    min-width: 25%;
    padding: 0 30px 0 0;
}
@media screen and (max-width: 999px)
{
    .human__sidebar
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        margin: 0 0 30px; 

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
}
@media screen and (max-width: 600px)
{
    .human__sidebar
    {
        display: block;

        margin: 0 0 15px;
    }
}

.human__info
{
    text-align: center;
}
@media screen and (max-width: 999px)
{
    .human__info
    {
        width: 100%;
    }
}
@media screen and (max-width: 600px)
{
    .human__info
    {
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 999px)
{
    .human__box
    {
        width: 48%;
        margin: 0;
    }
}

@media screen and (max-width: 600px)
{
    .human__box
    {
        width: auto;
        margin: 0 0 15px;
    }
}

.human__text
{
    margin: 15px 0;
}
.human__text:first-child
{
    margin-top: 0;
}
.human__text:last-child
{
    margin-bottom: 0;
}

@media screen and (min-width: 1260px)
{
    .human__cost
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 999px)
{
    .human__cost
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.human__hour,
.human__day,
.human__contact
{
    overflow: hidden;

    box-sizing: border-box;
    margin: 20px 0;

    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.human__hour:first-child,
.human__day:first-child,
.human__contact:first-child
{
    margin-top: 0;
}
.human__hour:last-child,
.human__day:last-child,
.human__contact:last-child
{
    margin-bottom: 0;
}

@media screen and (min-width: 1260px)
{
    .human__hour,
    .human__day
    {
        width: 50%;
        margin: 0;
    }
}

@media screen and (max-width: 999px)
{
    .human__hour,
    .human__day
    {
        width: 50%;
        margin: 0;
    }
}

.human__contact-link
{
    text-decoration: none;
}

.human__hour,
.human__day,
.human__contact
{
    position: relative;

    padding-left: 40px;
}
.human__hour:before,
.human__day:before,
.human__contact:before
{
    position: absolute;
    top: -2px;
    left: 0;

    width: 24px;
    height: 24px;

    content: '';

    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.human__hour:before,
.human__day:before
{
    background-image: url('../images/ico_dollar.svg?v=1485089431971');
}

.human__contact_mail:before
{
    background-image: url('../images/ico_mail.svg?v=1485089431971');
}

.human__contact_site:before
{
    background-image: url('../images/ico_cursor.svg?v=1485089431971');
}

.human__contact_instagram:before
{
    background-image: url('../images/ico_instagram.svg?v=1485089431971');
}

.human__contact_twitter:before
{
    background-image: url('../images/ico_twitter.svg?v=1485089431971');
}

.human__contact_facebook:before
{
    background-image: url('../images/ico_facebook.svg?v=1485089431971');
}

@media screen and (min-width: 1260px)
{
    .human__day
    {
        padding-left: 0;
    }
    .human__day:before
    {
        display: none;
    }
}

@media screen and (max-width: 999px)
{
    .human__day
    {
        padding-left: 0;
    }
    .human__day:before
    {
        display: none;
    }
}

.works
{
    position: relative;

    margin: 50px 0;
}
.human__works .works
{
    margin: 0;
}
.board__gallery .works
{
    margin: 30px 0 0;
}

.works__title
{
    font-size: 20px;
    font-weight: 400;

    margin: 50px 0;

    text-align: center; 

    color: #7c7c7c;
}

.works__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: -15px; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.board__gallery .works__list
{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
@media screen and (max-width: 600px)
{
    .works__list
    {
        margin: -5px;
    }
}

.works__item
{
    position: relative;

    overflow: hidden;

    box-sizing: border-box; 
    width: 33.33%;
    padding: 15px;
}
.board__gallery .works__item
{
    width: 50%;
}
@media screen and (min-width: 1260px)
{
    .works__item
    {
        width: 25%;
    }
    .human__works .works__item
    {
        width: 33.33%;
    }
}
@media screen and (max-width: 762px)
{
    .works__item
    {
        width: 50%;
    }
}
@media screen and (max-width: 600px)
{
    .works__item
    {
        padding: 5px;
    }
}

.works__cover
{
    display: block;
}

.works__photo
{
    width: 100%;

    vertical-align: bottom;
}

.work__author,
.work__actions
{
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-bottom: 58px;

    -webkit-transition: opacity .125s ease-out;
            transition: opacity .125s ease-out; 
    text-decoration: none;

    opacity: 0;
    color: #fff;
    background: rgba(0, 0, 0, .8);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.works__item:hover .work__author,
.works__item:hover
  .work__actions
{
    opacity: 1;
}
@media screen and (max-width: 600px)
{
    .work__author,
    .work__actions
    {
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;

        padding-bottom: 30px;
    }
}

.work__cost
{
    position: absolute;
    right: 0;
    bottom: -60px;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-transition: bottom .125s .12s ease-out;
            transition: bottom .125s .12s ease-out; 

    border-top: 1px solid rgba(255, 255, 255, .15);

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (max-width: 600px)
{
    .work__cost
    {
        bottom: -30px;
    }
}
.works__item:hover .work__cost
{
    bottom: 0;
}

.work__hour,
.work__day
{
    line-height: 58px;

    width: 50%;
    height: 58px;

    text-align: center;
}
@media screen and (max-width: 600px)
{
    .work__hour,
    .work__day
    {
        font-size: 12px; 
        line-height: 30px;

        height: 30px;
    }
}

.work__day
{
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.work__actions
{
    padding-bottom: 0;
}

.work__action
{
    -webkit-transition: .125s .1s ease-out;
            transition: .125s .1s ease-out; 
    -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
            transform: translateY(-30px);

    opacity: 0;
}
.works__item:hover .work__action
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 

    opacity: 1;
}

.works__blank
{
    width: 100%;

    vertical-align: bottom;
}

.works__add
{
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    text-decoration: none; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 600px)
{
    .works__add
    {
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;

        padding-bottom: 30px;
    }
}

.works__plus
{
    width: 44px;
    height: 44px;
}

.works__new
{
    margin: 10px 0 0;
}

.settings
{
    font-weight: 400; 

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 940px;
    margin: 50px auto !important;
    padding: 0;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media screen and (max-width: 999px)
{
    .settings
    {
        display: block;

        margin: 20px auto !important;
    }
}
@media screen and (max-width: 600px)
{
    .settings
    {
        margin-bottom: 15px;
    }
}

.settings__nav
{
    width: 245px;
    min-width: 245px;

    border-right: 1px solid #e6e6e6;
}
@media screen and (max-width: 999px)
{
    .settings__nav
    {
        position: absolute;
        z-index: -1;
        top: 20px;
        right: 20px;

        visibility: hidden;
        overflow: hidden;

        width: auto;
        min-width: 50px;
        max-height: 0;
        padding: 5px 0;

        -webkit-transition: .25s ease-out;
                transition: .25s ease-out; 

        border-radius: 5px;
        background: #fff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    }
    .settings__nav_open
    {
        z-index: 50;

        visibility: visible; 

        max-height: 300px;
    }
}

.settings__menu
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.settings__link
{
    font-size: 14px;

    display: block;

    padding: 15px 5px 15px 32px;

    text-decoration: none;

    opacity: .75; 
    color: #000;
}
.settings__item_active .settings__link
{
    padding-left: 30px;

    opacity: 1; 
    border-left: 2px solid #000;
}
@media screen and (max-width: 999px)
{
    .settings__link
    {
        margin: 5px 0;
        padding: 5px 10px !important;
    }
    .settings__item_active .settings__link
    {
        border: none;
    }
}

.settings__content
{
    padding: 40px 50px; 

    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
@media screen and (max-width: 999px)
{
    .settings__content
    {
        padding: 20px;
    }
}

.settings__title
{
    font-size: 20px;
    font-weight: 400;

    margin: 0 0 30px;

    text-align: left;
}
@media screen and (max-width: 600px)
{
    .settings__title
    {
        font-size: 18px;
    }
}

.settings__trigger
{
    font-size: 12px;

    position: relative;
    z-index: -1;

    visibility: hidden;
    float: right;

    margin: 5px 0 0;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 

    opacity: 0;
}
.settings__trigger:after
{
    display: inline-block;

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

    content: '';
    vertical-align: middle; 

    border-top: 5px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
@media screen and (max-width: 999px)
{
    .settings__trigger
    {
        z-index: 5;

        visibility: visible; 

        opacity: 1;
    }
}
@media screen and (max-width: 600px)
{
    .settings__trigger
    {
        margin-top: 3px;
    }
}

@media screen and (max-width: 600px)
{
    .settings__trigger-label
    {
        display: none;
    }
}

.settings__avatar
{
    display: inline-block;
    overflow: hidden;

    width: 140px;
    height: 140px;

    vertical-align: middle; 

    border-radius: 50%;
}
@media screen and (max-width: 600px)
{
    .settings__avatar
    {
        display: block;

        margin: 0 auto;
    }
}

.settings__photo
{
    width: 100%;
    height: 100%;
}

.settings__change
{
    display: inline-block;

    margin: 0 0 0 30px;

    vertical-align: middle;
}
@media screen and (max-width: 600px)
{
    .settings__change
    {
        display: block;

        margin: 10px 0 0;

        text-align: center;
    }
}

.uploader
{
    position: relative;

    margin-right: -20px;
}

.uploader__item,
.uploader__new
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    box-sizing: border-box;
    width: 120px;
    height: 120px;
    margin: 0 13px 15px 0;

    vertical-align: top; 

    background: #fff;
}

.uploader__new
{
    border: 1px solid #e6e6e6;
}

.uploader__item
{
    background-position: 50% 50%;
    background-size: cover;
}
.uploader__item:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: .16667s linear;
            transition: .16667s linear; 

    opacity: 0;
    background: #000;
}
.uploader__item:hover:before
{
    opacity: .8;
}

.uploader__label
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    cursor: pointer;
}
.uploader__label:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;

    content: '';

    background: url('../images/ico_add.svg?v=1485089431971') no-repeat 50% 50% !important;
}

.uploader__input
{
    position: absolute;
    left: -9999px;
}

.uploader__action
{
    position: absolute;
    top: 50%;
    right: 16px;
    left: 16px;

    margin: -18px 0 0;

    text-align: center;
}

.uploader__button
{
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;

    display: block;

    box-sizing: border-box;
    width: 100%;
    height: 36px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: .16667s .1s linear;
            transition: .16667s .1s linear; 
    text-align: center;
    vertical-align: top;
    text-decoration: none;

    opacity: 0;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 36px;
    outline: none;
    background: none;
    text-shadow: none;
}
.uploader__button:hover
{
    text-decoration: none; 

    color: #fff;
    background: rgba(255, 255, 255, .2);
}
.uploader__item:hover .uploader__button
{
    opacity: 1;
}

html.swipebox-html.swipebox-touch
{
    overflow: hidden !important;
}

#swipebox-overlay img
{
    border: none !important;
}

#swipebox-overlay
{
    position: fixed;
    z-index: 99999 !important;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

#swipebox-container
{
    position: relative;

    width: 100%;
    height: 100%;
}

#swipebox-slider
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    cursor: pointer; 
    -webkit-transition: -webkit-transform .4s ease;
            transition: -webkit-transform .4s ease;
            transition:         transform .4s ease;
            transition:         transform .4s ease, -webkit-transform .4s ease;
    white-space: nowrap;
}
#swipebox-slider .slide
{
    line-height: 1px;

    display: inline-block; 

    width: 100%;
    height: 100%;

    text-align: center;
}
#swipebox-slider .slide:before
{
    display: inline-block;

    width: 1px;
    height: 50%;
    margin-right: -1px; 

    content: '';
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container
{
    display: inline-block;

    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    padding: 0;

    vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container
{
    box-sizing: border-box; 
    width: 100%;
    max-width: 1140px;
    max-height: 100%;
    padding: 5%;

    background: none;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video
{
    position: relative; 

    overflow: hidden;

    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe
{
    position: absolute;
    top: 0;
    left: 0; 

    width: 100% !important;
    height: 100% !important;
}
#swipebox-slider .slide-loading
{
    background: url(../img/loader.gif) no-repeat center center;
}

#swipebox-title
{
    display: block;

    width: 100%;

    text-align: center;
}

#swipebox-prev,
#swipebox-next
{
    position: absolute;
    top: 50%;
    left: 20px;

    width: 22px;
    height: 40px;

    opacity: .5; 
    background: url('../images/ico_arrow_left_wite.svg?v=1485089431971') no-repeat 50% 50% !important;
}
#swipebox-prev:hover,
#swipebox-next:hover
{
    opacity: 1;
}

#swipebox-next
{
    right: 20px;
    left: auto;

    background-image: url('../images/ico_arrow_right_wite.svg?v=1485089431971') !important;
}

#swipebox-close
{
    position: absolute;
    z-index: 9999;
    top: 20px;
    right: 20px !important;

    width: 32px;
    height: 32px;

    cursor: pointer;

    opacity: .7; 
    background: url('../images/ico_cross_wite.svg?v=1485089431971') no-repeat 50% 50% !important;
}
#swipebox-close:hover
{
    opacity: 1;
}

.swipebox-no-close-button #swipebox-close
{
    display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled
{
    opacity: .2;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider
{
    -webkit-animation: rightSpring .3s;
            animation: rightSpring .3s;
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider
{
    -webkit-animation: leftSpring .3s;
            animation: leftSpring .3s;
}

.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after
{
    position: absolute;
    z-index: 999;
    top: 0;

    width: 20px;
    height: 100%;

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

    opacity: 0; 

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.swipebox-touch #swipebox-container:before
{
    left: 0;

    box-shadow: inset 10px 0 10px -8px #656565;
}

.swipebox-touch #swipebox-container:after
{
    right: 0;

    box-shadow: inset -10px 0 10px -8px #656565;
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before
{
    opacity: 1;
}

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after
{
    opacity: 1;
}

@-webkit-keyframes rightSpring
{
    0%
    {
        left: 0;
    }
    50%
    {
        left: -30px;
    }
    100%
    {
        left: 0;
    }
}

@keyframes rightSpring
{
    0%
    {
        left: 0;
    }
    50%
    {
        left: -30px;
    }
    100%
    {
        left: 0;
    }
}

@-webkit-keyframes leftSpring
{
    0%
    {
        left: 0;
    }
    50%
    {
        left: 30px;
    }
    100%
    {
        left: 0;
    }
}

@keyframes leftSpring
{
    0%
    {
        left: 0;
    }
    50%
    {
        left: 30px;
    }
    100%
    {
        left: 0;
    }
}

@media screen and (min-width: 800px)
{
    #swipebox-close
    {
        right: 10px;
    }
    #swipebox-arrows
    {
        width: 92%;
        max-width: 800px;
    }
}

/* Skin 
--------------------------*/
#swipebox-overlay
{
    background: #0d0d0d;
    background: rgba(0, 0, 0, .7);
}

.chosen-container
{
    font-size: 14px;

    position: relative;

    display: inline-block;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    vertical-align: middle;
}
.chosen-container *
{
    box-sizing: border-box;
}
.chosen-container .chosen-drop
{
    position: absolute;
    z-index: 1010;
    top: 100%;
    right: 10px;
    left: 10px;

    clip: rect(0, 0, 0, 0); 

    margin: 1px 0 0;

    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop
{
    clip: auto;
}
.chosen-container a
{
    cursor: pointer;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name
{
    font-weight: normal;

    overflow: hidden;

    margin-right: 4px;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #999;
}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after
{
    padding-left: 2px;

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

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single
{
    line-height: 24px; 

    position: relative;

    display: block;
    overflow: hidden;

    height: 25px;
    padding: 0 0 0 8px;

    white-space: nowrap;
    text-decoration: none;

    color: #444;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #e6e6e6;
}

.chosen-container-single .chosen-default
{
    color: #999;
}

.chosen-container-single .chosen-single span
{
    display: block;
    overflow: hidden;

    margin-right: 26px;

    white-space: nowrap; 
    text-overflow: ellipsis;
}

.chosen-container-single .chosen-single-with-deselect span
{
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr
{
    font-size: 1px; 

    position: absolute;
    top: 6px;
    right: 26px;

    display: block;

    width: 12px;
    height: 12px;

    background: #000;
}
.chosen-container-single .chosen-single abbr:hover
{
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover
{
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 18px;
    height: 100%;
}
.chosen-container-single .chosen-single div b
{
    display: block;

    width: 100%;
    height: 100%;

    background: #000;
}

.chosen-container-single .chosen-search
{
    position: relative;
    z-index: 1010;

    margin: 0;
    padding: 3px 4px;

    white-space: nowrap;
}
.chosen-container-single .chosen-search input[type='text']
{
    font-family: sans-serif;
    font-size: 1em;
    line-height: normal;

    width: 100%;
    height: auto;
    margin: 1px 0;
    padding: 5px 20px 5px 5px;

    border: 1px solid #e6e6e6;
    border-radius: 0; 
    outline: 0;
    background: #000;
}

.chosen-container-single .chosen-drop
{
    margin-top: -1px;

    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search
{
    position: absolute;

    clip: rect(0, 0, 0, 0);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results
{
    position: relative;

    overflow-x: hidden;
    overflow-y: auto;

    max-height: 240px;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;

    color: #404040;

    -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li
{
    line-height: 15px;

    display: none;

    margin: 0;
    padding: 8px 10px;

    list-style: none;

    word-wrap: break-word;

    -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result
{
    display: list-item;

    cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result
{
    display: list-item;

    cursor: default; 

    color: #ccc;
}
.chosen-container .chosen-results li.highlighted
{
    background: #e6e6e6;
}
.chosen-container .chosen-results li.no-results
{
    display: list-item;

    color: #777;
    background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result
{
    font-weight: bold;

    display: list-item;

    cursor: default;
}
.chosen-container .chosen-results li.group-option
{
    padding-left: 15px;
}
.chosen-container .chosen-results li em
{
    font-weight: 600; 
    font-style: normal;

    color: #000;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 5px;

    cursor: text; 

    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #fff;
}

.chosen-container-multi .chosen-choices li
{
    float: left;

    list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field
{
    margin: 0;
    padding: 0;

    white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type='text']
{
    font-family: sans-serif;
    font-size: 100%;
    line-height: normal;

    width: 25px; 
    height: 28px;
    margin: 1px 0;
    padding: 0;

    color: #999;
    border: 0 !important;
    border-radius: 0;
    outline: 0;
    background: transparent !important;
    box-shadow: none;
}
.chosen-container-multi .chosen-choices li.search-choice
{
    font-size: 12px;
    line-height: 14px;

    position: relative;

    max-width: 100%;
    margin: 2px 5px 2px 0;
    padding: 5px 40px 5px 9px;

    cursor: default; 

    color: #000;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #e8e8e8;
}
.chosen-container-multi .chosen-choices li.search-choice span
{
    word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close
{
    font-size: 1px;

    position: absolute;
    top: 5px;
    right: 10px;

    display: block;

    width: 12px;
    height: 12px;

    opacity: .25; 
    background: url('../images/ico_close_small.svg?v=1485089431971') no-repeat 50% 50%;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover
{
    opacity: 1;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled
{
    padding-right: 5px;

    color: #666; 
    border: 1px solid #ccc;
    background-color: #e4e4e4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus
{
    background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close
{
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results
{
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected
{
    display: none;

    cursor: default; 

    color: #ccc;
}

/* @end */
/* @group Active	*/
.chosen-container-active .chosen-single
{
    border: 1px solid #5897fb;
}

.chosen-container-active.chosen-with-drop .chosen-single
{
    border: 1px solid #e6e6e6;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image:         linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div
{
    border-left: none;
    background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b
{
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices
{
    border: 1px solid #000;
    box-shadow: 0 0 0 1px #000;
}
.chosen-container-active .chosen-choices li.search-field input[type='text']
{
    color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled
{
    cursor: default; 

    opacity: .5 !important;
}
.chosen-disabled .chosen-single
{
    cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close
{
    cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl
{
    text-align: right;
}
.chosen-rtl .chosen-single
{
    overflow: visible;

    padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span
{
    margin-right: 0;
    margin-left: 26px;

    direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span
{
    margin-left: 38px;
}
.chosen-rtl .chosen-single div
{
    right: auto;
    left: 3px;
}
.chosen-rtl .chosen-single abbr
{
    right: auto;
    left: 26px;
}
.chosen-rtl .chosen-choices li
{
    float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type='text']
{
    direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice
{
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close
{
    right: auto;
    left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results
{
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option
{
    padding-right: 15px;
    padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div
{
    border-right: none;
}
.chosen-rtl .chosen-search input[type='text']
{
    padding: 4px 5px 4px 20px;

    background: #000;

    direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b
{
    background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b
{
    background-position: -12px 2px;
}