/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 100px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    min-height: 100px;
}

/*------------------------------------------------*/

body {
    font-family: 'Bliss Pro Light';
    color: #4a4a4a;
    font-size: 16px;
}

.wrapper {
    max-width: 1054px;
    margin: 0 auto;
}

.wrapper-min {

}

.container-fluid {
    clear: both;
}

h1, h2, h3, h4 {
    margin-top: 0;
}

h1 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.01em;
}


h3 {
    font-size: 24px;
    font-weight: 900;
    color: #4a4a4a;
    margin-bottom: 20px;
    font-family: 'Bliss Pro Heavy';
}

h4 {
    font-size: 24px;
    font-family: 'Bliss Pro ExtraLight';
    text-align: center;
}

a {
    color: #4990e2;
    text-decoration: none;
}

a:hover {
    text-decoration: underline !important;
    color: #4990e2;
}

a.btn {
    text-decoration: none !important;
}

a.disabled {
    pointer-events: none;
    opacity: 0.5;
}

/**/
ul {
    padding: 0;
    margin: 0;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.pr-0 {
    padding-right: 0;
}

.pl-5 {
    padding-left: 5px;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.fs-12 {
    font-size: 12px;
}

/*Fonts*/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts2/BebasNeueRegular.eot');
    src: url('../fonts2/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts2/BebasNeueRegular.woff') format('woff'),
    url('../fonts2/BebasNeueRegular.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro';
    src: url('hinted-BlissPro-HeavyItalic.eot');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Heavy Italic';
    src: local('Bliss Pro Heavy Italic'), local('BlissPro-HeavyItalic'),
    url('../fonts/hinted-BlissPro-HeavyItalic.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-HeavyItalic.svg#BlissPro-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro';
    src: url('../fonts/hinted-BlissPro.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro';
    src: local('Bliss Pro'), local('BlissPro'),
    url('../fonts/hinted-BlissPro.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro.svg#BlissPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro Bold Italic';
    src: url('../fonts/hinted-BlissPro-BoldItalic.eot');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Bold Italic';
    src: local('Bliss Pro Bold Italic'), local('BlissPro-BoldItalic'),
    url('../fonts/hinted-BlissPro-BoldItalic.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-BoldItalic.svg#BlissPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro ExtraLight';
    src: url('../fonts/hinted-BlissPro-ExtraLight.eot');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro ExtraLight';
    src: local('Bliss Pro ExtraLight'), local('BlissPro-ExtraLight'),
    url('../fonts/hinted-BlissPro-ExtraLight.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-ExtraLight.svg#BlissPro-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro ExtraLight Italic';
    src: url('../fonts/hinted-BlissPro-ExtraLightItalic.eot');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro ExtraLight Italic';
    src: local('Bliss Pro ExtraLight Italic'), local('BlissPro-ExtraLightItalic'),
    url('../fonts/hinted-BlissPro-ExtraLightItalic.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-ExtraLightItalic.svg#BlissPro-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Light Italic';
    src: url('../fonts/hinted-BlissPro-LightItalic.eot');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Light Italic';
    src: local('Bliss Pro Light Italic'), local('BlissPro-LightItalic'),
    url('../fonts/hinted-BlissPro-LightItalic.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-LightItalic.svg#BlissPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Medium Italic';
    src: url('../fonts/hinted-BlissPro-MediumItalic.eot');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Medium Italic';
    src: local('Bliss Pro Medium Italic'), local('BlissPro-MediumItalic'),
    url('../fonts/hinted-BlissPro-MediumItalic.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-MediumItalic.svg#BlissPro-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro ExtraBold Italic';
    src: url('hinted-BlissPro-ExtraBoldItalic.eot');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro ExtraBold Italic';
    src: local('Bliss Pro ExtraBold Italic'), local('BlissPro-ExtraBoldItalic'),
    url('../fonts/hinted-BlissPro-ExtraBoldItalic.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-ExtraBoldItalic.svg#BlissPro-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Medium';
    src: url('../fonts/hinted-BlissPro-Medium.eot');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro Medium';
    src: local('Bliss Pro Medium'), local('BlissPro-Medium'),
    url('../fonts/hinted-BlissPro-Medium.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-Medium.svg#BlissPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro ExtraBold';
    src: url('../fonts/hinted-BlissPro-ExtraBold.eot');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro ExtraBold';
    src: local('Bliss Pro ExtraBold'), local('BlissPro-ExtraBold'),
    url('../fonts/hinted-BlissPro-ExtraBold.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-ExtraBold.svg#BlissPro-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro Heavy';
    src: url('../fonts/hinted-BlissPro-Heavy.eot');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro Heavy';
    src: local('Bliss Pro Heavy'), local('BlissPro-Heavy'),
    url('../fonts/hinted-BlissPro-Heavy.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-Heavy.svg#BlissPro-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro Italic';
    src: url('../fonts/hinted-BlissPro-Italic.eot');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Italic';
    src: local('Bliss Pro Italic'), local('BlissPro-Italic'),
    url('../fonts/hinted-BlissPro-Italic.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-Italic.svg#BlissPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Bliss Pro Bold';
    src: url('../fonts/hinted-BlissPro-Bold.eot');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro Bold';
    src: local('Bliss Pro Bold'), local('BlissPro-Bold'),
    url('../fonts/hinted-BlissPro-Bold.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-Bold.svg#BlissPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro Light';
    src: url('../fonts/hinted-BlissPro-Light.eot');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bliss Pro Light';
    src: local('Bliss Pro Light'), local('fonts/BlissPro-Light'),
    url('../fonts/hinted-BlissPro-Light.ttf') format('truetype'),
    url('../fonts/hinted-BlissPro-Light.svg#BlissPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}


/* Promo */

.promo-block {
    margin-top: 6px;
}

.promo-vacancy-desc {
    margin-top: 40px;
}


.promo-header {
    display: block;
    font-size: 24px;
    font-family: 'Bliss Pro ExtraBold';
    line-height: 30px;
    letter-spacing: -0.03em;
}

.promo-vacancy-title {
    display: block;
    font-size: 18px;
    font-family: 'Bliss Pro ExtraBold';
    line-height: 16px;
    letter-spacing: -0.03em;
    margin-top: 4px;
    margin-bottom: 4px;
}

.promo-vacancy-text {
    font-size: 16px;
}

.promo-details-header {
    font-size: 24px;
    font-weight: 400;
    color: #4a4a4a;
    margin-bottom: 5px;
    font-family: inherit;
    letter-spacing: -0.01em;
    text-decoration: underline;
}

.promo-details-text {
    font-size: 24px;
    font-weight: 900;
    color: #4a4a4a;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    font-family: 'Bliss Pro Heavy';
    letter-spacing: -0.01em;
    line-height: 30px;
}

.promo-details-text::before {
    content: "•";
    color: #ff6d00;
    display: inline-block;
    width: 0.8em;
    margin-left: -0.8em;
}

.promo-details-digits {
    font-size: 36px;
}


@media (max-width: 380px) {

    .promo-vacancy-title {
        display: block;
        font-size: 16px;
    }
    .promo-vacancy-desc {
        margin-top: 10px;
    }
    .promo-vacancy-text {
        font-size: 14px;
    }

    .promo-details-text {
        font-size: 18px;
    }

    .promo-details-digits {
        font-size: 26px;
    }

}


/* Steps */

.steps-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    justify-content:center;
    align-items:  stretch;
    margin-bottom:20px;
}

.steps-container>li {
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    flex-basis: 100%;
    text-align: center;
    background-color: #b3dbdb;
    color:#2c3f4c;
    margin: 2px;
    font-size: 11pt;
    line-height: 12pt;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-style: italic;
}

.steps-container>li.current-step {
    background-color: #ff9800;
    color:#FFF;
    font-style: normal;
    padding: 10px;
}

.steps-container>li.passed-step {
    font-style: normal;
}

.steps-container>li.passed-step a {
    display: block;
    text-decoration: none;
    padding: 10px;
    color: #2c3f4c;
}

.steps-container>li.passed-step a:hover {
    background-color: #1b6d85;
    color:#fff;
    text-decoration: none;
}


.steps-container>li:first-child {
    /*  border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;*/
}

.steps-container>li:last-child {
    /*  border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;*/
}


.after-text h2 {margin-top: 20px; color:#ff9800;}
.after-text h3 {padding-top: 30px;}
.after-img {text-align: center;}
.after-img img {display: inline-block;max-height: 200px;margin-bottom: 20px;}


/*Form*/
.wrapper input, .wrapper textarea, .wrapper select {
    outline: none;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    width: 100%;
    box-shadow: none;
    font-size: 16px;
}

textarea {
    height: 115px;
}

input:active, input:hover, input:focus,
textarea:active, textarea:hover, textarea:focus,
select:active, select:hover, select:focus {
    outline: 0;
    outline-offset: 0;
    border: 1px solid #1586bb;
}

label {
    font-size: 17px;
    color: #373a3c;
    font-weight:300;
}

/*Button*/
.btn-big {
    display: inline-block;
    background: #fff;
    color: #1586bb;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 21px;
    padding: 15px;
    width: 250px;
    text-align: center;
    line-height: 25px;
}

.btn-wrap {
    background: #066693;
    border-radius: 6px;
    display: inline-block;
    padding: 1px 1px 6px 1px;
}

.btn-big:hover {
    text-decoration: none;
}

.btn {
    border-radius: 5px;
    color: #fff;
    text-align: center;
    border: none;
}

.btn-c {
    margin: 0 auto;
    display: block;
}

.btn-download {
    margin-bottom: 5px;
}

.btn:hover, .btn:active, .btn:focus {
    background: #066693;
    color: #fff;
}

.btn-primary {
    background-color: #ff9800;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus,
.open > .dropdown-toggle.btn-primary {
    background: #ff6d00 !important;
    outline: 0 none !important;
    color: #fff !important;
}

.btn:hover,
.btn:active,
.btn:active:hover,
.btn:focus {
    color: #fff;
    border: none;
}

.btn-sm {
    padding: 8px 20px;
    font-size: 14px;
}

.btn-xs {
    font-size: 12px;
    border-radius: 3px !important;
    padding: 3px 12px 3px 12px;
}

.btn-success {
    background: #8bc34a;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
    background: #689f38 !important;
    outline: 0 none !important;
    color: #fff !important;
}

.btn-info {
    background: #449D44;
}

.btn-info:hover, .btn-info:active, .btn-info:focus {
    background: #31B0D5 !important;
    outline: 0 none !important;
    color: #fff !important;
}

.btn-danger {
    background: #d50000;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background: #b71c1c !important;
    outline: 0 none !important;
    color: #fff !important;
}

.btn-default {
    background: #0275d8;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
    background: #2e6da4 !important;
    outline: 0 none !important;
    color: #fff !important;
}

.btn-basic {
    background: #d8d8d8;
    color: #4a4a4a;
}

.btn-basic:hover, .btn-basic:active, .btn-basic:focus {
    background: #818a91;
}


/*Required*/
.required-field:after {
    content: " \00002A";
    color: #FF0F0F;
}


/*Disabled*/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    /*background: #d8d8d8;*/
    /*color: #4a4a4a;*/
}

/*Validation errors messages*/
.help-block {
    color: #FF0F0F;
    border-radius: 6px;
    font-size: 14px;
}

/*Radio Checkbox*/
.radio-block li {
    display: block;
    position: relative;
    text-align: center;
    width: 33.333%;
    margin-left: -1px;
    float: left;
}

.radio-block .radio + label {
    cursor: pointer;
    font-size: 14px;
    display: block;
    padding-top: 5px;
}

.radio:not(checked) {
    position: absolute;
    opacity: 0;

}

.radio:not(checked) + label {
    position: relative;
    color: #4a4a4a;
    height: 30px;
}

.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    border: solid 1px #cccccc;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
}

.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    background-color: #4fc3f7;
    border: solid 1px #4fc3f7;
    opacity: 0;
    transition: all .2s;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
}

.radio:checked + label:after {
    opacity: 1;

}

.radio-block label span {
    position: absolute;
    z-index: 99;
    display: block;
    width: 100%;
    text-align: center;
}

.radio:checked + label span {
    color: #fff;
}

.radio-block li:nth-child(1) .radio:not(checked) + label:before {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.radio-block li:nth-last-child(1) .radio:not(checked) + label:before {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.radio-block li:nth-child(1) .radio:not(checked) + label:after {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.radio-block li:nth-last-child(1) .radio:not(checked) + label:after {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*Radio Time*/
.radio-time + label {
    cursor: pointer;
    font-size: 14px;
    display: block;
    padding-top: 5px;
}

input.radio-time {
    width: auto;
}

.radio-time:not(checked) {
    position: absolute;
    opacity: 0;
}

.radio-time:not(checked) + label {
    position: relative;
    height: 32px;
}

.radio-time:not(checked) + label:hover:before {
    border: solid 1px #4fc3f7;
}

.radio-time:not(checked) + label:hover {
    color: #4fc3f7;
}

.radio-time:not(checked) + label:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
    border: solid 1px #4a4a4a;
    border-radius: 5px;
}

.radio-time:not(checked) + label:after {
    content: '';
    position: absolute;
    opacity: 0;
    transition: all .2s;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
}

.radio-time:checked + label:after {
    opacity: 1;
    background-color: #4fc3f7;
    border: solid 1px #4fc3f7;
    width: 100%;
    border-radius: 5px;
    top: 0px;
}

.radio-time:checked + label:hover:after {
    background-color: #03a9f4;
    border: solid 1px #03a9f4;
}

.radio-time label span {
    position: absolute;
    z-index: 99;
    display: block;
    width: 100%;
    text-align: center;
}

.radio-time:checked + label span {
    color: #fff;
    position: relative;
    z-index: 999;
}

input.checkbox {
    width: auto;
}

/*Radio Card*/
.radio-card {
    vertical-align: top;
    width: 20px;
    height: 20px;
}

.radio-card + label {
    cursor: pointer;
}

.radio-card:not(checked) {
    position: absolute;
    opacity: 0;
}

.radio-card:not(checked) + label {
    position: relative;
    padding: 0 0 0 30px;
}

.radio-card:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #010101;
    border-radius: 50%;
    opacity: 0.54;
    background: #FFF;
}

.radio-card:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 9px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4fc3f7;
    opacity: 0;
    transition: all .2s;
}

.radio-card:checked + label:before {
    border: 2px solid #4fc3f7;
    opacity: 1;
}

.radio-card:checked + label:after {
    opacity: 1;
}

.checkbox label {
    font-size: 14px;
}

.checkbox input {
    width: auto;
}

.checkbox-new {
    vertical-align: top;
    width: 18px;
    height: 18px;
}

input.checkbox-new {
    width: auto;
}

.checkbox-new + label {
    cursor: pointer;
}

.checkbox-new:not(checked) {
    position: absolute;
    opacity: 0;
}

.checkbox-new:not(checked) + label {
    position: relative;
    padding: 0 0 0 31px;
}

.checkbox-new:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 2px;
}

.checkbox-new:not(checked) + label:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 0px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background-color: #fff;
    border: solid 1px #cccccc;
}

.checkbox-new:checked + label:before {
    border: solid 1px #cccccc;
}

.checkbox-new:not(checked) + label:hover:after {
    border: solid 1px #8bc34a;
}

.checkbox-new:checked + label:hover:after {
    border: solid 1px #689f38;
}

.checkbox-new:checked + label:after {
    background: url('../images/ok.svg');
    border: solid 1px #8bc34a;
    background-position: center;
}

/*Consent Checkbox*/
.consent-checkbox {
    margin-top: 15px;
}

.consent-checkbox .checkbox-new:not(checked) + label {
    float: left;
}

.consent-checkbox span {
    display: inline-block;
    padding-left: 33px;
    margin-top: -18px;
}

.bg-consent {
    background-color: #dff0d8;
    padding: 25px 30px;
    clear: both;
    float: left;
    border-radius: 6px;
    border: 1px solid #D0E9C6;
    margin-bottom: 20px;
}

.bg-consent p {
    font-size: 14px !important;
    line-height: 18px !important;
    color: #3C763D;
}

.bg-consent span {
    font-size: 16px;
    font-family: 'Bliss Pro Medium';
    color: #3C763D;
}

/*--- Header ---*/
header {
    font-family: 'Bliss Pro Light';
}

.header-top li {
    list-style: none;
}

.header-full {
    max-width: 1920px;
    background: url("../images/bg-h2.svg");
    background-repeat: no-repeat;
    background-position: center top;
    clear: both;
    margin-bottom: 42px;
    height: 770px;
}

.header-top {
    padding-top: 12px;
}

.header-main {
    width: 100%;
    position: fixed;
    background-color: rgba(255,255,255, 1);
    z-index: 99;
    height: 80px;
    top: 0;
    padding-left: 0px;
    -webkit-box-shadow: 0px 8px 6px -9px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 8px 6px -9px rgba(0,0,0,0.35);
    box-shadow: 0px 8px 6px -9px rgba(0,0,0,0.35);
}

.header-top .logo img {
    width: 122px;
}

.header-top .logo {
    float: left;
}

/*Menu*/
.navbar {
    display: inline-block;
    padding-top:13px;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #888;
}

.menu-top {
    top: 0px;
}

.menu-top ul {
    margin-left: 83px;
}

.menu-top li {
    display: inline-block;
    margin-right: 48px;
}

.menu-top li:nth-last-child(1) {
    margin-right: 0;
}

.menu-top li a {
    font-size: 18px;
    color: #4a4a4a;
    text-decoration: underline;
}

.menu-top li a:hover {
    text-decoration: none !important;
}

/*Authorization*/
.authorization {
    float: right;
}

/*Header Page*/
.header-full-page {
    max-width: 1920px;
    background: url("../images/header-page.svg");
    background-repeat: no-repeat;
    background-position: center top;
    clear: both;
    margin-bottom: 42px;
    height: 235px;
}

.header-text {
    padding-top: 25px;
    height: 610px;
    clear: both;
}

.bg-h {
    background: url("../images/banner.png") no-repeat;
    background-position: 57% bottom;
    height: 736px;
    padding-top: 80px;
}

/*Header left block*/
.header-left-wrapper {
    max-width: 330px;
    font-size: 14px;
}

.header-left h1 {
    line-height: 42px;
    margin-bottom: 28px;
}

.header-left h2 {
    font-size: 18px;
    color: #5f4c4a;
    margin-bottom: 41px;
}

.header-left p {
    line-height: 17px;
    margin-bottom: 17px;
}

.header-left li {

    line-height: 16px;
}

.header-left-wrapper a.btn {
    margin-top: 20px;
}

/*Header right block*/
.header-right {
    text-align: right;
    margin-top: 6px;
}

.header-right p {
    font-size: 14px;
    margin-bottom: 28px;
    line-height: 17px;
}

.header-right p b {
    display: block;
    font-size: 24px;
    font-family: 'Bliss Pro ExtraBold';
    line-height: 30px;
    letter-spacing: -0.03em;
}

/*--- Content ---*/
/*Anketa*/
.right-af {
    padding: 40px;
    background-color: #d8f9f9;
    border: 1px solid #a8e4e4;
    -webkit-box-shadow: 0px 10px 6px -9px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 10px 6px -9px rgba(0,0,0,0.35);
    box-shadow: 0px 10px 6px -9px rgba(0,0,0,0.35);
}

.anketa-message {
    background-color: #FFF;
    padding:30px 20px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: solid 1px #dbe9e9;
}

.form-wrapper p.top-text {
    font-size: 16px;
    font-family: 'Bliss Pro ExtraLight';
    line-height: 19px;
    margin-bottom: 23px;
}

.forform .form-group {
    margin-bottom: 2px;
}

.link-all a {
    font-size: 14px;
    color: #4990e2;
    margin-bottom: 35px;
}

.link-all {
    margin-bottom: 35px;
}

.add-photo {
    border: dashed 1px #cccccc;
    padding: 30px;
    width: 100%;
}

.add-photo p {
    color: #9b9b9b;
    font-size: 14px;
    display: inline-block;
}

.add-photo button.btn-basic {
    margin-left: 20px;
    font-size: 14px;
}

.consent {
    margin-top: 20px;
}

.consent p {
    font-size: 14px;
    line-height: 16px;
}

.consent button.btn-primary {

}

.btn-link {
    font-size: 16px;
    color: #4990e2;
    background: none;
    text-decoration: underline !important;
    font-size: 14px;

}

.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:hover:active {
    text-decoration: none !important;
    background: none;
    color: #4990e2;
}



.call-planning-messenger {
    height: 85px;
    border: 1px solid #888;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    cursor:pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    webkit-box-shadow:  0 10px 3px -8px rgba(0,0,0,0.4);
    -moz-box-shadow:    0 10px 3px -8px rgba(0,0,0,0.4);
    box-shadow:         0 10px 3px -8px rgba(0,0,0,0.4);
}

.call-planning-messenger:hover {
    background-color: #b3dbdb;
}

.call-planning-messenger-selected {
    background-color: #ff9800;;
    color: #FFF;
    border: none;
}

.call-planning-messenger-selected:hover {
    background-color: #ff7700;
}

.call-planning-messenger-logo {
    height: 35px;
}

.call-planning-messenger-account {
    height: 30px;
    font-size: 18px;
}


.call-planning-sheet-header {
    height: 50px;
    text-align: center;
}

.call-planning-sheet-subheader {
    text-align: center;
    background-color: #b5e1e1;
}

.call-planning-sheet {
    padding: 0 15px 0 15px;
}

.call-planning-day-header {
    padding: 0 0 8px 0;
}

.call-planning-sheet-item {
    height: 40px;
    border: 1px solid #888;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    cursor:pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    webkit-box-shadow:  0 10px 3px -8px rgba(0,0,0,0.4);
    -moz-box-shadow:    0 10px 3px -8px rgba(0,0,0,0.4);
    box-shadow:         0 10px 3px -8px rgba(0,0,0,0.4);
}

.call-planning-sheet-item:hover {
    background-color: #b3dbdb;
}

.call-planning-sheet-item-inactive {
    background-color: #deecec;
    color: #bbc1c6;
    cursor: not-allowed;
    webkit-box-shadow:  0 8px 3px -8px rgba(0,0,0,0.4);
    -moz-box-shadow:    0 8px 3px -8px rgba(0,0,0,0.4);
    box-shadow:         0 8px 3px -8px rgba(0,0,0,0.4);
}

.call-planning-sheet-item-selected {
    background-color: #ff9800;
    color: #FFF;
    border: none;
}

.call-planning-sheet-item-selected:hover {
    background-color: #ff7700;
}

.call-planning-sheet-item-inactive.call-planning-sheet-item-selected {
    background-color: #d3be8d;
}


/* Positions */

.positions-pins-container {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    padding-bottom: 100px;
}

.positions-pin-item {
    font-family: 'PT Serif', serif;
    font-size: 11pt;
    line-height: 16pt;
    color: #333;
    margin: 10px;
    padding: 20px 20px 20px 20px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;


    border-radius: 4px;
    overflow: hidden;
    flex-grow: 1;
    flex-shrink: 0;

    flex-basis: 40%;

    min-width: 200px;
    background: #E9FFFF;
    border: 1px solid #a8e4e4;
    -webkit-box-shadow: 0px 10px 6px -9px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 10px 6px -9px rgba(0,0,0,0.35);
    box-shadow: 0px 10px 6px -9px rgba(0,0,0,0.35);
}

.positions-pin-description {
    height: 100%;
    font-family: 'Bliss Pro Light';
    font-size: 14px;
    line-height: 16px;
}

.positions-pin-photo {
    padding: 0 0 20px 0;
}

.positions-pin-photo>img {
    max-width: 300px;
}

.positions-pin-title {
    font-size: 18px;
    font-weight: 900;
    color: #4a4a4a;
    margin-bottom: 20px;
    font-family: 'Bliss Pro Heavy';
}

.positions-pin-link {
    text-align: center;
    padding-top: 25px;
}

.positions-pin-link a {
    font-family: 'Bliss Pro Light';
    font-size: 14px;
}

.positions-pin-row {
    border-bottom: solid 1px #a8e4e4;
    display: flex;
}


.positions-pin-row-itogo {
    border-bottom: none;
    margin-top: 30px;
    margin-bottom: 10px;
    display: flex;
    border-top: #a8e4e4 4px double;
    font-size: 18px;
    padding-top: 10px;
    color: #474747;
}

.positions-pin-row-name {
    font-weight: bold;
    padding: 3px;
    text-align: left;
    align-self: flex-start;
    color: #474747;
}

.positions-pin-row-value {
    padding: 3px;
    text-align: right;
    align-self: flex-end;
}

@media (max-width: 960px) {

    .positions-pin-item {
        flex-basis: 100%;
    }

    .positions-pin-row {
        display: block;
    }

}


/*Anketa*/
.anketa {
    padding-top: 120px;
}

/*Document*/
.form-horizontal h2 {
    font-size: 24px;
    font-weight: 200;
    text-align: left;
    color: #ff9800;
}

.doc-right {
    padding-left: 0px;
}

.doc-right .form-wrapper .top-text {
    margin-bottom: 99px;
}

.forform .photo-doc-add {
    margin-bottom: 15px;
    text-align: right;
}

.photo-doc-add, .photo-doc-add label {
    font-size: 14px;
}

.forform .form-group-doc-end {
    margin-bottom: 48px;
}

.doc-right .form-wrapper {
    float: left;
    position: relative;
    z-index: 9;
    margin-bottom: 40px;
}

.attached-files {
    font-size: 14px;
    margin-bottom: 100px;
}

.attached-files img {
    margin-right: 10px;
}

.attached-files table {
    width: 100%;
    margin-top: 14px;
}

.attached-files table td {
    padding: 3px;
}

.forform .form-group-end {
    margin-bottom: 32px;
}

.slash:after {
    content: '/';
    position: absolute;
    top: 5px;
    right: 1px;
    font-size: 18px;
}

/*Note*/
.note {
    font-size: 14px;
    margin: 10px 0;
}

/*Step*/
.form-block h4 {
    margin-bottom: 11px;
}

.step {
    text-align: center;
    color: #000000;
    font-size: 18px;
    margin-bottom: 19px;
}

.step li {
    display: inline-block;
    margin-left: -5px;
}

.step li a {
    display: block;
    border: solid 1px #cccccc;
    width: 41px;
    height: 30px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: #4a4a4a;
    position: relative;
    padding-top: 5px;
    text-decoration: none;
}

.step li a:hover,
.step li a:active,
.step li a:focus,
.step li.open a {
    background: #8bc34a;
    color: #fff;
    text-decoration: none;
    border: 1px solid #8bc34a;
    z-index: 9;
    cursor: pointer;
}

.step li.open:hover a,
.step li.open:active a,
.step li.open:focus a {
    background: #689f38;
    color: #fff;
    border: 1px solid #689f38;
    z-index: 99;
    cursor: pointer;
}

.step li:nth-child(1) a {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.step li:nth-last-child(1) a {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*Popular jobs*/

.pop-jpbs {
    position: relative;
    border-radius: 10px;
}

.text-jobs {
    position: absolute;
    width: 100%;
    padding: 0 30px 30px 30px;
    color: #fff;
    bottom: 0px;
    left: 0px;

}

.text-jobs p {
    font-size: 18px;
    float: left;
    font-family: 'Bliss Pro ExtraLight';
}

.text-jobs .month {
    border-radius: 5px;
    border: solid 1px #ffffff;
    float: right;
    font-size: 36px;
    line-height: 24px;
    text-align: center;
    font-family: 'Bliss Pro ExtraBold';
    padding: 9px 17px;
    width: 57px;
    height: 57px;
    margin-top: 5px;
}

.text-jobs .month small {
    font-size: 14px;
    line-height: 14px;
    font-family: 'Bliss Pro ExtraLight';
    display: block;
}

.img-jobs img {
    text-align: left;
    max-width: 100%;
}

.text-jobs span {
    font-size: 30px;
    display: block;
    line-height: 30px;
}

.carousel-indicators {
    bottom: 0;
}

.carousel-inner {
    border-radius: 10px;
}

/*FAQ*/
#faq, #about {
    padding-top: 100px;
}
#faq {
    margin-bottom: 50px;
}
.bg-faq {
    background: url('../images/bg-top-faq.svg') no-repeat;
    height: 125px;
    margin-top: -12px;
    background-position: center;
    margin-bottom: -119px;
}

.bg-tl {
    transform: scale(-1, -1);
}

.wrapper-min {
    max-width: 833px;
    margin: 0 auto;
}

.wrapper-min h3 {
    text-align: center;
}

.wrapper-min p {
    margin-bottom: 15px;
}

/*Panel*/

.panel-group-faq {
    background-color: #d2edf1;
    /*background: url('../images/faq-bg.svg') no-repeat bottom right;*/
    padding: 40px 30px 30px 30px;
    margin-bottom: 50px;
}

#accordion>.panel {
    background: none;
    margin-bottom: 10px;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: solid 1px white;
}

#accordion>.panel:last-child {
    border-bottom: none;
}

.panel-faq {
    /*
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
    padding: 0px 30px 20px 0;
    */
}

.panel-title-faq a {
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    display: block;
    padding-left: 25px;
    min-height: 24px;
    padding-top: 2px;
}

.panel-title-faq {
    text-align: left;
}

.panel-title-faq a.collapsed:hover, .panel-title-faq a {
    text-decoration: none;
}

.panel-title-faq a.collapsed {
    color: #4a4a4a;
}

.panel-body {
    padding-left: 44px;
    font-size: 16px;
}

.panel-faq .panel-body li {
    margin-bottom: 10px;
}
.panel-faq .panel-body ol {
    margin-bottom: 20px;
}
.panel-faq .panel-body p:nth-last-child(1){
    margin-bottom: 0;
}
.panel-faq .panel-body {
    padding: 15px 15px 30px 25px;
}


/*Modal*/

.modal-content {
    overflow-y: auto;
}

.modal-window .modal-header, .modal-window .modal-footer {
    width: 100%;
    padding: 10px 30px;
    background: #fff;
}

.moda-window .modal-body {

}

/*Footer*/
footer {
    background-color: #d2edf1;
    min-height: 100px;
}

.bg-f {
    background-image: url("../images/bg-f.svg");
    background-repeat: repeat-x;
    width: 37%;
    position: absolute;
    height: 100%;
    background-position: right bottom;

}

footer .wrapper {
    padding: 23px 15px;
    position: relative;
}

.logo-f {
    float: left;
    margin-top: 14px;
}

.logo-f img {
    width: 95px;
}

footer p {
    float: right;
    font-size: 14px;
    margin-top: 17px;
}

/*Slider*/
#news-slider {
    text-align: center;
}

.carousel-wrapper h3 {
    margin-bottom: 40px;
}

.carousel-wrapper {
    padding-top: 120px;
    padding-bottom: 40px;
}

.post-slide {
    display: inline-block;
    width: 14.285714%;
    transition: all 0.4s ease-in-out 0s;
    border-radius: 4px;
    margin: 2px;
    opacity: 0.7;
}

.post-slide:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

.post-slide .post-img {
    position: relative;
    overflow: hidden;
    padding: 5px 10px;
    width: 100%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out 0s;
}

.post-slide .post-img:hover {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
    cursor: pointer;
}

.post-slide .post-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    transition: all 0.4s linear 0s;
    display: none;
}

.post-slide:hover .post-img:before {
    background: rgba(0, 0, 0, 0.6);
    display: none;

}

.post-slide .post-img img {
    width: 100%;
    height: auto;
}

.post-slide .category {
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 11px;
    text-align: center;
    text-transform: capitalize;
    padding: 11px 0;
    background: #d2edf1;
    position: absolute;
    bottom: 0;
    left: -100%;
    transition: all 0.5s ease-in-out 0s;
    display: none;
}

.post-slide .category a {
    color: #4a4a4a;;
    text-decoration: none;
}

.post-slide:hover .category {
    left: 0;
}

.post-slide .post-review {
    padding: 25px 20px;
    background: #fff;
    position: relative;
}

.post-slide .post-title {
    margin: 0;
}

.post-slide .post-title a {
    display: inline-block;
    font-size: 16px;
    color: #9B7DF5;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 25px;
    transition: all 0.30s linear 0s;
}

.post-slide .post-title a:hover {
    text-decoration: none;
    color: #555;
}

.post-slide .post-description {
    font-size: 15px;
    color: #555;
    line-height: 26px;
}

.post-review .post-bar {
    margin-top: 20px;
}

.post-bar span {
    display: inline-block;
    font-size: 14px;
}

.post-bar span i {
    margin-right: 5px;
    color: #999;
}

.post-bar span a {
    color: #999;
    text-transform: uppercase;
}

.post-bar span a:hover {
    text-decoration: none;
    color: #9B7DF5;
}

.post-bar span.comments {
    float: right;
}

/*Carousel*/
.carousel {
    max-width: 350px;
}

.carousel .carousel-control.right, .carousel .carousel-control.left {
    background: none;
}

/*Крестики*/
.parent_close {
    float: right;
    margin-bottom: 3px;
    margin-top: -5px;
    text-align: right;
}

.parent_close span {
    cursor: pointer;
    text-align: right;
}

/*Кнопка*/
.topbtn {
    z-index: 9;
    position: relative;
}

/*FIX*/
.consent input {
    width: auto;
}

/*Step 5*/
.form-min {
    max-width: 460px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
}

.form-min .col-sm-3 {
    padding: 0 3px;
    margin-bottom: 12px;
}

.form-min-call .col-sm-2 {
    padding: 0 3px;
    margin-bottom: 12px;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.logo-call {
    height: 35px;
}

.logo-call img {
    max-width: 100%;
}

/* About */
.about-block {
    padding-top: 120px;
    margin-bottom: 40px;
}

.about-block p {
    line-height: 19px;
    margin-bottom: 18px;
}

.about-block ul {
    padding-left: 30px;
}

/* Comments */


.comments-block {
    padding: 40px;
    max-width: 700px;
}

.comment-author {
    margin-bottom: 10px;
    border-bottom: 2px solid #a8e4e4;
    padding-left: 10px;
}

.comment-citate {
    font-style: italic;
    padding-left: 10px;
    padding-top: 10px;
}

.comments-image {
    max-width: 120px;
}

/* Circs */

.circs-block {
    clear: both;
}

.circs-block h3 {
    text-align: center;
    margin-bottom: 41px;
}

.circs-block small {
    display: block;
    font-size: 16px;
    font-family: 'Bliss Pro Light';
    margin-top: 7px;
}

.circs-block .col-5 {
    width: 19%;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.circs-block .img-cb {
    height: 50px;
    margin-bottom: 20px;
}

.circs-block .col-5 h4 {
    font-size: 16px;
    font-family: 'Bliss Pro Light';
    text-transform: uppercase;
}

.сircs-wrap {
    margin-bottom: 70px;
}

/*List*/
.list-text {
    margin-left: 35px;
}

.list-text li {
    position: relative;
    margin-bottom: -3px;
    list-style: none;
}

.list-text li:before {
    content: '.';
    position: absolute;
    display: block;
    margin-left: -27px;
    margin-top: 1px;
    font-size: 34px;
    line-height: 0;
}

@media only screen and (max-width: 359px) {
    .post-slide .category {
        font-size: 13px;
    }
}

@media (max-width: 960px) {
    .bg-h {
        background: none;
    }

    .header-right {
        margin-top: 30px;
        float: none;
        width: 100%;
    }

    .header-right p {
        width: 24%;
        display: inline-block;
        vertical-align: top;
    }

    .panel-group-faq {
        padding: 0 15px 17px 15px;
    }

    .right-af {
        padding-right: 15px;
        padding-left: 15px;
    }

}

@media (max-width: 768px) {
    /*Header*/
    .header-left {
        margin-bottom: 30px;
    }

    .header-left h1 {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .header-left h2 {
        margin-bottom: 20px;
    }

    .header-text {
        background: none;
    }

    .header-right {
        float: none;
        text-align: left;
        margin-top: 30px;
    }

    .header-right p {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    .logo {
        margin-left: 20px;
    }

    /*Menu*/
    .menu-top {
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
    }

    .menu-top .navbar-toggle {
        float: left;
    }

    .menu-top .navbar-collapse {
        background-color: #d2edf1;
        border-top: 1px solid #a8e4e4;
        margin-top: 12px;
    }

    .menu-top ul {
        margin: 0;
    }

    .menu-top li {
        display: block;
        margin-bottom: 10px;
    }

    /*Сircs */
    .circs-block .col-cb-4 {
        width: 32%;
        margin-bottom: 20px;
    }

    .circs-block .col-cb-6 {
        width: 49%;
    }

    /*Footer*/
    footer p {
        width: 60%;
        margin-top: 0;
    }

    .doc-right {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 50px;
    }

    .photo-doc-add {
        text-align: left !important;
    }

    .photo-doc-add button {
        float: left;
    }

    /*Slide*/
    .post-slide {
        width: 20%;
    }

    /*Carousel*/
    .carousel {
        margin: 0 auto;
    }

    .ta-xs-c {
        text-align: center;
    }

    .header-main {
        padding-left: 20px;
    }

}

@media (max-width: 480px) {
    /*Slide*/
    .post-slide {
        width: 33.3333%;
    }
    /*Сircs */
    .circs-block .col-cb-4 {
        width: 49%;
        margin-bottom: 20px;
    }

    .circs-block .col-cb-6 {
        width: 49%;
    }
}